@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Chat/hooks/useStreamingText.mjs

@@ -0,0 +1,21 @@
+import { useRef as h, useState as m, useEffect as i } from "react";
+function x(s, a = {}) {
+  const { wordsPerTick: c = 2, intervalMs: o = 60, enabled: t = !0 } = a, e = h([]), [r, n] = m(0);
+  i(() => {
+    e.current = s.split(/(\s+)/), n(t ? 0 : e.current.length);
+  }, [s, t]), i(() => {
+    if (!t || r >= e.current.length) return;
+    const u = setInterval(() => {
+      n((g) => {
+        const l = g + c;
+        return l >= e.current.length ? (clearInterval(u), e.current.length) : l;
+      });
+    }, o);
+    return () => clearInterval(u);
+  }, [t, r, c, o]);
+  const d = e.current.slice(0, r).join(""), f = r >= e.current.length;
+  return { displayText: d, isComplete: f };
+}
+export {
+  x as useStreamingText
+};

package/dist/components/Chat/hooks/useVoiceRecorder.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");function B(S={}){const{maxDuration:v=300,mimeType:f="audio/webm",onRecordingComplete:y,onError:i}=S,[p,R]=e.useState(!1),[T,m]=e.useState(0),[h,b]=e.useState(),[C,s]=e.useState(),u=e.useRef(null),d=e.useRef(null),l=e.useRef([]),n=e.useRef(null),M=e.useRef(0),g=typeof window<"u"&&"MediaRecorder"in window,o=e.useCallback(()=>{n.current&&(clearInterval(n.current),n.current=null),d.current&&(d.current.getTracks().forEach(t=>t.stop()),d.current=null),u.current=null,l.current=[]},[]),D=e.useCallback(async()=>{if(!g){const t="Voice recording is not supported in this browser";s(t),i?.(t);return}try{s(void 0),b(void 0),m(0),l.current=[];const t=await navigator.mediaDevices.getUserMedia({audio:!0});d.current=t;let c=f;MediaRecorder.isTypeSupported(f)||(c=["audio/webm","audio/mp4","audio/ogg"].find(I=>MediaRecorder.isTypeSupported(I))||"");const a=new MediaRecorder(t,{mimeType:c||void 0});u.current=a,a.ondataavailable=r=>{r.data.size>0&&l.current.push(r.data)},a.onstop=()=>{const r=new Blob(l.current,{type:c||"audio/webm"});b(r),y?.(r),o()},a.onerror=()=>{const r="Recording failed";s(r),i?.(r),o()},a.start(100),R(!0),M.current=Date.now(),n.current=window.setInterval(()=>{const r=Math.floor((Date.now()-M.current)/1e3);m(r),r>=v&&k()},100)}catch(t){const c=t instanceof Error?t.message:"Failed to access microphone";s(c),i?.(c),o()}},[g,f,v,y,i,o]),k=e.useCallback(()=>{u.current&&p&&(u.current.stop(),R(!1),n.current&&(clearInterval(n.current),n.current=null))},[p]),w=e.useCallback(()=>{o(),R(!1),m(0),b(void 0)},[o]),E=e.useCallback(()=>{w(),s(void 0)},[w]);return e.useEffect(()=>()=>{o()},[o]),{isRecording:p,duration:T,audioBlob:h,error:C,startRecording:D,stopRecording:k,cancelRecording:w,reset:E,isSupported:g}}exports.useVoiceRecorder=B;

package/dist/components/Chat/hooks/useVoiceRecorder.d.ts

@@ -0,0 +1,26 @@
+import { VoiceRecorderState } from '../Chat.types';
+
+export interface UseVoiceRecorderOptions {
+    /** Maximum recording duration in seconds */
+    maxDuration?: number;
+    /** Audio MIME type */
+    mimeType?: string;
+    /** Callback when recording is complete */
+    onRecordingComplete?: (blob: Blob) => void;
+    /** Callback on error */
+    onError?: (error: string) => void;
+}
+export interface UseVoiceRecorderReturn extends VoiceRecorderState {
+    /** Start recording */
+    startRecording: () => Promise<void>;
+    /** Stop recording */
+    stopRecording: () => void;
+    /** Cancel recording */
+    cancelRecording: () => void;
+    /** Reset state */
+    reset: () => void;
+    /** Whether recording is supported */
+    isSupported: boolean;
+}
+export declare function useVoiceRecorder(options?: UseVoiceRecorderOptions): UseVoiceRecorderReturn;
+//# sourceMappingURL=useVoiceRecorder.d.ts.map

