@kushagradhawan/kookie-ui 0.1.49 → 0.1.51

package/dist/cjs/components/_internal/shell-sidebar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SidebarHandle } from './shell-handles.js';
-import type { PaneMode, PaneSizePersistence, ResponsivePresentation, ResponsiveSidebarMode, SidebarMode } from '../shell.types.js';
+import type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, SidebarMode, Responsive } from '../shell.types.js';
 interface PaneProps extends React.ComponentPropsWithoutRef<'div'> {
     presentation?: ResponsivePresentation;
     mode?: PaneMode;
@@ -23,13 +23,31 @@ interface PaneProps extends React.ComponentPropsWithoutRef<'div'> {
     paneId?: string;
     persistence?: PaneSizePersistence;
 }
-type SidebarComponent = React.ForwardRefExoticComponent<Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {
-    mode?: SidebarMode;
-    defaultMode?: ResponsiveSidebarMode;
-    onModeChange?: (mode: SidebarMode) => void;
+type SidebarStateChangeMeta = {
+    reason: 'init' | 'toggle' | 'responsive';
+};
+type SidebarControlledProps = {
+    state: Responsive<SidebarMode>;
+    onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void;
+    defaultState?: never;
+};
+type SidebarUncontrolledProps = {
+    defaultState?: SidebarMode | Partial<Record<Breakpoint, SidebarMode>>;
+    onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void;
+    state?: never;
+};
+type SidebarPublicProps = Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {
     thinSize?: number;
     toggleModes?: 'both' | 'single';
-} & React.RefAttributes<HTMLDivElement>> & {
+    size?: number | string;
+    defaultSize?: number | string;
+    onSizeChange?: (size: number, meta: {
+        reason: 'init' | 'resize' | 'controlled';
+    }) => void;
+    sizeUpdate?: 'throttle' | 'debounce';
+    sizeUpdateMs?: number;
+} & (SidebarControlledProps | SidebarUncontrolledProps);
+type SidebarComponent = React.ForwardRefExoticComponent<SidebarPublicProps & React.RefAttributes<HTMLDivElement>> & {
     Handle: typeof SidebarHandle;
 };
 export declare const Sidebar: SidebarComponent;

package/dist/cjs/components/_internal/shell-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,aAAa,EAAc,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAc,QAAQ,EAAE,mBAAmB,EAAqB,sBAAsB,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGlK,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC/D,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,WAAW,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,mBAAmB,CAAC;CACnC;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,yBAAyB,CACrD,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,aAAa,GAAG,cAAc,CAAC,GAAG;IACzD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CACjC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACxC,GAAG;IAAE,MAAM,EAAE,OAAO,aAAa,CAAA;CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EA2Sf,gBAAgB,CAAC"}
+{"version":3,"file":"shell-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/_internal/shell-sidebar.js

@@ -1,2 +1,2 @@
-"use strict";var ue=Object.create;var R=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,me=Object.prototype.hasOwnProperty;var Me=(i,s)=>{for(var a in s)R(i,a,{get:s[a],enumerable:!0})},W=(i,s,a,d)=>{if(s&&typeof s=="object"||typeof s=="function")for(let c of be(s))!me.call(i,c)&&c!==a&&R(i,c,{get:()=>s[c],enumerable:!(d=pe(s,c))||d.enumerable});return i};var T=(i,s,a)=>(a=i!=null?ue(fe(i)):{},W(s||!i||!i.__esModule?R(a,"default",{value:i,enumerable:!0}):a,i)),Se=i=>W(R({},"__esModule",{value:!0}),i);var he={};Me(he,{Sidebar:()=>O});module.exports=Se(he);var r=T(require("react")),G=T(require("classnames")),w=T(require("../sheet.js")),J=require("../visually-hidden.js"),H=require("../shell.context.js"),Q=require("../shell.hooks.js"),U=require("./shell-resize.js"),b=require("./shell-handles.js"),X=require("../shell.types.js");const O=r.forwardRef(({className:i,presentation:s={initial:"overlay",md:"fixed"},mode:a,defaultMode:d="expanded",onModeChange:c,expandedSize:u=288,minSize:z=200,maxSize:N=400,resizable:g=!1,collapsible:Y=!0,onExpand:$,onCollapse:A,onResize:k,onResizeStart:Z,onResizeEnd:_,snapPoints:ee,snapTolerance:te,collapseThreshold:re,paneId:P,persistence:C,children:ne,style:ae,thinSize:f=64,toggleModes:E,...oe},m)=>{const t=(0,H.useShell)(),x=(0,Q.useResponsivePresentation)(s),M=x==="overlay",ie=x==="stacked",S=r.useRef(null),se=r.useCallback(e=>{S.current=e,typeof m=="function"?m(e):m&&(m.current=e)},[m]),I=r.Children.toArray(ne),V=I.filter(e=>r.isValidElement(e)&&e.type===b.SidebarHandle),D=I.filter(e=>!(r.isValidElement(e)&&e.type===b.SidebarHandle)),de=r.useId();r.useEffect(()=>(t.setHasSidebar(!0),()=>{t.setHasSidebar(!1)}),[t,de]);const L=r.useRef(!1);r.useEffect(()=>{L.current||(L.current=!0,a===void 0&&t.sidebarMode!==d&&t.setSidebarMode(d))},[]),r.useEffect(()=>{a!==void 0&&t.sidebarMode!==a&&t.setSidebarMode(a)},[a,t]),r.useEffect(()=>{a===void 0&&c?.(t.sidebarMode)},[t.sidebarMode,a,c]),r.useEffect(()=>{t.sidebarMode==="expanded"?$?.():A?.()},[t.sidebarMode,$,A]);const K=t.sidebarMode!=="collapsed",h=r.useMemo(()=>{if(!P||C)return C;const e=`kookie-ui:shell:sidebar:${P}`;return{load:()=>{if(typeof window>"u")return;const n=window.localStorage.getItem(e);return n?Number(n):void 0},save:n=>{typeof window>"u"||window.localStorage.setItem(e,String(n))}}},[P,C]);r.useEffect(()=>{let e=!0;return(async()=>{if(!g||!h?.load||M)return;const o=await h.load();e&&typeof o=="number"&&S.current&&(S.current.style.setProperty("--sidebar-size",`${o}px`),k?.(o))})(),()=>{e=!1}},[g,h,k,M]);const y=r.useCallback(()=>{if(typeof d=="string")return d;const e=d;if(e&&e[t.currentBreakpoint])return e[t.currentBreakpoint];const n=[...Object.keys(X.BREAKPOINTS)].reverse().concat("initial"),l=n.indexOf(t.currentBreakpoint);for(let p=l+1;p<n.length;p++){const F=n[p];if(e&&e[F])return e[F]}return"collapsed"},[d,t.currentBreakpoint]),v=(0,H.useShell)(),B=r.useCallback(()=>{const e=y();return e==="thin"||e==="expanded"?e:"expanded"},[y]);r.useEffect(()=>{if(!v.setSidebarToggleComputer)return;const e=E??"both",o=n=>{if(e==="both")return n==="collapsed"?"thin":n==="thin"?"expanded":"collapsed";const l=B();return n==="collapsed"?l:n===l?"collapsed":l};return v.setSidebarToggleComputer(o),()=>{v.setSidebarToggleComputer?.(n=>n==="collapsed"?"thin":n==="thin"?"expanded":"collapsed")}},[v,E,B]);const j=r.useRef(u),le=r.useRef("expanded");r.useEffect(()=>{t.sidebarMode!=="collapsed"&&(le.current=t.sidebarMode,j.current=t.sidebarMode==="thin"?f:u)},[t.sidebarMode,f,u]);const q=r.useRef(null);r.useEffect(()=>{if(a!==void 0||!t.currentBreakpointReady||q.current===t.currentBreakpoint)return;q.current=t.currentBreakpoint;const e=y();e!==t.sidebarMode&&t.setSidebarMode(e)},[a,t.currentBreakpoint,t.currentBreakpointReady,y,t.sidebarMode,t.setSidebarMode]);const ce=g&&!M&&t.sidebarMode==="expanded"?r.createElement(U.PaneResizeContext.Provider,{value:{containerRef:S,cssVarName:"--sidebar-size",minSize:z,maxSize:N,defaultSize:u,orientation:"vertical",edge:"end",computeNext:(e,o,n)=>{const l=getComputedStyle(S.current).direction==="rtl",p=e-o;return n+(l?-p:p)},onResize:k,onResizeStart:Z,onResizeEnd:e=>{_?.(e),h?.save?.(e)},target:"sidebar",collapsible:Y,snapPoints:ee,snapTolerance:te??8,collapseThreshold:re,requestCollapse:()=>t.setSidebarMode("collapsed"),requestToggle:()=>t.togglePane("sidebar")}},V.length>0?V.map((e,o)=>r.cloneElement(e,{key:e.key??o})):r.createElement(b.PaneHandle,null)):null;if(M){const e=t.sidebarMode!=="collapsed";return r.createElement(w.Root,{open:e,onOpenChange:o=>t.setSidebarMode(o?"expanded":"collapsed")},r.createElement(w.Content,{side:"start",style:{padding:0},width:{initial:`${e?t.sidebarMode==="thin"?f:u:j.current}px`}},r.createElement(J.VisuallyHidden,null,r.createElement(w.Title,null,"Sidebar")),D))}return r.createElement("div",{...oe,ref:se,className:(0,G.default)("rt-ShellSidebar",i),"data-mode":t.sidebarMode,"data-peek":t.peekTarget==="sidebar"||void 0,"data-presentation":x,"data-open":ie&&K||void 0,style:{...ae,"--sidebar-size":`${u}px`,"--sidebar-thin-size":`${f}px`,"--sidebar-min-size":`${z}px`,"--sidebar-max-size":`${N}px`,...t.peekTarget==="sidebar"&&t.sidebarMode==="collapsed"&&!M?(()=>{const e=E??"both",o=t.sidebarMode;let n;if(e==="both")n=o==="collapsed"?"thin":o==="thin"?"expanded":"collapsed";else{const l=B();n=o==="collapsed"?l:"collapsed"}return n==="thin"?{"--peek-sidebar-width":`${f}px`}:{"--peek-sidebar-width":`var(--sidebar-size, ${u}px)`}})():{}}},r.createElement("div",{className:"rt-ShellSidebarContent","data-visible":K||void 0},D),ce)});O.displayName="Shell.Sidebar",O.Handle=b.SidebarHandle;
+"use strict";var ye=Object.create;var w=Object.defineProperty;var Se=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var he=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var Pe=(i,l)=>{for(var s in l)w(i,s,{get:l[s],enumerable:!0})},Y=(i,l,s,c)=>{if(l&&typeof l=="object"||typeof l=="function")for(let u of Me(l))!ge.call(i,u)&&u!==s&&w(i,u,{get:()=>l[u],enumerable:!(c=Se(l,u))||c.enumerable});return i};var _=(i,l,s)=>(s=i!=null?ye(he(i)):{},Y(l||!i||!i.__esModule?w(s,"default",{value:i,enumerable:!0}):s,i)),ve=i=>Y(w({},"__esModule",{value:!0}),i);var Re={};Pe(Re,{Sidebar:()=>W});module.exports=ve(Re);var r=_(require("react")),Z=_(require("classnames")),O=_(require("../sheet.js")),ee=require("../visually-hidden.js"),B=require("../shell.context.js"),v=require("../shell.hooks.js"),te=require("./shell-resize.js"),M=require("./shell-handles.js"),De=require("../shell.types.js");const W=r.forwardRef(({className:i,presentation:l={initial:"overlay",md:"fixed"},expandedSize:s=288,minSize:c=200,maxSize:u=400,resizable:N=!1,collapsible:ne=!0,onExpand:A,onCollapse:I,onResize:k,onResizeStart:re,onResizeEnd:oe,snapPoints:ae,snapTolerance:ie,collapseThreshold:se,paneId:T,persistence:H,children:de,style:le,thinSize:h=64,toggleModes:D,state:m,defaultState:y,onStateChange:F,...f},g)=>{const t=(0,B.useShell)(),$=(0,v.useResponsivePresentation)(l),P=$==="overlay",ue=$==="stacked",b=r.useRef(null),ce=r.useCallback(e=>{b.current=e,typeof g=="function"?g(e):g&&(g.current=e)},[g]),L=r.Children.toArray(de),j=L.filter(e=>r.isValidElement(e)&&e.type===M.SidebarHandle),q=L.filter(e=>!(r.isValidElement(e)&&e.type===M.SidebarHandle)),R=r.useMemo(()=>{const e=f.onSizeChange,n=f.sizeUpdate,o=f.sizeUpdateMs??50;if(!e)return()=>{};if(n==="debounce"){let a=null;return(d,S)=>{a&&clearTimeout(a),a=setTimeout(()=>{e(d,S)},o)}}if(n==="throttle"){let a=0;return(d,S)=>{const X=Date.now();X-a>=o&&(a=X,e(d,S))}}return(a,d)=>e(a,d)},[f.onSizeChange,f.sizeUpdate,f.sizeUpdateMs]),fe=r.useId();r.useEffect(()=>(t.setHasSidebar(!0),()=>{t.setHasSidebar(!1)}),[t,fe]);const C=r.useRef(null);r.useEffect(()=>{const e=typeof m<"u";if(C.current===null){C.current=e;return}C.current!==e&&(console.warn("Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported."),C.current=e)},[m]);const p=(0,v.useResponsiveValue)(m),K=(0,v.useResponsiveValue)(y),G=r.useRef(!1);r.useEffect(()=>{if(!G.current&&t.currentBreakpointReady){if(G.current=!0,typeof m<"u"&&p){t.sidebarMode!==p&&t.setSidebarMode(p);return}if(typeof y<"u"){const e=K??y;t.sidebarMode!==e&&t.setSidebarMode(e),F?.(e,{reason:"init"});return}}},[t.currentBreakpointReady,K,p,m,y]),r.useEffect(()=>{p!==void 0&&t.sidebarMode!==p&&t.setSidebarMode(p)},[p,t.sidebarMode]);const z=r.useRef(null);r.useEffect(()=>{typeof m>"u"&&(z.current===null?z.current=t.sidebarMode:z.current!==t.sidebarMode&&(z.current=t.sidebarMode,F?.(t.sidebarMode,{reason:"toggle"})))},[t.sidebarMode,m,F]),r.useEffect(()=>{t.sidebarMode==="expanded"?A?.():I?.()},[t.sidebarMode,A,I]);const J=t.sidebarMode!=="collapsed",x=r.useMemo(()=>{if(!T||H)return H;const e=`kookie-ui:shell:sidebar:${T}`;return{load:()=>{if(typeof window>"u")return;const o=window.localStorage.getItem(e);return o?Number(o):void 0},save:o=>{typeof window>"u"||window.localStorage.setItem(e,String(o))}}},[T,H]);r.useEffect(()=>{let e=!0;return(async()=>{if(!N||!x?.load||P)return;const n=await x.load();e&&typeof n=="number"&&b.current&&(b.current.style.setProperty("--sidebar-size",`${n}px`),k?.(n))})(),()=>{e=!1}},[N,x,k,P]);const E=(0,B.useShell)(),U=r.useCallback(()=>{const e=y??"expanded";return e==="thin"||e==="expanded"?e:"expanded"},[y]);r.useEffect(()=>{if(!E.setSidebarToggleComputer)return;const e=D??"both",n=o=>{if(e==="both")return o==="collapsed"?"thin":o==="thin"?"expanded":"collapsed";const a=U();return o==="collapsed"?a:o===a?"collapsed":a};return E.setSidebarToggleComputer(n),()=>{E.setSidebarToggleComputer?.(o=>o==="collapsed"?"thin":o==="thin"?"expanded":"collapsed")}},[E,D,U]);const Q=r.useRef(s),be=r.useRef("expanded");r.useEffect(()=>{t.sidebarMode!=="collapsed"&&(be.current=t.sidebarMode,Q.current=t.sidebarMode==="thin"?h:s)},[t.sidebarMode,h,s]);const pe=N&&!P&&t.sidebarMode==="expanded"?r.createElement(te.PaneResizeContext.Provider,{value:{containerRef:b,cssVarName:"--sidebar-size",minSize:c,maxSize:u,defaultSize:s,orientation:"vertical",edge:"end",computeNext:(e,n,o)=>{const a=getComputedStyle(b.current).direction==="rtl",d=e-n;return o+(a?-d:d)},onResize:k,onResizeStart:re,onResizeEnd:e=>{oe?.(e),R(e,{reason:"resize"}),x?.save?.(e)},target:"sidebar",collapsible:ne,snapPoints:ae,snapTolerance:ie??8,collapseThreshold:se,requestCollapse:()=>t.setSidebarMode("collapsed"),requestToggle:()=>t.togglePane("sidebar")}},j.length>0?j.map((e,n)=>r.cloneElement(e,{key:e.key??n})):r.createElement(M.PaneHandle,null)):null,{state:Ce,defaultState:ze,onStateChange:xe,size:Ee,defaultSize:we,onSizeChange:Ne,sizeUpdate:ke,sizeUpdateMs:Te,...me}=f,V=r.useCallback(e=>{if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;const n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){const a=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*a}if(n.endsWith("%")){const a=Number.parseFloat(n),d=document.documentElement.clientWidth||window.innerWidth||0;return a/100*d}const o=Number.parseFloat(n);return Number.isFinite(o)?o:void 0},[]);if(r.useEffect(()=>{if(!b.current)return;const{size:e,defaultSize:n}=f;if(typeof e>"u"&&typeof n<"u"){const o=V(n);if(typeof o=="number"&&Number.isFinite(o)){const S=Math.min((typeof u=="number"?u:void 0)??o,Math.max((typeof c=="number"?c:void 0)??o,o));b.current.style.setProperty("--sidebar-size",`${S}px`),R(S,{reason:"init"})}}},[]),r.useEffect(()=>{if(!b.current)return;const{size:e}=f;if(typeof e>"u")return;const n=V(e);if(typeof n=="number"&&Number.isFinite(n)){const d=Math.min((typeof u=="number"?u:void 0)??n,Math.max((typeof c=="number"?c:void 0)??n,n));b.current.style.setProperty("--sidebar-size",`${d}px`),R(d,{reason:"controlled"})}},[f.size,c,u,V,R]),P){const e=t.sidebarMode!=="collapsed";return r.createElement(O.Root,{open:e,onOpenChange:n=>t.setSidebarMode(n?"expanded":"collapsed")},r.createElement(O.Content,{side:"start",style:{padding:0},width:{initial:`${e?t.sidebarMode==="thin"?h:s:Q.current}px`}},r.createElement(ee.VisuallyHidden,null,r.createElement(O.Title,null,"Navigation")),q))}return r.createElement("div",{...me,ref:ce,className:(0,Z.default)("rt-ShellSidebar",i),"data-mode":t.sidebarMode,"data-peek":t.peekTarget==="sidebar"||void 0,"data-presentation":t.currentBreakpointReady?$:void 0,"data-open":t.currentBreakpointReady&&ue&&J||void 0,style:{...le,"--sidebar-size":`${s}px`,"--sidebar-thin-size":`${h}px`,"--sidebar-min-size":`${c}px`,"--sidebar-max-size":`${u}px`,...t.peekTarget==="sidebar"&&t.sidebarMode==="collapsed"&&!P?(()=>{const e=D??"both",n=t.sidebarMode;let o;if(e==="both")o=n==="collapsed"?"thin":n==="thin"?"expanded":"collapsed";else{const a=U();o=n==="collapsed"?a:"collapsed"}return o==="thin"?{"--peek-sidebar-width":`${h}px`}:{"--peek-sidebar-width":`var(--sidebar-size, ${s}px)`}})():{}}},r.createElement("div",{className:"rt-ShellSidebarContent","data-visible":J||void 0},q),pe)});W.displayName="Shell.Sidebar",W.Handle=M.SidebarHandle;
 //# sourceMappingURL=shell-sidebar.js.map

package/dist/cjs/components/_internal/shell-sidebar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/shell-sidebar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell } from '../shell.context.js';\nimport { useResponsivePresentation } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { SidebarHandle, PaneHandle } from './shell-handles.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, PresentationValue, ResponsivePresentation, ResponsiveSidebarMode, SidebarMode } from '../shell.types.js';\nimport { BREAKPOINTS } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  mode?: PaneMode;\n  defaultMode?: any;\n  onModeChange?: (mode: PaneMode | SidebarMode) => void;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\ntype SidebarComponent = React.ForwardRefExoticComponent<\n  Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n    mode?: SidebarMode;\n    defaultMode?: ResponsiveSidebarMode;\n    onModeChange?: (mode: SidebarMode) => void;\n    thinSize?: number;\n    toggleModes?: 'both' | 'single';\n  } & React.RefAttributes<HTMLDivElement>\n> & { Handle: typeof SidebarHandle };\n\nexport const Sidebar = React.forwardRef<\n  HTMLDivElement,\n  Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n    mode?: SidebarMode;\n    defaultMode?: ResponsiveSidebarMode;\n    onModeChange?: (mode: SidebarMode) => void;\n    thinSize?: number;\n    toggleModes?: 'both' | 'single';\n  }\n>(\n  (\n    {\n      className,\n      presentation = { initial: 'overlay', md: 'fixed' },\n      mode,\n      defaultMode = 'expanded',\n      onModeChange,\n      expandedSize = 288,\n      minSize = 200,\n      maxSize = 400,\n      resizable = false,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      thinSize = 64,\n      toggleModes,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === SidebarHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === SidebarHandle));\n\n    // Register with shell\n    const sidebarId = React.useId();\n    React.useEffect(() => {\n      shell.setHasSidebar(true);\n      return () => {\n        shell.setHasSidebar(false);\n      };\n    }, [shell, sidebarId]);\n\n    // Honor defaultMode on mount when uncontrolled\n    const didInitRef = React.useRef(false);\n    React.useEffect(() => {\n      if (didInitRef.current) return;\n      didInitRef.current = true;\n      if (mode === undefined && shell.sidebarMode !== (defaultMode as SidebarMode)) {\n        shell.setSidebarMode(defaultMode as SidebarMode);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Sync controlled mode\n    React.useEffect(() => {\n      if (mode !== undefined && shell.sidebarMode !== mode) {\n        shell.setSidebarMode(mode);\n      }\n    }, [mode, shell]);\n\n    // Emit mode changes\n    React.useEffect(() => {\n      if (mode === undefined) {\n        onModeChange?.(shell.sidebarMode);\n      }\n    }, [shell.sidebarMode, mode, onModeChange]);\n\n    // Emit expand/collapse events\n    React.useEffect(() => {\n      if (shell.sidebarMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.sidebarMode, onExpand, onCollapse]);\n\n    // Option A: thin is width-only; content remains visible whenever not collapsed\n    const isContentVisible = shell.sidebarMode !== 'collapsed';\n\n    // Default persistence if paneId provided and none supplied (fixed only)\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:sidebar:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--sidebar-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    // Always-follow responsive defaultMode for uncontrolled Sidebar (on breakpoint change only)\n    const resolveResponsiveMode = React.useCallback((): SidebarMode => {\n      if (typeof defaultMode === 'string') return defaultMode as SidebarMode;\n      const dm = defaultMode as Partial<Record<Breakpoint, SidebarMode>> | undefined;\n      if (dm && dm[shell.currentBreakpoint as Breakpoint]) {\n        return dm[shell.currentBreakpoint as Breakpoint] as SidebarMode;\n      }\n      const bpKeys = Object.keys(BREAKPOINTS) as Array<keyof typeof BREAKPOINTS>;\n      const order: Breakpoint[] = ([...bpKeys].reverse() as Breakpoint[]).concat('initial' as Breakpoint);\n      const startIdx = order.indexOf(shell.currentBreakpoint as Breakpoint);\n      for (let i = startIdx + 1; i < order.length; i++) {\n        const bp = order[i];\n        if (dm && dm[bp]) return dm[bp] as SidebarMode;\n      }\n      return 'collapsed';\n    }, [defaultMode, shell.currentBreakpoint]);\n\n    // Register custom toggle behavior based on toggleModes (both|single)\n    const shellForToggle = useShell();\n    const resolveDefaultSidebarMode = React.useCallback((): SidebarMode => {\n      const resolved = resolveResponsiveMode();\n      return resolved === 'thin' || resolved === 'expanded' ? resolved : 'expanded';\n    }, [resolveResponsiveMode]);\n\n    React.useEffect(() => {\n      if (!shellForToggle.setSidebarToggleComputer) return;\n      const strategy: 'both' | 'single' = toggleModes ?? 'both';\n      const compute = (current: SidebarMode): SidebarMode => {\n        if (strategy === 'both') {\n          if (current === 'collapsed') return 'thin';\n          if (current === 'thin') return 'expanded';\n          return 'collapsed';\n        }\n        const target = resolveDefaultSidebarMode();\n        if (current === 'collapsed') return target;\n        if (current === target) return 'collapsed';\n        return target;\n      };\n      shellForToggle.setSidebarToggleComputer(compute);\n      return () => {\n        shellForToggle.setSidebarToggleComputer?.((cur) => (cur === 'collapsed' ? 'thin' : cur === 'thin' ? 'expanded' : 'collapsed'));\n      };\n    }, [shellForToggle, toggleModes, resolveDefaultSidebarMode]);\n\n    const lastOverlayWidthRef = React.useRef<number>(expandedSize);\n    const lastOverlayModeRef = React.useRef<SidebarMode>('expanded');\n    React.useEffect(() => {\n      if (shell.sidebarMode !== 'collapsed') {\n        lastOverlayModeRef.current = shell.sidebarMode as SidebarMode;\n        lastOverlayWidthRef.current = shell.sidebarMode === 'thin' ? thinSize : expandedSize;\n      }\n    }, [shell.sidebarMode, thinSize, expandedSize]);\n\n    const lastSidebarBpRef = React.useRef<Breakpoint | null>(null);\n    React.useEffect(() => {\n      if (mode !== undefined) return;\n      if (!shell.currentBreakpointReady) return;\n      if (lastSidebarBpRef.current === shell.currentBreakpoint) return;\n      lastSidebarBpRef.current = shell.currentBreakpoint as Breakpoint;\n      const next = resolveResponsiveMode();\n      if (next !== shell.sidebarMode) shell.setSidebarMode(next);\n    }, [mode, shell.currentBreakpoint, shell.currentBreakpointReady, resolveResponsiveMode, shell.sidebarMode, shell.setSidebarMode]);\n\n    const handleEl =\n      resizable && !isOverlay && shell.sidebarMode === 'expanded' ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--sidebar-size',\n            minSize,\n            maxSize,\n            defaultSize: expandedSize,\n            orientation: 'vertical',\n            edge: 'end',\n            computeNext: (client, startClient, startSize) => {\n              const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n              const delta = client - startClient;\n              return startSize + (isRtl ? -delta : delta);\n            },\n            onResize,\n            onResizeStart,\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'sidebar',\n            collapsible,\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setSidebarMode('collapsed'),\n            requestToggle: () => shell.togglePane('sidebar'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\n\n    if (isOverlay) {\n      const open = shell.sidebarMode !== 'collapsed';\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setSidebarMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content\n            side=\"start\"\n            style={{ padding: 0 }}\n            width={{\n              initial: `${open ? (shell.sidebarMode === 'thin' ? thinSize : expandedSize) : lastOverlayWidthRef.current}px`,\n            }}\n          >\n            <VisuallyHidden>\n              <Sheet.Title>Sidebar</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n\n    return (\n      <div\n        {...props}\n        ref={setRef}\n        className={classNames('rt-ShellSidebar', className)}\n        data-mode={shell.sidebarMode}\n        data-peek={shell.peekTarget === 'sidebar' || undefined}\n        data-presentation={resolvedPresentation}\n        data-open={(isStacked && isContentVisible) || undefined}\n        style={{\n          ...style,\n          ['--sidebar-size' as any]: `${expandedSize}px`,\n          ['--sidebar-thin-size' as any]: `${thinSize}px`,\n          ['--sidebar-min-size' as any]: `${minSize}px`,\n          ['--sidebar-max-size' as any]: `${maxSize}px`,\n          ...(shell.peekTarget === 'sidebar' && shell.sidebarMode === 'collapsed' && !isOverlay\n            ? (() => {\n                const strategy: 'both' | 'single' = toggleModes ?? 'both';\n                const current = shell.sidebarMode as SidebarMode;\n                let next: SidebarMode;\n                if (strategy === 'both') {\n                  next = current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed';\n                } else {\n                  const target = resolveDefaultSidebarMode();\n                  next = current === 'collapsed' ? target : 'collapsed';\n                }\n                if (next === 'thin') {\n                  return {\n                    ['--peek-sidebar-width' as any]: `${thinSize}px`,\n                  } as React.CSSProperties;\n                }\n                return {\n                  ['--peek-sidebar-width' as any]: `var(--sidebar-size, ${expandedSize}px)`,\n                } as React.CSSProperties;\n              })()\n            : {}),\n        }}\n      >\n        <div className=\"rt-ShellSidebarContent\" data-visible={isContentVisible || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as SidebarComponent;\n\nSidebar.displayName = 'Shell.Sidebar';\nSidebar.Handle = SidebarHandle;\n"],
-  "mappings": "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",
-  "names": ["shell_sidebar_exports", "__export", "Sidebar", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_context", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_types", "className", "presentation", "mode", "defaultMode", "onModeChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "thinSize", "toggleModes", "props", "ref", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "sidebarId", "didInitRef", "isContentVisible", "persistenceAdapter", "key", "v", "size", "mounted", "loaded", "resolveResponsiveMode", "dm", "order", "startIdx", "i", "bp", "shellForToggle", "resolveDefaultSidebarMode", "resolved", "strategy", "compute", "current", "target", "cur", "lastOverlayWidthRef", "lastOverlayModeRef", "lastSidebarBpRef", "next", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "open", "classNames"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useShell } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveValue } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { SidebarHandle, PaneHandle } from './shell-handles.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, PresentationValue, ResponsivePresentation, ResponsiveSidebarMode, SidebarMode, Responsive } from '../shell.types.js';\nimport { BREAKPOINTS } from '../shell.types.js';\n\ninterface PaneProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  mode?: PaneMode;\n  defaultMode?: any;\n  onModeChange?: (mode: PaneMode | SidebarMode) => void;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\ntype SidebarStateChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype SidebarControlledProps = { state: Responsive<SidebarMode>; onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void; defaultState?: never };\ntype SidebarUncontrolledProps = { defaultState?: SidebarMode | Partial<Record<Breakpoint, SidebarMode>>; onStateChange?: (state: SidebarMode, meta: SidebarStateChangeMeta) => void; state?: never };\ntype SidebarPublicProps = Omit<PaneProps, 'mode' | 'defaultMode' | 'onModeChange'> & {\n  // removed legacy mode props\n  thinSize?: number;\n  toggleModes?: 'both' | 'single';\n  // size API (width when expanded)\n  size?: number | string;\n  defaultSize?: number | string;\n  onSizeChange?: (size: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => void;\n  sizeUpdate?: 'throttle' | 'debounce';\n  sizeUpdateMs?: number;\n} & (SidebarControlledProps | SidebarUncontrolledProps);\n\ntype SidebarComponent = React.ForwardRefExoticComponent<SidebarPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof SidebarHandle };\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, SidebarPublicProps>(\n  (\n    {\n      className,\n      presentation = { initial: 'overlay', md: 'fixed' },\n      // removed legacy props\n      expandedSize = 288,\n      minSize = 200,\n      maxSize = 400,\n      resizable = false,\n      collapsible = true,\n      onExpand,\n      onCollapse,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      snapPoints,\n      snapTolerance,\n      collapseThreshold,\n      paneId,\n      persistence,\n      children,\n      style,\n      thinSize = 64,\n      toggleModes,\n      // new state props (XOR)\n      state,\n      defaultState,\n      onStateChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const shell = useShell();\n    const resolvedPresentation = useResponsivePresentation(presentation);\n    const isOverlay = resolvedPresentation === 'overlay';\n    const isStacked = resolvedPresentation === 'stacked';\n    // Phase sequencing is now CSS-driven; no JS-managed phase\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref],\n    );\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === SidebarHandle);\n    const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === SidebarHandle));\n\n    // Throttled/debounced emitter for onSizeChange\n    const emitSizeChange = React.useMemo(() => {\n      const cb = (props as any).onSizeChange as undefined | ((s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => void);\n      const strategy = (props as any).sizeUpdate as undefined | 'throttle' | 'debounce';\n      const ms = (props as any).sizeUpdateMs ?? 50;\n      if (!cb) return () => {};\n      if (strategy === 'debounce') {\n        let t: any = null;\n        return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n          if (t) clearTimeout(t);\n          t = setTimeout(() => {\n            cb(s, meta);\n          }, ms);\n        };\n      }\n      if (strategy === 'throttle') {\n        let last = 0;\n        return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => {\n          const now = Date.now();\n          if (now - last >= ms) {\n            last = now;\n            cb(s, meta);\n          }\n        };\n      }\n      return (s: number, meta: { reason: 'init' | 'resize' | 'controlled' }) => cb(s, meta);\n    }, [(props as any).onSizeChange, (props as any).sizeUpdate, (props as any).sizeUpdateMs]);\n\n    // Register with shell\n    const sidebarId = React.useId();\n    React.useEffect(() => {\n      shell.setHasSidebar(true);\n      return () => {\n        shell.setHasSidebar(false);\n      };\n    }, [shell, sidebarId]);\n\n    // Dev guards\n    const wasControlledRef = React.useRef<boolean | null>(null);\n    if (process.env.NODE_ENV !== 'production') {\n      if (typeof state !== 'undefined' && typeof defaultState !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.error('Shell.Sidebar: Do not pass both `state` and `defaultState`. Choose one.');\n      }\n      if (typeof (props as any).size !== 'undefined' && typeof (props as any).defaultSize !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.error('Shell.Sidebar: Do not pass both `size` and `defaultSize`. Choose one.');\n      }\n    }\n\n    // Warn on mode switch between controlled/uncontrolled\n    React.useEffect(() => {\n      const isControlled = typeof state !== 'undefined';\n      if (wasControlledRef.current === null) {\n        wasControlledRef.current = isControlled;\n        return;\n      }\n      if (wasControlledRef.current !== isControlled) {\n        // eslint-disable-next-line no-console\n        console.warn('Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported.');\n        wasControlledRef.current = isControlled;\n      }\n    }, [state]);\n\n    // Resolve responsive controlled state at top level\n    const resolvedState = useResponsiveValue(state);\n    const resolvedDefaultState = useResponsiveValue(defaultState as any);\n\n    // Honor state/defaultState on mount when uncontrolled\n    const didInitRef = React.useRef(false);\n    React.useEffect(() => {\n      if (didInitRef.current) return;\n      if (!shell.currentBreakpointReady) return;\n      didInitRef.current = true;\n      // Controlled state may be responsive; use resolved value\n      if (typeof state !== 'undefined' && resolvedState) {\n        if (shell.sidebarMode !== resolvedState) shell.setSidebarMode(resolvedState);\n        return;\n      }\n      if (typeof defaultState !== 'undefined') {\n        const initialState = (resolvedDefaultState ?? defaultState) as SidebarMode;\n        if (shell.sidebarMode !== initialState) {\n          shell.setSidebarMode(initialState);\n        }\n        onStateChange?.(initialState, { reason: 'init' });\n        return;\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [shell.currentBreakpointReady, resolvedDefaultState, resolvedState, state, defaultState]);\n\n    // Sync controlled state (responsive-aware)\n    React.useEffect(() => {\n      if (resolvedState === undefined) return;\n      if (shell.sidebarMode !== resolvedState) shell.setSidebarMode(resolvedState);\n    }, [resolvedState, shell.sidebarMode]);\n\n    // Emit mode changes\n    const lastNotifyModeRef = React.useRef<SidebarMode | null>(null);\n    React.useEffect(() => {\n      // notify new API when uncontrolled; skip first run to avoid masking init\n      if (typeof state === 'undefined') {\n        if (lastNotifyModeRef.current === null) {\n          lastNotifyModeRef.current = shell.sidebarMode as SidebarMode;\n        } else if (lastNotifyModeRef.current !== shell.sidebarMode) {\n          lastNotifyModeRef.current = shell.sidebarMode as SidebarMode;\n          onStateChange?.(shell.sidebarMode as SidebarMode, { reason: 'toggle' });\n        }\n      }\n    }, [shell.sidebarMode, state, onStateChange]);\n\n    // Emit expand/collapse events\n    React.useEffect(() => {\n      if (shell.sidebarMode === 'expanded') {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n    }, [shell.sidebarMode, onExpand, onCollapse]);\n\n    // Option A: thin is width-only; content remains visible whenever not collapsed\n    const isContentVisible = shell.sidebarMode !== 'collapsed';\n\n    // Default persistence if paneId provided and none supplied (fixed only)\n    const persistenceAdapter = React.useMemo(() => {\n      if (!paneId || persistence) return persistence;\n      const key = `kookie-ui:shell:sidebar:${paneId}`;\n      const adapter: PaneSizePersistence = {\n        load: () => {\n          if (typeof window === 'undefined') return undefined;\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        },\n        save: (size: number) => {\n          if (typeof window === 'undefined') return;\n          window.localStorage.setItem(key, String(size));\n        },\n      };\n      return adapter;\n    }, [paneId, persistence]);\n\n    React.useEffect(() => {\n      let mounted = true;\n      (async () => {\n        if (!resizable || !persistenceAdapter?.load || isOverlay) return;\n        const loaded = await persistenceAdapter.load();\n        if (mounted && typeof loaded === 'number' && localRef.current) {\n          localRef.current.style.setProperty('--sidebar-size', `${loaded}px`);\n          onResize?.(loaded);\n        }\n      })();\n      return () => {\n        mounted = false;\n      };\n    }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n    // Register custom toggle behavior based on toggleModes (both|single)\n    const shellForToggle = useShell();\n    const resolveDefaultSidebarMode = React.useCallback((): SidebarMode => {\n      const resolved = defaultState ?? 'expanded';\n      return resolved === 'thin' || resolved === 'expanded' ? resolved : 'expanded';\n    }, [defaultState]);\n\n    React.useEffect(() => {\n      if (!shellForToggle.setSidebarToggleComputer) return;\n      const strategy: 'both' | 'single' = toggleModes ?? 'both';\n      const compute = (current: SidebarMode): SidebarMode => {\n        if (strategy === 'both') {\n          if (current === 'collapsed') return 'thin';\n          if (current === 'thin') return 'expanded';\n          return 'collapsed';\n        }\n        const target = resolveDefaultSidebarMode();\n        if (current === 'collapsed') return target;\n        if (current === target) return 'collapsed';\n        return target;\n      };\n      shellForToggle.setSidebarToggleComputer(compute);\n      return () => {\n        shellForToggle.setSidebarToggleComputer?.((cur) => (cur === 'collapsed' ? 'thin' : cur === 'thin' ? 'expanded' : 'collapsed'));\n      };\n    }, [shellForToggle, toggleModes, resolveDefaultSidebarMode]);\n\n    const lastOverlayWidthRef = React.useRef<number>(expandedSize);\n    const lastOverlayModeRef = React.useRef<SidebarMode>('expanded');\n    React.useEffect(() => {\n      if (shell.sidebarMode !== 'collapsed') {\n        lastOverlayModeRef.current = shell.sidebarMode as SidebarMode;\n        lastOverlayWidthRef.current = shell.sidebarMode === 'thin' ? thinSize : expandedSize;\n      }\n    }, [shell.sidebarMode, thinSize, expandedSize]);\n\n    // Remove responsive default mode behavior entirely\n\n    const handleEl =\n      resizable && !isOverlay && shell.sidebarMode === 'expanded' ? (\n        <PaneResizeContext.Provider\n          value={{\n            containerRef: localRef,\n            cssVarName: '--sidebar-size',\n            minSize,\n            maxSize,\n            defaultSize: expandedSize,\n            orientation: 'vertical',\n            edge: 'end',\n            computeNext: (client, startClient, startSize) => {\n              const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n              const delta = client - startClient;\n              return startSize + (isRtl ? -delta : delta);\n            },\n            onResize,\n            onResizeStart,\n            onResizeEnd: (size) => {\n              onResizeEnd?.(size);\n              emitSizeChange(size, { reason: 'resize' });\n              persistenceAdapter?.save?.(size);\n            },\n            target: 'sidebar',\n            collapsible,\n            snapPoints,\n            snapTolerance: snapTolerance ?? 8,\n            collapseThreshold,\n            requestCollapse: () => shell.setSidebarMode('collapsed'),\n            requestToggle: () => shell.togglePane('sidebar'),\n          }}\n        >\n          {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n        </PaneResizeContext.Provider>\n      ) : null;\n\n    // Strip new API props from DOM\n    const { state: _s, defaultState: _ds, onStateChange: _osc, size: _sz, defaultSize: _dsz, onSizeChange: _onsc, sizeUpdate: _szu, sizeUpdateMs: _szums, ...domProps } = props as any;\n\n    // Normalize CSS lengths to px\n    const normalizeToPx = React.useCallback((value: number | string | undefined): number | undefined => {\n      if (value == null) return undefined;\n      if (typeof value === 'number' && Number.isFinite(value)) return value;\n      const str = String(value).trim();\n      if (!str) return undefined;\n      if (str.endsWith('px')) return Number.parseFloat(str);\n      if (str.endsWith('rem')) {\n        const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize || '16') || 16;\n        return Number.parseFloat(str) * rem;\n      }\n      if (str.endsWith('%')) {\n        const pct = Number.parseFloat(str);\n        const base = document.documentElement.clientWidth || window.innerWidth || 0;\n        return (pct / 100) * base;\n      }\n      const n = Number.parseFloat(str);\n      return Number.isFinite(n) ? n : undefined;\n    }, []);\n\n    // Apply defaultSize on mount when uncontrolled\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      const { size, defaultSize } = props as any;\n      if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n        const px = normalizeToPx(defaultSize);\n        if (typeof px === 'number' && Number.isFinite(px)) {\n          const minPx = typeof minSize === 'number' ? minSize : undefined;\n          const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n          const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n          localRef.current.style.setProperty('--sidebar-size', `${clamped}px`);\n          emitSizeChange(clamped, { reason: 'init' });\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Controlled size sync\n    React.useEffect(() => {\n      if (!localRef.current) return;\n      const { size } = props as any;\n      if (typeof size === 'undefined') return;\n      const px = normalizeToPx(size);\n      if (typeof px === 'number' && Number.isFinite(px)) {\n        const minPx = typeof minSize === 'number' ? minSize : undefined;\n        const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n        const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n        localRef.current.style.setProperty('--sidebar-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'controlled' });\n      }\n    }, [(props as any).size, minSize, maxSize, normalizeToPx, emitSizeChange]);\n\n    if (isOverlay) {\n      const open = shell.sidebarMode !== 'collapsed';\n      return (\n        <Sheet.Root open={open} onOpenChange={(o) => shell.setSidebarMode(o ? 'expanded' : 'collapsed')}>\n          <Sheet.Content\n            side=\"start\"\n            style={{ padding: 0 }}\n            width={{\n              initial: `${open ? (shell.sidebarMode === 'thin' ? thinSize : expandedSize) : lastOverlayWidthRef.current}px`,\n            }}\n          >\n            <VisuallyHidden>\n              <Sheet.Title>Navigation</Sheet.Title>\n            </VisuallyHidden>\n            {contentChildren}\n          </Sheet.Content>\n        </Sheet.Root>\n      );\n    }\n    return (\n      <div\n        {...domProps}\n        ref={setRef}\n        className={classNames('rt-ShellSidebar', className)}\n        data-mode={shell.sidebarMode}\n        data-peek={shell.peekTarget === 'sidebar' || undefined}\n        data-presentation={shell.currentBreakpointReady ? resolvedPresentation : undefined}\n        data-open={(shell.currentBreakpointReady && isStacked && isContentVisible) || undefined}\n        style={{\n          ...style,\n          ['--sidebar-size' as any]: `${expandedSize}px`,\n          ['--sidebar-thin-size' as any]: `${thinSize}px`,\n          ['--sidebar-min-size' as any]: `${minSize}px`,\n          ['--sidebar-max-size' as any]: `${maxSize}px`,\n          ...(shell.peekTarget === 'sidebar' && shell.sidebarMode === 'collapsed' && !isOverlay\n            ? (() => {\n                const strategy: 'both' | 'single' = toggleModes ?? 'both';\n                const current = shell.sidebarMode as SidebarMode;\n                let next: SidebarMode;\n                if (strategy === 'both') {\n                  next = current === 'collapsed' ? 'thin' : current === 'thin' ? 'expanded' : 'collapsed';\n                } else {\n                  const target = resolveDefaultSidebarMode();\n                  next = current === 'collapsed' ? target : 'collapsed';\n                }\n                if (next === 'thin') {\n                  return {\n                    ['--peek-sidebar-width' as any]: `${thinSize}px`,\n                  } as React.CSSProperties;\n                }\n                return {\n                  ['--peek-sidebar-width' as any]: `var(--sidebar-size, ${expandedSize}px)`,\n                } as React.CSSProperties;\n              })()\n            : {}),\n        }}\n      >\n        <div className=\"rt-ShellSidebarContent\" data-visible={isContentVisible || undefined}>\n          {contentChildren}\n        </div>\n        {handleEl}\n      </div>\n    );\n  },\n) as SidebarComponent;\n\nSidebar.displayName = 'Shell.Sidebar';\nSidebar.Handle = SidebarHandle;\n"],
+  "mappings": "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",
+  "names": ["shell_sidebar_exports", "__export", "Sidebar", "__toCommonJS", "React", "import_classnames", "Sheet", "import_visually_hidden", "import_shell_context", "import_shell_hooks", "import_shell_resize", "import_shell_handles", "import_shell_types", "className", "presentation", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "thinSize", "toggleModes", "state", "defaultState", "onStateChange", "props", "ref", "shell", "resolvedPresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "contentChildren", "emitSizeChange", "cb", "strategy", "ms", "t", "s", "meta", "last", "now", "sidebarId", "wasControlledRef", "isControlled", "resolvedState", "resolvedDefaultState", "didInitRef", "initialState", "lastNotifyModeRef", "isContentVisible", "persistenceAdapter", "key", "v", "size", "mounted", "loaded", "shellForToggle", "resolveDefaultSidebarMode", "resolved", "compute", "current", "target", "cur", "lastOverlayWidthRef", "lastOverlayModeRef", "handleEl", "client", "startClient", "startSize", "isRtl", "delta", "i", "_s", "_ds", "_osc", "_sz", "_dsz", "_onsc", "_szu", "_szums", "domProps", "normalizeToPx", "value", "str", "rem", "pct", "base", "n", "defaultSize", "px", "clamped", "open", "o", "classNames", "next"]
 }

package/dist/cjs/components/chatbar.d.ts

@@ -59,6 +59,13 @@ interface ChatbarRootBaseProps {
     }) => void;
     size?: '1' | '2' | '3';
     variant?: 'surface' | 'outline' | 'classic' | 'ghost' | 'soft';
+    /** Accent color for the control (matches TextArea) */
+    color?: string;
+    /** Optional radius override (matches TextArea) */
+    radius?: string | number;
+    /** Panel/material translucency flags (matches TextArea) */
+    panelBackground?: 'solid' | 'translucent';
+    material?: 'solid' | 'translucent';
     width?: React.CSSProperties['width'];
     maxWidth?: React.CSSProperties['maxWidth'];
     asChild?: boolean;
@@ -200,6 +207,6 @@ interface SendProps extends Omit<IconButtonProps, 'size'> {
     clearOnSend?: boolean;
 }
 declare const Send: React.ForwardRefExoticComponent<SendProps & React.RefAttributes<HTMLButtonElement>>;
-export { Root, Textarea, InlineStart, InlineEnd, AttachmentsRow, Attachment, AttachTrigger, Row, RowStart, RowEnd, Send, };
-export type { RootProps as ChatbarRootProps, TextareaProps as ChatbarTextareaProps, RowProps as ChatbarRowProps, SendProps as ChatbarSendProps, ChatbarAttachment, };
+export { Root, Textarea, InlineStart, InlineEnd, AttachmentsRow, Attachment, AttachTrigger, Row, RowStart, RowEnd, Send };
+export type { RootProps as ChatbarRootProps, TextareaProps as ChatbarTextareaProps, RowProps as ChatbarRowProps, SendProps as ChatbarSendProps, ChatbarAttachment };
 //# sourceMappingURL=chatbar.d.ts.map

package/dist/cjs/components/chatbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbar.d.ts","sourceRoot":"","sources":["../../../src/components/chatbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"chatbar.d.ts","sourceRoot":"","sources":["../../../src/components/chatbar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/chatbar.js

@@ -1,2 +1,2 @@
-"use strict";var qe=Object.create;var ie=Object.defineProperty;var Ye=Object.getOwnPropertyDescriptor;var Ge=Object.getOwnPropertyNames;var _e=Object.getPrototypeOf,Je=Object.prototype.hasOwnProperty;var Qe=(t,n)=>{for(var s in n)ie(t,s,{get:n[s],enumerable:!0})},He=(t,n,s,m)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of Ge(n))!Je.call(t,l)&&l!==s&&ie(t,l,{get:()=>n[l],enumerable:!(m=Ye(n,l))||m.enumerable});return t};var Fe=(t,n,s)=>(s=t!=null?qe(_e(t)):{},He(n||!t||!t.__esModule?ie(s,"default",{value:t,enumerable:!0}):s,t)),Xe=t=>He(ie({},"__esModule",{value:!0}),t);var Ze={};Qe(Ze,{AttachTrigger:()=>Te,Attachment:()=>ce,AttachmentsRow:()=>we,InlineEnd:()=>Pe,InlineStart:()=>Re,Root:()=>xe,Row:()=>Ee,RowEnd:()=>Me,RowStart:()=>Se,Send:()=>Oe,Textarea:()=>Ae});module.exports=Xe(Ze);var e=Fe(require("react")),S=Fe(require("classnames")),ge=require("./icon-button.js"),me=require("./icons.js"),ae=require("./flex.js"),De=require("./scroll-area.js"),H=require("./slot.js"),ve=require("./card.js"),le=require("./text.js"),ke=require("react-dropzone");const ze=typeof window<"u"?e.useLayoutEffect:e.useEffect,Ie=e.createContext(null),D=()=>{const t=e.useContext(Ie);if(!t)throw new Error("Chatbar context not found. Wrap parts in <Chatbar.Root>.");return t},xe=e.forwardRef((t,n)=>{const{className:s,style:m,children:l,value:u,defaultValue:y="",onValueChange:p,open:d,defaultOpen:r=!1,onOpenChange:x,expandOn:T="both",minLines:A=1,maxLines:R=6,sendMode:P="whenDirty",disabled:k,readOnly:Y,onSubmit:F,size:O="2",variant:j,width:U,maxWidth:K,asChild:N,attachments:W,defaultAttachments:oe=[],onAttachmentsChange:$,accept:G,multiple:_=!0,maxAttachments:V,maxFileSize:M,paste:se=!0,pasteAccept:B,clearOnSubmit:L=!0,onAttachmentReject:h,dropzone:z=!0,...de}=t,J=u!=null,[ue,pe]=e.useState(y),a=J?u:ue,c=d!=null,[g,v]=e.useState(r),E=c?d:g,Q=e.useRef(null),he=e.useRef(null),q="attachments"in t,[X,Z]=e.useState(oe),I=q?W??[]:X,ee=e.useRef(new Set),fe=o=>Array.isArray(o)?o:typeof o=="string"?o.split(",").map(i=>i.trim()):[],te=fe(G),Le=fe(B).length>0?fe(B):te,be=(o,i)=>{if(i.length===0)return!0;const f=o.type.toLowerCase(),w=o.name.toLowerCase();for(const b of i){const C=b.toLowerCase();if(C.includes("/")){const[re,ye]=C.split("/"),[ne,$e]=f.split("/");if(re==="*"||re===ne&&(ye==="*"||ye===$e))return!0}else if(C.startsWith(".")&&w.endsWith(C))return!0}return!1},je=o=>{const i=[],f=[],w=typeof V=="number"?Math.max(V-I.length,0):1/0;for(const b of o){if(i.length>=w){f.push({file:b,reason:"count"});continue}if(typeof M=="number"&&b.size>M){f.push({file:b,reason:"size"});continue}if(!be(b,te)){f.push({file:b,reason:"type"});continue}const C=`${Date.now()}-${Math.random().toString(36).slice(2,8)}`,re=/\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(b.name),ne=(b.type||"").toLowerCase().startsWith("image/")||re?URL.createObjectURL(b):void 0;ne&&ee.current.add(ne),i.push({id:C,name:b.name,size:b.size,type:b.type,file:b,url:ne,status:"idle"})}return{accepted:i,rejected:f}},Ce=o=>{const{accepted:i,rejected:f}=je(o);if(i.length>0){const w=I.concat(i);q||Z(w),$?.(w)}f.length>0&&h?.(f)},We=o=>{const i=C=>Le.length===0?be(C,te):be(C,Le),f=[],w=[],b=typeof V=="number"?Math.max(V-I.length,0):1/0;for(const C of o){if(f.length>=b){w.push({file:C,reason:"count"});continue}if(typeof M=="number"&&C.size>M){w.push({file:C,reason:"size"});continue}if(!i(C)){w.push({file:C,reason:"type"});continue}f.push(C)}f.length>0&&Ce(f),w.length>0&&h?.(w)};e.useEffect(()=>{const o=new Set(I.map(i=>i.url).filter(Boolean));for(const i of Array.from(ee.current))o.has(i)||(URL.revokeObjectURL(i),ee.current.delete(i))},[I]),e.useEffect(()=>()=>{for(const o of Array.from(ee.current))URL.revokeObjectURL(o);ee.current.clear()},[]);const Ve=N?H.Slot:"div",Be=e.useCallback(o=>{const i=o.relatedTarget,f=Q.current;f&&(i&&f.contains(i)||(a?.trim?.()??"").length===0&&(c||v(!1),x?.(!1)))},[c,x,a]),{getRootProps:Ue,getInputProps:Ke,isDragActive:Ne}=(0,ke.useDropzone)({onDrop:(o,i)=>{if(o.length>0&&Ce(o),i.length>0&&h){const f=i.map(({file:w,errors:b})=>{const C=b[0]?.code==="file-too-large"?"size":b[0]?.code==="file-invalid-type"?"type":"count";return{file:w,reason:C}});h(f)}},accept:te.length>0?te.reduce((o,i)=>(i.includes("/")?o[i]=[]:i.startsWith(".")&&(o[i]=[]),o),{}):void 0,multiple:_,maxSize:M,noClick:!0,noKeyboard:!0,disabled:!z||k});return e.createElement(Ie.Provider,{value:{open:E,setOpen:o=>{c||v(o),x?.(o)},isOpenControlled:c,value:a,setValue:o=>{J||pe(o),p?.(o)},isValueControlled:J,size:O,expandOn:T,minLines:A,maxLines:R,sendMode:P,disabled:k,readOnly:Y,onSubmit:F,rootRef:Q,textareaRef:he,attachments:I,setAttachments:o=>{q||Z(o),$?.(o)},isAttachmentsControlled:q,accept:G,multiple:_,maxAttachments:V,maxFileSize:M,paste:se,pasteAccept:B,clearOnSubmit:L,onAttachmentReject:h,dropzone:z,appendFiles:Ce,appendFilesFromPaste:We}},e.createElement(Ve,{...de,ref:o=>{typeof n=="function"?n(o):n&&(n.current=o),Q.current=o},className:(0,S.default)("rt-ChatbarRoot",`rt-r-size-${O}`,s),style:{position:"relative",width:U,maxWidth:K,...m},"data-state":E?"open":"closed","data-disabled":k?"":void 0,"data-readonly":Y?"":void 0,"data-drop-active":z&&Ne?"":void 0,"aria-expanded":E,onBlurCapture:Be},z&&e.createElement("input",{...Ke()}),e.createElement("div",{...z?Ue():{},style:{width:"100%",height:"100%"}},e.createElement(ve.Card,{className:"rt-ChatbarCard",size:Math.min(3,Number(O)+1).toString(),variant:j,style:{position:"relative"}},e.createElement("div",{className:"rt-ChatbarGrid"},l),z&&Ne&&e.createElement("div",{className:"rt-ChatbarDropOverlay"},e.createElement("div",{className:"rt-ChatbarDropContent"},e.createElement(le.Text,{color:"gray",size:O,weight:"medium"},"Drop files here to attach")))))))});xe.displayName="Chatbar.Root";const Ae=e.forwardRef((t,n)=>{const{className:s,style:m,asChild:l,onFocus:u,onInput:y,onChange:p,onPaste:d,onKeyDown:r,submitOnEnter:x=!1,rows:T,...A}=t,R=D(),{open:P,minLines:k,maxLines:Y,expandOn:F,disabled:O,readOnly:j,setOpen:U,setValue:K,textareaRef:N,value:W,isValueControlled:oe,sendMode:$,paste:G,appendFilesFromPaste:_,size:V}=R,M=e.useRef(0),se=e.useRef(0),B=e.useRef(0),L=e.useCallback(()=>{const a=N.current;if(!a)return;const c=window.getComputedStyle(a),g=parseFloat(c.lineHeight)||20,v=parseFloat(c.paddingTop)||0,E=parseFloat(c.paddingBottom)||0;M.current=g,se.current=v+E,B.current=Math.ceil(1*g)+v+E},[N]),h=e.useCallback(a=>{const c=N.current;if(!c)return;c.style.height="auto",M.current===0&&L();const g=M.current,v=se.current,E=a??P,Q=E?k:1,he=E?Y:1,q=Math.ceil(Q*g)+v,X=Math.ceil(he*g)+v,Z=Math.max(c.scrollHeight,q),I=Math.min(Z,X);c.style.height=`${I}px`,Z>X?(c.style.overflowY="auto",c.style.maxHeight=`${X}px`):(c.style.overflowY="hidden",c.style.maxHeight="none")},[P,k,Y,N,L]);ze(()=>{h()},[h,W,P]),ze(()=>{L(),h()},[L,h,V]),e.useEffect(()=>{const a=N.current;if(!a||typeof ResizeObserver>"u")return;let c=M.current;const g=new ResizeObserver(()=>{const v=window.getComputedStyle(a),E=parseFloat(v.lineHeight)||20;E!==c&&(c=E,L(),requestAnimationFrame(()=>h()))});return g.observe(a),()=>g.disconnect()},[N,L,h]),e.useEffect(()=>{},[]);const z=e.useCallback(a=>{O||j||((F==="focus"||F==="both")&&!P&&U(!0),u?.(a))},[O,j,F,P,U,u]),de=e.useCallback(a=>{const c=a.currentTarget,g=c.value;K(g),(F==="overflow"||F==="both")&&!P&&(c.style.height="auto",B.current===0&&L(),c.scrollHeight>B.current+1&&(U(!0),h(!0),requestAnimationFrame(()=>h(!0)))),requestAnimationFrame(()=>h()),p?.(a)},[F,P,U,K,p,h,L]),J=e.useCallback(a=>{if(G){const g=Array.from(a.clipboardData?.items??[]).filter(v=>v.kind==="file").map(v=>v.getAsFile()).filter(v=>!!v);g.length>0&&_(g)}setTimeout(()=>{P?h():h(!0)},0),d?.(a)},[G,P,h,d,_]),ue=e.useCallback(a=>{if(!x){r?.(a);return}if(a.key==="Enter"&&!a.shiftKey&&!a.altKey&&!a.ctrlKey&&!a.metaKey&&!a.nativeEvent.isComposing){if(O||j){r?.(a);return}if($==="never"){r?.(a);return}const g=W.trim().length>0||R.attachments.length>0;if($==="whenDirty"&&!g){r?.(a);return}a.preventDefault(),R.onSubmit?.({value:W,attachments:R.attachments}),R.clearOnSubmit&&(oe||K(""),R.setAttachments([]))}r?.(a)},[x,O,j,$,W,oe,K,R,r]),pe=l?H.Slot:"textarea";return e.createElement("div",{className:(0,S.default)("rt-ChatbarField","rt-ChatbarTextarea",s)},e.createElement(pe,{...A,ref:a=>{typeof n=="function"?n(a):n&&(n.current=a),N.current=a},className:"rt-ChatbarInput",value:W,onInput:y,onChange:de,onFocus:z,onPaste:J,onKeyDown:ue,disabled:O,readOnly:j,rows:P?k:1,spellCheck:A.spellCheck??!0,autoCorrect:A.autoCorrect??"on",style:m}))});Ae.displayName="Chatbar.Textarea";const Re=e.forwardRef((t,n)=>{const{children:s,asChild:m,style:l,className:u,...y}=t;return D().open?null:e.createElement(m?H.Slot:"div",{...y,ref:n,className:(0,S.default)("rt-ChatbarInlineStart",u),style:l},s)});Re.displayName="Chatbar.InlineStart";const Pe=e.forwardRef((t,n)=>{const{children:s,asChild:m,style:l,className:u,...y}=t;return D().open?null:e.createElement(m?H.Slot:"div",{...y,ref:n,className:(0,S.default)("rt-ChatbarInlineEnd",u),style:l},s)});Pe.displayName="Chatbar.InlineEnd";const we=e.forwardRef((t,n)=>{const{asChild:s,forceMount:m,renderAttachment:l,className:u,style:y,...p}=t,d=D();return!(d.attachments.length>0)&&!m?null:e.createElement(s?H.Slot:"div",{...p,ref:n,className:(0,S.default)("rt-ChatbarAttachmentsRow",u),style:y,role:"list","aria-label":p["aria-label"]??"Attachments"},e.createElement(De.ScrollArea,{className:"rt-ChatbarScrollArea",scrollbars:"horizontal",size:"1"},e.createElement(ae.Flex,{align:"center",gap:"2",style:{minWidth:"fit-content"}},d.attachments.map(T=>e.createElement(ce,{key:T.id,attachment:T,asChild:!!l},l?.(T))))))});we.displayName="Chatbar.AttachmentsRow";const ce=e.forwardRef((t,n)=>{const{attachment:s,asChild:m,className:l,style:u,children:y,...p}=t,d=D(),r=m?H.Slot:"div",x=!!s.url&&s.type.startsWith("image/");return e.createElement(r,{...p,ref:n,className:(0,S.default)("rt-ChatbarAttachment",l),style:u,role:"listitem","data-kind":x?"image":"file",title:s.name},y??e.createElement(ve.Card,{size:d.size,variant:"soft"},e.createElement(ae.Flex,{align:"center",gap:"3",pr:x?void 0:"6"},e.createElement("div",{className:"rt-ChatbarAttachmentPreview","aria-hidden":!0},x?e.createElement("img",{className:"rt-ChatbarAttachmentImage",src:s.url,alt:""}):e.createElement(me.FileTextIcon,null)),!x&&e.createElement(ae.Flex,{direction:"column",gap:"0",style:{minWidth:0}},e.createElement(le.Text,{size:d.size,weight:"medium",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},s.name),e.createElement(le.Text,{size:"1",color:"gray"},Math.ceil(s.size/1024)," KB")),e.createElement(ge.IconButton,{className:"rt-ChatbarAttachmentRemove","aria-label":`Remove ${s.name}`,size:"1",variant:"classic",highContrast:!0,color:"gray",onClick:()=>d.setAttachments(d.attachments.filter(T=>T.id!==s.id))},e.createElement(me.CloseIcon,null)))))});ce.displayName="Chatbar.Attachment";const Te=e.forwardRef((t,n)=>{const{asChild:s,accept:m,multiple:l,className:u,style:y,...p}=t,d=D(),r=e.useRef(null),x=s?H.Slot:"button",T=(Array.isArray(m)?m:m?.split(",")??[]).join(",");return e.createElement(e.Fragment,null,e.createElement(x,{...p,ref:n,className:(0,S.default)("rt-ChatbarAttachTrigger",u),style:y,type:p.type??"button","aria-label":p["aria-label"]??"Add attachments",onClick:A=>{r.current&&r.current.click(),p.onClick?.(A)}}),e.createElement("input",{ref:r,type:"file",accept:T,multiple:l??d.multiple,tabIndex:-1,style:{display:"none"},onChange:A=>{const R=Array.from(A.currentTarget.files??[]);R.length>0&&d.appendFiles(R),A.currentTarget.value=""}}))});Te.displayName="Chatbar.AttachTrigger";const Ee=e.forwardRef((t,n)=>{const{asChild:s,children:m,className:l,style:u,...y}=t;return D().open?e.createElement(s?H.Slot:"div",{...y,ref:n,className:(0,S.default)("rt-ChatbarRow",l),style:u},e.createElement(ae.Flex,{align:"center",justify:"between",width:"100%"},m)):null});Ee.displayName="Chatbar.Row";const Se=e.forwardRef((t,n)=>{const{className:s,style:m,...l}=t;return e.createElement("div",{...l,ref:n,className:(0,S.default)("rt-ChatbarRowStart",s),style:m})});Se.displayName="Chatbar.RowStart";const Me=e.forwardRef((t,n)=>{const{className:s,style:m,...l}=t;return e.createElement("div",{...l,ref:n,className:(0,S.default)("rt-ChatbarRowEnd",s),style:m})});Me.displayName="Chatbar.RowEnd";const Oe=e.forwardRef((t,n)=>{const{asChild:s,clearOnSend:m=!0,disabled:l,children:u,className:y,style:p,...d}=t,r=D(),T=r.value.trim().length>0||r.attachments.length>0,A=r.sendMode==="always"||r.sendMode==="whenDirty"&&T;if(r.sendMode==="never")return null;const R=P=>{r.disabled||r.readOnly||(r.onSubmit?.({value:r.value,attachments:r.attachments}),m&&(r.isValueControlled||r.setValue(""),r.clearOnSubmit&&r.setAttachments([])),d.onClick?.(P))};return e.createElement(ge.IconButton,{...d,ref:n,size:r.size,variant:r.open?"solid":"ghost",disabled:l||r.disabled||r.readOnly,className:(0,S.default)("rt-ChatbarSend",y),style:{opacity:A?1:0,pointerEvents:A?"auto":"none",...p},asChild:s,onClick:R,"aria-label":d["aria-label"]??"Send"},u??"Send")});Oe.displayName="Chatbar.Send";
+"use strict";var et=Object.create;var ce=Object.defineProperty;var tt=Object.getOwnPropertyDescriptor;var nt=Object.getOwnPropertyNames;var at=Object.getPrototypeOf,ot=Object.prototype.hasOwnProperty;var rt=(a,o)=>{for(var r in o)ce(a,r,{get:o[r],enumerable:!0})},je=(a,o,r,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of nt(o))!ot.call(a,c)&&c!==r&&ce(a,c,{get:()=>o[c],enumerable:!(d=tt(o,c))||d.enumerable});return a};var Be=(a,o,r)=>(r=a!=null?et(at(a)):{},je(o||!a||!a.__esModule?ce(r,"default",{value:a,enumerable:!0}):r,a)),st=a=>je(ce({},"__esModule",{value:!0}),a);var it={};rt(it,{AttachTrigger:()=>Se,Attachment:()=>de,AttachmentsRow:()=>Oe,InlineEnd:()=>Te,InlineStart:()=>Ee,Root:()=>Re,Row:()=>Me,RowEnd:()=>Ne,RowStart:()=>Le,Send:()=>Fe,Textarea:()=>Pe});module.exports=st(it);var e=Be(require("react")),T=Be(require("classnames")),we=require("./icon-button.js"),me=require("./icons.js"),ae=require("./flex.js"),Ve=require("./scroll-area.js"),D=require("./slot.js"),Ue=require("./box.js"),ct=require("./card.js"),ue=require("./text.js"),dt=require("./inset.js"),Ke=require("react-dropzone");const Ae=typeof window<"u"?e.useLayoutEffect:e.useEffect,We=e.createContext(null),W=()=>{const a=e.useContext(We);if(!a)throw new Error("Chatbar context not found. Wrap parts in <Chatbar.Root>.");return a},Re=e.forwardRef((a,o)=>{const{className:r,style:d,children:c,value:f,defaultValue:x="",onValueChange:h,open:l,defaultOpen:s=!1,onOpenChange:A,expandOn:P="both",minLines:O=1,maxLines:m=6,sendMode:b="whenDirty",disabled:N,readOnly:G,onSubmit:S,size:F="2",variant:V,color:H,radius:U,panelBackground:M,material:z,width:oe,maxWidth:_,asChild:re,attachments:se,defaultAttachments:pe=[],onAttachmentsChange:K,accept:J,multiple:k=!0,maxAttachments:w,maxFileSize:p,paste:he=!0,pasteAccept:Q,clearOnSubmit:fe=!0,onAttachmentReject:$,dropzone:I=!0,...n}=a,u=z||M,C=f!=null,[R,L]=e.useState(x),X=C?f:R,j=l!=null,[be,q]=e.useState(s),Y=j?l:be,Z=e.useRef(null),Ce=e.useRef(null),He=e.useRef(!1),ie="attachments"in a,[$e,De]=e.useState(pe),B=ie?se??[]:$e,ee=e.useRef(new Set),ge=t=>Array.isArray(t)?t:typeof t=="string"?t.split(",").map(i=>i.trim()):[],te=ge(J),ze=ge(Q).length>0?ge(Q):te,ye=(t,i)=>{if(i.length===0)return!0;const g=t.type.toLowerCase(),E=t.name.toLowerCase();for(const y of i){const v=y.toLowerCase();if(v.includes("/")){const[le,xe]=v.split("/"),[ne,Ze]=g.split("/");if(le==="*"||le===ne&&(xe==="*"||xe===Ze))return!0}else if(v.startsWith(".")&&E.endsWith(v))return!0}return!1},qe=t=>{const i=[],g=[],E=typeof w=="number"?Math.max(w-B.length,0):1/0;for(const y of t){if(i.length>=E){g.push({file:y,reason:"count"});continue}if(typeof p=="number"&&y.size>p){g.push({file:y,reason:"size"});continue}if(!ye(y,te)){g.push({file:y,reason:"type"});continue}const v=`${Date.now()}-${Math.random().toString(36).slice(2,8)}`,le=/\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(y.name),ne=(y.type||"").toLowerCase().startsWith("image/")||le?URL.createObjectURL(y):void 0;ne&&ee.current.add(ne),i.push({id:v,name:y.name,size:y.size,type:y.type,file:y,url:ne,status:"idle"})}return{accepted:i,rejected:g}},ve=t=>{const{accepted:i,rejected:g}=qe(t);if(i.length>0){const E=B.concat(i);ie||De(E),K?.(E),j||q(!0),A?.(!0)}g.length>0&&$?.(g)},Ye=t=>{const i=v=>ze.length===0?ye(v,te):ye(v,ze),g=[],E=[],y=typeof w=="number"?Math.max(w-B.length,0):1/0;for(const v of t){if(g.length>=y){E.push({file:v,reason:"count"});continue}if(typeof p=="number"&&v.size>p){E.push({file:v,reason:"size"});continue}if(!i(v)){E.push({file:v,reason:"type"});continue}g.push(v)}g.length>0&&ve(g),E.length>0&&$?.(E)};e.useEffect(()=>{const t=new Set(B.map(i=>i.url).filter(Boolean));for(const i of Array.from(ee.current))t.has(i)||(URL.revokeObjectURL(i),ee.current.delete(i))},[B]),e.useEffect(()=>()=>{for(const t of Array.from(ee.current))URL.revokeObjectURL(t);ee.current.clear()},[]);const Ge=re?D.Slot:"div",_e=e.useCallback(t=>{const i=t.relatedTarget,g=Z.current;g&&(i&&g.contains(i)||He.current||(X?.trim?.()??"").length===0&&B.length===0&&(j||q(!1),A?.(!1)))},[j,A,X,B]),{getRootProps:Je,getInputProps:Qe,isDragActive:ke}=(0,Ke.useDropzone)({onDrop:(t,i)=>{if(t.length>0&&ve(t),i.length>0&&$){const g=i.map(({file:E,errors:y})=>{const v=y[0]?.code==="file-too-large"?"size":y[0]?.code==="file-invalid-type"?"type":"count";return{file:E,reason:v}});$(g)}},accept:te.length>0?te.reduce((t,i)=>(i.includes("/")?t[i]=[]:i.startsWith(".")&&(t[i]=[]),t),{}):void 0,multiple:k,maxSize:p,noClick:!0,noKeyboard:!0,disabled:!I||N}),Ie=e.useCallback(t=>{if(!(t instanceof Element))return!1;const i=t;return i.closest(".rt-ChatbarDropOverlay")?!0:!!i.closest('button, [role="button"], a[href], input, textarea, select, [contenteditable], [tabindex]:not([tabindex="-1"])')},[]),Xe=e.useCallback(t=>{N||Ie(t.target)||t.pointerType==="mouse"&&t.button!==0||(t.preventDefault(),Ce.current?.focus({preventScroll:!0}))},[N,Ie,Ce]);return e.createElement(We.Provider,{value:{open:Y,setOpen:t=>{j||q(t),A?.(t)},isOpenControlled:j,value:X,setValue:t=>{C||L(t),h?.(t)},isValueControlled:C,size:F,expandOn:P,minLines:O,maxLines:m,sendMode:b,disabled:N,readOnly:G,onSubmit:S,rootRef:Z,textareaRef:Ce,attachments:B,setAttachments:t=>{ie||De(t),K?.(t)},isAttachmentsControlled:ie,accept:J,multiple:k,maxAttachments:w,maxFileSize:p,paste:he,pasteAccept:Q,clearOnSubmit:fe,onAttachmentReject:$,dropzone:I,appendFiles:ve,appendFilesFromPaste:Ye,fileDialogOpenRef:He}},e.createElement(Ge,{...n,ref:t=>{typeof o=="function"?o(t):o&&(o.current=t),Z.current=t},className:(0,T.default)("rt-ChatbarRoot",`rt-r-size-${F}`,r),style:{position:"relative",width:oe,maxWidth:_,...d},"data-state":Y?"open":"closed","data-disabled":N?"":void 0,"data-readonly":G?"":void 0,"data-drop-active":I&&ke?"":void 0,"data-accent-color":H,"data-radius":U,"data-panel-background":u,"data-material":u,"aria-expanded":Y,onBlurCapture:_e},I&&e.createElement("input",{...Qe()}),e.createElement("div",{...I?Je():{},style:{width:"100%",height:"100%"},onPointerDown:Xe},e.createElement(Ue.Box,{className:(0,T.default)("rt-ChatbarBox",`rt-variant-${V??"surface"}`),style:{position:"relative"},"data-accent-color":H,"data-radius":U,"data-panel-background":u,"data-material":u},e.createElement("div",{className:"rt-ChatbarGrid"},c),I&&ke&&e.createElement("div",{className:"rt-ChatbarDropOverlay"},e.createElement("div",{className:"rt-ChatbarDropContent"},e.createElement(ue.Text,{color:"gray",size:F,weight:"medium"},"Drop files here to attach")))))))});Re.displayName="Chatbar.Root";const Pe=e.forwardRef((a,o)=>{const{className:r,style:d,asChild:c,onFocus:f,onInput:x,onChange:h,onPaste:l,onKeyDown:s,submitOnEnter:A=!1,rows:P,...O}=a,m=W(),{open:b,minLines:N,maxLines:G,expandOn:S,disabled:F,readOnly:V,setOpen:H,setValue:U,textareaRef:M,value:z,isValueControlled:oe,sendMode:_,paste:re,appendFilesFromPaste:se,size:pe}=m,K=e.useRef(0),J=e.useRef(0),k=e.useRef(0),w=e.useCallback(()=>{const n=M.current;if(!n)return;const u=window.getComputedStyle(n),C=parseFloat(u.lineHeight)||20,R=parseFloat(u.paddingTop)||0,L=parseFloat(u.paddingBottom)||0;K.current=C,J.current=R+L,k.current=Math.ceil(1*C)+R+L},[M]),p=e.useCallback(n=>{const u=M.current;if(!u)return;u.style.height="auto",K.current===0&&w();const C=K.current,R=J.current,L=n??b,X=L?N:1,j=L?G:1,be=Math.ceil(X*C)+R,q=Math.ceil(j*C)+R,Y=Math.max(u.scrollHeight,be),Z=Math.min(Y,q);u.style.height=`${Z}px`,Y>q?(u.style.overflowY="auto",u.style.maxHeight=`${q}px`):(u.style.overflowY="hidden",u.style.maxHeight="none")},[b,N,G,M,w]);Ae(()=>{p()},[p,z,b]),Ae(()=>{if(!(S==="overflow"||S==="both")||b)return;const n=M.current;if(!n)return;n.style.height="auto",k.current===0&&w(),n.scrollHeight>k.current+1&&(H(!0),p(!0),requestAnimationFrame(()=>p(!0)))},[z,S,b,H,M,w,p]),Ae(()=>{w(),p()},[w,p,pe]),e.useEffect(()=>{const n=M.current;if(!n||typeof ResizeObserver>"u")return;let u=K.current;const C=new ResizeObserver(()=>{const R=window.getComputedStyle(n),L=parseFloat(R.lineHeight)||20;L!==u&&(u=L,w(),requestAnimationFrame(()=>p()))});return C.observe(n),()=>C.disconnect()},[M,w,p]),e.useEffect(()=>{},[]);const he=e.useCallback(n=>{F||V||((S==="focus"||S==="both")&&!b&&H(!0),f?.(n))},[F,V,S,b,H,f]),Q=e.useCallback(n=>{const u=n.currentTarget,C=u.value;U(C),(S==="overflow"||S==="both")&&!b&&(u.style.height="auto",k.current===0&&w(),u.scrollHeight>k.current+1&&(H(!0),p(!0),requestAnimationFrame(()=>p(!0)))),requestAnimationFrame(()=>p()),h?.(n)},[S,b,H,U,h,p,w]),fe=e.useCallback(n=>{if(re){const C=Array.from(n.clipboardData?.items??[]).filter(R=>R.kind==="file").map(R=>R.getAsFile()).filter(R=>!!R);C.length>0&&(n.preventDefault(),se(C))}setTimeout(()=>{b?p():p(!0)},0),l?.(n)},[re,b,p,l,se]),$=e.useCallback(n=>{if(!A){s?.(n);return}if(n.key==="Enter"&&!n.shiftKey&&!n.altKey&&!n.ctrlKey&&!n.metaKey&&!n.nativeEvent.isComposing){if(F||V){s?.(n);return}if(_==="never"){s?.(n);return}const C=z.trim().length>0||m.attachments.length>0;if(_==="whenDirty"&&!C){s?.(n);return}n.preventDefault(),m.onSubmit?.({value:z,attachments:m.attachments}),m.clearOnSubmit&&(oe||U(""),m.setAttachments([]))}s?.(n)},[A,F,V,_,z,oe,U,m,s]),I=c?D.Slot:"textarea";return e.createElement("div",{className:(0,T.default)("rt-ChatbarField","rt-ChatbarTextarea",r)},e.createElement(I,{...O,ref:n=>{typeof o=="function"?o(n):o&&(o.current=n),M.current=n},className:"rt-ChatbarInput",value:z,onInput:x,onChange:Q,onFocus:he,onPaste:fe,onKeyDown:$,disabled:F,readOnly:V,rows:b?N:1,spellCheck:O.spellCheck??!0,autoCorrect:O.autoCorrect??"on",style:d}))});Pe.displayName="Chatbar.Textarea";const Ee=e.forwardRef((a,o)=>{const{children:r,asChild:d,style:c,className:f,...x}=a;return W().open?null:e.createElement(d?D.Slot:"div",{...x,ref:o,className:(0,T.default)("rt-ChatbarInlineStart",f),style:c},r)});Ee.displayName="Chatbar.InlineStart";const Te=e.forwardRef((a,o)=>{const{children:r,asChild:d,style:c,className:f,...x}=a;return W().open?null:e.createElement(d?D.Slot:"div",{...x,ref:o,className:(0,T.default)("rt-ChatbarInlineEnd",f),style:c},r)});Te.displayName="Chatbar.InlineEnd";const Oe=e.forwardRef((a,o)=>{const{asChild:r,forceMount:d,renderAttachment:c,className:f,style:x,...h}=a,l=W();return!(l.attachments.length>0)&&!d?null:e.createElement(r?D.Slot:"div",{...h,ref:o,className:(0,T.default)("rt-ChatbarAttachmentsRow",f),style:x,role:"list","aria-label":h["aria-label"]??"Attachments"},e.createElement(Ve.ScrollArea,{className:"rt-ChatbarScrollArea",scrollbars:"horizontal",size:"1"},e.createElement(ae.Flex,{align:"center",gap:"2",style:{minWidth:"fit-content"}},l.attachments.map(P=>e.createElement(de,{key:P.id,attachment:P,asChild:!!c},c?.(P))))))});Oe.displayName="Chatbar.AttachmentsRow";const de=e.forwardRef((a,o)=>{const{attachment:r,asChild:d,className:c,style:f,children:x,...h}=a,l=W(),s=d?D.Slot:"div",A=!!r.url&&r.type.startsWith("image/");return e.createElement(s,{...h,ref:o,className:(0,T.default)("rt-ChatbarAttachment",c),style:f,role:"listitem","data-kind":A?"image":"file",title:r.name},x??e.createElement(ae.Flex,{align:"center",gap:"2",pr:A?void 0:"6"},e.createElement("div",{className:"rt-ChatbarAttachmentPreview","aria-hidden":!0},A?e.createElement("img",{className:"rt-ChatbarAttachmentImage",src:r.url,alt:""}):e.createElement(me.FileTextIcon,null)),!A&&e.createElement(ae.Flex,{direction:"column",gap:"0",style:{minWidth:0}},e.createElement(ue.Text,{size:l.size,weight:"medium",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},r.name),e.createElement(ue.Text,{size:"1",color:"gray"},Math.ceil(r.size/1024)," KB")),e.createElement(we.IconButton,{className:"rt-ChatbarAttachmentRemove","aria-label":`Remove ${r.name}`,size:"1",variant:"classic",highContrast:!0,color:"gray",onClick:()=>l.setAttachments(l.attachments.filter(P=>P.id!==r.id))},e.createElement(me.CloseIcon,null))))});de.displayName="Chatbar.Attachment";const Se=e.forwardRef((a,o)=>{const{asChild:r,accept:d,multiple:c,className:f,style:x,...h}=a,l=W(),s=e.useRef(null),A=r?D.Slot:"button",P=d??l.accept,O=(Array.isArray(P)?P:P?.split(",")??[]).join(",");return e.useEffect(()=>{const m=()=>{l.fileDialogOpenRef.current=!1};return window.addEventListener("focus",m),()=>window.removeEventListener("focus",m)},[l.fileDialogOpenRef]),e.createElement(e.Fragment,null,e.createElement(A,{...h,ref:o,className:(0,T.default)("rt-ChatbarAttachTrigger",f),style:x,type:h.type??"button","aria-label":h["aria-label"]??"Add attachments",onPointerDown:m=>{l.fileDialogOpenRef.current=!0,h.onPointerDown?.(m)},onMouseDown:m=>{l.fileDialogOpenRef.current=!0,h.onMouseDown?.(m)},onClick:m=>{l.fileDialogOpenRef.current=!0,s.current&&s.current.click(),h.onClick?.(m)}}),e.createElement("input",{ref:s,type:"file",accept:O,multiple:c??l.multiple,tabIndex:-1,style:{display:"none"},onChange:m=>{const b=Array.from(m.currentTarget.files??[]);b.length>0&&l.appendFiles(b),l.fileDialogOpenRef.current=!1,m.currentTarget.value=""}}))});Se.displayName="Chatbar.AttachTrigger";const Me=e.forwardRef((a,o)=>{const{asChild:r,children:d,className:c,style:f,...x}=a;return W().open?e.createElement(r?D.Slot:"div",{...x,ref:o,className:(0,T.default)("rt-ChatbarRow",c),style:f},e.createElement(ae.Flex,{align:"center",justify:"between",width:"100%"},d)):null});Me.displayName="Chatbar.Row";const Le=e.forwardRef((a,o)=>{const{className:r,style:d,...c}=a;return e.createElement("div",{...c,ref:o,className:(0,T.default)("rt-ChatbarRowStart",r),style:d})});Le.displayName="Chatbar.RowStart";const Ne=e.forwardRef((a,o)=>{const{className:r,style:d,...c}=a;return e.createElement("div",{...c,ref:o,className:(0,T.default)("rt-ChatbarRowEnd",r),style:d})});Ne.displayName="Chatbar.RowEnd";const Fe=e.forwardRef((a,o)=>{const{asChild:r,clearOnSend:d=!0,disabled:c,children:f,className:x,style:h,...l}=a,s=W(),P=s.value.trim().length>0||s.attachments.length>0,O=s.sendMode==="always"||s.sendMode==="whenDirty"&&P;if(s.sendMode==="never")return null;const m=b=>{s.disabled||s.readOnly||(s.onSubmit?.({value:s.value,attachments:s.attachments}),d&&(s.isValueControlled||s.setValue(""),s.clearOnSubmit&&s.setAttachments([])),l.onClick?.(b))};return e.createElement(we.IconButton,{...l,ref:o,size:s.size,variant:s.open?"solid":"ghost",disabled:c||s.disabled||s.readOnly,className:(0,T.default)("rt-ChatbarSend",x),style:{opacity:O?1:0,pointerEvents:O?"auto":"none",...h},asChild:r,onClick:m,"aria-label":l["aria-label"]??"Send"},f??e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-arrow-right-icon lucide-arrow-right"},e.createElement("path",{d:"M5 12h14"}),e.createElement("path",{d:"m12 5 7 7-7 7"})))});Fe.displayName="Chatbar.Send";
 //# sourceMappingURL=chatbar.js.map