@orion-ds/react 4.9.2 → 4.9.3

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

@@ -0,0 +1,22 @@
+/**
+ * Select Component - Dropdown selection input.
+ *
+ * @example
+ * ```tsx
+ * import { Select } from '@orion-ds/react';
+ *
+ * <Select
+ *   label="Country"
+ *   placeholder="Select a country"
+ *   options={[
+ *     { value: 'us', label: 'United States' },
+ *     { value: 'uk', label: 'United Kingdom' },
+ *     { value: 'ca', label: 'Canada' },
+ *   ]}
+ *   onChange={(value) => setCountry(value)}
+ * />
+ * ```
+ */
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Sidebar/Sidebar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("react"),S=require("lucide-react"),s=require("./Sidebar.module.css.cjs"),y=u.forwardRef(({className:e,...d},i)=>a.jsx("hr",{ref:i,className:`${s.default.divider} ${e||""}`,...d}));y.displayName="Sidebar.Divider";const b=u.forwardRef(({item:e,active:d=!1,collapsed:i=!1,depth:t=0,className:r,...c},l)=>{const[f,h]=u.useState(!1),n=e.children&&e.children.length>0,m=[s.default.item,d&&s.default.itemActive,e.disabled&&s.default.itemDisabled,t>0&&s.default.itemNested,r].filter(Boolean).join(" "),x=o=>{n&&(o.preventDefault(),h(!f)),e.onClick&&!e.disabled&&e.onClick()},j=a.jsxs(a.Fragment,{children:[e.icon&&a.jsx("span",{className:s.default.itemIcon,children:e.icon}),!i&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:s.default.itemLabel,children:e.label}),e.badge&&a.jsx("span",{className:s.default.itemBadge,children:e.badge}),n&&a.jsx(S.ChevronDown,{size:16,className:`${s.default.itemChevron} ${f?s.default.chevronExpanded:""}`})]})]}),v=e.href&&!n?"a":"button",N=e.href&&!n?{href:e.href}:{type:"button",onClick:x};return a.jsxs("li",{className:s.default.itemWrapper,children:[a.jsx(v,{ref:l,className:m,"aria-current":d?"page":void 0,"aria-disabled":e.disabled,title:i?e.label:void 0,style:{paddingLeft:!i&&t>0?`calc(var(--spacing-3) + ${t*12}px)`:void 0},...N,...c,children:j}),n&&f&&!i&&a.jsx("ul",{className:s.default.subItems,children:e.children.map(o=>a.jsx(b,{item:o,active:!1,collapsed:i,depth:t+1},o.id))})]})});b.displayName="Sidebar.Item";const g=u.forwardRef(({section:e,activeItem:d,collapsed:i=!1,className:t,...r},c)=>a.jsxs("div",{ref:c,className:`${s.default.section} ${t||""}`,...r,children:[e.title&&!i&&a.jsx("div",{className:s.default.sectionTitle,children:e.title}),a.jsx("ul",{className:s.default.sectionItems,children:e.items.map(l=>a.jsx(b,{item:l,active:d===l.id,collapsed:i},l.id))})]}));g.displayName="Sidebar.Section";const C=u.forwardRef(({sections:e,activeItem:d,collapsed:i=!1,onCollapsedChange:t,header:r,footer:c,variant:l="default",width:f=240,collapsedWidth:h=64,className:n,style:m,...x},j)=>{const v=[s.default.sidebar,s.default[`variant-${l}`],i&&s.default.collapsed,n].filter(Boolean).join(" "),N={...m,"--sidebar-width":`${i?h:f}px`},o=()=>{t&&t(!i)};return a.jsxs("nav",{ref:j,className:v,style:N,...x,children:[r&&a.jsx("div",{className:s.default.header,children:r}),a.jsx("div",{className:s.default.content,children:e.map((p,$)=>a.jsx(g,{section:p,activeItem:d,collapsed:i},p.title||$))}),c&&a.jsx("div",{className:s.default.footer,children:c}),t&&a.jsx("button",{type:"button",className:s.default.collapseToggle,onClick:o,"aria-label":i?"Expand sidebar":"Collapse sidebar",children:i?a.jsx(S.ChevronRight,{size:16}):a.jsx(S.ChevronLeft,{size:16})})]})});C.displayName="Sidebar";const R=Object.assign(C,{Item:b,Section:g,Divider:y});exports.Sidebar=R;

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,8 @@
+import { SidebarProps, SidebarItemProps, SidebarSectionProps, SidebarDividerProps } from './Sidebar.types';
+
+export declare const Sidebar: import('react').ForwardRefExoticComponent<SidebarProps & import('react').RefAttributes<HTMLElement>> & {
+    Item: import('react').ForwardRefExoticComponent<SidebarItemProps & import('react').RefAttributes<HTMLElement>>;
+    Section: import('react').ForwardRefExoticComponent<SidebarSectionProps & import('react').RefAttributes<HTMLDivElement>>;
+    Divider: import('react').ForwardRefExoticComponent<SidebarDividerProps & import('react').RefAttributes<HTMLHRElement>>;
+};
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AAqNzB,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

