@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Icon/Icon.mjs

@@ -0,0 +1,54 @@
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as I, useMemo as n } from "react";
+import o from "./Icon.module.css.mjs";
+const S = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32
+}, b = I(
+  ({
+    icon: i,
+    size: r = "md",
+    color: f = "current",
+    strokeWidth: a = 2,
+    label: u,
+    decorative: m = !1,
+    disabled: p = !1,
+    className: e,
+    style: s,
+    ...c
+  }, l) => {
+    const d = n(() => typeof r == "number" ? r : S[r], [r]), h = n(() => {
+      const t = [o.icon];
+      return typeof r == "string" && t.push(o[r]), t.push(o[f]), p && t.push(o.disabled), e && t.push(e), t.filter(Boolean).join(" ");
+    }, [r, f, p, e]), y = n(() => m ? {
+      "aria-hidden": !0,
+      role: "presentation"
+    } : {
+      "aria-label": u,
+      role: "img"
+    }, [m, u]), g = n(() => typeof r == "number" ? {
+      width: r,
+      height: r,
+      ...s
+    } : s, [r, s]);
+    return /* @__PURE__ */ x(
+      i,
+      {
+        ref: l,
+        className: h,
+        size: d,
+        strokeWidth: a,
+        style: g,
+        ...y,
+        ...c
+      }
+    );
+  }
+);
+b.displayName = "Icon";
+export {
+  b as Icon
+};

package/dist/components/Icon/Icon.module.css

@@ -0,0 +1 @@
+._icon_3txcc_9{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:currentColor;transition:color var(--transition-fast),opacity var(--transition-fast)}._xs_3txcc_29,._sm_3txcc_34{width:var(--icon-size-sm);height:var(--icon-size-sm)}._md_3txcc_39{width:var(--icon-size-md);height:var(--icon-size-md)}._lg_3txcc_44{width:var(--icon-size-lg);height:var(--icon-size-lg)}._xl_3txcc_49{width:var(--icon-size-xl);height:var(--icon-size-xl)}._current_3txcc_58{color:currentColor}._primary_3txcc_62{color:var(--text-primary)}._secondary_3txcc_66{color:var(--text-secondary)}._tertiary_3txcc_70{color:var(--text-tertiary)}._brand_3txcc_74{color:var(--text-brand)}._success_3txcc_78{color:var(--status-success)}._warning_3txcc_82{color:var(--status-warning)}._error_3txcc_86{color:var(--status-error)}._info_3txcc_90{color:var(--status-info)}._inverse_3txcc_94{color:var(--text-inverse)}._disabled_3txcc_102{opacity:.5;pointer-events:none}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c="_icon_3txcc_9",r="_xs_3txcc_29",s="_sm_3txcc_34",t="_md_3txcc_39",_="_lg_3txcc_44",n="_xl_3txcc_49",e="_current_3txcc_58",o="_primary_3txcc_62",i="_secondary_3txcc_66",a="_tertiary_3txcc_70",x="_brand_3txcc_74",d="_success_3txcc_78",l="_warning_3txcc_82",u="_error_3txcc_86",y="_info_3txcc_90",m="_inverse_3txcc_94",b="_disabled_3txcc_102",g={icon:c,xs:r,sm:s,md:t,lg:_,xl:n,current:e,primary:o,secondary:i,tertiary:a,brand:x,success:d,warning:l,error:u,info:y,inverse:m,disabled:b};exports.brand=x;exports.current=e;exports.default=g;exports.disabled=b;exports.error=u;exports.icon=c;exports.info=y;exports.inverse=m;exports.lg=_;exports.md=t;exports.primary=o;exports.secondary=i;exports.sm=s;exports.success=d;exports.tertiary=a;exports.warning=l;exports.xl=n;exports.xs=r;

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

