https://portal.commoninterest.com/assets/new-communication-DOZ8lpTG.js

1import{r as u,j as s,R as j,d as ae,u as ce,n as Re,S as ee,I as U,aQ as W,q as te,B as oe,aF as Ne,dI as Te,bu as Ee,F as ne,dK as we}from"./elements-DVh2jUIM.js";import{u as Pe,x as Ae,j as Fe,b9 as _e,J as Ge}from"./index-DeQvL4I7.js";import{u as Me,b as De}from"./board-communications-DsBZ8KLR.js";import{u as Oe,C as M}from"./index.esm-BsOhZrKM.js";import"./grids-DXrfAsUA.js";import"./startOfDay-AazlW55I.js";function X(e,t=[]){let n=[];function o(c,a){const i=u.createContext(a),f=n.length;n=[...n,a];const x=m=>{var y;const{scope:v,children:S,...R}=m,b=((y=v==null?void 0:v[e])==null?void 0:y[f])||i,d=u.useMemo(()=>R,Object.values(R));return s.jsx(b.Provider,{value:d,children:S})};x.displayName=c+"Provider";function l(m,v){var b;const S=((b=v==null?void 0:v[e])==null?void 0:b[f])||i,R=u.useContext(S);if(R)return R;if(a!==void 0)return a;throw new Error(`\`${m}\` must be used within \`${c}\``)}return[x,l]}const r=()=>{const c=n.map(a=>u.createContext(a));return function(i){const f=(i==null?void 0:i[e])||c;return u.useMemo(()=>({[`__scope${e}`]:{...i,[e]:f}}),[i,f])}};return r.scopeName=e,[o,Le(r,...t)]}function Le(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const o=e.map(r=>({useScope:r(),scopeName:r.scopeName}));return function(c){const a=o.reduce((i,{useScope:f,scopeName:x})=>{const m=f(c)[`__scope${x}`];return{...i,...m}},{});return u.useMemo(()=>({[`__scope${t.scopeName}`]:a}),[a])}};return n.scopeName=t.scopeName,n}function re(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function ie(...e){return t=>{let n=!1;const o=e.map(r=>{const c=re(r,t);return!n&&typeof c=="function"&&(n=!0),c});if(n)return()=>{for(let r=0;r<o.length;r++){const c=o[r];typeof c=="function"?c():re(e[r],null)}}}}function z(...e){return u.useCallback(ie(...e),e)}function J(e){const t=ke(e),n=u.forwardRef((o,r)=>{const{children:c,...a}=o,i=u.Children.toArray(c),f=i.find(Be);if(f){const x=f.props.children,l=i.map(m=>m===f?u.Children.count(x)>1?u.Children.only(null):u.isValidElement(x)?x.props.children:null:m);return s.jsx(t,{...a,ref:r,children:u.isValidElement(x)?u.cloneElement(x,void 0,l):null})}return s.jsx(t,{...a,ref:r,children:c})});return n.displayName=`${e}.Slot`,n}function ke(e){const t=u.forwardRef((n,o)=>{const{children:r,...c}=n;if(u.isValidElement(r)){const a=qe(r),i=$e(c,r.props);return r.type!==u.Fragment&&(i.ref=o?ie(o,a):a),u.cloneElement(r,i)}return u.Children.count(r)>1?u.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Ve=Symbol("radix.slottable");function Be(e){return u.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Ve}function $e(e,t){const n={...t};for(const o in t){const r=e[o],c=t[o];/^on[A-Z]/.test(o)?r&&c?n[o]=(...i)=>{const f=c(...i);return r(...i),f}:r&&(n[o]=r):o==="style"?n[o]={...r,...c}:o==="className"&&(n[o]=[r,c].filter(Boolean).join(" "))}return{...e,...n}}function qe(e){var o,r;let t=(o=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:o.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(r=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:r.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var Ke=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],O=Ke.reduce((e,t)=>{const n=J(`Primitive.${t}`),o=u.forwardRef((r,c)=>{const{asChild:a,...i}=r,f=a?n:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),s.jsx(f,{...i,ref:c})});return o.displayName=`Primitive.${t}`,{...e,[t]:o}},{});function G(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e==null||e(r),n===!1||!r.defaultPrevented)return t==null?void 0:t(r)}}function Ue(e){const t=e+"CollectionProvider",[n,o]=X(t),[r,c]=n(t,{collectionRef:{current:null},itemMap:new Map}),a=b=>{const{scope:d,children:y}=b,N=j.useRef(null),h=j.useRef(new Map).current;return s.jsx(r,{scope:d,itemMap:h,collectionRef:N,children:y})};a.displayName=t;const i=e+"CollectionSlot",f=J(i),x=j.forwardRef((b,d)=>{const{scope:y,children:N}=b,h=c(i,y),I=z(d,h.collectionRef);return s.jsx(f,{ref:I,children:N})});x.displayName=i;const l=e+"CollectionItemSlot",m="data-radix-collection-item",v=J(l),S=j.forwardRef((b,d)=>{const{scope:y,children:N,...h}=b,I=j.useRef(null),P=z(d,I),E=c(l,y);return j.useEffect(()=>(E.itemMap.set(I,{ref:I,...h}),()=>void E.itemMap.delete(I))),s.jsx(v,{[m]:"",ref:P,children:N})});S.displayName=l;function R(b){const d=c(e+"CollectionConsumer",b);return j.useCallback(()=>{const N=d.collectionRef.current;if(!N)return[];const h=Array.from(N.querySelectorAll(`[${m}]`));return Array.from(d.itemMap.values()).sort((E,F)=>h.indexOf(E.ref.current)-h.indexOf(F.ref.current))},[d.collectionRef,d.itemMap])}return[{Provider:a,Slot:x,ItemSlot:S}

1,R,o]}var ue=globalThis!=null&&globalThis.document?u.useLayoutEffect:()=>{},We=ae[" useId ".trim().toString()]||(()=>{}),Qe=0;function Ye(e){const[t,n]=u.useState(We());return ue(()=>{n(o=>o??String(Qe++))},[e]),t?`radix-${t}`:""}function ze(e){const t=u.useRef(e);return u.useEffect(()=>{t.current=e}),u.useMemo(()=>(...n)=>{var o;return(o=t.current)==null?void 0:o.call(t,...n)},[])}var Je=ae[" useInsertionEffect ".trim().toString()]||ue;function B({prop:e,defaultProp:t,onChange:n=()=>{},caller:o}){const[r,c,a]=Ze({defaultProp:t,onChange:n}),i=e!==void 0,f=i?e:r;{const l=u.useRef(e!==void 0);u.useEffect(()=>{const m=l.current;m!==i&&console.warn(`${o} is changing from ${m?"controlled":"uncontrolled"} to ${i?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),l.current=i},[i,o])}const x=u.useCallback(l=>{var m;if(i){const v=Xe(l)?l(e):l;v!==e&&((m=a.current)==null||m.call(a,v))}else c(l)},[i,e,c,a]);return[f,x]}function Ze({defaultProp:e,onChange:t}){const[n,o]=u.useState(e),r=u.useRef(n),c=u.useRef(t);return Je(()=>{c.current=t},[t]),u.useEffect(()=>{var a;r.current!==n&&((a=c.current)==null||a.call(c,n),r.current=n)},[n,r]),[n,o,c]}function Xe(e){return typeof e=="function"}var He=u.createContext(void 0);function le(e){const t=u.useContext(He);return e||t||"ltr"}var Q="rovingFocusGroup.onEntryFocus",et={bubbles:!1,cancelable:!0},L="RovingFocusGroup",[Z,me,tt]=Ue(L),[ot,de]=X(L,[tt]),[nt,rt]=ot(L),fe=u.forwardRef((e,t)=>s.jsx(Z.Provider,{scope:e.__scopeRovingFocusGroup,children:s.jsx(Z.Slot,{scope:e.__scopeRovingFocusGroup,children:s.jsx(st,{...e,ref:t})})}));fe.displayName=L;var st=u.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,orientation:o,loop:r=!1,dir:c,currentTabStopId:a,defaultCurrentTabStopId:i,onCurrentTabStopIdChange:f,onEntryFocus:x,preventScrollOnEntryFocus:l=!1,...m}=e,v=u.useRef(null),S=z(t,v),R=le(c),[b,d]=B({prop:a,defaultProp:i??null,onChange:f,caller:L}),[y,N]=u.useState(!1),h=ze(x),I=me(n),P=u.useRef(!1),[E,F]=u.useState(0);return u.useEffect(()=>{const T=v.current;if(T)return T.addEventListener(Q,h),()=>T.removeEventListener(Q,h)},[h]),s.jsx(nt,{scope:n,orientation:o,dir:R,loop:r,currentTabStopId:b,onItemFocus:u.useCallback(T=>d(T),[d]),onItemShiftTab:u.useCallback(()=>N(!0),[]),onFocusableItemAdd:u.useCallback(()=>F(T=>T+1),[]),onFocusableItemRemove:u.useCallback(()=>F(T=>T-1),[]),children:s.jsx(O.div,{tabIndex:y||E===0?-1:0,"data-orientation":o,...m,ref:S,style:{outline:"none",...e.style},onMouseDown:G(e.onMouseDown,()=>{P.current=!0}),onFocus:G(e.onFocus,T=>{const $=!P.current;if(T.target===T.currentTarget&&$&&!y){const k=new CustomEvent(Q,et);if(T.currentTarget.dispatchEvent(k),!k.defaultPrevented){const D=I().filter(C=>C.focusable),q=D.find(C=>C.active),K=D.find(C=>C.id===b),p=[q,K,...D].filter(Boolean).map(C=>C.ref.current);xe(p,l)}}P.current=!1}),onBlur:G(e.onBlur,()=>N(!1))})})}),pe="RovingFocusGroupItem",ge=u.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:n,focusable:o=!0,active:r=!1,tabStopId:c,children:a,...i}=e,f=Ye(),x=c||f,l=rt(pe,n),m=l.currentTabStopId===x,v=me(n),{onFocusableItemAdd:S,onFocusableItemRemove:R,currentTabStopId:b}=l;return u.useEffect(()=>{if(o)return S(),()=>R()},[o,S,R]),s.jsx(Z.ItemSlot,{scope:n,id:x,focusable:o,active:r,children:s.jsx(O.span,{tabIndex:m?0:-1,"data-orientation":l.orientation,...i,ref:t,onMouseDown:G(e.onMouseDown,d=>{o?l.onItemFocus(x):d.preventDefault()}),onFocus:G(e.onFocus,()=>l.onItemFocus(x)),onKeyDown:G(e.onKeyDown,d=>{if(d.key==="Tab"&&d.shiftKey){l.onItemShiftTab();return}if(d.target!==d.currentTarget)return;const y=it(d,l.orientation,l.dir);if(y!==void 0){if(d.metaKey||d.ctrlKey||d.altKey||d.shiftKey)return;d.preventDefault();let h=v().filter(I=>I.focusable).map(I=>I.ref.current);if(y==="last")h.reverse();else if(y==="prev"||y==="next"){y==="prev"&&h.reverse();const I=h.indexOf(d.currentTarget);h=l.loop?ut(h,I+1):h.slice(I+1)}setTimeout(()=>xe(h))}}),children:typeof a=="function"?a({isCurrentTabStop:m,hasTabStop:b!=null}):a})})});ge.displayName=pe;var at={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function ct(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function it(e,t,n){const o=ct(e.key,n);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(o))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(o)))return at[o]}function xe(e,t=!1){const n=document.activeElement;for(const o of e)if(o===n||(o.focus({preventScroll:t}),document.activeElement!==n))return}function ut(e,t){return e.map((n,o)=>e[(t+o)%e.length])}var lt=fe,mt=ge,ve="Toggle",be=u.forwardRef((e,t)=>

1{const{pressed:n,defaultPressed:o,onPressedChange:r,...c}=e,[a,i]=B({prop:n,onChange:r,defaultProp:o??!1,caller:ve});return s.jsx(O.button,{type:"button","aria-pressed":a,"data-state":a?"on":"off","data-disabled":e.disabled?"":void 0,...c,ref:t,onClick:G(e.onClick,()=>{e.disabled||i(!a)})})});be.displayName=ve;var A="ToggleGroup",[he]=X(A,[de]),Ce=de(),H=j.forwardRef((e,t)=>{const{type:n,...o}=e;if(n==="single"){const r=o;return s.jsx(dt,{...r,ref:t})}if(n==="multiple"){const r=o;return s.jsx(ft,{...r,ref:t})}throw new Error(`Missing prop \`type\` expected on \`${A}\``)});H.displayName=A;var[ye,Se]=he(A),dt=j.forwardRef((e,t)=>{const{value:n,defaultValue:o,onValueChange:r=()=>{},...c}=e,[a,i]=B({prop:n,defaultProp:o??"",onChange:r,caller:A});return s.jsx(ye,{scope:e.__scopeToggleGroup,type:"single",value:j.useMemo(()=>a?[a]:[],[a]),onItemActivate:i,onItemDeactivate:j.useCallback(()=>i(""),[i]),children:s.jsx(Ie,{...c,ref:t})})}),ft=j.forwardRef((e,t)=>{const{value:n,defaultValue:o,onValueChange:r=()=>{},...c}=e,[a,i]=B({prop:n,defaultProp:o??[],onChange:r,caller:A}),f=j.useCallback(l=>i((m=[])=>[...m,l]),[i]),x=j.useCallback(l=>i((m=[])=>m.filter(v=>v!==l)),[i]);return s.jsx(ye,{scope:e.__scopeToggleGroup,type:"multiple",value:a,onItemActivate:f,onItemDeactivate:x,children:s.jsx(Ie,{...c,ref:t})})});H.displayName=A;var[pt,gt]=he(A),Ie=j.forwardRef((e,t)=>{const{__scopeToggleGroup:n,disabled:o=!1,rovingFocus:r=!0,orientation:c,dir:a,loop:i=!0,...f}=e,x=Ce(n),l=le(a),m={role:"group",dir:l,...f};return s.jsx(pt,{scope:n,rovingFocus:r,disabled:o,children:r?s.jsx(lt,{asChild:!0,...x,orientation:c,dir:l,loop:i,children:s.jsx(O.div,{...m,ref:t})}):s.jsx(O.div,{...m,ref:t})})}),V="ToggleGroupItem",je=j.forwardRef((e,t)=>{const n=Se(V,e.__scopeToggleGroup),o=gt(V,e.__scopeToggleGroup),r=Ce(e.__scopeToggleGroup),c=n.value.includes(e.value),a=o.disabled||e.disabled,i={...e,pressed:c,disabled:a},f=j.useRef(null);return o.rovingFocus?s.jsx(mt,{asChild:!0,...r,focusable:!a,active:c,ref:f,children:s.jsx(se,{...i,ref:t})}):s.jsx(se,{...i,ref:t})});je.displayName=V;var se=j.forwardRef((e,t)=>{const{__scopeToggleGroup:n,value:o,...r}=e,c=Se(V,n),a={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},i=c.type==="single"?a:void 0;return s.jsx(be,{...i,...r,ref:t,onPressedChange:f=>{f?c.onItemActivate(o):c.onItemDeactivate(o)}})}),xt=H,vt=je;const Rt={title:"Communications",showPropertySelector:!0,showAi:!0};function Nt(){const{t:e}=ce(),t=Pe(),n=Ae(),{selectedAssociationId:o}=Fe(),[r,c]=u.useState(!1),[a,i]=u.useState([]),f=u.useRef(!1),{handleSubmit:x,control:l,formState:{errors:m,dirtyFields:v},watch:S}=Oe({defaultValues:{messageName:"",email:void 0,inSiteAnnouncement:void 0,pushNotification:void 0}}),R=!r&&Object.keys(v).length!==0,b=_e(({currentLocation:g,nextLocation:p})=>R&&g.pathname!==p.pathname);u.useEffect(()=>{b.state==="blocked"&&(window.confirm(e("main.common.unsavedChanges"))?b.proceed():b.reset())},[b,e]),u.useEffect(()=>{const g=p=>{if(R)return p.preventDefault(),""};return window.addEventListener("beforeunload",g),()=>window.removeEventListener("beforeunload",g)},[R]);const{data:d,isLoading:y}=Me({associationId:o||0}),N=u.useMemo(()=>{if(!d)return[];const{canSendEmails:g,canSendInSiteAnnouncements:p,canSendPushNotifications:C}=d;return[...g?["email"]:[],...p?["announcement"]:[],...C?["push"]:[]]},[d]);u.useEffect(()=>{N.length>0&&!f.current&&(i([N[0]]),f.current=!0)},[N,a.length]);const h=()=>n("/communications"),I=x(async g=>{if(!o)return;const p={...g};Object.entries({email:"email",announcement:"inSiteAnnouncement",push:"pushNotification"}).forEach(([w,_])=>{a.includes(w)||delete p[_]}),c(!0);try{await Ge.createBoardCommunication({messageName:p.messageName,associationId:o,...p.email&&{email:p.email},...p.inSiteAnnouncement&&{inSiteAnnouncement:{message:p.inSiteAnnouncement.body,expiresAt:new Date("2099-12-31"),urgency:"n/a"}},...p.pushNotification&&{pushNotification:{title:p.pushNotification.title,message:p.pushNotification.body}}}),Re({type:"success",message:e("board.communications.createCommunication.sendCommunicationSuccess")}),t.invalidateQueries({queryKey:De.getAll(o)}),n("/communications")}catch(w){console.error(w)}finally{c(!1)}}),P=g=>{g.length&&i(g)},E=a.includes("email"),F=a.includes("announcement"),T=a.includes("push"),$=!S("messageName"),k=E?!S("email.subject")||!S("email.body"):!1,D=F?!S("inSiteAnnouncement.body"):!1,q=T?!S("pushNotification.title")||!S("pushNotification.body"):!1,K=$||k||D||q;return!d||y?s.jsx("div",{className:"flex justify-center items-center h-full",children:s.jsx(ee,{})}):s.jsx("div",{className:"w-full bg-base-fill rounded-xl space-y-4 p-9 max-mobile:px-4",children:s.jsx("form",{className:"px-4 flex flex-col gap-4",onSubmit:I,children:s.jsxs("div",{className:"flex flex-col gap-5 max-w-[532px]",children:[s.jsx(M,{name:"messageName",control:l,rules:{required:e("board.communications.createCommunication.fieldRequired")},render:({field:g})=>s.jsx(U,{...g,type:"text",label:e("board.communications.createCommunication.name"),error:m.messageName&&m.messageName.message})}),s.jsx(bt,{value:a,onChange:P,configuration:d}),E&&s.jsxs(s.Fragment,{children:[s.jsx(M,{name:"email.subject",control:l,rules:{required:e("board.communications.createCommunication.fieldRequired")},render:({field:g})=>{var p;return s.jsx(U,{...g,type:"text",label:e("board.communications.createCommunication.emailSubject"),error:((p=m.email)==null?void 0:p.subject)&&m.email.subject.message})}}),s.jsx(M,{name:"email.body",control:l,rules:{required:e("board.communications.createCommunication.fieldRequired")},render:({field:g})=>{var p,C;return s.jsx(W,{...g,id:"email-body",label:e("board.communications.createCommunication.emailTemplate"),error:(C=(p=m.email)==null?void 0:p.body)==null?void 0:C.message})}})]}),F&&s.jsx(M,{name:"inSiteAnnouncement.body",control:l,rules:{required:e("board.communications.createCommunication.fieldRequired"),maxLength:{value:160,message:e("board.communications.createCommunication.maxCharactersError")}},render:({field:g})=>{var p,C,w,_;return s.jsxs("div",{className:"flex flex-col gap-2",children:[s.jsx(W,{...g,label:e("board.communications.createCommunication.announcementMessage"),error:(((p=g.value)==null?void 0:p.length)||0)>160?e("board.communications.createCommunication.maxCharactersError"):(C=m.inSiteAnnouncement)!=null&&C.body?m.inSiteAnnouncement.body.message:void 0}),s.jsx("p",{className:te("text-xs self-end",(((w=g.value)==null?void 0:w.length)||0)>160&&"text-error"),children:e("board.communications.createCommunication.maxCharacters",{characterCount:((_=g.value)==null?void 0:_.length)||0})})]})}}),T&&s.jsxs(s.Fragment,{children:[s.jsx(M,{name:"pushNotification.title",control:l,rules:{required:e("board.communications.createCommunication.fieldRequired"),maxLength:{value:160,message:e("board.communications.createCommunication.maxCharactersError")}},render:({field:g})=>{var p,C;return s.jsx(U,{...g,type:"text",label:e("board.communications.createCommunication.pushNotificationTitle"),error:((p=m.pushNotification)==null?void 0:p.title)&&((C=m.pushNotification)==null?void 0:C.title.message)})}}),s.jsx(M,{name:"pushNotification.body",control:l,rules:{required:e("board.communications.createCommunication.fieldRequired")},render:({field:g})=>{var p,C,w,_;return s.jsxs("div",{className:"flex flex-col gap-2",children:[s.jsx(W,{...g,label:e("board.communications.createCommunication.pushNotification"),error:(((p=g.value)==null?void 0:p.length)||0)>160?e("board.communications.createCommunication.maxCharactersError"):(C=m.pushNotification)!=null&&C.body?m.pushNotification.body.message:void 0}),s.jsx("p",{className:te("text-xs self-end",(((w=g.value)==null?void 0:w.length)||0)>160&&"text-error"),children:e("board.communications.createCommunication.maxCharacters",{characterCount:((_=g.value)==null?void 0:_.length)||0})})]})}})]}),s.jsxs("div",{className:"flex items-center justify-end max-mobile:justify-start gap-4 flex-wrap",children:[s.jsx(oe,{variant:"passive",type:"button",onClick:h,children:e("main.common.cancel")}),s.jsx(oe,{type:"submit",disabled:K,children:r?s.jsx(ee,{color:"white",className:"h-6"}):e("board.communications.createCommunication.sendCommunication")})]})]})})})}

1const bt=({value:e,onChange:t,configuration:n})=>{const{t:o}=ce(),{canSendEmails:r,canSendInSiteAnnouncements:c,canSendPushNotifications:a}=n;return s.jsxs("div",{children:[s.jsx("label",{className:"block text-sm font-medium text-base-header mb-1",children:o("board.communications.createCommunication.selectTypes")}),s.jsxs(xt,{className:"flex gap-5 max-mobile:flex-col",type:"multiple",value:e,onValueChange:t,children:[r&&s.jsx(Y,{value:"email",text:o("board.communications.createCommunication.types.email"),icon:Ne}),c&&s.jsx(Y,{value:"announcement",text:o("board.communications.createCommunication.types.announcement"),icon:Te}),a&&s.jsx(Y,{value:"push",text:o("board.communications.createCommunication.types.push"),icon:Ee})]})]})},Y=({text:e,value:t,icon:n})=>s.jsxs(vt,{value:t,className:"relative group flex flex-col gap-2 items-center cursor-pointer focus:outline-none rounded-md py-4 px-6 text-sm font-medium sm:flex-1 border-2 border-base-border bg-transparent shadow-sm text-base-header data-[state=on]:text-primary data-[state=on]:border-primary data-[state=on]:bg-primary/10 data-[state=on]:shadow-sm",children:[s.jsx(ne,{className:"absolute top-1.5 right-1.5 hidden group-data-[state=on]:block",icon:we}),s.jsx(ne,{className:"h-5 w-5",icon:n}),e]});export{Nt as Component,Rt as handle};