@orion-ds/react 4.0.0 → 4.2.0

package/dist/index129.mjs

@@ -1,112 +1,218 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { X as t, Square as b, Send as C, Mic as j } from "lucide-react";
-import { useVoiceRecorder as S } from "./index95.mjs";
-import { formatTime as k } from "./index184.mjs";
-import e from "./index119.mjs";
-const z = ({
-  onRecordingComplete: d,
-  onCancel: v,
-  maxDuration: m = 300,
-  className: a,
-  ...n
+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 "./index116.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 {
-    isRecording: o,
-    duration: R,
-    audioBlob: i,
-    error: s,
-    startRecording: h,
-    stopRecording: u,
-    cancelRecording: N,
-    reset: l,
-    isSupported: f
-  } = S({
-    maxDuration: m,
-    onRecordingComplete: d,
-    onError: (g) => console.error("Recording error:", g)
-  }), p = () => {
-    o ? u() : i ? (d?.(i), l()) : h();
-  }, B = () => {
-    N(), v?.();
-  };
-  return f ? s ? /* @__PURE__ */ c(
-    "div",
-    {
-      className: [e.voiceRecorder, a].filter(Boolean).join(" "),
-      ...n,
-      children: [
-        /* @__PURE__ */ r("div", { className: e.voiceRecorderInfo, children: /* @__PURE__ */ r(
-          "span",
-          {
-            className: [
-              e.voiceRecorderLabel,
-              e.voiceRecorderError
-            ].join(" "),
-            children: s
-          }
-        ) }),
-        /* @__PURE__ */ r(
-          "button",
-          {
-            className: e.inputButton,
-            onClick: l,
-            "aria-label": "Try again",
-            children: /* @__PURE__ */ r(t, { size: 20 })
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ c(
-    "div",
-    {
-      className: [e.voiceRecorder, a].filter(Boolean).join(" "),
-      ...n,
-      children: [
-        /* @__PURE__ */ r(
-          "button",
-          {
-            className: [
-              e.voiceRecorderButton,
-              !o && !i && e.voiceRecorderButtonIdle
-            ].filter(Boolean).join(" "),
-            onClick: p,
-            "aria-label": o ? "Stop recording" : i ? "Send recording" : "Start recording",
-            children: o ? /* @__PURE__ */ r(b, { size: 20 }) : i ? /* @__PURE__ */ r(C, { size: 20 }) : /* @__PURE__ */ r(j, { size: 20 })
-          }
-        ),
-        /* @__PURE__ */ c("div", { className: e.voiceRecorderInfo, children: [
-          /* @__PURE__ */ r("span", { className: e.voiceRecorderDuration, children: k(R) }),
-          /* @__PURE__ */ r("span", { className: e.voiceRecorderLabel, children: o ? "Recording..." : i ? "Recording ready" : "Click to record" })
-        ] }),
-        o && /* @__PURE__ */ c("div", { className: e.voiceRecorderWaveform, children: [
-          /* @__PURE__ */ r("div", { className: e.voiceRecorderBar }),
-          /* @__PURE__ */ r("div", { className: e.voiceRecorderBar }),
-          /* @__PURE__ */ r("div", { className: e.voiceRecorderBar }),
-          /* @__PURE__ */ r("div", { className: e.voiceRecorderBar }),
-          /* @__PURE__ */ r("div", { className: e.voiceRecorderBar })
-        ] }),
-        (o || i) && /* @__PURE__ */ r("div", { className: e.voiceRecorderActions, children: /* @__PURE__ */ r(
-          "button",
-          {
-            className: e.inputButton,
-            onClick: B,
-            "aria-label": "Cancel recording",
-            children: /* @__PURE__ */ r(t, { size: 20 })
-          }
-        ) })
-      ]
-    }
-  ) : /* @__PURE__ */ r(
-    "div",
-    {
-      className: [e.voiceRecorder, a].filter(Boolean).join(" "),
-      ...n,
-      children: /* @__PURE__ */ r("div", { className: e.voiceRecorderInfo, children: /* @__PURE__ */ r("span", { className: e.voiceRecorderLabel, children: "Voice recording is not supported in this browser" }) })
-    }
+  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 })
+        ]
+      }
+    )
+  ] });
 };
-z.displayName = "ChatVoiceRecorder";
+R.displayName = "ChatSidebar";
 export {
-  z as ChatVoiceRecorder
+  R as ChatSidebar
 };
 //# sourceMappingURL=index129.mjs.map