package/dist/components/Sidebar/Sidebar.mjs

@@ -0,0 +1,153 @@
+import { jsxs as b, jsx as i, Fragment as C } from "react/jsx-runtime";
+import { forwardRef as h, useState as j } from "react";
+import { ChevronRight as k, ChevronLeft as B, ChevronDown as T } from "lucide-react";
+import a from "./Sidebar.module.css.mjs";
+const $ = h(
+  ({ className: e, ...r }, s) => /* @__PURE__ */ i(
+    "hr",
+    {
+      ref: s,
+      className: `${a.divider} ${e || ""}`,
+      ...r
+    }
+  )
+);
+$.displayName = "Sidebar.Divider";
+const f = h(
+  ({ item: e, active: r = !1, collapsed: s = !1, depth: n = 0, className: d, ...c }, t) => {
+    const [m, v] = j(!1), l = e.children && e.children.length > 0, N = [
+      a.item,
+      r && a.itemActive,
+      e.disabled && a.itemDisabled,
+      n > 0 && a.itemNested,
+      d
+    ].filter(Boolean).join(" "), p = (o) => {
+      l && (o.preventDefault(), v(!m)), e.onClick && !e.disabled && e.onClick();
+    }, g = /* @__PURE__ */ b(C, { children: [
+      e.icon && /* @__PURE__ */ i("span", { className: a.itemIcon, children: e.icon }),
+      !s && /* @__PURE__ */ b(C, { children: [
+        /* @__PURE__ */ i("span", { className: a.itemLabel, children: e.label }),
+        e.badge && /* @__PURE__ */ i("span", { className: a.itemBadge, children: e.badge }),
+        l && /* @__PURE__ */ i(
+          T,
+          {
+            size: 16,
+            className: `${a.itemChevron} ${m ? a.chevronExpanded : ""}`
+          }
+        )
+      ] })
+    ] }), u = e.href && !l ? "a" : "button", S = e.href && !l ? { href: e.href } : { type: "button", onClick: p };
+    return /* @__PURE__ */ b("li", { className: a.itemWrapper, children: [
+      /* @__PURE__ */ i(
+        u,
+        {
+          ref: t,
+          className: N,
+          "aria-current": r ? "page" : void 0,
+          "aria-disabled": e.disabled,
+          title: s ? e.label : void 0,
+          style: {
+            paddingLeft: !s && n > 0 ? `calc(var(--spacing-3) + ${n * 12}px)` : void 0
+          },
+          ...S,
+          ...c,
+          children: g
+        }
+      ),
+      l && m && !s && /* @__PURE__ */ i("ul", { className: a.subItems, children: e.children.map((o) => /* @__PURE__ */ i(
+        f,
+        {
+          item: o,
+          active: !1,
+          collapsed: s,
+          depth: n + 1
+        },
+        o.id
+      )) })
+    ] });
+  }
+);
+f.displayName = "Sidebar.Item";
+const y = h(
+  ({ section: e, activeItem: r, collapsed: s = !1, className: n, ...d }, c) => /* @__PURE__ */ b(
+    "div",
+    {
+      ref: c,
+      className: `${a.section} ${n || ""}`,
+      ...d,
+      children: [
+        e.title && !s && /* @__PURE__ */ i("div", { className: a.sectionTitle, children: e.title }),
+        /* @__PURE__ */ i("ul", { className: a.sectionItems, children: e.items.map((t) => /* @__PURE__ */ i(
+          f,
+          {
+            item: t,
+            active: r === t.id,
+            collapsed: s
+          },
+          t.id
+        )) })
+      ]
+    }
+  )
+);
+y.displayName = "Sidebar.Section";
+const D = h(
+  ({
+    sections: e,
+    activeItem: r,
+    collapsed: s = !1,
+    onCollapsedChange: n,
+    header: d,
+    footer: c,
+    variant: t = "default",
+    width: m = 240,
+    collapsedWidth: v = 64,
+    className: l,
+    style: N,
+    ...p
+  }, g) => {
+    const u = [
+      a.sidebar,
+      a[`variant-${t}`],
+      s && a.collapsed,
+      l
+    ].filter(Boolean).join(" "), S = {
+      ...N,
+      "--sidebar-width": `${s ? v : m}px`
+    }, o = () => {
+      n && n(!s);
+    };
+    return /* @__PURE__ */ b("nav", { ref: g, className: u, style: S, ...p, children: [
+      d && /* @__PURE__ */ i("div", { className: a.header, children: d }),
+      /* @__PURE__ */ i("div", { className: a.content, children: e.map((x, I) => /* @__PURE__ */ i(
+        y,
+        {
+          section: x,
+          activeItem: r,
+          collapsed: s
+        },
+        x.title || I
+      )) }),
+      c && /* @__PURE__ */ i("div", { className: a.footer, children: c }),
+      n && /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: a.collapseToggle,
+          onClick: o,
+          "aria-label": s ? "Expand sidebar" : "Collapse sidebar",
+          children: s ? /* @__PURE__ */ i(k, { size: 16 }) : /* @__PURE__ */ i(B, { size: 16 })
+        }
+      )
+    ] });
+  }
+);
+D.displayName = "Sidebar";
+const R = Object.assign(D, {
+  Item: f,
+  Section: y,
+  Divider: $
+});
+export {
+  R as Sidebar
+};

