@orion-ds/react 4.2.8 → 4.2.10

package/dist/index169.mjs

@@ -1,114 +1,33 @@
-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 "./index184.mjs";
-import l from "./index158.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 e = "_container_1e3cp_8", c = "_labelWrapper_1e3cp_16", _ = "_percentage_1e3cp_25", r = "_track_1e3cp_31", n = "_bar_1e3cp_40", t = "_sm_1e3cp_50", s = "_md_1e3cp_54", a = "_lg_1e3cp_58", p = "_primary_1e3cp_66", o = "_success_1e3cp_70", i = "_warning_1e3cp_74", m = "_error_1e3cp_78", l = "_info_1e3cp_82", g = "_indeterminate_1e3cp_90", d = {
+  container: e,
+  labelWrapper: c,
+  percentage: _,
+  track: r,
+  bar: n,
+  sm: t,
+  md: s,
+  lg: a,
+  primary: p,
+  success: o,
+  warning: i,
+  error: m,
+  info: l,
+  indeterminate: g
 };
-P.displayName = "ChatFileUpload";
 export {
-  P as ChatFileUpload
+  n as bar,
+  e as container,
+  d as default,
+  m as error,
+  g as indeterminate,
+  l as info,
+  c as labelWrapper,
+  a as lg,
+  s as md,
+  _ as percentage,
+  p as primary,
+  t as sm,
+  o as success,
+  r as track,
+  i as warning
 };