@@ -0,0 +1,39 @@
+const c = "_icon_3txcc_9", _ = "_xs_3txcc_29", t = "_sm_3txcc_34", s = "_md_3txcc_39", n = "_lg_3txcc_44", r = "_xl_3txcc_49", o = "_current_3txcc_58", e = "_primary_3txcc_62", x = "_secondary_3txcc_66", i = "_tertiary_3txcc_70", a = "_brand_3txcc_74", d = "_success_3txcc_78", l = "_warning_3txcc_82", y = "_error_3txcc_86", m = "_info_3txcc_90", u = "_inverse_3txcc_94", b = "_disabled_3txcc_102", g = {
+  icon: c,
+  xs: _,
+  sm: t,
+  md: s,
+  lg: n,
+  xl: r,
+  current: o,
+  primary: e,
+  secondary: x,
+  tertiary: i,
+  brand: a,
+  success: d,
+  warning: l,
+  error: y,
+  info: m,
+  inverse: u,
+  disabled: b
+};
+export {
+  a as brand,
+  o as current,
+  g as default,
+  b as disabled,
+  y as error,
+  c as icon,
+  m as info,
+  u as inverse,
+  n as lg,
+  s as md,
+  e as primary,
+  x as secondary,
+  t as sm,
+  d as success,
+  i as tertiary,
+  l as warning,
+  r as xl,
+  _ as xs
+};

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