package/dist/components/Chat/hooks/useVoiceRecorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVoiceRecorder.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useVoiceRecorder.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC3C,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE,sBAAsB;IACtB,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,qBAAqB;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,uBAAuB;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,kBAAkB;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,qCAAqC;IACrC,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,uBAA4B,GACpC,sBAAsB,CA+KxB"}

package/dist/components/Chat/hooks/useVoiceRecorder.mjs

@@ -0,0 +1,74 @@
+import { useState as p, useRef as i, useCallback as a, useEffect as V } from "react";
+function A(D = {}) {
+  const {
+    maxDuration: y = 300,
+    // 5 minutes default
+    mimeType: m = "audio/webm",
+    onRecordingComplete: h,
+    onError: u
+  } = D, [R, g] = p(!1), [E, w] = p(0), [I, b] = p(), [S, c] = p(), d = i(null), l = i(null), f = i([]), o = i(null), T = i(0), v = typeof window < "u" && "MediaRecorder" in window, t = a(() => {
+    o.current && (clearInterval(o.current), o.current = null), l.current && (l.current.getTracks().forEach((r) => r.stop()), l.current = null), d.current = null, f.current = [];
+  }, []), B = a(async () => {
+    if (!v) {
+      const r = "Voice recording is not supported in this browser";
+      c(r), u?.(r);
+      return;
+    }
+    try {
+      c(void 0), b(void 0), w(0), f.current = [];
+      const r = await navigator.mediaDevices.getUserMedia({ audio: !0 });
+      l.current = r;
+      let n = m;
+      MediaRecorder.isTypeSupported(m) || (n = ["audio/webm", "audio/mp4", "audio/ogg"].find((C) => MediaRecorder.isTypeSupported(C)) || "");
+      const s = new MediaRecorder(r, {
+        mimeType: n || void 0
+      });
+      d.current = s, s.ondataavailable = (e) => {
+        e.data.size > 0 && f.current.push(e.data);
+      }, s.onstop = () => {
+        const e = new Blob(f.current, {
+          type: n || "audio/webm"
+        });
+        b(e), h?.(e), t();
+      }, s.onerror = () => {
+        const e = "Recording failed";
+        c(e), u?.(e), t();
+      }, s.start(100), g(!0), T.current = Date.now(), o.current = window.setInterval(() => {
+        const e = Math.floor((Date.now() - T.current) / 1e3);
+        w(e), e >= y && k();
+      }, 100);
+    } catch (r) {
+      const n = r instanceof Error ? r.message : "Failed to access microphone";
+      c(n), u?.(n), t();
+    }
+  }, [
+    v,
+    m,
+    y,
+    h,
+    u,
+    t
+  ]), k = a(() => {
+    d.current && R && (d.current.stop(), g(!1), o.current && (clearInterval(o.current), o.current = null));
+  }, [R]), M = a(() => {
+    t(), g(!1), w(0), b(void 0);
+  }, [t]), x = a(() => {
+    M(), c(void 0);
+  }, [M]);
+  return V(() => () => {
+    t();
+  }, [t]), {
+    isRecording: R,
+    duration: E,
+    audioBlob: I,
+    error: S,
+    startRecording: B,
+    stopRecording: k,
+    cancelRecording: M,
+    reset: x,
+    isSupported: v
+  };
+}
+export {
+  A as useVoiceRecorder
+};