package/dist/index17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),tt=require("./index18.cjs"),q=require("lucide-react"),p=require("./index83.cjs"),r=require("./index177.cjs"),et=parseInt(p.spacing[6],10),rt=parseInt(p.spacing[4],10),st=parseInt(p.spacing[6],10),lt=parseInt(p.spacing[8],10),T=l.forwardRef(({items:n,variant:_="editorial",aspectRatio:B="16/9",peek:D=!0,autoScroll:R=!1,autoScrollInterval:j=5e3,gap:i="md",align:I="edge",alignOffset:S,showNavigation:$=!0,showPagination:w=!1,onSlideChange:W,renderNavigation:N,highlightActive:y=!1,loop:x=!1,className:z,...H},F)=>{const s=l.useRef(null),[K,J]=l.useState(!1),[Q,U]=l.useState(!0),[f,V]=l.useState(0),M=l.useRef(0),u=l.useCallback(()=>i==="sm"?rt:i==="lg"?lt:st,[i]),d=l.useCallback(t=>{const e=t.children[0];return e?e.offsetWidth:0},[]),v=l.useCallback(()=>{if(!s.current)return;const{scrollLeft:t,scrollWidth:e,clientWidth:c}=s.current,h=d(s.current),g=u(),b=t>=e-c-1,m=t<=1;J(!m),U(!b);let o;if(b)o=n.length-1;else{const L=Math.round(t/(h+g));o=Math.min(Math.max(0,L),n.length-1)}o!==M.current&&(M.current=o,V(o),W?.(o))},[i,n.length,W,u,d]),C=l.useCallback(t=>{if(!s.current)return;const{scrollLeft:e,scrollWidth:c,clientWidth:h}=s.current,g=d(s.current),b=u(),m=g+b,o=e<=1,L=e>=c-h-1;if(x){if(t==="right"&&L){s.current.scrollTo({left:0,behavior:"smooth"});return}if(t==="left"&&o){s.current.scrollTo({left:c-h,behavior:"smooth"});return}}s.current.scrollBy({left:t==="left"?-m:m,behavior:"smooth"})},[i,x,u,d]),k=l.useCallback(t=>{if(!s.current)return;const e=d(s.current),c=u();s.current.scrollTo({left:t*(e+c),behavior:"smooth"})},[u,d]);l.useEffect(()=>{const t=s.current;if(t)return v(),t.addEventListener("scroll",v),()=>{t.removeEventListener("scroll",v)}},[v]),l.useEffect(()=>{if(!R||n.length<=1)return;const t=setInterval(()=>{const e=(f+1)%n.length;k(e)},j);return()=>clearInterval(t)},[R,j,f,n.length,k]);const P=I==="container"&&S!==void 0,E=P?Math.max(0,S-et):0,X=i==="sm"?r.default.gapSm:i==="lg"?r.default.gapLg:r.default.gapMd,Y=I==="container"?r.default.trackContainer:r.default.trackEdge,Z=[r.default.carousel,D&&r.default.peek,y&&r.default.highlightActive,X,z].filter(Boolean).join(" "),O=[r.default.track,Y].filter(Boolean).join(" "),G=x&&n.length>1,A={canScrollLeft:G||K,canScrollRight:G||Q,scrollLeft:()=>C("left"),scrollRight:()=>C("right"),activeIndex:f,totalItems:n.length};return a.jsxs("div",{ref:F,className:Z,...H,children:[a.jsx("div",{ref:s,className:O,style:P?{scrollPaddingInlineStart:S}:void 0,role:"region","aria-label":"Carousel",children:n.map((t,e)=>{const c=e===0,g=e===f&&y;return a.jsx(tt.CarouselCard,{item:t,aspectRatio:B,variant:_,className:g?r.default.cardHighlighted:void 0,style:c&&E>0?{marginLeft:E}:void 0},t.title||e)})}),$&&n.length>1&&(N?N(A):a.jsxs("div",{className:r.default.navigation,children:[a.jsx("button",{type:"button",className:r.default.navButton,onClick:()=>C("left"),disabled:!A.canScrollLeft,"aria-label":"Previous",children:a.jsx(q.ChevronLeft,{size:24})}),a.jsx("button",{type:"button",className:r.default.navButton,onClick:()=>C("right"),disabled:!A.canScrollRight,"aria-label":"Next",children:a.jsx(q.ChevronRight,{size:24})})]})),w&&n.length>1&&a.jsx("div",{className:r.default.pagination,children:n.map((t,e)=>a.jsx("button",{type:"button",className:`${r.default.dot} ${e===f?r.default.dotActive:""}`,onClick:()=>k(e),"aria-label":`Go to slide ${e+1}`},e))})]})});T.displayName="Carousel";exports.Carousel=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),tt=require("./index18.cjs"),q=require("lucide-react"),p=require("./index83.cjs"),r=require("./index117.cjs"),et=parseInt(p.spacing[6],10),rt=parseInt(p.spacing[4],10),st=parseInt(p.spacing[6],10),lt=parseInt(p.spacing[8],10),T=l.forwardRef(({items:n,variant:_="editorial",aspectRatio:B="16/9",peek:D=!0,autoScroll:R=!1,autoScrollInterval:j=5e3,gap:i="md",align:I="edge",alignOffset:S,showNavigation:$=!0,showPagination:w=!1,onSlideChange:W,renderNavigation:N,highlightActive:y=!1,loop:x=!1,className:z,...H},F)=>{const s=l.useRef(null),[K,J]=l.useState(!1),[Q,U]=l.useState(!0),[f,V]=l.useState(0),M=l.useRef(0),u=l.useCallback(()=>i==="sm"?rt:i==="lg"?lt:st,[i]),d=l.useCallback(t=>{const e=t.children[0];return e?e.offsetWidth:0},[]),v=l.useCallback(()=>{if(!s.current)return;const{scrollLeft:t,scrollWidth:e,clientWidth:c}=s.current,h=d(s.current),g=u(),b=t>=e-c-1,m=t<=1;J(!m),U(!b);let o;if(b)o=n.length-1;else{const L=Math.round(t/(h+g));o=Math.min(Math.max(0,L),n.length-1)}o!==M.current&&(M.current=o,V(o),W?.(o))},[i,n.length,W,u,d]),C=l.useCallback(t=>{if(!s.current)return;const{scrollLeft:e,scrollWidth:c,clientWidth:h}=s.current,g=d(s.current),b=u(),m=g+b,o=e<=1,L=e>=c-h-1;if(x){if(t==="right"&&L){s.current.scrollTo({left:0,behavior:"smooth"});return}if(t==="left"&&o){s.current.scrollTo({left:c-h,behavior:"smooth"});return}}s.current.scrollBy({left:t==="left"?-m:m,behavior:"smooth"})},[i,x,u,d]),k=l.useCallback(t=>{if(!s.current)return;const e=d(s.current),c=u();s.current.scrollTo({left:t*(e+c),behavior:"smooth"})},[u,d]);l.useEffect(()=>{const t=s.current;if(t)return v(),t.addEventListener("scroll",v),()=>{t.removeEventListener("scroll",v)}},[v]),l.useEffect(()=>{if(!R||n.length<=1)return;const t=setInterval(()=>{const e=(f+1)%n.length;k(e)},j);return()=>clearInterval(t)},[R,j,f,n.length,k]);const P=I==="container"&&S!==void 0,E=P?Math.max(0,S-et):0,X=i==="sm"?r.default.gapSm:i==="lg"?r.default.gapLg:r.default.gapMd,Y=I==="container"?r.default.trackContainer:r.default.trackEdge,Z=[r.default.carousel,D&&r.default.peek,y&&r.default.highlightActive,X,z].filter(Boolean).join(" "),O=[r.default.track,Y].filter(Boolean).join(" "),G=x&&n.length>1,A={canScrollLeft:G||K,canScrollRight:G||Q,scrollLeft:()=>C("left"),scrollRight:()=>C("right"),activeIndex:f,totalItems:n.length};return a.jsxs("div",{ref:F,className:Z,...H,children:[a.jsx("div",{ref:s,className:O,style:P?{scrollPaddingInlineStart:S}:void 0,role:"region","aria-label":"Carousel",children:n.map((t,e)=>{const c=e===0,g=e===f&&y;return a.jsx(tt.CarouselCard,{item:t,aspectRatio:B,variant:_,className:g?r.default.cardHighlighted:void 0,style:c&&E>0?{marginLeft:E}:void 0},t.title||e)})}),$&&n.length>1&&(N?N(A):a.jsxs("div",{className:r.default.navigation,children:[a.jsx("button",{type:"button",className:r.default.navButton,onClick:()=>C("left"),disabled:!A.canScrollLeft,"aria-label":"Previous",children:a.jsx(q.ChevronLeft,{size:24})}),a.jsx("button",{type:"button",className:r.default.navButton,onClick:()=>C("right"),disabled:!A.canScrollRight,"aria-label":"Next",children:a.jsx(q.ChevronRight,{size:24})})]})),w&&n.length>1&&a.jsx("div",{className:r.default.pagination,children:n.map((t,e)=>a.jsx("button",{type:"button",className:`${r.default.dot} ${e===f?r.default.dotActive:""}`,onClick:()=>k(e),"aria-label":`Go to slide ${e+1}`},e))})]})});T.displayName="Carousel";exports.Carousel=T;