package/dist/components/Sidebar/Sidebar.module.css

@@ -0,0 +1 @@
+._sidebar_18951_8{display:flex;flex-direction:column;width:var(--sidebar-width);height:100%;background:var(--surface-base);border-right:1px solid var(--border-subtle);transition:width var(--mode-hover-duration);position:relative;overflow:hidden}._collapsed_18951_20{width:var(--sidebar-width)}._header_18951_28{display:flex;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--border-subtle);min-height:calc(var(--spacing-12) + var(--spacing-2))}._collapsed_18951_20 ._header_18951_28{justify-content:center;padding:var(--spacing-3)}._content_18951_45{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2)}._section_18951_56{margin-bottom:var(--spacing-4)}._section_18951_56:last-child{margin-bottom:0}._sectionTitle_18951_64{font-family:var(--font-secondary);font-size:var(--font-size-10);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-1)}._sectionItems_18951_75{list-style:none;margin:0;padding:0}._itemWrapper_18951_85{margin-bottom:var(--spacing-05)}._item_18951_85{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration);text-align:left}._item_18951_85:hover{background:var(--surface-subtle);color:var(--text-primary)}._itemActive_18951_115{background:var(--color-brand-soft);color:var(--text-brand);font-weight:var(--font-weight-semibold)}._itemActive_18951_115:hover{background:var(--color-brand-soft-hover);color:var(--text-brand)}._itemDisabled_18951_126{opacity:.5;cursor:not-allowed;pointer-events:none}._itemNested_18951_132{font-size:var(--font-size-13)}._itemIcon_18951_136{display:flex;align-items:center;justify-content:center;width:var(--icon-size-md);height:var(--icon-size-md);flex-shrink:0;color:currentColor}._itemLabel_18951_146{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._itemBadge_18951_154{flex-shrink:0;font-size:var(--font-size-10);font-weight:var(--font-weight-medium);padding:var(--spacing-0-5) var(--spacing-2);background:var(--surface-subtle);border-radius:var(--radius-full);color:var(--text-secondary)}._itemActive_18951_115 ._itemBadge_18951_154{background:var(--color-brand-soft-hover);color:var(--text-brand)}._itemChevron_18951_169{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--mode-hover-duration)}._chevronExpanded_18951_175{transform:rotate(180deg)}._subItems_18951_183{list-style:none;margin:var(--spacing-1) 0 0 0;padding:0}._collapsed_18951_20 ._item_18951_85{justify-content:center;padding:var(--spacing-2)}._collapsed_18951_20 ._itemLabel_18951_146,._collapsed_18951_20 ._itemBadge_18951_154,._collapsed_18951_20 ._itemChevron_18951_169,._collapsed_18951_20 ._sectionTitle_18951_64{display:none}._collapsed_18951_20 ._itemIcon_18951_136{width:var(--icon-size-lg);height:var(--icon-size-lg)}._footer_18951_214{padding:var(--spacing-3);border-top:1px solid var(--border-subtle)}._collapsed_18951_20 ._footer_18951_214{padding:var(--spacing-2)}._divider_18951_227{border:none;border-top:1px solid var(--border-subtle);margin:var(--spacing-2) 0}._collapseToggle_18951_237{position:absolute;bottom:var(--spacing-4);right:calc(var(--spacing-2) * -1);transform:translate(50%);display:flex;align-items:center;justify-content:center;width:var(--icon-size-lg);height:var(--icon-size-lg);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);z-index:var(--z-sticky);transition:color var(--mode-hover-duration),background-color var(--mode-hover-duration)}._collapseToggle_18951_237:hover{background:var(--surface-subtle);color:var(--text-primary)}._variant-floating_18951_267{border-right:none;border-radius:var(--radius-container);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);height:100%}._variant-floating_18951_267 ._header_18951_28{border-bottom:none;position:relative}._variant-floating_18951_267 ._header_18951_28:after{content:"";position:absolute;bottom:0;left:var(--spacing-4);right:var(--spacing-4);height:1px;background:var(--border-subtle)}._variant-floating_18951_267 ._footer_18951_214{border-top:none;position:relative}._variant-floating_18951_267 ._footer_18951_214:before{content:"";position:absolute;top:0;left:var(--spacing-4);right:var(--spacing-4);height:1px;background:var(--border-subtle)}@media(max-width:768px){._sidebar_18951_8{position:fixed;left:0;top:0;bottom:0;z-index:var(--z-overlay);transform:translate(-100%);transition:transform var(--mode-hover-duration)}._sidebar_18951_8:not(._collapsed_18951_20){transform:translate(0)}._collapseToggle_18951_237{display:none}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_sidebar_18951_8",t="_collapsed_18951_20",i="_header_18951_28",o="_content_18951_45",s="_section_18951_56",_="_sectionTitle_18951_64",n="_sectionItems_18951_75",c="_itemWrapper_18951_85",a="_item_18951_85",m="_itemActive_18951_115",d="_itemDisabled_18951_126",l="_itemNested_18951_132",r="_itemIcon_18951_136",p="_itemLabel_18951_146",v="_itemBadge_18951_154",b="_itemChevron_18951_169",g="_chevronExpanded_18951_175",h="_subItems_18951_183",I="_footer_18951_214",u="_divider_18951_227",T="_collapseToggle_18951_237",f={sidebar:e,collapsed:t,header:i,content:o,section:s,sectionTitle:_,sectionItems:n,itemWrapper:c,item:a,itemActive:m,itemDisabled:d,itemNested:l,itemIcon:r,itemLabel:p,itemBadge:v,itemChevron:b,chevronExpanded:g,subItems:h,footer:I,divider:u,collapseToggle:T,"variant-floating":"_variant-floating_18951_267"};exports.chevronExpanded=g;exports.collapseToggle=T;exports.collapsed=t;exports.content=o;exports.default=f;exports.divider=u;exports.footer=I;exports.header=i;exports.item=a;exports.itemActive=m;exports.itemBadge=v;exports.itemChevron=b;exports.itemDisabled=d;exports.itemIcon=r;exports.itemLabel=p;exports.itemNested=l;exports.itemWrapper=c;exports.section=s;exports.sectionItems=n;exports.sectionTitle=_;exports.sidebar=e;exports.subItems=h;

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

@@ -0,0 +1,48 @@
+const e = "_sidebar_18951_8", t = "_collapsed_18951_20", _ = "_header_18951_28", o = "_content_18951_45", i = "_section_18951_56", s = "_sectionTitle_18951_64", n = "_sectionItems_18951_75", c = "_itemWrapper_18951_85", a = "_item_18951_85", m = "_itemActive_18951_115", d = "_itemDisabled_18951_126", l = "_itemNested_18951_132", r = "_itemIcon_18951_136", p = "_itemLabel_18951_146", v = "_itemBadge_18951_154", b = "_itemChevron_18951_169", g = "_chevronExpanded_18951_175", h = "_subItems_18951_183", I = "_footer_18951_214", f = "_divider_18951_227", T = "_collapseToggle_18951_237", u = {
+  sidebar: e,
+  collapsed: t,
+  header: _,
+  content: o,
+  section: i,
+  sectionTitle: s,
+  sectionItems: n,
+  itemWrapper: c,
+  item: a,
+  itemActive: m,
+  itemDisabled: d,
+  itemNested: l,
+  itemIcon: r,
+  itemLabel: p,
+  itemBadge: v,
+  itemChevron: b,
+  chevronExpanded: g,
+  subItems: h,
+  footer: I,
+  divider: f,
+  collapseToggle: T,
+  "variant-floating": "_variant-floating_18951_267"
+};
+export {
+  g as chevronExpanded,
+  T as collapseToggle,
+  t as collapsed,
+  o as content,
+  u as default,
+  f as divider,
+  I as footer,
+  _ as header,
+  a as item,
+  m as itemActive,
+  v as itemBadge,
+  b as itemChevron,
+  d as itemDisabled,
+  r as itemIcon,
+  p as itemLabel,
+  l as itemNested,
+  c as itemWrapper,
+  i as section,
+  n as sectionItems,
+  s as sectionTitle,
+  e as sidebar,
+  h as subItems
+};

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

@@ -0,0 +1,162 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Sidebar navigation item
+ */
+export interface SidebarItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Navigation URL
+     */
+    href?: string;
+    /**
+     * Click handler (alternative to href)
+     */
+    onClick?: () => void;
+    /**
+     * Icon element (Lucide icon recommended)
+     */
+    icon?: ReactNode;
+    /**
+     * Badge content (count, status, etc.)
+     */
+    badge?: ReactNode;
+    /**
+     * Nested items for sub-navigation
+     */
+    children?: SidebarItem[];
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+}
+/**
+ * Sidebar section grouping
+ */
+export interface SidebarSection {
+    /**
+     * Section title (optional)
+     */
+    title?: string;
+    /**
+     * Items in this section
+     */
+    items: SidebarItem[];
+}
+/**
+ * Sidebar visual variant
+ */
+export type SidebarVariant = "default" | "floating";
+/**
+ * Sidebar section props
+ *
+ * @example
+ * ```tsx
+ * <Sidebar
+ *   sections={[
+ *     {
+ *       items: [
+ *         { id: 'dashboard', label: 'Dashboard', icon: <Home />, href: '/' },
+ *         { id: 'projects', label: 'Projects', icon: <Folder />, href: '/projects' }
+ *       ]
+ *     }
+ *   ]}
+ *   activeItem="dashboard"
+ * />
+ * ```
+ */
+export interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Array of navigation sections
+     */
+    sections: SidebarSection[];
+    /**
+     * Currently active item ID
+     */
+    activeItem?: string;
+    /**
+     * Collapsed state (icon-only)
+     * @default false
+     */
+    collapsed?: boolean;
+    /**
+     * Callback when collapse state changes
+     */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /**
+     * Header content (logo, app name)
+     */
+    header?: ReactNode;
+    /**
+     * Footer content (user menu, settings)
+     */
+    footer?: ReactNode;
+    /**
+     * Visual variant
+     * - default: Standard sidebar
+     * - floating: Floating overlay style
+     * @default 'default'
+     */
+    variant?: SidebarVariant;
+    /**
+     * Width in pixels (when not collapsed)
+     * @default 240
+     */
+    width?: number;
+    /**
+     * Collapsed width in pixels
+     * @default 64
+     */
+    collapsedWidth?: number;
+}
+/**
+ * Sidebar.Item sub-component props
+ */
+export interface SidebarItemProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Item data
+     */
+    item: SidebarItem;
+    /**
+     * Whether this item is active
+     */
+    active?: boolean;
+    /**
+     * Collapsed mode
+     */
+    collapsed?: boolean;
+    /**
+     * Nesting depth for indentation
+     */
+    depth?: number;
+}
+/**
+ * Sidebar.Section sub-component props
+ */
+export interface SidebarSectionProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Section data
+     */
+    section: SidebarSection;
+    /**
+     * Currently active item ID
+     */
+    activeItem?: string;
+    /**
+     * Collapsed mode
+     */
+    collapsed?: boolean;
+}
+/**
+ * Sidebar.Divider sub-component props
+ */
+export interface SidebarDividerProps extends HTMLAttributes<HTMLHRElement> {
+}
+//# sourceMappingURL=Sidebar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,CAAC;AAEpD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D;;OAEG;IACH,QAAQ,EAAE,cAAc,EAAE,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,OAAO,EAAE,cAAc,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,aAAa,CAAC;CAAG"}

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