package/dist/components/Chat/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Chat Component - AI-first chat interface with multimodal support.
+ *
+ * @example
+ * ```tsx
+ * import { Chat } from '@orion-ds/react';
+ *
+ * <Chat>
+ *   <Chat.Header title="AI Assistant" />
+ *   <Chat.Messages>
+ *     {messages.map(msg => (
+ *       <Chat.Message
+ *         key={msg.id}
+ *         role={msg.role}
+ *         content={msg.content}
+ *       />
+ *     ))}
+ *     {isTyping && <Chat.TypingIndicator />}
+ *   </Chat.Messages>
+ *   <Chat.Input onSend={handleSend} />
+ * </Chat>
+ * ```
+ */
+export { Chat } from './Chat';
+export type { ChatRole, MessageStatus, AttachmentType, MessageReaction, ChatAttachment, ChatMessage, ChatConversation, VoiceRecorderState, ChatProps, ChatHeaderProps, ChatMessagesProps, ChatMessageProps, ChatInputProps, ChatTypingIndicatorProps, ChatCodeBlockProps, ChatMarkdownProps, ChatImagePreviewProps, ChatAudioPlayerProps, ChatVoiceRecorderProps, ChatFileUploadProps, ChatAttachmentPreviewProps, ChatSidebarProps, ChatSectionProps, ChatPageTemplateProps, ChatLightboxProps, } from './Chat.types';
+export { useAutoScroll, useVoiceRecorder, useChatInput, useStreamingText, } from './hooks';
+export type { UseAutoScrollOptions, UseAutoScrollReturn, UseVoiceRecorderOptions, UseVoiceRecorderReturn, UseChatInputOptions, UseChatInputReturn, UseStreamingTextOptions, UseStreamingTextReturn, } from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,YAAY,EAEV,QAAQ,EACR,aAAa,EACb,cAAc,EACd,eAAe,EACf,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAElB,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,wBAAwB,EACxB,kBAAkB,EAClB,iBAAiB,EAEjB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,0BAA0B,EAE1B,gBAAgB,EAEhB,gBAAgB,EAChB,qBAAqB,EAErB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/dist/components/Chat/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>{if(!t||t===0)return"0 B";const o=1024,r=["B","KB","MB","GB"],a=Math.floor(Math.log(t)/Math.log(o));return`${parseFloat((t/Math.pow(o,a)).toFixed(1))} ${r[a]}`},i=t=>{const o=Math.floor(t/60),r=Math.floor(t%60);return`${o}:${r.toString().padStart(2,"0")}`};exports.formatFileSize=e;exports.formatTime=i;

package/dist/components/Chat/utils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Chat Component Shared Utilities
+ *
+ * Centralized helper functions used across multiple Chat sub-components.
+ */
+/**
+ * Format a byte count into a human-readable file size string.
+ * Used by ChatInput, ChatFileUpload, and ChatAttachment.
+ */
+export declare const formatFileSize: (bytes?: number) => string;
+/**
+ * Format seconds into mm:ss display string.
+ * Used by ChatAudioPlayer and ChatVoiceRecorder.
+ */
+export declare const formatTime: (seconds: number) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/Chat/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,KAAG,MAM/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,SAAS,MAAM,KAAG,MAI5C,CAAC"}

package/dist/components/Chat/utils.mjs

@@ -0,0 +1,12 @@
+const n = (t) => {
+  if (!t || t === 0) return "0 B";
+  const o = 1024, r = ["B", "KB", "MB", "GB"], a = Math.floor(Math.log(t) / Math.log(o));
+  return `${parseFloat((t / Math.pow(o, a)).toFixed(1))} ${r[a]}`;
+}, i = (t) => {
+  const o = Math.floor(t / 60), r = Math.floor(t % 60);
+  return `${o}:${r.toString().padStart(2, "0")}`;
+};
+export {
+  n as formatFileSize,
+  i as formatTime
+};

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.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { CheckboxProps } from './Checkbox.types';
+
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,wFAqIpB,CAAC"}

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/Checkbox/Checkbox.module.css

