admin-ui-starter-kit 0.4.2 → 0.4.3

package/dist/showcase/assets/CSPContext-B11tftuK.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";function n(e,t=-(2**53-1),n=2**53-1){return Math.max(t,Math.min(e,n))}var r=e(t(),1),i=r.createContext(void 0),a={disableStyleElements:!1};function o(){return r.useContext(i)??a}export{n,o as t};

package/dist/showcase/assets/CompositeItem-Dzu0MfUC.js

@@ -0,0 +1 @@
+import{ar as e,ir as t,nr as n}from"./example-Cz_880po.js";import{t as r}from"./useCompositeItem-D3XOIML-.js";function i(i){let{render:a,className:o,style:s,state:c=e,props:l=t,refs:u=t,metadata:d,stateAttributesMapping:f,tag:p=`div`,...m}=i,{compositeProps:h,compositeRef:g}=r({metadata:d});return n(p,i,{state:c,ref:[...u,g],props:[h,...l,m],stateAttributesMapping:f})}export{i as t};

package/dist/showcase/assets/CompositeRoot-CQvQ_uj2.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Bt as n,It as r,Lt as i,Nn as a,Pt as o,ar as s,cr as c,hr as l,ir as u,m as d,mr as f,nr as p,ur as m,zt as h}from"./example-Cz_880po.js";import{s as g}from"./index-BQIv1ffM.js";import{r as _}from"./useCompositeListItem-BWfShNPP.js";import{_ as v,a as y,c as b,g as x,h as S,i as C,l as w,m as T,n as E,o as D,r as O,t as k,u as A}from"./composite-BQFpnmS9.js";import{t as j}from"./isElementDisabled-KSuuBj8D.js";var M=e(t(),1),N=`data-composite-item-active`,P=[];function F(e){let{loopFocus:t=!0,orientation:s=`both`,grid:u,onLoop:d,direction:p,highlightedIndex:m,onHighlightedIndexChange:g,rootRef:_,enableHomeAndEndKeys:A=!1,stopEventPropagation:N=!1,disabledIndices:F,modifierKeys:L=P}=e,[R,z]=M.useState(0),B=u!=null,V=M.useRef(null),H=c(V,_),U=M.useRef([]),W=M.useRef(!1),G=m??R,K=l((e,t=!1)=>{if((g??z)(e),t){let t=U.current[e];v(V.current,t,p,s)}}),q=l(e=>{if(e.size===0||W.current)return;W.current=!0;let t=Array.from(e.keys()),r=t.find(e=>e?.hasAttribute(`data-composite-item-active`))??null,i=r?t.indexOf(r):-1;if(i!==-1)K(i);else if(n(t,G,F)){let e=o(t,{disabledIndices:F});h(t,e)||K(e)}v(V.current,r,p,s)});f(()=>{if(F==null||m!=null||!W.current)return;let e=U.current;if(n(e,G,F)){let t=o(e,{disabledIndices:F});h(e,t)||K(t)}},[F,m,G,U,K]);let J=l((e,t,n)=>d?d(e,t,n,U):n),Y=l(e=>{let n=A?D:E;if(!n.has(e.key)||I(e,L)||!V.current)return;let c=p===`rtl`,l=c?O:C,f={horizontal:l,vertical:k,both:l}[s],m=c?C:O,g={horizontal:m,vertical:y,both:m}[s],_=a(e.nativeEvent);if(_!=null&&x(_)&&!j(_)){let t=_.selectionStart,n=_.selectionEnd,r=_.value??``;if(t==null||e.shiftKey||t!==n||e.key!==g&&t<r.length||e.key!==f&&t>0)return}let v=G,M=i(U,F),P=r(U,F);u!=null&&(v=u({disabledIndices:F,elementsRef:U,event:e,highlightedIndex:G,loopFocus:t,maxIndex:P,minIndex:M,onLoop:J,orientation:s,rtl:c}));let R={horizontal:[l],vertical:[k],both:[l,k]}[s],z={horizontal:[m],vertical:[y],both:[m,y]}[s],H=B?n:{horizontal:A?w:b,vertical:A?S:T,both:n}[s];A&&(e.key===`Home`?v=M:e.key===`End`&&(v=P)),v===G&&(R.includes(e.key)||z.includes(e.key))&&(t&&v===P&&R.includes(e.key)?(v=M,d&&(v=d(e,G,v,U))):t&&v===M&&z.includes(e.key)?(v=P,d&&(v=d(e,G,v,U))):v=o(U.current,{startingIndex:v,decrement:z.includes(e.key),disabledIndices:F})),v!==G&&!h(U.current,v)&&(N&&e.stopPropagation(),H.has(e.key)&&e.preventDefault(),K(v,!0),queueMicrotask(()=>{U.current[v]?.focus()}))});return{props:{ref:H,onFocus(e){let t=V.current,n=a(e.nativeEvent);!t||n==null||!x(n)||n.setSelectionRange(0,n.value.length??0)},onKeyDown:Y},highlightedIndex:G,onHighlightedIndexChange:K,elementsRef:U,disabledIndices:F,onMapChange:q,relayKeyboardEvent:Y}}function I(e,t){for(let n of A.values())if(!t.includes(n)&&e.getModifierState(n))return!0;return!1}var L=g();function R(e){let{render:t,className:n,style:r,refs:i=u,props:a=u,state:o=s,stateAttributesMapping:c,highlightedIndex:l,onHighlightedIndexChange:f,orientation:h,grid:g,loopFocus:v,onLoop:y,enableHomeAndEndKeys:b,onMapChange:x,stopEventPropagation:S=!0,rootRef:C,disabledIndices:w,modifierKeys:T,highlightItemOnHover:E=!1,tag:D=`div`,...O}=e,{props:k,highlightedIndex:A,onHighlightedIndexChange:j,elementsRef:N,onMapChange:P,relayKeyboardEvent:I}=F({grid:g,loopFocus:v,onLoop:y,orientation:h,highlightedIndex:l,onHighlightedIndexChange:f,rootRef:C,stopEventPropagation:S,enableHomeAndEndKeys:b,direction:d(),disabledIndices:w,modifierKeys:T}),R=p(D,e,{state:o,ref:i,props:[k,...a,O],stateAttributesMapping:c}),z=M.useMemo(()=>({highlightedIndex:A,onHighlightedIndexChange:j,highlightItemOnHover:E,relayKeyboardEvent:I}),[A,j,E,I]);return(0,L.jsx)(m.Provider,{value:z,children:(0,L.jsx)(_,{elementsRef:N,onMapChange:e=>{x?.(e),P(e)},children:R})})}export{N as n,R as t};

package/dist/showcase/assets/DialogTrigger-BxVhSw4D.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{A as n,G as r,H as i,K as a,L as o,Mn as s,N as c,Nn as l,P as u,Q as d,Qt as f,R as p,U as m,V as h,W as g,Y as _,_ as v,ar as y,b,cn as x,fr as S,g as C,gt as w,it as T,j as E,k as D,lr as O,mt as k,nr as A,ot as j,rn as M,rt as N,v as P,z as F}from"./example-Cz_880po.js";import{s as I}from"./index-BQIv1ffM.js";import{a as L,i as R,n as ee,o as te,r as ne}from"./useOpenInteractionType-DLUX6CcH.js";import{t as re}from"./inertValue-DeVQ2cCe.js";import{o as z}from"./composite-BQFpnmS9.js";var B=e(t(),1),V=B.createContext(!1),H=B.createContext(void 0);function U(e){let t=B.useContext(H);if(e===!1&&t===void 0)throw Error(S(27));return t}var W={...P,..._},G=B.forwardRef(function(e,t){let{render:n,className:r,style:i,forceRender:a=!1,...o}=e,{store:s}=U(),c=s.useState(`open`),l=s.useState(`nested`),u=s.useState(`mounted`);return A(`div`,e,{state:{open:c,transitionStatus:s.useState(`transitionStatus`)},ref:[s.context.backdropRef,t],stateAttributesMapping:W,props:[{role:`presentation`,hidden:!u,style:{userSelect:`none`,WebkitUserSelect:`none`}},o],enabled:a||!l})}),K=B.forwardRef(function(e,t){let{render:n,className:r,style:i,disabled:a=!1,nativeButton:o=!0,...s}=e,{store:c}=U(),l=c.useState(`open`),{getButtonProps:u,buttonRef:d}=O({disabled:a,native:o}),p={disabled:a};function m(e){l&&c.setOpen(!1,f(M,e.nativeEvent))}return A(`button`,e,{state:p,ref:[t,d],props:[{onClick:m},s,u]})}),q=B.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{store:s}=U(),c=C(a);return s.useSyncedValueWithCleanup(`descriptionElementId`,c),A(`p`,e,{ref:t,props:[{id:c},o]})}),J=function(e){return e.nestedDialogs=`--nested-dialogs`,e}({}),Y=function(e){return e[e.open=v.open]=`open`,e[e.closed=v.closed]=`closed`,e[e.startingStyle=v.startingStyle]=`startingStyle`,e[e.endingStyle=v.endingStyle]=`endingStyle`,e.nested=`data-nested`,e.nestedDialogOpen=`data-nested-dialog-open`,e}({}),X=B.createContext(void 0);function ie(){let e=B.useContext(X);if(e===void 0)throw Error(S(26));return e}var Z=I(),ae={...P,..._,nestedDialogOpen(e){return e?{[Y.nestedDialogOpen]:``}:null}},oe=B.forwardRef(function(e,t){let{render:n,className:r,style:i,finalFocus:s,initialFocus:c,...l}=e,{store:d}=U(),f=d.useState(`descriptionElementId`),p=d.useState(`disablePointerDismissal`),m=d.useState(`floatingRootContext`),h=d.useState(`popupProps`),g=d.useState(`modal`),_=d.useState(`mounted`),v=d.useState(`nested`),y=d.useState(`nestedOpenDialogCount`),b=d.useState(`open`),x=d.useState(`openMethod`),S=d.useState(`titleElementId`),C=d.useState(`transitionStatus`),w=d.useState(`role`),T=m.useState(`floatingId`),E=l.id??T;ie(),a({open:b,ref:d.context.popupRef,onComplete(){b&&d.context.onOpenChangeComplete?.(!0)}});let D=c===void 0?o(d.context.popupRef):c,O=y>0,k=d.useStateSetter(`popupElement`),j=A(`div`,e,{state:{open:b,nested:v,transitionStatus:C,nestedDialogOpen:O},props:[h,{id:E,"aria-labelledby":S??void 0,"aria-describedby":f??void 0,role:w,...u,hidden:!_,onKeyDown(e){z.has(e.key)&&e.stopPropagation()},style:{[J.nestedDialogs]:y}},l],ref:[t,d.context.popupRef,k],stateAttributesMapping:ae});return(0,Z.jsx)(te,{context:m,openInteractionType:x,disabled:!_,closeOnFocusOut:!p,initialFocus:D,returnFocus:s,modal:g!==!1,restoreFocus:`popup`,children:j})}),se=B.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=U(),a=i.useState(`mounted`),o=i.useState(`modal`),s=i.useState(`open`);return a||n?(0,Z.jsx)(X.Provider,{value:n,children:(0,Z.jsxs)(k,{ref:t,...r,children:[a&&o===!0&&(0,Z.jsx)(R,{ref:i.context.internalBackdropRef,inert:re(!s)}),e.children]})}):null});function ce(e){let{store:t,actionsRef:n}=e,r=t.useState(`open`);m(t,r),F(t);let{forceUnmount:i}=h(r,t),a=B.useCallback(()=>{t.setOpen(!1,f(x))},[t]);B.useImperativeHandle(n,()=>({unmount:i,close:a}),[i,a])}function le({store:e,parentContext:t,isDrawer:n}){let r=e.useState(`open`),a=e.useState(`disablePointerDismissal`),o=e.useState(`modal`),c=e.useState(`popupElement`),u=e.useState(`floatingRootContext`),[d,f]=B.useState(0),[p,m]=B.useState(0),h=d===0,g=j(u,{outsidePressEvent(){return e.context.internalBackdropRef.current||e.context.backdropRef.current?`intentional`:{mouse:o===`trap-focus`?`sloppy`:`intentional`,touch:`sloppy`}},outsidePress(t){if(!e.context.outsidePressEnabledRef.current||`button`in t&&t.button!==0||`touches`in t&&t.touches.length!==1)return!1;let n=l(t);return h&&!a?o&&(e.context.internalBackdropRef.current||e.context.backdropRef.current)?e.context.internalBackdropRef.current===n||e.context.backdropRef.current===n||s(n,c)&&!n?.hasAttribute(`data-base-ui-portal`):!0:!1},escapeKey:h});return ne(r&&o===!0,c),e.useContextCallback(`onNestedDialogOpen`,(e,t)=>{f(e),m(t)}),e.useContextCallback(`onNestedDialogClose`,()=>{f(0),m(0)}),B.useEffect(()=>(t?.onNestedDialogOpen&&r&&t.onNestedDialogOpen(d+1,p+ +!!n),t?.onNestedDialogClose&&!r&&t.onNestedDialogClose(),()=>{t?.onNestedDialogClose&&r&&t.onNestedDialogClose()}),[n,r,d,p,t]),i(e,{activeTriggerProps:g.reference??y,inactiveTriggerProps:g.trigger??y,popupProps:g.floating??y,nestedOpenDialogCount:d,nestedOpenDrawerCount:p}),null}var ue={...E,modal:N(e=>e.modal),nested:N(e=>e.nested),nestedOpenDialogCount:N(e=>e.nestedOpenDialogCount),nestedOpenDrawerCount:N(e=>e.nestedOpenDrawerCount),disablePointerDismissal:N(e=>e.disablePointerDismissal),openMethod:N(e=>e.openMethod),descriptionElementId:N(e=>e.descriptionElementId),titleElementId:N(e=>e.titleElementId),viewportElement:N(e=>e.viewportElement),role:N(e=>e.role)},Q=class e extends d{constructor(e,t,r=!1){let i=new c,a=de(e);a.floatingRootContext=n(i,t,r),super(a,{popupRef:B.createRef(),backdropRef:B.createRef(),internalBackdropRef:B.createRef(),outsidePressEnabledRef:{current:!0},triggerElements:i,onOpenChange:void 0,onOpenChangeComplete:void 0},ue)}setOpen=(e,t)=>{if(t.preventUnmountOnClose=()=>{this.set(`preventUnmountingOnClose`,!0)},!e&&t.trigger==null&&this.state.activeTriggerId!=null&&(t.trigger=this.state.activeTriggerElement??void 0),this.context.onOpenChange?.(e,t),t.isCanceled)return;this.state.floatingRootContext.dispatchOpenChange(e,t);let n={open:e};p(n,e,t.trigger),this.update(n)};static useStore(t,n){return g(t,(t,r)=>new e(n,t,r),!0).store}};function de(e={}){return{...D(),modal:!0,disablePointerDismissal:!1,popupElement:null,viewportElement:null,descriptionElementId:void 0,titleElementId:void 0,openMethod:null,nested:!1,nestedOpenDialogCount:0,nestedOpenDrawerCount:0,role:`dialog`,...e}}function $(e,t=`dialog`){let{children:n,open:r,defaultOpen:i=!1,onOpenChange:a,onOpenChangeComplete:o,disablePointerDismissal:s=!1,modal:c=!0,actionsRef:l,handle:u,triggerId:d,defaultTriggerId:f=null}=e,p=t===`drawer`,m=t===`alert-dialog`,h=m?!0:c,g=m||s,_=m?`alertdialog`:`dialog`,v=U(!0),y={modal:h,disablePointerDismissal:g,nested:!!v,role:_},b=Q.useStore(u?.store,{open:i,openProp:r,activeTriggerId:f,triggerIdProp:d,...y});T(()=>{let e=r===void 0&&b.state.open===!1&&i===!0?{open:!0,activeTriggerId:f}:null;m?b.update(e?{...y,...e}:y):e&&b.update(e)}),b.useControlledProp(`openProp`,r),b.useControlledProp(`triggerIdProp`,d),b.useSyncedValues(y),b.useContextCallback(`onOpenChange`,a),b.useContextCallback(`onOpenChangeComplete`,o);let x=b.useState(`open`),S=b.useState(`mounted`),C=b.useState(`payload`);ce({store:b,actionsRef:l});let w=x||S,E=B.useMemo(()=>({store:b}),[b]);return(0,Z.jsx)(V.Provider,{value:!1,children:(0,Z.jsxs)(H.Provider,{value:E,children:[w&&(0,Z.jsx)(le,{store:b,parentContext:v?.store.context,isDrawer:p}),typeof n==`function`?n({payload:C}):n]})})}function fe(e){return $(e,B.useContext(V)?`drawer`:`dialog`)}var pe=B.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{store:s}=U(),c=C(a);return s.useSyncedValueWithCleanup(`titleElementId`,c),A(`h2`,e,{ref:t,props:[{id:c},o]})}),me=B.forwardRef(function(e,t){let{render:n,className:i,style:a,disabled:o=!1,nativeButton:s=!0,id:c,payload:l,handle:u,...d}=e,f=U(!0),p=u?.store??f?.store;if(!p)throw Error(S(79));let m=C(c),h=p.useState(`floatingRootContext`),g=p.useState(`isOpenedByTrigger`,m),_=p.useState(`triggerPopupId`,m),v=B.useRef(null),{registerTrigger:y,isMountedByThisTrigger:x}=r(m,v,p,{payload:l}),{getButtonProps:T,buttonRef:E}=O({disabled:o,native:s}),D=L(h,{enabled:h!=null}),k=ee(()=>p.select(`open`),e=>{p.set(`openMethod`,e)}),j={disabled:o,open:g},M=p.useState(`triggerProps`,x);return A(`button`,e,{state:j,ref:[E,t,y,v],props:[D.reference,M,k,{[w]:``,id:m,"aria-haspopup":`dialog`,"aria-expanded":g,"aria-controls":_},d,T],stateAttributesMapping:b})});export{se as a,K as c,$ as i,G as l,pe as n,oe as o,fe as r,q as s,me as t};

package/dist/showcase/assets/FieldItemContext-BSFHjS7g.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";var n=e(t(),1),r=n.createContext({disabled:!1});function i(){return n.useContext(r)}export{i as t};

package/dist/showcase/assets/LabelableContext-DapqaNeY.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{ar as n,fr as r,mr as i,or as a}from"./example-Cz_880po.js";var o=e(t(),1),s=function(e){return e.disabled=`data-disabled`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.filled=`data-filled`,e.focused=`data-focused`,e}({}),c={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:null,valueMissing:!1},l={valid:null,touched:!1,dirty:!1,filled:!1,focused:!1},u={disabled:!1,...l},d={valid(e){return e===null?null:e?{[s.valid]:``}:{[s.invalid]:``}}},f={invalid:void 0,name:void 0,validityData:{state:c,errors:[],error:``,value:``,initialValue:null},setValidityData:a,disabled:void 0,touched:l.touched,setTouched:a,dirty:l.dirty,setDirty:a,filled:l.filled,setFilled:a,focused:l.focused,setFocused:a,validate:()=>null,validationMode:`onSubmit`,validationDebounceTime:0,shouldValidateOnChange:()=>!1,state:u,markedDirtyRef:{current:!1},registerFieldControl:a,validation:{getValidationProps:(e,t=n)=>t,inputRef:{current:null},registerInput:a,commit:async()=>{},change:a}},p=o.createContext(f);function m(e=!0){let t=o.useContext(p);if(t.setValidityData===a&&!e)throw Error(r(28));return t}function h(e,t,n,r,a=!0,s){let{registerFieldControl:c}=m(),l=o.useRef(null);l.current||=Symbol(),i(()=>{let i=l.current;if(!(!i||!a))return c(i,{controlRef:e,getValue:r,id:t,name:s,value:n}),()=>{c(i,void 0)}},[e,a,r,t,s,c,n])}var g=o.createContext({formRef:{current:{fields:new Map}},errors:{},clearErrors:a,validationMode:`onSubmit`,submitAttemptedRef:{current:!1}});function _(){return o.useContext(g)}var v=o.createContext({controlId:void 0,registerControlId:a,labelId:void 0,setLabelId:a,messageIds:[],setMessageIds:a,getDescriptionProps:e=>e});function y(){return o.useContext(v)}export{p as a,d as c,f as i,_ as n,m as o,h as r,l as s,y as t};

package/dist/showcase/assets/{PreviewLayout-BG1B5TzA.js → PreviewLayout-CGEkbS-i.js}

@@ -1 +1 @@
-import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{s as t}from"./index-Cz4UGUT2.js";e();var n=t();function r({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`flex flex-wrap items-center gap-3 ${t}`,children:e})}function i({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`flex w-full flex-col gap-5 ${t}`,children:e})}export{r as n,i as t};
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{s as t}from"./index-BQIv1ffM.js";e();var n=t();function r({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`flex flex-wrap items-center gap-3 ${t}`,children:e})}function i({children:e,className:t=``}){return(0,n.jsx)(`div`,{className:`flex w-full flex-col gap-5 ${t}`,children:e})}export{r as n,i as t};

package/dist/showcase/assets/RadioGroup-DBA3iBQw.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Gt as ee,K as n,Mn as te,Qt as r,Wt as i,X as a,Y as o,ar as s,br as c,cr as l,fr as u,g as d,hr as f,lr as p,mr as m,nr as h,or as g,vn as ne}from"./example-Cz_880po.js";import{s as _}from"./index-BQIv1ffM.js";import{t as v}from"./useControlled-BF8maje6.js";import{p as y}from"./composite-BQFpnmS9.js";import{t as b}from"./useValueChanged-DSoTBFAJ.js";import{t as re}from"./CompositeItem-Dzu0MfUC.js";import{t as ie}from"./serializeValue-B_EucO5O.js";import{c as x,n as ae,o as oe,r as se,t as ce}from"./LabelableContext-DapqaNeY.js";import{t as S}from"./useLabelableId-DxorZ3YW.js";import{t as C}from"./FieldItemContext-BSFHjS7g.js";import{t as le}from"./useAriaLabelledBy-J_Rvjwx3.js";import{n as ue,t as w}from"./CompositeRoot-CQvQ_uj2.js";var T=e(t(),1),E=function(e){return e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.disabled=`data-disabled`,e.readonly=`data-readonly`,e.required=`data-required`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.filled=`data-filled`,e.focused=`data-focused`,e}({}),D={checked(e){return e?{[E.checked]:``}:{[E.unchecked]:``}},...o,...x},O=T.createContext(void 0);function de(){return T.useContext(O)}var k=T.createContext(void 0);function A(){let e=T.useContext(k);if(e===void 0)throw Error(u(52));return e}var j=_(),M=T.forwardRef(function(e,t){let{render:n,className:te,disabled:a=!1,readOnly:o=!1,required:u=!1,"aria-labelledby":_,value:v,inputRef:y,nativeButton:b=!1,id:x,style:ae,...se}=e,w=de(),{disabled:E,readOnly:O,required:A,form:M,checkedValue:N,touched:P=!1,validation:F,name:I}=w??{},L=w?.setCheckedValue??g,R=w?.setTouched??g,z=w?.registerControlRef??g,B=w?.registerInputRef??g,{setTouched:V,setFilled:H,state:U,disabled:W}=oe(),G=C(),{labelId:K,getDescriptionProps:fe}=ce(),q=W||G.disabled||E||a,J=O||o,Y=A||u,pe=M,X=w?N===v:v===``,Z=T.useRef(null),Q=T.useRef(null),me=f(e=>{e&&z(e,q)}),he=l(y,Q,B);m(()=>{Q.current?.checked&&H(!0)},[H]),m(()=>{if(Q.current){if(q&&X){B(null);return}Z.current&&z(Z.current,q),B(Q.current)}},[X,q,z,B]);let ge=d(),_e=S({id:x,implicit:!1,controlRef:Z}),ve=b?void 0:_e,ye=le(_,K,Q,!b,ve),be={role:`radio`,"aria-checked":X,"aria-required":Y||void 0,"aria-readonly":J||void 0,"aria-labelledby":ye,[ue]:X?``:void 0,id:b?_e:ge,onKeyDown(e){e.key===`Enter`&&e.preventDefault()},onClick(e){if(e.defaultPrevented||q||J)return;e.preventDefault();let t=Q.current;t&&t.dispatchEvent(new(c(t)).PointerEvent(`click`,{bubbles:!0,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey}))},onFocus(e){e.defaultPrevented||q||J||!P||(Q.current?.click(),R(!1))}},{getButtonProps:xe,buttonRef:Se}=p({disabled:q,native:b,composite:!1}),Ce={type:`radio`,ref:he,form:pe,id:ve,name:I,tabIndex:-1,style:I?ee:i,"aria-hidden":!0,...v===void 0?s:{value:ie(v)},disabled:q,checked:X,required:Y,readOnly:J,onChange(e){if(e.nativeEvent.defaultPrevented||q||J||v===void 0)return;let t=r(ne,e.nativeEvent);L(v,t),!t.isCanceled&&V(!0)},onFocus(){Z.current?.focus()}},$=T.useMemo(()=>({...U,required:Y,disabled:q,readOnly:J,checked:X}),[U,q,J,X,Y]),we=$,Te=w!==void 0,Ee=[t,Z,Se,me],De=[be,se,xe,fe,F?e=>F.getValidationProps(q,e):s],Oe=h(`span`,e,{enabled:!Te,state:$,ref:Ee,props:De,stateAttributesMapping:D});return(0,j.jsxs)(k.Provider,{value:we,children:[Te?(0,j.jsx)(re,{tag:`span`,render:n,className:te,style:ae,state:$,refs:Ee,props:De,stateAttributesMapping:D}):Oe,(0,j.jsx)(`input`,{...Ce,suppressHydrationWarning:!0})]})}),N=T.forwardRef(function(e,t){let{render:ee,className:te,style:r,keepMounted:i=!1,...o}=e,s=A(),c=s.checked,{mounted:l,transitionStatus:u,setMounted:d}=a(c),f={...s,transitionStatus:u},p=T.useRef(null),m=i||l,g=h(`span`,e,{ref:[t,p],state:f,props:o,stateAttributesMapping:D});return n({open:c,ref:p,onComplete(){c||d(!1)}}),m?g:null}),P=T.createContext(void 0);function F(e=!1){let t=T.useContext(P);if(!t&&!e)throw Error(u(86));return t}var I=[y],L=T.forwardRef(function(e,t){let{render:ee,className:n,disabled:r,readOnly:i,required:a,onValueChange:o,value:s,defaultValue:c,form:l,name:u,inputRef:p,id:m,style:h,...g}=e,{setTouched:ne,setFocused:_,validationMode:y,name:re,disabled:ie,state:S,validation:C,setDirty:le,setFilled:ue,validityData:E}=oe(),{labelId:D}=ce(),{clearErrors:de}=ae(),k=F(!0),A=ie||r,M=re??u,N=d(m),[P,L]=v({controlled:s,default:c,name:`RadioGroup`,state:`value`}),[R,z]=T.useState(!1),B=f((e,t)=>{o?.(e,t),!t.isCanceled&&L(e)}),V=T.useRef(null),H=T.useRef(null),U=T.useRef(null);function W(e){let t;return p&&(typeof p==`function`?t=p(e):p.current=e),H.current=e,C.inputRef.current=e,t}let G=f((e,t=!1)=>{if(e){if(t){V.current===e&&(V.current=null);return}V.current??=e}}),K=f(e=>{if(!e||e.disabled)return;U.current||=e;let t=H.current;if(e.checked||t==null||t.disabled)return W(e)}),fe=f(()=>{let e=H.current;return!e||e.disabled||!e.checked?null:P??null});se(V,N,P??null,fe,!A,u),b(P,()=>{de(M),le(P!==E.initialValue),ue(P!=null),C.change(P);let e=U.current;P==null&&e&&!e.disabled&&W(e)});let q=g[`aria-labelledby`]??D??k?.legendId,J={...S,disabled:A??!1,required:a??!1,readOnly:i??!1},Y=T.useMemo(()=>({...S,checkedValue:P,disabled:A,form:l,validation:C,name:M,readOnly:i,registerControlRef:G,registerInputRef:K,required:a,setCheckedValue:B,setTouched:z,touched:R}),[P,A,l,C,S,M,i,G,K,a,B,z,R]),pe={id:m,role:`radiogroup`,"aria-required":a||void 0,"aria-disabled":A||void 0,"aria-readonly":i||void 0,"aria-labelledby":q,onFocus(){_(!0)},onBlur(e){te(e.currentTarget,e.relatedTarget)||(ne(!0),_(!1),y===`onBlur`&&C.commit(P))},onKeyDownCapture(e){e.key.startsWith(`Arrow`)&&(z(!0),_(!0))}};return(0,j.jsx)(O.Provider,{value:Y,children:(0,j.jsx)(w,{render:ee,className:n,style:h,state:J,props:[pe,g,e=>C.getValidationProps(A??!1,e)],refs:[t],stateAttributesMapping:x,enableHomeAndEndKeys:!1,modifierKeys:I})})});export{N as n,M as r,L as t};