@@ -0,0 +1,3 @@
+export { Sidebar } from './Sidebar';
+export type { SidebarProps, SidebarVariant, SidebarItem, SidebarSection, SidebarItemProps, SidebarSectionProps, SidebarDividerProps, } from './Sidebar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC"}

package/dist/components/Skeleton/Skeleton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),x=require("react"),e=require("./Skeleton.module.css.cjs"),m=x.forwardRef(({variant:a="text",animation:f="pulse",width:t,height:l,lines:n=1,borderRadius:o,className:p,style:y,...u},i)=>{const d=[e.default.skeleton,e.default[a],e.default[f],p].filter(Boolean).join(" "),r={width:typeof t=="number"?`${t}px`:t,height:typeof l=="number"?`${l}px`:l,borderRadius:typeof o=="number"?`${o}px`:o,...y};return a==="text"&&n>1?s.jsx("div",{ref:i,className:e.default.lines,...u,children:Array.from({length:n}).map((S,c)=>s.jsx("div",{className:d,style:{...r,width:c===n-1?"80%":r.width},"aria-hidden":"true"},c))}):s.jsx("div",{ref:i,className:d,style:r,"aria-hidden":"true",...u})});m.displayName="Skeleton";exports.Skeleton=m;

package/dist/components/Skeleton/Skeleton.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,0GA8DpB,CAAC"}

