@orion-ds/react 4.8.0 → 4.9.0

package/dist/index163.mjs

@@ -1,114 +1,55 @@
-import { jsxs as d, jsx as p, Fragment as A } from "react/jsx-runtime";
-import { useState as I, useRef as W, useCallback as a } from "react";
-import { Upload as $ } from "lucide-react";
-import { formatFileSize as g } from "./index277.mjs";
-import l from "./index152.mjs";
-const P = ({
-  onFilesSelected: h,
-  accept: s = ["*/*"],
-  multiple: m = !0,
-  maxSize: r = 10 * 1024 * 1024,
-  // 10MB default
-  children: D,
-  className: v,
-  ...y
-}) => {
-  const [U, f] = I(!1), i = W(null), c = a(
-    (e) => {
-      if (!e || e.length === 0) return;
-      const o = [];
-      Array.from(e).forEach((t) => {
-        if (r && t.size > r) {
-          console.warn(
-            `File ${t.name} exceeds max size of ${g(r)}`
-          );
-          return;
-        }
-        const j = s.includes("*/*"), w = s.flatMap((n) => (n.endsWith("/*"), n));
-        if (!(j || w.some((n) => {
-          if (n.endsWith("/*")) {
-            const x = n.split("/")[0];
-            return t.type.startsWith(`${x}/`);
-          }
-          return t.type === n || t.name.endsWith(n);
-        }))) {
-          console.warn(`File ${t.name} type not accepted`);
-          return;
-        }
-        o.push(t);
-      }), o.length > 0 && h?.(o);
-    },
-    [s, r, h]
-  ), C = a((e) => {
-    e.preventDefault(), e.stopPropagation(), f(!0);
-  }, []), k = a((e) => {
-    e.preventDefault(), e.stopPropagation(), f(!1);
-  }, []), F = a(
-    (e) => {
-      e.preventDefault(), e.stopPropagation(), f(!1);
-      const { files: o } = e.dataTransfer;
-      c(o);
-    },
-    [c]
-  ), N = a(
-    (e) => {
-      c(e.target.files), i.current && (i.current.value = "");
-    },
-    [c]
-  ), u = a(() => {
-    i.current?.click();
-  }, []), b = a(
-    (e) => {
-      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), u());
-    },
-    [u]
-  );
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: [
-        l.fileUpload,
-        U && l.fileUploadDragging,
-        v
-      ].filter(Boolean).join(" "),
-      onDragOver: C,
-      onDragLeave: k,
-      onDrop: F,
-      onClick: u,
-      onKeyDown: b,
-      role: "button",
-      tabIndex: 0,
-      "aria-label": "Upload files",
-      ...y,
-      children: [
-        /* @__PURE__ */ p(
-          "input",
-          {
-            ref: i,
-            type: "file",
-            accept: s.join(","),
-            multiple: m,
-            onChange: N,
-            style: { display: "none" },
-            "aria-hidden": "true"
-          }
-        ),
-        D || /* @__PURE__ */ d(A, { children: [
-          /* @__PURE__ */ p("div", { className: l.fileUploadIcon, children: /* @__PURE__ */ p($, { size: 32 }) }),
-          /* @__PURE__ */ d("div", { className: l.fileUploadText, children: [
-            /* @__PURE__ */ p("strong", { children: "Click to upload" }),
-            " or drag and drop"
-          ] }),
-          /* @__PURE__ */ d("div", { className: l.fileUploadHint, children: [
-            "Max file size: ",
-            g(r)
-          ] })
-        ] })
-      ]
-    }
-  );
+const r = "_filterBar_ldmr2_8", o = "_compact_ldmr2_19", e = "_searchWrapper_ldmr2_28", c = "_searchIcon_ldmr2_34", t = "_searchInput_ldmr2_41", _ = "_filters_ldmr2_69", n = "_filterWrapper_ldmr2_75", l = "_filterTrigger_ldmr2_79", d = "_filterActive_ldmr2_100", p = "_chevron_ldmr2_106", s = "_chevronOpen_ldmr2_110", i = "_dropdown_ldmr2_118", m = "_dropdownItem_ldmr2_133", a = "_dropdownItemSelected_ldmr2_154", h = "_checkbox_ldmr2_159", w = "_optionCount_ldmr2_177", f = "_dropdownFooter_ldmr2_183", v = "_dropdownCancel_ldmr2_192", I = "_dropdownApply_ldmr2_193", u = "_activeFilters_ldmr2_227", A = "_chip_ldmr2_237", b = "_chipLabel_ldmr2_250", g = "_chipRemove_ldmr2_257", C = "_clearAll_ldmr2_276", F = "_count_ldmr2_296", W = {
+  filterBar: r,
+  compact: o,
+  searchWrapper: e,
+  searchIcon: c,
+  searchInput: t,
+  filters: _,
+  filterWrapper: n,
+  filterTrigger: l,
+  filterActive: d,
+  chevron: p,
+  chevronOpen: s,
+  dropdown: i,
+  dropdownItem: m,
+  dropdownItemSelected: a,
+  checkbox: h,
+  optionCount: w,
+  dropdownFooter: f,
+  dropdownCancel: v,
+  dropdownApply: I,
+  activeFilters: u,
+  chip: A,
+  chipLabel: b,
+  chipRemove: g,
+  clearAll: C,
+  count: F
 };