package/dist/index129.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index129.mjs","sources":["../src/components/Chat/components/ChatVoiceRecorder.tsx"],"sourcesContent":["/**\n * ChatVoiceRecorder Component\n *\n * Voice recording UI with waveform visualization.\n */\n\nimport React from \"react\";\nimport { Mic, Square, X, Send } from \"lucide-react\";\nimport type { ChatVoiceRecorderProps } from \"../Chat.types\";\nimport { useVoiceRecorder } from \"../hooks/useVoiceRecorder\";\nimport { formatTime } from \"../utils\";\nimport styles from \"../Chat.module.css\";\n\nexport const ChatVoiceRecorder: React.FC<ChatVoiceRecorderProps> = ({\n  onRecordingComplete,\n  onCancel,\n  maxDuration = 300,\n  className,\n  ...rest\n}) => {\n  const {\n    isRecording,\n    duration,\n    audioBlob,\n    error,\n    startRecording,\n    stopRecording,\n    cancelRecording,\n    reset,\n    isSupported,\n  } = useVoiceRecorder({\n    maxDuration,\n    onRecordingComplete,\n    onError: (err) => console.error(\"Recording error:\", err),\n  });\n\n  const handleMainButtonClick = () => {\n    if (isRecording) {\n      stopRecording();\n    } else if (audioBlob) {\n      // Send the recorded audio\n      onRecordingComplete?.(audioBlob);\n      reset();\n    } else {\n      startRecording();\n    }\n  };\n\n  const handleCancel = () => {\n    cancelRecording();\n    onCancel?.();\n  };\n\n  if (!isSupported) {\n    return (\n      <div\n        className={[styles.voiceRecorder, className].filter(Boolean).join(\" \")}\n        {...rest}\n      >\n        <div className={styles.voiceRecorderInfo}>\n          <span className={styles.voiceRecorderLabel}>\n            Voice recording is not supported in this browser\n          </span>\n        </div>\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div\n        className={[styles.voiceRecorder, className].filter(Boolean).join(\" \")}\n        {...rest}\n      >\n        <div className={styles.voiceRecorderInfo}>\n          <span\n            className={[\n              styles.voiceRecorderLabel,\n              styles.voiceRecorderError,\n            ].join(\" \")}\n          >\n            {error}\n          </span>\n        </div>\n        <button\n          className={styles.inputButton}\n          onClick={reset}\n          aria-label=\"Try again\"\n        >\n          <X size={20} />\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={[styles.voiceRecorder, className].filter(Boolean).join(\" \")}\n      {...rest}\n    >\n      {/* Main record/stop/send button */}\n      <button\n        className={[\n          styles.voiceRecorderButton,\n          !isRecording && !audioBlob && styles.voiceRecorderButtonIdle,\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        onClick={handleMainButtonClick}\n        aria-label={\n          isRecording\n            ? \"Stop recording\"\n            : audioBlob\n              ? \"Send recording\"\n              : \"Start recording\"\n        }\n      >\n        {isRecording ? (\n          <Square size={20} />\n        ) : audioBlob ? (\n          <Send size={20} />\n        ) : (\n          <Mic size={20} />\n        )}\n      </button>\n\n      {/* Info section */}\n      <div className={styles.voiceRecorderInfo}>\n        <span className={styles.voiceRecorderDuration}>\n          {formatTime(duration)}\n        </span>\n        <span className={styles.voiceRecorderLabel}>\n          {isRecording\n            ? \"Recording...\"\n            : audioBlob\n              ? \"Recording ready\"\n              : \"Click to record\"}\n        </span>\n      </div>\n\n      {/* Waveform visualization (only when recording) */}\n      {isRecording && (\n        <div className={styles.voiceRecorderWaveform}>\n          <div className={styles.voiceRecorderBar} />\n          <div className={styles.voiceRecorderBar} />\n          <div className={styles.voiceRecorderBar} />\n          <div className={styles.voiceRecorderBar} />\n          <div className={styles.voiceRecorderBar} />\n        </div>\n      )}\n\n      {/* Cancel button */}\n      {(isRecording || audioBlob) && (\n        <div className={styles.voiceRecorderActions}>\n          <button\n            className={styles.inputButton}\n            onClick={handleCancel}\n            aria-label=\"Cancel recording\"\n          >\n            <X size={20} />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nChatVoiceRecorder.displayName = \"ChatVoiceRecorder\";\n"],"names":["ChatVoiceRecorder","onRecordingComplete","onCancel","maxDuration","className","rest","isRecording","duration","audioBlob","error","startRecording","stopRecording","cancelRecording","reset","isSupported","useVoiceRecorder","err","handleMainButtonClick","handleCancel","jsxs","styles","jsx","X","Square","Send","Mic","formatTime"],"mappings":";;;;;AAaO,MAAMA,IAAsD,CAAC;AAAA,EAClE,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM;AAAA,IACJ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEC,EAAiB;AAAA,IACnB,aAAAZ;AAAA,IACA,qBAAAF;AAAA,IACA,SAAS,CAACe,MAAQ,QAAQ,MAAM,oBAAoBA,CAAG;AAAA,EAAA,CACxD,GAEKC,IAAwB,MAAM;AAClC,IAAIX,IACFK,EAAA,IACSH,KAETP,IAAsBO,CAAS,GAC/BK,EAAA,KAEAH,EAAA;AAAA,EAEJ,GAEMQ,IAAe,MAAM;AACzB,IAAAN,EAAA,GACAV,IAAA;AAAA,EACF;AAEA,SAAKY,IAeDL,IAEA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,eAAehB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACpE,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACTD,EAAO;AAAA,cACPA,EAAO;AAAA,YAAA,EACP,KAAK,GAAG;AAAA,YAET,UAAAX;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QACA,gBAAAY;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,EAAO;AAAA,YAClB,SAASP;AAAA,YACT,cAAW;AAAA,YAEX,UAAA,gBAAAQ,EAACC,GAAA,EAAE,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,eAAehB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACpE,GAAGC;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAgB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACTD,EAAO;AAAA,cACP,CAACd,KAAe,CAACE,KAAaY,EAAO;AAAA,YAAA,EAEpC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,YACX,SAASH;AAAA,YACT,cACEX,IACI,mBACAE,IACE,mBACA;AAAA,YAGP,UAAAF,IACC,gBAAAe,EAACE,GAAA,EAAO,MAAM,IAAI,IAChBf,IACF,gBAAAa,EAACG,GAAA,EAAK,MAAM,IAAI,IAEhB,gBAAAH,EAACI,GAAA,EAAI,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAKnB,gBAAAN,EAAC,OAAA,EAAI,WAAWC,EAAO,mBACrB,UAAA;AAAA,UAAA,gBAAAC,EAAC,UAAK,WAAWD,EAAO,uBACrB,UAAAM,EAAWnB,CAAQ,GACtB;AAAA,UACA,gBAAAc,EAAC,UAAK,WAAWD,EAAO,oBACrB,UAAAd,IACG,iBACAE,IACE,oBACA,kBAAA,CACR;AAAA,QAAA,GACF;AAAA,QAGCF,KACC,gBAAAa,EAAC,OAAA,EAAI,WAAWC,EAAO,uBACrB,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,iBAAA,CAAkB;AAAA,UACzC,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,iBAAA,CAAkB;AAAA,UACzC,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,iBAAA,CAAkB;AAAA,UACzC,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,iBAAA,CAAkB;AAAA,UACzC,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,iBAAA,CAAkB;AAAA,QAAA,GAC3C;AAAA,SAIAd,KAAeE,MACf,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAO,sBACrB,UAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,EAAO;AAAA,YAClB,SAASF;AAAA,YACT,cAAW;AAAA,YAEX,UAAA,gBAAAG,EAACC,GAAA,EAAE,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA,EACf,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IA1GF,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACD,EAAO,eAAehB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACpE,GAAGC;AAAA,MAEJ,UAAA,gBAAAgB,EAAC,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,oBAAoB,UAAA,mDAAA,CAE5C,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAsGR;AAEApB,EAAkB,cAAc;"}
+{"version":3,"file":"index129.mjs","sources":["../src/components/Chat/components/ChatSidebar.tsx"],"sourcesContent":["/**\n * ChatSidebar Component\n *\n * Sidebar with conversation history, search, and management actions.\n * Conversations are grouped by date (Today, Yesterday, Previous 7 days, etc.)\n */\n\nimport React, {\n  useState,\n  useCallback,\n  useMemo,\n  useRef,\n  useEffect,\n} from \"react\";\nimport { Plus, Search, Trash2, MessageSquare, X } from \"lucide-react\";\nimport type { ChatSidebarProps, ChatConversation } from \"../Chat.types\";\nimport styles from \"../Chat.module.css\";\n\n// Date grouping types\ntype DateGroup = \"today\" | \"yesterday\" | \"previous7\" | \"previous30\" | \"older\";\n\nconst groupLabels: Record<DateGroup, string> = {\n  today: \"Today\",\n  yesterday: \"Yesterday\",\n  previous7: \"Previous 7 days\",\n  previous30: \"Previous 30 days\",\n  older: \"Older\",\n};\n\n// Order of date groups for rendering\nconst groupOrder: DateGroup[] = [\n  \"today\",\n  \"yesterday\",\n  \"previous7\",\n  \"previous30\",\n  \"older\",\n];\n\n// Get the date group for a given date\nconst getDateGroup = (date: Date): DateGroup => {\n  const now = new Date();\n  const startOfToday = new Date(\n    now.getFullYear(),\n    now.getMonth(),\n    now.getDate(),\n  );\n  const diff =\n    startOfToday.getTime() -\n    new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();\n  const days = diff / (1000 * 60 * 60 * 24);\n\n  if (days < 1) return \"today\";\n  if (days < 2) return \"yesterday\";\n  if (days < 7) return \"previous7\";\n  if (days < 30) return \"previous30\";\n  return \"older\";\n};\n\n// Format date for display (shown on individual items)\nconst formatDate = (date: Date): string => {\n  const group = getDateGroup(date);\n\n  if (group === \"today\") {\n    return new Intl.DateTimeFormat(\"en-US\", {\n      hour: \"numeric\",\n      minute: \"2-digit\",\n    }).format(date);\n  } else if (group === \"yesterday\") {\n    return \"Yesterday\";\n  } else if (group === \"previous7\") {\n    return new Intl.DateTimeFormat(\"en-US\", {\n      weekday: \"short\",\n    }).format(date);\n  } else {\n    return new Intl.DateTimeFormat(\"en-US\", {\n      month: \"short\",\n      day: \"numeric\",\n    }).format(date);\n  }\n};\n\n// Group conversations by date\nconst groupConversationsByDate = (\n  conversations: ChatConversation[],\n): Map<DateGroup, ChatConversation[]> => {\n  const groups = new Map<DateGroup, ChatConversation[]>();\n\n  // Initialize all groups\n  groupOrder.forEach((group) => groups.set(group, []));\n\n  // Sort and group conversations\n  conversations.forEach((conv) => {\n    const group = getDateGroup(conv.updatedAt);\n    groups.get(group)?.push(conv);\n  });\n\n  return groups;\n};\n\nexport const ChatSidebar: React.FC<ChatSidebarProps> = ({\n  conversations = [],\n  activeConversationId,\n  onSelectConversation,\n  onNewConversation,\n  onDeleteConversation,\n  onSearch,\n  header,\n  footer,\n  collapsed = false,\n  onCollapsedChange,\n  className,\n  ...rest\n}) => {\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);\n  const confirmTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined,\n  );\n\n  // Clear confirm timer on unmount\n  useEffect(() => {\n    return () => {\n      if (confirmTimerRef.current) {\n        clearTimeout(confirmTimerRef.current);\n      }\n    };\n  }, []);\n\n  // Filter conversations based on search\n  const filteredConversations = useMemo(() => {\n    if (!searchQuery.trim()) return conversations;\n\n    const query = searchQuery.toLowerCase();\n    return conversations.filter(\n      (conv) =>\n        conv.title.toLowerCase().includes(query) ||\n        conv.preview?.toLowerCase().includes(query),\n    );\n  }, [conversations, searchQuery]);\n\n  // Group filtered conversations by date\n  const groupedConversations = useMemo(() => {\n    return groupConversationsByDate(filteredConversations);\n  }, [filteredConversations]);\n\n  // Handle search input\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      setSearchQuery(value);\n      onSearch?.(value);\n    },\n    [onSearch],\n  );\n\n  // Handle conversation selection\n  const handleSelectConversation = useCallback(\n    (id: string) => {\n      onSelectConversation?.(id);\n      // Close sidebar on mobile after selection\n      if (collapsed && onCollapsedChange) {\n        onCollapsedChange(true);\n      }\n    },\n    [onSelectConversation, collapsed, onCollapsedChange],\n  );\n\n  // Handle delete with inline confirmation\n  const handleDelete = useCallback(\n    (e: React.MouseEvent, id: string) => {\n      e.stopPropagation();\n\n      if (confirmDeleteId === id) {\n        // Second click: actually delete\n        onDeleteConversation?.(id);\n        setConfirmDeleteId(null);\n        if (confirmTimerRef.current) {\n          clearTimeout(confirmTimerRef.current);\n        }\n      } else {\n        // First click: show confirmation\n        setConfirmDeleteId(id);\n        // Auto-reset after 3 seconds\n        if (confirmTimerRef.current) {\n          clearTimeout(confirmTimerRef.current);\n        }\n        confirmTimerRef.current = setTimeout(() => {\n          setConfirmDeleteId(null);\n        }, 3000);\n      }\n    },\n    [confirmDeleteId, onDeleteConversation],\n  );\n\n  // Check if there are any conversations to show\n  const hasConversations = groupOrder.some(\n    (group) => (groupedConversations.get(group)?.length ?? 0) > 0,\n  );\n\n  return (\n    <>\n      {/* Mobile overlay */}\n      {!collapsed && (\n        <div\n          className={styles.sidebarOverlay}\n          onClick={() => onCollapsedChange?.(true)}\n          aria-hidden=\"true\"\n        />\n      )}\n\n      <aside\n        className={[\n          styles.sidebar,\n          collapsed && styles.sidebarCollapsed,\n          !collapsed && styles.sidebarOpen,\n          className,\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        {...rest}\n      >\n        {/* Header */}\n        <div className={styles.sidebarHeader}>\n          {header || (\n            <>\n              <button\n                className={[\n                  styles.inputButton,\n                  styles.inputButtonPrimary,\n                  styles.sidebarNewButton,\n                ]\n                  .filter(Boolean)\n                  .join(\" \")}\n                onClick={onNewConversation}\n                aria-label=\"New conversation\"\n              >\n                <span className={styles.sidebarNewButtonInner}>\n                  <Plus size={18} />\n                  <span>New Chat</span>\n                </span>\n              </button>\n\n              {/* Mobile close button */}\n              <button\n                className={[styles.inputButton, styles.sidebarCloseButton].join(\n                  \" \",\n                )}\n                onClick={() => onCollapsedChange?.(true)}\n                aria-label=\"Close sidebar\"\n              >\n                <X size={20} />\n              </button>\n            </>\n          )}\n        </div>\n\n        {/* Search */}\n        <div className={styles.sidebarSearch}>\n          <div className={styles.sidebarSearchWrapper}>\n            <Search size={16} className={styles.sidebarSearchIcon} />\n            <input\n              type=\"search\"\n              className={[\n                styles.sidebarSearchInput,\n                styles.sidebarSearchInputWithIcon,\n              ].join(\" \")}\n              placeholder=\"Search conversations...\"\n              value={searchQuery}\n              onChange={handleSearchChange}\n              aria-label=\"Search conversations\"\n            />\n          </div>\n        </div>\n\n        {/* Conversation list with date grouping */}\n        <div\n          className={styles.sidebarList}\n          role=\"list\"\n          aria-label=\"Conversations\"\n        >\n          {!hasConversations ? (\n            <div className={styles.sidebarEmpty}>\n              <MessageSquare size={32} className={styles.sidebarEmptyIcon} />\n              <p>\n                {searchQuery\n                  ? \"No conversations found\"\n                  : \"No conversations yet\"}\n              </p>\n            </div>\n          ) : (\n            groupOrder.map((group) => {\n              const groupConvs = groupedConversations.get(group) ?? [];\n              if (groupConvs.length === 0) return null;\n\n              return (\n                <div key={group}>\n                  <div className={styles.sidebarGroupHeader}>\n                    {groupLabels[group]}\n                  </div>\n                  {groupConvs.map((conversation) => (\n                    <button\n                      key={conversation.id}\n                      className={[\n                        styles.sidebarItem,\n                        conversation.id === activeConversationId &&\n                          styles.sidebarItemActive,\n                      ]\n                        .filter(Boolean)\n                        .join(\" \")}\n                      onClick={() => handleSelectConversation(conversation.id)}\n                      role=\"listitem\"\n                      aria-selected={conversation.id === activeConversationId}\n                      aria-label={`Conversation: ${conversation.title}`}\n                    >\n                      <MessageSquare\n                        size={18}\n                        className={styles.sidebarItemIcon}\n                      />\n\n                      <div className={styles.sidebarItemContent}>\n                        <span className={styles.sidebarItemTitle}>\n                          {conversation.title}\n                        </span>\n                        {conversation.preview && (\n                          <span className={styles.sidebarItemPreview}>\n                            {conversation.preview}\n                          </span>\n                        )}\n                      </div>\n\n                      <span className={styles.sidebarItemDate}>\n                        {formatDate(conversation.updatedAt)}\n                      </span>\n\n                      {onDeleteConversation && (\n                        <button\n                          className={styles.sidebarItemDelete}\n                          onClick={(e) => handleDelete(e, conversation.id)}\n                          aria-label={\n                            confirmDeleteId === conversation.id\n                              ? `Confirm delete ${conversation.title}`\n                              : `Delete ${conversation.title}`\n                          }\n                        >\n                          {confirmDeleteId === conversation.id ? (\n                            <span className={styles.sidebarItemDeleteConfirm}>\n                              Delete?\n                            </span>\n                          ) : (\n                            <Trash2 size={16} />\n                          )}\n                        </button>\n                      )}\n                    </button>\n                  ))}\n                </div>\n              );\n            })\n          )}\n        </div>\n\n        {/* Footer */}\n        {footer && <div className={styles.sidebarFooter}>{footer}</div>}\n      </aside>\n    </>\n  );\n};\n\nChatSidebar.displayName = \"ChatSidebar\";\n"],"names":["groupLabels","groupOrder","getDateGroup","date","now","days","formatDate","group","groupConversationsByDate","conversations","groups","conv","ChatSidebar","activeConversationId","onSelectConversation","onNewConversation","onDeleteConversation","onSearch","header","footer","collapsed","onCollapsedChange","className","rest","searchQuery","setSearchQuery","useState","confirmDeleteId","setConfirmDeleteId","confirmTimerRef","useRef","useEffect","filteredConversations","useMemo","query","groupedConversations","handleSearchChange","useCallback","e","value","handleSelectConversation","id","handleDelete","hasConversations","jsxs","Fragment","jsx","styles","Plus","X","Search","groupConvs","conversation","MessageSquare","Trash2"],"mappings":"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"}

