@orion-ds/react 4.9.0 → 4.9.1

package/dist/components/Chat/components/ChatSidebar.mjs

@@ -0,0 +1,217 @@
+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 "../Chat.module.css.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 })
+        ]
+      }
+    )
+  ] });
+};
+R.displayName = "ChatSidebar";
+export {
+  R as ChatSidebar
+};

package/dist/components/Chat/components/ChatTypingIndicator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../Chat.module.css.cjs"),s=({label:t="Generating response",className:i,...n})=>a.jsx("div",{className:[e.default.message,e.default.messageAssistant,i].filter(Boolean).join(" "),role:"status","aria-live":"polite","aria-label":t,...n,children:a.jsx("div",{className:e.default.messageContent,children:a.jsx("div",{className:[e.default.messageBubble,e.default.messageBubbleAssistant,e.default.thinkingBubble].join(" "),children:a.jsx("span",{className:e.default.thinkingSpinner})})})});s.displayName="ChatTypingIndicator";exports.ChatTypingIndicator=s;

package/dist/components/Chat/components/ChatTypingIndicator.mjs

@@ -0,0 +1,31 @@
+import { jsx as s } from "react/jsx-runtime";
+import e from "../Chat.module.css.mjs";
+const t = ({
+  label: a = "Generating response",
+  className: i,
+  ...n
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: [e.message, e.messageAssistant, i].filter(Boolean).join(" "),
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": a,
+    ...n,
+    children: /* @__PURE__ */ s("div", { className: e.messageContent, children: /* @__PURE__ */ s(
+      "div",
+      {
+        className: [
+          e.messageBubble,
+          e.messageBubbleAssistant,
+          e.thinkingBubble
+        ].join(" "),
+        children: /* @__PURE__ */ s("span", { className: e.thinkingSpinner })
+      }
+    ) })
+  }
+);
+t.displayName = "ChatTypingIndicator";
+export {
+  t as ChatTypingIndicator
+};

package/dist/components/Chat/components/ChatVoiceRecorder.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lucide-react"),g=require("../hooks/useVoiceRecorder.cjs"),b=require("../utils.cjs"),r=require("../Chat.module.css.cjs"),t=({onRecordingComplete:s,onCancel:u,maxDuration:f=300,className:a,...d})=>{const{isRecording:o,duration:v,audioBlob:c,error:l,startRecording:R,stopRecording:j,cancelRecording:x,reset:n,isSupported:m}=g.useVoiceRecorder({maxDuration:f,onRecordingComplete:s,onError:B=>console.error("Recording error:",B)}),h=()=>{o?j():c?(s?.(c),n()):R()},N=()=>{x(),u?.()};return m?l?e.jsxs("div",{className:[r.default.voiceRecorder,a].filter(Boolean).join(" "),...d,children:[e.jsx("div",{className:r.default.voiceRecorderInfo,children:e.jsx("span",{className:[r.default.voiceRecorderLabel,r.default.voiceRecorderError].join(" "),children:l})}),e.jsx("button",{className:r.default.inputButton,onClick:n,"aria-label":"Try again",children:e.jsx(i.X,{size:20})})]}):e.jsxs("div",{className:[r.default.voiceRecorder,a].filter(Boolean).join(" "),...d,children:[e.jsx("button",{className:[r.default.voiceRecorderButton,!o&&!c&&r.default.voiceRecorderButtonIdle].filter(Boolean).join(" "),onClick:h,"aria-label":o?"Stop recording":c?"Send recording":"Start recording",children:o?e.jsx(i.Square,{size:20}):c?e.jsx(i.Send,{size:20}):e.jsx(i.Mic,{size:20})}),e.jsxs("div",{className:r.default.voiceRecorderInfo,children:[e.jsx("span",{className:r.default.voiceRecorderDuration,children:b.formatTime(v)}),e.jsx("span",{className:r.default.voiceRecorderLabel,children:o?"Recording...":c?"Recording ready":"Click to record"})]}),o&&e.jsxs("div",{className:r.default.voiceRecorderWaveform,children:[e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar}),e.jsx("div",{className:r.default.voiceRecorderBar})]}),(o||c)&&e.jsx("div",{className:r.default.voiceRecorderActions,children:e.jsx("button",{className:r.default.inputButton,onClick:N,"aria-label":"Cancel recording",children:e.jsx(i.X,{size:20})})})]}):e.jsx("div",{className:[r.default.voiceRecorder,a].filter(Boolean).join(" "),...d,children:e.jsx("div",{className:r.default.voiceRecorderInfo,children:e.jsx("span",{className:r.default.voiceRecorderLabel,children:"Voice recording is not supported in this browser"})})})};t.displayName="ChatVoiceRecorder";exports.ChatVoiceRecorder=t;