-P.displayName = "ChatFileUpload";
 export {
-  P as ChatFileUpload
+  u as activeFilters,
+  h as checkbox,
+  p as chevron,
+  s as chevronOpen,
+  A as chip,
+  b as chipLabel,
+  g as chipRemove,
+  C as clearAll,
+  o as compact,
+  F as count,
+  W as default,
+  i as dropdown,
+  I as dropdownApply,
+  v as dropdownCancel,
+  f as dropdownFooter,
+  m as dropdownItem,
+  a as dropdownItemSelected,
+  d as filterActive,
+  r as filterBar,
+  l as filterTrigger,
+  n as filterWrapper,
+  _ as filters,
+  w as optionCount,
+  c as searchIcon,
+  t as searchInput,
+  e as searchWrapper
 };

package/dist/index164.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("lucide-react"),p=require("./index160.cjs"),P=require("./index161.cjs"),b=require("./index158.cjs"),C=require("./index277.cjs"),t=require("./index152.cjs"),w=d=>{switch(d){case"image":return e.jsx(a.Image,{size:18});case"audio":return e.jsx(a.Music,{size:18});case"code":return e.jsx(a.Code,{size:18});default:return e.jsx(a.FileText,{size:18})}},v=({attachment:d,removable:h=!1,onRemove:i,onClick:n,className:c,...o})=>{const{type:m,name:s,url:l,content:j,language:f,size:x,duration:u,thumbnail:g}=d;switch(m){case"image":if(l)return e.jsxs("div",{className:c,style:{position:"relative"},...o,children:[e.jsx(p.ChatImagePreview,{src:l,alt:s,thumbnail:g,onClick:n}),h&&i&&e.jsx("button",{className:t.default.attachmentPreviewRemove,onClick:r=>{r.stopPropagation(),i()},"aria-label":`Remove ${s}`,style:{position:"absolute",top:4,right:4,background:"var(--surface-base)"},children:e.jsx(a.X,{size:14})})]});break;case"audio":if(l)return e.jsxs("div",{className:c,style:{position:"relative"},...o,children:[e.jsx(P.ChatAudioPlayer,{src:l,duration:u,title:s}),h&&i&&e.jsx("button",{className:t.default.attachmentPreviewRemove,onClick:r=>{r.stopPropagation(),i()},"aria-label":`Remove ${s}`,children:e.jsx(a.X,{size:14})})]});break;case"code":if(j)return e.jsx(b.ChatCodeBlock,{code:j,language:f,className:c,...o});break}return e.jsxs("div",{className:[t.default.attachmentPreview,c].filter(Boolean).join(" "),onClick:n,role:n?"button":void 0,tabIndex:n?0:void 0,...o,children:[e.jsx("div",{className:t.default.attachmentPreviewIcon,children:w(m)}),e.jsxs("div",{className:t.default.attachmentPreviewInfo,children:[e.jsx("span",{className:t.default.attachmentPreviewName,children:s}),x&&e.jsxs("span",{className:t.default.attachmentPreviewMeta,children:[C.formatFileSize(x),u&&` · ${Math.floor(u/60)}:${(u%60).toString().padStart(2,"0")}`]})]}),h&&i&&e.jsx("button",{className:t.default.attachmentPreviewRemove,onClick:r=>{r.stopPropagation(),i()},"aria-label":`Remove ${s}`,children:e.jsx(a.X,{size:14})})]})};v.displayName="ChatAttachment";exports.ChatAttachment=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_container_192xs_8",n="_spinner_192xs_16",e="_spin_192xs_16",_="_xs_192xs_38",r="_sm_192xs_44",t="_md_192xs_50",l="_lg_192xs_56",o="_xl_192xs_62",a="_primary_192xs_72",c="_secondary_192xs_77",i="_neutral_192xs_82",x="_inverse_192xs_87",m="_label_192xs_96",p={container:s,spinner:n,spin:e,xs:_,sm:r,md:t,lg:l,xl:o,primary:a,secondary:c,neutral:i,inverse:x,label:m};exports.container=s;exports.default=p;exports.inverse=x;exports.label=m;exports.lg=l;exports.md=t;exports.neutral=i;exports.primary=a;exports.secondary=c;exports.sm=r;exports.spin=e;exports.spinner=n;exports.xl=o;exports.xs=_;