package/dist/components/Skeleton/Skeleton.mjs

@@ -0,0 +1,54 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import e from "./Skeleton.module.css.mjs";
+const x = u(
+  ({
+    variant: n = "text",
+    animation: y = "pulse",
+    width: t,
+    height: o,
+    lines: r = 1,
+    borderRadius: l,
+    className: c,
+    style: d,
+    ...a
+  }, i) => {
+    const p = [
+      e.skeleton,
+      e[n],
+      e[y],
+      c
+    ].filter(Boolean).join(" "), s = {
+      width: typeof t == "number" ? `${t}px` : t,
+      height: typeof o == "number" ? `${o}px` : o,
+      borderRadius: typeof l == "number" ? `${l}px` : l,
+      ...d
+    };
+    return n === "text" && r > 1 ? /* @__PURE__ */ m("div", { ref: i, className: e.lines, ...a, children: Array.from({ length: r }).map((N, f) => /* @__PURE__ */ m(
+      "div",
+      {
+        className: p,
+        style: {
+          ...s,
+          // Last line is shorter for visual variety
+          width: f === r - 1 ? "80%" : s.width
+        },
+        "aria-hidden": "true"
+      },
+      f
+    )) }) : /* @__PURE__ */ m(
+      "div",
+      {
+        ref: i,
+        className: p,
+        style: s,
+        "aria-hidden": "true",
+        ...a
+      }
+    );
+  }
+);
+x.displayName = "Skeleton";
+export {
+  x as Skeleton
+};