package/dist/showcase/assets/Separator-BEMr82IS.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{nr as n}from"./example-Cz_880po.js";var r=e(t(),1).forwardRef(function(e,t){let{className:r,render:i,orientation:a=`horizontal`,style:o,...s}=e;return n(`div`,e,{state:{orientation:a},ref:t,props:[{role:`separator`,"aria-orientation":a},s]})});export{r as t};

package/dist/showcase/assets/ToolbarRootContext-xN-ruoGR.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{fr as n}from"./example-Cz_880po.js";var r=e(t(),1),i=r.createContext(void 0);function a(e){let t=r.useContext(i);if(t===void 0&&!e)throw Error(n(69));return t}export{a as t};

package/dist/showcase/assets/{accordion-BWkuKg77.js → accordion-B-Iy0jKu.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Tr as i,hr as a,mr as o,t as s,yr as c}from"./example-BIrQab7K.js";import{t as l}from"./bell-Dt3Nz2y2.js";import{t as u}from"./circle-question-mark-Dbi-WTYN.js";import{t as d}from"./credit-card-CYgRtM77.js";import{t as f}from"./lock-Dn4-vUBz.js";import{t as p}from"./settings-BSRT_96A.js";import{t as m}from"./sparkles-DFJmoAFP.js";import{k as h,n as g,s as _}from"./index-Cz4UGUT2.js";import{t as v}from"./props-table-BR-KjRNe.js";import{a as y,c as b,i as x,n as S,o as C,r as w,s as T,t as E}from"./accordion-variants-CVT_62VO.js";import{t as D}from"./icon-badge-CxvxB8Vd.js";import{t as O}from"./smart-card-B4P_C0nk.js";var k={regionAriaLabel:void 0},A=t(n(),1),j=_(),M=(0,A.forwardRef)(function({items:e,multiple:t=!1,defaultValue:n,value:i,onValueChange:a,variant:o=`card`,iconStyle:s=`medallion`,className:c,itemClassName:l,triggerClassName:u,contentClassName:d,strings:f},p){let m=h(k,f);return(0,j.jsx)(y,{ref:p,multiple:t,defaultValue:n,value:i,onValueChange:a?e=>a(e):void 0,"aria-label":m.regionAriaLabel,className:g(`smart-accordion--component`,w[o],c),children:e.map(e=>(0,j.jsxs)(T,{value:e.value,className:g(S[o],l),children:[(0,j.jsx)(b,{className:g(x,u),disabled:e.disabled,children:(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:[(0,j.jsx)(N,{iconStyle:s,icon:e.icon}),(0,j.jsx)(r,{tag:`span`,weight:`semibold`,children:e.title}),!!e.badge&&(0,j.jsx)(`span`,{className:`ml-1 inline-flex shrink-0`,children:e.badge})]})}),(0,j.jsx)(C,{className:g(s===`medallion`?E.withMedallion:E.withoutMedallion,d),children:(0,j.jsx)(r,{type:`secondary`,className:`leading-relaxed`,children:e.content})})]},e.value))})});M.displayName=`SmartAccordion`;function N({iconStyle:e,icon:t}){return e===`none`||!t?null:e===`inline`?(0,j.jsx)(`span`,{className:`inline-flex shrink-0 text-muted-foreground`,children:t}):(0,j.jsx)(D,{size:`sm`,tone:`muted`,shape:`circle`,"aria-hidden":`true`,children:t})}var P=e({CompoundApi:()=>K,Default:()=>L,IconStyleInline:()=>H,IconStyleMedallion:()=>V,IconStyleNone:()=>U,MultipleOpen:()=>W,RealisticFAQ:()=>q,VariantBordered:()=>z,VariantCard:()=>R,VariantFlat:()=>B,WithBadgeAndDisabled:()=>G}),F=[{value:`account`,icon:(0,j.jsx)(p,{className:`size-4`}),title:`Account settings`,badge:(0,j.jsx)(c,{variant:`primary`,children:`New`}),content:`Manage your account preferences, security settings, and personal information. You can also configure two-factor authentication here.`},{value:`privacy`,icon:(0,j.jsx)(f,{className:`size-4`}),title:`Privacy & security`,content:`Control who can see your profile and what data we collect. View our latest security audits and transparency reports.`},{value:`notifications`,icon:(0,j.jsx)(l,{className:`size-4`}),title:`Notifications`,badge:(0,j.jsx)(c,{variant:`secondary`,children:`3`}),content:`Choose which events trigger an email or push notification. Granular per-channel control.`},{value:`billing`,icon:(0,j.jsx)(d,{className:`size-4`}),title:`Billing`,content:`Update your payment method, download invoices, and manage seats.`,disabled:!0},{value:`support`,icon:(0,j.jsx)(u,{className:`size-4`}),title:`Help & support`,content:`Access our help center, community forums, and contact support 24/7.`}],I=[{value:`a`,title:`What is included in the plan?`,content:`Everything in the free tier plus team seats, audit log, and custom roles.`},{value:`b`,title:`Can I switch plans later?`,content:`Yes — upgrades take effect immediately, downgrades at the next billing cycle.`},{value:`c`,title:`Do you offer discounts for non-profits?`,content:`We do — drop a note to billing with proof of status.`}];function L(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),defaultValue:[`account`]})})}function R(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),variant:`card`,defaultValue:[`account`]})})}function z(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),variant:`bordered`,defaultValue:[`privacy`]})})}function B(){return(0,j.jsx)(O,{padding:`sm`,className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:I,variant:`flat`,iconStyle:`none`,defaultValue:[`a`]})})}function V(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),iconStyle:`medallion`,defaultValue:[`account`]})})}function H(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),iconStyle:`inline`,defaultValue:[`account`]})})}function U(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:I,iconStyle:`none`,defaultValue:[`a`]})})}function W(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),multiple:!0,defaultValue:[`account`,`privacy`]})})}function G(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F,defaultValue:[`account`]})})}function K(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsxs)(y,{defaultValue:[`custom`],children:[(0,j.jsxs)(T,{value:`custom`,className:`rounded-md border bg-card mb-2`,children:[(0,j.jsx)(b,{className:`px-4 py-3`,children:(0,j.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsx)(m,{className:`size-4 text-primary`}),(0,j.jsx)(r,{tag:`span`,weight:`semibold`,children:`Custom row layout`}),(0,j.jsx)(c,{variant:`warning`,children:`Beta`})]})}),(0,j.jsx)(C,{className:`px-4 pb-4`,children:(0,j.jsx)(r,{type:`secondary`,children:`Drop down to the compound API when you need more than icon + title + body — e.g. multi-line meta, action rows, or custom indicators.`})})]}),(0,j.jsxs)(T,{value:`another`,className:`rounded-md border bg-card`,children:[(0,j.jsx)(b,{className:`px-4 py-3`,children:(0,j.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,j.jsx)(r,{tag:`span`,weight:`semibold`,children:`Two-line trigger`}),(0,j.jsx)(r,{size:`xs`,type:`secondary`,children:`Updated 2h ago`})]})}),(0,j.jsx)(C,{className:`px-4 pb-4`,children:(0,j.jsx)(r,{type:`secondary`,children:`Body content for the second item.`})})]})]})})}function q(){return(0,j.jsxs)(`div`,{className:`w-full max-w-xl space-y-4`,children:[(0,j.jsx)(i,{tag:`h4`,subHeading:`Everything you need to know before signing up.`,children:`Frequently asked questions`}),(0,j.jsx)(M,{items:I,variant:`bordered`,iconStyle:`none`})]})}var J=`import { Bell, CreditCard, HelpCircle, Lock, Settings, Sparkles } from 'lucide-react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Lr as a,Rr as o,jr as s,t as c}from"./example-Cz_880po.js";import{t as l}from"./bell-C80n9VRl.js";import{t as u}from"./circle-question-mark-xYn9p1nL.js";import{t as d}from"./credit-card-CAI3F3HB.js";import{t as f}from"./lock-DLIcOBUd.js";import{t as p}from"./settings-DRmWJILI.js";import{t as m}from"./sparkles-N8rqKQez.js";import{k as h,n as g,s as _}from"./index-BQIv1ffM.js";import{t as v}from"./props-table-2pIZzGC-.js";import{a as y,c as b,i as x,n as S,o as C,r as w,s as T,t as E}from"./accordion-variants-B9GD0oBE.js";import{t as D}from"./icon-badge-dwVx3Hxf.js";import{t as O}from"./smart-card-Dhu_1A_u.js";var k={regionAriaLabel:void 0},A=t(n(),1),j=_(),M=(0,A.forwardRef)(function({items:e,multiple:t=!1,defaultValue:n,value:r,onValueChange:i,variant:a=`card`,iconStyle:s=`medallion`,className:c,itemClassName:l,triggerClassName:u,contentClassName:d,strings:f},p){let m=h(k,f);return(0,j.jsx)(y,{ref:p,multiple:t,defaultValue:n,value:r,onValueChange:i?e=>i(e):void 0,"aria-label":m.regionAriaLabel,className:g(`smart-accordion--component`,w[a],c),children:e.map(e=>(0,j.jsxs)(T,{value:e.value,className:g(S[a],l),children:[(0,j.jsx)(b,{className:g(x,u),disabled:e.disabled,children:(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:[(0,j.jsx)(N,{iconStyle:s,icon:e.icon}),(0,j.jsx)(o,{tag:`span`,weight:`semibold`,children:e.title}),!!e.badge&&(0,j.jsx)(`span`,{className:`ml-1 inline-flex shrink-0`,children:e.badge})]})}),(0,j.jsx)(C,{className:g(s===`medallion`?E.withMedallion:E.withoutMedallion,d),children:(0,j.jsx)(o,{type:`secondary`,className:`leading-relaxed`,children:e.content})})]},e.value))})});M.displayName=`SmartAccordion`;function N({iconStyle:e,icon:t}){return e===`none`||!t?null:e===`inline`?(0,j.jsx)(`span`,{className:`inline-flex shrink-0 text-muted-foreground`,children:t}):(0,j.jsx)(D,{size:`sm`,tone:`muted`,shape:`circle`,"aria-hidden":`true`,children:t})}var P=e({CompoundApi:()=>K,Default:()=>L,IconStyleInline:()=>H,IconStyleMedallion:()=>V,IconStyleNone:()=>U,MultipleOpen:()=>W,RealisticFAQ:()=>q,VariantBordered:()=>z,VariantCard:()=>R,VariantFlat:()=>B,WithBadgeAndDisabled:()=>G}),F=[{value:`account`,icon:(0,j.jsx)(p,{className:`size-4`}),title:`Account settings`,badge:(0,j.jsx)(s,{variant:`primary`,children:`New`}),content:`Manage your account preferences, security settings, and personal information. You can also configure two-factor authentication here.`},{value:`privacy`,icon:(0,j.jsx)(f,{className:`size-4`}),title:`Privacy & security`,content:`Control who can see your profile and what data we collect. View our latest security audits and transparency reports.`},{value:`notifications`,icon:(0,j.jsx)(l,{className:`size-4`}),title:`Notifications`,badge:(0,j.jsx)(s,{variant:`secondary`,children:`3`}),content:`Choose which events trigger an email or push notification. Granular per-channel control.`},{value:`billing`,icon:(0,j.jsx)(d,{className:`size-4`}),title:`Billing`,content:`Update your payment method, download invoices, and manage seats.`,disabled:!0},{value:`support`,icon:(0,j.jsx)(u,{className:`size-4`}),title:`Help & support`,content:`Access our help center, community forums, and contact support 24/7.`}],I=[{value:`a`,title:`What is included in the plan?`,content:`Everything in the free tier plus team seats, audit log, and custom roles.`},{value:`b`,title:`Can I switch plans later?`,content:`Yes — upgrades take effect immediately, downgrades at the next billing cycle.`},{value:`c`,title:`Do you offer discounts for non-profits?`,content:`We do — drop a note to billing with proof of status.`}];function L(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),defaultValue:[`account`]})})}function R(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),variant:`card`,defaultValue:[`account`]})})}function z(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),variant:`bordered`,defaultValue:[`privacy`]})})}function B(){return(0,j.jsx)(O,{padding:`sm`,className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:I,variant:`flat`,iconStyle:`none`,defaultValue:[`a`]})})}function V(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),iconStyle:`medallion`,defaultValue:[`account`]})})}function H(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),iconStyle:`inline`,defaultValue:[`account`]})})}function U(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:I,iconStyle:`none`,defaultValue:[`a`]})})}function W(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F.slice(0,3),multiple:!0,defaultValue:[`account`,`privacy`]})})}function G(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsx)(M,{items:F,defaultValue:[`account`]})})}function K(){return(0,j.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,j.jsxs)(y,{defaultValue:[`custom`],children:[(0,j.jsxs)(T,{value:`custom`,className:`rounded-md border bg-card mb-2`,children:[(0,j.jsx)(b,{className:`px-4 py-3`,children:(0,j.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsx)(m,{className:`size-4 text-primary`}),(0,j.jsx)(o,{tag:`span`,weight:`semibold`,children:`Custom row layout`}),(0,j.jsx)(s,{variant:`warning`,children:`Beta`})]})}),(0,j.jsx)(C,{className:`px-4 pb-4`,children:(0,j.jsx)(o,{type:`secondary`,children:`Drop down to the compound API when you need more than icon + title + body — e.g. multi-line meta, action rows, or custom indicators.`})})]}),(0,j.jsxs)(T,{value:`another`,className:`rounded-md border bg-card`,children:[(0,j.jsx)(b,{className:`px-4 py-3`,children:(0,j.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,j.jsx)(o,{tag:`span`,weight:`semibold`,children:`Two-line trigger`}),(0,j.jsx)(o,{size:`xs`,type:`secondary`,children:`Updated 2h ago`})]})}),(0,j.jsx)(C,{className:`px-4 pb-4`,children:(0,j.jsx)(o,{type:`secondary`,children:`Body content for the second item.`})})]})]})})}function q(){return(0,j.jsxs)(`div`,{className:`w-full max-w-xl space-y-4`,children:[(0,j.jsx)(a,{tag:`h4`,subHeading:`Everything you need to know before signing up.`,children:`Frequently asked questions`}),(0,j.jsx)(M,{items:I,variant:`bordered`,iconStyle:`none`})]})}var J=`import { Bell, CreditCard, HelpCircle, Lock, Settings, Sparkles } from 'lucide-react';
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, SmartAccordion } from '@/components/base/accordion';
 import { Badge } from '@/components/base/badge';
 import { SmartCard } from '@/components/base/cards';
@@ -166,6 +166,6 @@ export function RealisticFAQ() {
 		</div>
 	);
 }
-`;function Y(e){let t={code:`code`,p:`p`,...e.components};return P||Z(`Examples`,!1),K||Z(`Examples.CompoundApi`,!0),L||Z(`Examples.Default`,!0),H||Z(`Examples.IconStyleInline`,!0),V||Z(`Examples.IconStyleMedallion`,!0),U||Z(`Examples.IconStyleNone`,!0),W||Z(`Examples.MultipleOpen`,!0),q||Z(`Examples.RealisticFAQ`,!0),z||Z(`Examples.VariantBordered`,!0),R||Z(`Examples.VariantCard`,!0),B||Z(`Examples.VariantFlat`,!0),G||Z(`Examples.WithBadgeAndDisabled`,!0),(0,j.jsxs)(a,{title:`Accordion`,description:`Two tiers — pass-through compound parts (Accordion / AccordionItem / AccordionTrigger / AccordionContent) for full control, or SmartAccordion for the canonical icon + title + optional badge + body admin pattern.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/accordion`,children:[(0,j.jsx)(o,{title:`Overview`,id:`overview`,children:(0,j.jsxs)(t.p,{children:[(0,j.jsx)(t.code,{children:`SmartAccordion`}),` is the 90% case — pass an `,(0,j.jsx)(t.code,{children:`items`}),` array of `,(0,j.jsx)(t.code,{children:`{ value, title, icon?, badge?, content, disabled? }`}),` and pick a visual `,(0,j.jsx)(t.code,{children:`variant`}),` (`,(0,j.jsx)(t.code,{children:`card`}),` |
+`;function Y(e){let t={code:`code`,p:`p`,...e.components};return P||Z(`Examples`,!1),K||Z(`Examples.CompoundApi`,!0),L||Z(`Examples.Default`,!0),H||Z(`Examples.IconStyleInline`,!0),V||Z(`Examples.IconStyleMedallion`,!0),U||Z(`Examples.IconStyleNone`,!0),W||Z(`Examples.MultipleOpen`,!0),q||Z(`Examples.RealisticFAQ`,!0),z||Z(`Examples.VariantBordered`,!0),R||Z(`Examples.VariantCard`,!0),B||Z(`Examples.VariantFlat`,!0),G||Z(`Examples.WithBadgeAndDisabled`,!0),(0,j.jsxs)(r,{title:`Accordion`,description:`Two tiers — pass-through compound parts (Accordion / AccordionItem / AccordionTrigger / AccordionContent) for full control, or SmartAccordion for the canonical icon + title + optional badge + body admin pattern.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/accordion`,children:[(0,j.jsx)(i,{title:`Overview`,id:`overview`,children:(0,j.jsxs)(t.p,{children:[(0,j.jsx)(t.code,{children:`SmartAccordion`}),` is the 90% case — pass an `,(0,j.jsx)(t.code,{children:`items`}),` array of `,(0,j.jsx)(t.code,{children:`{ value, title, icon?, badge?, content, disabled? }`}),` and pick a visual `,(0,j.jsx)(t.code,{children:`variant`}),` (`,(0,j.jsx)(t.code,{children:`card`}),` |
 `,(0,j.jsx)(t.code,{children:`bordered`}),` | `,(0,j.jsx)(t.code,{children:`flat`}),`) and an `,(0,j.jsx)(t.code,{children:`iconStyle`}),` (`,(0,j.jsx)(t.code,{children:`medallion`}),` | `,(0,j.jsx)(t.code,{children:`inline`}),` | `,(0,j.jsx)(t.code,{children:`none`}),`).
-Drop down to the compound `,(0,j.jsx)(t.code,{children:`Accordion`}),` parts for richer rows.`]})}),(0,j.jsx)(o,{title:`Default`,id:`default`,children:(0,j.jsx)(s,{name:`Default`,source:J,children:(0,j.jsx)(L,{})})}),(0,j.jsxs)(o,{title:`Variants`,id:`variants`,children:[(0,j.jsx)(s,{name:`VariantCard`,source:J,children:(0,j.jsx)(R,{})}),(0,j.jsx)(s,{name:`VariantBordered`,source:J,children:(0,j.jsx)(z,{})}),(0,j.jsx)(s,{name:`VariantFlat`,source:J,children:(0,j.jsx)(B,{})})]}),(0,j.jsxs)(o,{title:`Icon styles`,id:`icon-styles`,children:[(0,j.jsx)(s,{name:`IconStyleMedallion`,source:J,children:(0,j.jsx)(V,{})}),(0,j.jsx)(s,{name:`IconStyleInline`,source:J,children:(0,j.jsx)(H,{})}),(0,j.jsx)(s,{name:`IconStyleNone`,source:J,children:(0,j.jsx)(U,{})})]}),(0,j.jsxs)(o,{title:`States`,id:`states`,children:[(0,j.jsx)(s,{name:`MultipleOpen`,source:J,children:(0,j.jsx)(W,{})}),(0,j.jsx)(s,{name:`WithBadgeAndDisabled`,source:J,children:(0,j.jsx)(G,{})})]}),(0,j.jsx)(o,{title:`Compound API`,id:`compound`,children:(0,j.jsx)(s,{name:`CompoundApi`,source:J,children:(0,j.jsx)(K,{})})}),(0,j.jsx)(o,{title:`Realistic usage`,id:`realistic`,children:(0,j.jsx)(s,{name:`RealisticFAQ`,source:J,children:(0,j.jsx)(q,{})})}),(0,j.jsx)(o,{title:`API`,id:`api`,children:(0,j.jsx)(v,{component:`SmartAccordion`})})]})}function X(e={}){let{wrapper:t}=e.components||{};return t?(0,j.jsx)(t,{...e,children:(0,j.jsx)(Y,{...e})}):Y(e)}function Z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{X as default};
+Drop down to the compound `,(0,j.jsx)(t.code,{children:`Accordion`}),` parts for richer rows.`]})}),(0,j.jsx)(i,{title:`Default`,id:`default`,children:(0,j.jsx)(c,{name:`Default`,source:J,children:(0,j.jsx)(L,{})})}),(0,j.jsxs)(i,{title:`Variants`,id:`variants`,children:[(0,j.jsx)(c,{name:`VariantCard`,source:J,children:(0,j.jsx)(R,{})}),(0,j.jsx)(c,{name:`VariantBordered`,source:J,children:(0,j.jsx)(z,{})}),(0,j.jsx)(c,{name:`VariantFlat`,source:J,children:(0,j.jsx)(B,{})})]}),(0,j.jsxs)(i,{title:`Icon styles`,id:`icon-styles`,children:[(0,j.jsx)(c,{name:`IconStyleMedallion`,source:J,children:(0,j.jsx)(V,{})}),(0,j.jsx)(c,{name:`IconStyleInline`,source:J,children:(0,j.jsx)(H,{})}),(0,j.jsx)(c,{name:`IconStyleNone`,source:J,children:(0,j.jsx)(U,{})})]}),(0,j.jsxs)(i,{title:`States`,id:`states`,children:[(0,j.jsx)(c,{name:`MultipleOpen`,source:J,children:(0,j.jsx)(W,{})}),(0,j.jsx)(c,{name:`WithBadgeAndDisabled`,source:J,children:(0,j.jsx)(G,{})})]}),(0,j.jsx)(i,{title:`Compound API`,id:`compound`,children:(0,j.jsx)(c,{name:`CompoundApi`,source:J,children:(0,j.jsx)(K,{})})}),(0,j.jsx)(i,{title:`Realistic usage`,id:`realistic`,children:(0,j.jsx)(c,{name:`RealisticFAQ`,source:J,children:(0,j.jsx)(q,{})})}),(0,j.jsx)(i,{title:`API`,id:`api`,children:(0,j.jsx)(v,{component:`SmartAccordion`})})]})}function X(e={}){let{wrapper:t}=e.components||{};return t?(0,j.jsx)(t,{...e,children:(0,j.jsx)(Y,{...e})}):Y(e)}function Z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{X as default};

package/dist/showcase/assets/accordion-variants-B9GD0oBE.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Y as n,cr as r,fr as i,g as a,hr as o,lr as s,m as c,mr as l,nr as u,rr as d}from"./example-Cz_880po.js";import{t as f}from"./chevron-down-ByPPEdNm.js";import{t as p}from"./chevron-up-Cha879Nz.js";import{n as m,s as h}from"./index-BQIv1ffM.js";import{t as g}from"./useControlled-BF8maje6.js";import{n as _,r as v}from"./useCompositeListItem-BWfShNPP.js";import{a as y,i as b,n as x,o as S,r as C,t as w}from"./useCollapsiblePanel-BwUOowW2.js";var T=e(t(),1),E=T.createContext(void 0);function D(){let e=T.useContext(E);if(e===void 0)throw Error(i(10));return e}var O=h(),k={value:()=>null},A=T.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,hiddenUntilFound:a,keepMounted:s,loopFocus:l,onValueChange:d,multiple:f=!1,orientation:p=`vertical`,value:m,defaultValue:h,style:_,...y}=e,b=c(),x=T.useMemo(()=>{if(m===void 0)return h??[]},[m,h]),S=T.useRef([]),[C,w]=g({controlled:m,default:x,name:`Accordion`,state:`value`}),D=o((e,t,n)=>{if(!f){let t=C[0]===e?[]:[e];if(d?.(t,n),n.isCanceled)return;w(t)}else if(t){let t=C.slice();if(t.push(e),d?.(t,n),n.isCanceled)return;w(t)}else{let t=C.filter(t=>t!==e);if(d?.(t,n),n.isCanceled)return;w(t)}}),A=T.useMemo(()=>({value:C,disabled:i,orientation:p}),[C,i,p]),j=T.useMemo(()=>({disabled:i,handleValueChange:D,hiddenUntilFound:a??!1,keepMounted:s??!1,state:A,value:C}),[i,D,a,s,A,C]),M=u(`div`,e,{state:A,ref:t,props:[{dir:b},y],stateAttributesMapping:k});return(0,O.jsx)(E.Provider,{value:j,children:(0,O.jsx)(v,{elementsRef:S,children:M})})}),j=T.createContext(void 0);function M(){let e=T.useContext(j);if(e===void 0)throw Error(i(9));return e}var N=function(e){return e.index=`data-index`,e.disabled=`data-disabled`,e.open=`data-open`,e}({}),P={...x,index:e=>Number.isInteger(e)?{[N.index]:String(e)}:null,...n,value:()=>null},F=T.forwardRef(function(e,t){let{className:n,disabled:i=!1,onOpenChange:s,render:c,value:l,style:d,...f}=e,{ref:p,index:m}=_(),h=r(t,p),{disabled:g,handleValueChange:v,state:y,value:x}=D(),C=a(),w=l??C,E=i||g,k=T.useMemo(()=>{if(!x)return!1;for(let e=0;e<x.length;e+=1)if(x[e]===w)return!0;return!1},[x,w]),A=o((e,t)=>{s?.(e,t),!t.isCanceled&&v(w,e,t)}),M=S({open:k,onOpenChange:A,disabled:E}),N=T.useMemo(()=>({open:M.open,disabled:M.disabled,transitionStatus:M.transitionStatus}),[M.open,M.disabled,M.transitionStatus]),F=T.useMemo(()=>({...M,onOpenChange:A,state:N}),[M,N,A]),I=T.useMemo(()=>({...y,hidden:!k&&!M.mounted,index:m,disabled:E,open:k}),[M.mounted,E,m,k,y]),L=a(),[R,z]=T.useState(),B=T.useMemo(()=>({open:k,state:I,setTriggerId:z,triggerId:R??L}),[L,k,I,z,R]),V=u(`div`,e,{state:I,ref:h,props:f,stateAttributesMapping:P});return(0,O.jsx)(b.Provider,{value:F,children:(0,O.jsx)(j.Provider,{value:B,children:V})})}),I=T.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{state:o}=M();return u(`h3`,e,{state:o,ref:t,props:a,stateAttributesMapping:P})}),L=T.forwardRef(function(e,t){let{disabled:n,className:r,id:i,render:a,nativeButton:o=!0,style:c,...d}=e,{panelId:f,open:p,handleTrigger:m,disabled:h}=y(),{getButtonProps:g,buttonRef:_}=s({disabled:n||h,focusableWhenDisabled:!0,native:o}),{state:v,setTriggerId:b,triggerId:x}=M();return l(()=>(i&&b(i),()=>{b(void 0)}),[i,b]),u(`button`,e,{state:v,ref:[t,_],props:[{"aria-controls":p?f:void 0,"aria-expanded":p,id:x,onClick:m},d,g],stateAttributesMapping:C})}),R=function(e){return e.accordionPanelHeight=`--accordion-panel-height`,e.accordionPanelWidth=`--accordion-panel-width`,e}({}),z=T.forwardRef(function(e,t){let{className:n,hiddenUntilFound:r,keepMounted:i,id:a,render:o,style:s,...c}=e,{hiddenUntilFound:f,keepMounted:p}=D(),{mounted:m,onOpenChange:h,open:g,panelId:_,setMounted:v,setOpen:b,setPanelIdState:x,transitionStatus:S}=y(),C=r??f,T=i??p;l(()=>{if(a)return x(a),()=>{x(void 0)}},[a,x]);let{height:E,props:O,ref:k,shouldPreventOpenAnimation:A,shouldRender:j,transitionStatus:N,width:F}=w({externalRef:t,hiddenUntilFound:C,id:a??_,keepMounted:T,mounted:m,onOpenChange:h,open:g,setMounted:v,setOpen:b,transitionStatus:S}),{state:I,triggerId:L}=M(),z={...I,transitionStatus:N},B=d(s,z),V=u(`div`,{...e,style:void 0},{state:z,ref:k,props:[O,{"aria-labelledby":L,role:`region`,style:{[R.accordionPanelHeight]:E===void 0?`auto`:`${E}px`,[R.accordionPanelWidth]:F===void 0?`auto`:`${F}px`}},c,B?{style:B}:void 0,A?{style:{animationName:`none`}}:void 0],stateAttributesMapping:P});return j?V:null});function B({className:e,...t}){return(0,O.jsx)(A,{"data-slot":`accordion`,className:m(`flex w-full flex-col overflow-hidden rounded-2xl border`,e),...t})}function V({className:e,...t}){return(0,O.jsx)(F,{"data-slot":`accordion-item`,className:m(`not-last:border-b data-open:bg-muted/50`,e),...t})}function H({className:e,children:t,...n}){return(0,O.jsx)(I,{className:`flex`,children:(0,O.jsxs)(L,{"data-slot":`accordion-trigger`,className:m(`group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground`,e),...n,children:[t,(0,O.jsx)(f,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden`}),(0,O.jsx)(p,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline`})]})})}function U({className:e,children:t,...n}){return(0,O.jsx)(z,{"data-slot":`accordion-content`,className:`overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up`,...n,children:(0,O.jsx)(`div`,{className:m(`h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4`,e),children:t})})}var W={card:`space-y-2 border-0 rounded-none overflow-visible`,bordered:`rounded-lg border border-border bg-card overflow-hidden`,flat:`border-0 rounded-none bg-transparent overflow-visible`},G={card:`border border-border bg-card rounded-md data-open:bg-card`,bordered:`bg-transparent not-last:border-b border-border data-open:bg-muted/40`,flat:`border-0 bg-transparent data-open:bg-muted/30 rounded-md`},K=`gap-3 px-3 py-(--row-py) text-left hover:no-underline`,q={withMedallion:`pl-12 pr-3 pt-0`,withoutMedallion:`pl-3 pr-3 pt-0`};export{B as a,H as c,K as i,G as n,U as o,W as r,V as s,q as t};