@@ -0,0 +1 @@
+._container_1ggcm_12{display:inline-flex;flex-direction:column;gap:var(--spacing-1)}._disabled_1ggcm_18{opacity:.5}._labelWrapper_1ggcm_26{display:inline-flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none}._disabled_1ggcm_18 ._labelWrapper_1ggcm_26{cursor:not-allowed;pointer-events:none}._input_1ggcm_43{position:absolute;opacity:0;width:0;height:0;pointer-events:none}._checkbox_1ggcm_55{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--surface-base);border:2px solid var(--border-strong);border-radius:var(--radius-sm);transition:all var(--transition-fast)}._checkmark_1ggcm_76{display:flex;align-items:center;justify-content:center;width:12px;height:12px;color:var(--interactive-primary-text);opacity:0;transform:scale(.5);transition:all var(--transition-fast)}._sm_1ggcm_92 ._checkbox_1ggcm_55{width:16px;height:16px}._sm_1ggcm_92 ._checkmark_1ggcm_76{width:10px;height:10px}._md_1ggcm_102 ._checkbox_1ggcm_55{width:20px;height:20px}._md_1ggcm_102 ._checkmark_1ggcm_76{width:12px;height:12px}._lg_1ggcm_112 ._checkbox_1ggcm_55{width:24px;height:24px}._lg_1ggcm_112 ._checkmark_1ggcm_76{width:14px;height:14px}._input_1ggcm_43:checked+._labelWrapper_1ggcm_26 ._checkbox_1ggcm_55{background:var(--interactive-primary);border-color:var(--interactive-primary)}._input_1ggcm_43:checked+._labelWrapper_1ggcm_26 ._checkmark_1ggcm_76{opacity:1;transform:scale(1)}._input_1ggcm_43:indeterminate+._labelWrapper_1ggcm_26 ._checkbox_1ggcm_55{background:var(--interactive-primary);border-color:var(--interactive-primary)}._input_1ggcm_43:indeterminate+._labelWrapper_1ggcm_26 ._checkmark_1ggcm_76{opacity:1;transform:scale(1)}._labelWrapper_1ggcm_26:hover ._checkbox_1ggcm_55{border-color:var(--interactive-primary)}._input_1ggcm_43:checked+._labelWrapper_1ggcm_26:hover ._checkbox_1ggcm_55,._input_1ggcm_43:indeterminate+._labelWrapper_1ggcm_26:hover ._checkbox_1ggcm_55{background:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover)}._input_1ggcm_43:focus-visible+._labelWrapper_1ggcm_26 ._checkbox_1ggcm_55{outline:2px solid var(--interactive-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--soft-brand)}._input_1ggcm_43:disabled+._labelWrapper_1ggcm_26{opacity:.5;cursor:not-allowed;pointer-events:none}._input_1ggcm_43:disabled+._labelWrapper_1ggcm_26 ._checkbox_1ggcm_55{background:var(--surface-subtle);border-color:var(--border-subtle)}._input_1ggcm_43:disabled:checked+._labelWrapper_1ggcm_26 ._checkbox_1ggcm_55,._input_1ggcm_43:disabled:indeterminate+._labelWrapper_1ggcm_26 ._checkbox_1ggcm_55{background:var(--text-tertiary);border-color:var(--text-tertiary)}._error_1ggcm_199 ._checkbox_1ggcm_55,._error_1ggcm_199 ._labelWrapper_1ggcm_26:hover ._checkbox_1ggcm_55{border-color:var(--status-error)}._error_1ggcm_199 ._input_1ggcm_43:focus-visible+._labelWrapper_1ggcm_26 ._checkbox_1ggcm_55{outline-color:var(--status-error);box-shadow:0 0 0 4px var(--soft-error)}._label_1ggcm_26{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:1.4}._sm_1ggcm_92 ._label_1ggcm_26{font-size:var(--font-size-13)}._lg_1ggcm_112 ._label_1ggcm_26{font-size:var(--font-size-16)}._required_1ggcm_232{color:var(--status-error);margin-left:2px}._helperText_1ggcm_238{margin:0;font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-secondary);line-height:var(--line-height-snug);padding-left:calc(20px + var(--spacing-3))}._sm_1ggcm_92 ._helperText_1ggcm_238{padding-left:calc(16px + var(--spacing-3))}._lg_1ggcm_112 ._helperText_1ggcm_238{padding-left:calc(24px + var(--spacing-3))}._errorMessage_1ggcm_256{display:flex;align-items:center;gap:var(--spacing-1);margin:0;font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--status-error);line-height:var(--line-height-snug);padding-left:calc(20px + var(--spacing-3))}._sm_1ggcm_92 ._errorMessage_1ggcm_256{padding-left:calc(16px + var(--spacing-3))}._lg_1ggcm_112 ._errorMessage_1ggcm_256{padding-left:calc(24px + var(--spacing-3))}@media(forced-colors:active){._checkbox_1ggcm_55{border:2px solid CanvasText;background:Canvas}._input_1ggcm_43:checked+._labelWrapper_1ggcm_26 ._checkbox_1ggcm_55,._input_1ggcm_43:indeterminate+._labelWrapper_1ggcm_26 ._checkbox_1ggcm_55{background:Highlight;border-color:Highlight}._checkmark_1ggcm_76{color:Canvas}._input_1ggcm_43:focus-visible+._labelWrapper_1ggcm_26 ._checkbox_1ggcm_55{outline:3px solid Highlight;outline-offset:2px}._input_1ggcm_43:disabled+._labelWrapper_1ggcm_26 ._checkbox_1ggcm_55{border-color:GrayText}._error_1ggcm_199 ._checkbox_1ggcm_55{border-color:LinkText}._errorMessage_1ggcm_256{color:LinkText}._label_1ggcm_26{color:CanvasText}}@media(prefers-reduced-motion:reduce){._checkbox_1ggcm_55,._checkmark_1ggcm_76{transition:none}}