package/dist/components/Skeleton/Skeleton.module.css

@@ -0,0 +1 @@
+._skeleton_1gy8f_9{background-color:var(--surface-layer);display:block}._text_1gy8f_18{width:100%;height:1em;border-radius:var(--radius-sm)}._circular_1gy8f_24{border-radius:50%}._rectangular_1gy8f_28{border-radius:0}._rounded_1gy8f_32{border-radius:var(--radius-control)}._pulse_1gy8f_40{animation:_pulse_1gy8f_40 1.5s ease-in-out infinite}._wave_1gy8f_44{position:relative;overflow:hidden}._wave_1gy8f_44:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--surface-subtle),transparent);animation:_wave_1gy8f_44 1.5s linear infinite}._none_1gy8f_65{animation:none}@keyframes _pulse_1gy8f_40{0%,to{opacity:1}50%{opacity:.4}}@keyframes _wave_1gy8f_44{0%{transform:translate(-100%)}to{transform:translate(100%)}}._lines_1gy8f_92{display:flex;flex-direction:column;gap:var(--spacing-2)}@media(prefers-reduced-motion:reduce){._pulse_1gy8f_40,._wave_1gy8f_44{animation:none}._wave_1gy8f_44:after{animation:none}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_skeleton_1gy8f_9",n="_text_1gy8f_18",t="_circular_1gy8f_24",_="_rectangular_1gy8f_28",s="_rounded_1gy8f_32",l="_pulse_1gy8f_40",o="_wave_1gy8f_44",r="_none_1gy8f_65",c="_lines_1gy8f_92",u={skeleton:e,text:n,circular:t,rectangular:_,rounded:s,pulse:l,wave:o,none:r,lines:c};exports.circular=t;exports.default=u;exports.lines=c;exports.none=r;exports.pulse=l;exports.rectangular=_;exports.rounded=s;exports.skeleton=e;exports.text=n;exports.wave=o;

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

@@ -0,0 +1,23 @@
+const e = "_skeleton_1gy8f_9", n = "_text_1gy8f_18", _ = "_circular_1gy8f_24", t = "_rectangular_1gy8f_28", s = "_rounded_1gy8f_32", o = "_pulse_1gy8f_40", c = "_wave_1gy8f_44", l = "_none_1gy8f_65", r = "_lines_1gy8f_92", a = {
+  skeleton: e,
+  text: n,
+  circular: _,
+  rectangular: t,
+  rounded: s,
+  pulse: o,
+  wave: c,
+  none: l,
+  lines: r
+};
+export {
+  _ as circular,
+  a as default,
+  r as lines,
+  l as none,
+  o as pulse,
+  t as rectangular,
+  s as rounded,
+  e as skeleton,
+  n as text,
+  c as wave
+};

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

@@ -0,0 +1,52 @@
+import { HTMLAttributes } from 'react';
+
+/**
+ * Skeleton shape variants
+ */
+export type SkeletonVariant = "text" | "circular" | "rectangular" | "rounded";
+/**
+ * Skeleton animation types
+ */
+export type SkeletonAnimation = "pulse" | "wave" | "none";
+/**
+ * Skeleton component props
+ *
+ * @example
+ * ```tsx
+ * <Skeleton width={200} height={20} />
+ * <Skeleton variant="circular" width={40} height={40} />
+ * <Skeleton variant="rectangular" width="100%" height={200} />
+ * ```
+ */
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Shape variant of the skeleton
+     * @default 'text'
+     */
+    variant?: SkeletonVariant;
+    /**
+     * Animation type
+     * @default 'pulse'
+     */
+    animation?: SkeletonAnimation;
+    /**
+     * Width of the skeleton
+     * Can be a number (pixels) or string (e.g., '100%', '10rem')
+     */
+    width?: number | string;
+    /**
+     * Height of the skeleton
+     * Can be a number (pixels) or string (e.g., '100%', '2rem')
+     */
+    height?: number | string;
+    /**
+     * Number of skeleton lines to render (for text variant)
+     * @default 1
+     */
+    lines?: number;
+    /**
+     * Border radius override
+     */
+    borderRadius?: number | string;
+}
+//# sourceMappingURL=Skeleton.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;AAE9E;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAE9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC"}

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