package/dist/showcase/assets/{action-menu-BOUHlGba.js → action-menu-CMUF6gPp.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{r as n}from"./example-BIrQab7K.js";import{t as r}from"./ellipsis-vertical-yH8S83bc.js";import{n as i,s as a}from"./index-Cz4UGUT2.js";import{a as o,l as s,r as c,s as l,t as u}from"./dropdown-menu-bPWrLPgm.js";var d=e(t(),1),f=a(),p=({label:e,icon:t=r,srText:a=`Open menu`,buttonProps:o,align:l=`center`,children:p,contentClassName:m=``,width:h=`w-auto`,closeOnSelect:g=!1,density:_=`default`})=>{let[v,y]=d.useState(!1),b=d.useMemo(()=>{let e=d.Children.toArray(p).map(e=>{if(!d.isValidElement(e)||e.type.displayName!==`MenuAction`)return e;let t=e,n=t.props.onClick;return d.cloneElement(t,{onClick:()=>{n&&n(),g&&y(!1)},density:t.props.density??_})}),t=e.filter(e=>d.isValidElement(e)?e.props.variant!==`error`:!1),n=e.filter(e=>d.isValidElement(e)?e.props.variant===`error`:!1);return[...t,...n]},[p,g,_]),x={variant:`secondary`,buttonStyle:`ghost`,size:`icon`,className:`h-8 w-8 p-0`},{variant:S=`secondary`,buttonStyle:C=`ghost`,size:w=`icon`,className:T,...E}={...x,...o,className:i(x.className,o?.className)},D=e?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t,{className:`h-4 w-4 mr-2`}),e]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t,{className:`h-4 w-4`}),(0,f.jsx)(`span`,{className:`sr-only`,children:a})]});return(0,f.jsxs)(u,{open:v,onOpenChange:y,children:[(0,f.jsx)(s,{render:e=>(0,f.jsx)(n,{...E,...e,type:`button`,variant:S,buttonStyle:C,size:w,className:i(`action-menu--component`,T,e.className),children:D})}),(0,f.jsx)(c,{align:l,className:i(h,`min-w-[140px] p-2`,_===`table`&&`text-xxs leading-4`,m),children:b})]})};p.displayName=`ActionMenu`;var m=d.forwardRef(({onClick:e,href:t,prefetch:n,disabled:r=!1,icon:a,label:s,variant:c=`secondary`,className:u=``,children:d,density:p=`default`},m)=>{let h=t&&!r,g=h?e=>(0,f.jsx)(`a`,{...e,href:t,className:i(e.className)}):void 0;return d?h?(0,f.jsx)(l,{href:t,onClick:e,render:g,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`text-inherit leading-4`,u),children:d}):(0,f.jsx)(o,{ref:m,disabled:r,onClick:e,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`text-inherit leading-4`,u),children:d}):h?(0,f.jsxs)(l,{href:t,variant:c===`error`?`destructive`:`default`,onClick:e,render:g,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`leading-4`,u),children:[!!a&&(0,f.jsx)(a,{className:`h-3.5 w-3.5`}),s]}):(0,f.jsxs)(o,{ref:m,disabled:r,variant:c===`error`?`destructive`:`default`,onClick:e,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`leading-4`,u),children:[!!a&&(0,f.jsx)(a,{className:`h-3.5 w-3.5`}),s]})});m.displayName=`MenuAction`;export{m as n,p as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{r as n}from"./example-Cz_880po.js";import{t as r}from"./ellipsis-vertical-CAiMV7G2.js";import{n as i,s as a}from"./index-BQIv1ffM.js";import{a as o,l as s,r as c,s as l,t as u}from"./dropdown-menu-Cto8-yDW.js";var d=e(t(),1),f=a(),p=({label:e,icon:t=r,srText:a=`Open menu`,buttonProps:o,align:l=`center`,children:p,contentClassName:m=``,width:h=`w-auto`,closeOnSelect:g=!1,density:_=`default`})=>{let[v,y]=d.useState(!1),b=d.useMemo(()=>{let e=d.Children.toArray(p).map(e=>{if(!d.isValidElement(e)||e.type.displayName!==`MenuAction`)return e;let t=e,n=t.props.onClick;return d.cloneElement(t,{onClick:()=>{n&&n(),g&&y(!1)},density:t.props.density??_})}),t=e.filter(e=>d.isValidElement(e)?e.props.variant!==`error`:!1),n=e.filter(e=>d.isValidElement(e)?e.props.variant===`error`:!1);return[...t,...n]},[p,g,_]),x={variant:`secondary`,buttonStyle:`ghost`,size:`icon`,className:`h-8 w-8 p-0`},{variant:S=`secondary`,buttonStyle:C=`ghost`,size:w=`icon`,className:T,...E}={...x,...o,className:i(x.className,o?.className)},D=e?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t,{className:`h-4 w-4 mr-2`}),e]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(t,{className:`h-4 w-4`}),(0,f.jsx)(`span`,{className:`sr-only`,children:a})]});return(0,f.jsxs)(u,{open:v,onOpenChange:y,children:[(0,f.jsx)(s,{render:e=>(0,f.jsx)(n,{...E,...e,type:`button`,variant:S,buttonStyle:C,size:w,className:i(`action-menu--component`,T,e.className),children:D})}),(0,f.jsx)(c,{align:l,className:i(h,`min-w-[140px] p-2`,_===`table`&&`text-xxs leading-4`,m),children:b})]})};p.displayName=`ActionMenu`;var m=d.forwardRef(({onClick:e,href:t,prefetch:n,disabled:r=!1,icon:a,label:s,variant:c=`secondary`,className:u=``,children:d,density:p=`default`},m)=>{let h=t&&!r,g=h?e=>(0,f.jsx)(`a`,{...e,href:t,className:i(e.className)}):void 0;return d?h?(0,f.jsx)(l,{href:t,onClick:e,render:g,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`text-inherit leading-4`,u),children:d}):(0,f.jsx)(o,{ref:m,disabled:r,onClick:e,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`text-inherit leading-4`,u),children:d}):h?(0,f.jsxs)(l,{href:t,variant:c===`error`?`destructive`:`default`,onClick:e,render:g,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`leading-4`,u),children:[!!a&&(0,f.jsx)(a,{className:`h-3.5 w-3.5`}),s]}):(0,f.jsxs)(o,{ref:m,disabled:r,variant:c===`error`?`destructive`:`default`,onClick:e,className:i(`text-xs px-2 py-1.5 gap-1.5`,p===`table`&&`leading-4`,u),children:[!!a&&(0,f.jsx)(a,{className:`h-3.5 w-3.5`}),s]})});m.displayName=`MenuAction`;export{m as n,p as t};