package/dist/components/Chat/components/ChatVoiceRecorder.mjs

@@ -0,0 +1,111 @@
+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 "../hooks/useVoiceRecorder.mjs";
+import { formatTime as k } from "../utils.mjs";
+import e from "../Chat.module.css.mjs";
+const z = ({
+  onRecordingComplete: d,
+  onCancel: v,
+  maxDuration: m = 300,
+  className: a,
+  ...n
+}) => {
+  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" }) })
+    }
+  );
+};
+z.displayName = "ChatVoiceRecorder";
+export {
+  z as ChatVoiceRecorder
+};

package/dist/components/Checkbox/Checkbox.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),u=require("lucide-react"),s=require("./Checkbox.module.css.cjs"),m=t.forwardRef(({label:i,helperText:n,error:a,size:j="md",indeterminate:r=!1,className:k,id:N,disabled:h,required:o,checked:v,"aria-label":f,"aria-describedby":p,...C},y)=>{const R=t.useId(),l=N||`checkbox-${R}`,x=`${l}-error`,b=`${l}-helper`,g=t.useRef(null),d=y||g;t.useEffect(()=>{d.current&&(d.current.indeterminate=r)},[r,d]);const c=[];a&&c.push(x),n&&!a&&c.push(b),p&&c.push(p);const I=c.length>0?c.join(" "):void 0;!(i||f)&&process.env.NODE_ENV==="development"&&console.warn("Checkbox: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users.");const q=r?"mixed":void 0,M=[s.default.container,s.default[j],a&&s.default.error,h&&s.default.disabled,k].filter(Boolean).join(" ");return e.jsxs("div",{className:M,children:[e.jsx("input",{ref:d,type:"checkbox",id:l,className:s.default.input,disabled:h,required:o,checked:v,"aria-required":o||void 0,"aria-invalid":a?"true":"false","aria-checked":q,"aria-describedby":I,"aria-label":i?void 0:f,...C}),e.jsxs("label",{htmlFor:l,className:s.default.labelWrapper,children:[e.jsx("span",{className:s.default.checkbox,"aria-hidden":"true",children:e.jsx("span",{className:s.default.checkmark,children:r?e.jsx(u.Minus,{strokeWidth:3}):e.jsx(u.Check,{strokeWidth:3})})}),i&&e.jsxs("span",{className:s.default.label,children:[i,o&&e.jsx("span",{className:s.default.required,"aria-hidden":"true",children:"*"})]})]}),n&&!a&&e.jsx("p",{id:b,className:s.default.helperText,children:n}),a&&e.jsxs("p",{id:x,className:s.default.errorMessage,role:"alert","aria-live":"assertive",children:[e.jsx(u.AlertCircle,{size:14,"aria-hidden":"true"}),e.jsx("span",{children:a})]})]})});m.displayName="Checkbox";exports.Checkbox=m;

package/dist/components/Checkbox/Checkbox.mjs

