@orion-ds/react 4.9.2 → 4.9.3

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

@@ -0,0 +1,64 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Chip visual variants
+ */
+export type ChipVariant = "default" | "primary" | "success" | "warning" | "error" | "info" | "inverse";
+/**
+ * Chip sizes
+ */
+export type ChipSize = "sm" | "md" | "lg";
+/**
+ * Chip component props
+ *
+ * @example
+ * ```tsx
+ * <Chip>Default</Chip>
+ * <Chip variant="success">Completed</Chip>
+ * <Chip onRemove={() => handleRemove()}>Removable</Chip>
+ * ```
+ */
+export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
+    /**
+     * Visual variant of the chip
+     * @default 'default'
+     */
+    variant?: ChipVariant;
+    /**
+     * Size of the chip
+     * @default 'md'
+     */
+    size?: ChipSize;
+    /**
+     * Icon to display before the label
+     */
+    icon?: ReactNode;
+    /**
+     * Whether the chip is clickable
+     * @default false
+     */
+    clickable?: boolean;
+    /**
+     * Click handler (when clickable is true)
+     */
+    onClick?: () => void;
+    /**
+     * Callback to remove the chip (shows X button)
+     */
+    onRemove?: () => void;
+    /**
+     * Whether the chip is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the chip is selected (for selectable chips)
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Chip content
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Chip.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C;;;;;;;;;GASG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -0,0 +1,16 @@
+/**
+ * Chip Component - Tags and filter labels.
+ *
+ * @example
+ * ```tsx
+ * import { Chip } from '@orion-ds/react';
+ *
+ * <Chip>Default</Chip>
+ * <Chip variant="brand">Featured</Chip>
+ * <Chip onRemove={() => handleRemove()}>Removable</Chip>
+ * <Chip selected onClick={() => toggle()}>Selectable</Chip>
+ * ```
+ */
+export { Chip } from './Chip';
+export type { ChipProps, ChipVariant, ChipSize } from './Chip.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { CodeEditorProps } from './CodeEditor.types';
+
+/**
+ * CodeEditor
+ *
+ * A textarea-based code editor with optional syntax highlighting overlay.
+ * When language is specified, uses an overlay approach with SyntaxHighlighter.
+ * Line numbers are synchronized with scrolling.
+ *
+ * @example
+ * ```tsx
+ * const [code, setCode] = useState('# Hello\nWorld');
+ * <CodeEditor
+ *   value={code}
+ *   onChange={setCode}
+ *   language="markdown"
+ *   placeholder="Enter your code..."
+ *   showLineNumbers
+ * />
+ * ```
+ */
+export declare const CodeEditor: React.ForwardRefExoticComponent<CodeEditorProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=CodeEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAMvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA2B1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,6FAgUtB,CAAC"}

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