package/dist/components/Checkbox/Checkbox.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1ggcm_12",r="_disabled_1ggcm_18",c="_labelWrapper_1ggcm_26",_="_input_1ggcm_43",g="_checkbox_1ggcm_55",s="_checkmark_1ggcm_76",o="_sm_1ggcm_92",t="_md_1ggcm_102",l="_lg_1ggcm_112",a="_error_1ggcm_199",n="_label_1ggcm_26",m="_required_1ggcm_232",d="_helperText_1ggcm_238",i="_errorMessage_1ggcm_256",b={container:e,disabled:r,labelWrapper:c,input:_,checkbox:g,checkmark:s,sm:o,md:t,lg:l,error:a,label:n,required:m,helperText:d,errorMessage:i};exports.checkbox=g;exports.checkmark=s;exports.container=e;exports.default=b;exports.disabled=r;exports.error=a;exports.errorMessage=i;exports.helperText=d;exports.input=_;exports.label=n;exports.labelWrapper=c;exports.lg=l;exports.md=t;exports.required=m;exports.sm=o;

package/dist/components/Checkbox/Checkbox.module.css.mjs

@@ -0,0 +1,33 @@
+const e = "_container_1ggcm_12", c = "_disabled_1ggcm_18", _ = "_labelWrapper_1ggcm_26", r = "_input_1ggcm_43", g = "_checkbox_1ggcm_55", s = "_checkmark_1ggcm_76", o = "_sm_1ggcm_92", t = "_md_1ggcm_102", n = "_lg_1ggcm_112", a = "_error_1ggcm_199", l = "_label_1ggcm_26", m = "_required_1ggcm_232", d = "_helperText_1ggcm_238", p = "_errorMessage_1ggcm_256", b = {
+  container: e,
+  disabled: c,
+  labelWrapper: _,
+  input: r,
+  checkbox: g,
+  checkmark: s,
+  sm: o,
+  md: t,
+  lg: n,
+  error: a,
+  label: l,
+  required: m,
+  helperText: d,
+  errorMessage: p
+};
+export {
+  g as checkbox,
+  s as checkmark,
+  e as container,
+  b as default,
+  c as disabled,
+  a as error,
+  p as errorMessage,
+  d as helperText,
+  r as input,
+  l as label,
+  _ as labelWrapper,
+  n as lg,
+  t as md,
+  m as required,
+  o as sm
+};

