admin-ui-starter-kit 0.1.3 → 0.4.2

package/dist/showcase/assets/command-BtaMPVtf.js

@@ -0,0 +1,45 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./react-dom-Bz4cALsF.js";import{Cr as r,Sr as i,jr as a,wr as o}from"./example-BIrQab7K.js";import{i as s,n as c,s as l}from"./index-Cz4UGUT2.js";import{n as u,t as d}from"./input-group-BYZYeQ7j.js";var f=e(t(),1),p=1,m=.9,h=.8,g=.17,_=.1,v=.999,y=.9999,b=.99,x=/[\\\/_+.#"@\[\(\{&]/,S=/[\\\/_+.#"@\[\(\{&]/g,C=/[\s-]/,w=/[\s-]/g;function T(e,t,n,r,i,a,o){if(a===t.length)return i===e.length?p:b;var s=`${i},${a}`;if(o[s]!==void 0)return o[s];for(var c=r.charAt(a),l=n.indexOf(c,i),u=0,d,f,E,D;l>=0;)d=T(e,t,n,r,l+1,a+1,o),d>u&&(l===i?d*=p:x.test(e.charAt(l-1))?(d*=h,E=e.slice(i,l-1).match(S),E&&i>0&&(d*=v**+E.length)):C.test(e.charAt(l-1))?(d*=m,D=e.slice(i,l-1).match(w),D&&i>0&&(d*=v**+D.length)):(d*=g,i>0&&(d*=v**+(l-i))),e.charAt(l)!==t.charAt(a)&&(d*=y)),(d<_&&n.charAt(l-1)===r.charAt(a+1)||r.charAt(a+1)===r.charAt(a)&&n.charAt(l-1)!==r.charAt(a))&&(f=T(e,t,n,r,l+1,a+2,o),f*_>d&&(d=f*_)),d>u&&(u=d),l=n.indexOf(c,l+1);return o[s]=u,u}function E(e){return e.toLowerCase().replace(w,` `)}function D(e,t,n){return e=n&&n.length>0?`${e+` `+n.join(` `)}`:e,T(e,t,E(e),E(t),0,0,{})}typeof window<`u`&&window.document&&window.document.createElement;function O(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),n===!1||!r.defaultPrevented)return t?.(r)}}var k=l();function ee(e,t){let n=f.createContext(t),r=e=>{let{children:t,...r}=e,i=f.useMemo(()=>r,Object.values(r));return(0,k.jsx)(n.Provider,{value:i,children:t})};r.displayName=e+`Provider`;function i(r){let i=f.useContext(n);if(i)return i;if(t!==void 0)return t;throw Error(`\`${r}\` must be used within \`${e}\``)}return[r,i]}function A(e,t=[]){let n=[];function r(t,r){let i=f.createContext(r),a=n.length;n=[...n,r];let o=t=>{let{scope:n,children:r,...o}=t,s=n?.[e]?.[a]||i,c=f.useMemo(()=>o,Object.values(o));return(0,k.jsx)(s.Provider,{value:c,children:r})};o.displayName=t+`Provider`;function s(n,o){let s=o?.[e]?.[a]||i,c=f.useContext(s);if(c)return c;if(r!==void 0)return r;throw Error(`\`${n}\` must be used within \`${t}\``)}return[o,s]}let i=()=>{let t=n.map(e=>f.createContext(e));return function(n){let r=n?.[e]||t;return f.useMemo(()=>({[`__scope${e}`]:{...n,[e]:r}}),[n,r])}};return i.scopeName=e,[r,j(i,...t)]}function j(...e){let t=e[0];if(e.length===1)return t;let n=()=>{let n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let r=n.reduce((t,{useScope:n,scopeName:r})=>{let i=n(e)[`__scope${r}`];return{...t,...i}},{});return f.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return n.scopeName=t.scopeName,n}var M=globalThis?.document?f.useLayoutEffect:()=>{},te=f.useId||(()=>void 0),ne=0;function N(e){let[t,n]=f.useState(te());return M(()=>{e||n(e=>e??String(ne++))},[e]),e||(t?`radix-${t}`:``)}var re=f.useInsertionEffect||M;function ie({prop:e,defaultProp:t,onChange:n=()=>{},caller:r}){let[i,a,o]=ae({defaultProp:t,onChange:n}),s=e!==void 0,c=s?e:i;{let t=f.useRef(e!==void 0);f.useEffect(()=>{let e=t.current;e!==s&&console.warn(`${r} is changing from ${e?`controlled`:`uncontrolled`} to ${s?`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.`),t.current=s},[s,r])}return[c,f.useCallback(t=>{if(s){let n=oe(t)?t(e):t;n!==e&&o.current?.(n)}else a(t)},[s,e,a,o])]}function ae({defaultProp:e,onChange:t}){let[n,r]=f.useState(e),i=f.useRef(n),a=f.useRef(t);return re(()=>{a.current=t},[t]),f.useEffect(()=>{i.current!==n&&(a.current?.(n),i.current=n)},[n,i]),[n,r,a]}function oe(e){return typeof e==`function`}var se=e(n(),1);function ce(e){let t=le(e),n=f.forwardRef((e,n)=>{let{children:r,...i}=e,a=f.Children.toArray(r),o=a.find(de);if(o){let e=o.props.children,r=a.map(t=>t===o?f.Children.count(e)>1?f.Children.only(null):f.isValidElement(e)?e.props.children:null:t);return(0,k.jsx)(t,{...i,ref:n,children:f.isValidElement(e)?f.cloneElement(e,void 0,r):null})}return(0,k.jsx)(t,{...i,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}function le(e){let t=f.forwardRef((e,t)=>{let{children:n,...i}=e;if(f.isValidElement(n)){let e=pe(n),a=fe(i,n.props);return n.type!==f.Fragment&&(a.ref=t?r(t,e):e),f.cloneElement(n,a)}return f.Children.count(n)>1?f.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var ue=Symbol(`radix.slottable`);function de(e){return f.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===ue}function fe(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function pe(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var me=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=ce(`Primitive.${t}`),r=f.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,k.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function he(e,t){e&&se.flushSync(()=>e.dispatchEvent(t))}function P(e){let t=f.useRef(e);return f.useEffect(()=>{t.current=e}),f.useMemo(()=>(...e)=>t.current?.(...e),[])}function ge(e,t=globalThis?.document){let n=P(e);f.useEffect(()=>{let e=e=>{e.key===`Escape`&&n(e)};return t.addEventListener(`keydown`,e,{capture:!0}),()=>t.removeEventListener(`keydown`,e,{capture:!0})},[n,t])}var _e=`DismissableLayer`,ve=`dismissableLayer.update`,ye=`dismissableLayer.pointerDownOutside`,be=`dismissableLayer.focusOutside`,xe,Se=f.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),Ce=f.forwardRef((e,t)=>{let{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:r,onPointerDownOutside:i,onFocusOutside:a,onInteractOutside:s,onDismiss:c,...l}=e,u=f.useContext(Se),[d,p]=f.useState(null),m=d?.ownerDocument??globalThis?.document,[,h]=f.useState({}),g=o(t,e=>p(e)),_=Array.from(u.layers),[v]=[...u.layersWithOutsidePointerEventsDisabled].slice(-1),y=_.indexOf(v),b=d?_.indexOf(d):-1,x=u.layersWithOutsidePointerEventsDisabled.size>0,S=b>=y,C=Ee(e=>{let t=e.target,n=[...u.branches].some(e=>e.contains(t));!S||n||(i?.(e),s?.(e),e.defaultPrevented||c?.())},m),w=De(e=>{let t=e.target;[...u.branches].some(e=>e.contains(t))||(a?.(e),s?.(e),e.defaultPrevented||c?.())},m);return ge(e=>{b===u.layers.size-1&&(r?.(e),!e.defaultPrevented&&c&&(e.preventDefault(),c()))},m),f.useEffect(()=>{if(d)return n&&(u.layersWithOutsidePointerEventsDisabled.size===0&&(xe=m.body.style.pointerEvents,m.body.style.pointerEvents=`none`),u.layersWithOutsidePointerEventsDisabled.add(d)),u.layers.add(d),Oe(),()=>{n&&u.layersWithOutsidePointerEventsDisabled.size===1&&(m.body.style.pointerEvents=xe)}},[d,m,n,u]),f.useEffect(()=>()=>{d&&(u.layers.delete(d),u.layersWithOutsidePointerEventsDisabled.delete(d),Oe())},[d,u]),f.useEffect(()=>{let e=()=>h({});return document.addEventListener(ve,e),()=>document.removeEventListener(ve,e)},[]),(0,k.jsx)(me.div,{...l,ref:g,style:{pointerEvents:x?S?`auto`:`none`:void 0,...e.style},onFocusCapture:O(e.onFocusCapture,w.onFocusCapture),onBlurCapture:O(e.onBlurCapture,w.onBlurCapture),onPointerDownCapture:O(e.onPointerDownCapture,C.onPointerDownCapture)})});Ce.displayName=_e;var we=`DismissableLayerBranch`,Te=f.forwardRef((e,t)=>{let n=f.useContext(Se),r=f.useRef(null),i=o(t,r);return f.useEffect(()=>{let e=r.current;if(e)return n.branches.add(e),()=>{n.branches.delete(e)}},[n.branches]),(0,k.jsx)(me.div,{...e,ref:i})});Te.displayName=we;function Ee(e,t=globalThis?.document){let n=P(e),r=f.useRef(!1),i=f.useRef(()=>{});return f.useEffect(()=>{let e=e=>{if(e.target&&!r.current){let r=function(){ke(ye,n,a,{discrete:!0})},a={originalEvent:e};e.pointerType===`touch`?(t.removeEventListener(`click`,i.current),i.current=r,t.addEventListener(`click`,i.current,{once:!0})):r()}else t.removeEventListener(`click`,i.current);r.current=!1},a=window.setTimeout(()=>{t.addEventListener(`pointerdown`,e)},0);return()=>{window.clearTimeout(a),t.removeEventListener(`pointerdown`,e),t.removeEventListener(`click`,i.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}function De(e,t=globalThis?.document){let n=P(e),r=f.useRef(!1);return f.useEffect(()=>{let e=e=>{e.target&&!r.current&&ke(be,n,{originalEvent:e},{discrete:!1})};return t.addEventListener(`focusin`,e),()=>t.removeEventListener(`focusin`,e)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function Oe(){let e=new CustomEvent(ve);document.dispatchEvent(e)}function ke(e,t,n,{discrete:r}){let i=n.originalEvent.target,a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&i.addEventListener(e,t,{once:!0}),r?he(i,a):i.dispatchEvent(a)}function Ae(e){let t=je(e),n=f.forwardRef((e,n)=>{let{children:r,...i}=e,a=f.Children.toArray(r),o=a.find(Ne);if(o){let e=o.props.children,r=a.map(t=>t===o?f.Children.count(e)>1?f.Children.only(null):f.isValidElement(e)?e.props.children:null:t);return(0,k.jsx)(t,{...i,ref:n,children:f.isValidElement(e)?f.cloneElement(e,void 0,r):null})}return(0,k.jsx)(t,{...i,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}function je(e){let t=f.forwardRef((e,t)=>{let{children:n,...i}=e;if(f.isValidElement(n)){let e=Fe(n),a=Pe(i,n.props);return n.type!==f.Fragment&&(a.ref=t?r(t,e):e),f.cloneElement(n,a)}return f.Children.count(n)>1?f.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Me=Symbol(`radix.slottable`);function Ne(e){return f.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===Me}function Pe(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function Fe(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var Ie=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=Ae(`Primitive.${t}`),r=f.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,k.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),Le=`focusScope.autoFocusOnMount`,Re=`focusScope.autoFocusOnUnmount`,ze={bubbles:!1,cancelable:!0},Be=`FocusScope`,Ve=f.forwardRef((e,t)=>{let{loop:n=!1,trapped:r=!1,onMountAutoFocus:i,onUnmountAutoFocus:a,...s}=e,[c,l]=f.useState(null),u=P(i),d=P(a),p=f.useRef(null),m=o(t,e=>l(e)),h=f.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;f.useEffect(()=>{if(r){let e=function(e){if(h.paused||!c)return;let t=e.target;c.contains(t)?p.current=t:F(p.current,{select:!0})},t=function(e){if(h.paused||!c)return;let t=e.relatedTarget;t!==null&&(c.contains(t)||F(p.current,{select:!0}))},n=function(e){if(document.activeElement===document.body)for(let t of e)t.removedNodes.length>0&&F(c)};document.addEventListener(`focusin`,e),document.addEventListener(`focusout`,t);let r=new MutationObserver(n);return c&&r.observe(c,{childList:!0,subtree:!0}),()=>{document.removeEventListener(`focusin`,e),document.removeEventListener(`focusout`,t),r.disconnect()}}},[r,c,h.paused]),f.useEffect(()=>{if(c){Je.add(h);let e=document.activeElement;if(!c.contains(e)){let t=new CustomEvent(Le,ze);c.addEventListener(Le,u),c.dispatchEvent(t),t.defaultPrevented||(He(Ze(We(c)),{select:!0}),document.activeElement===e&&F(c))}return()=>{c.removeEventListener(Le,u),setTimeout(()=>{let t=new CustomEvent(Re,ze);c.addEventListener(Re,d),c.dispatchEvent(t),t.defaultPrevented||F(e??document.body,{select:!0}),c.removeEventListener(Re,d),Je.remove(h)},0)}}},[c,u,d,h]);let g=f.useCallback(e=>{if(!n&&!r||h.paused)return;let t=e.key===`Tab`&&!e.altKey&&!e.ctrlKey&&!e.metaKey,i=document.activeElement;if(t&&i){let t=e.currentTarget,[r,a]=Ue(t);r&&a?!e.shiftKey&&i===a?(e.preventDefault(),n&&F(r,{select:!0})):e.shiftKey&&i===r&&(e.preventDefault(),n&&F(a,{select:!0})):i===t&&e.preventDefault()}},[n,r,h.paused]);return(0,k.jsx)(Ie.div,{tabIndex:-1,...s,ref:m,onKeyDown:g})});Ve.displayName=Be;function He(e,{select:t=!1}={}){let n=document.activeElement;for(let r of e)if(F(r,{select:t}),document.activeElement!==n)return}function Ue(e){let t=We(e);return[Ge(t,e),Ge(t.reverse(),e)]}function We(e){let t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{let t=e.tagName===`INPUT`&&e.type===`hidden`;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function Ge(e,t){for(let n of e)if(!Ke(n,{upTo:t}))return n}function Ke(e,{upTo:t}){if(getComputedStyle(e).visibility===`hidden`)return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display===`none`)return!0;e=e.parentElement}return!1}function qe(e){return e instanceof HTMLInputElement&&`select`in e}function F(e,{select:t=!1}={}){if(e&&e.focus){let n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&qe(e)&&t&&e.select()}}var Je=Ye();function Ye(){let e=[];return{add(t){let n=e[0];t!==n&&n?.pause(),e=Xe(e,t),e.unshift(t)},remove(t){e=Xe(e,t),e[0]?.resume()}}}function Xe(e,t){let n=[...e],r=n.indexOf(t);return r!==-1&&n.splice(r,1),n}function Ze(e){return e.filter(e=>e.tagName!==`A`)}function Qe(e){let t=$e(e),n=f.forwardRef((e,n)=>{let{children:r,...i}=e,a=f.Children.toArray(r),o=a.find(tt);if(o){let e=o.props.children,r=a.map(t=>t===o?f.Children.count(e)>1?f.Children.only(null):f.isValidElement(e)?e.props.children:null:t);return(0,k.jsx)(t,{...i,ref:n,children:f.isValidElement(e)?f.cloneElement(e,void 0,r):null})}return(0,k.jsx)(t,{...i,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}function $e(e){let t=f.forwardRef((e,t)=>{let{children:n,...i}=e;if(f.isValidElement(n)){let e=rt(n),a=nt(i,n.props);return n.type!==f.Fragment&&(a.ref=t?r(t,e):e),f.cloneElement(n,a)}return f.Children.count(n)>1?f.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var et=Symbol(`radix.slottable`);function tt(e){return f.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===et}function nt(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function rt(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var it=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=Qe(`Primitive.${t}`),r=f.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,k.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),at=`Portal`,ot=f.forwardRef((e,t)=>{let{container:n,...r}=e,[i,a]=f.useState(!1);M(()=>a(!0),[]);let o=n||i&&globalThis?.document?.body;return o?se.createPortal((0,k.jsx)(it.div,{...r,ref:t}),o):null});ot.displayName=at;function st(e,t){return f.useReducer((e,n)=>t[e][n]??e,e)}var ct=e=>{let{present:t,children:n}=e,r=lt(t),i=typeof n==`function`?n({present:r.isPresent}):f.Children.only(n),a=o(r.ref,dt(i));return typeof n==`function`||r.isPresent?f.cloneElement(i,{ref:a}):null};ct.displayName=`Presence`;function lt(e){let[t,n]=f.useState(),r=f.useRef(null),i=f.useRef(e),a=f.useRef(`none`),[o,s]=st(e?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}});return f.useEffect(()=>{let e=ut(r.current);a.current=o===`mounted`?e:`none`},[o]),M(()=>{let t=r.current,n=i.current;if(n!==e){let r=a.current,o=ut(t);e?s(`MOUNT`):o===`none`||t?.display===`none`?s(`UNMOUNT`):s(n&&r!==o?`ANIMATION_OUT`:`UNMOUNT`),i.current=e}},[e,s]),M(()=>{if(t){let e,n=t.ownerDocument.defaultView??window,o=a=>{let o=ut(r.current).includes(CSS.escape(a.animationName));if(a.target===t&&o&&(s(`ANIMATION_END`),!i.current)){let r=t.style.animationFillMode;t.style.animationFillMode=`forwards`,e=n.setTimeout(()=>{t.style.animationFillMode===`forwards`&&(t.style.animationFillMode=r)})}},c=e=>{e.target===t&&(a.current=ut(r.current))};return t.addEventListener(`animationstart`,c),t.addEventListener(`animationcancel`,o),t.addEventListener(`animationend`,o),()=>{n.clearTimeout(e),t.removeEventListener(`animationstart`,c),t.removeEventListener(`animationcancel`,o),t.removeEventListener(`animationend`,o)}}else s(`ANIMATION_END`)},[t,s]),{isPresent:[`mounted`,`unmountSuspended`].includes(o),ref:f.useCallback(e=>{r.current=e?getComputedStyle(e):null,n(e)},[])}}function ut(e){return e?.animationName||`none`}function dt(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function ft(e){let t=pt(e),n=f.forwardRef((e,n)=>{let{children:r,...i}=e,a=f.Children.toArray(r),o=a.find(ht);if(o){let e=o.props.children,r=a.map(t=>t===o?f.Children.count(e)>1?f.Children.only(null):f.isValidElement(e)?e.props.children:null:t);return(0,k.jsx)(t,{...i,ref:n,children:f.isValidElement(e)?f.cloneElement(e,void 0,r):null})}return(0,k.jsx)(t,{...i,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}function pt(e){let t=f.forwardRef((e,t)=>{let{children:n,...i}=e;if(f.isValidElement(n)){let e=_t(n),a=gt(i,n.props);return n.type!==f.Fragment&&(a.ref=t?r(t,e):e),f.cloneElement(n,a)}return f.Children.count(n)>1?f.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var mt=Symbol(`radix.slottable`);function ht(e){return f.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===mt}function gt(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function _t(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var I=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=ft(`Primitive.${t}`),r=f.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,k.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),vt=0;function yt(){f.useEffect(()=>{let e=document.querySelectorAll(`[data-radix-focus-guard]`);return document.body.insertAdjacentElement(`afterbegin`,e[0]??bt()),document.body.insertAdjacentElement(`beforeend`,e[1]??bt()),vt++,()=>{vt===1&&document.querySelectorAll(`[data-radix-focus-guard]`).forEach(e=>e.remove()),vt--}},[])}function bt(){let e=document.createElement(`span`);return e.setAttribute(`data-radix-focus-guard`,``),e.tabIndex=0,e.style.outline=`none`,e.style.opacity=`0`,e.style.position=`fixed`,e.style.pointerEvents=`none`,e}var L=function(){return L=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},L.apply(this,arguments)};function xt(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n}function St(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||=Array.prototype.slice.call(t,0,r),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}var Ct=`right-scroll-bar-position`,wt=`width-before-scroll-bar`,Tt=`with-scroll-bars-hidden`,Et=`--removed-body-scroll-bar-size`;function Dt(e,t){return typeof e==`function`?e(t):e&&(e.current=t),e}function Ot(e,t){var n=(0,f.useState)(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(e){var t=n.value;t!==e&&(n.value=e,n.callback(e,t))}}}})[0];return n.callback=t,n.facade}var kt=typeof window<`u`?f.useLayoutEffect:f.useEffect,At=new WeakMap;function jt(e,t){var n=Ot(t||null,function(t){return e.forEach(function(e){return Dt(e,t)})});return kt(function(){var t=At.get(n);if(t){var r=new Set(t),i=new Set(e),a=n.current;r.forEach(function(e){i.has(e)||Dt(e,null)}),i.forEach(function(e){r.has(e)||Dt(e,a)})}At.set(n,e)},[e]),n}function Mt(e){return e}function Nt(e,t){t===void 0&&(t=Mt);var n=[],r=!1;return{read:function(){if(r)throw Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(e){var i=t(e,r);return n.push(i),function(){n=n.filter(function(e){return e!==i})}},assignSyncMedium:function(e){for(r=!0;n.length;){var t=n;n=[],t.forEach(e)}n={push:function(t){return e(t)},filter:function(){return n}}},assignMedium:function(e){r=!0;var t=[];if(n.length){var i=n;n=[],i.forEach(e),t=n}var a=function(){var n=t;t=[],n.forEach(e)},o=function(){return Promise.resolve().then(a)};o(),n={push:function(e){t.push(e),o()},filter:function(e){return t=t.filter(e),n}}}}}function Pt(e){e===void 0&&(e={});var t=Nt(null);return t.options=L({async:!0,ssr:!1},e),t}var Ft=function(e){var t=e.sideCar,n=xt(e,[`sideCar`]);if(!t)throw Error("Sidecar: please provide `sideCar` property to import the right car");var r=t.read();if(!r)throw Error(`Sidecar medium not found`);return f.createElement(r,L({},n))};Ft.isSideCarExport=!0;function It(e,t){return e.useMedium(t),Ft}var Lt=Pt(),Rt=function(){},R=f.forwardRef(function(e,t){var n=f.useRef(null),r=f.useState({onScrollCapture:Rt,onWheelCapture:Rt,onTouchMoveCapture:Rt}),i=r[0],a=r[1],o=e.forwardProps,s=e.children,c=e.className,l=e.removeScrollBar,u=e.enabled,d=e.shards,p=e.sideCar,m=e.noRelative,h=e.noIsolation,g=e.inert,_=e.allowPinchZoom,v=e.as,y=v===void 0?`div`:v,b=e.gapMode,x=xt(e,[`forwardProps`,`children`,`className`,`removeScrollBar`,`enabled`,`shards`,`sideCar`,`noRelative`,`noIsolation`,`inert`,`allowPinchZoom`,`as`,`gapMode`]),S=p,C=jt([n,t]),w=L(L({},x),i);return f.createElement(f.Fragment,null,u&&f.createElement(S,{sideCar:Lt,removeScrollBar:l,shards:d,noRelative:m,noIsolation:h,inert:g,setCallbacks:a,allowPinchZoom:!!_,lockRef:n,gapMode:b}),o?f.cloneElement(f.Children.only(s),L(L({},w),{ref:C})):f.createElement(y,L({},w,{className:c,ref:C}),s))});R.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},R.classNames={fullWidth:wt,zeroRight:Ct};var zt,Bt=function(){if(zt)return zt;if(typeof __webpack_nonce__<`u`)return __webpack_nonce__};function Vt(){if(!document)return null;var e=document.createElement(`style`);e.type=`text/css`;var t=Bt();return t&&e.setAttribute(`nonce`,t),e}function Ht(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function Ut(e){(document.head||document.getElementsByTagName(`head`)[0]).appendChild(e)}var Wt=function(){var e=0,t=null;return{add:function(n){e==0&&(t=Vt())&&(Ht(t,n),Ut(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},Gt=function(){var e=Wt();return function(t,n){f.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},Kt=function(){var e=Gt();return function(t){var n=t.styles,r=t.dynamic;return e(n,r),null}},qt={left:0,top:0,right:0,gap:0},Jt=function(e){return parseInt(e||``,10)||0},Yt=function(e){var t=window.getComputedStyle(document.body),n=t[e===`padding`?`paddingLeft`:`marginLeft`],r=t[e===`padding`?`paddingTop`:`marginTop`],i=t[e===`padding`?`paddingRight`:`marginRight`];return[Jt(n),Jt(r),Jt(i)]},Xt=function(e){if(e===void 0&&(e=`margin`),typeof window>`u`)return qt;var t=Yt(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},Zt=Kt(),z=`data-scroll-locked`,Qt=function(e,t,n,r){var i=e.left,a=e.top,o=e.right,s=e.gap;return n===void 0&&(n=`margin`),`
+  .${Tt} {
+   overflow: hidden ${r};
+   padding-right: ${s}px ${r};
+  }
+  body[${z}] {
+    overflow: hidden ${r};
+    overscroll-behavior: contain;
+    ${[t&&`position: relative ${r};`,n===`margin`&&`
+    padding-left: ${i}px;
+    padding-top: ${a}px;
+    padding-right: ${o}px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: ${s}px ${r};
+    `,n===`padding`&&`padding-right: ${s}px ${r};`].filter(Boolean).join(``)}
+  }
+  
+  .${Ct} {
+    right: ${s}px ${r};
+  }
+  
+  .${wt} {
+    margin-right: ${s}px ${r};
+  }
+  
+  .${Ct} .${Ct} {
+    right: 0 ${r};
+  }
+  
+  .${wt} .${wt} {
+    margin-right: 0 ${r};
+  }
+  
+  body[${z}] {
+    ${Et}: ${s}px;
+  }
+`},$t=function(){var e=parseInt(document.body.getAttribute(`data-scroll-locked`)||`0`,10);return isFinite(e)?e:0},en=function(){f.useEffect(function(){return document.body.setAttribute(z,($t()+1).toString()),function(){var e=$t()-1;e<=0?document.body.removeAttribute(z):document.body.setAttribute(z,e.toString())}},[])},tn=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,i=r===void 0?`margin`:r;en();var a=f.useMemo(function(){return Xt(i)},[i]);return f.createElement(Zt,{styles:Qt(a,!t,i,n?``:`!important`)})},nn=!1;if(typeof window<`u`)try{var B=Object.defineProperty({},"passive",{get:function(){return nn=!0,!0}});window.addEventListener(`test`,B,B),window.removeEventListener(`test`,B,B)}catch{nn=!1}var V=nn?{passive:!1}:!1,rn=function(e){return e.tagName===`TEXTAREA`},an=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!==`hidden`&&!(n.overflowY===n.overflowX&&!rn(e)&&n[t]===`visible`)},on=function(e){return an(e,`overflowY`)},sn=function(e){return an(e,`overflowX`)},cn=function(e,t){var n=t.ownerDocument,r=t;do{if(typeof ShadowRoot<`u`&&r instanceof ShadowRoot&&(r=r.host),dn(e,r)){var i=fn(e,r);if(i[1]>i[2])return!0}r=r.parentNode}while(r&&r!==n.body);return!1},ln=function(e){return[e.scrollTop,e.scrollHeight,e.clientHeight]},un=function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]},dn=function(e,t){return e===`v`?on(t):sn(t)},fn=function(e,t){return e===`v`?ln(t):un(t)},pn=function(e,t){return e===`h`&&t===`rtl`?-1:1},mn=function(e,t,n,r,i){var a=pn(e,window.getComputedStyle(t).direction),o=a*r,s=n.target,c=t.contains(s),l=!1,u=o>0,d=0,f=0;do{if(!s)break;var p=fn(e,s),m=p[0],h=p[1]-p[2]-a*m;(m||h)&&dn(e,s)&&(d+=h,f+=m);var g=s.parentNode;s=g&&g.nodeType===Node.DOCUMENT_FRAGMENT_NODE?g.host:g}while(!c&&s!==document.body||c&&(t.contains(s)||t===s));return(u&&(i&&Math.abs(d)<1||!i&&o>d)||!u&&(i&&Math.abs(f)<1||!i&&-o>f))&&(l=!0),l},hn=function(e){return`changedTouches`in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},gn=function(e){return[e.deltaX,e.deltaY]},_n=function(e){return e&&`current`in e?e.current:e},vn=function(e,t){return e[0]===t[0]&&e[1]===t[1]},yn=function(e){return`
+  .block-interactivity-${e} {pointer-events: none;}
+  .allow-interactivity-${e} {pointer-events: all;}
+`},bn=0,H=[];function xn(e){var t=f.useRef([]),n=f.useRef([0,0]),r=f.useRef(),i=f.useState(bn++)[0],a=f.useState(Kt)[0],o=f.useRef(e);f.useEffect(function(){o.current=e},[e]),f.useEffect(function(){if(e.inert){document.body.classList.add(`block-interactivity-${i}`);var t=St([e.lockRef.current],(e.shards||[]).map(_n),!0).filter(Boolean);return t.forEach(function(e){return e.classList.add(`allow-interactivity-${i}`)}),function(){document.body.classList.remove(`block-interactivity-${i}`),t.forEach(function(e){return e.classList.remove(`allow-interactivity-${i}`)})}}},[e.inert,e.lockRef.current,e.shards]);var s=f.useCallback(function(e,t){if(`touches`in e&&e.touches.length===2||e.type===`wheel`&&e.ctrlKey)return!o.current.allowPinchZoom;var i=hn(e),a=n.current,s=`deltaX`in e?e.deltaX:a[0]-i[0],c=`deltaY`in e?e.deltaY:a[1]-i[1],l,u=e.target,d=Math.abs(s)>Math.abs(c)?`h`:`v`;if(`touches`in e&&d===`h`&&u.type===`range`)return!1;var f=window.getSelection(),p=f&&f.anchorNode;if(p&&(p===u||p.contains(u)))return!1;var m=cn(d,u);if(!m)return!0;if(m?l=d:(l=d===`v`?`h`:`v`,m=cn(d,u)),!m)return!1;if(!r.current&&`changedTouches`in e&&(s||c)&&(r.current=l),!l)return!0;var h=r.current||l;return mn(h,t,e,h===`h`?s:c,!0)},[]),c=f.useCallback(function(e){var n=e;if(!(!H.length||H[H.length-1]!==a)){var r=`deltaY`in n?gn(n):hn(n),i=t.current.filter(function(e){return e.name===n.type&&(e.target===n.target||n.target===e.shadowParent)&&vn(e.delta,r)})[0];if(i&&i.should){n.cancelable&&n.preventDefault();return}if(!i){var c=(o.current.shards||[]).map(_n).filter(Boolean).filter(function(e){return e.contains(n.target)});(c.length>0?s(n,c[0]):!o.current.noIsolation)&&n.cancelable&&n.preventDefault()}}},[]),l=f.useCallback(function(e,n,r,i){var a={name:e,delta:n,target:r,should:i,shadowParent:Sn(r)};t.current.push(a),setTimeout(function(){t.current=t.current.filter(function(e){return e!==a})},1)},[]),u=f.useCallback(function(e){n.current=hn(e),r.current=void 0},[]),d=f.useCallback(function(t){l(t.type,gn(t),t.target,s(t,e.lockRef.current))},[]),p=f.useCallback(function(t){l(t.type,hn(t),t.target,s(t,e.lockRef.current))},[]);f.useEffect(function(){return H.push(a),e.setCallbacks({onScrollCapture:d,onWheelCapture:d,onTouchMoveCapture:p}),document.addEventListener(`wheel`,c,V),document.addEventListener(`touchmove`,c,V),document.addEventListener(`touchstart`,u,V),function(){H=H.filter(function(e){return e!==a}),document.removeEventListener(`wheel`,c,V),document.removeEventListener(`touchmove`,c,V),document.removeEventListener(`touchstart`,u,V)}},[]);var m=e.removeScrollBar,h=e.inert;return f.createElement(f.Fragment,null,h?f.createElement(a,{styles:yn(i)}):null,m?f.createElement(tn,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function Sn(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}var Cn=It(Lt,xn),wn=f.forwardRef(function(e,t){return f.createElement(R,L({},e,{ref:t,sideCar:Cn}))});wn.classNames=R.classNames;var Tn=function(e){return typeof document>`u`?null:(Array.isArray(e)?e[0]:e).ownerDocument.body},U=new WeakMap,En=new WeakMap,Dn={},On=0,kn=function(e){return e&&(e.host||kn(e.parentNode))},An=function(e,t){return t.map(function(t){if(e.contains(t))return t;var n=kn(t);return n&&e.contains(n)?n:(console.error(`aria-hidden`,t,`in not contained inside`,e,`. Doing nothing`),null)}).filter(function(e){return!!e})},jn=function(e,t,n,r){var i=An(t,Array.isArray(e)?e:[e]);Dn[n]||(Dn[n]=new WeakMap);var a=Dn[n],o=[],s=new Set,c=new Set(i),l=function(e){!e||s.has(e)||(s.add(e),l(e.parentNode))};i.forEach(l);var u=function(e){!e||c.has(e)||Array.prototype.forEach.call(e.children,function(e){if(s.has(e))u(e);else try{var t=e.getAttribute(r),i=t!==null&&t!==`false`,c=(U.get(e)||0)+1,l=(a.get(e)||0)+1;U.set(e,c),a.set(e,l),o.push(e),c===1&&i&&En.set(e,!0),l===1&&e.setAttribute(n,`true`),i||e.setAttribute(r,`true`)}catch(t){console.error(`aria-hidden: cannot operate on `,e,t)}})};return u(t),s.clear(),On++,function(){o.forEach(function(e){var t=U.get(e)-1,i=a.get(e)-1;U.set(e,t),a.set(e,i),t||(En.has(e)||e.removeAttribute(r),En.delete(e)),i||e.removeAttribute(n)}),On--,On||(U=new WeakMap,U=new WeakMap,En=new WeakMap,Dn={})}},Mn=function(e,t,n){n===void 0&&(n=`data-aria-hidden`);var r=Array.from(Array.isArray(e)?e:[e]),i=t||Tn(e);return i?(r.push.apply(r,Array.from(i.querySelectorAll(`[aria-live], script`))),jn(r,i,n,`aria-hidden`)):function(){return null}},Nn=`Dialog`,[Pn,Fn]=A(Nn),[In,W]=Pn(Nn),Ln=e=>{let{__scopeDialog:t,children:n,open:r,defaultOpen:i,onOpenChange:a,modal:o=!0}=e,s=f.useRef(null),c=f.useRef(null),[l,u]=ie({prop:r,defaultProp:i??!1,onChange:a,caller:Nn});return(0,k.jsx)(In,{scope:t,triggerRef:s,contentRef:c,contentId:N(),titleId:N(),descriptionId:N(),open:l,onOpenChange:u,onOpenToggle:f.useCallback(()=>u(e=>!e),[u]),modal:o,children:n})};Ln.displayName=Nn;var Rn=`DialogTrigger`,zn=f.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=W(Rn,n),a=o(t,i.triggerRef);return(0,k.jsx)(I.button,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":i.open,"aria-controls":i.contentId,"data-state":ir(i.open),...r,ref:a,onClick:O(e.onClick,i.onOpenToggle)})});zn.displayName=Rn;var Bn=`DialogPortal`,[Vn,Hn]=Pn(Bn,{forceMount:void 0}),Un=e=>{let{__scopeDialog:t,forceMount:n,children:r,container:i}=e,a=W(Bn,t);return(0,k.jsx)(Vn,{scope:t,forceMount:n,children:f.Children.map(r,e=>(0,k.jsx)(ct,{present:n||a.open,children:(0,k.jsx)(ot,{asChild:!0,container:i,children:e})}))})};Un.displayName=Bn;var Wn=`DialogOverlay`,Gn=f.forwardRef((e,t)=>{let n=Hn(Wn,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,a=W(Wn,e.__scopeDialog);return a.modal?(0,k.jsx)(ct,{present:r||a.open,children:(0,k.jsx)(qn,{...i,ref:t})}):null});Gn.displayName=Wn;var Kn=ft(`DialogOverlay.RemoveScroll`),qn=f.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=W(Wn,n);return(0,k.jsx)(wn,{as:Kn,allowPinchZoom:!0,shards:[i.contentRef],children:(0,k.jsx)(I.div,{"data-state":ir(i.open),...r,ref:t,style:{pointerEvents:`auto`,...r.style}})})}),G=`DialogContent`,Jn=f.forwardRef((e,t)=>{let n=Hn(G,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,a=W(G,e.__scopeDialog);return(0,k.jsx)(ct,{present:r||a.open,children:a.modal?(0,k.jsx)(Yn,{...i,ref:t}):(0,k.jsx)(Xn,{...i,ref:t})})});Jn.displayName=G;var Yn=f.forwardRef((e,t)=>{let n=W(G,e.__scopeDialog),r=f.useRef(null),i=o(t,n.contentRef,r);return f.useEffect(()=>{let e=r.current;if(e)return Mn(e)},[]),(0,k.jsx)(Zn,{...e,ref:i,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:O(e.onCloseAutoFocus,e=>{e.preventDefault(),n.triggerRef.current?.focus()}),onPointerDownOutside:O(e.onPointerDownOutside,e=>{let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0;(t.button===2||n)&&e.preventDefault()}),onFocusOutside:O(e.onFocusOutside,e=>e.preventDefault())})}),Xn=f.forwardRef((e,t)=>{let n=W(G,e.__scopeDialog),r=f.useRef(!1),i=f.useRef(!1);return(0,k.jsx)(Zn,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{e.onCloseAutoFocus?.(t),t.defaultPrevented||(r.current||n.triggerRef.current?.focus(),t.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(r.current=!0,t.detail.originalEvent.type===`pointerdown`&&(i.current=!0));let a=t.target;n.triggerRef.current?.contains(a)&&t.preventDefault(),t.detail.originalEvent.type===`focusin`&&i.current&&t.preventDefault()}})}),Zn=f.forwardRef((e,t)=>{let{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:i,onCloseAutoFocus:a,...s}=e,c=W(G,n),l=f.useRef(null),u=o(t,l);return yt(),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(Ve,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:i,onUnmountAutoFocus:a,children:(0,k.jsx)(Ce,{role:`dialog`,id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":ir(c.open),...s,ref:u,onDismiss:()=>c.onOpenChange(!1)})}),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(cr,{titleId:c.titleId}),(0,k.jsx)(ur,{contentRef:l,descriptionId:c.descriptionId})]})]})}),Qn=`DialogTitle`,$n=f.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=W(Qn,n);return(0,k.jsx)(I.h2,{id:i.titleId,...r,ref:t})});$n.displayName=Qn;var er=`DialogDescription`,tr=f.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=W(er,n);return(0,k.jsx)(I.p,{id:i.descriptionId,...r,ref:t})});tr.displayName=er;var nr=`DialogClose`,rr=f.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=W(nr,n);return(0,k.jsx)(I.button,{type:`button`,...r,ref:t,onClick:O(e.onClick,()=>i.onOpenChange(!1))})});rr.displayName=nr;function ir(e){return e?`open`:`closed`}var ar=`DialogTitleWarning`,[or,sr]=ee(ar,{contentName:G,titleName:Qn,docsSlug:`dialog`}),cr=({titleId:e})=>{let t=sr(ar),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return f.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},lr=`DialogDescriptionWarning`,ur=({contentRef:e,descriptionId:t})=>{let n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${sr(lr).contentName}}.`;return f.useEffect(()=>{let r=e.current?.getAttribute(`aria-describedby`);t&&r&&(document.getElementById(t)||console.warn(n))},[n,e,t]),null},dr=Ln,fr=Un,pr=Gn,mr=Jn,K=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=i(`Primitive.${t}`),r=f.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,k.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),q=`[cmdk-group=""]`,hr=`[cmdk-group-items=""]`,gr=`[cmdk-group-heading=""]`,_r=`[cmdk-item=""]`,vr=`${_r}:not([aria-disabled="true"])`,yr=`cmdk-item-select`,J=`data-value`,br=(e,t,n)=>D(e,t,n),xr=f.createContext(void 0),Y=()=>f.useContext(xr),Sr=f.createContext(void 0),Cr=()=>f.useContext(Sr),wr=f.createContext(void 0),Tr=f.forwardRef((e,t)=>{let n=Q(()=>({search:``,value:e.value??e.defaultValue??``,selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}})),r=Q(()=>new Set),i=Q(()=>new Map),a=Q(()=>new Map),o=Q(()=>new Set),s=Ir(e),{label:c,children:l,value:u,onValueChange:d,filter:p,shouldFilter:m,loop:h,disablePointerSelection:g=!1,vimBindings:_=!0,...v}=e,y=N(),b=N(),x=N(),S=f.useRef(null),C=Rr();Z(()=>{if(u!==void 0){let e=u.trim();n.current.value=e,w.emit()}},[u]),Z(()=>{C(6,ee)},[]);let w=f.useMemo(()=>({subscribe:e=>(o.current.add(e),()=>o.current.delete(e)),snapshot:()=>n.current,setState:(e,t,r)=>{var i,a,o;if(!Object.is(n.current[e],t)){if(n.current[e]=t,e===`search`)k(),D(),C(1,O);else if(e===`value`){if(document.activeElement.hasAttribute(`cmdk-input`)||document.activeElement.hasAttribute(`cmdk-root`)){let e=document.getElementById(x);e?e.focus():(i=document.getElementById(y))==null||i.focus()}if(C(7,()=>{n.current.selectedItemId=A()?.id,w.emit()}),r||C(5,ee),s.current?.value!==void 0){let e=t??``;(o=(a=s.current).onValueChange)==null||o.call(a,e);return}}w.emit()}},emit:()=>{o.current.forEach(e=>e())}}),[]),T=f.useMemo(()=>({value:(e,t,r)=>{t!==a.current.get(e)?.value&&(a.current.set(e,{value:t,keywords:r}),n.current.filtered.items.set(e,E(t,r)),C(2,()=>{D(),w.emit()}))},item:(e,t)=>(r.current.add(e),t&&(i.current.has(t)?i.current.get(t).add(e):i.current.set(t,new Set([e]))),C(3,()=>{k(),D(),n.current.value||O(),w.emit()}),()=>{a.current.delete(e),r.current.delete(e),n.current.filtered.items.delete(e);let t=A();C(4,()=>{k(),t?.getAttribute(`id`)===e&&O(),w.emit()})}),group:e=>(i.current.has(e)||i.current.set(e,new Set),()=>{a.current.delete(e),i.current.delete(e)}),filter:()=>s.current.shouldFilter,label:c||e[`aria-label`],getDisablePointerSelection:()=>s.current.disablePointerSelection,listId:y,inputId:x,labelId:b,listInnerRef:S}),[]);function E(e,t){let r=s.current?.filter??br;return e?r(e,n.current.search,t):0}function D(){if(!n.current.search||s.current.shouldFilter===!1)return;let e=n.current.filtered.items,t=[];n.current.filtered.groups.forEach(n=>{let r=i.current.get(n),a=0;r.forEach(t=>{let n=e.get(t);a=Math.max(n,a)}),t.push([n,a])});let r=S.current;j().sort((t,n)=>{let r=t.getAttribute(`id`),i=n.getAttribute(`id`);return(e.get(i)??0)-(e.get(r)??0)}).forEach(e=>{let t=e.closest(hr);t?t.appendChild(e.parentElement===t?e:e.closest(`${hr} > *`)):r.appendChild(e.parentElement===r?e:e.closest(`${hr} > *`))}),t.sort((e,t)=>t[1]-e[1]).forEach(e=>{let t=S.current?.querySelector(`${q}[${J}="${encodeURIComponent(e[0])}"]`);t?.parentElement.appendChild(t)})}function O(){let e=j().find(e=>e.getAttribute(`aria-disabled`)!==`true`)?.getAttribute(J);w.setState(`value`,e||void 0)}function k(){if(!n.current.search||s.current.shouldFilter===!1){n.current.filtered.count=r.current.size;return}n.current.filtered.groups=new Set;let e=0;for(let t of r.current){let r=E(a.current.get(t)?.value??``,a.current.get(t)?.keywords??[]);n.current.filtered.items.set(t,r),r>0&&e++}for(let[e,t]of i.current)for(let r of t)if(n.current.filtered.items.get(r)>0){n.current.filtered.groups.add(e);break}n.current.filtered.count=e}function ee(){var e;let t=A();t&&(t.parentElement?.firstChild===t&&((e=t.closest(q)?.querySelector(gr))==null||e.scrollIntoView({block:`nearest`})),t.scrollIntoView({block:`nearest`}))}function A(){return S.current?.querySelector(`${_r}[aria-selected="true"]`)}function j(){return Array.from(S.current?.querySelectorAll(vr)||[])}function M(e){let t=j()[e];t&&w.setState(`value`,t.getAttribute(J))}function te(e){var t;let n=A(),r=j(),i=r.findIndex(e=>e===n),a=r[i+e];(t=s.current)!=null&&t.loop&&(a=i+e<0?r[r.length-1]:i+e===r.length?r[0]:r[i+e]),a&&w.setState(`value`,a.getAttribute(J))}function ne(e){let t=A()?.closest(q),n;for(;t&&!n;)t=e>0?Pr(t,q):Fr(t,q),n=t?.querySelector(vr);n?w.setState(`value`,n.getAttribute(J)):te(e)}let re=()=>M(j().length-1),ie=e=>{e.preventDefault(),e.metaKey?re():e.altKey?ne(1):te(1)},ae=e=>{e.preventDefault(),e.metaKey?M(0):e.altKey?ne(-1):te(-1)};return f.createElement(K.div,{ref:t,tabIndex:-1,...v,"cmdk-root":``,onKeyDown:e=>{var t;(t=v.onKeyDown)==null||t.call(v,e);let n=e.nativeEvent.isComposing||e.keyCode===229;if(!(e.defaultPrevented||n))switch(e.key){case`n`:case`j`:_&&e.ctrlKey&&ie(e);break;case`ArrowDown`:ie(e);break;case`p`:case`k`:_&&e.ctrlKey&&ae(e);break;case`ArrowUp`:ae(e);break;case`Home`:e.preventDefault(),M(0);break;case`End`:e.preventDefault(),re();break;case`Enter`:{e.preventDefault();let t=A();if(t){let e=new Event(yr);t.dispatchEvent(e)}}}}},f.createElement(`label`,{"cmdk-label":``,htmlFor:T.inputId,id:T.labelId,style:Vr},c),Br(e,e=>f.createElement(Sr.Provider,{value:w},f.createElement(xr.Provider,{value:T},e))))}),Er=f.forwardRef((e,t)=>{let n=N(),i=f.useRef(null),a=f.useContext(wr),o=Y(),s=Ir(e),c=s.current?.forceMount??a?.forceMount;Z(()=>{if(!c)return o.item(n,a?.id)},[c]);let l=Lr(n,i,[e.value,e.children,i],e.keywords),u=Cr(),d=$(e=>e.value&&e.value===l.current),p=$(e=>c||o.filter()===!1?!0:e.search?e.filtered.items.get(n)>0:!0);f.useEffect(()=>{let t=i.current;if(!(!t||e.disabled))return t.addEventListener(yr,m),()=>t.removeEventListener(yr,m)},[p,e.onSelect,e.disabled]);function m(){var e,t;h(),(t=(e=s.current).onSelect)==null||t.call(e,l.current)}function h(){u.setState(`value`,l.current,!0)}if(!p)return null;let{disabled:g,value:_,onSelect:v,forceMount:y,keywords:b,...x}=e;return f.createElement(K.div,{ref:r(i,t),...x,id:n,"cmdk-item":``,role:`option`,"aria-disabled":!!g,"aria-selected":!!d,"data-disabled":!!g,"data-selected":!!d,onPointerMove:g||o.getDisablePointerSelection()?void 0:h,onClick:g?void 0:m},e.children)}),Dr=f.forwardRef((e,t)=>{let{heading:n,children:i,forceMount:a,...o}=e,s=N(),c=f.useRef(null),l=f.useRef(null),u=N(),d=Y(),p=$(e=>a||d.filter()===!1?!0:e.search?e.filtered.groups.has(s):!0);Z(()=>d.group(s),[]),Lr(s,c,[e.value,e.heading,l]);let m=f.useMemo(()=>({id:s,forceMount:a}),[a]);return f.createElement(K.div,{ref:r(c,t),...o,"cmdk-group":``,role:`presentation`,hidden:p?void 0:!0},n&&f.createElement(`div`,{ref:l,"cmdk-group-heading":``,"aria-hidden":!0,id:u},n),Br(e,e=>f.createElement(`div`,{"cmdk-group-items":``,role:`group`,"aria-labelledby":n?u:void 0},f.createElement(wr.Provider,{value:m},e))))}),Or=f.forwardRef((e,t)=>{let{alwaysRender:n,...i}=e,a=f.useRef(null),o=$(e=>!e.search);return!n&&!o?null:f.createElement(K.div,{ref:r(a,t),...i,"cmdk-separator":``,role:`separator`})}),kr=f.forwardRef((e,t)=>{let{onValueChange:n,...r}=e,i=e.value!=null,a=Cr(),o=$(e=>e.search),s=$(e=>e.selectedItemId),c=Y();return f.useEffect(()=>{e.value!=null&&a.setState(`search`,e.value)},[e.value]),f.createElement(K.input,{ref:t,...r,"cmdk-input":``,autoComplete:`off`,autoCorrect:`off`,spellCheck:!1,"aria-autocomplete":`list`,role:`combobox`,"aria-expanded":!0,"aria-controls":c.listId,"aria-labelledby":c.labelId,"aria-activedescendant":s,id:c.inputId,type:`text`,value:i?e.value:o,onChange:e=>{i||a.setState(`search`,e.target.value),n?.(e.target.value)}})}),Ar=f.forwardRef((e,t)=>{let{children:n,label:i=`Suggestions`,...a}=e,o=f.useRef(null),s=f.useRef(null),c=$(e=>e.selectedItemId),l=Y();return f.useEffect(()=>{if(s.current&&o.current){let e=s.current,t=o.current,n,r=new ResizeObserver(()=>{n=requestAnimationFrame(()=>{let n=e.offsetHeight;t.style.setProperty(`--cmdk-list-height`,n.toFixed(1)+`px`)})});return r.observe(e),()=>{cancelAnimationFrame(n),r.unobserve(e)}}},[]),f.createElement(K.div,{ref:r(o,t),...a,"cmdk-list":``,role:`listbox`,tabIndex:-1,"aria-activedescendant":c,"aria-label":i,id:l.listId},Br(e,e=>f.createElement(`div`,{ref:r(s,l.listInnerRef),"cmdk-list-sizer":``},e)))}),jr=f.forwardRef((e,t)=>{let{open:n,onOpenChange:r,overlayClassName:i,contentClassName:a,container:o,...s}=e;return f.createElement(dr,{open:n,onOpenChange:r},f.createElement(fr,{container:o},f.createElement(pr,{"cmdk-overlay":``,className:i}),f.createElement(mr,{"aria-label":e.label,"cmdk-dialog":``,className:a},f.createElement(Tr,{ref:t,...s}))))}),Mr=f.forwardRef((e,t)=>$(e=>e.filtered.count===0)?f.createElement(K.div,{ref:t,...e,"cmdk-empty":``,role:`presentation`}):null),Nr=f.forwardRef((e,t)=>{let{progress:n,children:r,label:i=`Loading...`,...a}=e;return f.createElement(K.div,{ref:t,...a,"cmdk-loading":``,role:`progressbar`,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":i},Br(e,e=>f.createElement(`div`,{"aria-hidden":!0},e)))}),X=Object.assign(Tr,{List:Ar,Item:Er,Input:kr,Group:Dr,Separator:Or,Dialog:jr,Empty:Mr,Loading:Nr});function Pr(e,t){let n=e.nextElementSibling;for(;n;){if(n.matches(t))return n;n=n.nextElementSibling}}function Fr(e,t){let n=e.previousElementSibling;for(;n;){if(n.matches(t))return n;n=n.previousElementSibling}}function Ir(e){let t=f.useRef(e);return Z(()=>{t.current=e}),t}var Z=typeof window>`u`?f.useEffect:f.useLayoutEffect;function Q(e){let t=f.useRef();return t.current===void 0&&(t.current=e()),t}function $(e){let t=Cr(),n=()=>e(t.snapshot());return f.useSyncExternalStore(t.subscribe,n,n)}function Lr(e,t,n,r=[]){let i=f.useRef(),a=Y();return Z(()=>{var o;let s=(()=>{for(let e of n){if(typeof e==`string`)return e.trim();if(typeof e==`object`&&`current`in e)return e.current?e.current.textContent?.trim():i.current}})(),c=r.map(e=>e.trim());a.value(e,s,c),(o=t.current)==null||o.setAttribute(J,s),i.current=s}),i}var Rr=()=>{let[e,t]=f.useState(),n=Q(()=>new Map);return Z(()=>{n.current.forEach(e=>e()),n.current=new Map},[e]),(e,r)=>{n.current.set(e,r),t({})}};function zr(e){let t=e.type;return typeof t==`function`?t(e.props):`render`in t?t.render(e.props):e}function Br({asChild:e,children:t},n){return e&&f.isValidElement(t)?f.cloneElement(zr(t),{ref:t.ref},n(t.props.children)):n(t)}var Vr={position:`absolute`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,borderWidth:`0`};function Hr({className:e,...t}){return(0,k.jsx)(X,{"data-slot":`command`,className:c(`bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden`,e),...t})}function Ur({className:e,...t}){return(0,k.jsx)(`div`,{"data-slot":`command-input-wrapper`,className:`p-1 pb-0`,children:(0,k.jsxs)(d,{className:`bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!`,children:[(0,k.jsx)(X.Input,{"data-slot":`command-input`,className:c(`w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,e),...t}),(0,k.jsx)(u,{children:(0,k.jsx)(s,{className:`size-4 shrink-0 opacity-50`})})]})})}function Wr({className:e,...t}){return(0,k.jsx)(X.List,{"data-slot":`command-list`,className:c(`no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto`,e),...t})}function Gr({className:e,...t}){return(0,k.jsx)(X.Empty,{"data-slot":`command-empty`,className:c(`py-6 text-center text-sm`,e),...t})}function Kr({className:e,...t}){return(0,k.jsx)(X.Group,{"data-slot":`command-group`,className:c(`text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium`,e),...t})}function qr({className:e,...t}){return(0,k.jsx)(X.Separator,{"data-slot":`command-separator`,className:c(`bg-border -mx-1 h-px w-auto`,e),...t})}function Jr({className:e,children:t,...n}){return(0,k.jsxs)(X.Item,{"data-slot":`command-item`,className:c(`data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[selected=true]:**:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=dialog-content]_&]:rounded-lg! group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...n,children:[t,(0,k.jsx)(a,{className:`ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100`})]})}export{Jr as a,Ur as i,Gr as n,Wr as o,Kr as r,qr as s,Hr as t};

package/dist/showcase/assets/command-C37Q471b.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{n as t,s as n}from"./index-Cz4UGUT2.js";import{a as r,n as i,o as a,r as o,t as s}from"./command-BtaMPVtf.js";e();var c=n();function l({className:e,...n}){return(0,c.jsx)(s,{className:t(`command--component`,`rounded-md! p-0 bg-transparent`,e),...n})}function u({className:e,...n}){return(0,c.jsx)(a,{className:t(`max-h-72 px-1 py-1`,e),...n})}function d({className:e,...n}){return(0,c.jsx)(o,{className:t(`p-0 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pt-1.5 [&_[cmdk-group-heading]]:pb-0.5 [&_[cmdk-group-heading]]:text-[length:var(--text-xxs)] [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider [&_[cmdk-group-heading]]:text-muted-foreground`,e),...n})}function f({className:e,...n}){return(0,c.jsx)(r,{className:t(`px-2 py-(--row-py) gap-2 rounded-md text-[length:var(--text-xs)]`,e),...n})}function p({className:e,...n}){return(0,c.jsx)(i,{className:t(`py-4 text-center text-[length:var(--text-xs)] text-muted-foreground`,e),...n})}export{u as a,f as i,p as n,d as r,l as t};

package/dist/showcase/assets/comment-composer-W0xfh_HP.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,Fr as r,kr as i,r as a,zr as o}from"./example-BIrQab7K.js";import{t as s}from"./file-text-D3AE37vP.js";import{t as c}from"./file-Dc5UHkfE.js";import{t as l}from"./image-Byz-p7hT.js";import{t as u}from"./rich-text-editor-Bha0lSKT.js";import{t as d}from"./paperclip-CDMZ_JAo.js";import{t as f}from"./send-BzGRF4t-.js";import{t as p}from"./x-BqJnRkKw.js";import{a as m,k as h,n as g,s as _}from"./index-Cz4UGUT2.js";import{i as v,t as y}from"./popover-BSB11Qjp.js";import{n as b,r as x,t as S}from"./mention-inline-suggestions-DyW6IwL8.js";var C=m(`at-sign`,[[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}],[`path`,{d:`M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8`,key:`7n84p3`}]]),w=m(`calendar-range`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`4`,rx:`2`,key:`1hopcy`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M3 10h18`,key:`8toen8`}],[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`path`,{d:`M17 14h-6`,key:`bkmgh3`}],[`path`,{d:`M13 18H7`,key:`bb0bb7`}],[`path`,{d:`M7 14h.01`,key:`1qa3f1`}],[`path`,{d:`M17 18h.01`,key:`1bdyru`}]]),T=e(t(),1),E=_(),D={title:`Comments`,subtitle:``,empty:`No comments yet.`,emptyHint:`Start the conversation — your team will see it instantly.`,composerPlaceholder:`Write a comment…`,composerSubmit:`Post comment`,composerSubmitting:`Posting…`,composerSave:`Save changes`,invalidContent:`Comment cannot be empty.`,composerCancel:`Cancel`,composerEditingEyebrow:`Editing comment`,composerReplyingEyebrow:`Replying to {{name}}`,composerAttachmentLabel:`Attach file`,composerReferenceLabel:`Mention or link`,composerReferenceMenuTitle:`Insert reference`,composerReferenceSearchPlaceholder:`Search…`,composerReferenceEmpty:`No matches.`,composerReferenceLoading:`Searching…`,fallbackAuthor:`Anonymous`,pinned:`Pinned`,edited:`edited`,deleteLabel:`Delete`,editLabel:`Edit`,replyLabel:`Reply`,pinLabel:`Pin`,unpinLabel:`Unpin`,moreActionsLabel:`More actions`,confirmDeleteLabel:`Delete comment`,attachmentFallback:`Attachment`,attachmentRemoveLabel:`Remove attachment`,attachmentUploadingLabel:`Uploading…`,attachmentFailedLabel:`Upload failed`,attachmentTooLargeError:`File is too large.`,attachmentTooManyError:`Too many attachments.`,attachmentRetryLabel:`Retry`,attachmentDownloadLabel:`Download`,addReactionLabel:`Add reaction`,showRepliesLabel:`Show replies`,hideRepliesLabel:`Hide replies`};function O(e){return h(D,e)}function k(e){let t=o(),n=r();return(0,T.useMemo)(()=>({getMediaUrl:e?.getMediaUrl??(e=>t.resolveUrl?.(e??{})),getMediaName:e?.getMediaName??(e=>t.resolveName?.(e??{})),getStatusLabel:e?.getStatusLabel,formatRelativeTime:e?.formatRelativeTime??n.formatRelativeTime}),[e,t,n.formatRelativeTime])}function A(e={}){let{resources:t,onResourceSearch:n,initialMentions:r,debounceMs:i=200}=e,a=(0,T.useMemo)(()=>t?Object.keys(t):[],[t]),[o,s]=(0,T.useState)(()=>a[0]??null),[c,l]=(0,T.useState)(!1),[u,d]=(0,T.useState)(``),[f,p]=(0,T.useState)({}),[m,h]=(0,T.useState)(!1),[g,_]=(0,T.useState)(()=>r?[...r]:[]),v=(0,T.useRef)(0),y=(0,T.useRef)(null);(0,T.useEffect)(()=>{if(a.length===0){s(null);return}(!o||!a.includes(o))&&s(a[0])},[o,a]);let b=(0,T.useMemo)(()=>o&&t?t[o]??null:null,[o,t]),x=(0,T.useCallback)(async(e,r)=>{let i=t?.[e];if(i?.search)return(await i.search(r)).map(t=>({...t,kind:e}));if(i?.suggestions){let t=i.suggestions;return(r.trim().length===0?t:t.filter(e=>e.label.toLowerCase().includes(r.toLowerCase()))).map(t=>({...t,kind:e}))}return n?(await n(r,e)).map(t=>({...t,kind:e})):[]},[t,n]);(0,T.useEffect)(()=>{if(y.current&&clearTimeout(y.current),a.length===0){p({});return}let e=++v.current,t=async()=>{h(!0);try{let t=await Promise.all(a.map(async e=>{try{return[e,await x(e,u)]}catch{return[e,[]]}}));if(e!==v.current)return;let n={};for(let[e,r]of t)n[e]=r;p(n)}finally{e===v.current&&h(!1)}};return y.current=setTimeout(()=>{t()},i),()=>{y.current&&clearTimeout(y.current)}},[a,u,x,i]),(0,T.useEffect)(()=>{if(c||!o||(f[o]??[]).length>0)return;let e=a.find(e=>(f[e]?.length??0)>0);e&&e!==o&&s(e)},[o,a,c,f]);let S=(0,T.useCallback)(e=>{s(e)},[]),C=(0,T.useCallback)(e=>{d(e)},[]),w=(0,T.useCallback)(e=>{_(t=>t.some(t=>t.id===e.id)?t:[...t,e])},[]),E=(0,T.useCallback)(e=>{_(t=>t.filter(t=>t.id!==e))},[]),D=(0,T.useCallback)(e=>{_([...e])},[]),O=(0,T.useCallback)(()=>{_([]),d(``),l(!1),v.current++},[]),k=(0,T.useCallback)(e=>{let n=e.kind??o,r=`${n}:${e.id}`,i=t?.[n],a=e.href??i?.buildHref?.(e),s={id:r,kind:n,label:e.label,href:a,data:e.data};return w(s),s},[o,w,t]);return{kinds:a,activeKind:o,setActiveKind:S,activeResource:b,query:u,setQuery:C,suggestions:(0,T.useMemo)(()=>o?f[o]??[]:[],[o,f]),suggestionsByKind:f,isLoading:m,mentions:g,addMention:w,removeMention:E,setMentions:D,reset:O,selectSuggestion:k,manualKindOverride:c,setManualKindOverride:l}}function j(e,t){let n=String(e.label??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`),r=String(e.id).replace(/"/g,`&quot;`),i=String(e.kind).replace(/"/g,`&quot;`),a=t?.tone?String(t.tone).replace(/"/g,`&quot;`):``,o=t?.triggerChar??(e.kind===`user`?`@`:``);return`<span class="rsc-mention" data-ref-id="${r}" data-ref-kind="${i}"${a?` data-ref-tone="${a}"`:``} contenteditable="false">${o}${n}</span>&nbsp;`}function M(e={}){let t=e.resources,n=e.onResourceSearch,r=A({...e,resources:t,onResourceSearch:n}),[i,a]=(0,T.useState)(!1),[o,s]=(0,T.useState)(!1),c=(0,T.useRef)(null),l=(0,T.useRef)(null),u=(0,T.useCallback)(e=>{a(e),e||(c.current=null,l.current=null,s(!1),r.setManualKindOverride(!1))},[r]),d=e.editorRef,f=(0,T.useCallback)(()=>{if(!t)return;let e={};for(let[n,r]of Object.entries(t)){let t=r?.trigger;typeof t==`string`&&t.length>0&&(e[t]=n)}if(Object.keys(e).length===0)return;let n=d?.current?.getCaretContext();if(!n){c.current&&(c.current=null,u(!1));return}let i=Object.keys(e).map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)).join(``),o=RegExp(`(?:^|\\s)([${i}])([\\p{L}\\p{N}_-]*)$`,`u`),f=n.textBefore.match(o);if(!f){c.current&&(c.current=null,u(!1));return}let p=f[1],m=f[2]??``,h=e[p];c.current={kind:h,triggerChar:p,consumedLength:p.length+m.length},s(!0),l.current!==p&&(r.activeKind!==h&&r.setActiveKind(h),r.setManualKindOverride(!1),l.current=p),r.query!==m&&r.setQuery(m),a(!0)},[d,t,r,u]),p=(0,T.useCallback)(e=>{let n=r.selectSuggestion(e),i=c.current,a=t?.[n.kind]?.tone,o=j(n,{triggerChar:i?.triggerChar,tone:a});return i&&i.consumedLength>0&&d?.current?(d.current.replaceBeforeCaret(i.consumedLength,o),c.current=null):d?.current&&d.current.insertHTML(o),u(!1),n},[d,t,r,u]);return{...r,pickerOpen:i,setPickerOpen:u,triggerActive:o,handleCaretChange:f,pickSuggestion:p}}var N=/<(span|a)\b([^>]*?)data-ref-id\s*=\s*"([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi;function P(e){if(!e)return[];let t=[],n=0,r;for(N.lastIndex=0;(r=N.exec(e))!==null;){let[i,,,a]=r,o=e.slice(n,r.index);o.length>0&&t.push({kind:`html`,value:o}),t.push({kind:`mention`,refId:a,fallback:i}),n=r.index+i.length}let i=e.slice(n);return i.length>0&&t.push({kind:`html`,value:i}),t}var F=`prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-ul:my-0.5 prose-ol:my-0.5 prose-li:my-0.5 max-w-none`;function I(e){let{html:t,mentions:n,resources:r,renderMention:i,sanitizer:a,className:o,prose:s=!0}=e,c=r,l=a?a(t??``):t??``,u=new Map;for(let e of n??[])u.set(e.id,e);let d=u.size>0?P(l):[{kind:`html`,value:l}],f=e=>{if(i)return i(e);let t=c?.[e.kind];return(0,E.jsx)(x,{mention:e,resource:t})},p=d.map((e,t)=>{if(e.kind===`mention`){let n=u.get(e.refId);return n?(0,E.jsx)(T.Fragment,{children:f(n)},`ref-${t}-${e.refId}`):(0,E.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.fallback}},`fallback-${t}`)}return(0,E.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.value}},`html-${t}`)});return s?(0,E.jsx)(`div`,{className:g(`mention-content--component`,F,o),children:p}):(0,E.jsx)(E.Fragment,{children:p})}var L=/<(?:span|a)\b[^>]*?data-ref-id\s*=\s*"([^"]+)"[^>]*?>([\s\S]*?)<\/(?:span|a)>/gi,R=/data-ref-kind\s*=\s*"([^"]+)"/i;function z(e){let t=[];if(!e)return t;let n=new Set,r;for(L.lastIndex=0;(r=L.exec(e))!==null;){let[e,i,a]=r;if(n.has(i))continue;n.add(i);let o=e.match(R)?.[1]??i.split(`:`)[0]??``,s=(a??``).replace(/<[^>]*>/g,``).replace(/&nbsp;/g,` `).replace(/^[@#$&%!~]\s*/,``).trim();t.push({id:i,kind:o,label:s})}return t}function B(e){return typeof e!=`number`||e<=0?null:e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function V(e){return e.mimeType?.startsWith(`image/`)?l:e.mimeType===`application/pdf`||e.mimeType?.startsWith(`text/`)?s:e.mimeType?c:d}var H=({attachment:e,editable:t=!1,onRemove:r,onRetry:o,accessors:s,strings:c,compact:l=!1,className:u})=>{let d=h(D,c),f=s?.getMediaUrl?.(e)??e.url,m=s?.getMediaName?.(e)??e.name??d.attachmentFallback,_=V(e),v=e.status===`uploading`,y=e.status===`failed`,b=B(e.size),x=v?d.attachmentUploadingLabel+(typeof e.progress==`number`?` ${Math.round(e.progress)}%`:``):y?e.error??d.attachmentFailedLabel:b,S=g(`relative inline-flex min-w-0 max-w-[20rem] items-center gap-1.5 rounded-md`,`ring-1 ring-inset transition-colors`,l?`px-2 py-1 text-xs`:`px-2.5 py-1 text-xs`,y?`bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]`:`bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]`,u),C=v?(0,E.jsx)(i,{className:g(`shrink-0 animate-spin text-muted-foreground`,`size-3.5`),"aria-hidden":!0}):(0,E.jsx)(_,{className:g(`shrink-0`,`size-3.5`,y?`text-destructive`:`text-muted-foreground`),"aria-hidden":!0}),w=(0,E.jsxs)(`span`,{className:`inline-flex min-w-0 items-baseline gap-1.5`,children:[(0,E.jsx)(n,{tag:`span`,size:`xs`,weight:`medium`,className:g(`truncate`,y&&`text-destructive`),children:m}),x?(0,E.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:x}):null]});return(0,E.jsxs)(`div`,{className:S,children:[C,f&&!v&&!y?(0,E.jsx)(`a`,{href:f,target:`_blank`,rel:`noreferrer noopener`,className:`inline-flex min-w-0 flex-1 items-baseline gap-1.5 hover:underline`,"aria-label":d.attachmentDownloadLabel,children:w}):w,v&&typeof e.progress==`number`&&(0,E.jsx)(`div`,{className:`bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full`,children:(0,E.jsx)(`div`,{className:`bg-primary h-full transition-[width]`,style:{width:`${Math.min(100,Math.max(0,e.progress))}%`}})}),y&&o&&(0,E.jsx)(a,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`xs`,onClick:()=>o(e.id),className:`h-auto shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset ring-destructive/30 hover:ring-destructive/60`,children:d.attachmentRetryLabel}),t&&r&&(0,E.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>r(e.id),className:`-mr-0.5 size-4 shrink-0 rounded p-0 text-muted-foreground hover:bg-foreground/10 hover:text-foreground`,"aria-label":d.attachmentRemoveLabel,title:d.attachmentRemoveLabel,children:(0,E.jsx)(p,{className:`size-3`})})]})};function U(e={}){let{onUpload:t,maxSize:n,maxFiles:r,disabled:i,initialAttachments:a,onChange:o,onError:s}=e,[c,l]=(0,T.useState)(()=>a?[...a]:[]),u=(0,T.useRef)(new Map),d=(0,T.useRef)(new Map),f=(0,T.useRef)(o);f.current=o;let p=(0,T.useCallback)((e,t)=>{l(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),m=(0,T.useCallback)(e=>{l([...e])},[]),h=(0,T.useCallback)((e,n)=>{if(!t)return;let r=new AbortController;u.current.set(e,{controller:r}),p(e,{status:`uploading`,progress:0,error:void 0}),t({file:n,onProgress:t=>{p(e,{progress:t})},signal:r.signal}).then(t=>{u.current.delete(e),p(e,{...t,id:e,status:`uploaded`,progress:100,error:void 0})}).catch(t=>{if(u.current.delete(e),r.signal.aborted)return;let n=t instanceof Error?t.message:`Upload failed`;p(e,{status:`failed`,error:n}),s?.(n)})},[s,t,p]),g=(0,T.useCallback)(e=>{if(i||!t)return;let a=Array.from(e);a.length!==0&&l(e=>{let t=[...e];for(let e of a){if(typeof r==`number`&&t.length>=r){s?.(`Too many attachments.`);break}if(typeof n==`number`&&e.size>n){s?.(`File is too large.`);continue}let i=typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():`att-${Date.now()}-${Math.random().toString(36).slice(2)}`;d.current.set(i,e),t.push({id:i,name:e.name,size:e.size,mimeType:e.type,status:`uploading`,progress:0}),queueMicrotask(()=>h(i,e))}return t})},[h,i,r,n,s,t]),_=(0,T.useCallback)(e=>{let t=u.current.get(e);t&&(t.controller.abort(),u.current.delete(e)),d.current.delete(e),l(t=>t.filter(t=>t.id!==e))},[]),v=(0,T.useCallback)(e=>{let t=d.current.get(e);t&&h(e,t)},[h]),y=(0,T.useCallback)(()=>{for(let e of u.current.values())e.controller.abort();u.current.clear(),d.current.clear(),l([])},[]);return(0,T.useEffect)(()=>{f.current?.(c)},[c]),(0,T.useEffect)(()=>{let e=u.current;return()=>{for(let t of e.values())t.controller.abort()}},[]),{attachments:c,uploadedAttachments:(0,T.useMemo)(()=>c.filter(e=>e.status===`uploaded`||!e.status),[c]),isUploading:(0,T.useMemo)(()=>c.some(e=>e.status===`uploading`),[c]),addFiles:g,removeAttachment:_,retryAttachment:v,setAttachments:m,reset:y}}function W(e){return!e||typeof e!=`string`?!1:e.replace(/<[^>]*>/g,``).trim().length>0}var G=(0,T.forwardRef)(function({context:e,canComment:t=!0,isSubmitting:r=!1,errors:o,resetKey:s=0,onSubmit:c,onCancel:l,editingComment:p,strings:m,resources:h,onResourceSearch:g,attachments:_,initialValues:x,autoFocus:w=!1,inlineSubmit:D=!0,placeholder:k},A){let j=O(m),N=h,P=g,F=_,I=(0,T.useRef)(null),[L,R]=(0,T.useState)(()=>x?.content??p?.content??``),[B,V]=(0,T.useState)(null),G=M({resources:N,onResourceSearch:P,editorRef:I,initialMentions:x?.references??p?.references}),q=U({...F,initialAttachments:x?.attachments??void 0});(0,T.useImperativeHandle)(A,()=>({focus:()=>I.current?.focus(),clear:()=>{I.current?.clear(),G.reset(),q.reset(),V(null)},setBody:e=>{I.current?.setHTML(e)}}),[q,G]),(0,T.useEffect)(()=>{I.current?.setHTML(x?.content??``),G.setMentions(x?.references??[]),q.setAttachments(x?.attachments??[]),V(null)},[e.id,e.type,s]),(0,T.useEffect)(()=>{if(!p)return;I.current?.setHTML(p.content??``),G.setMentions(p.references??[]);let e=(p.attachments??p.media??[]).filter(e=>!!e);q.setAttachments(e)},[p?.id]),(0,T.useEffect)(()=>{o?.content&&V(o.content)},[o]);let J=t=>{t?.preventDefault();let n=I.current?.getHTML()??L;if(!W(n)){V(j.invalidContent);return}V(null),c({content:n,commentableId:e.id,commentableType:e.type,contentType:`html`,references:G.mentions,attachments:q.uploadedAttachments,editingId:p?.id})},Y=(0,T.useRef)(null),X=()=>Y.current?.click(),ee=e=>{e&&q.addFiles(e)},Z=q.attachments.length>0,Q=!!p,te=r?j.composerSubmitting:Q?j.composerSave:j.composerSubmit,ne=Q?(0,E.jsx)(K,{label:j.composerEditingEyebrow,closeLabel:j.composerCancel,onClose:l}):null,re=(0,T.useMemo)(()=>{let e=[];return N&&Object.keys(N).length>0&&e.push({id:`reference`,icon:C,label:j.composerReferenceLabel,onClick:()=>G.setPickerOpen(!0)}),F?.onUpload&&!F.disabled&&e.push({id:`attachment`,icon:d,label:j.composerAttachmentLabel,onClick:X}),e},[N,F?.onUpload,F?.disabled,j.composerReferenceLabel,j.composerAttachmentLabel]);if(!t)return null;let $=(0,E.jsx)(a,{type:`button`,onClick:()=>J(),disabled:r||q.isUploading,icon:r?i:f,children:te}),ie=Q||l?(0,E.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:l,disabled:r,children:j.composerCancel}):null,ae=Z?(0,E.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:q.attachments.map(e=>(0,E.jsx)(H,{attachment:e,editable:!0,onRemove:q.removeAttachment,onRetry:q.retryAttachment,strings:m},e.id))}):null,oe=Z?ae:null,se=D===!1?null:$,ce=D===!1||Q;return(0,E.jsxs)(`form`,{onSubmit:J,className:`space-y-2`,children:[ne,(0,E.jsx)(`input`,{ref:Y,type:`file`,multiple:!0,hidden:!0,accept:F?.accept,onChange:e=>{ee(e.target.files),e.target.value=``}}),!G.triggerActive&&(0,E.jsxs)(y,{open:G.pickerOpen,onOpenChange:G.setPickerOpen,children:[(0,E.jsx)(v,{render:(0,E.jsx)(`button`,{type:`button`,className:`sr-only`,tabIndex:-1}),children:j.composerReferenceLabel}),(0,E.jsx)(b,{open:G.pickerOpen,activeKind:G.activeKind,setActiveKind:G.setActiveKind,kinds:G.kinds,resources:N,query:G.query,setQuery:G.setQuery,suggestions:G.suggestions,isLoading:G.isLoading,onSelect:G.pickSuggestion,strings:{title:j.composerReferenceMenuTitle,searchPlaceholder:j.composerReferenceSearchPlaceholder,empty:j.composerReferenceEmpty,loading:j.composerReferenceLoading}})]}),(0,E.jsxs)(`div`,{className:`relative`,children:[(0,E.jsx)(u,{ref:I,value:L,onChange:e=>{R(e);let t=z(e),n=G.mentions;if(n.map(e=>e.id).join(`|`)!==t.map(e=>e.id).join(`|`)){let e=new Map(n.map(e=>[e.id,e])),r=t.map(t=>e.get(t.id)??t);G.setMentions(r)}},placeholder:k??j.composerPlaceholder,strings:{editorLabel:k??j.composerPlaceholder},minHeight:`3rem`,autoFocus:w||Q,extraToolbarItems:re,toolbarTrailing:se,footerSlot:oe,onCaretChange:G.handleCaretChange}),(0,E.jsx)(S,{open:G.triggerActive&&G.pickerOpen,activeKind:G.activeKind,setActiveKind:G.setActiveKind,onManualKindChange:()=>G.setManualKindOverride(!0),kinds:G.kinds,resources:N,query:G.query,suggestions:G.suggestions,suggestionsByKind:G.suggestionsByKind,isLoading:G.isLoading,onSelect:G.pickSuggestion,strings:{title:j.composerReferenceMenuTitle,empty:j.composerReferenceEmpty,loading:j.composerReferenceLoading}})]}),B&&(0,E.jsx)(n,{size:`xs`,type:`error`,children:B}),ce&&(0,E.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[ie,$]})]})});function K({label:e,closeLabel:t,onClose:r}){return(0,E.jsxs)(`div`,{className:`bg-muted/40 ring-border/60 flex items-center justify-between rounded px-2.5 py-1.5 ring-1 ring-inset`,children:[(0,E.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:e}),r?(0,E.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:r,className:`size-4 rounded p-0 text-muted-foreground hover:text-foreground`,"aria-label":t,children:(0,E.jsx)(p,{className:`size-3`})}):null]})}export{O as a,k as i,H as n,w as o,I as r,G as t};

package/dist/showcase/assets/comment-item-Ctcpx1GX.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,Tr as r,a as i,c as a,o,r as s,s as c,yr as l}from"./example-BIrQab7K.js";import{a as u,i as d,n as f,r as p}from"./comment-composer-W0xfh_HP.js";import{t as m}from"./pencil-BouoJ5x7.js";import{t as h}from"./trash-2-OsaEm8cc.js";import{a as g,l as _,n as v,s as y}from"./index-Cz4UGUT2.js";import{o as b,r as ee,t as x}from"./avatar-5EFTnHEG.js";var S=g(`corner-down-right`,[[`path`,{d:`m15 10 5 5-5 5`,key:`qqa56n`}],[`path`,{d:`M4 4v7a4 4 0 0 0 4 4h12`,key:`z08zvw`}]]),C=g(`pin`,[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]]),w=g(`smile`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 14s1.5 2 4 2 4-2 4-2`,key:`1y1vjs`}],[`line`,{x1:`9`,x2:`9.01`,y1:`9`,y2:`9`,key:`yxxnd0`}],[`line`,{x1:`15`,x2:`15.01`,y1:`9`,y2:`9`,key:`1p4y9e`}]]),T=e(t(),1),E=y();function D(e){let{comment:t,resources:r,renderReference:i,sanitizer:a}=e,o=t.contentType??t.content_type??`text`;return o===`rich`?O(t.content):o===`html`?(0,E.jsx)(p,{html:t.content??``,mentions:t.references,resources:r,renderMention:i,sanitizer:a}):(0,E.jsx)(n,{className:`whitespace-pre-line`,children:j(t.content??``)})}function O(e){if(!e)return null;try{let t=JSON.parse(e);return!t||!Array.isArray(t.blocks)||t.blocks.length===0?null:(0,E.jsx)(`div`,{className:`prose prose-sm prose-p:my-0.5 prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline max-w-none space-y-1`,children:t.blocks.map((e,t)=>(0,E.jsx)(T.Fragment,{children:k(e)},e.id??`${e.type}-${t}`))})}catch{return(0,E.jsx)(n,{className:`whitespace-pre-line`,children:j(e)})}}function k(e){let t=e.data??{};switch(e.type){case`paragraph`:{let e=String(t.text??``).trim();return e?(0,E.jsx)(n,{asHTML:!0,content:e}):null}case`header`:{let e=A(String(t.text??``)),n=Number(t.level??3);return e?(0,T.createElement)(r,{tag:`h${Math.min(Math.max(n,1),6)}`},e):null}case`list`:{let e=(Array.isArray(t.items)?t.items:[]).map(e=>A(String(e??``))).filter(e=>e.length>0);return e.length===0?null:t.style===`ordered`?(0,E.jsx)(`ol`,{className:`ml-6 list-decimal space-y-1 text-sm`,children:e.map((e,t)=>(0,E.jsx)(`li`,{children:e},`${e}-${t}`))}):(0,E.jsx)(`ul`,{className:`ml-6 list-disc space-y-1 text-sm`,children:e.map(e=>(0,E.jsx)(`li`,{children:e},e))})}case`quote`:{let e=String(t.text??``).trim();if(!e)return null;let r=A(String(t.caption??``));return(0,E.jsxs)(`blockquote`,{className:`border-muted text-muted-foreground border-l-2 pl-3 text-sm italic`,children:[(0,E.jsx)(n,{asHTML:!0,content:e}),r.length>0&&(0,E.jsxs)(`cite`,{className:`text-muted-foreground/80 mt-1 block text-xs not-italic`,children:[`— `,r]})]})}case`delimiter`:return(0,E.jsx)(`div`,{className:`border-muted my-4 border-b border-dashed`,"aria-hidden":`true`});default:{let e=A(String(t.text??``));return e?(0,E.jsx)(n,{className:`whitespace-pre-line`,children:e}):null}}}function A(e){return e.replace(/<[^>]*>/g,``).trim()}function j(e){if(typeof e!=`string`)return``;let t=e.trim();if(t===``)return``;if(t.startsWith(`{`)||t.startsWith(`[`))return t;try{let e=JSON.parse(t);if(typeof e==`string`)return e}catch{}return t.startsWith(`"`)&&t.endsWith(`"`)?t.slice(1,-1):t}var M=`?`,te=e=>e?.url,ne=e=>e?.name,N=e=>e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `),P=e=>{try{return _(new Date(e),{addSuffix:!0})}catch{return`—`}},F=(0,T.memo)(function({comment:e,canModerate:t,onDelete:r,onPinToggle:p,onReact:g,onReply:_,strings:y,getMediaUrl:O,getMediaName:k,getStatusLabel:A,formatRelativeTime:j,resources:F,renderAttachment:I,renderReference:L}){let R=u(y),z=d({getMediaUrl:O,getMediaName:k,getStatusLabel:A,formatRelativeTime:j}),B=z.getMediaUrl??te,V=z.getMediaName??ne,H=z.getStatusLabel??N,U=z.formatRelativeTime??P,W=e.user?.name??R.fallbackAuthor,G=e.user?.avatar??void 0,K=(0,T.useMemo)(()=>e.createdAt?U(e.createdAt):`—`,[e.createdAt,U]),q=(0,T.useMemo)(()=>{if(!W)return M;let e=W.trim();return e===``?M:e.charAt(0).toUpperCase()},[W]),J=(0,T.useMemo)(()=>Array.isArray(e.tagsArray)?e.tagsArray.filter(e=>typeof e==`string`):e.tagsArray&&typeof e.tagsArray==`object`?Object.values(e.tagsArray).filter(e=>typeof e==`string`):[],[e.tagsArray]),Y=(0,T.useMemo)(()=>(e.attachments??e.media??[]).filter(e=>!!e&&typeof e==`object`),[e.attachments,e.media]),X=e.reactions??[],Z=e.isPinned===!0,re=e.isEdited===!0,Q=e.status&&e.status!==`active`,$=Q&&e.status?H(e.status):null,ie=e.canDelete===!0||t===!0,ae=e.canEdit===!0||t===!0,oe=Y.length>0;return(0,E.jsx)(`article`,{className:v(`comment-item--component group relative overflow-hidden rounded-lg border transition-colors`,`border-border/60 bg-card hover:bg-muted/30 px-3 py-2.5`),"data-comment-id":e.id,children:(0,E.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,E.jsxs)(x,{className:`mt-0.5 h-8 w-8 shrink-0`,children:[!!G&&(0,E.jsx)(b,{src:G,alt:W}),(0,E.jsx)(ee,{className:`bg-muted text-muted-foreground text-xs font-medium`,children:q})]}),(0,E.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,E.jsxs)(`div`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,E.jsx)(n,{tag:`span`,weight:`semibold`,className:`truncate`,children:W}),!!Z&&(0,E.jsx)(c,{delayDuration:0,children:(0,E.jsxs)(i,{children:[(0,E.jsx)(a,{render:(0,E.jsx)(`span`,{className:`inline-flex shrink-0 self-center`}),children:(0,E.jsx)(C,{className:`text-warning size-3`,"aria-hidden":!0})}),(0,E.jsx)(o,{side:`top`,className:`text-xs`,children:R.pinned})]})}),(0,E.jsx)(n,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:K}),!!re&&(0,E.jsx)(n,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0`,children:R.edited}),!!Q&&!!$&&(0,E.jsx)(l,{variant:`secondary`,className:`self-center uppercase tracking-wide`,children:$})]}),(0,E.jsx)(`div`,{className:`mt-1 text-sm leading-relaxed`,children:(0,E.jsx)(D,{comment:e,resources:F,renderReference:L})}),J.length>0&&(0,E.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:J.map(e=>(0,E.jsx)(l,{variant:`secondary`,className:`uppercase tracking-wide`,children:e},e))}),oe&&(0,E.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:Y.map(e=>I?(0,E.jsx)(`div`,{children:I(e)},e.id??e.name):(0,E.jsx)(f,{attachment:e,accessors:{getMediaUrl:B,getMediaName:V},strings:y},e.id??e.name))}),X.length>0&&(0,E.jsx)(`div`,{className:`mt-2 flex flex-wrap items-center gap-1`,children:X.map(t=>(0,E.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>g&&e.id?g(e.id,t.emoji):void 0,title:t.users?.join(`, `),className:`h-auto rounded-full p-0`,children:(0,E.jsxs)(l,{variant:t.mine?`primary`:`secondary`,className:`cursor-pointer transition-colors hover:opacity-90`,children:[(0,E.jsx)(`span`,{"aria-hidden":!0,className:`leading-none`,children:t.emoji}),(0,E.jsx)(`span`,{className:`tabular-nums`,children:t.count})]})},t.emoji))})]}),(0,E.jsxs)(`div`,{className:v(`absolute right-2 top-2 opacity-0 transition-opacity`,`group-hover:opacity-100 focus-within:opacity-100`,`inline-flex items-center gap-0.5 rounded-md bg-card/95 shadow-sm ring-1 ring-border/70`),children:[!!_&&(0,E.jsx)(s,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&_(e.id),title:R.replyLabel,"aria-label":R.replyLabel,children:(0,E.jsx)(S,{className:`size-3.5`})}),!!g&&(0,E.jsx)(s,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&g(e.id,`👍`),title:R.addReactionLabel,"aria-label":R.addReactionLabel,children:(0,E.jsx)(w,{className:`size-3.5`})}),!!p&&t&&(0,E.jsx)(s,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>p(e),title:Z?R.unpinLabel:R.pinLabel,"aria-label":Z?R.unpinLabel:R.pinLabel,children:(0,E.jsx)(C,{className:v(`size-3.5`,Z&&`text-warning`)})}),!!ae&&!!e.id&&(0,E.jsx)(s,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,title:R.editLabel,"aria-label":R.editLabel,children:(0,E.jsx)(m,{className:`size-3.5`})}),!!ie&&!!r&&!!e.id&&(0,E.jsx)(s,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,className:`hover:bg-destructive/10 hover:text-destructive`,onClick:()=>r(e.id),title:R.deleteLabel,"aria-label":R.deleteLabel,children:(0,E.jsx)(h,{className:`size-3.5`})})]})]})})});export{F as t};

package/dist/showcase/assets/comments-BODDdRry.js

@@ -0,0 +1,357 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Pr as i,hr as a,mr as o,t as s}from"./example-BIrQab7K.js";import{a as c,o as l,t as u}from"./comment-composer-W0xfh_HP.js";import{t as d}from"./briefcase-B_Uti-Iu.js";import{t as f}from"./comment-item-Ctcpx1GX.js";import{t as p}from"./git-branch-D9jt-u1q.js";import{t as m}from"./package-0ZgMoFm1.js";import{t as h}from"./user-Bqmz8M16.js";import{a as g,n as _,s as v}from"./index-Cz4UGUT2.js";import{t as y}from"./props-table-BR-KjRNe.js";import{t as b}from"./smart-card-B4P_C0nk.js";var x=g(`message-circle`,[[`path`,{d:`M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719`,key:`1sd12s`}]]),S=v(),C=({strings:e,icon:t,className:n})=>{let i=c(e);return(0,S.jsxs)(`div`,{className:_(`flex flex-col items-center justify-center py-8 text-center`,n),children:[(0,S.jsx)(`div`,{className:`bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full`,children:t??(0,S.jsx)(x,{className:`text-muted-foreground/60 h-5 w-5`})}),(0,S.jsx)(r,{weight:`medium`,children:i.empty}),i.emptyHint?(0,S.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1 max-w-[28ch]`,children:i.emptyHint}):null]})},w=function({comments:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderItem:p,renderAttachment:m,renderReference:h,emptySlot:g}){return e.length?(0,S.jsx)(`div`,{className:`flex flex-col gap-2`,children:e.map((e,g)=>{let _=(0,S.jsx)(f,{comment:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderAttachment:m,renderReference:h});return p?(0,S.jsx)(`div`,{children:p({comment:e,canModerate:t??!1,onDelete:n,defaultItem:_})},e.id??`comment-${g}`):(0,S.jsx)(`div`,{children:_},e.id??`comment-${g}`)})}):(0,S.jsx)(S.Fragment,{children:g??(0,S.jsx)(C,{strings:o})})},T=t(n(),1);function E(e){let t=i(),n=e.composerPosition??t.composerPosition??`top`,r=e.canComment??!1,a=e.canModerate??!1,o=e.onSubmit,s=e.onDelete,l=e.onPinToggle,d=e.onReact,f=e.onReply,p=e.resources,m=e.attachments,h=c(e.strings),g=e.title===void 0?h.title:e.title,[v,y]=(0,T.useState)({}),[x,E]=(0,T.useState)(!1),[D,O]=(0,T.useState)(0),k={setErrors:e=>y(e),reset:()=>{O(e=>e+1),y({}),E(!1)},setSubmitting:E},A=(0,T.useCallback)(e=>{o&&(E(!0),y({}),o(e,k))},[o]),j=e.composerSlot??(r?(0,S.jsx)(u,{context:e.context,canComment:r,isSubmitting:x,errors:v,resetKey:D,onSubmit:A,strings:e.strings,resources:p,attachments:m}):null),M=(0,S.jsx)(w,{comments:e.comments,canModerate:a,onDelete:s,onPinToggle:l,onReact:d,onReply:f,strings:e.strings,getMediaUrl:e.getMediaUrl,getMediaName:e.getMediaName,getStatusLabel:e.getStatusLabel,formatRelativeTime:e.formatRelativeTime,resources:p,renderItem:e.renderItem,renderAttachment:e.renderAttachment,renderReference:e.renderReference,emptySlot:e.emptySlot??(0,S.jsx)(C,{strings:e.strings})}),N=j?(0,S.jsx)(`div`,{children:j}):null,P=(0,S.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e.headerSlot,n===`top`&&N,M,n===`bottom`&&N,e.footerSlot]});return e.bare?P:(0,S.jsx)(b,{title:g===!1?void 0:g,description:h.subtitle||void 0,padding:`sm`,className:_(`comments--component`,e.className),children:P})}var D=e({APISurface:()=>V,CommentsExample:()=>H,CustomReferenceRendering:()=>G,EmptyStateCustomStrings:()=>W,ReadOnly:()=>U}),O=[{id:`maria`,label:`Sarah Smitha`,description:`Head of Operations`},{id:`ivana`,label:`Davida Todorova`,description:`Refunds Specialist`},{id:`stefan`,label:`Daniel Kowalski`,description:`Customer`},{id:`kris`,label:`Kris Dineva`,description:`Engineering`},{id:`jordan`,label:`Jordan Jones`,description:`Finance`}],k=[{id:`BKG-2026-0408`,label:`BKG-2026-0408`,description:`Daniel Kowalski · Apr 12 → Apr 14`},{id:`BKG-2026-0421`,label:`BKG-2026-0421`,description:`Sarah Smitha · Apr 19 → Apr 22`},{id:`BKG-2026-0510`,label:`BKG-2026-0510`,description:`Davida Todorova · May 04 → May 09`}],A=[{id:`ORD-A219`,label:`ORD-A219`,description:`€420.00 · Refund pending`},{id:`ORD-A284`,label:`ORD-A284`,description:`€88.50 · Captured`},{id:`ORD-A301`,label:`ORD-A301`,description:`€1,140.00 · Captured`}],j=[{id:`SPR-Q2-W3`,label:`Sprint Q2-W3`,description:`Refund flows`},{id:`SPR-Q2-W4`,label:`Sprint Q2-W4`,description:`Booking calendar`}],M={user:{icon:h,label:`Person`,trigger:`@`,tone:`info`,buildHref:e=>`/people/${e.id}`},booking:{icon:l,label:`Booking`,trigger:`#`,tone:`success`,buildHref:e=>`/bookings/${e.id}`},order:{icon:m,label:`Order`,trigger:`$`,tone:`warning`,buildHref:e=>`/orders/${e.id}`},sprint:{icon:p,label:`Sprint`,tone:`secondary`,buildHref:e=>`/sprints/${e.id}`}};function N(e,t){let n=t===`user`?O:t===`booking`?k:t===`order`?A:j,r=e.trim().toLowerCase();return(r.length===0?n:n.filter(e=>e.label.toLowerCase().includes(r)||(e.description??``).toLowerCase().includes(r))).slice(0,8)}async function P(e){let{file:t,onProgress:n,signal:r}=e;return new Promise((e,i)=>{let a=0,o=()=>{if(r.aborted){i(Error(`aborted`));return}if(a=Math.min(100,a+18+Math.random()*14),n(a),a>=100){e({id:`att-${Math.random().toString(36).slice(2)}`,name:t.name,size:t.size,mimeType:t.type,url:`#`});return}window.setTimeout(o,220)};window.setTimeout(o,220)})}var F={id:`BKG-2026-0408`,type:`booking`,moduleKey:`bookings`},I=Date.now(),L=e=>new Date(I-e*60*60*1e3).toISOString(),R=(e,t,n)=>({id:`${e}:${t}`,kind:e,label:n,href:`/${e}s/${t}`}),z=[{id:`1`,user:{id:`maria`,name:`Sarah Smitha`},createdAt:L(2),contentType:`html`,content:`Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn't shift.`,references:[R(`user`,`stefan`,`Daniel Kowalski`),R(`booking`,`BKG-2026-0408`,`BKG-2026-0408`)],isPinned:!0,canDelete:!0,reactions:[{emoji:`👍`,count:2,mine:!0,users:[`Davida Todorova`,`You`]}]},{id:`2`,user:{id:`ivana`,name:`Davida Todorova`},createdAt:L(1),contentType:`html`,content:`Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:ORD-A219" data-ref-kind="order">ORD-A219</span>. ETA Apr 14 per the gateway.`,references:[R(`order`,`ORD-A219`,`ORD-A219`)],attachments:[{id:`m1`,name:`refund-receipt.pdf`,url:`#`,size:184320,mimeType:`application/pdf`,status:`uploaded`}]},{id:`3`,user:{id:`stefan`,name:`Daniel Kowalski`},createdAt:L(.2),contentType:`text`,content:`Thanks for the quick turnaround. Booking #BKG-2026-0408 has been removed from the customer's active list.`,canDelete:!0}],B={resources:M,onResourceSearch:N,attachments:{onUpload:P,maxSize:8*1024*1024,maxFiles:4,accept:`.pdf,.png,.jpg,.jpeg,.txt,.csv`},onSubmit:()=>{},onDelete:()=>{},onReact:()=>{}};function V(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)(r,{type:`secondary`,children:[(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<Comments<TUser, TMeta, TResource> context comments canComment canModerate composerPosition resources attachments onSubmit onDelete onUpdate onReact onReply onPinToggle strings emptySlot composerSlot headerSlot footerSlot renderItem renderAttachment renderReference />`}),`. Wire callbacks (`,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onSubmit`}),`, `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onDelete`}),`, …), `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`resources`}),` (mentions/badges), and `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`attachments.onUpload`}),` at the call site. App-wide display defaults (composer position, max attachments) live in `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<UIProvider config={{ comments: { … } }}>`}),`.`]})})}function H(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e,canComment:!0,canModerate:!0})})})}function U(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e,canComment:!1})})})}function W(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:[],canComment:!0,strings:{title:`Internal notes`,empty:`Nothing logged yet.`,emptyHint:`Drop a note for whoever picks this thread up next.`,composerPlaceholder:`Add an internal note…`,composerSubmit:`Save note`}})})})}function G(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e.slice(0,2),canComment:!0,renderReference:e=>(0,S.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded bg-foreground/5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset ring-foreground/10`,children:[(0,S.jsx)(d,{className:`size-3`,"aria-hidden":!0}),e.label]},e.id)})})})}var K=`import {
+    Briefcase,
+    CalendarRange,
+    GitBranch,
+    Package,
+    User,
+} from 'lucide-react';
+import { useState } from 'react';
+import {
+    Comments,
+    type CommentAttachment,
+    type CommentAttachmentUploadContext,
+    type CommentData,
+    type CommentReference,
+    type CommentResourceType,
+    type CommentableContext,
+} from '@/components/features/comments';
+import { Text } from '@/components/typography';
+
+/* ------------------------------------------------------------------ */
+/*  Domain — resource catalogue                                        */
+/* ------------------------------------------------------------------ */
+
+type ResourceKind = 'user' | 'booking' | 'order' | 'sprint';
+
+const PEOPLE = [
+    { id: 'maria', label: 'Sarah Smitha', description: 'Head of Operations' },
+    { id: 'ivana', label: 'Davida Todorova', description: 'Refunds Specialist' },
+    { id: 'stefan', label: 'Daniel Kowalski', description: 'Customer' },
+    { id: 'kris', label: 'Kris Dineva', description: 'Engineering' },
+    { id: 'jordan', label: 'Jordan Jones', description: 'Finance' },
+];
+
+const BOOKINGS = [
+    { id: 'BKG-2026-0408', label: 'BKG-2026-0408', description: 'Daniel Kowalski · Apr 12 → Apr 14' },
+    { id: 'BKG-2026-0421', label: 'BKG-2026-0421', description: 'Sarah Smitha · Apr 19 → Apr 22' },
+    { id: 'BKG-2026-0510', label: 'BKG-2026-0510', description: 'Davida Todorova · May 04 → May 09' },
+];
+
+const ORDERS = [
+    { id: 'ORD-A219', label: 'ORD-A219', description: '€420.00 · Refund pending' },
+    { id: 'ORD-A284', label: 'ORD-A284', description: '€88.50 · Captured' },
+    { id: 'ORD-A301', label: 'ORD-A301', description: '€1,140.00 · Captured' },
+];
+
+const SPRINTS = [
+    { id: 'SPR-Q2-W3', label: 'Sprint Q2-W3', description: 'Refund flows' },
+    { id: 'SPR-Q2-W4', label: 'Sprint Q2-W4', description: 'Booking calendar' },
+];
+
+/**
+ * Resource registry. Each kind declares an icon, label, and trigger char
+ * (\`@\`, \`#\`, …). When the user types a trigger followed by characters,
+ * the picker auto-opens with that kind active and the typed needle as
+ * the query — results come from \`onResourceSearch\` (below).
+ *
+ * Kinds can also opt-in to per-kind \`search\` / \`suggestions\` for fully
+ * custom catalogues; here we use the global callback for everything.
+ */
+const RESOURCES: Partial<Record<ResourceKind, CommentResourceType<ResourceKind>>> = {
+    user: {
+        icon: User,
+        label: 'Person',
+        trigger: '@',
+        tone: 'info',
+        buildHref: (s) => \`/people/\${s.id}\`,
+    },
+    booking: {
+        icon: CalendarRange,
+        label: 'Booking',
+        trigger: '#',
+        tone: 'success',
+        buildHref: (s) => \`/bookings/\${s.id}\`,
+    },
+    order: {
+        icon: Package,
+        label: 'Order',
+        trigger: '$',
+        tone: 'warning',
+        buildHref: (s) => \`/orders/\${s.id}\`,
+    },
+    sprint: {
+        icon: GitBranch,
+        label: 'Sprint',
+        tone: 'secondary',
+        buildHref: (s) => \`/sprints/\${s.id}\`,
+    },
+};
+
+/**
+ * Single search callback that handles every resource kind. The composer
+ * passes both the current \`needle\` and the kind that owned the trigger
+ * char — consumers dispatch internally to whatever data source they want
+ * (REST, GraphQL, local cache, fuzzy search, …).
+ */
+function onResourceSearch(needle: string, kind: ResourceKind) {
+    const haystack: Array<{ id: string; label: string; description?: string }> =
+        kind === 'user'
+            ? PEOPLE
+            : kind === 'booking'
+              ? BOOKINGS
+              : kind === 'order'
+                ? ORDERS
+                : SPRINTS;
+    const q = needle.trim().toLowerCase();
+    const matches = q.length === 0
+        ? haystack
+        : haystack.filter(
+              (item) =>
+                  item.label.toLowerCase().includes(q) ||
+                  (item.description ?? '').toLowerCase().includes(q),
+          );
+    return matches.slice(0, 8);
+}
+
+/* ------------------------------------------------------------------ */
+/*  Mock attachment uploader                                           */
+/* ------------------------------------------------------------------ */
+
+async function mockUpload(
+    ctx: CommentAttachmentUploadContext,
+): Promise<CommentAttachment> {
+    const { file, onProgress, signal } = ctx;
+    return new Promise<CommentAttachment>((resolve, reject) => {
+        let progress = 0;
+        const tick = () => {
+            if (signal.aborted) {
+                reject(new Error('aborted'));
+                return;
+            }
+            progress = Math.min(100, progress + 18 + Math.random() * 14);
+            onProgress(progress);
+            if (progress >= 100) {
+                resolve({
+                    id: \`att-\${Math.random().toString(36).slice(2)}\`,
+                    name: file.name,
+                    size: file.size,
+                    mimeType: file.type,
+                    url: '#',
+                });
+                return;
+            }
+            window.setTimeout(tick, 220);
+        };
+        window.setTimeout(tick, 220);
+    });
+}
+
+/* ------------------------------------------------------------------ */
+/*  Mock comments                                                      */
+/* ------------------------------------------------------------------ */
+
+const CONTEXT: CommentableContext = {
+    id: 'BKG-2026-0408',
+    type: 'booking',
+    moduleKey: 'bookings',
+};
+
+const NOW = Date.now();
+const HOURS = (n: number) => new Date(NOW - n * 60 * 60 * 1000).toISOString();
+
+const REF = (
+    kind: ResourceKind,
+    id: string,
+    label: string,
+): CommentReference<ResourceKind> => ({
+    id: \`\${kind}:\${id}\`,
+    kind,
+    label,
+    href: \`/\${kind}s/\${id}\`,
+});
+
+const INITIAL_COMMENTS: CommentData<
+    { id: string; name: string; avatar?: string },
+    unknown,
+    ResourceKind
+>[] = [
+    {
+        id: '1',
+        user: { id: 'maria', name: 'Sarah Smitha' },
+        createdAt: HOURS(2),
+        contentType: 'html',
+        content:
+            'Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn\\'t shift.',
+        references: [
+            REF('user', 'stefan', 'Daniel Kowalski'),
+            REF('booking', 'BKG-2026-0408', 'BKG-2026-0408'),
+        ],
+        isPinned: true,
+        canDelete: true,
+        reactions: [
+            { emoji: '👍', count: 2, mine: true, users: ['Davida Todorova', 'You'] },
+        ],
+    },
+    {
+        id: '2',
+        user: { id: 'ivana', name: 'Davida Todorova' },
+        createdAt: HOURS(1),
+        contentType: 'html',
+        content:
+            'Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:ORD-A219" data-ref-kind="order">ORD-A219</span>. ETA Apr 14 per the gateway.',
+        references: [REF('order', 'ORD-A219', 'ORD-A219')],
+        attachments: [
+            {
+                id: 'm1',
+                name: 'refund-receipt.pdf',
+                url: '#',
+                size: 184_320,
+                mimeType: 'application/pdf',
+                status: 'uploaded',
+            },
+        ],
+    },
+    {
+        id: '3',
+        user: { id: 'stefan', name: 'Daniel Kowalski' },
+        createdAt: HOURS(0.2),
+        contentType: 'text',
+        content:
+            'Thanks for the quick turnaround. Booking #BKG-2026-0408 has been removed from the customer\\'s active list.',
+        canDelete: true,
+    },
+];
+
+/* ------------------------------------------------------------------ */
+/*  Shared per-mount wiring                                            */
+/* ------------------------------------------------------------------ */
+
+const commonProps = {
+	resources: RESOURCES,
+	onResourceSearch,
+	attachments: {
+		onUpload: mockUpload,
+		maxSize: 8 * 1024 * 1024,
+		maxFiles: 4,
+		accept: '.pdf,.png,.jpg,.jpeg,.txt,.csv',
+	},
+	onSubmit: () => {},
+	onDelete: () => {},
+	onReact: () => {},
+};
+
+/* ------------------------------------------------------------------ */
+/*  Page                                                                */
+/* ------------------------------------------------------------------ */
+
+export function APISurface() {
+	return (
+		<>
+			<Text type="secondary">
+			                    <code className="rounded bg-muted px-1 py-0.5 text-xs">
+			                        {'<Comments<TUser, TMeta, TResource> context comments canComment canModerate composerPosition resources attachments onSubmit onDelete onUpdate onReact onReply onPinToggle strings emptySlot composerSlot headerSlot footerSlot renderItem renderAttachment renderReference />'}
+			                    </code>
+			                    . Wire callbacks (<code className="rounded bg-muted px-1 py-0.5 text-xs">onSubmit</code>, <code className="rounded bg-muted px-1 py-0.5 text-xs">onDelete</code>, …), <code className="rounded bg-muted px-1 py-0.5 text-xs">resources</code> (mentions/badges), and <code className="rounded bg-muted px-1 py-0.5 text-xs">attachments.onUpload</code> at the call site. App-wide display defaults (composer position, max attachments) live in <code className="rounded bg-muted px-1 py-0.5 text-xs">{'<UIProvider config={{ comments: { … } }}>'}</code>.
+			                </Text>
+		</>
+	);
+}
+
+export function CommentsExample() {
+	const [comments] = useState<
+	        CommentData<
+	            { id: string; name: string; avatar?: string },
+	            unknown,
+	            ResourceKind
+	        >[]
+	    >(INITIAL_COMMENTS);
+	return (
+		<>
+			<div className="w-full max-w-3xl">
+				<Comments
+			                    {...commonProps}
+			                    context={CONTEXT}
+			                    comments={comments}
+			                    canComment
+			                    canModerate
+			                />
+			</div>
+		</>
+	);
+}
+
+export function ReadOnly() {
+	const [comments] = useState<
+	        CommentData<
+	            { id: string; name: string; avatar?: string },
+	            unknown,
+	            ResourceKind
+	        >[]
+	    >(INITIAL_COMMENTS);
+	return (
+		<>
+			<div className="w-full max-w-3xl">
+				<Comments
+			                    {...commonProps}
+			                    context={CONTEXT}
+			                    comments={comments}
+			                    canComment={false}
+			                />
+			</div>
+		</>
+	);
+}
+
+export function EmptyStateCustomStrings() {
+	return (
+		<>
+			<div className="w-full max-w-3xl">
+				<Comments
+			                    {...commonProps}
+			                    context={CONTEXT}
+			                    comments={[]}
+			                    canComment
+			                    strings={{
+			                        title: 'Internal notes',
+			                        empty: 'Nothing logged yet.',
+			                        emptyHint: 'Drop a note for whoever picks this thread up next.',
+			                        composerPlaceholder: 'Add an internal note…',
+			                        composerSubmit: 'Save note',
+			                    }}
+			                />
+			</div>
+		</>
+	);
+}
+
+export function CustomReferenceRendering() {
+	const [comments] = useState<
+	        CommentData<
+	            { id: string; name: string; avatar?: string },
+	            unknown,
+	            ResourceKind
+	        >[]
+	    >(INITIAL_COMMENTS);
+	return (
+		<>
+			<div className="w-full max-w-3xl">
+				<Comments
+			                    {...commonProps}
+			                    context={CONTEXT}
+			                    comments={comments.slice(0, 2)}
+			                    canComment
+			                    renderReference={(ref) => (
+			                        <span
+			                            key={ref.id}
+			                            className="inline-flex items-center gap-1 rounded bg-foreground/5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset ring-foreground/10"
+			                        >
+			                            <Briefcase className="size-3" aria-hidden />
+			                            {ref.label}
+			                        </span>
+			                    )}
+			                />
+			</div>
+		</>
+	);
+}
+`;function q(e){let t={h4:`h4`,...e.components};return D||Y(`Examples`,!1),V||Y(`Examples.APISurface`,!0),H||Y(`Examples.CommentsExample`,!0),G||Y(`Examples.CustomReferenceRendering`,!0),W||Y(`Examples.EmptyStateCustomStrings`,!0),U||Y(`Examples.ReadOnly`,!0),(0,S.jsxs)(a,{title:`Features · Comments`,description:`Generic, framework-agnostic comments with rich-text composer (TipTap-backed), inline resource references (mentions, links, badges), attachment uploads with progress, and reactions. Every callback / registry flows as a direct prop — no provider.`,layer:`features`,status:`ready`,children:[(0,S.jsx)(o,{title:`Thread`,id:`thread`,children:(0,S.jsx)(s,{name:`CommentsExample`,source:K,children:(0,S.jsx)(H,{})})}),(0,S.jsxs)(o,{title:`States`,id:`states`,children:[(0,S.jsx)(s,{name:`ReadOnly`,source:K,children:(0,S.jsx)(U,{})}),(0,S.jsx)(s,{name:`EmptyStateCustomStrings`,source:K,children:(0,S.jsx)(W,{})})]}),(0,S.jsx)(o,{title:`Customization`,id:`customization`,children:(0,S.jsx)(s,{name:`CustomReferenceRendering`,source:K,children:(0,S.jsx)(G,{})})}),(0,S.jsx)(o,{title:`API surface`,id:`api-surface`,children:(0,S.jsx)(s,{name:`APISurface`,source:K,children:(0,S.jsx)(V,{})})}),(0,S.jsxs)(o,{title:`API`,id:`api`,children:[(0,S.jsx)(t.h4,{children:`Comments`}),(0,S.jsx)(y,{component:`Comments`})]})]})}function J(e={}){let{wrapper:t}=e.components||{};return t?(0,S.jsx)(t,{...e,children:(0,S.jsx)(q,{...e})}):q(e)}function Y(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{J as default};