package/dist/index164.mjs

@@ -1,125 +1,31 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { X as u, FileText as P, Code as w, Music as z, Image as y } from "lucide-react";
-import { ChatImagePreview as C } from "./index160.mjs";
-import { ChatAudioPlayer as N } from "./index161.mjs";
-import { ChatCodeBlock as I } from "./index158.mjs";
-import { formatFileSize as k } from "./index277.mjs";
-import t from "./index152.mjs";
-const x = (d) => {
-  switch (d) {
-    case "image":
-      return /* @__PURE__ */ e(y, { size: 18 });
-    case "audio":
-      return /* @__PURE__ */ e(z, { size: 18 });
-    case "code":
-      return /* @__PURE__ */ e(w, { size: 18 });
-    default:
-      return /* @__PURE__ */ e(P, { size: 18 });
-  }
-}, $ = ({
-  attachment: d,
-  removable: h = !1,
-  onRemove: a,
-  onClick: n,
-  className: s,
-  ...c
-}) => {
-  const { type: p, name: i, url: l, content: v, language: b, size: f, duration: m, thumbnail: g } = d;
-  switch (p) {
-    case "image":
-      if (l)
-        return /* @__PURE__ */ o("div", { className: s, style: { position: "relative" }, ...c, children: [
-          /* @__PURE__ */ e(
-            C,
-            {
-              src: l,
-              alt: i,
-              thumbnail: g,
-              onClick: n
-            }
-          ),
-          h && a && /* @__PURE__ */ e(
-            "button",
-            {
-              className: t.attachmentPreviewRemove,
-              onClick: (r) => {
-                r.stopPropagation(), a();
-              },
-              "aria-label": `Remove ${i}`,
-              style: {
-                position: "absolute",
-                top: 4,
-                right: 4,
-                background: "var(--surface-base)"
-              },
-              children: /* @__PURE__ */ e(u, { size: 14 })
-            }
-          )
-        ] });
-      break;
-    case "audio":
-      if (l)
-        return /* @__PURE__ */ o("div", { className: s, style: { position: "relative" }, ...c, children: [
-          /* @__PURE__ */ e(N, { src: l, duration: m, title: i }),
-          h && a && /* @__PURE__ */ e(
-            "button",
-            {
-              className: t.attachmentPreviewRemove,
-              onClick: (r) => {
-                r.stopPropagation(), a();
-              },
-              "aria-label": `Remove ${i}`,
-              children: /* @__PURE__ */ e(u, { size: 14 })
-            }
-          )
-        ] });
-      break;
-    case "code":
-      if (v)
-        return /* @__PURE__ */ e(
-          I,
-          {
-            code: v,
-            language: b,
-            className: s,
-            ...c
-          }
-        );
-      break;
-  }
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: [t.attachmentPreview, s].filter(Boolean).join(" "),
-      onClick: n,
-      role: n ? "button" : void 0,
-      tabIndex: n ? 0 : void 0,
-      ...c,
-      children: [
-        /* @__PURE__ */ e("div", { className: t.attachmentPreviewIcon, children: x(p) }),
-        /* @__PURE__ */ o("div", { className: t.attachmentPreviewInfo, children: [
-          /* @__PURE__ */ e("span", { className: t.attachmentPreviewName, children: i }),
-          f && /* @__PURE__ */ o("span", { className: t.attachmentPreviewMeta, children: [
-            k(f),
-            m && ` · ${Math.floor(m / 60)}:${(m % 60).toString().padStart(2, "0")}`
-          ] })
-        ] }),
-        h && a && /* @__PURE__ */ e(
-          "button",
-          {
-            className: t.attachmentPreviewRemove,
-            onClick: (r) => {
-              r.stopPropagation(), a();
-            },
-            "aria-label": `Remove ${i}`,
-            children: /* @__PURE__ */ e(u, { size: 14 })
-          }
-        )
-      ]
-    }
-  );
+const s = "_container_192xs_8", _ = "_spinner_192xs_16", n = "_spin_192xs_16", e = "_xs_192xs_38", t = "_sm_192xs_44", r = "_md_192xs_50", o = "_lg_192xs_56", c = "_xl_192xs_62", x = "_primary_192xs_72", a = "_secondary_192xs_77", l = "_neutral_192xs_82", i = "_inverse_192xs_87", p = "_label_192xs_96", m = {
+  container: s,
+  spinner: _,
+  spin: n,
+  xs: e,
+  sm: t,
+  md: r,
+  lg: o,
+  xl: c,
+  primary: x,
+  secondary: a,
+  neutral: l,
+  inverse: i,
+  label: p
 };