package/dist/components/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,64 @@
+import { InputHTMLAttributes } from 'react';
+
+/**
+ * Checkbox sizes
+ */
+export type CheckboxSize = "sm" | "md" | "lg";
+/**
+ * Checkbox component props
+ *
+ * @example
+ * ```tsx
+ * <Checkbox label="Accept terms" />
+ * <Checkbox checked={agreed} onChange={(e) => setAgreed(e.target.checked)} />
+ * ```
+ */
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+    /**
+     * Checkbox label text.
+     * Required for accessibility unless aria-label is provided.
+     */
+    label?: string;
+    /**
+     * Helper text displayed below the checkbox.
+     * Automatically linked via aria-describedby.
+     */
+    helperText?: string;
+    /**
+     * Error message.
+     * Shows error state and displays message below checkbox.
+     */
+    error?: string;
+    /**
+     * Checkbox size variant.
+     * @default 'md'
+     */
+    size?: CheckboxSize;
+    /**
+     * Indeterminate state (partially checked).
+     * Used for "select all" patterns where some items are selected.
+     * Sets aria-checked="mixed" for screen readers.
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Accessible label for screen readers when no visible label is provided.
+     * REQUIRED if `label` prop is not provided.
+     *
+     * @example
+     * ```tsx
+     * <Checkbox
+     *   aria-label="Select row 1"
+     *   checked={selected}
+     *   onChange={handleSelect}
+     * />
+     * ```
+     */
+    "aria-label"?: string;
+    /**
+     * Additional element IDs that describe this checkbox.
+     * Automatically includes error and helper text IDs when provided.
+     */
+    "aria-describedby"?: string;
+}
+//# sourceMappingURL=Checkbox.types.d.ts.map

package/dist/components/Checkbox/Checkbox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;;;;;;;GAQG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAMxB;;;;;;;;;;;;OAYG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Checkbox Component - Boolean selection with label.
+ *
+ * @example
+ * ```tsx
+ * import { Checkbox } from '@orion-ds/react';
+ *
+ * <Checkbox label="I agree to the terms" />
+ * <Checkbox label="Select all" checked={selectAll} indeterminate={someSelected} />
+ * <Checkbox label="Remember me" checked={remember} onChange={setRemember} />
+ * ```
+ */
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps, CheckboxSize } from './Checkbox.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

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.d.ts

@@ -0,0 +1,4 @@
+import { ChipProps } from './Chip.types';
+
+export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/components/Chip/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,sGA0GhB,CAAC"}

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/Chip/Chip.module.css