@@ -0,0 +1,84 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { forwardRef as A, useId as B, useRef as E, useEffect as M } from "react";
+import { Minus as W, Check as $, AlertCircle as w } from "lucide-react";
+import e from "./Checkbox.module.css.mjs";
+const z = A(
+  ({
+    label: i,
+    helperText: d,
+    error: a,
+    size: b = "md",
+    indeterminate: r = !1,
+    className: k,
+    id: N,
+    disabled: h,
+    required: t,
+    checked: v,
+    "aria-label": p,
+    "aria-describedby": m,
+    ...x
+  }, C) => {
+    const y = B(), n = N || `checkbox-${y}`, f = `${n}-error`, u = `${n}-helper`, I = E(null), o = C || I;
+    M(() => {
+      o.current && (o.current.indeterminate = r);
+    }, [r, o]);
+    const c = [];
+    a && c.push(f), d && !a && c.push(u), m && c.push(m);
+    const g = c.length > 0 ? c.join(" ") : void 0;
+    !(i || p) && process.env.NODE_ENV === "development" && console.warn(
+      "Checkbox: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users."
+    );
+    const j = r ? "mixed" : void 0, R = [
+      e.container,
+      e[b],
+      a && e.error,
+      h && e.disabled,
+      k
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l("div", { className: R, children: [
+      /* @__PURE__ */ s(
+        "input",
+        {
+          ref: o,
+          type: "checkbox",
+          id: n,
+          className: e.input,
+          disabled: h,
+          required: t,
+          checked: v,
+          "aria-required": t || void 0,
+          "aria-invalid": a ? "true" : "false",
+          "aria-checked": j,
+          "aria-describedby": g,
+          "aria-label": i ? void 0 : p,
+          ...x
+        }
+      ),
+      /* @__PURE__ */ l("label", { htmlFor: n, className: e.labelWrapper, children: [
+        /* @__PURE__ */ s("span", { className: e.checkbox, "aria-hidden": "true", children: /* @__PURE__ */ s("span", { className: e.checkmark, children: r ? /* @__PURE__ */ s(W, { strokeWidth: 3 }) : /* @__PURE__ */ s($, { strokeWidth: 3 }) }) }),
+        i && /* @__PURE__ */ l("span", { className: e.label, children: [
+          i,
+          t && /* @__PURE__ */ s("span", { className: e.required, "aria-hidden": "true", children: "*" })
+        ] })
+      ] }),
+      d && !a && /* @__PURE__ */ s("p", { id: u, className: e.helperText, children: d }),
+      a && /* @__PURE__ */ l(
+        "p",
+        {
+          id: f,
+          className: e.errorMessage,
+          role: "alert",
+          "aria-live": "assertive",
+          children: [
+            /* @__PURE__ */ s(w, { size: 14, "aria-hidden": "true" }),
+            /* @__PURE__ */ s("span", { children: a })
+          ]
+        }
+      )
+    ] });
+  }
+);
+z.displayName = "Checkbox";
+export {
+  z as Checkbox
+};

package/dist/components/Chip/Chip.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),w=require("react"),e=require("./Chip.module.css.cjs"),u=w.forwardRef(({variant:c="default",size:d="md",icon:i,clickable:f=!1,onClick:s,onRemove:l,disabled:a=!1,selected:o=!1,children:h,className:p,...v},m)=>{const r=f||!!s,j=[e.default.chip,e.default[c],e.default[d],r&&e.default.clickable,o&&e.default.selected,a&&e.default.disabled,p].filter(Boolean).join(" "),k=()=>{!a&&s&&s()},x=t=>{t.stopPropagation(),!a&&l&&l()},y=t=>{a||((t.key==="Enter"||t.key===" ")&&(t.preventDefault(),s?.()),(t.key==="Backspace"||t.key==="Delete")&&(t.preventDefault(),l?.()))};return n.jsxs("div",{ref:m,className:j,role:r?"button":void 0,tabIndex:r&&!a?0:void 0,"aria-disabled":a,"aria-pressed":o,onClick:r?k:void 0,onKeyDown:r?y:void 0,...v,children:[i&&n.jsx("span",{className:e.default.icon,"aria-hidden":"true",children:i}),n.jsx("span",{className:e.default.label,children:h}),l&&n.jsx("button",{type:"button",className:e.default.removeButton,onClick:x,disabled:a,"aria-label":"Remove",children:n.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M10.5 3.5L3.5 10.5M3.5 3.5l7 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})});u.displayName="Chip";exports.Chip=u;

package/dist/components/Chip/Chip.mjs

@@ -0,0 +1,86 @@
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import e from "./Chip.module.css.mjs";
+const D = x(
+  ({
+    variant: c = "default",
+    size: p = "md",
+    icon: s,
+    clickable: d = !1,
+    onClick: n,
+    onRemove: i,
+    disabled: a = !1,
+    selected: l = !1,
+    children: f,
+    className: h,
+    ...m
+  }, u) => {
+    const o = d || !!n, v = [
+      e.chip,
+      e[c],
+      e[p],
+      o && e.clickable,
+      l && e.selected,
+      a && e.disabled,
+      h
+    ].filter(Boolean).join(" "), k = () => {
+      !a && n && n();
+    }, w = (t) => {
+      t.stopPropagation(), !a && i && i();
+    };
+    return /* @__PURE__ */ y(
+      "div",
+      {
+        ref: u,
+        className: v,
+        role: o ? "button" : void 0,
+        tabIndex: o && !a ? 0 : void 0,
+        "aria-disabled": a,
+        "aria-pressed": l,
+        onClick: o ? k : void 0,
+        onKeyDown: o ? (t) => {
+          a || ((t.key === "Enter" || t.key === " ") && (t.preventDefault(), n?.()), (t.key === "Backspace" || t.key === "Delete") && (t.preventDefault(), i?.()));
+        } : void 0,
+        ...m,
+        children: [
+          s && /* @__PURE__ */ r("span", { className: e.icon, "aria-hidden": "true", children: s }),
+          /* @__PURE__ */ r("span", { className: e.label, children: f }),
+          i && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: e.removeButton,
+              onClick: w,
+              disabled: a,
+              "aria-label": "Remove",
+              children: /* @__PURE__ */ r(
+                "svg",
+                {
+                  width: "14",
+                  height: "14",
+                  viewBox: "0 0 14 14",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: /* @__PURE__ */ r(
+                    "path",
+                    {
+                      d: "M10.5 3.5L3.5 10.5M3.5 3.5l7 7",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+D.displayName = "Chip";
+export {
+  D as Chip
+};

package/dist/components/CodeEditor/CodeEditor.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),_=require("react-syntax-highlighter"),$=require("react-syntax-highlighter/dist/esm/styles/prism"),l=require("./CodeEditor.module.css.cjs"),z=require("../../contexts/ThemeContext.cjs");try{const r=require("refractor/all");r.default&&r.default.registered&&r.default.registered("markdown")&&!r.default.languages.markdown?.["quoted-string"]&&r.default.languages.insertBefore("markdown","bold",{"quoted-string":{pattern:/"(?:\\.|[^"\\])*"/,greedy:!0,alias:"string"}})}catch{}const A=i.forwardRef(({value:r="",onChange:g,language:j,readOnly:T=!1,showLineNumbers:k=!0,placeholder:C,minRows:m=10,className:B,"aria-label":S,...R},D)=>{const p=i.useRef(null),x=i.useRef(null),v=i.useRef(null),E=i.useRef(null),K=i.useRef(null),u=i.useRef(null),h=D||K,[y,F]=i.useState(0),[d,O]=i.useState([]);let q="dark";try{q=z.useThemeContext().theme}catch{}const P=q==="light"?$.oneLight:$.oneDark,L=Math.max(r.split(`
+`).length,m);i.useEffect(()=>{if(u.current&&h.current){const{start:e,end:t}=u.current;h.current.setSelectionRange(e,t),u.current=null}}),i.useEffect(()=>{const e=v.current,t=E.current;if(!e||!t)return;const n=()=>{const o=t.clientWidth;if(o<=0)return;e.style.width=`${o}px`;const a=r.split(`
+`),f=Math.max(a.length,m),b=[];for(let N=0;N<f;N++){const V=a[N]??"";e.textContent=V||" ",b.push(e.scrollHeight)}O(b)};n();const c=new ResizeObserver(n);return c.observe(t),()=>c.disconnect()},[r,m]),i.useEffect(()=>{const e=n=>{const c=n.target;p.current&&(p.current.scrollTop=c.scrollTop),x.current&&(x.current.scrollTop=c.scrollTop,x.current.scrollLeft=c.scrollLeft)},t=h?.current;if(t)return t.addEventListener("scroll",e),()=>{t.removeEventListener("scroll",e)}},[h]);const w=e=>{const t=e.value.substring(0,e.selectionStart);F(t.split(`
+`).length-1)},H=e=>{if(e.key==="Tab"){e.preventDefault();const t=e.currentTarget,n=t.selectionStart,c=t.selectionEnd,o="  ";if(n===c){const a=r.substring(0,n)+o+r.substring(c);u.current={start:n+o.length,end:n+o.length},g?.(a)}else if(e.shiftKey){const a=r.lastIndexOf(`
+`,n-1)+1,f=r.substring(a).match(/^ {1,2}/)?.[0]??"";if(f.length>0){const b=r.substring(0,a)+r.substring(a+f.length);u.current={start:Math.max(a,n-f.length),end:Math.max(a,c-f.length)},g?.(b)}}else{const a=r.substring(0,n)+o+r.substring(c);u.current={start:n+o.length,end:n+o.length},g?.(a)}}},M=[l.default.wrapper,B].filter(Boolean).join(" ");return j?s.jsxs("div",{className:M,style:{minHeight:`calc(${m} * 1.6em + 2 * var(--spacing-4))`},children:[s.jsx("div",{ref:v,className:l.default.lineMirror,"aria-hidden":"true"}),k&&s.jsx("div",{ref:p,className:l.default.lineNumbers,"aria-hidden":"true",children:Array.from({length:L}).map((e,t)=>s.jsx("div",{className:l.default.lineNumber,style:d[t]!==void 0?{height:`${d[t]}px`}:void 0,children:t+1},t))}),s.jsxs("div",{ref:E,className:l.default.editorArea,children:[s.jsx("div",{className:l.default.lineHighlight,style:{top:d.length>0?`calc(var(--spacing-4) + ${d.slice(0,y).reduce((e,t)=>e+t,0)}px)`:`calc(var(--spacing-4) + ${(y*1.6).toFixed(2)}em)`,...d[y]!==void 0?{height:`${d[y]}px`}:{}},"aria-hidden":"true"}),s.jsx("div",{ref:x,className:l.default.highlightLayer,"aria-hidden":"true",children:s.jsx(_.Prism,{language:j,style:P,customStyle:{margin:0,padding:0,background:"transparent",fontSize:"inherit",lineHeight:"inherit",fontFamily:"inherit",whiteSpace:"pre-wrap",wordBreak:"break-word",overflow:"visible"},codeTagProps:{style:{fontFamily:"inherit",background:"transparent",color:"var(--text-primary)",whiteSpace:"pre-wrap",wordBreak:"break-word"}},children:r+`
+`})}),s.jsx("textarea",{ref:h,className:l.default.textareaOverlay,value:r,onChange:e=>g?.(e.target.value),onKeyDown:H,onKeyUp:e=>w(e.currentTarget),onMouseUp:e=>w(e.currentTarget),onClick:e=>w(e.currentTarget),placeholder:C,readOnly:T,"aria-label":S||"Code editor",spellCheck:"false",...R})]})]}):s.jsxs("div",{className:M,style:{minHeight:`calc(${m} * 1.6em + 2 * var(--spacing-4))`},children:[s.jsx("div",{ref:v,className:l.default.lineMirror,"aria-hidden":"true"}),k&&s.jsx("div",{ref:p,className:l.default.lineNumbers,"aria-hidden":"true",children:Array.from({length:L}).map((e,t)=>s.jsx("div",{className:l.default.lineNumber,style:d[t]!==void 0?{height:`${d[t]}px`}:void 0,children:t+1},t))}),s.jsx("textarea",{ref:h,className:l.default.textarea,value:r,onChange:e=>g?.(e.target.value),onKeyDown:H,placeholder:C,readOnly:T,"aria-label":S||"Code editor",spellCheck:"false",...R})]})});A.displayName="CodeEditor";exports.CodeEditor=A;