admin-ui-starter-kit 0.1.0

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

@@ -0,0 +1 @@
+import"./chunk-CilyBKbf.js";import{vr as e}from"./example-DPfw-R7_.js";import{a as t,k as n}from"./index-B-Z7p0So.js";import{a as r,n as i,o as a,r as o,t as s}from"./command-DZqmBolX.js";n();var c=t();function l({className:t,...n}){return(0,c.jsx)(s,{className:e(`command--component`,`rounded-md! p-0 bg-transparent`,t),...n})}function u({className:t,...n}){return(0,c.jsx)(a,{className:e(`max-h-72 px-1 py-1`,t),...n})}function d({className:t,...n}){return(0,c.jsx)(o,{className:e(`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`,t),...n})}function f({className:t,...n}){return(0,c.jsx)(r,{className:e(`px-2 py-(--row-py) gap-2 rounded-md text-[length:var(--text-xs)]`,t),...n})}function p({className:t,...n}){return(0,c.jsx)(i,{className:e(`py-4 text-center text-[length:var(--text-xs)] text-muted-foreground`,t),...n})}export{u as a,f as i,p as n,d as r,l as t};

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

@@ -0,0 +1,45 @@
+import{r as e}from"./chunk-CilyBKbf.js";import{Cr as t,fr as n,mr as r,pr as i,vr as a}from"./example-DPfw-R7_.js";import{O as o,a as s,k as c,n as l}from"./index-B-Z7p0So.js";import{n as u,t as d}from"./input-group-B_E_3EGS.js";var f=e(c(),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=s();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(o(),1),ce=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let r=n(`Primitive.${t}`),i=f.forwardRef((e,n)=>{let{asChild:i,...a}=e,o=i?r:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,k.jsx)(o,{...a,ref:n})});return i.displayName=`Primitive.${t}`,{...e,[t]:i}},{});function le(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 ue(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 de=`DismissableLayer`,fe=`dismissableLayer.update`,pe=`dismissableLayer.pointerDownOutside`,me=`dismissableLayer.focusOutside`,he,ge=f.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),_e=f.forwardRef((e,t)=>{let{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:i,onPointerDownOutside:a,onFocusOutside:o,onInteractOutside:s,onDismiss:c,...l}=e,u=f.useContext(ge),[d,p]=f.useState(null),m=d?.ownerDocument??globalThis?.document,[,h]=f.useState({}),g=r(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=be(e=>{let t=e.target,n=[...u.branches].some(e=>e.contains(t));!S||n||(a?.(e),s?.(e),e.defaultPrevented||c?.())},m),w=xe(e=>{let t=e.target;[...u.branches].some(e=>e.contains(t))||(o?.(e),s?.(e),e.defaultPrevented||c?.())},m);return ue(e=>{b===u.layers.size-1&&(i?.(e),!e.defaultPrevented&&c&&(e.preventDefault(),c()))},m),f.useEffect(()=>{if(d)return n&&(u.layersWithOutsidePointerEventsDisabled.size===0&&(he=m.body.style.pointerEvents,m.body.style.pointerEvents=`none`),u.layersWithOutsidePointerEventsDisabled.add(d)),u.layers.add(d),Se(),()=>{n&&u.layersWithOutsidePointerEventsDisabled.size===1&&(m.body.style.pointerEvents=he)}},[d,m,n,u]),f.useEffect(()=>()=>{d&&(u.layers.delete(d),u.layersWithOutsidePointerEventsDisabled.delete(d),Se())},[d,u]),f.useEffect(()=>{let e=()=>h({});return document.addEventListener(fe,e),()=>document.removeEventListener(fe,e)},[]),(0,k.jsx)(ce.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)})});_e.displayName=de;var ve=`DismissableLayerBranch`,ye=f.forwardRef((e,t)=>{let n=f.useContext(ge),i=f.useRef(null),a=r(t,i);return f.useEffect(()=>{let e=i.current;if(e)return n.branches.add(e),()=>{n.branches.delete(e)}},[n.branches]),(0,k.jsx)(ce.div,{...e,ref:a})});ye.displayName=ve;function be(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(){Ce(pe,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 xe(e,t=globalThis?.document){let n=P(e),r=f.useRef(!1);return f.useEffect(()=>{let e=e=>{e.target&&!r.current&&Ce(me,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 Se(){let e=new CustomEvent(fe);document.dispatchEvent(e)}function Ce(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?le(i,a):i.dispatchEvent(a)}var we=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let r=n(`Primitive.${t}`),i=f.forwardRef((e,n)=>{let{asChild:i,...a}=e,o=i?r:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,k.jsx)(o,{...a,ref:n})});return i.displayName=`Primitive.${t}`,{...e,[t]:i}},{}),Te=`focusScope.autoFocusOnMount`,Ee=`focusScope.autoFocusOnUnmount`,De={bubbles:!1,cancelable:!0},Oe=`FocusScope`,ke=f.forwardRef((e,t)=>{let{loop:n=!1,trapped:i=!1,onMountAutoFocus:a,onUnmountAutoFocus:o,...s}=e,[c,l]=f.useState(null),u=P(a),d=P(o),p=f.useRef(null),m=r(t,e=>l(e)),h=f.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;f.useEffect(()=>{if(i){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()}}},[i,c,h.paused]),f.useEffect(()=>{if(c){Ie.add(h);let e=document.activeElement;if(!c.contains(e)){let t=new CustomEvent(Te,De);c.addEventListener(Te,u),c.dispatchEvent(t),t.defaultPrevented||(Ae(ze(Me(c)),{select:!0}),document.activeElement===e&&F(c))}return()=>{c.removeEventListener(Te,u),setTimeout(()=>{let t=new CustomEvent(Ee,De);c.addEventListener(Ee,d),c.dispatchEvent(t),t.defaultPrevented||F(e??document.body,{select:!0}),c.removeEventListener(Ee,d),Ie.remove(h)},0)}}},[c,u,d,h]);let g=f.useCallback(e=>{if(!n&&!i||h.paused)return;let t=e.key===`Tab`&&!e.altKey&&!e.ctrlKey&&!e.metaKey,r=document.activeElement;if(t&&r){let t=e.currentTarget,[i,a]=je(t);i&&a?!e.shiftKey&&r===a?(e.preventDefault(),n&&F(i,{select:!0})):e.shiftKey&&r===i&&(e.preventDefault(),n&&F(a,{select:!0})):r===t&&e.preventDefault()}},[n,i,h.paused]);return(0,k.jsx)(we.div,{tabIndex:-1,...s,ref:m,onKeyDown:g})});ke.displayName=Oe;function Ae(e,{select:t=!1}={}){let n=document.activeElement;for(let r of e)if(F(r,{select:t}),document.activeElement!==n)return}function je(e){let t=Me(e);return[Ne(t,e),Ne(t.reverse(),e)]}function Me(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 Ne(e,t){for(let n of e)if(!Pe(n,{upTo:t}))return n}function Pe(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 Fe(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&&Fe(e)&&t&&e.select()}}var Ie=Le();function Le(){let e=[];return{add(t){let n=e[0];t!==n&&n?.pause(),e=Re(e,t),e.unshift(t)},remove(t){e=Re(e,t),e[0]?.resume()}}}function Re(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`)}var Be=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let r=n(`Primitive.${t}`),i=f.forwardRef((e,n)=>{let{asChild:i,...a}=e,o=i?r:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,k.jsx)(o,{...a,ref:n})});return i.displayName=`Primitive.${t}`,{...e,[t]:i}},{}),Ve=`Portal`,He=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)(Be.div,{...r,ref:t}),o):null});He.displayName=Ve;function Ue(e,t){return f.useReducer((e,n)=>t[e][n]??e,e)}var We=e=>{let{present:t,children:n}=e,i=Ge(t),a=typeof n==`function`?n({present:i.isPresent}):f.Children.only(n),o=r(i.ref,qe(a));return typeof n==`function`||i.isPresent?f.cloneElement(a,{ref:o}):null};We.displayName=`Presence`;function Ge(e){let[t,n]=f.useState(),r=f.useRef(null),i=f.useRef(e),a=f.useRef(`none`),[o,s]=Ue(e?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}});return f.useEffect(()=>{let e=Ke(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=Ke(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=Ke(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=Ke(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 Ke(e){return e?.animationName||`none`}function qe(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 r=n(`Primitive.${t}`),i=f.forwardRef((e,n)=>{let{asChild:i,...a}=e,o=i?r:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,k.jsx)(o,{...a,ref:n})});return i.displayName=`Primitive.${t}`,{...e,[t]:i}},{}),Je=0;function Ye(){f.useEffect(()=>{let e=document.querySelectorAll(`[data-radix-focus-guard]`);return document.body.insertAdjacentElement(`afterbegin`,e[0]??Xe()),document.body.insertAdjacentElement(`beforeend`,e[1]??Xe()),Je++,()=>{Je===1&&document.querySelectorAll(`[data-radix-focus-guard]`).forEach(e=>e.remove()),Je--}},[])}function Xe(){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 Ze(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 Qe(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 R=`right-scroll-bar-position`,$e=`width-before-scroll-bar`,et=`with-scroll-bars-hidden`,tt=`--removed-body-scroll-bar-size`;function nt(e,t){return typeof e==`function`?e(t):e&&(e.current=t),e}function rt(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 it=typeof window<`u`?f.useLayoutEffect:f.useEffect,at=new WeakMap;function ot(e,t){var n=rt(t||null,function(t){return e.forEach(function(e){return nt(e,t)})});return it(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)||nt(e,null)}),i.forEach(function(e){r.has(e)||nt(e,a)})}at.set(n,e)},[e]),n}function st(e){return e}function ct(e,t){t===void 0&&(t=st);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 lt(e){e===void 0&&(e={});var t=ct(null);return t.options=L({async:!0,ssr:!1},e),t}var ut=function(e){var t=e.sideCar,n=Ze(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))};ut.isSideCarExport=!0;function dt(e,t){return e.useMedium(t),ut}var ft=lt(),pt=function(){},mt=f.forwardRef(function(e,t){var n=f.useRef(null),r=f.useState({onScrollCapture:pt,onWheelCapture:pt,onTouchMoveCapture:pt}),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=Ze(e,[`forwardProps`,`children`,`className`,`removeScrollBar`,`enabled`,`shards`,`sideCar`,`noRelative`,`noIsolation`,`inert`,`allowPinchZoom`,`as`,`gapMode`]),S=p,C=ot([n,t]),w=L(L({},x),i);return f.createElement(f.Fragment,null,u&&f.createElement(S,{sideCar:ft,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))});mt.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},mt.classNames={fullWidth:$e,zeroRight:R};var ht,gt=function(){if(ht)return ht;if(typeof __webpack_nonce__<`u`)return __webpack_nonce__};function _t(){if(!document)return null;var e=document.createElement(`style`);e.type=`text/css`;var t=gt();return t&&e.setAttribute(`nonce`,t),e}function vt(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function yt(e){(document.head||document.getElementsByTagName(`head`)[0]).appendChild(e)}var bt=function(){var e=0,t=null;return{add:function(n){e==0&&(t=_t())&&(vt(t,n),yt(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},xt=function(){var e=bt();return function(t,n){f.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},St=function(){var e=xt();return function(t){var n=t.styles,r=t.dynamic;return e(n,r),null}},Ct={left:0,top:0,right:0,gap:0},wt=function(e){return parseInt(e||``,10)||0},Tt=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[wt(n),wt(r),wt(i)]},Et=function(e){if(e===void 0&&(e=`margin`),typeof window>`u`)return Ct;var t=Tt(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])}},Dt=St(),z=`data-scroll-locked`,Ot=function(e,t,n,r){var i=e.left,a=e.top,o=e.right,s=e.gap;return n===void 0&&(n=`margin`),`
+  .${et} {
+   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(``)}
+  }
+  
+  .${R} {
+    right: ${s}px ${r};
+  }
+  
+  .${$e} {
+    margin-right: ${s}px ${r};
+  }
+  
+  .${R} .${R} {
+    right: 0 ${r};
+  }
+  
+  .${$e} .${$e} {
+    margin-right: 0 ${r};
+  }
+  
+  body[${z}] {
+    ${tt}: ${s}px;
+  }
+`},kt=function(){var e=parseInt(document.body.getAttribute(`data-scroll-locked`)||`0`,10);return isFinite(e)?e:0},At=function(){f.useEffect(function(){return document.body.setAttribute(z,(kt()+1).toString()),function(){var e=kt()-1;e<=0?document.body.removeAttribute(z):document.body.setAttribute(z,e.toString())}},[])},jt=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,i=r===void 0?`margin`:r;At();var a=f.useMemo(function(){return Et(i)},[i]);return f.createElement(Dt,{styles:Ot(a,!t,i,n?``:`!important`)})},Mt=!1;if(typeof window<`u`)try{var Nt=Object.defineProperty({},`passive`,{get:function(){return Mt=!0,!0}});window.addEventListener(`test`,Nt,Nt),window.removeEventListener(`test`,Nt,Nt)}catch{Mt=!1}var B=Mt?{passive:!1}:!1,Pt=function(e){return e.tagName===`TEXTAREA`},Ft=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!==`hidden`&&!(n.overflowY===n.overflowX&&!Pt(e)&&n[t]===`visible`)},It=function(e){return Ft(e,`overflowY`)},Lt=function(e){return Ft(e,`overflowX`)},Rt=function(e,t){var n=t.ownerDocument,r=t;do{if(typeof ShadowRoot<`u`&&r instanceof ShadowRoot&&(r=r.host),Vt(e,r)){var i=Ht(e,r);if(i[1]>i[2])return!0}r=r.parentNode}while(r&&r!==n.body);return!1},zt=function(e){return[e.scrollTop,e.scrollHeight,e.clientHeight]},Bt=function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]},Vt=function(e,t){return e===`v`?It(t):Lt(t)},Ht=function(e,t){return e===`v`?zt(t):Bt(t)},Ut=function(e,t){return e===`h`&&t===`rtl`?-1:1},Wt=function(e,t,n,r,i){var a=Ut(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=Ht(e,s),m=p[0],h=p[1]-p[2]-a*m;(m||h)&&Vt(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},Gt=function(e){return`changedTouches`in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Kt=function(e){return[e.deltaX,e.deltaY]},qt=function(e){return e&&`current`in e?e.current:e},Jt=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Yt=function(e){return`
+  .block-interactivity-${e} {pointer-events: none;}
+  .allow-interactivity-${e} {pointer-events: all;}
+`},Xt=0,V=[];function Zt(e){var t=f.useRef([]),n=f.useRef([0,0]),r=f.useRef(),i=f.useState(Xt++)[0],a=f.useState(St)[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=Qe([e.lockRef.current],(e.shards||[]).map(qt),!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=Gt(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=Rt(d,u);if(!m)return!0;if(m?l=d:(l=d===`v`?`h`:`v`,m=Rt(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 Wt(h,t,e,h===`h`?s:c,!0)},[]),c=f.useCallback(function(e){var n=e;if(!(!V.length||V[V.length-1]!==a)){var r=`deltaY`in n?Kt(n):Gt(n),i=t.current.filter(function(e){return e.name===n.type&&(e.target===n.target||n.target===e.shadowParent)&&Jt(e.delta,r)})[0];if(i&&i.should){n.cancelable&&n.preventDefault();return}if(!i){var c=(o.current.shards||[]).map(qt).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:Qt(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=Gt(e),r.current=void 0},[]),d=f.useCallback(function(t){l(t.type,Kt(t),t.target,s(t,e.lockRef.current))},[]),p=f.useCallback(function(t){l(t.type,Gt(t),t.target,s(t,e.lockRef.current))},[]);f.useEffect(function(){return V.push(a),e.setCallbacks({onScrollCapture:d,onWheelCapture:d,onTouchMoveCapture:p}),document.addEventListener(`wheel`,c,B),document.addEventListener(`touchmove`,c,B),document.addEventListener(`touchstart`,u,B),function(){V=V.filter(function(e){return e!==a}),document.removeEventListener(`wheel`,c,B),document.removeEventListener(`touchmove`,c,B),document.removeEventListener(`touchstart`,u,B)}},[]);var m=e.removeScrollBar,h=e.inert;return f.createElement(f.Fragment,null,h?f.createElement(a,{styles:Yt(i)}):null,m?f.createElement(jt,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function Qt(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}var $t=dt(ft,Zt),en=f.forwardRef(function(e,t){return f.createElement(mt,L({},e,{ref:t,sideCar:$t}))});en.classNames=mt.classNames;var tn=function(e){return typeof document>`u`?null:(Array.isArray(e)?e[0]:e).ownerDocument.body},H=new WeakMap,nn=new WeakMap,rn={},an=0,on=function(e){return e&&(e.host||on(e.parentNode))},sn=function(e,t){return t.map(function(t){if(e.contains(t))return t;var n=on(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})},cn=function(e,t,n,r){var i=sn(t,Array.isArray(e)?e:[e]);rn[n]||(rn[n]=new WeakMap);var a=rn[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=(H.get(e)||0)+1,l=(a.get(e)||0)+1;H.set(e,c),a.set(e,l),o.push(e),c===1&&i&&nn.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(),an++,function(){o.forEach(function(e){var t=H.get(e)-1,i=a.get(e)-1;H.set(e,t),a.set(e,i),t||(nn.has(e)||e.removeAttribute(r),nn.delete(e)),i||e.removeAttribute(n)}),an--,an||(H=new WeakMap,H=new WeakMap,nn=new WeakMap,rn={})}},ln=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`))),cn(r,i,n,`aria-hidden`)):function(){return null}},un=`Dialog`,[dn,fn]=A(un),[pn,U]=dn(un),mn=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:un});return(0,k.jsx)(pn,{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})};mn.displayName=un;var hn=`DialogTrigger`,gn=f.forwardRef((e,t)=>{let{__scopeDialog:n,...i}=e,a=U(hn,n),o=r(t,a.triggerRef);return(0,k.jsx)(I.button,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":a.open,"aria-controls":a.contentId,"data-state":Fn(a.open),...i,ref:o,onClick:O(e.onClick,a.onOpenToggle)})});gn.displayName=hn;var _n=`DialogPortal`,[vn,yn]=dn(_n,{forceMount:void 0}),bn=e=>{let{__scopeDialog:t,forceMount:n,children:r,container:i}=e,a=U(_n,t);return(0,k.jsx)(vn,{scope:t,forceMount:n,children:f.Children.map(r,e=>(0,k.jsx)(We,{present:n||a.open,children:(0,k.jsx)(He,{asChild:!0,container:i,children:e})}))})};bn.displayName=_n;var xn=`DialogOverlay`,Sn=f.forwardRef((e,t)=>{let n=yn(xn,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,a=U(xn,e.__scopeDialog);return a.modal?(0,k.jsx)(We,{present:r||a.open,children:(0,k.jsx)(wn,{...i,ref:t})}):null});Sn.displayName=xn;var Cn=n(`DialogOverlay.RemoveScroll`),wn=f.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=U(xn,n);return(0,k.jsx)(en,{as:Cn,allowPinchZoom:!0,shards:[i.contentRef],children:(0,k.jsx)(I.div,{"data-state":Fn(i.open),...r,ref:t,style:{pointerEvents:`auto`,...r.style}})})}),W=`DialogContent`,Tn=f.forwardRef((e,t)=>{let n=yn(W,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,a=U(W,e.__scopeDialog);return(0,k.jsx)(We,{present:r||a.open,children:a.modal?(0,k.jsx)(En,{...i,ref:t}):(0,k.jsx)(Dn,{...i,ref:t})})});Tn.displayName=W;var En=f.forwardRef((e,t)=>{let n=U(W,e.__scopeDialog),i=f.useRef(null),a=r(t,n.contentRef,i);return f.useEffect(()=>{let e=i.current;if(e)return ln(e)},[]),(0,k.jsx)(On,{...e,ref:a,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())})}),Dn=f.forwardRef((e,t)=>{let n=U(W,e.__scopeDialog),r=f.useRef(!1),i=f.useRef(!1);return(0,k.jsx)(On,{...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()}})}),On=f.forwardRef((e,t)=>{let{__scopeDialog:n,trapFocus:i,onOpenAutoFocus:a,onCloseAutoFocus:o,...s}=e,c=U(W,n),l=f.useRef(null),u=r(t,l);return Ye(),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(ke,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:a,onUnmountAutoFocus:o,children:(0,k.jsx)(_e,{role:`dialog`,id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":Fn(c.open),...s,ref:u,onDismiss:()=>c.onOpenChange(!1)})}),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(zn,{titleId:c.titleId}),(0,k.jsx)(Vn,{contentRef:l,descriptionId:c.descriptionId})]})]})}),kn=`DialogTitle`,An=f.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=U(kn,n);return(0,k.jsx)(I.h2,{id:i.titleId,...r,ref:t})});An.displayName=kn;var jn=`DialogDescription`,Mn=f.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=U(jn,n);return(0,k.jsx)(I.p,{id:i.descriptionId,...r,ref:t})});Mn.displayName=jn;var Nn=`DialogClose`,Pn=f.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=U(Nn,n);return(0,k.jsx)(I.button,{type:`button`,...r,ref:t,onClick:O(e.onClick,()=>i.onOpenChange(!1))})});Pn.displayName=Nn;function Fn(e){return e?`open`:`closed`}var In=`DialogTitleWarning`,[Ln,Rn]=ee(In,{contentName:W,titleName:kn,docsSlug:`dialog`}),zn=({titleId:e})=>{let t=Rn(In),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},Bn=`DialogDescriptionWarning`,Vn=({contentRef:e,descriptionId:t})=>{let n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Rn(Bn).contentName}}.`;return f.useEffect(()=>{let r=e.current?.getAttribute(`aria-describedby`);t&&r&&(document.getElementById(t)||console.warn(n))},[n,e,t]),null},Hn=mn,Un=bn,Wn=Sn,Gn=Tn,Kn=Symbol.for(`react.lazy`),qn=f.use;function Jn(e){return typeof e==`object`&&!!e&&`then`in e}function Yn(e){return typeof e==`object`&&!!e&&`$$typeof`in e&&e.$$typeof===Kn&&`_payload`in e&&Jn(e._payload)}function Xn(e){let t=Zn(e),n=f.forwardRef((e,n)=>{let{children:r,...i}=e;Yn(r)&&typeof qn==`function`&&(r=qn(r._payload));let a=f.Children.toArray(r),o=a.find($n);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 Zn(e){let t=f.forwardRef((e,t)=>{let{children:n,...r}=e;if(Yn(n)&&typeof qn==`function`&&(n=qn(n._payload)),f.isValidElement(n)){let e=tr(n),a=er(r,n.props);return n.type!==f.Fragment&&(a.ref=t?i(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 Qn=Symbol(`radix.slottable`);function $n(e){return f.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===Qn}function er(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 tr(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 G=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=Xn(`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}},{}),K=`[cmdk-group=""]`,nr=`[cmdk-group-items=""]`,rr=`[cmdk-group-heading=""]`,ir=`[cmdk-item=""]`,ar=`${ir}:not([aria-disabled="true"])`,or=`cmdk-item-select`,q=`data-value`,sr=(e,t,n)=>D(e,t,n),cr=f.createContext(void 0),J=()=>f.useContext(cr),lr=f.createContext(void 0),ur=()=>f.useContext(lr),dr=f.createContext(void 0),fr=f.forwardRef((e,t)=>{let n=Z(()=>({search:``,value:e.value??e.defaultValue??``,selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}})),r=Z(()=>new Set),i=Z(()=>new Map),a=Z(()=>new Map),o=Z(()=>new Set),s=Cr(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=Tr();X(()=>{if(u!==void 0){let e=u.trim();n.current.value=e,w.emit()}},[u]),X(()=>{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??sr;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(nr);t?t.appendChild(e.parentElement===t?e:e.closest(`${nr} > *`)):r.appendChild(e.parentElement===r?e:e.closest(`${nr} > *`))}),t.sort((e,t)=>t[1]-e[1]).forEach(e=>{let t=S.current?.querySelector(`${K}[${q}="${encodeURIComponent(e[0])}"]`);t?.parentElement.appendChild(t)})}function O(){let e=j().find(e=>e.getAttribute(`aria-disabled`)!==`true`)?.getAttribute(q);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(K)?.querySelector(rr))==null||e.scrollIntoView({block:`nearest`})),t.scrollIntoView({block:`nearest`}))}function A(){return S.current?.querySelector(`${ir}[aria-selected="true"]`)}function j(){return Array.from(S.current?.querySelectorAll(ar)||[])}function M(e){let t=j()[e];t&&w.setState(`value`,t.getAttribute(q))}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(q))}function ne(e){let t=A()?.closest(K),n;for(;t&&!n;)t=e>0?xr(t,K):Sr(t,K),n=t?.querySelector(ar);n?w.setState(`value`,n.getAttribute(q)):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(G.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(or);t.dispatchEvent(e)}}}}},f.createElement(`label`,{"cmdk-label":``,htmlFor:T.inputId,id:T.labelId,style:Dr},c),$(e,e=>f.createElement(lr.Provider,{value:w},f.createElement(cr.Provider,{value:T},e))))}),pr=f.forwardRef((e,t)=>{let n=N(),r=f.useRef(null),a=f.useContext(dr),o=J(),s=Cr(e),c=s.current?.forceMount??a?.forceMount;X(()=>{if(!c)return o.item(n,a?.id)},[c]);let l=wr(n,r,[e.value,e.children,r],e.keywords),u=ur(),d=Q(e=>e.value&&e.value===l.current),p=Q(e=>c||o.filter()===!1?!0:e.search?e.filtered.items.get(n)>0:!0);f.useEffect(()=>{let t=r.current;if(!(!t||e.disabled))return t.addEventListener(or,m),()=>t.removeEventListener(or,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(G.div,{ref:i(r,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)}),mr=f.forwardRef((e,t)=>{let{heading:n,children:r,forceMount:a,...o}=e,s=N(),c=f.useRef(null),l=f.useRef(null),u=N(),d=J(),p=Q(e=>a||d.filter()===!1?!0:e.search?e.filtered.groups.has(s):!0);X(()=>d.group(s),[]),wr(s,c,[e.value,e.heading,l]);let m=f.useMemo(()=>({id:s,forceMount:a}),[a]);return f.createElement(G.div,{ref:i(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),$(e,e=>f.createElement(`div`,{"cmdk-group-items":``,role:`group`,"aria-labelledby":n?u:void 0},f.createElement(dr.Provider,{value:m},e))))}),hr=f.forwardRef((e,t)=>{let{alwaysRender:n,...r}=e,a=f.useRef(null),o=Q(e=>!e.search);return!n&&!o?null:f.createElement(G.div,{ref:i(a,t),...r,"cmdk-separator":``,role:`separator`})}),gr=f.forwardRef((e,t)=>{let{onValueChange:n,...r}=e,i=e.value!=null,a=ur(),o=Q(e=>e.search),s=Q(e=>e.selectedItemId),c=J();return f.useEffect(()=>{e.value!=null&&a.setState(`search`,e.value)},[e.value]),f.createElement(G.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)}})}),_r=f.forwardRef((e,t)=>{let{children:n,label:r=`Suggestions`,...a}=e,o=f.useRef(null),s=f.useRef(null),c=Q(e=>e.selectedItemId),l=J();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(G.div,{ref:i(o,t),...a,"cmdk-list":``,role:`listbox`,tabIndex:-1,"aria-activedescendant":c,"aria-label":r,id:l.listId},$(e,e=>f.createElement(`div`,{ref:i(s,l.listInnerRef),"cmdk-list-sizer":``},e)))}),vr=f.forwardRef((e,t)=>{let{open:n,onOpenChange:r,overlayClassName:i,contentClassName:a,container:o,...s}=e;return f.createElement(Hn,{open:n,onOpenChange:r},f.createElement(Un,{container:o},f.createElement(Wn,{"cmdk-overlay":``,className:i}),f.createElement(Gn,{"aria-label":e.label,"cmdk-dialog":``,className:a},f.createElement(fr,{ref:t,...s}))))}),yr=f.forwardRef((e,t)=>Q(e=>e.filtered.count===0)?f.createElement(G.div,{ref:t,...e,"cmdk-empty":``,role:`presentation`}):null),br=f.forwardRef((e,t)=>{let{progress:n,children:r,label:i=`Loading...`,...a}=e;return f.createElement(G.div,{ref:t,...a,"cmdk-loading":``,role:`progressbar`,"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":i},$(e,e=>f.createElement(`div`,{"aria-hidden":!0},e)))}),Y=Object.assign(fr,{List:_r,Item:pr,Input:gr,Group:mr,Separator:hr,Dialog:vr,Empty:yr,Loading:br});function xr(e,t){let n=e.nextElementSibling;for(;n;){if(n.matches(t))return n;n=n.nextElementSibling}}function Sr(e,t){let n=e.previousElementSibling;for(;n;){if(n.matches(t))return n;n=n.previousElementSibling}}function Cr(e){let t=f.useRef(e);return X(()=>{t.current=e}),t}var X=typeof window>`u`?f.useEffect:f.useLayoutEffect;function Z(e){let t=f.useRef();return t.current===void 0&&(t.current=e()),t}function Q(e){let t=ur(),n=()=>e(t.snapshot());return f.useSyncExternalStore(t.subscribe,n,n)}function wr(e,t,n,r=[]){let i=f.useRef(),a=J();return X(()=>{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(q,s),i.current=s}),i}var Tr=()=>{let[e,t]=f.useState(),n=Z(()=>new Map);return X(()=>{n.current.forEach(e=>e()),n.current=new Map},[e]),(e,r)=>{n.current.set(e,r),t({})}};function Er(e){let t=e.type;return typeof t==`function`?t(e.props):`render`in t?t.render(e.props):e}function $({asChild:e,children:t},n){return e&&f.isValidElement(t)?f.cloneElement(Er(t),{ref:t.ref},n(t.props.children)):n(t)}var Dr={position:`absolute`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,borderWidth:`0`};function Or({className:e,...t}){return(0,k.jsx)(Y,{"data-slot":`command`,className:a(`bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden`,e),...t})}function kr({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)(Y.Input,{"data-slot":`command-input`,className:a(`w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,e),...t}),(0,k.jsx)(u,{children:(0,k.jsx)(l,{className:`size-4 shrink-0 opacity-50`})})]})})}function Ar({className:e,...t}){return(0,k.jsx)(Y.List,{"data-slot":`command-list`,className:a(`no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto`,e),...t})}function jr({className:e,...t}){return(0,k.jsx)(Y.Empty,{"data-slot":`command-empty`,className:a(`py-6 text-center text-sm`,e),...t})}function Mr({className:e,...t}){return(0,k.jsx)(Y.Group,{"data-slot":`command-group`,className:a(`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 Nr({className:e,...t}){return(0,k.jsx)(Y.Separator,{"data-slot":`command-separator`,className:a(`bg-border -mx-1 h-px w-auto`,e),...t})}function Pr({className:e,children:n,...r}){return(0,k.jsxs)(Y.Item,{"data-slot":`command-item`,className:a(`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),...r,children:[n,(0,k.jsx)(t,{className:`ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100`})]})}export{Pr as a,kr as i,jr as n,Ar as o,Mr as r,Nr as s,Or as t};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-CilyBKbf.js";import{Dr as t,gr as n,jr as r,lr as i,r as a,vr as o,xr as s}from"./example-DPfw-R7_.js";import{t as c}from"./file-text-DokBif5V.js";import{t as l}from"./file-DBpbC8g-.js";import{t as u}from"./image-D_eNEZWQ.js";import{t as d}from"./rich-text-editor-DWKFpgNI.js";import{t as f}from"./paperclip-CaNLUOIA.js";import{t as p}from"./send-BhjEdZ06.js";import{t as m}from"./x-t42iKYpL.js";import{D as h,a as g,k as _,r as v}from"./index-B-Z7p0So.js";import{r as y,t as b}from"./popover-CvhuubS6.js";import{t as x}from"./popover-DUQqLZN2.js";import{i as S}from"./command-DZqmBolX.js";import{a as C,i as w,n as T,r as E,t as D}from"./command-BsHudlBe.js";var O=v(`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`}]]),k=v(`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`}]]),A=e(_(),1),j=g(),M={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 N(e){return(0,A.useMemo)(()=>({...M,...e??{}}),[e])}function P(e){let n=r(),i=t();return(0,A.useMemo)(()=>({getMediaUrl:e?.getMediaUrl??(e=>n.resolveUrl?.(e??{})),getMediaName:e?.getMediaName??(e=>n.resolveName?.(e??{})),getStatusLabel:e?.getStatusLabel,formatRelativeTime:e?.formatRelativeTime??i.formatRelativeTime}),[e,n,i.formatRelativeTime])}function F(e={}){let{resources:t,onResourceSearch:n,initialMentions:r,debounceMs:i=200}=e,a=(0,A.useMemo)(()=>t?Object.keys(t):[],[t]),[o,s]=(0,A.useState)(()=>a[0]??null),[c,l]=(0,A.useState)(!1),[u,d]=(0,A.useState)(``),[f,p]=(0,A.useState)({}),[m,h]=(0,A.useState)(!1),[g,_]=(0,A.useState)(()=>r?[...r]:[]),v=(0,A.useRef)(0),y=(0,A.useRef)(null);(0,A.useEffect)(()=>{if(a.length===0){s(null);return}(!o||!a.includes(o))&&s(a[0])},[o,a]);let b=(0,A.useMemo)(()=>o&&t?t[o]??null:null,[o,t]),x=(0,A.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,A.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,A.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,A.useCallback)(e=>{s(e)},[]),C=(0,A.useCallback)(e=>{d(e)},[]),w=(0,A.useCallback)(e=>{_(t=>t.some(t=>t.id===e.id)?t:[...t,e])},[]),T=(0,A.useCallback)(e=>{_(t=>t.filter(t=>t.id!==e))},[]),E=(0,A.useCallback)(e=>{_([...e])},[]),D=(0,A.useCallback)(()=>{_([]),d(``),l(!1),v.current++},[]),O=(0,A.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,A.useMemo)(()=>o?f[o]??[]:[],[o,f]),suggestionsByKind:f,isLoading:m,mentions:g,addMention:w,removeMention:T,setMentions:E,reset:D,selectSuggestion:O,manualKindOverride:c,setManualKindOverride:l}}function I(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 L(e={}){let t=e.resources,n=e.onResourceSearch,r=F({...e,resources:t,onResourceSearch:n}),[i,a]=(0,A.useState)(!1),[o,s]=(0,A.useState)(!1),c=(0,A.useRef)(null),l=(0,A.useRef)(null),u=(0,A.useCallback)(e=>{a(e),e||(c.current=null,l.current=null,s(!1),r.setManualKindOverride(!1))},[r]),d=e.editorRef,f=(0,A.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,A.useCallback)(e=>{let n=r.selectSuggestion(e),i=c.current,a=t?.[n.kind]?.tone,o=I(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 R={primary:`secondary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,secondary:`secondary`},z=({mention:e,resource:t,asLink:n=!0,onClick:r,trailing:a,className:s})=>{if(t?.renderChip)return(0,j.jsx)(j.Fragment,{children:t.renderChip(e)});let c=R[t?.tone??`secondary`]??R.secondary,l=t?.icon,u=(0,j.jsxs)(i,{variant:c,inline:!0,"data-ref-id":e.id,"data-ref-kind":e.kind,className:o(`align-[-0.15em] cursor-default whitespace-nowrap`,s),children:[l?(0,j.jsx)(l,{className:`size-3 shrink-0`,"aria-hidden":!0}):null,(0,j.jsx)(`span`,{className:`truncate max-w-[14rem]`,children:e.label}),a]});return n&&e.href?(0,j.jsx)(`a`,{href:e.href,target:`_blank`,rel:`noreferrer noopener`,onClick:r,className:`inline align-baseline no-underline hover:opacity-90`,children:u}):r?(0,j.jsx)(`span`,{onClick:r,className:`inline align-baseline`,children:u}):u},B=/<(span|a)\b([^>]*?)data-ref-id\s*=\s*"([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi;function V(e){if(!e)return[];let t=[],n=0,r;for(B.lastIndex=0;(r=B.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 H=`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 U(e){let{html:t,mentions:n,resources:r,renderMention:i,sanitizer:a,className:s,prose:c=!0}=e,l=r,u=a?a(t??``):t??``,d=new Map;for(let e of n??[])d.set(e.id,e);let f=d.size>0?V(u):[{kind:`html`,value:u}],p=e=>{if(i)return i(e);let t=l?.[e.kind];return(0,j.jsx)(z,{mention:e,resource:t})},m=f.map((e,t)=>{if(e.kind===`mention`){let n=d.get(e.refId);return n?(0,j.jsx)(A.Fragment,{children:p(n)},`ref-${t}-${e.refId}`):(0,j.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.fallback}},`fallback-${t}`)}return(0,j.jsx)(`span`,{dangerouslySetInnerHTML:{__html:e.value}},`html-${t}`)});return c?(0,j.jsx)(`div`,{className:o(H,s),children:m}):(0,j.jsx)(j.Fragment,{children:m})}var W={title:`Insert reference`,searchPlaceholder:`Search…`,empty:`No matches.`,loading:`Searching…`},G={title:`Insert reference`,empty:`No matches.`,loading:`Searching…`};function K({open:e,activeKind:t,setActiveKind:r,kinds:i,resources:a,query:c,setQuery:l,suggestions:u,isLoading:d,onSelect:f,strings:p,className:m}){let g=h(W,p);return e?(0,j.jsxs)(x,{align:`start`,className:o(`w-72 overflow-hidden p-0`,m),children:[(0,j.jsxs)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:[(0,j.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:g.title}),i.length>1&&(0,j.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:i.map(e=>{let n=a?.[e],i=n?.icon;return(0,j.jsxs)(`button`,{type:`button`,onClick:()=>r(e),className:o(`inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors`,e===t?`bg-primary text-primary-foreground ring-primary`:`bg-muted text-muted-foreground ring-border/60 hover:bg-muted/80`),children:[i?(0,j.jsx)(i,{className:`size-3`}):null,(0,j.jsx)(`span`,{children:n?.label??String(e)})]},e)})})]}),(0,j.jsxs)(D,{shouldFilter:!1,children:[(0,j.jsx)(S,{placeholder:g.searchPlaceholder,value:c,onValueChange:l}),(0,j.jsxs)(C,{children:[d?(0,j.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-center gap-2 py-3`,children:[(0,j.jsx)(s,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,j.jsx)(n,{tag:`span`,size:`xs`,type:`secondary`,children:g.loading})]}):null,(0,j.jsx)(T,{children:g.empty}),(0,j.jsx)(E,{children:u.map(e=>{let r=e.kind??t??``;return(0,j.jsx)(w,{value:`${r}:${e.id}`,onSelect:()=>f(e),children:(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,j.jsx)(n,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:e.label}),e.description?(0,j.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description}):null]})},`${r}:${e.id}`)})})]})]})]}):null}function q({open:e,activeKind:t,setActiveKind:r,kinds:i,resources:a,suggestionsByKind:c,suggestions:l,isLoading:u,query:d,onManualKindChange:f,onSelect:p,strings:m,className:g}){let _=h(G,m);return e?(0,j.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),className:o(`bg-popover text-popover-foreground absolute left-0 top-full z-40 mt-1 w-80 max-w-[min(theme(spacing.96),100%)]`,`border-border/60 rounded-md border shadow-md ring-1 ring-foreground/[0.04]`,`overflow-hidden`,g),role:`listbox`,children:[(0,j.jsxs)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:[(0,j.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,j.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:_.title}),d?(0,j.jsxs)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`truncate font-mono`,children:[`“`,d,`”`]}):null]}),i.length>1&&(0,j.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:i.map(e=>{let n=a?.[e],i=n?.icon,s=e===t,l=c?.[e]?.length??0;return(0,j.jsxs)(`button`,{type:`button`,onClick:()=>{r(e),f?.()},className:o(`inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors`,s?`bg-primary text-primary-foreground ring-primary`:l>0?`bg-muted text-foreground ring-border/60 hover:bg-muted/80`:`bg-muted/40 text-muted-foreground ring-border/40 hover:bg-muted/60`),children:[i?(0,j.jsx)(i,{className:`size-3`}):null,(0,j.jsx)(`span`,{children:n?.label??String(e)}),l>0&&(0,j.jsx)(`span`,{className:o(`tabular-nums`,s?`opacity-90`:`opacity-70`),children:l})]},e)})})]}),(0,j.jsxs)(`div`,{className:`max-h-72 overflow-y-auto py-1`,children:[u?(0,j.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-center gap-2 py-3`,children:[(0,j.jsx)(s,{className:`size-3.5 animate-spin`,"aria-hidden":!0}),(0,j.jsx)(n,{tag:`span`,size:`xs`,type:`secondary`,children:_.loading})]}):null,!u&&l.length===0?(0,j.jsx)(`div`,{className:`px-3 py-3`,children:(0,j.jsx)(n,{size:`xs`,type:`secondary`,children:_.empty})}):null,l.map(e=>{let r=e.kind??t??``;return(0,j.jsx)(`button`,{type:`button`,role:`option`,"data-ref-id":`${r}:${e.id}`,onClick:()=>p(e),className:o(`flex w-full min-w-0 items-start gap-2 px-3 py-1.5 text-left`,`hover:bg-muted/60 focus-visible:bg-muted/60 transition-colors`),children:(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col leading-tight`,children:[(0,j.jsx)(n,{tag:`span`,size:`xs`,weight:`medium`,className:`truncate`,children:e.label}),e.description?(0,j.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 truncate`,children:e.description}):null]})},`${r}:${e.id}`)})]})]}):null}var J=/<(?:span|a)\b[^>]*?data-ref-id\s*=\s*"([^"]+)"[^>]*?>([\s\S]*?)<\/(?:span|a)>/gi,Y=/data-ref-kind\s*=\s*"([^"]+)"/i;function ee(e){let t=[];if(!e)return t;let n=new Set,r;for(J.lastIndex=0;(r=J.exec(e))!==null;){let[e,i,a]=r;if(n.has(i))continue;n.add(i);let o=e.match(Y)?.[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 X(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 Z(e){return e.mimeType?.startsWith(`image/`)?u:e.mimeType===`application/pdf`||e.mimeType?.startsWith(`text/`)?c:e.mimeType?l:f}var Q=({attachment:e,editable:t=!1,onRemove:r,onRetry:i,accessors:a,strings:c,compact:l=!1,className:u})=>{let d={...M,...c},f=a?.getMediaUrl?.(e)??e.url,p=a?.getMediaName?.(e)??e.name??d.attachmentFallback,h=Z(e),g=e.status===`uploading`,_=e.status===`failed`,v=X(e.size),y=g?d.attachmentUploadingLabel+(typeof e.progress==`number`?` ${Math.round(e.progress)}%`:``):_?e.error??d.attachmentFailedLabel:v,b=o(`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`,_?`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),x=g?(0,j.jsx)(s,{className:o(`shrink-0 animate-spin text-muted-foreground`,`size-3.5`),"aria-hidden":!0}):(0,j.jsx)(h,{className:o(`shrink-0`,`size-3.5`,_?`text-destructive`:`text-muted-foreground`),"aria-hidden":!0}),S=(0,j.jsxs)(`span`,{className:`inline-flex min-w-0 items-baseline gap-1.5`,children:[(0,j.jsx)(n,{tag:`span`,size:`xs`,weight:`medium`,className:o(`truncate`,_&&`text-destructive`),children:p}),y?(0,j.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:y}):null]});return(0,j.jsxs)(`div`,{className:b,children:[x,f&&!g&&!_?(0,j.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:S}):S,g&&typeof e.progress==`number`&&(0,j.jsx)(`div`,{className:`bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full`,children:(0,j.jsx)(`div`,{className:`bg-primary h-full transition-[width]`,style:{width:`${Math.min(100,Math.max(0,e.progress))}%`}})}),_&&i&&(0,j.jsx)(`button`,{type:`button`,onClick:()=>i(e.id),className:`text-destructive ring-destructive/30 hover:ring-destructive/60 shrink-0 rounded px-1.5 py-px text-xxs font-medium ring-1 ring-inset transition-colors`,children:d.attachmentRetryLabel}),t&&r&&(0,j.jsx)(`button`,{type:`button`,onClick:()=>r(e.id),className:`text-muted-foreground hover:bg-foreground/10 hover:text-foreground -mr-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded transition-colors focus-visible:ring-2 focus-visible:ring-ring/40`,"aria-label":d.attachmentRemoveLabel,title:d.attachmentRemoveLabel,children:(0,j.jsx)(m,{className:`size-3`})})]})};function te(e={}){let{onUpload:t,maxSize:n,maxFiles:r,disabled:i,initialAttachments:a,onChange:o,onError:s}=e,[c,l]=(0,A.useState)(()=>a?[...a]:[]),u=(0,A.useRef)(new Map),d=(0,A.useRef)(new Map),f=(0,A.useRef)(o);f.current=o;let p=(0,A.useCallback)((e,t)=>{l(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),m=(0,A.useCallback)(e=>{l([...e])},[]),h=(0,A.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,A.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,A.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,A.useCallback)(e=>{let t=d.current.get(e);t&&h(e,t)},[h]),y=(0,A.useCallback)(()=>{for(let e of u.current.values())e.controller.abort();u.current.clear(),d.current.clear(),l([])},[]);return(0,A.useEffect)(()=>{f.current?.(c)},[c]),(0,A.useEffect)(()=>{let e=u.current;return()=>{for(let t of e.values())t.controller.abort()}},[]),{attachments:c,uploadedAttachments:(0,A.useMemo)(()=>c.filter(e=>e.status===`uploaded`||!e.status),[c]),isUploading:(0,A.useMemo)(()=>c.some(e=>e.status===`uploading`),[c]),addFiles:g,removeAttachment:_,retryAttachment:v,setAttachments:m,reset:y}}function ne(e){return!e||typeof e!=`string`?!1:e.replace(/<[^>]*>/g,``).trim().length>0}var $=(0,A.forwardRef)(function({context:e,canComment:t=!0,isSubmitting:r=!1,errors:i,resetKey:o=0,onSubmit:c,onCancel:l,editingComment:u,strings:m,resources:h,onResourceSearch:g,attachments:_,initialValues:v,autoFocus:x=!1,inlineSubmit:S=!0,placeholder:C},w){let T=N(m),E=h,D=g,k=_,M=(0,A.useRef)(null),[P,F]=(0,A.useState)(()=>v?.content??u?.content??``),[I,R]=(0,A.useState)(null),z=L({resources:E,onResourceSearch:D,editorRef:M,initialMentions:v?.references??u?.references}),B=te({...k,initialAttachments:v?.attachments??void 0});(0,A.useImperativeHandle)(w,()=>({focus:()=>M.current?.focus(),clear:()=>{M.current?.clear(),z.reset(),B.reset(),R(null)},setBody:e=>{M.current?.setHTML(e)}}),[B,z]),(0,A.useEffect)(()=>{M.current?.setHTML(v?.content??``),z.setMentions(v?.references??[]),B.setAttachments(v?.attachments??[]),R(null)},[e.id,e.type,o]),(0,A.useEffect)(()=>{if(!u)return;M.current?.setHTML(u.content??``),z.setMentions(u.references??[]);let e=(u.attachments??u.media??[]).filter(e=>!!e);B.setAttachments(e)},[u?.id]),(0,A.useEffect)(()=>{i?.content&&R(i.content)},[i]);let V=t=>{t?.preventDefault();let n=M.current?.getHTML()??P;if(!ne(n)){R(T.invalidContent);return}R(null),c({content:n,commentableId:e.id,commentableType:e.type,contentType:`html`,references:z.mentions,attachments:B.uploadedAttachments,editingId:u?.id})},H=(0,A.useRef)(null),U=()=>H.current?.click(),W=e=>{e&&B.addFiles(e)},G=B.attachments.length>0,J=!!u,Y=r?T.composerSubmitting:J?T.composerSave:T.composerSubmit,X=J?(0,j.jsx)(re,{label:T.composerEditingEyebrow,closeLabel:T.composerCancel,onClose:l}):null,Z=(0,A.useMemo)(()=>{let e=[];return E&&Object.keys(E).length>0&&e.push({id:`reference`,icon:O,label:T.composerReferenceLabel,onClick:()=>z.setPickerOpen(!0)}),k?.onUpload&&!k.disabled&&e.push({id:`attachment`,icon:f,label:T.composerAttachmentLabel,onClick:U}),e},[E,k?.onUpload,k?.disabled,T.composerReferenceLabel,T.composerAttachmentLabel]);if(!t)return null;let $=(0,j.jsx)(a,{type:`button`,onClick:()=>V(),disabled:r||B.isUploading,icon:r?s:p,children:Y}),ie=J||l?(0,j.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:l,disabled:r,children:T.composerCancel}):null,ae=G?(0,j.jsx)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:B.attachments.map(e=>(0,j.jsx)(Q,{attachment:e,editable:!0,onRemove:B.removeAttachment,onRetry:B.retryAttachment,strings:m},e.id))}):null,oe=G?ae:null,se=S===!1?null:$,ce=S===!1||J;return(0,j.jsxs)(`form`,{onSubmit:V,className:`space-y-2`,children:[X,(0,j.jsx)(`input`,{ref:H,type:`file`,multiple:!0,hidden:!0,accept:k?.accept,onChange:e=>{W(e.target.files),e.target.value=``}}),!z.triggerActive&&(0,j.jsxs)(b,{open:z.pickerOpen,onOpenChange:z.setPickerOpen,children:[(0,j.jsx)(y,{render:(0,j.jsx)(`button`,{type:`button`,className:`sr-only`,tabIndex:-1}),children:T.composerReferenceLabel}),(0,j.jsx)(K,{open:z.pickerOpen,activeKind:z.activeKind,setActiveKind:z.setActiveKind,kinds:z.kinds,resources:E,query:z.query,setQuery:z.setQuery,suggestions:z.suggestions,isLoading:z.isLoading,onSelect:z.pickSuggestion,strings:{title:T.composerReferenceMenuTitle,searchPlaceholder:T.composerReferenceSearchPlaceholder,empty:T.composerReferenceEmpty,loading:T.composerReferenceLoading}})]}),(0,j.jsxs)(`div`,{className:`relative`,children:[(0,j.jsx)(d,{ref:M,value:P,onChange:e=>{F(e);let t=ee(e),n=z.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);z.setMentions(r)}},placeholder:C??T.composerPlaceholder,minHeight:`3rem`,autoFocus:x||J,extraToolbarItems:Z,toolbarTrailing:se,footerSlot:oe,onCaretChange:z.handleCaretChange}),(0,j.jsx)(q,{open:z.triggerActive&&z.pickerOpen,activeKind:z.activeKind,setActiveKind:z.setActiveKind,onManualKindChange:()=>z.setManualKindOverride(!0),kinds:z.kinds,resources:E,query:z.query,suggestions:z.suggestions,suggestionsByKind:z.suggestionsByKind,isLoading:z.isLoading,onSelect:z.pickSuggestion,strings:{title:T.composerReferenceMenuTitle,empty:T.composerReferenceEmpty,loading:T.composerReferenceLoading}})]}),I&&(0,j.jsx)(n,{size:`xs`,type:`error`,children:I}),ce&&(0,j.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[ie,$]})]})});function re({label:e,closeLabel:t,onClose:r}){return(0,j.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,j.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:e}),r?(0,j.jsx)(`button`,{type:`button`,onClick:r,className:`text-muted-foreground hover:text-foreground inline-flex size-4 items-center justify-center rounded transition-colors`,"aria-label":t,children:(0,j.jsx)(m,{className:`size-3`})}):null]})}export{N as a,P as i,Q as n,k as o,U as r,$ as t};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-CilyBKbf.js";import{a as t,c as n,gr as r,hr as i,lr as a,o,r as s,s as c,vr as l}from"./example-DPfw-R7_.js";import{a as u,i as d,n as f,r as p}from"./comment-composer-OnxlkC5y.js";import{t as m}from"./pencil-DTLGPoc_.js";import{t as h}from"./trash-2-B0_GprQM.js";import{a as g,k as _,r as v,s as y}from"./index-B-Z7p0So.js";import{o as b,r as ee,t as x}from"./avatar-DR2mqPpY.js";var S=v(`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=v(`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=v(`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(_(),1),E=g();function D(e){let{comment:t,resources:n,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:n,renderMention:i,sanitizer:a}):(0,E.jsx)(r,{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)(r,{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)(r,{asHTML:!0,content:e}):null}case`header`:{let e=A(String(t.text??``)),n=Number(t.level??3);return e?(0,T.createElement)(i,{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 n=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)(r,{asHTML:!0,content:e}),n.length>0&&(0,E.jsxs)(`cite`,{className:`text-muted-foreground/80 mt-1 block text-xs not-italic`,children:[`— `,n]})]})}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)(r,{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 y(new Date(e),{addSuffix:!0})}catch{return`—`}},F=(0,T.memo)(function({comment:e,canModerate:i,onDelete:p,onPinToggle:g,onReact:_,onReply:v,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||i===!0,ae=e.canEdit===!0||i===!0,oe=Y.length>0;return(0,E.jsx)(`article`,{className:l(`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 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)(r,{tag:`span`,weight:`semibold`,className:`truncate`,children:W}),!!Z&&(0,E.jsx)(c,{delayDuration:0,children:(0,E.jsxs)(t,{children:[(0,E.jsx)(n,{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)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:K}),!!re&&(0,E.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`shrink-0`,children:R.edited}),!!Q&&!!$&&(0,E.jsx)(a,{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)(a,{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)(`button`,{type:`button`,onClick:()=>_&&e.id?_(e.id,t.emoji):void 0,title:t.users?.join(`, `),className:`rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,children:(0,E.jsxs)(a,{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:l(`shrink-0 self-start opacity-0 transition-opacity`,`group-hover:opacity-100 focus-within:opacity-100`,`-mr-1 inline-flex items-center gap-0.5`),children:[!!v&&(0,E.jsx)(s,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&v(e.id),title:R.replyLabel,"aria-label":R.replyLabel,children:(0,E.jsx)(S,{className:`size-3.5`})}),!!_&&(0,E.jsx)(s,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>e.id&&_(e.id,`👍`),title:R.addReactionLabel,"aria-label":R.addReactionLabel,children:(0,E.jsx)(w,{className:`size-3.5`})}),!!g&&i&&(0,E.jsx)(s,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>g(e),title:Z?R.unpinLabel:R.pinLabel,"aria-label":Z?R.unpinLabel:R.pinLabel,children:(0,E.jsx)(C,{className:l(`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&&!!p&&!!e.id&&(0,E.jsx)(s,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,className:`hover:bg-destructive/10 hover:text-destructive`,onClick:()=>p(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-BjIVksjE.js

@@ -0,0 +1,349 @@
+import{n as e,r as t}from"./chunk-CilyBKbf.js";import{Er as n,cr as r,gr as i,sr as a,t as o,vr as s}from"./example-DPfw-R7_.js";import{a as c,o as l,t as u}from"./comment-composer-OnxlkC5y.js";import{t as d}from"./briefcase-D9M4aNmi.js";import{t as f}from"./comment-item-DmZ1AJ2Y.js";import{t as p}from"./git-branch-D4-6vv6t.js";import{t as m}from"./package-BIa1hPVQ.js";import{t as h}from"./user-3L762Mec.js";import{a as g,k as _,r as v}from"./index-B-Z7p0So.js";import{t as y}from"./props-table-BzUnIcv-.js";import{t as b}from"./smart-card-50WN9sCI.js";var x=v(`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=g(),C=({strings:e,icon:t,className:n})=>{let r=c(e);return(0,S.jsxs)(`div`,{className:s(`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)(i,{weight:`medium`,children:r.empty}),r.emptyHint?(0,S.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-1 max-w-[28ch]`,children:r.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(_(),1);function E(e){let t=n(),r=e.composerPosition??t.composerPosition??`top`,i=e.canComment??!1,a=e.canModerate??!1,o=e.onSubmit,l=e.onDelete,d=e.onPinToggle,f=e.onReact,p=e.onReply,m=e.resources,h=e.attachments,g=c(e.strings),_=e.title===void 0?g.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??(i?(0,S.jsx)(u,{context:e.context,canComment:i,isSubmitting:x,errors:v,resetKey:D,onSubmit:A,strings:e.strings,resources:m,attachments:h}):null),M=(0,S.jsx)(w,{comments:e.comments,canModerate:a,onDelete:l,onPinToggle:d,onReact:f,onReply:p,strings:e.strings,getMediaUrl:e.getMediaUrl,getMediaName:e.getMediaName,getStatusLabel:e.getStatusLabel,formatRelativeTime:e.formatRelativeTime,resources:m,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,r===`top`&&N,M,r===`bottom`&&N,e.footerSlot]});return e.bare?P:(0,S.jsx)(b,{title:_===!1?void 0:_,description:g.subtitle||void 0,padding:`sm`,className:s(`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)(i,{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)(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)(E,{...B,context:F,comments:e,canComment:!1})})}function W(){return(0,S.jsx)(S.Fragment,{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)(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 (
+		<>
+			<Comments
+			                    {...commonProps}
+			                    context={CONTEXT}
+			                    comments={comments}
+			                    canComment
+			                    canModerate
+			                />
+		</>
+	);
+}
+
+export function ReadOnly() {
+	const [comments] = useState<
+	        CommentData<
+	            { id: string; name: string; avatar?: string },
+	            unknown,
+	            ResourceKind
+	        >[]
+	    >(INITIAL_COMMENTS);
+	return (
+		<>
+			<Comments
+			                    {...commonProps}
+			                    context={CONTEXT}
+			                    comments={comments}
+			                    canComment={false}
+			                />
+		</>
+	);
+}
+
+export function EmptyStateCustomStrings() {
+	return (
+		<>
+			<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',
+			                    }}
+			                />
+		</>
+	);
+}
+
+export function CustomReferenceRendering() {
+	const [comments] = useState<
+	        CommentData<
+	            { id: string; name: string; avatar?: string },
+	            unknown,
+	            ResourceKind
+	        >[]
+	    >(INITIAL_COMMENTS);
+	return (
+		<>
+			<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>
+			                    )}
+			                />
+		</>
+	);
+}
+`;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)(r,{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.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,S.jsx)(o,{name:`APISurface`,source:K,children:(0,S.jsx)(V,{})}),(0,S.jsx)(o,{name:`CommentsExample`,source:K,children:(0,S.jsx)(H,{})}),(0,S.jsx)(o,{name:`ReadOnly`,source:K,children:(0,S.jsx)(U,{})}),(0,S.jsx)(o,{name:`EmptyStateCustomStrings`,source:K,children:(0,S.jsx)(W,{})}),(0,S.jsx)(o,{name:`CustomReferenceRendering`,source:K,children:(0,S.jsx)(G,{})})]}),(0,S.jsxs)(a,{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};