@orion-ds/react 4.9.1 → 4.9.2

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

@@ -1,95 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-"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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,205 +0,0 @@
-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

@@ -1 +0,0 @@
-._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

@@ -1 +0,0 @@
-"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

@@ -1,39 +0,0 @@
-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.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { IconGallery } from './IconGallery';
-
-declare const meta: Meta<typeof IconGallery>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Browse: Story;
-//# sourceMappingURL=IconGallery.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconGallery.stories.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/IconGallery.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAelC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,MAAM,EAAE,KAAU,CAAC"}

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

@@ -1,19 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,19 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}

package/dist/components/InputOTP/InputOTP.mjs

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

package/dist/components/InputOTP/InputOTP.module.css

@@ -1 +0,0 @@
-._root_10v6s_3{display:inline-flex;align-items:center;gap:var(--spacing-2);position:relative}._hiddenInput_10v6s_11{position:absolute;inset:0;opacity:0;pointer-events:none}._group_10v6s_19{display:inline-flex;align-items:center;gap:var(--spacing-1)}._slot_10v6s_26{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);border-radius:var(--radius-control);font-family:var(--font-mono);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--surface-base);transition:all var(--transition-fast);cursor:text;-webkit-user-select:none;user-select:none;position:relative}._slot_10v6s_26:hover:not(._slotDisabled_10v6s_42){border-color:var(--border-strong)}._slotActive_10v6s_47{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}._slotFilled_10v6s_53{color:var(--text-primary)}._slotDisabled_10v6s_42{opacity:.5;cursor:not-allowed;background:var(--surface-subtle)}._caret_10v6s_65{width:1px;height:50%;background:var(--text-primary);animation:_blink_10v6s_1 1s step-end infinite}._sm_10v6s_77 ._slot_10v6s_26,._sm_10v6s_77._slot_10v6s_26{width:36px;height:36px;font-size:var(--font-size-14)}._md_10v6s_84 ._slot_10v6s_26,._md_10v6s_84._slot_10v6s_26{width:44px;height:44px;font-size:var(--font-size-18)}._lg_10v6s_91 ._slot_10v6s_26,._lg_10v6s_91._slot_10v6s_26{width:52px;height:52px;font-size:var(--font-size-24)}._separator_10v6s_99{display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--font-size-18)}@keyframes _blink_10v6s_1{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){._slot_10v6s_26{transition:none}._caret_10v6s_65{animation:none;opacity:1}}@media(forced-colors:active){._slot_10v6s_26{border:1px solid ButtonText}._slotActive_10v6s_47{border-color:Highlight;outline:1px solid Highlight;box-shadow:none}._caret_10v6s_65{background:ButtonText}}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_root_10v6s_3",t="_hiddenInput_10v6s_11",o="_group_10v6s_19",l="_slot_10v6s_26",_="_slotDisabled_10v6s_42",e="_slotActive_10v6s_47",n="_slotFilled_10v6s_53",r="_caret_10v6s_65",c="_blink_10v6s_1",d="_sm_10v6s_77",i="_md_10v6s_84",a="_lg_10v6s_91",v="_separator_10v6s_99",u={root:s,hiddenInput:t,group:o,slot:l,slotDisabled:_,slotActive:e,slotFilled:n,caret:r,blink:c,sm:d,md:i,lg:a,separator:v};exports.blink=c;exports.caret=r;exports.default=u;exports.group=o;exports.hiddenInput=t;exports.lg=a;exports.md=i;exports.root=s;exports.separator=v;exports.slot=l;exports.slotActive=e;exports.slotDisabled=_;exports.slotFilled=n;exports.sm=d;