@@ -0,0 +1 @@
+._wrapper_170s2_6{display:flex;flex-direction:row;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background-color:var(--surface-layer);overflow:hidden;font-family:var(--font-mono);font-size:var(--font-size-13);line-height:1.6}._wrapper_170s2_6:focus-within{outline:2px solid var(--interactive-primary);outline-offset:-2px}._lineNumbers_170s2_23{flex-shrink:0;overflow:hidden;background-color:var(--surface-subtle);border-right:1px solid var(--border-subtle);padding:var(--spacing-4) var(--spacing-2);-webkit-user-select:none;user-select:none;color:var(--text-tertiary);text-align:right;min-width:auto}._lineNumber_170s2_23{display:block;min-height:1.6em;padding:0 var(--spacing-2);white-space:pre}._textarea_170s2_42{flex:1;border:none;outline:none;background-color:transparent;color:var(--text-primary);padding:var(--spacing-4);resize:none;font-family:inherit;font-size:inherit;line-height:inherit;overflow-y:auto;overflow-x:auto}._textarea_170s2_42::placeholder{color:var(--text-tertiary)}._textarea_170s2_42:disabled{background-color:var(--surface-subtle);color:var(--text-tertiary);cursor:not-allowed}._textarea_170s2_42::selection{background-color:#6399ff4d;color:transparent}._textarea_170s2_42::-webkit-scrollbar{width:6px;height:6px}._textarea_170s2_42::-webkit-scrollbar-track{background-color:transparent}._textarea_170s2_42::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:4px}._textarea_170s2_42::-webkit-scrollbar-thumb:hover{background-color:var(--border-interactive)}._textarea_170s2_42{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}._lineMirror_170s2_97{position:absolute;top:-9999px;left:0;visibility:hidden;pointer-events:none;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;overflow:hidden;box-sizing:border-box}._editorArea_170s2_114{position:relative;flex:1;overflow:hidden}._lineHighlight_170s2_121{position:absolute;left:0;right:0;height:1.6em;background-color:var(--surface-layer);pointer-events:none;z-index:var(--z-base)}._highlightLayer_170s2_132{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--spacing-4);overflow:auto;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-break:break-word;z-index:var(--z-base);scrollbar-width:none}._highlightLayer_170s2_132::-webkit-scrollbar{display:none}._highlightLayer_170s2_132::-webkit-scrollbar-track{background-color:transparent}._highlightLayer_170s2_132::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:4px}._textareaOverlay_170s2_163{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--spacing-4);box-sizing:border-box;border:none;outline:none;resize:none;background:transparent;color:transparent;caret-color:var(--text-primary);font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre-wrap;word-break:break-word;overflow:auto;z-index:var(--z-modal);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}._textareaOverlay_170s2_163::placeholder{color:var(--text-tertiary)}._textareaOverlay_170s2_163::-webkit-scrollbar{width:6px;height:6px}._textareaOverlay_170s2_163::-webkit-scrollbar-track{background-color:transparent}._textareaOverlay_170s2_163::-webkit-scrollbar-thumb{background-color:var(--border-subtle);border-radius:4px}._textareaOverlay_170s2_163::selection{background-color:#6399ff4d;color:transparent}@media(prefers-reduced-motion:reduce){._wrapper_170s2_6{outline-offset:0}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_wrapper_170s2_6",r="_lineNumbers_170s2_23",t="_lineNumber_170s2_23",i="_textarea_170s2_42",a="_lineMirror_170s2_97",l="_editorArea_170s2_114",s="_lineHighlight_170s2_121",_="_highlightLayer_170s2_132",n="_textareaOverlay_170s2_163",o={wrapper:e,lineNumbers:r,lineNumber:t,textarea:i,lineMirror:a,editorArea:l,lineHighlight:s,highlightLayer:_,textareaOverlay:n};exports.default=o;exports.editorArea=l;exports.highlightLayer=_;exports.lineHighlight=s;exports.lineMirror=a;exports.lineNumber=t;exports.lineNumbers=r;exports.textarea=i;exports.textareaOverlay=n;exports.wrapper=e;

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

@@ -0,0 +1,23 @@
+const e = "_wrapper_170s2_6", r = "_lineNumbers_170s2_23", t = "_lineNumber_170s2_23", i = "_textarea_170s2_42", _ = "_lineMirror_170s2_97", a = "_editorArea_170s2_114", s = "_lineHighlight_170s2_121", l = "_highlightLayer_170s2_132", n = "_textareaOverlay_170s2_163", o = {
+  wrapper: e,
+  lineNumbers: r,
+  lineNumber: t,
+  textarea: i,
+  lineMirror: _,
+  editorArea: a,
+  lineHighlight: s,
+  highlightLayer: l,
+  textareaOverlay: n
+};
+export {
+  o as default,
+  a as editorArea,
+  l as highlightLayer,
+  s as lineHighlight,
+  _ as lineMirror,
+  t as lineNumber,
+  r as lineNumbers,
+  i as textarea,
+  n as textareaOverlay,
+  e as wrapper
+};

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

@@ -0,0 +1,49 @@
+import { TextareaHTMLAttributes } from 'react';
+
+/**
+ * CodeEditor Props
+ * A simple textarea-based code editor with synchronized line numbers.
+ */
+export interface CodeEditorProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "onChange"> {
+    /**
+     * Current editor content
+     */
+    value?: string;
+    /**
+     * Callback when content changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Language name or type (shown as a badge, informational only)
+     * @default undefined
+     */
+    language?: string;
+    /**
+     * Whether the editor is read-only
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Whether to show line numbers on the left
+     * @default true
+     */
+    showLineNumbers?: boolean;
+    /**
+     * Placeholder text when empty
+     */
+    placeholder?: string;
+    /**
+     * Minimum number of rows to display
+     * @default 10
+     */
+    minRows?: number;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Aria label for accessibility
+     */
+    "aria-label"?: string;
+}
+//# sourceMappingURL=CodeEditor.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.types.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/CodeEditor.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,GAAG,UAAU,CACpB;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

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

@@ -0,0 +1,3 @@
+export { CodeEditor } from './CodeEditor';
+export type { CodeEditorProps } from './CodeEditor.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps } from './Collapsible.types';
+
+export declare const Collapsible: import('react').ForwardRefExoticComponent<CollapsibleProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Trigger: import('react').ForwardRefExoticComponent<CollapsibleTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Content: import('react').ForwardRefExoticComponent<CollapsibleContentProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=Collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EAExB,MAAM,qBAAqB,CAAC;AA2J7B,eAAO,MAAM,WAAW;;;CAGtB,CAAC"}

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
+};

package/dist/components/Collapsible/Collapsible.module.css

@@ -0,0 +1 @@
+._collapsible_1swsf_3{width:100%}._trigger_1swsf_8{display:inline-flex;align-items:center;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}._trigger_1swsf_8:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;border-radius:var(--radius-sm)}._trigger_1swsf_8:disabled{opacity:.5;cursor:not-allowed}._content_1swsf_32{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-normal)}._contentOpen_1swsf_38{grid-template-rows:1fr}._contentInner_1swsf_42{overflow:hidden}@media(prefers-reduced-motion:reduce){._content_1swsf_32{transition:none}}@media(forced-colors:active){._trigger_1swsf_8:focus-visible{outline:2px solid ButtonText}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_collapsible_1swsf_3",t="_trigger_1swsf_8",e="_content_1swsf_32",o="_contentOpen_1swsf_38",s="_contentInner_1swsf_42",c={collapsible:n,trigger:t,content:e,contentOpen:o,contentInner:s};exports.collapsible=n;exports.content=e;exports.contentInner=s;exports.contentOpen=o;exports.default=c;exports.trigger=t;

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

@@ -0,0 +1,15 @@
+const n = "_collapsible_1swsf_3", t = "_trigger_1swsf_8", e = "_content_1swsf_32", s = "_contentOpen_1swsf_38", o = "_contentInner_1swsf_42", c = {
+  collapsible: n,
+  trigger: t,
+  content: e,
+  contentOpen: s,
+  contentInner: o
+};
+export {
+  n as collapsible,
+  e as content,
+  o as contentInner,
+  s as contentOpen,
+  c as default,
+  t as trigger
+};