@@ -0,0 +1,95 @@
+import { LucideIcon, LucideProps } from 'lucide-react';
+import { SVGProps } from 'react';
+
+/**
+ * Icon size tokens (mapped to CSS variables)
+ * - xs: 12px (--icon-size-xs) - Badges, compact UI
+ * - sm: 16px (--icon-size-sm) - Inline text, small buttons
+ * - md: 20px (--icon-size-md) - Default for buttons/inputs
+ * - lg: 24px (--icon-size-lg) - Section headers
+ * - xl: 32px (--icon-size-xl) - Large callouts
+ */
+export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
+/**
+ * Icon color variants (mapped to semantic tokens)
+ */
+export type IconColor = "current" | "primary" | "secondary" | "tertiary" | "brand" | "success" | "warning" | "error" | "info" | "inverse";
+/**
+ * Icon component props
+ *
+ * @example Decorative icon (hidden from screen readers)
+ * ```tsx
+ * import { Icon } from '@orion/react';
+ * import { Search } from 'lucide-react';
+ *
+ * <Icon icon={Search} size="md" decorative />
+ * ```
+ *
+ * @example Semantic icon (announced to screen readers)
+ * ```tsx
+ * <Icon icon={AlertCircle} size="lg" label="Warning" color="warning" />
+ * ```
+ *
+ * @example Custom size in pixels
+ * ```tsx
+ * <Icon icon={Star} size={18} />
+ * ```
+ */
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, "ref"> {
+    /**
+     * Lucide icon component to render
+     * Import directly from lucide-react for tree-shaking
+     *
+     * @example
+     * import { Search } from 'lucide-react';
+     * <Icon icon={Search} />
+     */
+    icon: LucideIcon;
+    /**
+     * Icon size - uses design tokens or custom pixel value
+     * @default 'md'
+     */
+    size?: IconSize | number;
+    /**
+     * Icon color variant - uses semantic tokens
+     * @default 'current'
+     */
+    color?: IconColor;
+    /**
+     * Stroke width (Lucide default: 2)
+     * @default 2
+     */
+    strokeWidth?: number;
+    /**
+     * Accessible label for screen readers
+     * Required when decorative=false
+     *
+     * @example
+     * <Icon icon={AlertCircle} label="Error occurred" />
+     */
+    label?: string;
+    /**
+     * Mark icon as decorative (hidden from screen readers)
+     * Use when icon is purely visual and adjacent text provides meaning
+     * @default false
+     *
+     * @example
+     * <Button icon={<Icon icon={Search} decorative />}>Search</Button>
+     */
+    decorative?: boolean;
+    /**
+     * Disabled state (applies muted styling)
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+}
+/**
+ * Props passed to Lucide icon components
+ * Used internally for consistent rendering
+ */
+export type IconRenderProps = LucideProps;
+//# sourceMappingURL=Icon.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;;GAOG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,CAAC;AAEd;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC;IACrE;;;;;;;OAOG;IACH,IAAI,EAAE,UAAU,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC"}

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

@@ -0,0 +1,21 @@
+/**
+ * Icon Component - Render Lucide icons with Orion styling.
+ *
+ * Prefer importing icons directly from lucide-react for better tree-shaking.
+ *
+ * @example
+ * ```tsx
+ * import { Icon } from '@orion-ds/react';
+ * // Or directly: import { Search, Settings } from 'lucide-react';
+ *
+ * <Icon name="search" size="md" />
+ * <Icon name="settings" size="lg" color="brand" />
+ *
+ * // Preferred: Direct import from lucide-react
+ * import { Search } from 'lucide-react';
+ * <Search size={20} />
+ * ```
+ */
+export { Icon } from './Icon';
+export type { IconProps, IconSize, IconColor, IconRenderProps, } from './Icon.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,GAChB,MAAM,cAAc,CAAC"}

package/dist/components/IconGallery/IconGallery.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),d=require("lucide-react"),a=require("./IconGallery.module.css.cjs"),C={Navigation:["Menu","X","ChevronDown","ChevronUp","ChevronLeft","ChevronRight","ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Home","Settings","Bell","User","LogOut","LogIn","Search","MapPin","Navigation"],Actions:["Plus","Minus","Check","Copy","Download","Upload","Share2","Trash2","Edit","Eye","EyeOff","Lock","Unlock","Zap","Refresh","RotateCw","Save","Send","Archive","Flag"],Status:["AlertCircle","CheckCircle","XCircle","Info","HelpCircle","AlertTriangle","CheckCircle2","Circle","Loader","Loader2","Clock","Calendar"],Media:["Image","Video","Music","FileText","File","Folder","FolderOpen","Camera","Paperclip","Play","Pause","Volume2","VolumeX"],Communication:["Mail","MessageSquare","Heart","Star","Share","MessageCircle","Phone","Smartphone","Gift","ThumbsUp","ThumbsDown"],Commerce:["ShoppingCart","DollarSign","CreditCard","Tag","Briefcase","TrendingUp","TrendingDown","BarChart","PieChart","Activity"]},m=({className:u})=>{const[r,f]=s.useState(""),[n,h]=s.useState(null),[g,p]=s.useState(null),c=s.useMemo(()=>Object.keys(d.icons).sort(),[]),o=s.useMemo(()=>{let e=c;if(n){const l=C[n];l&&(e=e.filter(i=>l.includes(i)))}if(r){const l=r.toLowerCase();e=e.filter(i=>i.toLowerCase().includes(l))}return e.sort()},[c,r,n]),j=s.useCallback(e=>{const l=`import { ${e} } from 'lucide-react';`;navigator.clipboard.writeText(l),p(e),setTimeout(()=>p(null),1500)},[]),x=s.useCallback(e=>{const l=d.icons[e];return l?t.jsx(l,{size:24}):null},[]);return t.jsxs("div",{className:`${a.default.gallery}${u?` ${u}`:""}`,children:[t.jsxs("div",{className:a.default.header,children:[t.jsx("h1",{children:"Icon Browser"}),t.jsxs("p",{children:[c.length.toLocaleString()," icons available"]})]}),t.jsxs("div",{className:a.default.searchContainer,children:[t.jsx(d.Search,{size:20,className:a.default.searchIcon}),t.jsx("input",{type:"text",placeholder:"Search icons...",value:r,onChange:e=>f(e.target.value),className:a.default.searchInput}),r&&t.jsxs("span",{className:a.default.resultCount,children:[o.length," results"]})]}),t.jsxs("div",{className:a.default.categories,children:[t.jsx("button",{className:`${a.default.categoryBtn} ${n?"":a.default.active}`,onClick:()=>h(null),type:"button",children:"All"}),Object.keys(C).map(e=>t.jsx("button",{className:`${a.default.categoryBtn} ${n===e?a.default.active:""}`,onClick:()=>h(e),type:"button",children:e},e))]}),t.jsx("div",{className:a.default.iconGrid,children:o.map(e=>t.jsxs("button",{className:a.default.iconItem,onClick:()=>j(e),title:e,type:"button",children:[t.jsx("span",{className:a.default.iconDisplay,children:x(e)}),t.jsx("span",{className:a.default.iconName,children:e}),g===e&&t.jsx("span",{className:a.default.copiedBadge,children:"Copied!"})]},e))}),o.length===0&&t.jsx("div",{className:a.default.noResults,children:t.jsxs("p",{children:['No icons found for "',r,'"']})}),t.jsxs("div",{className:a.default.usageInfo,children:[t.jsx("h3",{children:"Usage"}),t.jsx("pre",{className:a.default.codeBlock,children:`import { Search, Download } from 'lucide-react';
+
+<Button icon={<Search size={20} />}>Search</Button>`})]})]})};m.displayName="IconGallery";exports.IconGallery=m;