-$.displayName = "ChatAttachment";
 export {
-  $ as ChatAttachment
+  s as container,
+  m as default,
+  i as inverse,
+  p as label,
+  o as lg,
+  r as md,
+  l as neutral,
+  x as primary,
+  a as secondary,
+  t as sm,
+  n as spin,
+  _ as spinner,
+  c as xl,
+  e as xs
 };

package/dist/index165.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),c=require("lucide-react"),t=require("./index152.cjs"),O={today:"Today",yesterday:"Yesterday",previous7:"Previous 7 days",previous30:"Previous 30 days",older:"Older"},y=["today","yesterday","previous7","previous30","older"],C=a=>{const r=new Date,u=(new Date(r.getFullYear(),r.getMonth(),r.getDate()).getTime()-new Date(a.getFullYear(),a.getMonth(),a.getDate()).getTime())/(1e3*60*60*24);return u<1?"today":u<2?"yesterday":u<7?"previous7":u<30?"previous30":"older"},P=a=>{const r=C(a);return r==="today"?new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit"}).format(a):r==="yesterday"?"Yesterday":r==="previous7"?new Intl.DateTimeFormat("en-US",{weekday:"short"}).format(a):new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric"}).format(a)},z=a=>{const r=new Map;return y.forEach(n=>r.set(n,[])),a.forEach(n=>{const b=C(n.updatedAt);r.get(b)?.push(n)}),r},S=({conversations:a=[],activeConversationId:r,onSelectConversation:n,onNewConversation:b,onDeleteConversation:u,onSearch:x,header:w,footer:N,collapsed:m=!1,onCollapsedChange:f,className:I,...D})=>{const[h,T]=d.useState(""),[p,j]=d.useState(null),o=d.useRef(void 0);d.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]);const g=d.useMemo(()=>{if(!h.trim())return a;const s=h.toLowerCase();return a.filter(l=>l.title.toLowerCase().includes(s)||l.preview?.toLowerCase().includes(s))},[a,h]),v=d.useMemo(()=>z(g),[g]),B=d.useCallback(s=>{const l=s.target.value;T(l),x?.(l)},[x]),k=d.useCallback(s=>{n?.(s),m&&f&&f(!0)},[n,m,f]),F=d.useCallback((s,l)=>{s.stopPropagation(),p===l?(u?.(l),j(null),o.current&&clearTimeout(o.current)):(j(l),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{j(null)},3e3))},[p,u]),M=y.some(s=>(v.get(s)?.length??0)>0);return e.jsxs(e.Fragment,{children:[!m&&e.jsx("div",{className:t.default.sidebarOverlay,onClick:()=>f?.(!0),"aria-hidden":"true"}),e.jsxs("aside",{className:[t.default.sidebar,m&&t.default.sidebarCollapsed,!m&&t.default.sidebarOpen,I].filter(Boolean).join(" "),...D,children:[e.jsx("div",{className:t.default.sidebarHeader,children:w||e.jsxs(e.Fragment,{children:[e.jsx("button",{className:[t.default.inputButton,t.default.inputButtonPrimary,t.default.sidebarNewButton].filter(Boolean).join(" "),onClick:b,"aria-label":"New conversation",children:e.jsxs("span",{className:t.default.sidebarNewButtonInner,children:[e.jsx(c.Plus,{size:18}),e.jsx("span",{children:"New Chat"})]})}),e.jsx("button",{className:[t.default.inputButton,t.default.sidebarCloseButton].join(" "),onClick:()=>f?.(!0),"aria-label":"Close sidebar",children:e.jsx(c.X,{size:20})})]})}),e.jsx("div",{className:t.default.sidebarSearch,children:e.jsxs("div",{className:t.default.sidebarSearchWrapper,children:[e.jsx(c.Search,{size:16,className:t.default.sidebarSearchIcon}),e.jsx("input",{type:"search",className:[t.default.sidebarSearchInput,t.default.sidebarSearchInputWithIcon].join(" "),placeholder:"Search conversations...",value:h,onChange:B,"aria-label":"Search conversations"})]})}),e.jsx("div",{className:t.default.sidebarList,role:"list","aria-label":"Conversations",children:M?y.map(s=>{const l=v.get(s)??[];return l.length===0?null:e.jsxs("div",{children:[e.jsx("div",{className:t.default.sidebarGroupHeader,children:O[s]}),l.map(i=>e.jsxs("button",{className:[t.default.sidebarItem,i.id===r&&t.default.sidebarItemActive].filter(Boolean).join(" "),onClick:()=>k(i.id),role:"listitem","aria-selected":i.id===r,"aria-label":`Conversation: ${i.title}`,children:[e.jsx(c.MessageSquare,{size:18,className:t.default.sidebarItemIcon}),e.jsxs("div",{className:t.default.sidebarItemContent,children:[e.jsx("span",{className:t.default.sidebarItemTitle,children:i.title}),i.preview&&e.jsx("span",{className:t.default.sidebarItemPreview,children:i.preview})]}),e.jsx("span",{className:t.default.sidebarItemDate,children:P(i.updatedAt)}),u&&e.jsx("button",{className:t.default.sidebarItemDelete,onClick:q=>F(q,i.id),"aria-label":p===i.id?`Confirm delete ${i.title}`:`Delete ${i.title}`,children:p===i.id?e.jsx("span",{className:t.default.sidebarItemDeleteConfirm,children:"Delete?"}):e.jsx(c.Trash2,{size:16})})]},i.id))]},s)}):e.jsxs("div",{className:t.default.sidebarEmpty,children:[e.jsx(c.MessageSquare,{size:32,className:t.default.sidebarEmptyIcon}),e.jsx("p",{children:h?"No conversations found":"No conversations yet"})]})}),N&&e.jsx("div",{className:t.default.sidebarFooter,children:N})]})]})};S.displayName="ChatSidebar";exports.ChatSidebar=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_container_1xu4i_8",e="_borderless_1xu4i_17",_="_table_1xu4i_23",o="_caption_1xu4i_32",i="_thead_1xu4i_44",n="_th_1xu4i_44",r="_alignCenter_1xu4i_59",s="_alignRight_1xu4i_63",c="_sortable_1xu4i_68",a="_sortIndicator_1xu4i_84",l="_active_1xu4i_91",d="_tbody_1xu4i_99",b="_tr_1xu4i_103",u="_td_1xu4i_113",x="_hoverable_1xu4i_131",g="_clickable_1xu4i_136",h="_striped_1xu4i_148",m="_bordered_1xu4i_160",p="_sm_1xu4i_178",v="_md_1xu4i_188",y="_lg_1xu4i_198",k="_empty_1xu4i_212",C={container:t,borderless:e,table:_,caption:o,thead:i,th:n,alignCenter:r,alignRight:s,sortable:c,sortIndicator:a,active:l,tbody:d,tr:b,td:u,hoverable:x,clickable:g,striped:h,bordered:m,sm:p,md:v,lg:y,empty:k};exports.active=l;exports.alignCenter=r;exports.alignRight=s;exports.bordered=m;exports.borderless=e;exports.caption=o;exports.clickable=g;exports.container=t;exports.default=C;exports.empty=k;exports.hoverable=x;exports.lg=y;exports.md=v;exports.sm=p;exports.sortIndicator=a;exports.sortable=c;exports.striped=h;exports.table=_;exports.tbody=d;exports.td=u;exports.th=n;exports.thead=i;exports.tr=b;

