@orion-ds/react 4.2.14 → 4.3.1

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;

package/dist/components/CodeEditor/CodeEditor.mjs

@@ -0,0 +1,255 @@
+import { jsxs as k, jsx as l } from "react/jsx-runtime";
+import { forwardRef as U, useRef as g, useState as K, useEffect as T } from "react";
+import { Prism as W } from "react-syntax-highlighter";
+import { oneLight as _, oneDark as I } from "react-syntax-highlighter/dist/esm/styles/prism";
+import i from "./CodeEditor.module.css.mjs";
+import { useThemeContext as G } from "../../contexts/ThemeContext.mjs";
+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 J = U(
+  ({
+    value: r = "",
+    onChange: f,
+    language: C,
+    readOnly: S = !1,
+    showLineNumbers: L = !0,
+    placeholder: $,
+    minRows: m = 10,
+    className: j,
+    "aria-label": H,
+    ...M
+  }, q) => {
+    const p = g(null), x = g(null), v = g(null), A = g(null), F = g(null), d = g(null), h = q || F, [y, V] = K(0), [c, z] = K([]);
+    let E = "dark";
+    try {
+      E = G().theme;
+    } catch {
+    }
+    const O = E === "light" ? _ : I, R = Math.max(r.split(`
+`).length, m);
+    T(() => {
+      if (d.current && h.current) {
+        const { start: e, end: t } = d.current;
+        h.current.setSelectionRange(e, t), d.current = null;
+      }
+    }), T(() => {
+      const e = v.current, t = A.current;
+      if (!e || !t) return;
+      const n = () => {
+        const o = t.clientWidth;
+        if (o <= 0) return;
+        e.style.width = `${o}px`;
+        const s = r.split(`
+`), u = Math.max(s.length, m), b = [];
+        for (let N = 0; N < u; N++) {
+          const P = s[N] ?? "";
+          e.textContent = P || " ", b.push(e.scrollHeight);
+        }
+        z(b);
+      };
+      n();
+      const a = new ResizeObserver(n);
+      return a.observe(t), () => a.disconnect();
+    }, [r, m]), T(() => {
+      const e = (n) => {
+        const a = n.target;
+        p.current && (p.current.scrollTop = a.scrollTop), x.current && (x.current.scrollTop = a.scrollTop, x.current.scrollLeft = a.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);
+      V(t.split(`
+`).length - 1);
+    }, B = (e) => {
+      if (e.key === "Tab") {
+        e.preventDefault();
+        const t = e.currentTarget, n = t.selectionStart, a = t.selectionEnd, o = "  ";
+        if (n === a) {
+          const s = r.substring(0, n) + o + r.substring(a);
+          d.current = {
+            start: n + o.length,
+            end: n + o.length
+          }, f?.(s);
+        } else if (e.shiftKey) {
+          const s = r.lastIndexOf(`
+`, n - 1) + 1, u = r.substring(s).match(/^ {1,2}/)?.[0] ?? "";
+          if (u.length > 0) {
+            const b = r.substring(0, s) + r.substring(s + u.length);
+            d.current = {
+              start: Math.max(s, n - u.length),
+              end: Math.max(s, a - u.length)
+            }, f?.(b);
+          }
+        } else {
+          const s = r.substring(0, n) + o + r.substring(a);
+          d.current = {
+            start: n + o.length,
+            end: n + o.length
+          }, f?.(s);
+        }
+      }
+    }, D = [i.wrapper, j].filter(Boolean).join(" ");
+    return C ? /* @__PURE__ */ k(
+      "div",
+      {
+        className: D,
+        style: {
+          minHeight: `calc(${m} * 1.6em + 2 * var(--spacing-4))`
+        },
+        children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              ref: v,
+              className: i.lineMirror,
+              "aria-hidden": "true"
+            }
+          ),
+          L && /* @__PURE__ */ l(
+            "div",
+            {
+              ref: p,
+              className: i.lineNumbers,
+              "aria-hidden": "true",
+              children: Array.from({ length: R }).map((e, t) => /* @__PURE__ */ l(
+                "div",
+                {
+                  className: i.lineNumber,
+                  style: c[t] !== void 0 ? { height: `${c[t]}px` } : void 0,
+                  children: t + 1
+                },
+                t
+              ))
+            }
+          ),
+          /* @__PURE__ */ k("div", { ref: A, className: i.editorArea, children: [
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: i.lineHighlight,
+                style: {
+                  top: c.length > 0 ? `calc(var(--spacing-4) + ${c.slice(0, y).reduce((e, t) => e + t, 0)}px)` : `calc(var(--spacing-4) + ${(y * 1.6).toFixed(2)}em)`,
+                  ...c[y] !== void 0 ? { height: `${c[y]}px` } : {}
+                },
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ l(
+              "div",
+              {
+                ref: x,
+                className: i.highlightLayer,
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ l(
+                  W,
+                  {
+                    language: C,
+                    style: O,
+                    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 + `
+`
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ l(
+              "textarea",
+              {
+                ref: h,
+                className: i.textareaOverlay,
+                value: r,
+                onChange: (e) => f?.(e.target.value),
+                onKeyDown: B,
+                onKeyUp: (e) => w(e.currentTarget),
+                onMouseUp: (e) => w(e.currentTarget),
+                onClick: (e) => w(e.currentTarget),
+                placeholder: $,
+                readOnly: S,
+                "aria-label": H || "Code editor",
+                spellCheck: "false",
+                ...M
+              }
+            )
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ k(
+      "div",
+      {
+        className: D,
+        style: { minHeight: `calc(${m} * 1.6em + 2 * var(--spacing-4))` },
+        children: [
+          /* @__PURE__ */ l("div", { ref: v, className: i.lineMirror, "aria-hidden": "true" }),
+          L && /* @__PURE__ */ l(
+            "div",
+            {
+              ref: p,
+              className: i.lineNumbers,
+              "aria-hidden": "true",
+              children: Array.from({ length: R }).map((e, t) => /* @__PURE__ */ l(
+                "div",
+                {
+                  className: i.lineNumber,
+                  style: c[t] !== void 0 ? { height: `${c[t]}px` } : void 0,
+                  children: t + 1
+                },
+                t
+              ))
+            }
+          ),
+          /* @__PURE__ */ l(
+            "textarea",
+            {
+              ref: h,
+              className: i.textarea,
+              value: r,
+              onChange: (e) => f?.(e.target.value),
+              onKeyDown: B,
+              placeholder: $,
+              readOnly: S,
+              "aria-label": H || "Code editor",
+              spellCheck: "false",
+              ...M
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+J.displayName = "CodeEditor";
+export {
+  J as CodeEditor
+};

package/dist/components/Collapsible/Collapsible.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),e=require("react"),p=require("./Collapsible.module.css.cjs"),x=e.createContext(null);function j(){const t=e.useContext(x);if(!t)throw new Error("Collapsible.Trigger/Content must be used within a Collapsible");return t}const I=e.forwardRef(({asChild:t,className:d,children:l,onClick:n,...u},s)=>{const{open:a,disabled:r,toggle:i,contentId:b,triggerId:c}=j(),o=e.useCallback(g=>{i(),n?.(g)},[i,n]);if(t&&e.isValidElement(l))return e.cloneElement(l,{id:c,"aria-expanded":a,"aria-controls":b,disabled:r,onClick:o});const f=[p.default.trigger,d].filter(Boolean).join(" ");return C.jsx("button",{ref:s,id:c,type:"button",className:f,"aria-expanded":a,"aria-controls":b,disabled:r,onClick:o,...u,children:l})});I.displayName="Collapsible.Trigger";const N=e.forwardRef(({forceMount:t,className:d,children:l,...n},u)=>{const{open:s,triggerId:a,contentId:r}=j();if(!t&&!s)return null;const i=[p.default.content,s&&p.default.contentOpen,d].filter(Boolean).join(" ");return C.jsx("div",{ref:u,id:r,role:"region","aria-labelledby":a,className:i,...n,children:C.jsx("div",{className:p.default.contentInner,children:l})})});N.displayName="Collapsible.Content";const v=e.forwardRef(({open:t,defaultOpen:d=!1,onOpenChange:l,disabled:n=!1,className:u,children:s,...a},r)=>{const[i,b]=e.useState(d),c=t!==void 0,o=c?t:i,f=e.useId(),g=e.useId(),y=e.useCallback(()=>{if(n)return;const m=!o;c||b(m),l?.(m)},[o,c,n,l]),w=[p.default.collapsible,u].filter(Boolean).join(" "),R={open:o,disabled:n,toggle:y,contentId:f,triggerId:g};return C.jsx(x.Provider,{value:R,children:C.jsx("div",{ref:r,className:w,"data-state":o?"open":"closed",...a,children:s})})});v.displayName="Collapsible";const O=Object.assign(v,{Trigger:I,Content:N});exports.Collapsible=O;

package/dist/components/Collapsible/Collapsible.mjs

@@ -0,0 +1,114 @@
+import { jsx as C } from "react/jsx-runtime";
+import { forwardRef as m, useState as B, useId as x, useCallback as I, isValidElement as E, cloneElement as h, createContext as R, useContext as P } from "react";
+import p from "./Collapsible.module.css.mjs";
+const N = R(null);
+function v() {
+  const e = P(N);
+  if (!e)
+    throw new Error(
+      "Collapsible.Trigger/Content must be used within a Collapsible"
+    );
+  return e;
+}
+const y = m(({ asChild: e, className: c, children: t, onClick: n, ...d }, l) => {
+  const { open: s, disabled: a, toggle: r, contentId: g, triggerId: i } = v(), o = I(
+    (b) => {
+      r(), n?.(b);
+    },
+    [r, n]
+  );
+  if (e && E(t))
+    return h(
+      t,
+      {
+        id: i,
+        "aria-expanded": s,
+        "aria-controls": g,
+        disabled: a,
+        onClick: o
+      }
+    );
+  const u = [p.trigger, c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ C(
+    "button",
+    {
+      ref: l,
+      id: i,
+      type: "button",
+      className: u,
+      "aria-expanded": s,
+      "aria-controls": g,
+      disabled: a,
+      onClick: o,
+      ...d,
+      children: t
+    }
+  );
+});
+y.displayName = "Collapsible.Trigger";
+const j = m(
+  ({ forceMount: e, className: c, children: t, ...n }, d) => {
+    const { open: l, triggerId: s, contentId: a } = v();
+    if (!e && !l)
+      return null;
+    const r = [
+      p.content,
+      l && p.contentOpen,
+      c
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ C(
+      "div",
+      {
+        ref: d,
+        id: a,
+        role: "region",
+        "aria-labelledby": s,
+        className: r,
+        ...n,
+        children: /* @__PURE__ */ C("div", { className: p.contentInner, children: t })
+      }
+    );
+  }
+);
+j.displayName = "Collapsible.Content";
+const w = m(
+  ({
+    open: e,
+    defaultOpen: c = !1,
+    onOpenChange: t,
+    disabled: n = !1,
+    className: d,
+    children: l,
+    ...s
+  }, a) => {
+    const [r, g] = B(c), i = e !== void 0, o = i ? e : r, u = x(), b = x(), O = I(() => {
+      if (n) return;
+      const f = !o;
+      i || g(f), t?.(f);
+    }, [o, i, n, t]), T = [p.collapsible, d].filter(Boolean).join(" "), k = {
+      open: o,
+      disabled: n,
+      toggle: O,
+      contentId: u,
+      triggerId: b
+    };
+    return /* @__PURE__ */ C(N.Provider, { value: k, children: /* @__PURE__ */ C(
+      "div",
+      {
+        ref: a,
+        className: T,
+        "data-state": o ? "open" : "closed",
+        ...s,
+        children: l
+      }
+    ) });
+  }
+);
+w.displayName = "Collapsible";
+const z = Object.assign(w, {
+  Trigger: y,
+  Content: j
+});
+export {
+  z as Collapsible
+};