@@ -0,0 +1 @@
+._chip_1thuo_9{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast)}._sm_1thuo_26{height:24px;padding:0 var(--spacing-2);font-size:var(--font-size-12)}._md_1thuo_32{height:28px;padding:0 var(--spacing-3);font-size:var(--font-size-12)}._lg_1thuo_38{height:32px;padding:0 var(--spacing-3);font-size:var(--font-size-14)}._default_1thuo_48{background:var(--surface-subtle);color:var(--text-primary);border:1px solid var(--border-subtle)}._primary_1thuo_54{background:color-mix(in srgb,var(--interactive-primary) 15%,transparent);color:var(--text-brand);border:1px solid color-mix(in srgb,var(--interactive-primary) 30%,transparent)}._success_1thuo_61{background:color-mix(in srgb,var(--status-success) 15%,transparent);color:var(--status-success);border:1px solid color-mix(in srgb,var(--status-success) 30%,transparent)}._warning_1thuo_67{background:color-mix(in srgb,var(--status-warning) 15%,transparent);color:var(--status-warning);border:1px solid color-mix(in srgb,var(--status-warning) 30%,transparent)}._error_1thuo_73{background:color-mix(in srgb,var(--status-error) 15%,transparent);color:var(--status-error);border:1px solid color-mix(in srgb,var(--status-error) 30%,transparent)}._info_1thuo_79{background:color-mix(in srgb,var(--status-info) 15%,transparent);color:var(--status-info);border:1px solid color-mix(in srgb,var(--status-info) 30%,transparent)}._inverse_1thuo_85,[data-dark-bg=true] ._default_1thuo_48,[data-dark-bg=true] ._primary_1thuo_54,[data-dark-bg=true] ._success_1thuo_61,[data-dark-bg=true] ._warning_1thuo_67,[data-dark-bg=true] ._error_1thuo_73,[data-dark-bg=true] ._info_1thuo_79{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:var(--color-neutral-0);border:1px solid color-mix(in srgb,var(--color-neutral-0) 20%,transparent)}._clickable_1thuo_115{cursor:pointer}._clickable_1thuo_115:hover:not(._disabled_1thuo_118){filter:brightness(.95)}._clickable_1thuo_115:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._clickable_1thuo_115:active:not(._disabled_1thuo_118){transform:scale(.98)}._selected_1thuo_132._default_1thuo_48,._selected_1thuo_132._primary_1thuo_54{background:var(--interactive-primary);color:var(--interactive-primary-text);border-color:var(--interactive-primary)}._disabled_1thuo_118{opacity:.5;cursor:not-allowed;pointer-events:none}._icon_1thuo_156{width:14px;height:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._sm_1thuo_26 ._icon_1thuo_156{width:12px;height:12px}._lg_1thuo_38 ._icon_1thuo_156{width:16px;height:16px}._label_1thuo_175{line-height:1}._removeButton_1thuo_179{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:var(--spacing-1);margin-right:calc(var(--spacing-1) * -1);padding:0;background:transparent;border:none;border-radius:50%;color:currentColor;opacity:.6;cursor:pointer;transition:opacity var(--transition-fast),background-color var(--transition-fast)}._removeButton_1thuo_179:hover:not(:disabled){opacity:1;background:var(--interactive-ghost-hover)}._removeButton_1thuo_179:focus-visible{outline:2px solid currentColor;outline-offset:1px}._removeButton_1thuo_179:disabled{cursor:not-allowed}._sm_1thuo_26 ._removeButton_1thuo_179{width:14px;height:14px}._lg_1thuo_38 ._removeButton_1thuo_179{width:18px;height:18px}

package/dist/components/Chip/Chip.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_chip_1thuo_9",o="_sm_1thuo_26",t="_md_1thuo_32",_="_lg_1thuo_38",s="_primary_1thuo_54",c="_success_1thuo_61",n="_warning_1thuo_67",l="_error_1thuo_73",r="_info_1thuo_79",i="_inverse_1thuo_85",u="_clickable_1thuo_115",a="_disabled_1thuo_118",d="_selected_1thuo_132",h="_icon_1thuo_156",m="_label_1thuo_175",b="_removeButton_1thuo_179",g={chip:e,sm:o,md:t,lg:_,default:"_default_1thuo_48",primary:s,success:c,warning:n,error:l,info:r,inverse:i,clickable:u,disabled:a,selected:d,icon:h,label:m,removeButton:b};exports.chip=e;exports.clickable=u;exports.default=g;exports.disabled=a;exports.error=l;exports.icon=h;exports.info=r;exports.inverse=i;exports.label=m;exports.lg=_;exports.md=t;exports.primary=s;exports.removeButton=b;exports.selected=d;exports.sm=o;exports.success=c;exports.warning=n;

package/dist/components/Chip/Chip.module.css.mjs

@@ -0,0 +1,38 @@
+const _ = "_chip_1thuo_9", o = "_sm_1thuo_26", t = "_md_1thuo_32", e = "_lg_1thuo_38", s = "_primary_1thuo_54", c = "_success_1thuo_61", n = "_warning_1thuo_67", u = "_error_1thuo_73", l = "_info_1thuo_79", r = "_inverse_1thuo_85", i = "_clickable_1thuo_115", h = "_disabled_1thuo_118", a = "_selected_1thuo_132", d = "_icon_1thuo_156", m = "_label_1thuo_175", b = "_removeButton_1thuo_179", p = {
+  chip: _,
+  sm: o,
+  md: t,
+  lg: e,
+  default: "_default_1thuo_48",
+  primary: s,
+  success: c,
+  warning: n,
+  error: u,
+  info: l,
+  inverse: r,
+  clickable: i,
+  disabled: h,
+  selected: a,
+  icon: d,
+  label: m,
+  removeButton: b
+};
+export {
+  _ as chip,
+  i as clickable,
+  p as default,
+  h as disabled,
+  u as error,
+  d as icon,
+  l as info,
+  r as inverse,
+  m as label,
+  e as lg,
+  t as md,
+  s as primary,
+  b as removeButton,
+  a as selected,
+  o as sm,
+  c as success,
+  n as warning
+};