package/dist/index165.mjs

@@ -1,217 +1,49 @@
-import { jsxs as l, Fragment as C, jsx as r } from "react/jsx-runtime";
-import { useState as D, useRef as Y, useEffect as x, useMemo as S, useCallback as y } from "react";
-import { Plus as A, X as U, Search as $, MessageSquare as T, Trash2 as q } from "lucide-react";
-import e from "./index152.mjs";
-const G = {
-  today: "Today",
-  yesterday: "Yesterday",
-  previous7: "Previous 7 days",
-  previous30: "Previous 30 days",
-  older: "Older"
-}, N = [
-  "today",
-  "yesterday",
-  "previous7",
-  "previous30",
-  "older"
-], B = (t) => {
-  const a = /* @__PURE__ */ new Date(), d = (new Date(
-    a.getFullYear(),
-    a.getMonth(),
-    a.getDate()
-  ).getTime() - new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime()) / (1e3 * 60 * 60 * 24);
-  return d < 1 ? "today" : d < 2 ? "yesterday" : d < 7 ? "previous7" : d < 30 ? "previous30" : "older";
-}, H = (t) => {
-  const a = B(t);
-  return a === "today" ? new Intl.DateTimeFormat("en-US", {
-    hour: "numeric",
-    minute: "2-digit"
-  }).format(t) : a === "yesterday" ? "Yesterday" : a === "previous7" ? new Intl.DateTimeFormat("en-US", {
-    weekday: "short"
-  }).format(t) : new Intl.DateTimeFormat("en-US", {
-    month: "short",
-    day: "numeric"
-  }).format(t);
-}, Q = (t) => {
-  const a = /* @__PURE__ */ new Map();
-  return N.forEach((o) => a.set(o, [])), t.forEach((o) => {
-    const f = B(o.updatedAt);
-    a.get(f)?.push(o);
-  }), a;
-}, R = ({
-  conversations: t = [],
-  activeConversationId: a,
-  onSelectConversation: o,
-  onNewConversation: f,
-  onDeleteConversation: d,
-  onSearch: g,
-  header: j,
-  footer: v,
-  collapsed: u = !1,
-  onCollapsedChange: m,
-  className: k,
-  ...F
-}) => {
-  const [h, z] = D(""), [p, b] = D(null), c = Y(
-    void 0
-  );
-  x(() => () => {
-    c.current && clearTimeout(c.current);
-  }, []);
-  const w = S(() => {
-    if (!h.trim()) return t;
-    const s = h.toLowerCase();
-    return t.filter(
-      (n) => n.title.toLowerCase().includes(s) || n.preview?.toLowerCase().includes(s)
-    );
-  }, [t, h]), I = S(() => Q(w), [w]), O = y(
-    (s) => {
-      const n = s.target.value;
-      z(n), g?.(n);
-    },
-    [g]
-  ), P = y(
-    (s) => {
-      o?.(s), u && m && m(!0);
-    },
-    [o, u, m]
-  ), E = y(
-    (s, n) => {
-      s.stopPropagation(), p === n ? (d?.(n), b(null), c.current && clearTimeout(c.current)) : (b(n), c.current && clearTimeout(c.current), c.current = setTimeout(() => {
-        b(null);
-      }, 3e3));
-    },
-    [p, d]
-  ), L = N.some(
-    (s) => (I.get(s)?.length ?? 0) > 0
-  );
-  return /* @__PURE__ */ l(C, { children: [
-    !u && /* @__PURE__ */ r(
-      "div",
-      {
-        className: e.sidebarOverlay,
-        onClick: () => m?.(!0),
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ l(
-      "aside",
-      {
-        className: [
-          e.sidebar,
-          u && e.sidebarCollapsed,
-          !u && e.sidebarOpen,
-          k
-        ].filter(Boolean).join(" "),
-        ...F,
-        children: [
-          /* @__PURE__ */ r("div", { className: e.sidebarHeader, children: j || /* @__PURE__ */ l(C, { children: [
-            /* @__PURE__ */ r(
-              "button",
-              {
-                className: [
-                  e.inputButton,
-                  e.inputButtonPrimary,
-                  e.sidebarNewButton
-                ].filter(Boolean).join(" "),
-                onClick: f,
-                "aria-label": "New conversation",
-                children: /* @__PURE__ */ l("span", { className: e.sidebarNewButtonInner, children: [
-                  /* @__PURE__ */ r(A, { size: 18 }),
-                  /* @__PURE__ */ r("span", { children: "New Chat" })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ r(
-              "button",
-              {
-                className: [e.inputButton, e.sidebarCloseButton].join(
-                  " "
-                ),
-                onClick: () => m?.(!0),
-                "aria-label": "Close sidebar",
-                children: /* @__PURE__ */ r(U, { size: 20 })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ r("div", { className: e.sidebarSearch, children: /* @__PURE__ */ l("div", { className: e.sidebarSearchWrapper, children: [
-            /* @__PURE__ */ r($, { size: 16, className: e.sidebarSearchIcon }),
-            /* @__PURE__ */ r(
-              "input",
-              {
-                type: "search",
-                className: [
-                  e.sidebarSearchInput,
-                  e.sidebarSearchInputWithIcon
-                ].join(" "),
-                placeholder: "Search conversations...",
-                value: h,
-                onChange: O,
-                "aria-label": "Search conversations"
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: e.sidebarList,
-              role: "list",
-              "aria-label": "Conversations",
-              children: L ? N.map((s) => {
-                const n = I.get(s) ?? [];
-                return n.length === 0 ? null : /* @__PURE__ */ l("div", { children: [
-                  /* @__PURE__ */ r("div", { className: e.sidebarGroupHeader, children: G[s] }),
-                  n.map((i) => /* @__PURE__ */ l(
-                    "button",
-                    {
-                      className: [
-                        e.sidebarItem,
-                        i.id === a && e.sidebarItemActive
-                      ].filter(Boolean).join(" "),
-                      onClick: () => P(i.id),
-                      role: "listitem",
-                      "aria-selected": i.id === a,
-                      "aria-label": `Conversation: ${i.title}`,
-                      children: [
-                        /* @__PURE__ */ r(
-                          T,
-                          {
-                            size: 18,
-                            className: e.sidebarItemIcon
-                          }
-                        ),
-                        /* @__PURE__ */ l("div", { className: e.sidebarItemContent, children: [
-                          /* @__PURE__ */ r("span", { className: e.sidebarItemTitle, children: i.title }),
-                          i.preview && /* @__PURE__ */ r("span", { className: e.sidebarItemPreview, children: i.preview })
-                        ] }),
-                        /* @__PURE__ */ r("span", { className: e.sidebarItemDate, children: H(i.updatedAt) }),
-                        d && /* @__PURE__ */ r(
-                          "button",
-                          {
-                            className: e.sidebarItemDelete,
-                            onClick: (M) => E(M, i.id),
-                            "aria-label": p === i.id ? `Confirm delete ${i.title}` : `Delete ${i.title}`,
-                            children: p === i.id ? /* @__PURE__ */ r("span", { className: e.sidebarItemDeleteConfirm, children: "Delete?" }) : /* @__PURE__ */ r(q, { size: 16 })
-                          }
-                        )
-                      ]
-                    },
-                    i.id
-                  ))
-                ] }, s);
-              }) : /* @__PURE__ */ l("div", { className: e.sidebarEmpty, children: [
-                /* @__PURE__ */ r(T, { size: 32, className: e.sidebarEmptyIcon }),
-                /* @__PURE__ */ r("p", { children: h ? "No conversations found" : "No conversations yet" })
-              ] })
-            }
-          ),
-          v && /* @__PURE__ */ r("div", { className: e.sidebarFooter, children: v })
-        ]
-      }
-    )
-  ] });
+const t = "_container_1xu4i_8", _ = "_borderless_1xu4i_17", e = "_table_1xu4i_23", o = "_caption_1xu4i_32", i = "_thead_1xu4i_44", n = "_th_1xu4i_44", s = "_alignCenter_1xu4i_59", c = "_alignRight_1xu4i_63", r = "_sortable_1xu4i_68", a = "_sortIndicator_1xu4i_84", l = "_active_1xu4i_91", d = "_tbody_1xu4i_99", u = "_tr_1xu4i_103", x = "_td_1xu4i_113", b = "_hoverable_1xu4i_131", g = "_clickable_1xu4i_136", h = "_striped_1xu4i_148", p = "_bordered_1xu4i_160", m = "_sm_1xu4i_178", y = "_md_1xu4i_188", v = "_lg_1xu4i_198", k = "_empty_1xu4i_212", C = {
+  container: t,
+  borderless: _,
+  table: e,
+  caption: o,
+  thead: i,
+  th: n,
+  alignCenter: s,
+  alignRight: c,
+  sortable: r,
+  sortIndicator: a,
+  active: l,
+  tbody: d,
+  tr: u,
+  td: x,
+  hoverable: b,
+  clickable: g,
+  striped: h,
+  bordered: p,
+  sm: m,
+  md: y,
+  lg: v,
+  empty: k
 };
-R.displayName = "ChatSidebar";
 export {
-  R as ChatSidebar
+  l as active,
+  s as alignCenter,
+  c as alignRight,
+  p as bordered,
+  _ as borderless,
+  o as caption,
+  g as clickable,
+  t as container,
+  C as default,
+  k as empty,
+  b as hoverable,
+  v as lg,
+  y as md,
+  m as sm,
+  a as sortIndicator,
+  r as sortable,
+  h as striped,
+  e as table,
+  d as tbody,
+  x as td,
+  n as th,
+  i as thead,
+  u as tr
 };

package/dist/index166.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_container_1v6vo_9",n="_fullWidth_1v6vo_15",t="_label_1v6vo_20",e="_inputWrapper_1v6vo_27",_="_disabled_1v6vo_39",i="_input_1v6vo_27",c="_sm_1v6vo_58",v="_md_1v6vo_67",s="_lg_1v6vo_76",p="_actions_1v6vo_103",r="_clearButton_1v6vo_111",l="_chevron_1v6vo_131",d="_open_1v6vo_139",a="_error_1v6vo_144",h="_errorText_1v6vo_160",u="_helperText_1v6vo_166",b="_dropdown_1v6vo_183",g="_visible_1v6vo_200",m="_option_1v6vo_207",T="_highlighted_1v6vo_226",x="_selected_1v6vo_230",I="_optionIcon_1v6vo_240",W="_optionContent_1v6vo_248",f="_optionLabel_1v6vo_256",y="_optionDescription_1v6vo_264",k="_checkIcon_1v6vo_272",w="_loading_1v6vo_278",B="_spinner_1v6vo_287",C="_spin_1v6vo_287",D="_empty_1v6vo_301",L={container:o,fullWidth:n,label:t,inputWrapper:e,disabled:_,input:i,sm:c,md:v,lg:s,actions:p,clearButton:r,chevron:l,open:d,error:a,errorText:h,helperText:u,dropdown:b,visible:g,option:m,highlighted:T,selected:x,optionIcon:I,optionContent:W,optionLabel:f,optionDescription:y,checkIcon:k,loading:w,spinner:B,spin:C,empty:D};exports.actions=p;exports.checkIcon=k;exports.chevron=l;exports.clearButton=r;exports.container=o;exports.default=L;exports.disabled=_;exports.dropdown=b;exports.empty=D;exports.error=a;exports.errorText=h;exports.fullWidth=n;exports.helperText=u;exports.highlighted=T;exports.input=i;exports.inputWrapper=e;exports.label=t;exports.lg=s;exports.loading=w;exports.md=v;exports.open=d;exports.option=m;exports.optionContent=W;exports.optionDescription=y;exports.optionIcon=I;exports.optionLabel=f;exports.selected=x;exports.sm=c;exports.spin=C;exports.spinner=B;exports.visible=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_navbar_150s6_8",e="_solid_150s6_23",o="_transparent_150s6_27",n="_glass_150s6_31",t="_schemeLight_150s6_40",_="_schemeDark_150s6_46",c="_brand_150s6_56",l="_link_150s6_60",a="_active_150s6_69",g="_toggleLine_150s6_74",i="_bordered_150s6_101",r="_sticky_150s6_109",d="_sm_150s6_118",p="_md_150s6_122",m="_lg_150s6_126",b="_nav_150s6_8",v="_actions_150s6_207",h="_toggle_150s6_74",k="_toggleIcon_150s6_241",O="_toggleOpen_150s6_260",D="_collapse_150s6_277",L="_collapseOpen_150s6_281",u="_slideDown_150s6_1",y="_collapseActions_150s6_317",w={navbar:s,solid:e,transparent:o,glass:n,schemeLight:t,schemeDark:_,brand:c,link:l,active:a,toggleLine:g,bordered:i,sticky:r,sm:d,md:p,lg:m,nav:b,actions:v,toggle:h,toggleIcon:k,toggleOpen:O,collapse:D,collapseOpen:L,slideDown:u,collapseActions:y};exports.actions=v;exports.active=a;exports.bordered=i;exports.brand=c;exports.collapse=D;exports.collapseActions=y;exports.collapseOpen=L;exports.default=w;exports.glass=n;exports.lg=m;exports.link=l;exports.md=p;exports.nav=b;exports.navbar=s;exports.schemeDark=_;exports.schemeLight=t;exports.slideDown=u;exports.sm=d;exports.solid=e;exports.sticky=r;exports.toggle=h;exports.toggleIcon=k;exports.toggleLine=g;exports.toggleOpen=O;exports.transparent=o;