package/dist/index13.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),B=require("lucide-react"),a=require("./index150.cjs"),h=({items:l,separator:c="chevron",customSeparator:u,showHomeIcon:m=!1,maxItems:n,size:i="md",className:j,linkProps:p})=>{const t=f.useMemo(()=>{if(!n||l.length<=n)return l;const e=l[0],s=l.slice(-(n-1));return[...e?[e]:[],{label:"...",href:void 0},...s]},[l,n]),b=e=>{const s=[a.default.separator,c==="chevron"&&a.default.chevron,c==="slash"&&a.default.slash].filter(Boolean).join(" ");return c==="custom"&&u?r.jsx("span",{className:a.default.separator,"aria-hidden":"true",children:u},`sep-${e}`):r.jsx("span",{className:s,"aria-hidden":"true"},`sep-${e}`)},N=()=>{switch(i){case"sm":return 14;case"lg":return 18;default:return 16}},o=()=>m?r.jsx("span",{className:a.default.homeIcon,"aria-label":"Home",children:r.jsx(B.Home,{size:N()})}):null,g=(e,s)=>{const d=s===t.length-1;return e.label==="..."?r.jsx("li",{className:a.default.item,children:r.jsx("span",{className:a.default.ellipsis,"aria-label":"More items",children:"…"})},`ellipsis-${s}`):d||!e.href?r.jsx("li",{className:a.default.item,"aria-current":d?"page":void 0,children:r.jsxs("span",{className:a.default.current,children:[s===0&&o(),e.icon&&r.jsx("span",{className:a.default.icon,children:e.icon}),e.label]})},s):r.jsx("li",{className:a.default.item,children:r.jsxs("a",{href:e.href,className:a.default.link,...p,children:[s===0&&o(),e.icon&&r.jsx("span",{className:a.default.icon,children:e.icon}),e.label]})},s)},v=[a.default.breadcrumb,a.default[i],j].filter(Boolean).join(" ");return r.jsx("nav",{"aria-label":"Breadcrumb",children:r.jsx("ol",{className:v,children:t.map((e,s)=>r.jsxs(f.Fragment,{children:[g(e,s),s<t.length-1&&b(s)]},s))})})};h.displayName="Breadcrumb";exports.Breadcrumb=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),B=require("lucide-react"),a=require("./index101.cjs"),h=({items:l,separator:c="chevron",customSeparator:u,showHomeIcon:m=!1,maxItems:n,size:i="md",className:j,linkProps:p})=>{const t=f.useMemo(()=>{if(!n||l.length<=n)return l;const e=l[0],s=l.slice(-(n-1));return[...e?[e]:[],{label:"...",href:void 0},...s]},[l,n]),b=e=>{const s=[a.default.separator,c==="chevron"&&a.default.chevron,c==="slash"&&a.default.slash].filter(Boolean).join(" ");return c==="custom"&&u?r.jsx("span",{className:a.default.separator,"aria-hidden":"true",children:u},`sep-${e}`):r.jsx("span",{className:s,"aria-hidden":"true"},`sep-${e}`)},N=()=>{switch(i){case"sm":return 14;case"lg":return 18;default:return 16}},o=()=>m?r.jsx("span",{className:a.default.homeIcon,"aria-label":"Home",children:r.jsx(B.Home,{size:N()})}):null,g=(e,s)=>{const d=s===t.length-1;return e.label==="..."?r.jsx("li",{className:a.default.item,children:r.jsx("span",{className:a.default.ellipsis,"aria-label":"More items",children:"…"})},`ellipsis-${s}`):d||!e.href?r.jsx("li",{className:a.default.item,"aria-current":d?"page":void 0,children:r.jsxs("span",{className:a.default.current,children:[s===0&&o(),e.icon&&r.jsx("span",{className:a.default.icon,children:e.icon}),e.label]})},s):r.jsx("li",{className:a.default.item,children:r.jsxs("a",{href:e.href,className:a.default.link,...p,children:[s===0&&o(),e.icon&&r.jsx("span",{className:a.default.icon,children:e.icon}),e.label]})},s)},v=[a.default.breadcrumb,a.default[i],j].filter(Boolean).join(" ");return r.jsx("nav",{"aria-label":"Breadcrumb",children:r.jsx("ol",{className:v,children:t.map((e,s)=>r.jsxs(f.Fragment,{children:[g(e,s),s<t.length-1&&b(s)]},s))})})};h.displayName="Breadcrumb";exports.Breadcrumb=h;
 //# sourceMappingURL=index13.cjs.map