package/dist/showcase/assets/{activities-DMDQje7Y.js → activities-C1P9bsJm.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{n as r,r as i,t as a}from"./activities-feed-card-B8wpu4F3.js";import{Er as o,hr as s,mr as c,r as l,t as u}from"./example-BIrQab7K.js";import{t as d}from"./bell-Dt3Nz2y2.js";import{t as f}from"./box-mt6TbZO6.js";import{t as p}from"./credit-card-CYgRtM77.js";import{t as m}from"./eye-CnRPL_H8.js";import{t as h}from"./receipt-T8B9lscp.js";import{t as g}from"./shield-check-CRbBJXw2.js";import{t as _}from"./trash-2-OsaEm8cc.js";import{t as v}from"./truck-CvvBxBeB.js";import{t as y}from"./user-Bqmz8M16.js";import{a as b,s as x}from"./index-Cz4UGUT2.js";import{t as S}from"./props-table-BR-KjRNe.js";var C=b(`reply`,[[`path`,{d:`M20 18v-2a4 4 0 0 0-4-4H4`,key:`5vmcpk`}],[`path`,{d:`m9 17-5-5 5-5`,key:`nvlc11`}]]),w=e({CompactFeed:()=>I,CustomRows:()=>z,DefaultFeed:()=>F,EventConfiguration:()=>R,ResourceRegistry:()=>B,RichFeed:()=>L}),T=t(n(),1),E=x(),D=Date.now(),O=e=>new Date(D-e).toISOString(),k=60*1e3,A=60*k,j=24*A,M={"order:INV-2026-0392":{label:`INV-2026-0392`,href:`#/orders/INV-2026-0392`,icon:h,tone:`primary`,badge:{label:`Paid`,tone:`success`},tags:[`EUR 320`]},"order:INV-2026-0398":{label:`INV-2026-0398`,href:`#/orders/INV-2026-0398`,icon:h,tone:`warning`,badge:{label:`Refund`,tone:`warning`}},"product:AIR-BALLOON-01":{label:`Hot Air Balloon`,href:`#/products/AIR-BALLOON-01`,icon:f,tone:`info`},"shipment:SHP-2026-77":{label:`SHP-2026-77`,href:`#/shipments/SHP-2026-77`,icon:v,tone:`info`,badge:{label:`In transit`,tone:`info`}}},N=[{id:`a1`,event:`paid`,actor:{id:`u-12`,name:`Sarah Smitha`},createdAt:O(2*k),segments:[{type:`actor`,text:`Sarah Smitha`,actorId:`u-12`},{type:`text`,text:`paid`},{type:`resource`,resource:{key:`order:INV-2026-0392`,type:`order`}},{type:`text`,text:`— full balance.`}]},{id:`a2`,event:`status_changed`,actor:{id:`u-7`,name:`Daniel Smith`},createdAt:O(35*k),segments:[{type:`actor`,text:`Daniel Smith`,actorId:`u-7`},{type:`text`,text:`changed status to`},{type:`status`,text:`Confirmed`,tone:`success`},{type:`text`,text:`on`},{type:`resource`,resource:{key:`shipment:SHP-2026-77`,type:`shipment`}}]},{id:`a3`,event:`mail_delivered`,source:`mail`,actor:{id:`system`,name:`Mailer`},createdAt:O(3*A),segments:[{type:`text`,text:`Receipt email`},{type:`value`,text:`"Your booking confirmation"`},{type:`text`,text:`was delivered to`},{type:`value`,text:`maria@example.com`}]},{id:`a4`,event:`comment_created`,source:`comment`,actor:{id:`u-21`,name:`Emma Garcia`},createdAt:O(1008e5),description:`Customer asked whether the basket fits 4 adults — looped support in.`,segments:[{type:`actor`,text:`Emma Garcia`,actorId:`u-21`},{type:`text`,text:`commented on`},{type:`resource`,resource:{key:`product:AIR-BALLOON-01`,type:`product`}}]},{id:`a5`,event:`mail_failed`,source:`mail`,actor:{id:`system`,name:`Mailer`},createdAt:O(1944e5),headline:`Webhook failure on shopify.payments.captured.`}],P=[{id:`r1`,event:`updated`,actor:{id:`u-12`,name:`Sarah Smitha`},createdAt:O(8*k),segments:[{type:`actor`,text:`Sarah Smitha`,actorId:`u-12`},{type:`text`,text:`updated`},{type:`field`,text:`shipping`},{type:`text`,text:`on`},{type:`resource`,resource:{key:`order:INV-2026-0392`}}],changes:[{key:`address`,label:`Address`,old:`New York 1000`,new:`New York 1407`},{key:`method`,label:`Method`,old:`Standard`,new:`Express`},{key:`note`,label:`Note`,new:`Leave with concierge.`}],metadata:[{label:`IP`,value:`85.130.12.4`},{label:`Device`,value:`macOS · Safari`}],resources:[{key:`order:INV-2026-0392`},{key:`shipment:SHP-2026-77`}]},{id:`r2`,event:`refunded`,actor:{id:`u-7`,name:`Daniel Smith`},createdAt:O(45*k),segments:[{type:`actor`,text:`Daniel Smith`,actorId:`u-7`},{type:`text`,text:`refunded`},{type:`resource`,resource:{key:`order:INV-2026-0398`}},{type:`text`,text:`partially.`}],description:`Refund processed via the original Visa ending 4242.`,metadata:[{label:`Amount`,value:`€ 80.00`},{label:`Reason`,value:`Damaged in transit`}]},{id:`r3`,event:`comment_created`,source:`comment`,actor:{id:`u-21`,name:`Emma Garcia`},createdAt:O(2*A),description:`Need a final spec for the basket — colour swatches in next sprint.`,segments:[{type:`actor`,text:`Emma Garcia`,actorId:`u-21`},{type:`text`,text:`left a note on`},{type:`resource`,resource:{key:`product:AIR-BALLOON-01`}}]}];function F(){let[e,t]=(0,T.useState)(M),[n,r]=(0,T.useState)(`No interactions yet — click an actor or resource.`),i=e=>r(e);return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(a,{activities:N,currentUserId:`u-12`,resources:e,onResourcesChange:t,onActorClick:e=>i(`Actor click → ${e.name} (${e.id??`—`})`),onResourceClick:(e,t)=>i(`Resource click → ${e.key} ${t?`(${t.label})`:`(unregistered)`}`),onActivityClick:e=>i(`Activity click → ${e.event} · ${e.id}`),titleSuffix:(0,E.jsx)(o,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:N.length}),description:`The actor matching currentUserId is rendered as 'You'. Resources are fed live from the registry below.`}),(0,E.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-3`,children:n})]})}function I(){let[e]=(0,T.useState)(M);return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(a,{activities:N,density:`compact`,resources:e,title:`Compact`,description:`Dot-only marker, single line per row. Fit for sidebars / activity pills.`})})}function L(){let[e,t]=(0,T.useState)(M),[,n]=(0,T.useState)(`—`),r=e=>n(e);return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(a,{activities:P,density:`rich`,currentUserId:`u-12`,resources:e,onResourcesChange:t,title:`Rich`,actionsForActivity:e=>[{id:`view`,label:`View details`,icon:m,onClick:()=>r(`Action → view (${e.id})`)},{id:`reply`,label:`Reply`,icon:C,onClick:()=>r(`Action → reply (${e.id})`)},{id:`delete`,label:`Delete`,icon:_,tone:`destructive`,onClick:()=>r(`Action → delete (${e.id})`)}],onAction:(e,t)=>r(`onAction → ${e} · ${t.id}`)})})}function R(){return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(a,{activities:[{id:`evt-1`,event:`subscription_renewed`,createdAt:O(20*k),actor:{id:`sys`,name:`Billing`},segments:[{type:`text`,text:`Subscription`},{type:`value`,text:`Pro Annual`},{type:`text`,text:`auto-renewed for`},{type:`value`,text:`Sarah Smitha`}],metadata:[{label:`Next charge`,value:`Apr 30 2027`}]},{id:`evt-2`,event:`payment_method_added`,createdAt:O(2*j),actor:{id:`u-12`,name:`Sarah Smitha`},segments:[{type:`actor`,text:`Sarah Smitha`,actorId:`u-12`},{type:`text`,text:`added a new card ending`},{type:`value`,text:`4242`}]},{id:`evt-3`,event:`access_granted`,createdAt:O(3*j),actor:{id:`u-21`,name:`Emma Garcia`},segments:[{type:`actor`,text:`Emma Garcia`,actorId:`u-21`},{type:`text`,text:`granted access to`},{type:`value`,text:`Daniel Smith`},{type:`status`,text:`Editor`,tone:`info`}]}],eventConfig:{subscription_renewed:{icon:d,tone:`success`,label:`Renewed`},payment_method_added:{icon:p,tone:`info`,label:`Card added`},access_granted:{icon:g,tone:`primary`,label:`Access`}},strings:{title:`Account events`,sources:{system:`Auto`}},title:`Account events`})})}function z(){return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(a,{activities:N.slice(0,3),title:`Custom rows`,slots:{renderRow:(e,t)=>(0,E.jsxs)(`div`,{className:`flex items-start gap-3 rounded-md border border-border/60 bg-card px-3 py-2 mb-2`,children:[(0,E.jsx)(`span`,{className:`mt-0.5 inline-flex size-6 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:(0,E.jsx)(y,{className:`size-3.5`})}),(0,E.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,E.jsx)(o,{weight:`medium`,children:e.actor?.name??`—`}),(0,E.jsxs)(o,{size:`xs`,type:`secondary`,children:[t.eventConfig.label??e.event,t.relativeTime?` · ${t.relativeTime}`:``]})]}),(0,E.jsx)(i,{className:`size-4 text-muted-foreground`})]})}})})}function B(){let[e,t]=(0,T.useState)(M),[,n]=(0,T.useState)(`—`),i=e=>n(e);return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(o,{type:`secondary`,className:`mb-3`,children:`Edit a resource entry — every row referencing that key updates immediately and the registry change is broadcast through onResourcesChange (wire to localStorage / API).`}),(0,E.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[2fr_1fr]`,children:[(0,E.jsx)(r,{activities:P,density:`rich`,currentUserId:`u-12`,resources:e,onResourcesChange:t,onResourceClick:(e,t)=>i(`Registry click → ${e.key} (${t?.label??`untagged`})`)}),(0,E.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-4`,children:[(0,E.jsx)(o,{weight:`semibold`,className:`mb-3`,children:`Registered resources`}),(0,E.jsxs)(`div`,{className:`space-y-3`,children:[Object.entries(e).map(([e,n])=>(0,E.jsxs)(`div`,{className:`space-y-1 rounded-md border border-border/60 px-3 py-2`,children:[(0,E.jsx)(o,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:e}),(0,E.jsx)(o,{weight:`medium`,children:n.label}),(0,E.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,E.jsx)(l,{size:`xs`,variant:`secondary`,buttonStyle:`outline`,onClick:()=>t(t=>({...t,[e]:{...t[e],badge:{label:`Updated`,tone:`warning`}}})),children:`Mark updated`}),(0,E.jsx)(l,{size:`xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>t(t=>{let n={...t};return delete n[e],n}),children:`Untag`})]})]},e)),Object.keys(e).length===0&&(0,E.jsx)(o,{size:`xs`,type:`secondary`,children:`Registry empty — every reference now renders as a plain key.`}),(0,E.jsx)(l,{size:`xs`,variant:`primary`,buttonStyle:`solid`,onClick:()=>t(M),children:`Restore seed`})]})]})]})]})}var V=`import {
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{n as r,r as i,t as a}from"./activities-feed-card-WZUuGHmT.js";import{Dr as o,Er as s,Rr as c,r as l,t as u}from"./example-Cz_880po.js";import{t as d}from"./bell-C80n9VRl.js";import{t as f}from"./box-rZ0pA-02.js";import{t as p}from"./credit-card-CAI3F3HB.js";import{t as m}from"./eye-C85PNNdH.js";import{t as h}from"./receipt-kIVP3kxJ.js";import{t as g}from"./shield-check-DUTAPADm.js";import{t as _}from"./trash-2-CE9bDw49.js";import{t as v}from"./truck-DlhOPoCD.js";import{t as y}from"./user-BZog6aIh.js";import{a as b,s as x}from"./index-BQIv1ffM.js";import{t as S}from"./props-table-2pIZzGC-.js";var C=b(`reply`,[[`path`,{d:`M20 18v-2a4 4 0 0 0-4-4H4`,key:`5vmcpk`}],[`path`,{d:`m9 17-5-5 5-5`,key:`nvlc11`}]]),w=e({CompactFeed:()=>I,CustomRows:()=>z,DefaultFeed:()=>F,EventConfiguration:()=>R,ResourceRegistry:()=>B,RichFeed:()=>L}),T=t(n(),1),E=x(),D=Date.now(),O=e=>new Date(D-e).toISOString(),k=60*1e3,A=60*k,j=24*A,M={"order:INV-2026-0392":{label:`INV-2026-0392`,href:`#/orders/INV-2026-0392`,icon:h,tone:`primary`,badge:{label:`Paid`,tone:`success`},tags:[`EUR 320`]},"order:INV-2026-0398":{label:`INV-2026-0398`,href:`#/orders/INV-2026-0398`,icon:h,tone:`warning`,badge:{label:`Refund`,tone:`warning`}},"product:AIR-BALLOON-01":{label:`Hot Air Balloon`,href:`#/products/AIR-BALLOON-01`,icon:f,tone:`info`},"shipment:SHP-2026-77":{label:`SHP-2026-77`,href:`#/shipments/SHP-2026-77`,icon:v,tone:`info`,badge:{label:`In transit`,tone:`info`}}},N=[{id:`a1`,event:`paid`,actor:{id:`u-12`,name:`Sarah Smitha`},createdAt:O(2*k),segments:[{type:`actor`,text:`Sarah Smitha`,actorId:`u-12`},{type:`text`,text:`paid`},{type:`resource`,resource:{key:`order:INV-2026-0392`,type:`order`}},{type:`text`,text:`— full balance.`}]},{id:`a2`,event:`status_changed`,actor:{id:`u-7`,name:`Daniel Smith`},createdAt:O(35*k),segments:[{type:`actor`,text:`Daniel Smith`,actorId:`u-7`},{type:`text`,text:`changed status to`},{type:`status`,text:`Confirmed`,tone:`success`},{type:`text`,text:`on`},{type:`resource`,resource:{key:`shipment:SHP-2026-77`,type:`shipment`}}]},{id:`a3`,event:`mail_delivered`,source:`mail`,actor:{id:`system`,name:`Mailer`},createdAt:O(3*A),segments:[{type:`text`,text:`Receipt email`},{type:`value`,text:`"Your booking confirmation"`},{type:`text`,text:`was delivered to`},{type:`value`,text:`maria@example.com`}]},{id:`a4`,event:`comment_created`,source:`comment`,actor:{id:`u-21`,name:`Emma Garcia`},createdAt:O(1008e5),description:`Customer asked whether the basket fits 4 adults — looped support in.`,segments:[{type:`actor`,text:`Emma Garcia`,actorId:`u-21`},{type:`text`,text:`commented on`},{type:`resource`,resource:{key:`product:AIR-BALLOON-01`,type:`product`}}]},{id:`a5`,event:`mail_failed`,source:`mail`,actor:{id:`system`,name:`Mailer`},createdAt:O(1944e5),headline:`Webhook failure on shopify.payments.captured.`}],P=[{id:`r1`,event:`updated`,actor:{id:`u-12`,name:`Sarah Smitha`},createdAt:O(8*k),segments:[{type:`actor`,text:`Sarah Smitha`,actorId:`u-12`},{type:`text`,text:`updated`},{type:`field`,text:`shipping`},{type:`text`,text:`on`},{type:`resource`,resource:{key:`order:INV-2026-0392`}}],changes:[{key:`address`,label:`Address`,old:`New York 1000`,new:`New York 1407`},{key:`method`,label:`Method`,old:`Standard`,new:`Express`},{key:`note`,label:`Note`,new:`Leave with concierge.`}],metadata:[{label:`IP`,value:`85.130.12.4`},{label:`Device`,value:`macOS · Safari`}],resources:[{key:`order:INV-2026-0392`},{key:`shipment:SHP-2026-77`}]},{id:`r2`,event:`refunded`,actor:{id:`u-7`,name:`Daniel Smith`},createdAt:O(45*k),segments:[{type:`actor`,text:`Daniel Smith`,actorId:`u-7`},{type:`text`,text:`refunded`},{type:`resource`,resource:{key:`order:INV-2026-0398`}},{type:`text`,text:`partially.`}],description:`Refund processed via the original Visa ending 4242.`,metadata:[{label:`Amount`,value:`€ 80.00`},{label:`Reason`,value:`Damaged in transit`}]},{id:`r3`,event:`comment_created`,source:`comment`,actor:{id:`u-21`,name:`Emma Garcia`},createdAt:O(2*A),description:`Need a final spec for the basket — colour swatches in next sprint.`,segments:[{type:`actor`,text:`Emma Garcia`,actorId:`u-21`},{type:`text`,text:`left a note on`},{type:`resource`,resource:{key:`product:AIR-BALLOON-01`}}]}];function F(){let[e,t]=(0,T.useState)(M),[n,r]=(0,T.useState)(`No interactions yet — click an actor or resource.`),i=e=>r(e);return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(a,{activities:N,currentUserId:`u-12`,resources:e,onResourcesChange:t,onActorClick:e=>i(`Actor click → ${e.name} (${e.id??`—`})`),onResourceClick:(e,t)=>i(`Resource click → ${e.key} ${t?`(${t.label})`:`(unregistered)`}`),onActivityClick:e=>i(`Activity click → ${e.event} · ${e.id}`),titleSuffix:(0,E.jsx)(c,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:N.length}),description:`The actor matching currentUserId is rendered as 'You'. Resources are fed live from the registry below.`}),(0,E.jsx)(c,{size:`xs`,type:`secondary`,className:`mt-3`,children:n})]})}function I(){let[e]=(0,T.useState)(M);return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(a,{activities:N,density:`compact`,resources:e,title:`Compact`,description:`Dot-only marker, single line per row. Fit for sidebars / activity pills.`})})}function L(){let[e,t]=(0,T.useState)(M),[,n]=(0,T.useState)(`—`),r=e=>n(e);return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(a,{activities:P,density:`rich`,currentUserId:`u-12`,resources:e,onResourcesChange:t,title:`Rich`,actionsForActivity:e=>[{id:`view`,label:`View details`,icon:m,onClick:()=>r(`Action → view (${e.id})`)},{id:`reply`,label:`Reply`,icon:C,onClick:()=>r(`Action → reply (${e.id})`)},{id:`delete`,label:`Delete`,icon:_,tone:`destructive`,onClick:()=>r(`Action → delete (${e.id})`)}],onAction:(e,t)=>r(`onAction → ${e} · ${t.id}`)})})}function R(){return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(a,{activities:[{id:`evt-1`,event:`subscription_renewed`,createdAt:O(20*k),actor:{id:`sys`,name:`Billing`},segments:[{type:`text`,text:`Subscription`},{type:`value`,text:`Pro Annual`},{type:`text`,text:`auto-renewed for`},{type:`value`,text:`Sarah Smitha`}],metadata:[{label:`Next charge`,value:`Apr 30 2027`}]},{id:`evt-2`,event:`payment_method_added`,createdAt:O(2*j),actor:{id:`u-12`,name:`Sarah Smitha`},segments:[{type:`actor`,text:`Sarah Smitha`,actorId:`u-12`},{type:`text`,text:`added a new card ending`},{type:`value`,text:`4242`}]},{id:`evt-3`,event:`access_granted`,createdAt:O(3*j),actor:{id:`u-21`,name:`Emma Garcia`},segments:[{type:`actor`,text:`Emma Garcia`,actorId:`u-21`},{type:`text`,text:`granted access to`},{type:`value`,text:`Daniel Smith`},{type:`status`,text:`Editor`,tone:`info`}]}],eventConfig:{subscription_renewed:{icon:d,tone:`success`,label:`Renewed`},payment_method_added:{icon:p,tone:`info`,label:`Card added`},access_granted:{icon:g,tone:`primary`,label:`Access`}},strings:{title:`Account events`,sources:{system:`Auto`}},title:`Account events`})})}function z(){return(0,E.jsx)(E.Fragment,{children:(0,E.jsx)(a,{activities:N.slice(0,3),title:`Custom rows`,slots:{renderRow:(e,t)=>(0,E.jsxs)(`div`,{className:`flex items-start gap-3 rounded-md border border-border/60 bg-card px-3 py-2 mb-2`,children:[(0,E.jsx)(`span`,{className:`mt-0.5 inline-flex size-6 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:(0,E.jsx)(y,{className:`size-3.5`})}),(0,E.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,E.jsx)(c,{weight:`medium`,children:e.actor?.name??`—`}),(0,E.jsxs)(c,{size:`xs`,type:`secondary`,children:[t.eventConfig.label??e.event,t.relativeTime?` · ${t.relativeTime}`:``]})]}),(0,E.jsx)(i,{className:`size-4 text-muted-foreground`})]})}})})}function B(){let[e,t]=(0,T.useState)(M),[,n]=(0,T.useState)(`—`),i=e=>n(e);return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(c,{type:`secondary`,className:`mb-3`,children:`Edit a resource entry — every row referencing that key updates immediately and the registry change is broadcast through onResourcesChange (wire to localStorage / API).`}),(0,E.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[2fr_1fr]`,children:[(0,E.jsx)(r,{activities:P,density:`rich`,currentUserId:`u-12`,resources:e,onResourcesChange:t,onResourceClick:(e,t)=>i(`Registry click → ${e.key} (${t?.label??`untagged`})`)}),(0,E.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-4`,children:[(0,E.jsx)(c,{weight:`semibold`,className:`mb-3`,children:`Registered resources`}),(0,E.jsxs)(`div`,{className:`space-y-3`,children:[Object.entries(e).map(([e,n])=>(0,E.jsxs)(`div`,{className:`space-y-1 rounded-md border border-border/60 px-3 py-2`,children:[(0,E.jsx)(c,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:e}),(0,E.jsx)(c,{weight:`medium`,children:n.label}),(0,E.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,E.jsx)(l,{size:`xs`,variant:`secondary`,buttonStyle:`outline`,onClick:()=>t(t=>({...t,[e]:{...t[e],badge:{label:`Updated`,tone:`warning`}}})),children:`Mark updated`}),(0,E.jsx)(l,{size:`xs`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>t(t=>{let n={...t};return delete n[e],n}),children:`Untag`})]})]},e)),Object.keys(e).length===0&&(0,E.jsx)(c,{size:`xs`,type:`secondary`,children:`Registry empty — every reference now renders as a plain key.`}),(0,E.jsx)(l,{size:`xs`,variant:`primary`,buttonStyle:`solid`,onClick:()=>t(M),children:`Restore seed`})]})]})]})]})}var V=`import {
     Bell,
     Bookmark,
     Box,
@@ -498,4 +498,4 @@ export function ResourceRegistry() {
 		</>
 	);
 }
-`;function H(e){let t={h4:`h4`,...e.components};return w||W(`Examples`,!1),I||W(`Examples.CompactFeed`,!0),z||W(`Examples.CustomRows`,!0),F||W(`Examples.DefaultFeed`,!0),R||W(`Examples.EventConfiguration`,!0),B||W(`Examples.ResourceRegistry`,!0),L||W(`Examples.RichFeed`,!0),(0,E.jsxs)(s,{title:`Features · Activity feed`,description:`Interactive activity feed — generic, framework-agnostic, with headline segments, callbacks (actor / resource / action), strings, slots, mass event configuration, and a save/restore resource registry. For read-only tracking timelines (order, payment, changelog, milestones) see Composed → Timelines.`,layer:`features`,status:`ready`,children:[(0,E.jsx)(c,{title:`Default`,id:`default`,children:(0,E.jsx)(u,{name:`DefaultFeed`,source:V,children:(0,E.jsx)(F,{})})}),(0,E.jsxs)(c,{title:`Density`,id:`density`,children:[(0,E.jsx)(u,{name:`CompactFeed`,source:V,children:(0,E.jsx)(I,{})}),(0,E.jsx)(u,{name:`RichFeed`,source:V,children:(0,E.jsx)(L,{})})]}),(0,E.jsx)(c,{title:`Configuration`,id:`configuration`,children:(0,E.jsx)(u,{name:`EventConfiguration`,source:V,children:(0,E.jsx)(R,{})})}),(0,E.jsx)(c,{title:`Customization`,id:`customization`,children:(0,E.jsx)(u,{name:`CustomRows`,source:V,children:(0,E.jsx)(z,{})})}),(0,E.jsx)(c,{title:`Resource registry`,id:`resource-registry`,children:(0,E.jsx)(u,{name:`ResourceRegistry`,source:V,children:(0,E.jsx)(B,{})})}),(0,E.jsxs)(c,{title:`API`,id:`api`,children:[(0,E.jsx)(t.h4,{children:`ActivityFeed`}),(0,E.jsx)(S,{component:`ActivityFeed`}),(0,E.jsx)(t.h4,{children:`ActivityFeedCard`}),(0,E.jsx)(S,{component:`ActivityFeedCard`})]})]})}function U(e={}){let{wrapper:t}=e.components||{};return t?(0,E.jsx)(t,{...e,children:(0,E.jsx)(H,{...e})}):H(e)}function W(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{U as default};
+`;function H(e){let t={h4:`h4`,...e.components};return w||W(`Examples`,!1),I||W(`Examples.CompactFeed`,!0),z||W(`Examples.CustomRows`,!0),F||W(`Examples.DefaultFeed`,!0),R||W(`Examples.EventConfiguration`,!0),B||W(`Examples.ResourceRegistry`,!0),L||W(`Examples.RichFeed`,!0),(0,E.jsxs)(o,{title:`Features · Activity feed`,description:`Interactive activity feed — generic, framework-agnostic, with headline segments, callbacks (actor / resource / action), strings, slots, mass event configuration, and a save/restore resource registry. For read-only tracking timelines (order, payment, changelog, milestones) see Composed → Timelines.`,layer:`features`,status:`ready`,children:[(0,E.jsx)(s,{title:`Default`,id:`default`,children:(0,E.jsx)(u,{name:`DefaultFeed`,source:V,children:(0,E.jsx)(F,{})})}),(0,E.jsxs)(s,{title:`Density`,id:`density`,children:[(0,E.jsx)(u,{name:`CompactFeed`,source:V,children:(0,E.jsx)(I,{})}),(0,E.jsx)(u,{name:`RichFeed`,source:V,children:(0,E.jsx)(L,{})})]}),(0,E.jsx)(s,{title:`Configuration`,id:`configuration`,children:(0,E.jsx)(u,{name:`EventConfiguration`,source:V,children:(0,E.jsx)(R,{})})}),(0,E.jsx)(s,{title:`Customization`,id:`customization`,children:(0,E.jsx)(u,{name:`CustomRows`,source:V,children:(0,E.jsx)(z,{})})}),(0,E.jsx)(s,{title:`Resource registry`,id:`resource-registry`,children:(0,E.jsx)(u,{name:`ResourceRegistry`,source:V,children:(0,E.jsx)(B,{})})}),(0,E.jsxs)(s,{title:`API`,id:`api`,children:[(0,E.jsx)(t.h4,{children:`ActivityFeed`}),(0,E.jsx)(S,{component:`ActivityFeed`}),(0,E.jsx)(t.h4,{children:`ActivityFeedCard`}),(0,E.jsx)(S,{component:`ActivityFeedCard`})]})]})}function U(e={}){let{wrapper:t}=e.components||{};return t?(0,E.jsx)(t,{...e,children:(0,E.jsx)(H,{...e})}):H(e)}function W(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{U as default};

package/dist/showcase/assets/{activities-feed-card-B8wpu4F3.js → activities-feed-card-WZUuGHmT.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{n,t as r}from"./isSameDay-DVNkwpSk.js";import{t as i}from"./isToday-DZ1HTCty.js";import{Er as a,Fr as o,Or as s,jr as c,r as l,yr as u}from"./example-BIrQab7K.js";import{t as d}from"./activity-B-FxNryB.js";import{t as f}from"./chevron-down-CSn8HCwf.js";import{t as p}from"./chevron-right-d-umkBru.js";import{t as m}from"./circle-dot-CvoDXS-W.js";import{t as h}from"./ellipsis-ntuo3ejh.js";import{t as g}from"./flag-CJJ43K4x.js";import{t as _}from"./heart-BWZYF4xJ.js";import{t as v}from"./mail-check-DXqQwivW.js";import{t as y}from"./mail-w1nhszbW.js";import{t as b}from"./message-square-B0RnrJV6.js";import{t as x}from"./pencil-BouoJ5x7.js";import{t as S}from"./plus-DkHZm34I.js";import{t as C}from"./shield-check-CRbBJXw2.js";import{t as w}from"./shopping-bag-B5BzpLV5.js";import{t as T}from"./sparkles-DFJmoAFP.js";import{t as E}from"./star-DK5onZCp.js";import{t as D}from"./trash-2-OsaEm8cc.js";import{t as O}from"./user-plus-MMxrhI4h.js";import{S as k,_ as A,a as j,k as M,n as N,s as P}from"./index-Cz4UGUT2.js";import{t as F}from"./smart-card-B4P_C0nk.js";import{a as I,l as L,r as R,t as z}from"./dropdown-menu-bPWrLPgm.js";function B(e,t,r){return n(e,-t,r)}function V(e,t){return r(k(t?.in||e,e),B(A(t?.in||e),1))}var H=j(`arrow-left-right`,[[`path`,{d:`M8 3 4 7l4 4`,key:`9rb6wj`}],[`path`,{d:`M4 7h16`,key:`6tx8e3`}],[`path`,{d:`m16 21 4-4-4-4`,key:`siv7j2`}],[`path`,{d:`M20 17H4`,key:`h6l3hr`}]]),ee=j(`ban`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M4.929 4.929 19.07 19.071`,key:`196cmz`}]]),te=j(`bookmark`,[[`path`,{d:`M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z`,key:`oz39mx`}]]),ne=j(`file-pen`,[[`path`,{d:`M12.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v9.34`,key:`o6klzx`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10.378 12.622a1 1 0 0 1 3 3.003L8.36 20.637a2 2 0 0 1-.854.506l-2.867.837a.5.5 0 0 1-.62-.62l.836-2.869a2 2 0 0 1 .506-.853z`,key:`zhnas1`}]]),re=j(`link`,[[`path`,{d:`M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71`,key:`1cjeqo`}],[`path`,{d:`M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71`,key:`19qd67`}]]),U=j(`mail-open`,[[`path`,{d:`M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z`,key:`1jhwl8`}],[`path`,{d:`m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10`,key:`1qfld7`}]]),W=j(`mail-x`,[[`path`,{d:`M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h9`,key:`1j9vog`}],[`path`,{d:`m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7`,key:`1ocrg3`}],[`path`,{d:`m17 17 4 4`,key:`1b3523`}],[`path`,{d:`m21 17-4 4`,key:`uinynz`}]]),ie=j(`user-minus`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}],[`line`,{x1:`22`,x2:`16`,y1:`11`,y2:`11`,key:`1shjgl`}]]),G=e(t(),1),K=P(),ae={icon:m,tone:`neutral`},oe={created:{icon:S,tone:`success`,label:`Created`},updated:{icon:x,tone:`info`,label:`Updated`},edited:{icon:ne,tone:`info`,label:`Edited`},deleted:{icon:D,tone:`destructive`,label:`Deleted`},cancelled:{icon:ee,tone:`destructive`,label:`Cancelled`},restored:{icon:T,tone:`success`,label:`Restored`},status_changed:{icon:H,tone:`primary`,label:`Status changed`},status_transition:{icon:H,tone:`primary`,label:`Status changed`},status_override:{icon:H,tone:`warning`,label:`Status overridden`},assigned:{icon:O,tone:`info`,label:`Assigned`},unassigned:{icon:ie,tone:`destructive`,label:`Unassigned`},mail_sent:{icon:y,tone:`info`,label:`Email sent`},mail_delivered:{icon:v,tone:`success`,label:`Email delivered`},mail_opened:{icon:U,tone:`info`,label:`Email opened`},mail_clicked:{icon:U,tone:`info`,label:`Email clicked`},mail_bounced:{icon:W,tone:`destructive`,label:`Email bounced`},mail_failed:{icon:W,tone:`destructive`,label:`Email failed`},comment_created:{icon:b,tone:`warning`,label:`Comment posted`},comment_deleted:{icon:b,tone:`destructive`,label:`Comment deleted`},paid:{icon:c,tone:`success`,label:`Paid`},refunded:{icon:H,tone:`warning`,label:`Refunded`},confirmed:{icon:C,tone:`success`,label:`Confirmed`},favorited:{icon:_,tone:`warning`,label:`Favorited`},ordered:{icon:w,tone:`primary`,label:`Order placed`},published:{icon:E,tone:`success`,label:`Published`},flagged:{icon:g,tone:`warning`,label:`Flagged`},linked:{icon:re,tone:`info`,label:`Linked`},failed:{icon:s,tone:`destructive`,label:`Failed`},health_check_failed:{icon:s,tone:`destructive`,label:`Health check failed`}};function se(e,t){return t[e]??ae}var q={title:`Activity`,empty:`No activity yet.`,loading:`Loading activity…`,today:`Today`,yesterday:`Yesterday`,undated:`Undated`,you:`You`,showChanges:`Show changes`,hideChanges:`Hide changes`,actionsLabel:`Activity actions`,moreLabel:`More`,sources:{comment:`Comment`,mail:`Mail`,booking_log:`Booking log`,activity_log:``,system:`System`},events:{}};function ce(e,t,n){if(!e)return t.undated;let r=new Date(e);if(i(r))return t.today;if(V(r))return t.yesterday;try{return new Intl.DateTimeFormat(n,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}catch{return new Intl.DateTimeFormat(void 0,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}}function le({activities:e,groupByDate:t=!0,expandedByDefault:n=!1,locale:r,strings:i,formatDateGroupLabel:a}){let[o,s]=(0,G.useState)({}),c=(0,G.useMemo)(()=>{let t=new Map;return e.map(e=>{let n=[String(e.id??``).trim(),String(e.createdAt??``).trim(),String(e.event??``).trim(),String(e.source??``).trim()].join(`:`),r=(t.get(n)??0)+1;return t.set(n,r),{activity:e,key:`${n}:${r}`}})},[e]),l=(0,G.useMemo)(()=>{if(!t)return c.length>0?[{label:``,items:c}]:[];let e=[],n=`__init__`,o=[],s=e=>a?a(e,i):ce(e,i,r);for(let t of c){let r=s(t.activity.createdAt??null);r===n?o.push(t):(o.length>0&&e.push({label:n,items:o}),n=r,o=[t])}return o.length>0&&e.push({label:n,items:o}),e},[c,t,r,i,a]),u=(0,G.useCallback)(e=>o[e]??n,[o,n]),d=(0,G.useCallback)(e=>{s(t=>({...t,[e]:!(t[e]??!1)}))},[]),f=(0,G.useCallback)((e,t)=>{s(n=>({...n,[e]:t}))},[]),p=(0,G.useCallback)(()=>{let e={};for(let t of c)e[t.activity.id]=!0;s(e)},[c]),m=(0,G.useCallback)(()=>s({}),[]);return{groups:l,total:c.length,isExpanded:u,toggleExpanded:d,setExpanded:f,expandAll:p,collapseAll:m}}function ue({resources:e,onResourcesChange:t}={}){let[n,r]=(0,G.useState)(()=>e??{}),i=(0,G.useRef)(e);(0,G.useEffect)(()=>{e!==i.current&&(i.current=e,r(e??{}))},[e]);let a=(0,G.useRef)(t);(0,G.useEffect)(()=>{a.current=t},[t]);let o=(0,G.useCallback)(e=>{a.current?.(e)},[]),s=(0,G.useCallback)((e,t)=>{r(n=>{let r={...n,[e]:t};return o(r),r})},[o]),c=(0,G.useCallback)((e,t)=>{r(n=>{let r=n[e];if(!r)return n;let i={...n,[e]:{...r,...t}};return o(i),i})},[o]),l=(0,G.useCallback)(e=>{r(t=>{if(!(e in t))return t;let n={...t};return delete n[e],o(n),n})},[o]),u=(0,G.useCallback)(e=>{r(e),o(e)},[o]),d=(0,G.useCallback)(()=>{let e=i.current??{};r(e),o(e)},[o]);return{registry:n,get:(0,G.useCallback)(e=>n[typeof e==`string`?e:e.key],[n]),register:s,update:c,remove:l,setAll:u,reset:d}}function de({activity:e,actions:t,onAction:n,label:r}){return t.length===0?null:(0,K.jsxs)(z,{children:[(0,K.jsx)(L,{render:e=>(0,K.jsx)(l,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"aria-label":r,className:`h-7 w-7 text-muted-foreground`,children:(0,K.jsx)(h,{className:`size-4`})})}),(0,K.jsx)(R,{align:`end`,className:`min-w-[160px]`,children:t.map(t=>{let r=t.icon;return(0,K.jsxs)(I,{onClick:()=>{t.disabled||(t.onClick(e),n?.(t.id,e))},disabled:t.disabled,variant:t.tone===`destructive`?`destructive`:`default`,className:`gap-2 px-2 py-1.5 text-xs`,children:[!!r&&(0,K.jsx)(r,{className:`size-3.5`}),t.label]},t.id)})})]})}function fe({change:e}){let t=e.old!==null&&e.old!==void 0,n=e.new!==null&&e.new!==void 0;return!t&&!n?(0,K.jsx)(a,{size:`xs`,tag:`span`,children:e.description}):(0,K.jsxs)(a,{tag:`span`,size:`xs`,className:`inline-flex flex-wrap items-baseline gap-1`,children:[!!t&&(0,K.jsx)(a,{tag:`span`,size:`xs`,className:`rounded bg-destructive/10 text-destructive line-through px-1 py-px`,children:e.old}),t&&n&&(0,K.jsx)(a,{tag:`span`,size:`xs`,type:`secondary`,children:`→`}),!!n&&(0,K.jsx)(a,{tag:`span`,size:`xs`,className:`rounded bg-success/15 text-success px-1 py-px`,children:e.new})]})}function pe({changes:e,className:t}){return e.length===0?null:(0,K.jsx)(`div`,{className:N(`space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2`,t),children:e.map(e=>(0,K.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,K.jsx)(a,{size:`xs`,type:`secondary`,weight:`medium`,className:`shrink-0`,children:e.label}),(0,K.jsx)(fe,{change:e})]},`${e.key}-${e.label}`))})}function me({label:e,isFirst:t,className:n}){return e===``?null:(0,K.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:N(`uppercase tracking-wider`,!t&&`mt-5`,n),children:e})}function he({title:e,hint:t,className:n}){return(0,K.jsxs)(`div`,{className:N(`flex flex-col items-center justify-center gap-2 px-6 py-10 text-center`,n),children:[(0,K.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:(0,K.jsx)(d,{className:`size-4`})}),(0,K.jsx)(a,{weight:`medium`,children:e}),!!t&&(0,K.jsx)(a,{size:`xs`,type:`secondary`,children:t})]})}var J={primary:{bg:`bg-primary/10`,fg:`text-primary`,dot:`bg-primary`,line:`bg-primary/30`,chipBg:`bg-primary/5`,chipFg:`text-primary`},success:{bg:`bg-success/10`,fg:`text-success`,dot:`bg-success`,line:`bg-success/30`,chipBg:`bg-success/10`,chipFg:`text-success`},warning:{bg:`bg-warning/30`,fg:`text-warning-foreground`,dot:`bg-warning`,line:`bg-warning/40`,chipBg:`bg-warning/30`,chipFg:`text-warning-foreground`},destructive:{bg:`bg-destructive/10`,fg:`text-destructive`,dot:`bg-destructive`,line:`bg-destructive/30`,chipBg:`bg-destructive/10`,chipFg:`text-destructive`},info:{bg:`bg-info/10`,fg:`text-info`,dot:`bg-info`,line:`bg-info/30`,chipBg:`bg-info/10`,chipFg:`text-info`},neutral:{bg:`bg-muted`,fg:`text-muted-foreground`,dot:`bg-muted-foreground/60`,line:`bg-border`,chipBg:`bg-muted`,chipFg:`text-muted-foreground`}},Y={primary:`primary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,neutral:`secondary`};function X({resource:e,config:t,fallbackText:n,onClick:r}){let i=J[t?.tone??`neutral`],o=t?.icon??m,s=t?.label??n??e.label??e.key,c=typeof r==`function`,d=(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(o,{className:N(`size-3 shrink-0`,i.fg)}),(0,K.jsx)(a,{tag:`span`,size:`xs`,weight:`medium`,className:i.chipFg,children:s}),!!t?.tags&&t.tags.length>0&&(0,K.jsx)(a,{tag:`span`,size:`xxs`,type:`secondary`,className:`border-l border-current/20 pl-1.5 ml-0.5`,children:t.tags.join(` · `)}),!!t?.badge&&(0,K.jsx)(u,{inline:!0,variant:Y[t.badge.tone??`neutral`],className:`ml-1`,children:t.badge.label})]}),f=N(`inline-flex items-center gap-1 rounded-full px-2 py-0.5 align-baseline`,`border border-border/60`,i.chipBg,c&&`cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`);return c?(0,K.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:e=>{e.stopPropagation(),r?.()},className:N(f,`h-auto rounded-full`),title:t?.note,children:d}):(0,K.jsx)(`span`,{className:f,title:t?.note,children:d})}function Z({actorId:e,text:t,href:n,activity:r,youLabel:i,currentUserId:o,onActorClick:s}){let c=o!==void 0&&e!==void 0&&o===e?i:t,u=r.actor??{id:e,name:t};return n?(0,K.jsx)(`a`,{href:n,onClick:e=>{s&&(e.preventDefault(),e.stopPropagation(),s(u,r))},className:`font-semibold text-foreground underline-offset-2 hover:underline`,children:c}):s?(0,K.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:e=>{e.stopPropagation(),s(u,r)},className:`h-auto rounded px-0 py-0 font-semibold text-foreground underline-offset-2 hover:underline`,children:c}):(0,K.jsx)(a,{tag:`span`,weight:`semibold`,children:c})}function ge(e,t){return e.map((e,n)=>{let r=`seg-${n}-${e.type}`;switch(e.type){case`actor`:return(0,K.jsxs)(G.Fragment,{children:[(0,K.jsx)(Z,{actorId:e.actorId,text:e.text,href:e.href,activity:t.activity,youLabel:t.youLabel,currentUserId:t.currentUserId,onActorClick:t.onActorClick}),` `]},r);case`field`:case`value`:return(0,K.jsxs)(G.Fragment,{children:[(0,K.jsx)(a,{tag:`span`,weight:`semibold`,children:e.text}),` `]},r);case`status`:return(0,K.jsxs)(G.Fragment,{children:[(0,K.jsx)(u,{inline:!0,variant:Y[e.tone??`neutral`],children:e.text}),` `]},r);case`resource`:{let n=t.getResourceConfig?.(e.resource);return(0,K.jsxs)(G.Fragment,{children:[(0,K.jsx)(X,{resource:e.resource,config:n,fallbackText:e.text,onClick:t.onResourceClick?()=>t.onResourceClick?.(e.resource,n,t.activity):void 0}),` `]},r)}default:return(0,K.jsxs)(G.Fragment,{children:[(0,K.jsx)(a,{tag:`span`,children:e.text}),` `]},r)}})}function _e(e){let{activity:t}=e,n=t.headline??t.event,r=t.actor?.name;if(!r||!n.includes(r))return(0,K.jsx)(a,{tag:`span`,children:n});let[i,...o]=n.split(r);return(0,K.jsxs)(K.Fragment,{children:[!!i&&(0,K.jsx)(a,{tag:`span`,children:i}),(0,K.jsx)(Z,{actorId:t.actor?.id,text:r,href:t.actor?.href,activity:t,youLabel:e.youLabel,currentUserId:e.currentUserId,onActorClick:e.onActorClick}),o.length>0&&(0,K.jsx)(a,{tag:`span`,children:o.join(r)})]})}function ve(e){let t=e.activity.segments;return t&&t.length>0?(0,K.jsx)(`span`,{className:`leading-snug [&>span]:leading-snug`,children:ge(t,e)}):(0,K.jsx)(`span`,{className:`leading-snug`,children:_e(e)})}function ye({icon:e,tone:t,density:n,isLast:r}){let i=J[t];return n===`compact`?(0,K.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,K.jsx)(`span`,{"aria-hidden":!0,className:N(`mt-1.5 size-2 shrink-0 rounded-full`,i.dot)}),!r&&(0,K.jsx)(`span`,{"aria-hidden":!0,className:N(`mt-1 w-px flex-1`,i.line)})]}):n===`rich`?(0,K.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,K.jsx)(`span`,{className:N(`flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60`,i.bg,i.fg),children:(0,K.jsx)(e,{className:`size-3.5`})}),!r&&(0,K.jsx)(`span`,{"aria-hidden":!0,className:N(`mt-1 w-px flex-1`,i.line)})]}):(0,K.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,K.jsx)(`span`,{className:N(`flex size-5 shrink-0 items-center justify-center rounded-full`,i.bg,i.fg),children:(0,K.jsx)(e,{className:`size-3`})}),!r&&(0,K.jsx)(`span`,{"aria-hidden":!0,className:N(`mt-1 w-px flex-1`,i.line)})]})}function be(e){let{activity:t,density:n,eventConfig:r,tone:i,isLast:o,expanded:s,onToggleExpanded:c,relativeTime:d,absoluteTime:m,sourceLabel:h,youLabel:g,showChangesLabel:_,hideChangesLabel:v,actionsLabel:y,currentUserId:b,actions:x,onActivityClick:S,onActorClick:C,onResourceClick:w,onAction:T,getResourceConfig:E,headlineOverride:D,markerOverride:O}=e,k=t.iconOverride??r.icon,A=(t.changes?.length??0)>0,j=(t.metadata?.length??0)>0,M=(t.resources?.length??0)>0,P=t.description!==void 0&&t.description!==null&&t.description!==``,F=n!==`compact`,I=n===`rich`,L=D??(0,K.jsx)(ve,{activity:t,currentUserId:b,youLabel:g,onActorClick:C,onResourceClick:w,getResourceConfig:E}),R=O??(0,K.jsx)(ye,{icon:k,tone:i,density:n,isLast:o}),z=typeof S==`function`,B=A||M||x.length>0||typeof C==`function`||typeof w==`function`,V=z&&!B;return(0,K.jsxs)(`div`,{className:N(`relative flex gap-3`,z&&`cursor-pointer rounded-md hover:bg-muted/40`),onClick:z?()=>S?.(t):void 0,role:V?`button`:void 0,tabIndex:V?0:void 0,onKeyDown:V?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),S?.(t))}:void 0,children:[R,(0,K.jsxs)(`div`,{className:N(`min-w-0 flex-1`,!o&&(n===`rich`?`pb-4`:n===`compact`?`pb-2.5`:`pb-3`)),children:[(0,K.jsxs)(`div`,{className:`flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between sm:gap-3`,children:[(0,K.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1`,children:[(0,K.jsx)(a,{tag:`span`,lineHeight:`snug`,children:L}),!!h&&(0,K.jsx)(u,{inline:!0,variant:`secondary`,children:h}),I&&A&&(0,K.jsx)(l,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,className:`h-5 w-5 text-muted-foreground`,onClick:e=>{e.stopPropagation(),c()},title:s?v:_,"aria-label":s?v:_,"aria-expanded":s,children:s?(0,K.jsx)(f,{className:`size-3.5`}):(0,K.jsx)(p,{className:`size-3.5`})})]}),(0,K.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[!!d&&(0,K.jsx)(a,{size:`xs`,type:`secondary`,className:`whitespace-nowrap tabular-nums pt-0.5`,title:m??void 0,children:d}),I&&x.length>0&&(0,K.jsx)(de,{activity:t,actions:x,onAction:T,label:y})]})]}),!!F&&P&&(0,K.jsx)(a,{tag:`div`,size:`xs`,type:`secondary`,className:`mt-1`,children:t.description}),!!I&&j&&t.metadata&&(0,K.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-x-3 gap-y-1`,children:t.metadata.map(e=>(0,K.jsxs)(a,{size:`xs`,type:`secondary`,children:[(0,K.jsxs)(a,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`:`,` `]}),e.value]},e.label))}),!!I&&M&&t.resources&&(0,K.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:t.resources.map(e=>{let n=E?.(e);return(0,K.jsx)(X,{resource:e,config:n,onClick:w?()=>w(e,n,t):void 0},e.key)})}),!!I&&A&&s&&t.changes&&(0,K.jsx)(`div`,{className:`mt-2`,children:(0,K.jsx)(pe,{changes:t.changes})})]})]})}function xe(e,t){try{return new Intl.DateTimeFormat(t,{dateStyle:`medium`,timeStyle:`short`}).format(new Date(e))}catch{return e}}function Se(e,t){return e.toneOverride??t}function Q(e){let{activities:t=[],density:n=`default`,groupByDate:r=!0,expandedByDefault:i=!1,currentUserId:s,loading:c=!1,eventConfig:l,strings:u,slots:d,className:f,locale:p,formatRelativeTime:m,formatAbsoluteTime:h,formatDateGroupLabel:g,getEventLabel:_,getSourceLabel:v,actionsForActivity:y,onActivityClick:b,onActorClick:x,onResourceClick:S,onAction:C,resources:w,onResourcesChange:T}=e,E=M(q,u),D=(0,G.useMemo)(()=>({...oe,...l}),[l]),O=ue({resources:w,onResourcesChange:T}),k=le({activities:t,groupByDate:r,expandedByDefault:i,locale:p,strings:E,formatDateGroupLabel:g}),{formatRelativeTime:A}=o(),j=m??A??(e=>e),P=h??(e=>xe(e,p));if(c)return(0,K.jsx)(`div`,{className:N(`activities-feed--component`,`px-2 py-4`,f),children:d?.loading??(0,K.jsx)(a,{type:`secondary`,align:`center`,children:E.loading})});if(t.length===0)return(0,K.jsx)(`div`,{className:N(`activities-feed--component`,`px-2 py-2`,f),children:d?.empty??(0,K.jsx)(he,{title:E.empty})});let F=k.groups.reduce((e,t)=>e+t.items.length,0),I=0;return(0,K.jsxs)(`div`,{className:N(`activities-feed--component flex flex-col`,f),children:[!!d?.header&&(0,K.jsx)(`div`,{className:`mb-3`,children:d.header}),(0,K.jsx)(`div`,{className:`flex flex-col`,children:k.groups.map((e,t)=>{let r=t===0;return(0,K.jsxs)(`div`,{className:N(r?``:`mt-1`),children:[d?.renderDateLabel?d.renderDateLabel(e.label,r):(0,K.jsx)(me,{label:e.label,isFirst:r,className:r?``:`mb-2`}),(0,K.jsx)(`div`,{className:N(`flex flex-col`,!!e.label&&`mt-2`),children:e.items.map((e,t)=>{let r=e.activity,i=t===0,a=++I===F,o=se(r.event,D),c=Se(r,o.tone),l=r.timestamp??(r.createdAt?j(r.createdAt):null),u=r.createdAt?P(r.createdAt):null,f=r.source?v?.(r.source)??E.sources[r.source]??o.sourceLabel??null:o.sourceLabel??null,p=f&&f.trim().length>0?f:null,m=y?.(r)??[],h={density:n,isLast:a,isFirstInGroup:i,activity:r,eventConfig:o,tone:c,relativeTime:l,absoluteTime:u,sourceLabel:p,expanded:k.isExpanded(r.id),toggleExpanded:()=>k.toggleExpanded(r.id)},g=d?.renderRow?.(r,h);if(g!==void 0)return(0,K.jsx)(`div`,{children:g},e.key);let _=d?.renderHeadline?.(r,h),w=d?.renderMarker?.(r,h);return(0,K.jsx)(be,{activity:r,density:n,eventConfig:o,tone:c,isLast:a,expanded:h.expanded,onToggleExpanded:h.toggleExpanded,relativeTime:l,absoluteTime:u,sourceLabel:p,youLabel:E.you,showChangesLabel:E.showChanges,hideChangesLabel:E.hideChanges,actionsLabel:E.actionsLabel,currentUserId:s,actions:m,onActivityClick:b,onActorClick:x,onResourceClick:S,onAction:C,getResourceConfig:e=>O.get(e),headlineOverride:_,markerOverride:w},e.key)})})]},`${e.label}-${t}`)})}),!!d?.footer&&(0,K.jsx)(`div`,{className:`mt-3`,children:d.footer})]})}Q.displayName=`ActivityFeed`;function $({title:e,titleSuffix:t,description:n,padding:r=`base`,composerSlot:i,className:a,strings:o,slots:s,...c}){let l=M(q,o),u=e??l.title;return(0,K.jsx)(F,{icon:(0,K.jsx)(d,{className:`size-4`}),title:u,titleSuffix:t,description:n,padding:r,className:a,children:(0,K.jsx)(Q,{...c,strings:o,slots:{...s,header:i??s?.header}})})}$.displayName=`ActivityFeedCard`;export{Q as n,te as r,$ as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{n,t as r}from"./isSameDay-B2KDl_YX.js";import{t as i}from"./isToday-CXNS7ELW.js";import{Br as a,Rr as o,Ur as s,jr as c,qr as l,r as u}from"./example-Cz_880po.js";import{t as d}from"./activity-BVP5C805.js";import{t as f}from"./chevron-down-ByPPEdNm.js";import{t as p}from"./chevron-right-D4pIMCh9.js";import{t as m}from"./circle-dot-CsD5uXwH.js";import{t as h}from"./ellipsis-DsrebD1Y.js";import{t as g}from"./flag-csHQcBml.js";import{t as _}from"./heart-BJVBFZ-j.js";import{t as v}from"./mail-check-dJTzg2bD.js";import{t as y}from"./mail-AES_tOd2.js";import{t as b}from"./message-square-CBNI_sf8.js";import{t as x}from"./pencil-C2OfFQMj.js";import{t as S}from"./plus-D5swsZCz.js";import{t as C}from"./shield-check-DUTAPADm.js";import{t as w}from"./shopping-bag-XmeqUqk9.js";import{t as T}from"./sparkles-N8rqKQez.js";import{t as E}from"./star-BaV-UTPq.js";import{t as D}from"./trash-2-CE9bDw49.js";import{t as O}from"./user-plus-CPxlPoxf.js";import{S as k,_ as A,a as j,k as M,n as N,s as P}from"./index-BQIv1ffM.js";import{t as F}from"./smart-card-Dhu_1A_u.js";import{a as I,l as L,r as R,t as z}from"./dropdown-menu-Cto8-yDW.js";function B(e,t,r){return n(e,-t,r)}function V(e,t){return r(k(t?.in||e,e),B(A(t?.in||e),1))}var H=j(`arrow-left-right`,[[`path`,{d:`M8 3 4 7l4 4`,key:`9rb6wj`}],[`path`,{d:`M4 7h16`,key:`6tx8e3`}],[`path`,{d:`m16 21 4-4-4-4`,key:`siv7j2`}],[`path`,{d:`M20 17H4`,key:`h6l3hr`}]]),ee=j(`ban`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M4.929 4.929 19.07 19.071`,key:`196cmz`}]]),te=j(`bookmark`,[[`path`,{d:`M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z`,key:`oz39mx`}]]),ne=j(`file-pen`,[[`path`,{d:`M12.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v9.34`,key:`o6klzx`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10.378 12.622a1 1 0 0 1 3 3.003L8.36 20.637a2 2 0 0 1-.854.506l-2.867.837a.5.5 0 0 1-.62-.62l.836-2.869a2 2 0 0 1 .506-.853z`,key:`zhnas1`}]]),re=j(`link`,[[`path`,{d:`M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71`,key:`1cjeqo`}],[`path`,{d:`M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71`,key:`19qd67`}]]),U=j(`mail-open`,[[`path`,{d:`M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z`,key:`1jhwl8`}],[`path`,{d:`m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10`,key:`1qfld7`}]]),W=j(`mail-x`,[[`path`,{d:`M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h9`,key:`1j9vog`}],[`path`,{d:`m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7`,key:`1ocrg3`}],[`path`,{d:`m17 17 4 4`,key:`1b3523`}],[`path`,{d:`m21 17-4 4`,key:`uinynz`}]]),ie=j(`user-minus`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}],[`line`,{x1:`22`,x2:`16`,y1:`11`,y2:`11`,key:`1shjgl`}]]),G=e(t(),1),K=P(),ae={icon:m,tone:`neutral`},oe={created:{icon:S,tone:`success`,label:`Created`},updated:{icon:x,tone:`info`,label:`Updated`},edited:{icon:ne,tone:`info`,label:`Edited`},deleted:{icon:D,tone:`destructive`,label:`Deleted`},cancelled:{icon:ee,tone:`destructive`,label:`Cancelled`},restored:{icon:T,tone:`success`,label:`Restored`},status_changed:{icon:H,tone:`primary`,label:`Status changed`},status_transition:{icon:H,tone:`primary`,label:`Status changed`},status_override:{icon:H,tone:`warning`,label:`Status overridden`},assigned:{icon:O,tone:`info`,label:`Assigned`},unassigned:{icon:ie,tone:`destructive`,label:`Unassigned`},mail_sent:{icon:y,tone:`info`,label:`Email sent`},mail_delivered:{icon:v,tone:`success`,label:`Email delivered`},mail_opened:{icon:U,tone:`info`,label:`Email opened`},mail_clicked:{icon:U,tone:`info`,label:`Email clicked`},mail_bounced:{icon:W,tone:`destructive`,label:`Email bounced`},mail_failed:{icon:W,tone:`destructive`,label:`Email failed`},comment_created:{icon:b,tone:`warning`,label:`Comment posted`},comment_deleted:{icon:b,tone:`destructive`,label:`Comment deleted`},paid:{icon:s,tone:`success`,label:`Paid`},refunded:{icon:H,tone:`warning`,label:`Refunded`},confirmed:{icon:C,tone:`success`,label:`Confirmed`},favorited:{icon:_,tone:`warning`,label:`Favorited`},ordered:{icon:w,tone:`primary`,label:`Order placed`},published:{icon:E,tone:`success`,label:`Published`},flagged:{icon:g,tone:`warning`,label:`Flagged`},linked:{icon:re,tone:`info`,label:`Linked`},failed:{icon:a,tone:`destructive`,label:`Failed`},health_check_failed:{icon:a,tone:`destructive`,label:`Health check failed`}};function se(e,t){return t[e]??ae}var q={title:`Activity`,empty:`No activity yet.`,loading:`Loading activity…`,today:`Today`,yesterday:`Yesterday`,undated:`Undated`,you:`You`,showChanges:`Show changes`,hideChanges:`Hide changes`,actionsLabel:`Activity actions`,moreLabel:`More`,sources:{comment:`Comment`,mail:`Mail`,booking_log:`Booking log`,activity_log:``,system:`System`},events:{}};function ce(e,t,n){if(!e)return t.undated;let r=new Date(e);if(i(r))return t.today;if(V(r))return t.yesterday;try{return new Intl.DateTimeFormat(n,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}catch{return new Intl.DateTimeFormat(void 0,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}}function le({activities:e,groupByDate:t=!0,expandedByDefault:n=!1,locale:r,strings:i,formatDateGroupLabel:a}){let[o,s]=(0,G.useState)({}),c=(0,G.useMemo)(()=>{let t=new Map;return e.map(e=>{let n=[String(e.id??``).trim(),String(e.createdAt??``).trim(),String(e.event??``).trim(),String(e.source??``).trim()].join(`:`),r=(t.get(n)??0)+1;return t.set(n,r),{activity:e,key:`${n}:${r}`}})},[e]),l=(0,G.useMemo)(()=>{if(!t)return c.length>0?[{label:``,items:c}]:[];let e=[],n=`__init__`,o=[],s=e=>a?a(e,i):ce(e,i,r);for(let t of c){let r=s(t.activity.createdAt??null);r===n?o.push(t):(o.length>0&&e.push({label:n,items:o}),n=r,o=[t])}return o.length>0&&e.push({label:n,items:o}),e},[c,t,r,i,a]),u=(0,G.useCallback)(e=>o[e]??n,[o,n]),d=(0,G.useCallback)(e=>{s(t=>({...t,[e]:!(t[e]??!1)}))},[]),f=(0,G.useCallback)((e,t)=>{s(n=>({...n,[e]:t}))},[]),p=(0,G.useCallback)(()=>{let e={};for(let t of c)e[t.activity.id]=!0;s(e)},[c]),m=(0,G.useCallback)(()=>s({}),[]);return{groups:l,total:c.length,isExpanded:u,toggleExpanded:d,setExpanded:f,expandAll:p,collapseAll:m}}function ue({resources:e,onResourcesChange:t}={}){let[n,r]=(0,G.useState)(()=>e??{}),i=(0,G.useRef)(e);(0,G.useEffect)(()=>{e!==i.current&&(i.current=e,r(e??{}))},[e]);let a=(0,G.useRef)(t);(0,G.useEffect)(()=>{a.current=t},[t]);let o=(0,G.useCallback)(e=>{a.current?.(e)},[]),s=(0,G.useCallback)((e,t)=>{r(n=>{let r={...n,[e]:t};return o(r),r})},[o]),c=(0,G.useCallback)((e,t)=>{r(n=>{let r=n[e];if(!r)return n;let i={...n,[e]:{...r,...t}};return o(i),i})},[o]),l=(0,G.useCallback)(e=>{r(t=>{if(!(e in t))return t;let n={...t};return delete n[e],o(n),n})},[o]),u=(0,G.useCallback)(e=>{r(e),o(e)},[o]),d=(0,G.useCallback)(()=>{let e=i.current??{};r(e),o(e)},[o]);return{registry:n,get:(0,G.useCallback)(e=>n[typeof e==`string`?e:e.key],[n]),register:s,update:c,remove:l,setAll:u,reset:d}}function de({activity:e,actions:t,onAction:n,label:r}){return t.length===0?null:(0,K.jsxs)(z,{children:[(0,K.jsx)(L,{render:e=>(0,K.jsx)(u,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"aria-label":r,className:`h-7 w-7 text-muted-foreground`,children:(0,K.jsx)(h,{className:`size-4`})})}),(0,K.jsx)(R,{align:`end`,className:`min-w-[160px]`,children:t.map(t=>{let r=t.icon;return(0,K.jsxs)(I,{onClick:()=>{t.disabled||(t.onClick(e),n?.(t.id,e))},disabled:t.disabled,variant:t.tone===`destructive`?`destructive`:`default`,className:`gap-2 px-2 py-1.5 text-xs`,children:[!!r&&(0,K.jsx)(r,{className:`size-3.5`}),t.label]},t.id)})})]})}function fe({change:e}){let t=e.old!==null&&e.old!==void 0,n=e.new!==null&&e.new!==void 0;return!t&&!n?(0,K.jsx)(o,{size:`xs`,tag:`span`,children:e.description}):(0,K.jsxs)(o,{tag:`span`,size:`xs`,className:`inline-flex flex-wrap items-baseline gap-1`,children:[!!t&&(0,K.jsx)(o,{tag:`span`,size:`xs`,className:`rounded bg-destructive/10 text-destructive line-through px-1 py-px`,children:e.old}),t&&n&&(0,K.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,children:`→`}),!!n&&(0,K.jsx)(o,{tag:`span`,size:`xs`,className:`rounded bg-success/15 text-success px-1 py-px`,children:e.new})]})}function pe({changes:e,className:t}){return e.length===0?null:(0,K.jsx)(`div`,{className:N(`space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2`,t),children:e.map(e=>(0,K.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,K.jsx)(o,{size:`xs`,type:`secondary`,weight:`medium`,className:`shrink-0`,children:e.label}),(0,K.jsx)(fe,{change:e})]},`${e.key}-${e.label}`))})}function me({label:e,isFirst:t,className:n}){return e===``?null:(0,K.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:N(`uppercase tracking-wider`,!t&&`mt-5`,n),children:e})}function he({title:e,hint:t,className:n}){return(0,K.jsxs)(`div`,{className:N(`flex flex-col items-center justify-center gap-2 px-6 py-10 text-center`,n),children:[(0,K.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:(0,K.jsx)(d,{className:`size-4`})}),(0,K.jsx)(o,{weight:`medium`,children:e}),!!t&&(0,K.jsx)(o,{size:`xs`,type:`secondary`,children:t})]})}var J={primary:{bg:`bg-primary/10`,fg:`text-primary`,dot:`bg-primary`,line:`bg-primary/30`,chipBg:`bg-primary/5`,chipFg:`text-primary`},success:{bg:`bg-success/10`,fg:`text-success`,dot:`bg-success`,line:`bg-success/30`,chipBg:`bg-success/10`,chipFg:`text-success`},warning:{bg:`bg-warning/30`,fg:`text-warning-foreground`,dot:`bg-warning`,line:`bg-warning/40`,chipBg:`bg-warning/30`,chipFg:`text-warning-foreground`},destructive:{bg:`bg-destructive/10`,fg:`text-destructive`,dot:`bg-destructive`,line:`bg-destructive/30`,chipBg:`bg-destructive/10`,chipFg:`text-destructive`},info:{bg:`bg-info/10`,fg:`text-info`,dot:`bg-info`,line:`bg-info/30`,chipBg:`bg-info/10`,chipFg:`text-info`},neutral:{bg:`bg-muted`,fg:`text-muted-foreground`,dot:`bg-muted-foreground/60`,line:`bg-border`,chipBg:`bg-muted`,chipFg:`text-muted-foreground`}},Y={primary:`primary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,neutral:`secondary`};function X({resource:e,config:t,fallbackText:n,onClick:r}){let i=J[t?.tone??`neutral`],a=t?.icon??m,s=t?.label??n??e.label??e.key,l=typeof r==`function`,d=(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(a,{className:N(`size-3 shrink-0`,i.fg)}),(0,K.jsx)(o,{tag:`span`,size:`xs`,weight:`medium`,className:i.chipFg,children:s}),!!t?.tags&&t.tags.length>0&&(0,K.jsx)(o,{tag:`span`,size:`xxs`,type:`secondary`,className:`border-l border-current/20 pl-1.5 ml-0.5`,children:t.tags.join(` · `)}),!!t?.badge&&(0,K.jsx)(c,{inline:!0,variant:Y[t.badge.tone??`neutral`],className:`ml-1`,children:t.badge.label})]}),f=N(`inline-flex items-center gap-1 rounded-full px-2 py-0.5 align-baseline`,`border border-border/60`,i.chipBg,l&&`cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`);return l?(0,K.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:e=>{e.stopPropagation(),r?.()},className:N(f,`h-auto rounded-full`),title:t?.note,children:d}):(0,K.jsx)(`span`,{className:f,title:t?.note,children:d})}function Z({actorId:e,text:t,href:n,activity:r,youLabel:i,currentUserId:a,onActorClick:s}){let c=a!==void 0&&e!==void 0&&a===e?i:t,l=r.actor??{id:e,name:t};return n?(0,K.jsx)(`a`,{href:n,onClick:e=>{s&&(e.preventDefault(),e.stopPropagation(),s(l,r))},className:`font-semibold text-foreground underline-offset-2 hover:underline`,children:c}):s?(0,K.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:e=>{e.stopPropagation(),s(l,r)},className:`h-auto rounded px-0 py-0 font-semibold text-foreground underline-offset-2 hover:underline`,children:c}):(0,K.jsx)(o,{tag:`span`,weight:`semibold`,children:c})}function ge(e,t){return e.map((e,n)=>{let r=`seg-${n}-${e.type}`;switch(e.type){case`actor`:return(0,K.jsxs)(G.Fragment,{children:[(0,K.jsx)(Z,{actorId:e.actorId,text:e.text,href:e.href,activity:t.activity,youLabel:t.youLabel,currentUserId:t.currentUserId,onActorClick:t.onActorClick}),` `]},r);case`field`:case`value`:return(0,K.jsxs)(G.Fragment,{children:[(0,K.jsx)(o,{tag:`span`,weight:`semibold`,children:e.text}),` `]},r);case`status`:return(0,K.jsxs)(G.Fragment,{children:[(0,K.jsx)(c,{inline:!0,variant:Y[e.tone??`neutral`],children:e.text}),` `]},r);case`resource`:{let n=t.getResourceConfig?.(e.resource);return(0,K.jsxs)(G.Fragment,{children:[(0,K.jsx)(X,{resource:e.resource,config:n,fallbackText:e.text,onClick:t.onResourceClick?()=>t.onResourceClick?.(e.resource,n,t.activity):void 0}),` `]},r)}default:return(0,K.jsxs)(G.Fragment,{children:[(0,K.jsx)(o,{tag:`span`,children:e.text}),` `]},r)}})}function _e(e){let{activity:t}=e,n=t.headline??t.event,r=t.actor?.name;if(!r||!n.includes(r))return(0,K.jsx)(o,{tag:`span`,children:n});let[i,...a]=n.split(r);return(0,K.jsxs)(K.Fragment,{children:[!!i&&(0,K.jsx)(o,{tag:`span`,children:i}),(0,K.jsx)(Z,{actorId:t.actor?.id,text:r,href:t.actor?.href,activity:t,youLabel:e.youLabel,currentUserId:e.currentUserId,onActorClick:e.onActorClick}),a.length>0&&(0,K.jsx)(o,{tag:`span`,children:a.join(r)})]})}function ve(e){let t=e.activity.segments;return t&&t.length>0?(0,K.jsx)(`span`,{className:`leading-snug [&>span]:leading-snug`,children:ge(t,e)}):(0,K.jsx)(`span`,{className:`leading-snug`,children:_e(e)})}function ye({icon:e,tone:t,density:n,isLast:r}){let i=J[t];return n===`compact`?(0,K.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,K.jsx)(`span`,{"aria-hidden":!0,className:N(`mt-1.5 size-2 shrink-0 rounded-full`,i.dot)}),!r&&(0,K.jsx)(`span`,{"aria-hidden":!0,className:N(`mt-1 w-px flex-1`,i.line)})]}):n===`rich`?(0,K.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,K.jsx)(`span`,{className:N(`flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60`,i.bg,i.fg),children:(0,K.jsx)(e,{className:`size-3.5`})}),!r&&(0,K.jsx)(`span`,{"aria-hidden":!0,className:N(`mt-1 w-px flex-1`,i.line)})]}):(0,K.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,K.jsx)(`span`,{className:N(`flex size-5 shrink-0 items-center justify-center rounded-full`,i.bg,i.fg),children:(0,K.jsx)(e,{className:`size-3`})}),!r&&(0,K.jsx)(`span`,{"aria-hidden":!0,className:N(`mt-1 w-px flex-1`,i.line)})]})}function be(e){let{activity:t,density:n,eventConfig:r,tone:i,isLast:a,expanded:s,onToggleExpanded:l,relativeTime:d,absoluteTime:m,sourceLabel:h,youLabel:g,showChangesLabel:_,hideChangesLabel:v,actionsLabel:y,currentUserId:b,actions:x,onActivityClick:S,onActorClick:C,onResourceClick:w,onAction:T,getResourceConfig:E,headlineOverride:D,markerOverride:O}=e,k=t.iconOverride??r.icon,A=(t.changes?.length??0)>0,j=(t.metadata?.length??0)>0,M=(t.resources?.length??0)>0,P=t.description!==void 0&&t.description!==null&&t.description!==``,F=n!==`compact`,I=n===`rich`,L=D??(0,K.jsx)(ve,{activity:t,currentUserId:b,youLabel:g,onActorClick:C,onResourceClick:w,getResourceConfig:E}),R=O??(0,K.jsx)(ye,{icon:k,tone:i,density:n,isLast:a}),z=typeof S==`function`,B=A||M||x.length>0||typeof C==`function`||typeof w==`function`,V=z&&!B;return(0,K.jsxs)(`div`,{className:N(`relative flex gap-3`,z&&`cursor-pointer rounded-md hover:bg-muted/40`),onClick:z?()=>S?.(t):void 0,role:V?`button`:void 0,tabIndex:V?0:void 0,onKeyDown:V?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),S?.(t))}:void 0,children:[R,(0,K.jsxs)(`div`,{className:N(`min-w-0 flex-1`,!a&&(n===`rich`?`pb-4`:n===`compact`?`pb-2.5`:`pb-3`)),children:[(0,K.jsxs)(`div`,{className:`flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between sm:gap-3`,children:[(0,K.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1`,children:[(0,K.jsx)(o,{tag:`span`,lineHeight:`snug`,children:L}),!!h&&(0,K.jsx)(c,{inline:!0,variant:`secondary`,children:h}),I&&A&&(0,K.jsx)(u,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,className:`h-5 w-5 text-muted-foreground`,onClick:e=>{e.stopPropagation(),l()},title:s?v:_,"aria-label":s?v:_,"aria-expanded":s,children:s?(0,K.jsx)(f,{className:`size-3.5`}):(0,K.jsx)(p,{className:`size-3.5`})})]}),(0,K.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[!!d&&(0,K.jsx)(o,{size:`xs`,type:`secondary`,className:`whitespace-nowrap tabular-nums pt-0.5`,title:m??void 0,children:d}),I&&x.length>0&&(0,K.jsx)(de,{activity:t,actions:x,onAction:T,label:y})]})]}),!!F&&P&&(0,K.jsx)(o,{tag:`div`,size:`xs`,type:`secondary`,className:`mt-1`,children:t.description}),!!I&&j&&t.metadata&&(0,K.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-x-3 gap-y-1`,children:t.metadata.map(e=>(0,K.jsxs)(o,{size:`xs`,type:`secondary`,children:[(0,K.jsxs)(o,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`:`,` `]}),e.value]},e.label))}),!!I&&M&&t.resources&&(0,K.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:t.resources.map(e=>{let n=E?.(e);return(0,K.jsx)(X,{resource:e,config:n,onClick:w?()=>w(e,n,t):void 0},e.key)})}),!!I&&A&&s&&t.changes&&(0,K.jsx)(`div`,{className:`mt-2`,children:(0,K.jsx)(pe,{changes:t.changes})})]})]})}function xe(e,t){try{return new Intl.DateTimeFormat(t,{dateStyle:`medium`,timeStyle:`short`}).format(new Date(e))}catch{return e}}function Se(e,t){return e.toneOverride??t}function Q(e){let{activities:t=[],density:n=`default`,groupByDate:r=!0,expandedByDefault:i=!1,currentUserId:a,loading:s=!1,eventConfig:c,strings:u,slots:d,className:f,locale:p,formatRelativeTime:m,formatAbsoluteTime:h,formatDateGroupLabel:g,getEventLabel:_,getSourceLabel:v,actionsForActivity:y,onActivityClick:b,onActorClick:x,onResourceClick:S,onAction:C,resources:w,onResourcesChange:T}=e,E=M(q,u),D=(0,G.useMemo)(()=>({...oe,...c}),[c]),O=ue({resources:w,onResourcesChange:T}),k=le({activities:t,groupByDate:r,expandedByDefault:i,locale:p,strings:E,formatDateGroupLabel:g}),{formatRelativeTime:A}=l(),j=m??A??(e=>e),P=h??(e=>xe(e,p));if(s)return(0,K.jsx)(`div`,{className:N(`activities-feed--component`,`px-2 py-4`,f),children:d?.loading??(0,K.jsx)(o,{type:`secondary`,align:`center`,children:E.loading})});if(t.length===0)return(0,K.jsx)(`div`,{className:N(`activities-feed--component`,`px-2 py-2`,f),children:d?.empty??(0,K.jsx)(he,{title:E.empty})});let F=k.groups.reduce((e,t)=>e+t.items.length,0),I=0;return(0,K.jsxs)(`div`,{className:N(`activities-feed--component flex flex-col`,f),children:[!!d?.header&&(0,K.jsx)(`div`,{className:`mb-3`,children:d.header}),(0,K.jsx)(`div`,{className:`flex flex-col`,children:k.groups.map((e,t)=>{let r=t===0;return(0,K.jsxs)(`div`,{className:N(r?``:`mt-1`),children:[d?.renderDateLabel?d.renderDateLabel(e.label,r):(0,K.jsx)(me,{label:e.label,isFirst:r,className:r?``:`mb-2`}),(0,K.jsx)(`div`,{className:N(`flex flex-col`,!!e.label&&`mt-2`),children:e.items.map((e,t)=>{let r=e.activity,i=t===0,o=++I===F,s=se(r.event,D),c=Se(r,s.tone),l=r.timestamp??(r.createdAt?j(r.createdAt):null),u=r.createdAt?P(r.createdAt):null,f=r.source?v?.(r.source)??E.sources[r.source]??s.sourceLabel??null:s.sourceLabel??null,p=f&&f.trim().length>0?f:null,m=y?.(r)??[],h={density:n,isLast:o,isFirstInGroup:i,activity:r,eventConfig:s,tone:c,relativeTime:l,absoluteTime:u,sourceLabel:p,expanded:k.isExpanded(r.id),toggleExpanded:()=>k.toggleExpanded(r.id)},g=d?.renderRow?.(r,h);if(g!==void 0)return(0,K.jsx)(`div`,{children:g},e.key);let _=d?.renderHeadline?.(r,h),w=d?.renderMarker?.(r,h);return(0,K.jsx)(be,{activity:r,density:n,eventConfig:s,tone:c,isLast:o,expanded:h.expanded,onToggleExpanded:h.toggleExpanded,relativeTime:l,absoluteTime:u,sourceLabel:p,youLabel:E.you,showChangesLabel:E.showChanges,hideChangesLabel:E.hideChanges,actionsLabel:E.actionsLabel,currentUserId:a,actions:m,onActivityClick:b,onActorClick:x,onResourceClick:S,onAction:C,getResourceConfig:e=>O.get(e),headlineOverride:_,markerOverride:w},e.key)})})]},`${e.label}-${t}`)})}),!!d?.footer&&(0,K.jsx)(`div`,{className:`mt-3`,children:d.footer})]})}Q.displayName=`ActivityFeed`;function $({title:e,titleSuffix:t,description:n,padding:r=`base`,composerSlot:i,className:a,strings:o,slots:s,...c}){let l=M(q,o),u=e??l.title;return(0,K.jsx)(F,{icon:(0,K.jsx)(d,{className:`size-4`}),title:u,titleSuffix:t,description:n,padding:r,className:a,children:(0,K.jsx)(Q,{...c,strings:o,slots:{...s,header:i??s?.header}})})}$.displayName=`ActivityFeedCard`;export{Q as n,te as r,$ as t};