package/dist/components/IconGallery/IconGallery.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IconGalleryProps } from './IconGallery.types';
+
+export declare const IconGallery: React.FC<IconGalleryProps>;
+//# sourceMappingURL=IconGallery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconGallery.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/IconGallery.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAuG5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8HlD,CAAC"}

package/dist/components/IconGallery/IconGallery.mjs

@@ -0,0 +1,205 @@
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { useState as d, useMemo as m, useCallback as C } from "react";
+import { icons as g, Search as N } from "lucide-react";
+import r from "./IconGallery.module.css.mjs";
+const f = {
+  Navigation: [
+    "Menu",
+    "X",
+    "ChevronDown",
+    "ChevronUp",
+    "ChevronLeft",
+    "ChevronRight",
+    "ArrowDown",
+    "ArrowUp",
+    "ArrowLeft",
+    "ArrowRight",
+    "Home",
+    "Settings",
+    "Bell",
+    "User",
+    "LogOut",
+    "LogIn",
+    "Search",
+    "MapPin",
+    "Navigation"
+  ],
+  Actions: [
+    "Plus",
+    "Minus",
+    "Check",
+    "Copy",
+    "Download",
+    "Upload",
+    "Share2",
+    "Trash2",
+    "Edit",
+    "Eye",
+    "EyeOff",
+    "Lock",
+    "Unlock",
+    "Zap",
+    "Refresh",
+    "RotateCw",
+    "Save",
+    "Send",
+    "Archive",
+    "Flag"
+  ],
+  Status: [
+    "AlertCircle",
+    "CheckCircle",
+    "XCircle",
+    "Info",
+    "HelpCircle",
+    "AlertTriangle",
+    "CheckCircle2",
+    "Circle",
+    "Loader",
+    "Loader2",
+    "Clock",
+    "Calendar"
+  ],
+  Media: [
+    "Image",
+    "Video",
+    "Music",
+    "FileText",
+    "File",
+    "Folder",
+    "FolderOpen",
+    "Camera",
+    "Paperclip",
+    "Play",
+    "Pause",
+    "Volume2",
+    "VolumeX"
+  ],
+  Communication: [
+    "Mail",
+    "MessageSquare",
+    "Heart",
+    "Star",
+    "Share",
+    "MessageCircle",
+    "Phone",
+    "Smartphone",
+    "Gift",
+    "ThumbsUp",
+    "ThumbsDown"
+  ],
+  Commerce: [
+    "ShoppingCart",
+    "DollarSign",
+    "CreditCard",
+    "Tag",
+    "Briefcase",
+    "TrendingUp",
+    "TrendingDown",
+    "BarChart",
+    "PieChart",
+    "Activity"
+  ]
+}, w = ({ className: h }) => {
+  const [n, v] = d(""), [l, u] = d(null), [S, p] = d(null), c = m(() => Object.keys(g).sort(), []), s = m(() => {
+    let e = c;
+    if (l) {
+      const a = f[l];
+      a && (e = e.filter((i) => a.includes(i)));
+    }
+    if (n) {
+      const a = n.toLowerCase();
+      e = e.filter((i) => i.toLowerCase().includes(a));
+    }
+    return e.sort();
+  }, [c, n, l]), y = C((e) => {
+    const a = `import { ${e} } from 'lucide-react';`;
+    navigator.clipboard.writeText(a), p(e), setTimeout(() => p(null), 1500);
+  }, []), I = C((e) => {
+    const a = g[e];
+    return a ? /* @__PURE__ */ o(a, { size: 24 }) : null;
+  }, []);
+  return /* @__PURE__ */ t("div", { className: `${r.gallery}${h ? ` ${h}` : ""}`, children: [
+    /* @__PURE__ */ t("div", { className: r.header, children: [
+      /* @__PURE__ */ o("h1", { children: "Icon Browser" }),
+      /* @__PURE__ */ t("p", { children: [
+        c.length.toLocaleString(),
+        " icons available"
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: r.searchContainer, children: [
+      /* @__PURE__ */ o(N, { size: 20, className: r.searchIcon }),
+      /* @__PURE__ */ o(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search icons...",
+          value: n,
+          onChange: (e) => v(e.target.value),
+          className: r.searchInput
+        }
+      ),
+      n && /* @__PURE__ */ t("span", { className: r.resultCount, children: [
+        s.length,
+        " results"
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: r.categories, children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: `${r.categoryBtn} ${l ? "" : r.active}`,
+          onClick: () => u(null),
+          type: "button",
+          children: "All"
+        }
+      ),
+      Object.keys(f).map((e) => /* @__PURE__ */ o(
+        "button",
+        {
+          className: `${r.categoryBtn} ${l === e ? r.active : ""}`,
+          onClick: () => u(e),
+          type: "button",
+          children: e
+        },
+        e
+      ))
+    ] }),
+    /* @__PURE__ */ o("div", { className: r.iconGrid, children: s.map((e) => /* @__PURE__ */ t(
+      "button",
+      {
+        className: r.iconItem,
+        onClick: () => y(e),
+        title: e,
+        type: "button",
+        children: [
+          /* @__PURE__ */ o("span", { className: r.iconDisplay, children: I(e) }),
+          /* @__PURE__ */ o("span", { className: r.iconName, children: e }),
+          S === e && /* @__PURE__ */ o("span", { className: r.copiedBadge, children: "Copied!" })
+        ]
+      },
+      e
+    )) }),
+    s.length === 0 && /* @__PURE__ */ o("div", { className: r.noResults, children: /* @__PURE__ */ t("p", { children: [
+      'No icons found for "',
+      n,
+      '"'
+    ] }) }),
+    /* @__PURE__ */ t("div", { className: r.usageInfo, children: [
+      /* @__PURE__ */ o("h3", { children: "Usage" }),
+      /* @__PURE__ */ o(
+        "pre",
+        {
+          className: r.codeBlock,
+          children: `import { Search, Download } from 'lucide-react';
+
+<Button icon={<Search size={20} />}>Search</Button>`
+        }
+      )
+    ] })
+  ] });
+};
+w.displayName = "IconGallery";
+export {
+  w as IconGallery
+};

package/dist/components/IconGallery/IconGallery.module.css

@@ -0,0 +1 @@
+._gallery_nbesj_7{padding:var(--spacing-8);background:var(--surface-base);min-height:100vh}._header_nbesj_14{margin-bottom:var(--spacing-6);text-align:center}._header_nbesj_14 h1{font-size:var(--font-size-32);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-2) 0}._header_nbesj_14 p{font-size:var(--font-size-16);color:var(--text-secondary);margin:0}._searchContainer_nbesj_33{position:relative;max-width:400px;margin:0 auto var(--spacing-6)}._searchIcon_nbesj_39{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}._searchInput_nbesj_48{width:100%;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-10);font-size:var(--font-size-16);border:2px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-layer);color:var(--text-primary);transition:border-color var(--transition-fast)}._searchInput_nbesj_48:focus{outline:none;border-color:var(--interactive-primary);background:var(--surface-base)}._searchInput_nbesj_48::placeholder{color:var(--text-tertiary)}._resultCount_nbesj_69{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);font-size:var(--font-size-13);color:var(--text-secondary);pointer-events:none}._categories_nbesj_80{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-6);justify-content:center}._categoryBtn_nbesj_88{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-14);font-weight:500;background:var(--surface-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-control);cursor:pointer;transition:all var(--transition-fast)}._categoryBtn_nbesj_88:hover{background:var(--surface-layer);color:var(--text-primary);border-color:var(--border-strong)}._categoryBtn_nbesj_88._active_nbesj_106{background:var(--interactive-primary);color:var(--interactive-primary-text);border-color:var(--interactive-primary)}._iconGrid_nbesj_113{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-3);max-width:1400px;margin:0 auto var(--spacing-8)}._iconItem_nbesj_121{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3);background:var(--surface-layer);border:1px solid var(--border-subtle);border-radius:var(--radius-control);cursor:pointer;transition:all var(--transition-fast);position:relative;min-height:80px}._iconItem_nbesj_121:hover{background:var(--surface-base);border-color:var(--interactive-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}._iconItem_nbesj_121:focus{outline:none;border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--interactive-primary-subtle)}._iconDisplay_nbesj_149{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-primary)}._iconName_nbesj_158{font-size:var(--font-size-11);color:var(--text-secondary);text-align:center;word-break:break-word;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}._copiedBadge_nbesj_172{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--interactive-primary);color:var(--interactive-primary-text);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-11);font-weight:600;animation:_fadeInOut_nbesj_1 1.5s ease;z-index:var(--z-dropdown);pointer-events:none}@keyframes _fadeInOut_nbesj_1{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}._noResults_nbesj_208{text-align:center;padding:var(--spacing-8);color:var(--text-secondary)}._noResults_nbesj_208 p{margin:0;font-size:var(--font-size-16)}._usageInfo_nbesj_220{max-width:600px;margin:var(--spacing-8) auto 0;padding:var(--spacing-4);background:var(--surface-layer);border-radius:var(--radius-control);border:1px solid var(--border-subtle)}._usageInfo_nbesj_220 h3{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-16);color:var(--text-primary)}._codeBlock_nbesj_235{margin:0;padding:var(--spacing-3);background:var(--surface-base);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-13);color:var(--text-primary);line-height:1.5}@media(max-width:768px){._gallery_nbesj_7{padding:var(--spacing-4)}._header_nbesj_14 h1{font-size:var(--font-size-24)}._searchContainer_nbesj_33{max-width:100%}._categories_nbesj_80{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-2);-webkit-overflow-scrolling:touch}._categoryBtn_nbesj_88{flex-shrink:0}._iconGrid_nbesj_113{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-2)}._iconItem_nbesj_121{min-height:70px;padding:var(--spacing-2)}._iconDisplay_nbesj_149{width:32px;height:32px}._iconName_nbesj_158{font-size:var(--font-size-10)}}@media(max-width:480px){._header_nbesj_14 h1{font-size:var(--font-size-20)}._iconGrid_nbesj_113{grid-template-columns:repeat(3,1fr)}._usageInfo_nbesj_220{padding:var(--spacing-3)}._codeBlock_nbesj_235{font-size:var(--font-size-12);padding:var(--spacing-2)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_gallery_nbesj_7",n="_header_nbesj_14",o="_searchContainer_nbesj_33",s="_searchIcon_nbesj_39",c="_searchInput_nbesj_48",t="_resultCount_nbesj_69",a="_categories_nbesj_80",_="_categoryBtn_nbesj_88",r="_active_nbesj_106",i="_iconGrid_nbesj_113",l="_iconItem_nbesj_121",u="_iconDisplay_nbesj_149",d="_iconName_nbesj_158",g="_copiedBadge_nbesj_172",b="_noResults_nbesj_208",j="_usageInfo_nbesj_220",h="_codeBlock_nbesj_235",I={gallery:e,header:n,searchContainer:o,searchIcon:s,searchInput:c,resultCount:t,categories:a,categoryBtn:_,active:r,iconGrid:i,iconItem:l,iconDisplay:u,iconName:d,copiedBadge:g,noResults:b,usageInfo:j,codeBlock:h};exports.active=r;exports.categories=a;exports.categoryBtn=_;exports.codeBlock=h;exports.copiedBadge=g;exports.default=I;exports.gallery=e;exports.header=n;exports.iconDisplay=u;exports.iconGrid=i;exports.iconItem=l;exports.iconName=d;exports.noResults=b;exports.resultCount=t;exports.searchContainer=o;exports.searchIcon=s;exports.searchInput=c;exports.usageInfo=j;

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

@@ -0,0 +1,39 @@
+const e = "_gallery_nbesj_7", n = "_header_nbesj_14", s = "_searchContainer_nbesj_33", o = "_searchIcon_nbesj_39", c = "_searchInput_nbesj_48", t = "_resultCount_nbesj_69", _ = "_categories_nbesj_80", a = "_categoryBtn_nbesj_88", r = "_active_nbesj_106", i = "_iconGrid_nbesj_113", l = "_iconItem_nbesj_121", b = "_iconDisplay_nbesj_149", j = "_iconName_nbesj_158", d = "_copiedBadge_nbesj_172", u = "_noResults_nbesj_208", g = "_usageInfo_nbesj_220", h = "_codeBlock_nbesj_235", I = {
+  gallery: e,
+  header: n,
+  searchContainer: s,
+  searchIcon: o,
+  searchInput: c,
+  resultCount: t,
+  categories: _,
+  categoryBtn: a,
+  active: r,
+  iconGrid: i,
+  iconItem: l,
+  iconDisplay: b,
+  iconName: j,
+  copiedBadge: d,
+  noResults: u,
+  usageInfo: g,
+  codeBlock: h
+};
+export {
+  r as active,
+  _ as categories,
+  a as categoryBtn,
+  h as codeBlock,
+  d as copiedBadge,
+  I as default,
+  e as gallery,
+  n as header,
+  b as iconDisplay,
+  i as iconGrid,
+  l as iconItem,
+  j as iconName,
+  u as noResults,
+  t as resultCount,
+  s as searchContainer,
+  o as searchIcon,
+  c as searchInput,
+  g as usageInfo
+};

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

@@ -0,0 +1,19 @@
+/**
+ * IconGallery Component Types
+ *
+ * Type definitions for the Icon Browser utility page.
+ * This is a documentation tool, not a configurable component.
+ */
+/**
+ * IconGallery props
+ *
+ * Note: This is a documentation utility page with minimal configuration.
+ * All display options are hardcoded for optimal browsing experience.
+ */
+export interface IconGalleryProps {
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+}
+//# sourceMappingURL=IconGallery.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconGallery.types.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/IconGallery.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,19 @@
+/**
+ * IconGallery Component - Browsable icon reference display.
+ *
+ * Used for documentation and development. Shows all available Lucide icons.
+ *
+ * @example
+ * ```tsx
+ * import { IconGallery } from '@orion-ds/react';
+ *
+ * // Shows searchable gallery of all Lucide icons
+ * <IconGallery />
+ *
+ * // With custom categories
+ * <IconGallery categories={['navigation', 'actions', 'media']} />
+ * ```
+ */
+export { IconGallery } from './IconGallery';
+export type { IconGalleryProps } from './IconGallery.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/InputOTP/InputOTP.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),n=require("./InputOTP.module.css.cjs"),b=t.createContext(null);function M(){const e=t.useContext(b);if(!e)throw new Error("InputOTP.Slot/Group/Separator must be used within an InputOTP");return e}const k=t.forwardRef(({className:e,children:s,...r},o)=>{const l=[n.default.group,e].filter(Boolean).join(" ");return u.jsx("div",{ref:o,className:l,...r,children:s})});k.displayName="InputOTP.Group";const w=t.forwardRef(({index:e,className:s,...r},o)=>{const{value:l,activeIndex:d,size:O,disabled:c,isFocused:I,focusInput:T}=M(),p=l[e],m=I&&e===d,P=p!==void 0&&p!=="",x=[n.default.slot,m&&n.default.slotActive,P&&n.default.slotFilled,c&&n.default.slotDisabled,s].filter(Boolean).join(" ");return u.jsx("div",{ref:o,className:x,onClick:T,...r,children:P?p:m?u.jsx("span",{className:n.default.caret}):null})});w.displayName="InputOTP.Slot";const R=t.forwardRef(({className:e,children:s,...r},o)=>{const l=[n.default.separator,e].filter(Boolean).join(" ");return u.jsx("div",{ref:o,className:l,role:"separator",...r,children:s??u.jsx("span",{"aria-hidden":"true",children:"–"})})});R.displayName="InputOTP.Separator";const g=t.forwardRef(({maxLength:e,value:s,defaultValue:r="",onChange:o,onComplete:l,type:d="numeric",size:O="md",disabled:c=!1,autoFocus:I=!1,className:T,children:p,...m},P)=>{const[x,y]=t.useState(r),[D,h]=t.useState(!1),j=t.useRef(null),N=s!==void 0,f=N?s:x,B=Math.min(f.length,e-1),F=d==="numeric"?"[0-9]":"[a-zA-Z0-9]",C=d==="numeric"?/[^0-9]/g:/[^a-zA-Z0-9]/g;t.useEffect(()=>{I&&j.current?.focus()},[I]);const v=t.useCallback(a=>{const i=a.replace(C,"").slice(0,e);N||y(i),o?.(i),i.length===e&&l?.(i)},[e,C,N,o,l]),A=t.useCallback(a=>{v(a.target.value)},[v]),G=t.useCallback(a=>{a.key==="Backspace"&&f.length===0&&a.preventDefault()},[f]),V=t.useCallback(a=>{a.preventDefault();const i=a.clipboardData.getData("text/plain");v(i)},[v]),S=t.useCallback(()=>{c||j.current?.focus()},[c]),q=[n.default.root,n.default[O],T].filter(Boolean).join(" "),z={value:f,activeIndex:B,size:O,disabled:c,isFocused:D,focusInput:S};return u.jsx(b.Provider,{value:z,children:u.jsxs("div",{ref:P,className:q,onClick:S,"data-otp-container":!0,...m,children:[u.jsx("input",{ref:j,className:n.default.hiddenInput,type:"text",inputMode:d==="numeric"?"numeric":"text",pattern:`${F}*`,maxLength:e,value:f,disabled:c,autoComplete:"one-time-code","aria-label":`OTP input, ${e} digits`,onChange:A,onKeyDown:G,onPaste:V,onFocus:()=>h(!0),onBlur:()=>h(!1),tabIndex:0}),p]})})});g.displayName="InputOTP";const E=Object.assign(g,{Group:k,Slot:w,Separator:R});exports.InputOTP=E;

package/dist/components/InputOTP/InputOTP.d.ts

@@ -0,0 +1,8 @@
+import { InputOTPProps, InputOTPGroupProps, InputOTPSlotProps, InputOTPSeparatorProps } from './InputOTP.types';
+
+export declare const InputOTP: import('react').ForwardRefExoticComponent<InputOTPProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Group: import('react').ForwardRefExoticComponent<InputOTPGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    Slot: import('react').ForwardRefExoticComponent<InputOTPSlotProps & import('react').RefAttributes<HTMLDivElement>>;
+    Separator: import('react').ForwardRefExoticComponent<InputOTPSeparatorProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=InputOTP.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../../../src/components/InputOTP/InputOTP.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,EAEvB,MAAM,kBAAkB,CAAC;AA2M1B,eAAO,MAAM,QAAQ;;;;CAInB,CAAC"}