package/dist/index13.mjs

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import p from "react";
 import { Home as j } from "lucide-react";
-import s from "./index150.mjs";
+import s from "./index101.mjs";
 const I = ({
   items: l,
   separator: c = "chevron",

package/dist/index130.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),R=require("lucide-react"),h=require("./index184.cjs"),o=require("./index119.cjs"),g=({onFilesSelected:f,accept:i=["*/*"],multiple:C=!0,maxSize:s=10*1024*1024,children:v,className:D,...k})=>{const[m,u]=t.useState(!1),c=t.useRef(null),d=t.useCallback(e=>{if(!e||e.length===0)return;const r=[];Array.from(e).forEach(l=>{if(s&&l.size>s){console.warn(`File ${l.name} exceeds max size of ${h.formatFileSize(s)}`);return}const F=i.includes("*/*"),q=i.flatMap(n=>(n.endsWith("/*"),n));if(!(F||q.some(n=>{if(n.endsWith("/*")){const N=n.split("/")[0];return l.type.startsWith(`${N}/`)}return l.type===n||l.name.endsWith(n)}))){console.warn(`File ${l.name} type not accepted`);return}r.push(l)}),r.length>0&&f?.(r)},[i,s,f]),b=t.useCallback(e=>{e.preventDefault(),e.stopPropagation(),u(!0)},[]),j=t.useCallback(e=>{e.preventDefault(),e.stopPropagation(),u(!1)},[]),y=t.useCallback(e=>{e.preventDefault(),e.stopPropagation(),u(!1);const{files:r}=e.dataTransfer;d(r)},[d]),x=t.useCallback(e=>{d(e.target.files),c.current&&(c.current.value="")},[d]),p=t.useCallback(()=>{c.current?.click()},[]),U=t.useCallback(e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),p())},[p]);return a.jsxs("div",{className:[o.default.fileUpload,m&&o.default.fileUploadDragging,D].filter(Boolean).join(" "),onDragOver:b,onDragLeave:j,onDrop:y,onClick:p,onKeyDown:U,role:"button",tabIndex:0,"aria-label":"Upload files",...k,children:[a.jsx("input",{ref:c,type:"file",accept:i.join(","),multiple:C,onChange:x,style:{display:"none"},"aria-hidden":"true"}),v||a.jsxs(a.Fragment,{children:[a.jsx("div",{className:o.default.fileUploadIcon,children:a.jsx(R.Upload,{size:32})}),a.jsxs("div",{className:o.default.fileUploadText,children:[a.jsx("strong",{children:"Click to upload"})," or drag and drop"]}),a.jsxs("div",{className:o.default.fileUploadHint,children:["Max file size: ",h.formatFileSize(s)]})]})]})};g.displayName="ChatFileUpload";exports.ChatFileUpload=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_6fdxe_13",r="_disabled_6fdxe_19",o="_label_6fdxe_27",t="_labelText_6fdxe_43",_="_optional_6fdxe_47",n="_required_6fdxe_53",s="_textarea_6fdxe_63",a="_error_6fdxe_137",i="_sm_6fdxe_157",l="_md_6fdxe_163",c="_lg_6fdxe_169",d="_resizeNone_6fdxe_179",x="_resizeVertical_6fdxe_183",f="_resizeHorizontal_6fdxe_187",u="_resizeBoth_6fdxe_191",z="_footer_6fdxe_199",b="_helperText_6fdxe_206",g="_errorMessage_6fdxe_226",m="_counter_6fdxe_241",p="_counterWarning_6fdxe_251",T="_counterError_6fdxe_255",h={container:e,disabled:r,label:o,labelText:t,optional:_,required:n,textarea:s,error:a,sm:i,md:l,lg:c,resizeNone:d,resizeVertical:x,resizeHorizontal:f,resizeBoth:u,footer:z,helperText:b,errorMessage:g,counter:m,counterWarning:p,counterError:T};exports.container=e;exports.counter=m;exports.counterError=T;exports.counterWarning=p;exports.default=h;exports.disabled=r;exports.error=a;exports.errorMessage=g;exports.footer=z;exports.helperText=b;exports.label=o;exports.labelText=t;exports.lg=c;exports.md=l;exports.optional=_;exports.required=n;exports.resizeBoth=u;exports.resizeHorizontal=f;exports.resizeNone=d;exports.resizeVertical=x;exports.sm=i;exports.textarea=s;
 //# sourceMappingURL=index130.cjs.map