package/dist/index17.mjs

@@ -3,7 +3,7 @@ import { forwardRef as et, useRef as j, useState as k, useCallback as f, useEffe
 import { CarouselCard as nt } from "./index18.mjs";
 import { ChevronLeft as ot, ChevronRight as st } from "lucide-react";
 import { spacing as b } from "./index83.mjs";
-import e from "./index177.mjs";
+import e from "./index117.mjs";
 const lt = parseInt(b[6], 10), ct = parseInt(b[4], 10), at = parseInt(b[6], 10), it = parseInt(b[8], 10), dt = et(
   ({
     items: o,

package/dist/index170.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("lucide-react"),p=require("./index166.cjs"),P=require("./index167.cjs"),b=require("./index164.cjs"),C=require("./index184.cjs"),t=require("./index158.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 n="_link_1ch8i_9",i="_subtle_1ch8i_38",c="_brand_1ch8i_46",o="_sm_1ch8i_58",_="_md_1ch8i_63",t="_lg_1ch8i_68",e="_underline_1ch8i_77",r="_icon_1ch8i_92",l="_iconRight_1ch8i_124",s="_iconExternal_1ch8i_129",d="_iconArrow_1ch8i_134",h="_iconArrowLeft_1ch8i_139",u={link:n,default:"_default_1ch8i_30",subtle:i,brand:c,sm:o,md:_,lg:t,underline:e,icon:r,iconRight:l,iconExternal:s,iconArrow:d,iconArrowLeft:h};exports.brand=c;exports.default=u;exports.icon=r;exports.iconArrow=d;exports.iconArrowLeft=h;exports.iconExternal=s;exports.iconRight=l;exports.lg=t;exports.link=n;exports.md=_;exports.sm=o;exports.subtle=i;exports.underline=e;

package/dist/index170.mjs

@@ -1,125 +1,30 @@
-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 "./index166.mjs";
-import { ChatAudioPlayer as N } from "./index167.mjs";
-import { ChatCodeBlock as I } from "./index164.mjs";
-import { formatFileSize as k } from "./index184.mjs";
-import t from "./index158.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 n = "_link_1ch8i_9", c = "_subtle_1ch8i_38", _ = "_brand_1ch8i_46", i = "_sm_1ch8i_58", o = "_md_1ch8i_63", t = "_lg_1ch8i_68", r = "_underline_1ch8i_77", s = "_icon_1ch8i_92", e = "_iconRight_1ch8i_124", l = "_iconExternal_1ch8i_129", h = "_iconArrow_1ch8i_134", d = "_iconArrowLeft_1ch8i_139", a = {
+  link: n,
+  default: "_default_1ch8i_30",
+  subtle: c,
+  brand: _,
+  sm: i,
+  md: o,
+  lg: t,
+  underline: r,
+  icon: s,
+  iconRight: e,
+  iconExternal: l,
+  iconArrow: h,
+  iconArrowLeft: d
 };
-$.displayName = "ChatAttachment";
 export {
-  $ as ChatAttachment
+  _ as brand,
+  a as default,
+  s as icon,
+  h as iconArrow,
+  d as iconArrowLeft,
+  l as iconExternal,
+  e as iconRight,
+  t as lg,
+  n as link,
+  o as md,
+  i as sm,
+  c as subtle,
+  r as underline
 };

package/dist/index171.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("./index158.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/index171.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 "./index158.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/index172.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_dataTable_ncnxg_8",t="_toolbar_ncnxg_21",o="_toolbarLeft_ncnxg_31",e="_toolbarRight_ncnxg_38",c="_searchWrapper_ncnxg_46",a="_searchIcon_ncnxg_52",_="_searchInput_ncnxg_59",i="_bulkActions_ncnxg_84",s="_selectedCount_ncnxg_90",g="_bulkAction_ncnxg_84",r="_bulkActionDanger_ncnxg_123",l="_tableContainer_ncnxg_132",p="_table_ncnxg_132",x="_thead_ncnxg_149",b="_stickyHeader_ncnxg_153",u="_th_ncnxg_149",d="_thContent_ncnxg_172",h="_sortable_ncnxg_178",y="_sortIcon_ncnxg_188",I="_sortIconInactive_ncnxg_192",m="_tbody_ncnxg_197",k="_tr_ncnxg_201",M="_hoverable_ncnxg_210",C="_trSelected_ncnxg_214",S="_striped_ncnxg_222",T="_td_ncnxg_226",A="_checkboxCell_ncnxg_233",D="_checkbox_ncnxg_233",v="_actionsCell_ncnxg_248",f="_actionMenu_ncnxg_273",O="_actionMenuTrigger_ncnxg_277",P="_actionMenuDropdown_ncnxg_298",w="_actionMenuItem_ncnxg_311",z="_actionMenuItemDanger_ncnxg_332",B="_pagination_ncnxg_344",H="_paginationInfo_ncnxg_354",L="_paginationText_ncnxg_360",R="_pageSizeSelect_ncnxg_366",W="_paginationControls_ncnxg_377",j="_paginationButton_ncnxg_383",q="_paginationPages_ncnxg_409",E="_emptyState_ncnxg_421",F="_emptyIcon_ncnxg_430",G="_emptyTitle_ncnxg_435",J="_emptyDescription_ncnxg_443",K="_emptyAction_ncnxg_451",N="_loadingOverlay_ncnxg_459",Q="_spinner_ncnxg_466",U="_spin_ncnxg_466",V="_compact_ncnxg_485",X="_hideOnMobile_ncnxg_503",Y={dataTable:n,toolbar:t,toolbarLeft:o,toolbarRight:e,searchWrapper:c,searchIcon:a,searchInput:_,bulkActions:i,selectedCount:s,bulkAction:g,bulkActionDanger:r,tableContainer:l,table:p,thead:x,stickyHeader:b,th:u,thContent:d,sortable:h,sortIcon:y,sortIconInactive:I,tbody:m,tr:k,hoverable:M,trSelected:C,striped:S,td:T,checkboxCell:A,checkbox:D,actionsCell:v,"sticky-left":"_sticky-left_ncnxg_255","sticky-right":"_sticky-right_ncnxg_262",actionMenu:f,actionMenuTrigger:O,actionMenuDropdown:P,actionMenuItem:w,actionMenuItemDanger:z,pagination:B,paginationInfo:H,paginationText:L,pageSizeSelect:R,paginationControls:W,paginationButton:j,paginationPages:q,emptyState:E,emptyIcon:F,emptyTitle:G,emptyDescription:J,emptyAction:K,loadingOverlay:N,spinner:Q,spin:U,compact:V,hideOnMobile:X};exports.actionMenu=f;exports.actionMenuDropdown=P;exports.actionMenuItem=w;exports.actionMenuItemDanger=z;exports.actionMenuTrigger=O;exports.actionsCell=v;exports.bulkAction=g;exports.bulkActionDanger=r;exports.bulkActions=i;exports.checkbox=D;exports.checkboxCell=A;exports.compact=V;exports.dataTable=n;exports.default=Y;exports.emptyAction=K;exports.emptyDescription=J;exports.emptyIcon=F;exports.emptyState=E;exports.emptyTitle=G;exports.hideOnMobile=X;exports.hoverable=M;exports.loadingOverlay=N;exports.pageSizeSelect=R;exports.pagination=B;exports.paginationButton=j;exports.paginationControls=W;exports.paginationInfo=H;exports.paginationPages=q;exports.paginationText=L;exports.searchIcon=a;exports.searchInput=_;exports.searchWrapper=c;exports.selectedCount=s;exports.sortIcon=y;exports.sortIconInactive=I;exports.sortable=h;exports.spin=U;exports.spinner=Q;exports.stickyHeader=b;exports.striped=S;exports.table=p;exports.tableContainer=l;exports.tbody=m;exports.td=T;exports.th=u;exports.thContent=d;exports.thead=x;exports.toolbar=t;exports.toolbarLeft=o;exports.toolbarRight=e;exports.tr=k;exports.trSelected=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_alert_1sgpf_8",e="_icon_1sgpf_25",t="_content_1sgpf_35",n="_title_1sgpf_43",o="_message_1sgpf_50",_="_closeButton_1sgpf_56",c="_success_1sgpf_99",r="_error_1sgpf_106",i="_warning_1sgpf_113",g="_info_1sgpf_120",l="_inverse_1sgpf_128",f={alert:s,icon:e,content:t,title:n,message:o,closeButton:_,success:c,error:r,warning:i,info:g,inverse:l};exports.alert=s;exports.closeButton=_;exports.content=t;exports.default=f;exports.error=r;exports.icon=e;exports.info=g;exports.inverse=l;exports.message=o;exports.success=c;exports.title=n;exports.warning=i;