@@ -0,0 +1,15 @@
+/**
+ * Skeleton Component - Loading placeholder shapes.
+ *
+ * @example
+ * ```tsx
+ * import { Skeleton } from '@orion-ds/react';
+ *
+ * <Skeleton variant="text" width={200} />
+ * <Skeleton variant="circle" width={48} height={48} />
+ * <Skeleton variant="rectangle" width="100%" height={120} />
+ * ```
+ */
+export { Skeleton } from './Skeleton';
+export type { SkeletonProps, SkeletonVariant, SkeletonAnimation, } from './Skeleton.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Slider/Slider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("react"),e=require("./Slider.module.css.cjs"),v=n.forwardRef(({value:l,onChange:o,min:s=0,max:t=100,step:M=1,size:S="md",disabled:f=!1,showValue:k=!1,formatValue:d,showLabels:x=!1,showTicks:w=!1,tickValues:h,label:D,id:R,onChangeStart:p,onChangeEnd:j,className:T,...q},C)=>{const I=n.useId(),$=R||I,i=n.useRef(!1),N=(l-s)/(t-s)*100,g=d?d(l):l.toString(),U=n.useCallback(r=>{const c=parseFloat(r.target.value);o(c)},[o]),b=n.useCallback(()=>{i.current=!0,p?.()},[p]),y=n.useCallback(()=>{i.current&&(i.current=!1,j?.(l))},[j,l]),B=()=>{if(h)return h;const r=[],c=(t-s)/4;for(let u=s;u<=t;u+=c)r.push(Math.round(u*100)/100);return r},F=[e.default.container,e.default[S],f&&e.default.disabled,T].filter(Boolean).join(" ");return a.jsxs("div",{ref:C,className:F,...q,children:[k&&a.jsx("div",{className:e.default.valueDisplay,style:{left:`${N}%`},"aria-hidden":"true",children:g}),a.jsxs("div",{className:e.default.track,children:[a.jsx("div",{className:e.default.fill,style:{width:`${N}%`},"aria-hidden":"true"}),a.jsx("input",{id:$,type:"range",className:e.default.input,value:l,onChange:U,onMouseDown:b,onMouseUp:y,onTouchStart:b,onTouchEnd:y,min:s,max:t,step:M,disabled:f,"aria-label":D,"aria-valuemin":s,"aria-valuemax":t,"aria-valuenow":l,"aria-valuetext":g})]}),w&&a.jsx("div",{className:e.default.ticks,"aria-hidden":"true",children:B().map(r=>a.jsx("div",{className:e.default.tick,style:{left:`${(r-s)/(t-s)*100}%`}},r))}),x&&a.jsxs("div",{className:e.default.labels,"aria-hidden":"true",children:[a.jsx("span",{className:e.default.labelMin,children:d?d(s):s}),a.jsx("span",{className:e.default.labelMax,children:d?d(t):t})]})]})});v.displayName="Slider";exports.Slider=v;

package/dist/components/Slider/Slider.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,wGA6IlB,CAAC"}