package/dist/index130.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index130.cjs","sources":["../src/components/Chat/components/ChatFileUpload.tsx"],"sourcesContent":["/**\n * ChatFileUpload Component\n *\n * File upload zone with drag-and-drop support.\n */\n\nimport React, { useState, useRef, useCallback } from \"react\";\nimport { Upload } from \"lucide-react\";\nimport type { ChatFileUploadProps } from \"../Chat.types\";\nimport { formatFileSize } from \"../utils\";\nimport styles from \"../Chat.module.css\";\n\nexport const ChatFileUpload: React.FC<ChatFileUploadProps> = ({\n  onFilesSelected,\n  accept = [\"*/*\"],\n  multiple = true,\n  maxSize = 10 * 1024 * 1024, // 10MB default\n  children,\n  className,\n  ...rest\n}) => {\n  const [isDragging, setIsDragging] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // Handle file selection\n  const handleFiles = useCallback(\n    (files: FileList | null) => {\n      if (!files || files.length === 0) return;\n\n      const validFiles: File[] = [];\n\n      Array.from(files).forEach((file) => {\n        // Check file size\n        if (maxSize && file.size > maxSize) {\n          console.warn(\n            `File ${file.name} exceeds max size of ${formatFileSize(maxSize)}`,\n          );\n          return;\n        }\n\n        // Check file type (basic check)\n        const acceptAll = accept.includes(\"*/*\");\n        const acceptedTypes = accept.flatMap((type) => {\n          if (type.endsWith(\"/*\")) {\n            return type; // e.g., 'image/*'\n          }\n          return type;\n        });\n\n        const isAccepted =\n          acceptAll ||\n          acceptedTypes.some((type) => {\n            if (type.endsWith(\"/*\")) {\n              const category = type.split(\"/\")[0];\n              return file.type.startsWith(`${category}/`);\n            }\n            return file.type === type || file.name.endsWith(type);\n          });\n\n        if (!isAccepted) {\n          console.warn(`File ${file.name} type not accepted`);\n          return;\n        }\n\n        validFiles.push(file);\n      });\n\n      if (validFiles.length > 0) {\n        onFilesSelected?.(validFiles);\n      }\n    },\n    [accept, maxSize, onFilesSelected],\n  );\n\n  // Handle drag events\n  const handleDragOver = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(true);\n  }, []);\n\n  const handleDragLeave = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(false);\n  }, []);\n\n  const handleDrop = useCallback(\n    (e: React.DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsDragging(false);\n\n      const { files } = e.dataTransfer;\n      handleFiles(files);\n    },\n    [handleFiles],\n  );\n\n  // Handle input change\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      handleFiles(e.target.files);\n      // Reset input so same file can be selected again\n      if (inputRef.current) {\n        inputRef.current.value = \"\";\n      }\n    },\n    [handleFiles],\n  );\n\n  // Handle click to open file dialog\n  const handleClick = useCallback(() => {\n    inputRef.current?.click();\n  }, []);\n\n  // Handle keyboard interaction\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleClick();\n      }\n    },\n    [handleClick],\n  );\n\n  return (\n    <div\n      className={[\n        styles.fileUpload,\n        isDragging && styles.fileUploadDragging,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      onDragOver={handleDragOver}\n      onDragLeave={handleDragLeave}\n      onDrop={handleDrop}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label=\"Upload files\"\n      {...rest}\n    >\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={accept.join(\",\")}\n        multiple={multiple}\n        onChange={handleInputChange}\n        style={{ display: \"none\" }}\n        aria-hidden=\"true\"\n      />\n\n      {children || (\n        <>\n          <div className={styles.fileUploadIcon}>\n            <Upload size={32} />\n          </div>\n          <div className={styles.fileUploadText}>\n            <strong>Click to upload</strong> or drag and drop\n          </div>\n          <div className={styles.fileUploadHint}>\n            Max file size: {formatFileSize(maxSize)}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nChatFileUpload.displayName = \"ChatFileUpload\";\n"],"names":["ChatFileUpload","onFilesSelected","accept","multiple","maxSize","children","className","rest","isDragging","setIsDragging","useState","inputRef","useRef","handleFiles","useCallback","files","validFiles","file","formatFileSize","acceptAll","acceptedTypes","type","category","handleDragOver","handleDragLeave","handleDrop","handleInputChange","handleClick","handleKeyDown","jsxs","styles","jsx","Fragment","Upload"],"mappings":"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"}
+{"version":3,"file":"index130.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index130.mjs

@@ -1,115 +1,48 @@
-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 "./index119.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_6fdxe_13", r = "_disabled_6fdxe_19", o = "_label_6fdxe_27", t = "_labelText_6fdxe_43", _ = "_optional_6fdxe_47", n = "_required_6fdxe_53", s = "_textarea_6fdxe_63", c = "_error_6fdxe_137", a = "_sm_6fdxe_157", d = "_md_6fdxe_163", i = "_lg_6fdxe_169", l = "_resizeNone_6fdxe_179", x = "_resizeVertical_6fdxe_183", f = "_resizeHorizontal_6fdxe_187", z = "_resizeBoth_6fdxe_191", u = "_footer_6fdxe_199", b = "_helperText_6fdxe_206", g = "_errorMessage_6fdxe_226", p = "_counter_6fdxe_241", h = "_counterWarning_6fdxe_251", m = "_counterError_6fdxe_255", T = {
+  container: e,
+  disabled: r,
+  label: o,
+  labelText: t,
+  optional: _,
+  required: n,
+  textarea: s,
+  error: c,
+  sm: a,
+  md: d,
+  lg: i,
+  resizeNone: l,
+  resizeVertical: x,
+  resizeHorizontal: f,
+  resizeBoth: z,
+  footer: u,
+  helperText: b,
+  errorMessage: g,
+  counter: p,
+  counterWarning: h,
+  counterError: m
 };
-P.displayName = "ChatFileUpload";
 export {
-  P as ChatFileUpload
+  e as container,
+  p as counter,
+  m as counterError,
+  h as counterWarning,
+  T as default,
+  r as disabled,
+  c as error,
+  g as errorMessage,
+  u as footer,
+  b as helperText,
+  o as label,
+  t as labelText,
+  i as lg,
+  d as md,
+  _ as optional,
+  n as required,
+  z as resizeBoth,
+  f as resizeHorizontal,
+  l as resizeNone,
+  x as resizeVertical,
+  a as sm,
+  s as textarea
 };
 //# sourceMappingURL=index130.mjs.map

package/dist/index130.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index130.mjs","sources":["../src/components/Chat/components/ChatFileUpload.tsx"],"sourcesContent":["/**\n * ChatFileUpload Component\n *\n * File upload zone with drag-and-drop support.\n */\n\nimport React, { useState, useRef, useCallback } from \"react\";\nimport { Upload } from \"lucide-react\";\nimport type { ChatFileUploadProps } from \"../Chat.types\";\nimport { formatFileSize } from \"../utils\";\nimport styles from \"../Chat.module.css\";\n\nexport const ChatFileUpload: React.FC<ChatFileUploadProps> = ({\n  onFilesSelected,\n  accept = [\"*/*\"],\n  multiple = true,\n  maxSize = 10 * 1024 * 1024, // 10MB default\n  children,\n  className,\n  ...rest\n}) => {\n  const [isDragging, setIsDragging] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // Handle file selection\n  const handleFiles = useCallback(\n    (files: FileList | null) => {\n      if (!files || files.length === 0) return;\n\n      const validFiles: File[] = [];\n\n      Array.from(files).forEach((file) => {\n        // Check file size\n        if (maxSize && file.size > maxSize) {\n          console.warn(\n            `File ${file.name} exceeds max size of ${formatFileSize(maxSize)}`,\n          );\n          return;\n        }\n\n        // Check file type (basic check)\n        const acceptAll = accept.includes(\"*/*\");\n        const acceptedTypes = accept.flatMap((type) => {\n          if (type.endsWith(\"/*\")) {\n            return type; // e.g., 'image/*'\n          }\n          return type;\n        });\n\n        const isAccepted =\n          acceptAll ||\n          acceptedTypes.some((type) => {\n            if (type.endsWith(\"/*\")) {\n              const category = type.split(\"/\")[0];\n              return file.type.startsWith(`${category}/`);\n            }\n            return file.type === type || file.name.endsWith(type);\n          });\n\n        if (!isAccepted) {\n          console.warn(`File ${file.name} type not accepted`);\n          return;\n        }\n\n        validFiles.push(file);\n      });\n\n      if (validFiles.length > 0) {\n        onFilesSelected?.(validFiles);\n      }\n    },\n    [accept, maxSize, onFilesSelected],\n  );\n\n  // Handle drag events\n  const handleDragOver = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(true);\n  }, []);\n\n  const handleDragLeave = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(false);\n  }, []);\n\n  const handleDrop = useCallback(\n    (e: React.DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsDragging(false);\n\n      const { files } = e.dataTransfer;\n      handleFiles(files);\n    },\n    [handleFiles],\n  );\n\n  // Handle input change\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      handleFiles(e.target.files);\n      // Reset input so same file can be selected again\n      if (inputRef.current) {\n        inputRef.current.value = \"\";\n      }\n    },\n    [handleFiles],\n  );\n\n  // Handle click to open file dialog\n  const handleClick = useCallback(() => {\n    inputRef.current?.click();\n  }, []);\n\n  // Handle keyboard interaction\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleClick();\n      }\n    },\n    [handleClick],\n  );\n\n  return (\n    <div\n      className={[\n        styles.fileUpload,\n        isDragging && styles.fileUploadDragging,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      onDragOver={handleDragOver}\n      onDragLeave={handleDragLeave}\n      onDrop={handleDrop}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label=\"Upload files\"\n      {...rest}\n    >\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={accept.join(\",\")}\n        multiple={multiple}\n        onChange={handleInputChange}\n        style={{ display: \"none\" }}\n        aria-hidden=\"true\"\n      />\n\n      {children || (\n        <>\n          <div className={styles.fileUploadIcon}>\n            <Upload size={32} />\n          </div>\n          <div className={styles.fileUploadText}>\n            <strong>Click to upload</strong> or drag and drop\n          </div>\n          <div className={styles.fileUploadHint}>\n            Max file size: {formatFileSize(maxSize)}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nChatFileUpload.displayName = \"ChatFileUpload\";\n"],"names":["ChatFileUpload","onFilesSelected","accept","multiple","maxSize","children","className","rest","isDragging","setIsDragging","useState","inputRef","useRef","handleFiles","useCallback","files","validFiles","file","formatFileSize","acceptAll","acceptedTypes","type","category","handleDragOver","handleDragLeave","handleDrop","handleInputChange","handleClick","handleKeyDown","jsxs","styles","jsx","Fragment","Upload"],"mappings":"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"}
+{"version":3,"file":"index130.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}