package/dist/showcase/assets/{activity-B-FxNryB.js → activity-BVP5C805.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`activity`,[[`path`,{d:`M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2`,key:`169zse`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`activity`,[[`path`,{d:`M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2`,key:`169zse`}]]);export{t};

package/dist/showcase/assets/{admin-CAhEeKt_.js → admin-DWOK4sj4.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,mr as a,r as o,t as s,yr as c}from"./example-BIrQab7K.js";import{t as l}from"./message-square-B0RnrJV6.js";import{t as u}from"./pencil-BouoJ5x7.js";import{t as d}from"./settings-BSRT_96A.js";import{t as f}from"./shield-CcR2q5u_.js";import{t as p}from"./zap-DHBVTfYZ.js";import{k as m,n as h,s as g}from"./index-Cz4UGUT2.js";import{t as _}from"./props-table-BR-KjRNe.js";import{t as v}from"./icon-badge-CxvxB8Vd.js";import{t as y}from"./smart-card-B4P_C0nk.js";import{n as b}from"./switch-arjWj-n7.js";import{c as x,i as S,n as C,o as w,r as T,t as E,u as D}from"./item-CbiuwbAN.js";var O=g();function k({members:e,className:t}){return(0,O.jsx)(w,{className:h(`team-member--component`,t),children:e.map(e=>(0,O.jsxs)(E,{children:[(0,O.jsx)(x,{children:(0,O.jsx)(v,{tone:`primary`,solid:!0,size:`md`,children:(0,O.jsx)(r,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,O.jsxs)(T,{children:[(0,O.jsx)(D,{children:e.name}),(0,O.jsx)(S,{clamp:1,children:e.role})]}),(0,O.jsxs)(C,{children:[(0,O.jsx)(c,{variant:`secondary`,children:e.dept}),(0,O.jsx)(r,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.active})]})]},e.name))})}k.displayName=`TeamMemberRow`;var A={statusInStock:`In Stock`,statusLowStock:`Low Stock`,statusCritical:`Critical`,variantLabel:`Variant`,unitsAvailable:`units available`,reorderAtLabel:`Reorder at`,lastRestockedLabel:`Last restocked`},j={editRole:`Edit Role`,formatMemberCount:e=>`${e} members`};function M({roleName:e,description:t,memberCount:n,sections:i,onEdit:a,className:s,strings:l}){let d=m(j,l);return(0,O.jsxs)(y,{title:e,description:t,headerEnd:n!==void 0&&(0,O.jsx)(c,{variant:`info`,children:d.formatMemberCount(n)}),className:h(`role-permission--component`,s),children:[(0,O.jsx)(`div`,{className:`mt-5 space-y-4`,children:i.map(e=>(0,O.jsxs)(`div`,{children:[(0,O.jsx)(r,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-muted-foreground`,children:e.name}),(0,O.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:e.permissions.map(e=>(0,O.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,O.jsx)(`span`,{className:h(`size-2.5 rounded-full`,e.active?`bg-success`:`bg-muted`)}),(0,O.jsx)(r,{size:`xs`,className:e.active?`text-foreground`:`text-muted-foreground`,children:e.label})]},e.label))})]},e.name))}),!!a&&(0,O.jsx)(o,{variant:`secondary`,buttonStyle:`ghost`,icon:u,className:`mt-5`,onClick:a,children:d.editRole})]})}M.displayName=`RolePermissionCard`;function N({conversations:e,className:t}){return(0,O.jsx)(w,{className:h(`conversation-row--component`,t),children:e.map(e=>(0,O.jsxs)(E,{className:`cursor-pointer`,children:[(0,O.jsx)(x,{children:(0,O.jsx)(v,{tone:`primary`,size:`md`,children:(0,O.jsx)(r,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,O.jsxs)(T,{children:[(0,O.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,O.jsx)(D,{children:e.name}),(0,O.jsx)(r,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time})]}),(0,O.jsx)(S,{clamp:1,children:e.preview})]}),!!e.unread&&(0,O.jsx)(C,{children:(0,O.jsx)(v,{tone:`primary`,solid:!0,size:`xs`,children:(0,O.jsx)(r,{size:`xxs`,weight:`bold`,className:`text-inherit tabular-nums`,children:e.unread})})})]},e.name))})}N.displayName=`RecentConversationRow`;var P=t(n(),1);function F({settings:e,values:t,onChange:n,className:r}){let[i,a]=(0,P.useState)(()=>{let t={};for(let n of e)t[n.key]=n.defaultValue??!1;return t}),o=n!==void 0,s=o&&t?t:i,c=(e,t)=>{o&&n?n(e,t):a(n=>({...n,[e]:t}))};return(0,O.jsx)(y,{className:h(`settings-toggle--component`,r),children:(0,O.jsx)(w,{children:e.map(e=>{let t=e.icon,n=s[e.key]??!1;return(0,O.jsxs)(E,{children:[(0,O.jsx)(x,{variant:`icon`,className:`bg-muted text-muted-foreground rounded-full size-9`,children:(0,O.jsx)(t,{})}),(0,O.jsxs)(T,{children:[(0,O.jsx)(D,{children:e.name}),(0,O.jsx)(S,{children:e.desc})]}),(0,O.jsx)(C,{children:(0,O.jsx)(b,{"aria-label":e.name,checked:n,onCheckedChange:t=>c(e.key,t)})})]},e.key)})})})}F.displayName=`SettingsToggleRow`;function I({productName:e,variant:t,stock:n,reorderLevel:i,maxStock:a,lastRestocked:o,className:s,strings:l}){let u=m(A,l),d=Math.round(n/a*100),f=n<=i,p=n<=i*.5,g=p?`error`:f?`warning`:`success`,_=p?u.statusCritical:f?u.statusLowStock:u.statusInStock;return(0,O.jsxs)(y,{className:h(`inventory-level--component`,s),children:[(0,O.jsxs)(E,{size:`xs`,className:`px-0`,children:[(0,O.jsxs)(T,{children:[(0,O.jsx)(D,{children:e}),!!t&&(0,O.jsxs)(S,{clamp:1,children:[u.variantLabel,`: `,t]})]}),(0,O.jsx)(C,{children:(0,O.jsx)(c,{variant:g,children:_})})]}),(0,O.jsx)(r,{size:`xl`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:n}),(0,O.jsx)(r,{size:`xs`,type:`secondary`,children:u.unitsAvailable}),(0,O.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,O.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,O.jsx)(`div`,{className:h(`h-full rounded-full transition-all`,p?`bg-destructive`:f?`bg-warning`:`bg-success`),style:{width:`${d}%`}})}),(0,O.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,O.jsxs)(r,{size:`xs`,type:`secondary`,children:[u.reorderAtLabel,`: `,(0,O.jsx)(r,{tag:`span`,weight:`medium`,className:`tabular-nums`,children:i})]}),!!o&&(0,O.jsxs)(r,{size:`xs`,type:`secondary`,children:[u.lastRestockedLabel,`: `,o]})]})]})]})}I.displayName=`InventoryLevelCard`;var L=e({InventoryLevel:()=>H,RecentConversations:()=>B,RolePermissions:()=>z,SettingsToggles:()=>V,TeamMembers:()=>R});function R(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(y,{children:(0,O.jsx)(k,{members:[{initials:`EM`,name:`Emma Garcia`,role:`Product Manager`,dept:`Operations`,active:`2h ago`},{initials:`SP`,name:`Daniel Smith`,role:`Lead Developer`,dept:`Engineering`,active:`15m ago`},{initials:`ID`,name:`David Williams`,role:`Designer`,dept:`Design`,active:`1d ago`}]})})})}function z(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(M,{roleName:`Editor`,description:`Can manage content and view users.`,memberCount:12,sections:[{name:`Content`,permissions:[{label:`Create`,active:!0},{label:`Read`,active:!0},{label:`Update`,active:!0},{label:`Delete`,active:!1}]},{name:`Users`,permissions:[{label:`Invite`,active:!0},{label:`View`,active:!0},{label:`Edit`,active:!1},{label:`Remove`,active:!1}]}],onEdit:()=>{}})})}function B(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(y,{children:(0,O.jsx)(N,{conversations:[{initials:`EM`,name:`Emma Garcia`,preview:`Thanks for the quick response! I wanted to ask about the delivery timeline...`,time:`2m`,unread:3},{initials:`SP`,name:`Daniel Smith`,preview:`The new product photos look great. Can we schedule a meeting...`,time:`15m`,unread:0},{initials:`NK`,name:`Nadia Kowalski`,preview:`I noticed the voucher codes are not applying correctly...`,time:`1h`,unread:1}]})})})}function V(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(F,{settings:[{key:`notifications`,icon:l,name:`Push Notifications`,desc:`Receive alerts for new orders and messages`,defaultValue:!0},{key:`twoFactor`,icon:f,name:`Two-Factor Auth`,desc:`Add an extra layer of security`},{key:`darkMode`,icon:d,name:`Dark Mode`,desc:`Use dark theme across all admin pages`,defaultValue:!0},{key:`analytics`,icon:p,name:`Usage Analytics`,desc:`Help us improve by sharing anonymous usage data`,defaultValue:!0}]})})}function H(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(I,{productName:`Luxury Gift Basket`,variant:`Large / Gold`,stock:23,reorderLevel:20,maxStock:100,lastRestocked:`Mar 15`})})}var U=`import { MessageSquare, Shield, Settings, Zap } from 'lucide-react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,jr as o,r as s,t as c}from"./example-Cz_880po.js";import{t as l}from"./message-square-CBNI_sf8.js";import{t as u}from"./pencil-C2OfFQMj.js";import{t as d}from"./settings-DRmWJILI.js";import{t as f}from"./shield-D1EaWJMG.js";import{t as p}from"./zap-DIJUAJEb.js";import{k as m,n as h,s as g}from"./index-BQIv1ffM.js";import{t as _}from"./props-table-2pIZzGC-.js";import{t as v}from"./icon-badge-dwVx3Hxf.js";import{t as y}from"./smart-card-Dhu_1A_u.js";import{n as b}from"./switch-xzxCDtyg.js";import{c as x,i as S,n as C,o as w,r as T,t as E,u as D}from"./item-YF6wMI9W.js";var O=g();function k({members:e,className:t}){return(0,O.jsx)(w,{className:h(`team-member--component`,t),children:e.map(e=>(0,O.jsxs)(E,{children:[(0,O.jsx)(x,{children:(0,O.jsx)(v,{tone:`primary`,solid:!0,size:`md`,children:(0,O.jsx)(a,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,O.jsxs)(T,{children:[(0,O.jsx)(D,{children:e.name}),(0,O.jsx)(S,{clamp:1,children:e.role})]}),(0,O.jsxs)(C,{children:[(0,O.jsx)(o,{variant:`secondary`,children:e.dept}),(0,O.jsx)(a,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.active})]})]},e.name))})}k.displayName=`TeamMemberRow`;var A={statusInStock:`In Stock`,statusLowStock:`Low Stock`,statusCritical:`Critical`,variantLabel:`Variant`,unitsAvailable:`units available`,reorderAtLabel:`Reorder at`,lastRestockedLabel:`Last restocked`},j={editRole:`Edit Role`,formatMemberCount:e=>`${e} members`};function M({roleName:e,description:t,memberCount:n,sections:r,onEdit:i,className:c,strings:l}){let d=m(j,l);return(0,O.jsxs)(y,{title:e,description:t,headerEnd:n!==void 0&&(0,O.jsx)(o,{variant:`info`,children:d.formatMemberCount(n)}),className:h(`role-permission--component`,c),children:[(0,O.jsx)(`div`,{className:`mt-5 space-y-4`,children:r.map(e=>(0,O.jsxs)(`div`,{children:[(0,O.jsx)(a,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-muted-foreground`,children:e.name}),(0,O.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:e.permissions.map(e=>(0,O.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,O.jsx)(`span`,{className:h(`size-2.5 rounded-full`,e.active?`bg-success`:`bg-muted`)}),(0,O.jsx)(a,{size:`xs`,className:e.active?`text-foreground`:`text-muted-foreground`,children:e.label})]},e.label))})]},e.name))}),!!i&&(0,O.jsx)(s,{variant:`secondary`,buttonStyle:`ghost`,icon:u,className:`mt-5`,onClick:i,children:d.editRole})]})}M.displayName=`RolePermissionCard`;function N({conversations:e,className:t}){return(0,O.jsx)(w,{className:h(`conversation-row--component`,t),children:e.map(e=>(0,O.jsxs)(E,{className:`cursor-pointer`,children:[(0,O.jsx)(x,{children:(0,O.jsx)(v,{tone:`primary`,size:`md`,children:(0,O.jsx)(a,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,O.jsxs)(T,{children:[(0,O.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,O.jsx)(D,{children:e.name}),(0,O.jsx)(a,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time})]}),(0,O.jsx)(S,{clamp:1,children:e.preview})]}),!!e.unread&&(0,O.jsx)(C,{children:(0,O.jsx)(v,{tone:`primary`,solid:!0,size:`xs`,children:(0,O.jsx)(a,{size:`xxs`,weight:`bold`,className:`text-inherit tabular-nums`,children:e.unread})})})]},e.name))})}N.displayName=`RecentConversationRow`;var P=t(n(),1);function F({settings:e,values:t,onChange:n,className:r}){let[i,a]=(0,P.useState)(()=>{let t={};for(let n of e)t[n.key]=n.defaultValue??!1;return t}),o=n!==void 0,s=o&&t?t:i,c=(e,t)=>{o&&n?n(e,t):a(n=>({...n,[e]:t}))};return(0,O.jsx)(y,{className:h(`settings-toggle--component`,r),children:(0,O.jsx)(w,{children:e.map(e=>{let t=e.icon,n=s[e.key]??!1;return(0,O.jsxs)(E,{children:[(0,O.jsx)(x,{variant:`icon`,className:`bg-muted text-muted-foreground rounded-full size-9`,children:(0,O.jsx)(t,{})}),(0,O.jsxs)(T,{children:[(0,O.jsx)(D,{children:e.name}),(0,O.jsx)(S,{children:e.desc})]}),(0,O.jsx)(C,{children:(0,O.jsx)(b,{"aria-label":e.name,checked:n,onCheckedChange:t=>c(e.key,t)})})]},e.key)})})})}F.displayName=`SettingsToggleRow`;function I({productName:e,variant:t,stock:n,reorderLevel:r,maxStock:i,lastRestocked:s,className:c,strings:l}){let u=m(A,l),d=Math.round(n/i*100),f=n<=r,p=n<=r*.5,g=p?`error`:f?`warning`:`success`,_=p?u.statusCritical:f?u.statusLowStock:u.statusInStock;return(0,O.jsxs)(y,{className:h(`inventory-level--component`,c),children:[(0,O.jsxs)(E,{size:`xs`,className:`px-0`,children:[(0,O.jsxs)(T,{children:[(0,O.jsx)(D,{children:e}),!!t&&(0,O.jsxs)(S,{clamp:1,children:[u.variantLabel,`: `,t]})]}),(0,O.jsx)(C,{children:(0,O.jsx)(o,{variant:g,children:_})})]}),(0,O.jsx)(a,{size:`xl`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:n}),(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:u.unitsAvailable}),(0,O.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,O.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,O.jsx)(`div`,{className:h(`h-full rounded-full transition-all`,p?`bg-destructive`:f?`bg-warning`:`bg-success`),style:{width:`${d}%`}})}),(0,O.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,O.jsxs)(a,{size:`xs`,type:`secondary`,children:[u.reorderAtLabel,`: `,(0,O.jsx)(a,{tag:`span`,weight:`medium`,className:`tabular-nums`,children:r})]}),!!s&&(0,O.jsxs)(a,{size:`xs`,type:`secondary`,children:[u.lastRestockedLabel,`: `,s]})]})]})]})}I.displayName=`InventoryLevelCard`;var L=e({InventoryLevel:()=>H,RecentConversations:()=>B,RolePermissions:()=>z,SettingsToggles:()=>V,TeamMembers:()=>R});function R(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(y,{children:(0,O.jsx)(k,{members:[{initials:`EM`,name:`Emma Garcia`,role:`Product Manager`,dept:`Operations`,active:`2h ago`},{initials:`SP`,name:`Daniel Smith`,role:`Lead Developer`,dept:`Engineering`,active:`15m ago`},{initials:`ID`,name:`David Williams`,role:`Designer`,dept:`Design`,active:`1d ago`}]})})})}function z(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(M,{roleName:`Editor`,description:`Can manage content and view users.`,memberCount:12,sections:[{name:`Content`,permissions:[{label:`Create`,active:!0},{label:`Read`,active:!0},{label:`Update`,active:!0},{label:`Delete`,active:!1}]},{name:`Users`,permissions:[{label:`Invite`,active:!0},{label:`View`,active:!0},{label:`Edit`,active:!1},{label:`Remove`,active:!1}]}],onEdit:()=>{}})})}function B(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(y,{children:(0,O.jsx)(N,{conversations:[{initials:`EM`,name:`Emma Garcia`,preview:`Thanks for the quick response! I wanted to ask about the delivery timeline...`,time:`2m`,unread:3},{initials:`SP`,name:`Daniel Smith`,preview:`The new product photos look great. Can we schedule a meeting...`,time:`15m`,unread:0},{initials:`NK`,name:`Nadia Kowalski`,preview:`I noticed the voucher codes are not applying correctly...`,time:`1h`,unread:1}]})})})}function V(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(F,{settings:[{key:`notifications`,icon:l,name:`Push Notifications`,desc:`Receive alerts for new orders and messages`,defaultValue:!0},{key:`twoFactor`,icon:f,name:`Two-Factor Auth`,desc:`Add an extra layer of security`},{key:`darkMode`,icon:d,name:`Dark Mode`,desc:`Use dark theme across all admin pages`,defaultValue:!0},{key:`analytics`,icon:p,name:`Usage Analytics`,desc:`Help us improve by sharing anonymous usage data`,defaultValue:!0}]})})}function H(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(I,{productName:`Luxury Gift Basket`,variant:`Large / Gold`,stock:23,reorderLevel:20,maxStock:100,lastRestocked:`Mar 15`})})}var U=`import { MessageSquare, Shield, Settings, Zap } from 'lucide-react';
 import { TeamMemberRow } from '@/components/composed/admin/team-member';
 import { RolePermissionCard } from '@/components/composed/admin/role-permission';
 import { RecentConversationRow } from '@/components/composed/admin/conversation-row';
@@ -77,4 +77,4 @@ export function InventoryLevel() {
 		</>
 	);
 }
-`;function W(e){let t={h4:`h4`,...e.components};return L||K(`Examples`,!1),H||K(`Examples.InventoryLevel`,!0),B||K(`Examples.RecentConversations`,!0),z||K(`Examples.RolePermissions`,!0),V||K(`Examples.SettingsToggles`,!0),R||K(`Examples.TeamMembers`,!0),(0,O.jsxs)(i,{title:`Composed · Admin`,description:`Team list, permissions, conversations, settings, inventory.`,layer:`composed`,status:`ready`,children:[(0,O.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,O.jsx)(s,{name:`TeamMembers`,source:U,children:(0,O.jsx)(R,{})}),(0,O.jsx)(s,{name:`RolePermissions`,source:U,children:(0,O.jsx)(z,{})}),(0,O.jsx)(s,{name:`RecentConversations`,source:U,children:(0,O.jsx)(B,{})}),(0,O.jsx)(s,{name:`SettingsToggles`,source:U,children:(0,O.jsx)(V,{})}),(0,O.jsx)(s,{name:`InventoryLevel`,source:U,children:(0,O.jsx)(H,{})})]}),(0,O.jsxs)(a,{title:`API`,id:`api`,children:[(0,O.jsx)(t.h4,{children:`TeamMemberRow`}),(0,O.jsx)(_,{component:`TeamMemberRow`}),(0,O.jsx)(t.h4,{children:`RolePermissionCard`}),(0,O.jsx)(_,{component:`RolePermissionCard`}),(0,O.jsx)(t.h4,{children:`RecentConversationRow`}),(0,O.jsx)(_,{component:`RecentConversationRow`}),(0,O.jsx)(t.h4,{children:`SettingsToggleRow`}),(0,O.jsx)(_,{component:`SettingsToggleRow`}),(0,O.jsx)(t.h4,{children:`InventoryLevelCard`}),(0,O.jsx)(_,{component:`InventoryLevelCard`})]})]})}function G(e={}){let{wrapper:t}=e.components||{};return t?(0,O.jsx)(t,{...e,children:(0,O.jsx)(W,{...e})}):W(e)}function K(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{G as default};
+`;function W(e){let t={h4:`h4`,...e.components};return L||K(`Examples`,!1),H||K(`Examples.InventoryLevel`,!0),B||K(`Examples.RecentConversations`,!0),z||K(`Examples.RolePermissions`,!0),V||K(`Examples.SettingsToggles`,!0),R||K(`Examples.TeamMembers`,!0),(0,O.jsxs)(r,{title:`Composed · Admin`,description:`Team list, permissions, conversations, settings, inventory.`,layer:`composed`,status:`ready`,children:[(0,O.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,O.jsx)(c,{name:`TeamMembers`,source:U,children:(0,O.jsx)(R,{})}),(0,O.jsx)(c,{name:`RolePermissions`,source:U,children:(0,O.jsx)(z,{})}),(0,O.jsx)(c,{name:`RecentConversations`,source:U,children:(0,O.jsx)(B,{})}),(0,O.jsx)(c,{name:`SettingsToggles`,source:U,children:(0,O.jsx)(V,{})}),(0,O.jsx)(c,{name:`InventoryLevel`,source:U,children:(0,O.jsx)(H,{})})]}),(0,O.jsxs)(i,{title:`API`,id:`api`,children:[(0,O.jsx)(t.h4,{children:`TeamMemberRow`}),(0,O.jsx)(_,{component:`TeamMemberRow`}),(0,O.jsx)(t.h4,{children:`RolePermissionCard`}),(0,O.jsx)(_,{component:`RolePermissionCard`}),(0,O.jsx)(t.h4,{children:`RecentConversationRow`}),(0,O.jsx)(_,{component:`RecentConversationRow`}),(0,O.jsx)(t.h4,{children:`SettingsToggleRow`}),(0,O.jsx)(_,{component:`SettingsToggleRow`}),(0,O.jsx)(t.h4,{children:`InventoryLevelCard`}),(0,O.jsx)(_,{component:`InventoryLevelCard`})]})]})}function G(e={}){let{wrapper:t}=e.components||{};return t?(0,O.jsx)(t,{...e,children:(0,O.jsx)(W,{...e})}):W(e)}function K(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{G as default};

package/dist/showcase/assets/{ai-UioEgJ90.js → ai-Dteb3y6G.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,hr as n,mr as r,r as i,t as a,yr as o}from"./example-BIrQab7K.js";import{t as s}from"./refresh-cw-DnxNcOMm.js";import{a as c,k as l,n as u,s as d}from"./index-Cz4UGUT2.js";import{t as f}from"./props-table-BR-KjRNe.js";import{t as p}from"./smart-card-B4P_C0nk.js";import{t as m}from"./separator-BjGdXNcn.js";import{t as h}from"./inline-stat-DqI70yoJ.js";var g=c(`brain-circuit`,[[`path`,{d:`M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z`,key:`l5xja`}],[`path`,{d:`M9 13a4.5 4.5 0 0 0 3-4`,key:`10igwf`}],[`path`,{d:`M6.003 5.125A3 3 0 0 0 6.401 6.5`,key:`105sqy`}],[`path`,{d:`M3.477 10.896a4 4 0 0 1 .585-.396`,key:`ql3yin`}],[`path`,{d:`M6 18a4 4 0 0 1-1.967-.516`,key:`2e4loj`}],[`path`,{d:`M12 13h4`,key:`1ku699`}],[`path`,{d:`M12 18h6a2 2 0 0 1 2 2v1`,key:`105ag5`}],[`path`,{d:`M12 8h8`,key:`1lhi5i`}],[`path`,{d:`M16 8V5a2 2 0 0 1 2-2`,key:`u6izg6`}],[`circle`,{cx:`16`,cy:`13`,r:`.5`,key:`ry7gng`}],[`circle`,{cx:`18`,cy:`3`,r:`.5`,key:`1aiba7`}],[`circle`,{cx:`20`,cy:`21`,r:`.5`,key:`yhc1fs`}],[`circle`,{cx:`20`,cy:`8`,r:`.5`,key:`1e43v0`}]]),_={title:`AI Summary`,badgeLabel:`AI`,regenerate:`Regenerate`,confidenceLevels:{low:`low`,medium:`medium`,high:`high`}},v={title:`Classification`,complexityLabel:`Complexity`,flagsLabel:`Flags`,nextStepLabel:`Next Step`,confidencePrefix:`Confidence`,confidenceBands:{low:`Low`,medium:`Medium`,high:`High`}},y=d(),b={low:1,medium:2,high:3};function x({level:e,label:n}){let r=b[e];return(0,y.jsxs)(`div`,{className:u(`ai-summary--component`,`flex items-center gap-1.5`),children:[(0,y.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3},(e,t)=>(0,y.jsx)(`div`,{className:u(`h-2.5 w-1 rounded-sm`,t<r?`bg-foreground/60`:`bg-muted-foreground/20`)},`bar-${String(t)}`))}),(0,y.jsx)(t,{size:`xs`,type:`secondary`,tag:`span`,className:`capitalize`,children:n})]})}function S({data:e,strings:n}){let r=l(_,n);return(0,y.jsx)(p,{title:(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsx)(g,{className:`h-4 w-4 text-muted-foreground`}),(0,y.jsx)(t,{tag:`span`,children:r.title})]}),titleSuffix:(0,y.jsx)(o,{variant:`secondary`,children:r.badgeLabel}),footerText:(0,y.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsx)(t,{size:`xs`,type:`secondary`,tag:`span`,children:e.generatedAt}),(0,y.jsx)(t,{size:`xs`,type:`discrete`,tag:`span`,children:e.model})]}),!!e.onRegenerate&&(0,y.jsxs)(i,{variant:`secondary`,buttonStyle:`ghost`,onClick:e.onRegenerate,children:[(0,y.jsx)(s,{className:`mr-1 h-3 w-3`}),r.regenerate]})]}),children:(0,y.jsxs)(`div`,{className:`space-y-3`,children:[(0,y.jsx)(t,{lineHeight:`relaxed`,children:e.summary}),e.entities.length>0&&(0,y.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.entities.map(e=>(0,y.jsx)(o,{variant:`secondary`,children:e},e))}),(0,y.jsx)(x,{level:e.confidence,label:r.confidenceLevels[e.confidence]})]})})}function C({data:e,strings:n}){let r=l(v,n),i=e.confidence>=.9?r.confidenceBands.high:e.confidence>=.7?r.confidenceBands.medium:r.confidenceBands.low;return(0,y.jsx)(p,{title:(0,y.jsxs)(`div`,{className:u(`ai-classification--component`,`flex items-center gap-2`),children:[(0,y.jsx)(g,{className:`h-4 w-4 text-muted-foreground`}),(0,y.jsx)(t,{tag:`span`,children:r.title})]}),children:(0,y.jsxs)(`div`,{className:`space-y-3`,children:[(0,y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,y.jsx)(o,{variant:`primary`,children:e.requestType}),(0,y.jsx)(o,{variant:e.urgencyVariant,children:e.urgency}),(0,y.jsx)(o,{variant:e.toneVariant,dot:!0,children:e.tone})]}),(0,y.jsx)(h,{label:r.complexityLabel,labelClassName:`text-xs`,value:(0,y.jsxs)(`span`,{className:`flex items-center gap-1`,children:[Array.from({length:5},(t,n)=>(0,y.jsx)(`span`,{className:u(`h-1.5 w-3 rounded-sm`,n<e.complexityScore?`bg-foreground/60`:`bg-muted`)},`cx-${String(n)}`)),(0,y.jsxs)(t,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-1`,children:[String(e.complexityScore),`/5`]})]})}),e.flags.length>0&&(0,y.jsx)(h,{label:r.flagsLabel,labelClassName:`text-xs`,value:(0,y.jsx)(`span`,{className:`flex gap-1`,children:e.flags.map(e=>(0,y.jsx)(o,{variant:`warning`,children:e},e))})}),(0,y.jsx)(h,{label:r.nextStepLabel,labelClassName:`text-xs`,value:(0,y.jsx)(o,{variant:`info`,children:e.suggestedAction})}),(0,y.jsx)(t,{lineHeight:`relaxed`,type:`secondary`,children:e.summary}),(0,y.jsx)(m,{}),(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsxs)(o,{variant:`secondary`,children:[r.confidencePrefix,`: `,i]}),(0,y.jsx)(t,{size:`xs`,type:`discrete`,tag:`span`,children:e.model})]})]})})}var w=e({AIClassification:()=>E,AISummary:()=>T});function T(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(S,{data:{summary:`Customer requested a birthday experience booking for two adults near Los Angeles, preferring a weekend slot in early April.`,entities:[`Birthday`,`Outdoor`,`Los Angeles`,`2 Adults`],confidence:`high`,model:`Claude 3.5 Sonnet`,generatedAt:`Mar 27, 2026 — 14:32`,onRegenerate:()=>{}}})})}function E(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(C,{data:{requestType:`Product Inquiry`,urgency:`Medium`,urgencyVariant:`warning`,tone:`Professional`,toneVariant:`info`,flags:[`Gift Purchase`,`Wellness`],complexityScore:3,suggestedAction:`Auto-respond`,summary:`Standard product inquiry for a spa gift package.`,confidence:.92,model:`Claude 3.5 Sonnet`}})})}var D=`import { AiSummaryBlock, AiClassificationPanel } from '@/components/composed/ai';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Rr as r,jr as i,r as a,t as o}from"./example-Cz_880po.js";import{t as s}from"./refresh-cw-UdL93poQ.js";import{a as c,k as l,n as u,s as d}from"./index-BQIv1ffM.js";import{t as f}from"./props-table-2pIZzGC-.js";import{t as p}from"./smart-card-Dhu_1A_u.js";import{t as m}from"./separator-BsYPzBlF.js";import{t as h}from"./inline-stat-DcNP6bcO.js";var g=c(`brain-circuit`,[[`path`,{d:`M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z`,key:`l5xja`}],[`path`,{d:`M9 13a4.5 4.5 0 0 0 3-4`,key:`10igwf`}],[`path`,{d:`M6.003 5.125A3 3 0 0 0 6.401 6.5`,key:`105sqy`}],[`path`,{d:`M3.477 10.896a4 4 0 0 1 .585-.396`,key:`ql3yin`}],[`path`,{d:`M6 18a4 4 0 0 1-1.967-.516`,key:`2e4loj`}],[`path`,{d:`M12 13h4`,key:`1ku699`}],[`path`,{d:`M12 18h6a2 2 0 0 1 2 2v1`,key:`105ag5`}],[`path`,{d:`M12 8h8`,key:`1lhi5i`}],[`path`,{d:`M16 8V5a2 2 0 0 1 2-2`,key:`u6izg6`}],[`circle`,{cx:`16`,cy:`13`,r:`.5`,key:`ry7gng`}],[`circle`,{cx:`18`,cy:`3`,r:`.5`,key:`1aiba7`}],[`circle`,{cx:`20`,cy:`21`,r:`.5`,key:`yhc1fs`}],[`circle`,{cx:`20`,cy:`8`,r:`.5`,key:`1e43v0`}]]),_={title:`AI Summary`,badgeLabel:`AI`,regenerate:`Regenerate`,confidenceLevels:{low:`low`,medium:`medium`,high:`high`}},v={title:`Classification`,complexityLabel:`Complexity`,flagsLabel:`Flags`,nextStepLabel:`Next Step`,confidencePrefix:`Confidence`,confidenceBands:{low:`Low`,medium:`Medium`,high:`High`}},y=d(),b={low:1,medium:2,high:3};function x({level:e,label:t}){let n=b[e];return(0,y.jsxs)(`div`,{className:u(`ai-summary--component`,`flex items-center gap-1.5`),children:[(0,y.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3},(e,t)=>(0,y.jsx)(`div`,{className:u(`h-2.5 w-1 rounded-sm`,t<n?`bg-foreground/60`:`bg-muted-foreground/20`)},`bar-${String(t)}`))}),(0,y.jsx)(r,{size:`xs`,type:`secondary`,tag:`span`,className:`capitalize`,children:t})]})}function S({data:e,strings:t}){let n=l(_,t);return(0,y.jsx)(p,{title:(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsx)(g,{className:`h-4 w-4 text-muted-foreground`}),(0,y.jsx)(r,{tag:`span`,children:n.title})]}),titleSuffix:(0,y.jsx)(i,{variant:`secondary`,children:n.badgeLabel}),footerText:(0,y.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsx)(r,{size:`xs`,type:`secondary`,tag:`span`,children:e.generatedAt}),(0,y.jsx)(r,{size:`xs`,type:`discrete`,tag:`span`,children:e.model})]}),!!e.onRegenerate&&(0,y.jsxs)(a,{variant:`secondary`,buttonStyle:`ghost`,onClick:e.onRegenerate,children:[(0,y.jsx)(s,{className:`mr-1 h-3 w-3`}),n.regenerate]})]}),children:(0,y.jsxs)(`div`,{className:`space-y-3`,children:[(0,y.jsx)(r,{lineHeight:`relaxed`,children:e.summary}),e.entities.length>0&&(0,y.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.entities.map(e=>(0,y.jsx)(i,{variant:`secondary`,children:e},e))}),(0,y.jsx)(x,{level:e.confidence,label:n.confidenceLevels[e.confidence]})]})})}function C({data:e,strings:t}){let n=l(v,t),a=e.confidence>=.9?n.confidenceBands.high:e.confidence>=.7?n.confidenceBands.medium:n.confidenceBands.low;return(0,y.jsx)(p,{title:(0,y.jsxs)(`div`,{className:u(`ai-classification--component`,`flex items-center gap-2`),children:[(0,y.jsx)(g,{className:`h-4 w-4 text-muted-foreground`}),(0,y.jsx)(r,{tag:`span`,children:n.title})]}),children:(0,y.jsxs)(`div`,{className:`space-y-3`,children:[(0,y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,y.jsx)(i,{variant:`primary`,children:e.requestType}),(0,y.jsx)(i,{variant:e.urgencyVariant,children:e.urgency}),(0,y.jsx)(i,{variant:e.toneVariant,dot:!0,children:e.tone})]}),(0,y.jsx)(h,{label:n.complexityLabel,labelClassName:`text-xs`,value:(0,y.jsxs)(`span`,{className:`flex items-center gap-1`,children:[Array.from({length:5},(t,n)=>(0,y.jsx)(`span`,{className:u(`h-1.5 w-3 rounded-sm`,n<e.complexityScore?`bg-foreground/60`:`bg-muted`)},`cx-${String(n)}`)),(0,y.jsxs)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-1`,children:[String(e.complexityScore),`/5`]})]})}),e.flags.length>0&&(0,y.jsx)(h,{label:n.flagsLabel,labelClassName:`text-xs`,value:(0,y.jsx)(`span`,{className:`flex gap-1`,children:e.flags.map(e=>(0,y.jsx)(i,{variant:`warning`,children:e},e))})}),(0,y.jsx)(h,{label:n.nextStepLabel,labelClassName:`text-xs`,value:(0,y.jsx)(i,{variant:`info`,children:e.suggestedAction})}),(0,y.jsx)(r,{lineHeight:`relaxed`,type:`secondary`,children:e.summary}),(0,y.jsx)(m,{}),(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsxs)(i,{variant:`secondary`,children:[n.confidencePrefix,`: `,a]}),(0,y.jsx)(r,{size:`xs`,type:`discrete`,tag:`span`,children:e.model})]})]})})}var w=e({AIClassification:()=>E,AISummary:()=>T});function T(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(S,{data:{summary:`Customer requested a birthday experience booking for two adults near Los Angeles, preferring a weekend slot in early April.`,entities:[`Birthday`,`Outdoor`,`Los Angeles`,`2 Adults`],confidence:`high`,model:`Claude 3.5 Sonnet`,generatedAt:`Mar 27, 2026 — 14:32`,onRegenerate:()=>{}}})})}function E(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(C,{data:{requestType:`Product Inquiry`,urgency:`Medium`,urgencyVariant:`warning`,tone:`Professional`,toneVariant:`info`,flags:[`Gift Purchase`,`Wellness`],complexityScore:3,suggestedAction:`Auto-respond`,summary:`Standard product inquiry for a spa gift package.`,confidence:.92,model:`Claude 3.5 Sonnet`}})})}var D=`import { AiSummaryBlock, AiClassificationPanel } from '@/components/composed/ai';
 
 export function AISummary() {
 	return (
@@ -38,4 +38,4 @@ export function AIClassification() {
 		</>
 	);
 }
-`;function O(e){let t={h4:`h4`,...e.components};return w||A(`Examples`,!1),E||A(`Examples.AIClassification`,!0),T||A(`Examples.AISummary`,!0),(0,y.jsxs)(n,{title:`Composed · AI`,description:`Summary block + classification panel.`,layer:`composed`,status:`ready`,children:[(0,y.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,y.jsx)(a,{name:`AISummary`,source:D,children:(0,y.jsx)(T,{})}),(0,y.jsx)(a,{name:`AIClassification`,source:D,children:(0,y.jsx)(E,{})})]}),(0,y.jsxs)(r,{title:`API`,id:`api`,children:[(0,y.jsx)(t.h4,{children:`AiSummaryBlock`}),(0,y.jsx)(f,{component:`AiSummaryBlock`}),(0,y.jsx)(t.h4,{children:`AiClassificationPanel`}),(0,y.jsx)(f,{component:`AiClassificationPanel`})]})]})}function k(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(O,{...e})}):O(e)}function A(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{k as default};
+`;function O(e){let r={h4:`h4`,...e.components};return w||A(`Examples`,!1),E||A(`Examples.AIClassification`,!0),T||A(`Examples.AISummary`,!0),(0,y.jsxs)(t,{title:`Composed · AI`,description:`Summary block + classification panel.`,layer:`composed`,status:`ready`,children:[(0,y.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,y.jsx)(o,{name:`AISummary`,source:D,children:(0,y.jsx)(T,{})}),(0,y.jsx)(o,{name:`AIClassification`,source:D,children:(0,y.jsx)(E,{})})]}),(0,y.jsxs)(n,{title:`API`,id:`api`,children:[(0,y.jsx)(r.h4,{children:`AiSummaryBlock`}),(0,y.jsx)(f,{component:`AiSummaryBlock`}),(0,y.jsx)(r.h4,{children:`AiClassificationPanel`}),(0,y.jsx)(f,{component:`AiClassificationPanel`})]})]})}function k(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(O,{...e})}):O(e)}function A(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{k as default};

package/dist/showcase/assets/{ai-artifact-CUAlhcSX.js → ai-artifact-B0d7GveY.js}

@@ -1,2 +1,2 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Ar as n,Er as r,jr as i,kr as a,r as o,yr as s}from"./example-BIrQab7K.js";import{t as c}from"./bot-5Ro5Dayc.js";import{t as l}from"./brain-736080Wh.js";import{t as u}from"./chevron-down-CSn8HCwf.js";import{t as d}from"./chevron-right-d-umkBru.js";import{t as f}from"./circle-alert-ysbx8rsZ.js";import{t as p}from"./circle-x-c5z6-eYV.js";import{t as m}from"./circle-Dy08kACD.js";import{t as h}from"./download-B_EY5cGA.js";import{t as g}from"./external-link-DuJlM_H4.js";import{t as _}from"./file-text-D3AE37vP.js";import{t as v}from"./globe-BJHI134i.js";import{t as y}from"./image-Byz-p7hT.js";import{t as b}from"./shield-check-CRbBJXw2.js";import{t as x}from"./video-DJm0ubTE.js";import{t as S}from"./x-BqJnRkKw.js";import{O as C,a as w,k as T,n as E,s as ee}from"./index-Cz4UGUT2.js";import{t as D}from"./icon-badge-CxvxB8Vd.js";var O=w(`archive`,[[`rect`,{width:`20`,height:`5`,x:`2`,y:`3`,rx:`1`,key:`1wp1u1`}],[`path`,{d:`M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8`,key:`1s80jp`}],[`path`,{d:`M10 12h4`,key:`a56b0p`}]]),k=w(`audio-lines`,[[`path`,{d:`M2 10v3`,key:`1fnikh`}],[`path`,{d:`M6 6v11`,key:`11sgs0`}],[`path`,{d:`M10 3v18`,key:`yhl04a`}],[`path`,{d:`M14 8v7`,key:`3a1oy3`}],[`path`,{d:`M18 5v13`,key:`123xd1`}],[`path`,{d:`M22 10v3`,key:`154ddg`}]]),te=w(`circle-minus`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}]]),A=w(`file-code`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10 12.5 8 15l2 2.5`,key:`1tg20x`}],[`path`,{d:`m14 12.5 2 2.5-2 2.5`,key:`yinavb`}]]),j=e(t(),1),M=ee();function N({children:e=`Thinking…`,paused:t=!1,duration:n=2.4,className:i}){if(t)return(0,M.jsx)(r,{type:`secondary`,className:E(`ai-shimmer--component`,i),children:e});let a={"--ai-shimmer-duration":`${n}s`};return(0,M.jsx)(`span`,{"data-ai-shimmer":!0,role:`status`,"aria-live":`polite`,className:E(`inline-block bg-clip-text text-sm font-medium text-transparent`,`bg-[linear-gradient(110deg,var(--ai-shimmer-base)_30%,var(--ai-shimmer-highlight)_50%,var(--ai-shimmer-base)_70%)]`,`bg-[length:200%_100%]`,`animate-[ai-shimmer-sweep_var(--ai-shimmer-duration,2.4s)_linear_infinite]`,i),style:a,children:e})}N.displayName=`AiShimmer`;var P={copy:`Copy`,copied:`Copied`,copyAria:`Copy code`,defaultLanguageLabel:`Code`};function F({code:e,language:t,filename:a,showLineNumbers:s=!1,highlightLines:c,hideHeader:l=!1,maxHeight:u,headerActions:d,onCopy:f,className:p,strings:m}){let h=T(P,m),[g,_]=(0,j.useState)(!1),v=(0,j.useMemo)(()=>e.split(`
-`),[e]),y=(0,j.useMemo)(()=>new Set(c??[]),[c]),b=()=>{typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(e),_(!0),f?.(),window.setTimeout(()=>_(!1),1500)},x=a||t||h.defaultLanguageLabel;return(0,M.jsxs)(`div`,{className:E(`ai-code-block--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border/60 bg-card`,p),children:[!l&&(0,M.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 border-b border-border/60 bg-muted/30 px-3 py-1.5`,children:[(0,M.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`min-w-0 truncate font-mono uppercase tracking-wider`,children:x}),!!a&&!!t&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/60`,children:`·`}),(0,M.jsx)(r,{size:`xxs`,type:`discrete`,className:`font-mono lowercase`,children:t})]}),(0,M.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-1`,children:[d,(0,M.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":h.copyAria,onClick:b,children:g?(0,M.jsx)(i,{className:`size-3.5 text-success`}):(0,M.jsx)(n,{className:`size-3.5`})})]})]}),(0,M.jsx)(`div`,{className:`min-w-0 max-w-full overflow-auto`,tabIndex:0,style:u===void 0?void 0:{maxHeight:typeof u==`number`?`${u}px`:u},children:(0,M.jsx)(`pre`,{className:`m-0 px-3 py-2.5 font-mono text-xs leading-relaxed`,children:s?(0,M.jsx)(`table`,{className:`w-full border-collapse`,children:(0,M.jsx)(`tbody`,{children:v.map((e,t)=>{let n=t+1;return(0,M.jsxs)(`tr`,{className:E(y.has(n)&&`bg-primary/10`),children:[(0,M.jsx)(`td`,{className:E(`select-none pr-3 text-right tabular-nums text-muted-foreground/70`,`w-[2.25rem] min-w-[2.25rem]`),children:n}),(0,M.jsx)(`td`,{className:`whitespace-pre`,children:e||` `})]},t)})})}):(0,M.jsx)(`code`,{className:`block whitespace-pre`,children:e})})})]})}F.displayName=`AiCodeBlock`;var ne={removeAria:`Remove attachment`,openAria:`Open attachment`,uploadProgressAria:`Upload progress`},re={image:y,document:_,audio:k,video:x,code:A,archive:O,generic:_};function I({name:e,meta:t,kind:n=`generic`,icon:i,thumbnailUrl:a,progress:s,errored:c=!1,onOpen:l,onRemove:u,className:d,strings:p}){let m=T(ne,p),h=i??re[n],g=!c&&typeof s==`number`&&s>=0&&s<1,_=(0,M.jsxs)(M.Fragment,{children:[a?(0,M.jsx)(`span`,{"aria-hidden":!0,className:`size-9 shrink-0 overflow-hidden rounded-md bg-muted`,style:{backgroundImage:`url(${a})`,backgroundSize:`cover`,backgroundPosition:`center`}}):(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,c?`bg-destructive/10 text-destructive`:`bg-muted text-muted-foreground`),children:c?(0,M.jsx)(f,{className:`size-4`}):(0,M.jsx)(h,{className:`size-4`})}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`medium`,className:`block truncate`,children:e}),!!t&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`block truncate tabular-nums`,children:t}),g&&(0,M.jsx)(`div`,{className:`mt-1 h-1 overflow-hidden rounded-full bg-muted`,"aria-label":m.uploadProgressAria,children:(0,M.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width] duration-150`,style:{width:`${Math.round((s??0)*100)}%`}})})]})]});return(0,M.jsxs)(`div`,{className:E(`ai-attachment--component`,`group inline-flex max-w-full items-center gap-2.5 rounded-lg border border-border/60 bg-card px-2.5 py-2`,c&&`border-destructive/40 bg-destructive/5`,d),children:[l?(0,M.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:l,"aria-label":m.openAria,className:E(`h-auto min-w-0 flex-1 justify-start gap-2.5 rounded-md px-0 py-0 text-left`),children:_}):(0,M.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2.5`,children:_}),!!u&&(0,M.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":m.removeAria,onClick:u,className:`opacity-60 group-hover:opacity-100`,children:(0,M.jsx)(S,{className:`size-3.5`})})]})}I.displayName=`AiAttachment`;var ie={statusLabels:{idle:`Idle`,thinking:`Thinking`,working:`Working`,done:`Done`,error:`Error`,offline:`Offline`}},ae={primary:`bg-primary/15 text-primary`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning`,destructive:`bg-destructive/15 text-destructive`,info:`bg-info/15 text-info`,neutral:`bg-muted text-muted-foreground`},L={idle:`secondary`,thinking:`primary`,working:`primary`,done:`success`,error:`error`,offline:`secondary`};function R({name:e,icon:t,avatar:n,subtitle:i,tone:a=`primary`,status:o,variant:l=`inline`,trailing:u,className:d,strings:f}){let p=T(ie,f),m=t??c,h=l===`card`?`size-9`:`size-7`,g=l===`card`?`size-4`:`size-3.5`,_=n??(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`inline-flex shrink-0 items-center justify-center rounded-full`,h,ae[a]),children:(0,M.jsx)(m,{className:g})}),v=!!o&&(0,M.jsxs)(s,{variant:L[o],className:`gap-1`,children:[(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`inline-block size-1.5 rounded-full`,o===`thinking`||o===`working`?`animate-pulse bg-current`:`bg-current`)}),p.statusLabels[o]]});return l===`card`?(0,M.jsxs)(`div`,{className:E(`ai-agent--component`,`flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5`,d),children:[_,(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),v]}),!!i&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-1`,children:i})]}),!!u&&(0,M.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:u})]}):(0,M.jsxs)(`div`,{className:E(`inline-flex items-center gap-2`,d),children:[_,(0,M.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,M.jsx)(r,{size:`xs`,weight:`medium`,className:`truncate`,children:e}),!!i&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:i}),v]}),!!u&&(0,M.jsx)(`div`,{className:`ml-1 flex items-center gap-1`,children:u})]})}R.displayName=`AiAgent`;var z={approve:`Approve`,reject:`Reject`,pending:`Awaiting your approval`,approved:`Approved`,rejected:`Rejected`},B={neutral:{ring:`border-border/60 bg-card`,icon:`muted`},destructive:{ring:`border-destructive/40 bg-destructive/5`,icon:`destructive`},warning:{ring:`border-warning/40 bg-warning/5`,icon:`warning`},info:{ring:`border-info/40 bg-info/5`,icon:`info`},primary:{ring:`border-primary/40 bg-primary/5`,icon:`primary`}};function V({title:e,description:t,icon:n,tone:a=`neutral`,status:s=`pending`,onApprove:c,onReject:l,approveLabel:u,rejectLabel:d,details:f,className:p,strings:m}){let h=T(z,m),g=n??b,_=B[a];return(0,M.jsxs)(`div`,{role:`region`,"aria-live":`polite`,className:E(`ai-confirmation--component`,`rounded-lg border px-3 py-2.5`,_.ring,p),children:[(0,M.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,M.jsx)(D,{icon:g,tone:_.icon,size:`sm`,shape:`square`}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`semibold`,children:e}),!!t&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t}),!!f&&(0,M.jsx)(`div`,{className:`mt-2`,children:f})]})]}),s===`pending`?(0,M.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-2 border-t border-border/60 pt-2.5`,children:[(0,M.jsx)(r,{size:`xxs`,type:`secondary`,children:h.pending}),(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:l,children:[(0,M.jsx)(S,{className:`size-3.5`}),d??h.reject]}),(0,M.jsxs)(o,{type:`button`,variant:a===`destructive`?`error`:`primary`,onClick:c,children:[(0,M.jsx)(i,{className:`size-3.5`}),u??h.approve]})]})]}):(0,M.jsx)(`div`,{className:`mt-3 flex items-center gap-2 border-t border-border/60 pt-2.5`,children:s===`approved`?(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(i,{className:`size-3.5 text-success`}),(0,M.jsx)(r,{size:`xs`,type:`success`,weight:`medium`,children:h.approved})]}):(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(S,{className:`size-3.5 text-muted-foreground`}),(0,M.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,children:h.rejected})]})})]})}V.displayName=`AiConfirmation`;var H={title:`{{count}} sources`,expand:`Show all sources`,collapse:`Hide sources`,visit:`Visit source`};function U(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function W({sources:e,variant:t=`list`,maxAvatars:n=5,defaultExpanded:i=!1,onSelect:a,className:s,strings:c}){let l=C(H,c),[f,p]=(0,j.useState)(i),m=U(l.title,{count:e.length});if(t===`avatars`)return(0,M.jsx)(G,{sources:e,max:n,title:m,onSelect:a,className:E(`ai-sources--component`,s)});let h=f?e:e.slice(0,0);return(0,M.jsxs)(`div`,{className:E(`ai-sources--component rounded-lg border border-border/60 bg-card`,s),children:[(0,M.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:()=>p(e=>!e),"aria-expanded":f,"aria-label":f?l.collapse:l.expand,className:E(`ai-sources--trigger h-auto w-full justify-start gap-2 px-3 py-2 text-left`,`rounded-lg hover:bg-muted/40`),children:[(0,M.jsx)(K,{sources:e.slice(0,4)}),(0,M.jsx)(r,{size:`xs`,weight:`medium`,className:`flex-1`,children:m}),f?(0,M.jsx)(u,{className:`size-3.5 text-muted-foreground`}):(0,M.jsx)(d,{className:`size-3.5 text-muted-foreground`})]}),f&&(0,M.jsx)(`ol`,{className:`border-t border-border/60 px-2 py-2 space-y-0.5`,children:h.map((e,t)=>(0,M.jsx)(oe,{source:e,index:t+1,onSelect:a?()=>a(e,t):void 0,visitLabel:l.visit},e.id))})]})}W.displayName=`AiSources`;function G({sources:e,max:t,title:n,onSelect:i,className:a}){let o=e.slice(0,t),s=e.length-o.length;return(0,M.jsxs)(`div`,{className:E(`inline-flex items-center gap-2`,a),children:[(0,M.jsx)(K,{sources:o,onSelect:i}),(0,M.jsx)(r,{size:`xs`,type:`secondary`,children:n}),s>0&&(0,M.jsxs)(r,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:[`+`,s]})]})}function K({sources:e,onSelect:t}){return(0,M.jsx)(`div`,{className:`flex -space-x-1.5`,children:e.map((e,n)=>{let r=(0,M.jsx)(`span`,{"aria-hidden":!0,title:typeof e.title==`string`?e.title:void 0,className:`inline-flex size-5 items-center justify-center overflow-hidden rounded-full border border-card bg-muted text-muted-foreground ring-1 ring-border/60`,children:(0,M.jsx)(q,{src:e.faviconUrl})},e.id);return t?(0,M.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>t(e,n),className:`size-5 rounded-full p-0`,children:r},e.id):r})})}function q({src:e}){let[t,n]=(0,j.useState)(!1);return(0,j.useEffect)(()=>{n(!1)},[e]),!e||t?(0,M.jsx)(v,{className:`size-3`}):(0,M.jsx)(`img`,{src:e,alt:``,className:`size-full object-cover`,onError:()=>n(!0)})}function oe({source:e,index:t,onSelect:n,visitLabel:i}){return(0,M.jsx)(`li`,{children:(0,M.jsxs)(e.url&&!n?`a`:n?`button`:`span`,{...e.url&&!n?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:n?{type:`button`,onClick:n}:{},className:E(`group flex w-full items-start gap-2.5 rounded-md px-2 py-1.5 text-left`,(e.url||n)&&`hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),"aria-label":e.url?i:void 0,children:[(0,M.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xxs font-semibold text-muted-foreground tabular-nums`,children:t}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(r,{weight:`medium`,className:`truncate`,children:[e.title,!!e.url&&(0,M.jsx)(g,{className:`ml-1 inline size-3 text-muted-foreground/70 align-baseline`})]}),!!e.publisher&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:e.publisher}),!!e.snippet&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:e.snippet})]})]})})}var se={thinking:`Thinking…`,thoughtFor:`Thought for {{seconds}}s`,thoughtDone:`Reasoning complete`,expandAria:`Expand reasoning`,collapseAria:`Collapse reasoning`};function ce(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function J({children:e,streaming:t=!1,durationSeconds:n,expandWhileStreaming:i=!0,defaultExpanded:a=!1,expanded:s,onExpandedChange:c,className:f,strings:p}){let m=T(se,p),[h,g]=(0,j.useState)(a),_=s??h,v=e=>{s===void 0&&g(e),c?.(e)};(0,j.useEffect)(()=>{t&&i&&!_&&v(!0),!t&&i&&_&&!a&&s===void 0&&v(!1)},[t]);let y=t?(0,M.jsx)(N,{children:m.thinking}):n===void 0?(0,M.jsx)(r,{weight:`medium`,children:m.thoughtDone}):(0,M.jsx)(r,{weight:`medium`,children:ce(m.thoughtFor,{seconds:n.toFixed(1)})});return(0,M.jsxs)(`div`,{className:E(`ai-reasoning--component`,`overflow-hidden rounded-lg border border-border/60 bg-muted/20`,f),children:[(0,M.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:()=>v(!_),"aria-expanded":_,"aria-label":_?m.collapseAria:m.expandAria,className:E(`ai-reasoning--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,`hover:bg-muted/30`),children:[(0,M.jsx)(l,{className:`size-3.5 text-muted-foreground`}),(0,M.jsx)(`div`,{className:`flex-1`,children:y}),_?(0,M.jsx)(u,{className:`size-3.5 text-muted-foreground`}):(0,M.jsx)(d,{className:`size-3.5 text-muted-foreground`})]}),_&&(0,M.jsx)(`div`,{className:`border-t border-border/60 px-3 py-2.5`,children:typeof e==`string`?(0,M.jsx)(r,{type:`secondary`,lineHeight:`relaxed`,className:`whitespace-pre-wrap`,children:e}):(0,M.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e})})]})}J.displayName=`AiReasoning`;var le={title:`Reasoning`,streamingHint:`Working through the steps…`},ue={pending:{icon:m,iconCls:`text-muted-foreground/60`,ring:`border-border/60 bg-card`},active:{icon:a,iconCls:`text-primary`,ring:`border-primary/40 bg-primary/5`,spin:!0},completed:{icon:i,iconCls:`text-success-foreground`,ring:`border-success/40 bg-success`},failed:{icon:f,iconCls:`text-destructive-foreground`,ring:`border-destructive/40 bg-destructive`}};function Y({steps:e,hideHeader:t=!1,streaming:n=!1,className:i,strings:a}){let o=T(le,a);return(0,M.jsxs)(`div`,{className:E(`ai-chain-of-thought--component`,`rounded-lg border border-border/60 bg-card`,i),children:[!t&&(0,M.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-border/60 px-3 py-2`,children:[(0,M.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:o.title}),n&&(0,M.jsx)(N,{className:`ml-auto !text-xs`,children:o.streamingHint})]}),(0,M.jsx)(`ol`,{className:`relative px-3 py-3`,children:e.map((t,n)=>{let i=t.status??`pending`,a=ue[i],o=t.icon??a.icon;return(0,M.jsxs)(`li`,{className:`relative flex gap-3 pb-3 last:pb-0`,children:[n!==e.length-1&&(0,M.jsx)(`span`,{"aria-hidden":!0,className:`absolute left-[11px] top-[26px] h-[calc(100%-26px)] w-px bg-border/60`}),(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`relative z-[1] mt-0.5 inline-flex size-[22px] shrink-0 items-center justify-center rounded-full border`,a.ring),children:(0,M.jsx)(o,{className:E(`size-3`,a.iconCls,a.spin&&`animate-spin`)})}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:i===`active`?`semibold`:`medium`,className:E(i===`pending`&&`text-muted-foreground`),children:t.title}),!!t.description&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:t.description}),!!t.body&&(0,M.jsx)(`div`,{className:`mt-2`,children:t.body})]})]},t.id)})})]})}Y.displayName=`AiChainOfThought`;var de={statusLabels:{queued:`Queued`,running:`Running`,completed:`Done`,failed:`Failed`,cancelled:`Cancelled`,skipped:`Skipped`},collapseSubtasks:`Collapse subtasks`,expandSubtasks:`Expand subtasks`},fe={queued:{icon:m,cls:`text-muted-foreground/60`},running:{icon:a,cls:`text-primary`,spin:!0},completed:{icon:i,cls:`text-success`},failed:{icon:f,cls:`text-destructive`},cancelled:{icon:p,cls:`text-muted-foreground`},skipped:{icon:te,cls:`text-muted-foreground`}},X={queued:`secondary`,running:`primary`,completed:`success`,failed:`error`,cancelled:`secondary`,skipped:`secondary`};function Z({task:e,density:t=`compact`,indent:n=18,className:r,strings:i}){let a=T(de,i);return(0,M.jsx)(`div`,{className:E(`ai-task--component`,`rounded-lg border border-border/60 bg-card`,r),children:(0,M.jsx)(Q,{item:e,depth:0,density:t,indent:n,strings:a})})}Z.displayName=`AiTask`;function Q({item:e,depth:t,density:n,indent:i,strings:a}){let c=e.status??`queued`,l=fe[c],f=e.icon??l.icon,p=!!e.children?.length,[m,h]=(0,j.useState)(n===`expanded`||t===0);return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(`div`,{className:E(`flex items-start gap-2 px-3 py-2`,t>0&&`border-t border-border/60`),style:{paddingLeft:12+t*i},children:[p?(0,M.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>h(e=>!e),"aria-expanded":m,"aria-label":m?a.collapseSubtasks:a.expandSubtasks,className:`-ml-1 mt-0.5 size-4 rounded p-0 text-muted-foreground hover:text-foreground`,children:m?(0,M.jsx)(u,{className:`size-3.5`}):(0,M.jsx)(d,{className:`size-3.5`})}):(0,M.jsx)(`span`,{"aria-hidden":!0,className:`mt-0.5 size-4`}),(0,M.jsx)(f,{className:E(`mt-[3px] size-3.5 shrink-0`,l.cls,l.spin&&`animate-spin`)}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(r,{weight:c===`running`?`semibold`:`medium`,className:E(`flex-1 truncate`,c===`queued`&&`text-muted-foreground`,c===`cancelled`&&`line-through text-muted-foreground`,c===`skipped`&&`text-muted-foreground/70`),children:e.title}),(0,M.jsx)(s,{variant:X[c],children:a.statusLabels[c]}),!!e.rightSlot&&(0,M.jsx)(r,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:e.rightSlot})]}),!!e.body&&(0,M.jsx)(`div`,{className:`mt-2`,children:e.body})]})]}),p&&m&&(0,M.jsx)(`div`,{children:e.children.map(e=>(0,M.jsx)(Q,{item:e,depth:t+1,density:n,indent:i,strings:a},e.id))})]})}var pe={openAria:`Open artifact`,copy:`Copy`,copied:`Copied`,copyAria:`Copy artifact`,downloadAria:`Download artifact`,expandAria:`Expand artifact`};function $({title:e,subtitle:t,icon:a,copyText:s,children:c,collapsed:l=!1,onOpen:u,actions:d,onDownload:f,className:p,strings:m}){let v=T(pe,m),y=a??_,[b,x]=(0,j.useState)(!1);return(0,M.jsxs)(`div`,{className:E(`ai-artifact--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,p),children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border/60 bg-muted/20 px-3 py-2`,children:[(0,M.jsx)(D,{icon:y,tone:`muted`,size:`sm`,shape:`square`}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),!!t&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:t})]}),(0,M.jsxs)(`div`,{className:`flex items-center gap-1`,children:[d?.map(e=>{let t=e.icon;return(0,M.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:e.onSelect,children:[!!t&&(0,M.jsx)(t,{className:`size-3.5`}),e.label]},e.id)}),!!s&&(0,M.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":v.copyAria,onClick:()=>{s&&(typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(s),x(!0),window.setTimeout(()=>x(!1),1500))},children:b?(0,M.jsx)(i,{className:`size-3.5 text-success`}):(0,M.jsx)(n,{className:`size-3.5`})}),!!f&&(0,M.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":v.downloadAria,onClick:f,children:(0,M.jsx)(h,{className:`size-3.5`})}),!!u&&(0,M.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":v.openAria,onClick:u,children:(0,M.jsx)(g,{className:`size-3.5`})})]})]}),!l&&!!c&&(0,M.jsx)(`div`,{className:`bg-card`,children:c})]})}$.displayName=`AiArtifact`;export{W as a,I as c,A as d,J as i,F as l,Z as n,V as o,Y as r,R as s,$ as t,N as u};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Hr as n,Rr as r,Ur as i,Vr as a,jr as o,r as s}from"./example-Cz_880po.js";import{t as c}from"./bot-C83bUUi9.js";import{t as l}from"./brain-BJtktdVu.js";import{t as u}from"./chevron-down-ByPPEdNm.js";import{t as d}from"./chevron-right-D4pIMCh9.js";import{t as f}from"./circle-alert-BW-Btwgh.js";import{t as p}from"./circle-x-VSqZOeGt.js";import{t as m}from"./circle-V5hdlsIn.js";import{t as h}from"./download-D0ur_d_N.js";import{t as g}from"./external-link-Cy1-PP8k.js";import{t as _}from"./file-text-DwqbUujq.js";import{t as v}from"./globe-BCikLfKc.js";import{t as y}from"./image-gc4qX_7C.js";import{t as b}from"./shield-check-DUTAPADm.js";import{t as x}from"./video-YBnCbmIb.js";import{t as S}from"./x-D8UN9pOu.js";import{O as C,a as w,k as T,n as E,s as ee}from"./index-BQIv1ffM.js";import{t as D}from"./icon-badge-dwVx3Hxf.js";var O=w(`archive`,[[`rect`,{width:`20`,height:`5`,x:`2`,y:`3`,rx:`1`,key:`1wp1u1`}],[`path`,{d:`M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8`,key:`1s80jp`}],[`path`,{d:`M10 12h4`,key:`a56b0p`}]]),k=w(`audio-lines`,[[`path`,{d:`M2 10v3`,key:`1fnikh`}],[`path`,{d:`M6 6v11`,key:`11sgs0`}],[`path`,{d:`M10 3v18`,key:`yhl04a`}],[`path`,{d:`M14 8v7`,key:`3a1oy3`}],[`path`,{d:`M18 5v13`,key:`123xd1`}],[`path`,{d:`M22 10v3`,key:`154ddg`}]]),te=w(`circle-minus`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}]]),A=w(`file-code`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10 12.5 8 15l2 2.5`,key:`1tg20x`}],[`path`,{d:`m14 12.5 2 2.5-2 2.5`,key:`yinavb`}]]),j=e(t(),1),M=ee();function N({children:e=`Thinking…`,paused:t=!1,duration:n=2.4,className:i}){if(t)return(0,M.jsx)(r,{type:`secondary`,className:E(`ai-shimmer--component`,i),children:e});let a={"--ai-shimmer-duration":`${n}s`};return(0,M.jsx)(`span`,{"data-ai-shimmer":!0,role:`status`,"aria-live":`polite`,className:E(`inline-block bg-clip-text text-sm font-medium text-transparent`,`bg-[linear-gradient(110deg,var(--ai-shimmer-base)_30%,var(--ai-shimmer-highlight)_50%,var(--ai-shimmer-base)_70%)]`,`bg-[length:200%_100%]`,`animate-[ai-shimmer-sweep_var(--ai-shimmer-duration,2.4s)_linear_infinite]`,i),style:a,children:e})}N.displayName=`AiShimmer`;var P={copy:`Copy`,copied:`Copied`,copyAria:`Copy code`,defaultLanguageLabel:`Code`};function F({code:e,language:t,filename:a,showLineNumbers:o=!1,highlightLines:c,hideHeader:l=!1,maxHeight:u,headerActions:d,onCopy:f,className:p,strings:m}){let h=T(P,m),[g,_]=(0,j.useState)(!1),v=(0,j.useMemo)(()=>e.split(`
+`),[e]),y=(0,j.useMemo)(()=>new Set(c??[]),[c]),b=()=>{typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(e),_(!0),f?.(),window.setTimeout(()=>_(!1),1500)},x=a||t||h.defaultLanguageLabel;return(0,M.jsxs)(`div`,{className:E(`ai-code-block--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border/60 bg-card`,p),children:[!l&&(0,M.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 border-b border-border/60 bg-muted/30 px-3 py-1.5`,children:[(0,M.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`min-w-0 truncate font-mono uppercase tracking-wider`,children:x}),!!a&&!!t&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/60`,children:`·`}),(0,M.jsx)(r,{size:`xxs`,type:`discrete`,className:`font-mono lowercase`,children:t})]}),(0,M.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-1`,children:[d,(0,M.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":h.copyAria,onClick:b,children:g?(0,M.jsx)(i,{className:`size-3.5 text-success`}):(0,M.jsx)(n,{className:`size-3.5`})})]})]}),(0,M.jsx)(`div`,{className:`min-w-0 max-w-full overflow-auto`,tabIndex:0,style:u===void 0?void 0:{maxHeight:typeof u==`number`?`${u}px`:u},children:(0,M.jsx)(`pre`,{className:`m-0 px-3 py-2.5 font-mono text-xs leading-relaxed`,children:o?(0,M.jsx)(`table`,{className:`w-full border-collapse`,children:(0,M.jsx)(`tbody`,{children:v.map((e,t)=>{let n=t+1;return(0,M.jsxs)(`tr`,{className:E(y.has(n)&&`bg-primary/10`),children:[(0,M.jsx)(`td`,{className:E(`select-none pr-3 text-right tabular-nums text-muted-foreground/70`,`w-[2.25rem] min-w-[2.25rem]`),children:n}),(0,M.jsx)(`td`,{className:`whitespace-pre`,children:e||` `})]},t)})})}):(0,M.jsx)(`code`,{className:`block whitespace-pre`,children:e})})})]})}F.displayName=`AiCodeBlock`;var ne={removeAria:`Remove attachment`,openAria:`Open attachment`,uploadProgressAria:`Upload progress`},re={image:y,document:_,audio:k,video:x,code:A,archive:O,generic:_};function I({name:e,meta:t,kind:n=`generic`,icon:i,thumbnailUrl:a,progress:o,errored:c=!1,onOpen:l,onRemove:u,className:d,strings:p}){let m=T(ne,p),h=i??re[n],g=!c&&typeof o==`number`&&o>=0&&o<1,_=(0,M.jsxs)(M.Fragment,{children:[a?(0,M.jsx)(`span`,{"aria-hidden":!0,className:`size-9 shrink-0 overflow-hidden rounded-md bg-muted`,style:{backgroundImage:`url(${a})`,backgroundSize:`cover`,backgroundPosition:`center`}}):(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,c?`bg-destructive/10 text-destructive`:`bg-muted text-muted-foreground`),children:c?(0,M.jsx)(f,{className:`size-4`}):(0,M.jsx)(h,{className:`size-4`})}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`medium`,className:`block truncate`,children:e}),!!t&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`block truncate tabular-nums`,children:t}),g&&(0,M.jsx)(`div`,{className:`mt-1 h-1 overflow-hidden rounded-full bg-muted`,"aria-label":m.uploadProgressAria,children:(0,M.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width] duration-150`,style:{width:`${Math.round((o??0)*100)}%`}})})]})]});return(0,M.jsxs)(`div`,{className:E(`ai-attachment--component`,`group inline-flex max-w-full items-center gap-2.5 rounded-lg border border-border/60 bg-card px-2.5 py-2`,c&&`border-destructive/40 bg-destructive/5`,d),children:[l?(0,M.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:l,"aria-label":m.openAria,className:E(`h-auto min-w-0 flex-1 justify-start gap-2.5 rounded-md px-0 py-0 text-left`),children:_}):(0,M.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2.5`,children:_}),!!u&&(0,M.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":m.removeAria,onClick:u,className:`opacity-60 group-hover:opacity-100`,children:(0,M.jsx)(S,{className:`size-3.5`})})]})}I.displayName=`AiAttachment`;var ie={statusLabels:{idle:`Idle`,thinking:`Thinking`,working:`Working`,done:`Done`,error:`Error`,offline:`Offline`}},ae={primary:`bg-primary/15 text-primary`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning`,destructive:`bg-destructive/15 text-destructive`,info:`bg-info/15 text-info`,neutral:`bg-muted text-muted-foreground`},L={idle:`secondary`,thinking:`primary`,working:`primary`,done:`success`,error:`error`,offline:`secondary`};function R({name:e,icon:t,avatar:n,subtitle:i,tone:a=`primary`,status:s,variant:l=`inline`,trailing:u,className:d,strings:f}){let p=T(ie,f),m=t??c,h=l===`card`?`size-9`:`size-7`,g=l===`card`?`size-4`:`size-3.5`,_=n??(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`inline-flex shrink-0 items-center justify-center rounded-full`,h,ae[a]),children:(0,M.jsx)(m,{className:g})}),v=!!s&&(0,M.jsxs)(o,{variant:L[s],className:`gap-1`,children:[(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`inline-block size-1.5 rounded-full`,s===`thinking`||s===`working`?`animate-pulse bg-current`:`bg-current`)}),p.statusLabels[s]]});return l===`card`?(0,M.jsxs)(`div`,{className:E(`ai-agent--component`,`flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5`,d),children:[_,(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),v]}),!!i&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-1`,children:i})]}),!!u&&(0,M.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:u})]}):(0,M.jsxs)(`div`,{className:E(`inline-flex items-center gap-2`,d),children:[_,(0,M.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,M.jsx)(r,{size:`xs`,weight:`medium`,className:`truncate`,children:e}),!!i&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:i}),v]}),!!u&&(0,M.jsx)(`div`,{className:`ml-1 flex items-center gap-1`,children:u})]})}R.displayName=`AiAgent`;var z={approve:`Approve`,reject:`Reject`,pending:`Awaiting your approval`,approved:`Approved`,rejected:`Rejected`},B={neutral:{ring:`border-border/60 bg-card`,icon:`muted`},destructive:{ring:`border-destructive/40 bg-destructive/5`,icon:`destructive`},warning:{ring:`border-warning/40 bg-warning/5`,icon:`warning`},info:{ring:`border-info/40 bg-info/5`,icon:`info`},primary:{ring:`border-primary/40 bg-primary/5`,icon:`primary`}};function V({title:e,description:t,icon:n,tone:a=`neutral`,status:o=`pending`,onApprove:c,onReject:l,approveLabel:u,rejectLabel:d,details:f,className:p,strings:m}){let h=T(z,m),g=n??b,_=B[a];return(0,M.jsxs)(`div`,{role:`region`,"aria-live":`polite`,className:E(`ai-confirmation--component`,`rounded-lg border px-3 py-2.5`,_.ring,p),children:[(0,M.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,M.jsx)(D,{icon:g,tone:_.icon,size:`sm`,shape:`square`}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`semibold`,children:e}),!!t&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t}),!!f&&(0,M.jsx)(`div`,{className:`mt-2`,children:f})]})]}),o===`pending`?(0,M.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-2 border-t border-border/60 pt-2.5`,children:[(0,M.jsx)(r,{size:`xxs`,type:`secondary`,children:h.pending}),(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:l,children:[(0,M.jsx)(S,{className:`size-3.5`}),d??h.reject]}),(0,M.jsxs)(s,{type:`button`,variant:a===`destructive`?`error`:`primary`,onClick:c,children:[(0,M.jsx)(i,{className:`size-3.5`}),u??h.approve]})]})]}):(0,M.jsx)(`div`,{className:`mt-3 flex items-center gap-2 border-t border-border/60 pt-2.5`,children:o===`approved`?(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(i,{className:`size-3.5 text-success`}),(0,M.jsx)(r,{size:`xs`,type:`success`,weight:`medium`,children:h.approved})]}):(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(S,{className:`size-3.5 text-muted-foreground`}),(0,M.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,children:h.rejected})]})})]})}V.displayName=`AiConfirmation`;var H={title:`{{count}} sources`,expand:`Show all sources`,collapse:`Hide sources`,visit:`Visit source`};function U(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function W({sources:e,variant:t=`list`,maxAvatars:n=5,defaultExpanded:i=!1,onSelect:a,className:o,strings:c}){let l=C(H,c),[f,p]=(0,j.useState)(i),m=U(l.title,{count:e.length});if(t===`avatars`)return(0,M.jsx)(G,{sources:e,max:n,title:m,onSelect:a,className:E(`ai-sources--component`,o)});let h=f?e:e.slice(0,0);return(0,M.jsxs)(`div`,{className:E(`ai-sources--component rounded-lg border border-border/60 bg-card`,o),children:[(0,M.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:()=>p(e=>!e),"aria-expanded":f,"aria-label":f?l.collapse:l.expand,className:E(`ai-sources--trigger h-auto w-full justify-start gap-2 px-3 py-2 text-left`,`rounded-lg hover:bg-muted/40`),children:[(0,M.jsx)(K,{sources:e.slice(0,4)}),(0,M.jsx)(r,{size:`xs`,weight:`medium`,className:`flex-1`,children:m}),f?(0,M.jsx)(u,{className:`size-3.5 text-muted-foreground`}):(0,M.jsx)(d,{className:`size-3.5 text-muted-foreground`})]}),f&&(0,M.jsx)(`ol`,{className:`border-t border-border/60 px-2 py-2 space-y-0.5`,children:h.map((e,t)=>(0,M.jsx)(oe,{source:e,index:t+1,onSelect:a?()=>a(e,t):void 0,visitLabel:l.visit},e.id))})]})}W.displayName=`AiSources`;function G({sources:e,max:t,title:n,onSelect:i,className:a}){let o=e.slice(0,t),s=e.length-o.length;return(0,M.jsxs)(`div`,{className:E(`inline-flex items-center gap-2`,a),children:[(0,M.jsx)(K,{sources:o,onSelect:i}),(0,M.jsx)(r,{size:`xs`,type:`secondary`,children:n}),s>0&&(0,M.jsxs)(r,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:[`+`,s]})]})}function K({sources:e,onSelect:t}){return(0,M.jsx)(`div`,{className:`flex -space-x-1.5`,children:e.map((e,n)=>{let r=(0,M.jsx)(`span`,{"aria-hidden":!0,title:typeof e.title==`string`?e.title:void 0,className:`inline-flex size-5 items-center justify-center overflow-hidden rounded-full border border-card bg-muted text-muted-foreground ring-1 ring-border/60`,children:(0,M.jsx)(q,{src:e.faviconUrl})},e.id);return t?(0,M.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>t(e,n),className:`size-5 rounded-full p-0`,children:r},e.id):r})})}function q({src:e}){let[t,n]=(0,j.useState)(!1);return(0,j.useEffect)(()=>{n(!1)},[e]),!e||t?(0,M.jsx)(v,{className:`size-3`}):(0,M.jsx)(`img`,{src:e,alt:``,className:`size-full object-cover`,onError:()=>n(!0)})}function oe({source:e,index:t,onSelect:n,visitLabel:i}){return(0,M.jsx)(`li`,{children:(0,M.jsxs)(e.url&&!n?`a`:n?`button`:`span`,{...e.url&&!n?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:n?{type:`button`,onClick:n}:{},className:E(`group flex w-full items-start gap-2.5 rounded-md px-2 py-1.5 text-left`,(e.url||n)&&`hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),"aria-label":e.url?i:void 0,children:[(0,M.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xxs font-semibold text-muted-foreground tabular-nums`,children:t}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(r,{weight:`medium`,className:`truncate`,children:[e.title,!!e.url&&(0,M.jsx)(g,{className:`ml-1 inline size-3 text-muted-foreground/70 align-baseline`})]}),!!e.publisher&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:e.publisher}),!!e.snippet&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:e.snippet})]})]})})}var se={thinking:`Thinking…`,thoughtFor:`Thought for {{seconds}}s`,thoughtDone:`Reasoning complete`,expandAria:`Expand reasoning`,collapseAria:`Collapse reasoning`};function ce(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function J({children:e,streaming:t=!1,durationSeconds:n,expandWhileStreaming:i=!0,defaultExpanded:a=!1,expanded:o,onExpandedChange:c,className:f,strings:p}){let m=T(se,p),[h,g]=(0,j.useState)(a),_=o??h,v=e=>{o===void 0&&g(e),c?.(e)};(0,j.useEffect)(()=>{t&&i&&!_&&v(!0),!t&&i&&_&&!a&&o===void 0&&v(!1)},[t]);let y=t?(0,M.jsx)(N,{children:m.thinking}):n===void 0?(0,M.jsx)(r,{weight:`medium`,children:m.thoughtDone}):(0,M.jsx)(r,{weight:`medium`,children:ce(m.thoughtFor,{seconds:n.toFixed(1)})});return(0,M.jsxs)(`div`,{className:E(`ai-reasoning--component`,`overflow-hidden rounded-lg border border-border/60 bg-muted/20`,f),children:[(0,M.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:()=>v(!_),"aria-expanded":_,"aria-label":_?m.collapseAria:m.expandAria,className:E(`ai-reasoning--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,`hover:bg-muted/30`),children:[(0,M.jsx)(l,{className:`size-3.5 text-muted-foreground`}),(0,M.jsx)(`div`,{className:`flex-1`,children:y}),_?(0,M.jsx)(u,{className:`size-3.5 text-muted-foreground`}):(0,M.jsx)(d,{className:`size-3.5 text-muted-foreground`})]}),_&&(0,M.jsx)(`div`,{className:`border-t border-border/60 px-3 py-2.5`,children:typeof e==`string`?(0,M.jsx)(r,{type:`secondary`,lineHeight:`relaxed`,className:`whitespace-pre-wrap`,children:e}):(0,M.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e})})]})}J.displayName=`AiReasoning`;var le={title:`Reasoning`,streamingHint:`Working through the steps…`},ue={pending:{icon:m,iconCls:`text-muted-foreground/60`,ring:`border-border/60 bg-card`},active:{icon:a,iconCls:`text-primary`,ring:`border-primary/40 bg-primary/5`,spin:!0},completed:{icon:i,iconCls:`text-success-foreground`,ring:`border-success/40 bg-success`},failed:{icon:f,iconCls:`text-destructive-foreground`,ring:`border-destructive/40 bg-destructive`}};function Y({steps:e,hideHeader:t=!1,streaming:n=!1,className:i,strings:a}){let o=T(le,a);return(0,M.jsxs)(`div`,{className:E(`ai-chain-of-thought--component`,`rounded-lg border border-border/60 bg-card`,i),children:[!t&&(0,M.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-border/60 px-3 py-2`,children:[(0,M.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:o.title}),n&&(0,M.jsx)(N,{className:`ml-auto !text-xs`,children:o.streamingHint})]}),(0,M.jsx)(`ol`,{className:`relative px-3 py-3`,children:e.map((t,n)=>{let i=t.status??`pending`,a=ue[i],o=t.icon??a.icon;return(0,M.jsxs)(`li`,{className:`relative flex gap-3 pb-3 last:pb-0`,children:[n!==e.length-1&&(0,M.jsx)(`span`,{"aria-hidden":!0,className:`absolute left-[11px] top-[26px] h-[calc(100%-26px)] w-px bg-border/60`}),(0,M.jsx)(`span`,{"aria-hidden":!0,className:E(`relative z-[1] mt-0.5 inline-flex size-[22px] shrink-0 items-center justify-center rounded-full border`,a.ring),children:(0,M.jsx)(o,{className:E(`size-3`,a.iconCls,a.spin&&`animate-spin`)})}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:i===`active`?`semibold`:`medium`,className:E(i===`pending`&&`text-muted-foreground`),children:t.title}),!!t.description&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:t.description}),!!t.body&&(0,M.jsx)(`div`,{className:`mt-2`,children:t.body})]})]},t.id)})})]})}Y.displayName=`AiChainOfThought`;var de={statusLabels:{queued:`Queued`,running:`Running`,completed:`Done`,failed:`Failed`,cancelled:`Cancelled`,skipped:`Skipped`},collapseSubtasks:`Collapse subtasks`,expandSubtasks:`Expand subtasks`},fe={queued:{icon:m,cls:`text-muted-foreground/60`},running:{icon:a,cls:`text-primary`,spin:!0},completed:{icon:i,cls:`text-success`},failed:{icon:f,cls:`text-destructive`},cancelled:{icon:p,cls:`text-muted-foreground`},skipped:{icon:te,cls:`text-muted-foreground`}},X={queued:`secondary`,running:`primary`,completed:`success`,failed:`error`,cancelled:`secondary`,skipped:`secondary`};function Z({task:e,density:t=`compact`,indent:n=18,className:r,strings:i}){let a=T(de,i);return(0,M.jsx)(`div`,{className:E(`ai-task--component`,`rounded-lg border border-border/60 bg-card`,r),children:(0,M.jsx)(Q,{item:e,depth:0,density:t,indent:n,strings:a})})}Z.displayName=`AiTask`;function Q({item:e,depth:t,density:n,indent:i,strings:a}){let c=e.status??`queued`,l=fe[c],f=e.icon??l.icon,p=!!e.children?.length,[m,h]=(0,j.useState)(n===`expanded`||t===0);return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(`div`,{className:E(`flex items-start gap-2 px-3 py-2`,t>0&&`border-t border-border/60`),style:{paddingLeft:12+t*i},children:[p?(0,M.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>h(e=>!e),"aria-expanded":m,"aria-label":m?a.collapseSubtasks:a.expandSubtasks,className:`-ml-1 mt-0.5 size-4 rounded p-0 text-muted-foreground hover:text-foreground`,children:m?(0,M.jsx)(u,{className:`size-3.5`}):(0,M.jsx)(d,{className:`size-3.5`})}):(0,M.jsx)(`span`,{"aria-hidden":!0,className:`mt-0.5 size-4`}),(0,M.jsx)(f,{className:E(`mt-[3px] size-3.5 shrink-0`,l.cls,l.spin&&`animate-spin`)}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(r,{weight:c===`running`?`semibold`:`medium`,className:E(`flex-1 truncate`,c===`queued`&&`text-muted-foreground`,c===`cancelled`&&`line-through text-muted-foreground`,c===`skipped`&&`text-muted-foreground/70`),children:e.title}),(0,M.jsx)(o,{variant:X[c],children:a.statusLabels[c]}),!!e.rightSlot&&(0,M.jsx)(r,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:e.rightSlot})]}),!!e.body&&(0,M.jsx)(`div`,{className:`mt-2`,children:e.body})]})]}),p&&m&&(0,M.jsx)(`div`,{children:e.children.map(e=>(0,M.jsx)(Q,{item:e,depth:t+1,density:n,indent:i,strings:a},e.id))})]})}var pe={openAria:`Open artifact`,copy:`Copy`,copied:`Copied`,copyAria:`Copy artifact`,downloadAria:`Download artifact`,expandAria:`Expand artifact`};function $({title:e,subtitle:t,icon:a,copyText:o,children:c,collapsed:l=!1,onOpen:u,actions:d,onDownload:f,className:p,strings:m}){let v=T(pe,m),y=a??_,[b,x]=(0,j.useState)(!1);return(0,M.jsxs)(`div`,{className:E(`ai-artifact--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,p),children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border/60 bg-muted/20 px-3 py-2`,children:[(0,M.jsx)(D,{icon:y,tone:`muted`,size:`sm`,shape:`square`}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),!!t&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:t})]}),(0,M.jsxs)(`div`,{className:`flex items-center gap-1`,children:[d?.map(e=>{let t=e.icon;return(0,M.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:e.onSelect,children:[!!t&&(0,M.jsx)(t,{className:`size-3.5`}),e.label]},e.id)}),!!o&&(0,M.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":v.copyAria,onClick:()=>{o&&(typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(o),x(!0),window.setTimeout(()=>x(!1),1500))},children:b?(0,M.jsx)(i,{className:`size-3.5 text-success`}):(0,M.jsx)(n,{className:`size-3.5`})}),!!f&&(0,M.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":v.downloadAria,onClick:f,children:(0,M.jsx)(h,{className:`size-3.5`})}),!!u&&(0,M.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":v.openAria,onClick:u,children:(0,M.jsx)(g,{className:`size-3.5`})})]})]}),!l&&!!c&&(0,M.jsx)(`div`,{className:`bg-card`,children:c})]})}$.displayName=`AiArtifact`;export{W as a,I as c,A as d,J as i,F as l,Z as n,V as o,Y as r,R as s,$ as t,N as u};