@orion-ds/react 4.9.1 → 4.9.2

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

@@ -1,36 +0,0 @@
-const _ = "_overlay_13db5_9", o = "_overlayVisible_13db5_21", e = "_backdrop_13db5_30", t = "_drawer_13db5_37", s = "_left_13db5_51", d = "_drawerVisible_13db5_58", b = "_right_13db5_62", r = "_top_13db5_73", l = "_bottom_13db5_84", i = "_closeButton_13db5_154", a = "_header_13db5_188", c = "_body_13db5_199", n = "_footer_13db5_208", y = {
-  overlay: _,
-  overlayVisible: o,
-  backdrop: e,
-  drawer: t,
-  left: s,
-  drawerVisible: d,
-  right: b,
-  top: r,
-  bottom: l,
-  "size-sm": "_size-sm_13db5_99",
-  "size-md": "_size-md_13db5_104",
-  "size-lg": "_size-lg_13db5_109",
-  "size-xl": "_size-xl_13db5_114",
-  "size-full": "_size-full_13db5_119",
-  closeButton: i,
-  header: a,
-  body: c,
-  footer: n
-};
-export {
-  e as backdrop,
-  c as body,
-  l as bottom,
-  i as closeButton,
-  y as default,
-  t as drawer,
-  d as drawerVisible,
-  n as footer,
-  a as header,
-  s as left,
-  _ as overlay,
-  o as overlayVisible,
-  b as right,
-  r as top
-};

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -1,19 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Drawer } from './Drawer';
-
-declare const meta: Meta<typeof Drawer>;
-export default meta;
-type Story = StoryObj<typeof Drawer>;
-export declare const Default: Story;
-export declare const LeftPlacement: Story;
-export declare const TopPlacement: Story;
-export declare const BottomPlacement: Story;
-export declare const SmallSize: Story;
-export declare const LargeSize: Story;
-export declare const FullSize: Story;
-export declare const WithoutCloseButton: Story;
-export declare const NoBackdropClose: Story;
-export declare const NavigationDrawer: Story;
-export declare const SettingsDrawer: Story;
-export declare const AllPlacements: Story;
-//# sourceMappingURL=Drawer.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAuCrC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA2C9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAwF5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkC3B,CAAC"}

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

@@ -1,79 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-
-/**
- * Drawer placement options
- */
-export type DrawerPlacement = "left" | "right" | "top" | "bottom";
-/**
- * Drawer sizes
- */
-export type DrawerSize = "sm" | "md" | "lg" | "xl" | "full";
-/**
- * Drawer component props
- *
- * @example
- * ```tsx
- * <Drawer open={isOpen} onClose={() => setIsOpen(false)}>
- *   <Drawer.Header>Settings</Drawer.Header>
- *   <Drawer.Body>Content here</Drawer.Body>
- * </Drawer>
- * ```
- */
-export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Whether the drawer is open
-     */
-    open: boolean;
-    /**
-     * Callback when the drawer should close
-     */
-    onClose: () => void;
-    /**
-     * Placement of the drawer
-     * @default 'right'
-     */
-    placement?: DrawerPlacement;
-    /**
-     * Size of the drawer
-     * @default 'md'
-     */
-    size?: DrawerSize;
-    /**
-     * Whether to close when clicking the backdrop
-     * @default true
-     */
-    closeOnBackdrop?: boolean;
-    /**
-     * Whether to close when pressing Escape
-     * @default true
-     */
-    closeOnEscape?: boolean;
-    /**
-     * Whether to show a close button
-     * @default true
-     */
-    showCloseButton?: boolean;
-    /**
-     * Drawer content
-     */
-    children?: ReactNode;
-}
-/**
- * Drawer Header props
- */
-export interface DrawerHeaderProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-}
-/**
- * Drawer Body props
- */
-export interface DrawerBodyProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-}
-/**
- * Drawer Footer props
- */
-export interface DrawerFooterProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-}
-//# sourceMappingURL=Drawer.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE5D;;;;;;;;;;GAUG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -1,21 +0,0 @@
-/**
- * Drawer Component - Side panel overlay.
- *
- * @example
- * ```tsx
- * import { Drawer, Button } from '@orion-ds/react';
- *
- * <Drawer isOpen={isOpen} onClose={() => setIsOpen(false)} placement="right" size="md">
- *   <Drawer.Header>Settings</Drawer.Header>
- *   <Drawer.Body>
- *     <p>Drawer content here</p>
- *   </Drawer.Body>
- *   <Drawer.Footer>
- *     <Button onClick={() => setIsOpen(false)}>Close</Button>
- *   </Drawer.Footer>
- * </Drawer>
- * ```
- */
-export { Drawer } from './Drawer';
-export type { DrawerProps, DrawerPlacement, DrawerSize, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, } from './Drawer.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,iBAAiB,GAClB,MAAM,gBAAgB,CAAC"}

package/dist/components/Dropdown/Dropdown.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),U=require("react-dom"),i=require("./Dropdown.module.css.cjs"),V=(e,l,m)=>{const r=window.scrollX,c=window.scrollY,u=4;let n=0,h=0;switch(m){case"bottom-start":n=e.bottom+c+u,h=e.left+r;break;case"bottom":n=e.bottom+c+u,h=e.left+r+(e.width-l.width)/2;break;case"bottom-end":n=e.bottom+c+u,h=e.right+r-l.width;break;case"top-start":n=e.top+c-l.height-u,h=e.left+r;break;case"top":n=e.top+c-l.height-u,h=e.left+r+(e.width-l.width)/2;break;case"top-end":n=e.top+c-l.height-u,h=e.right+r-l.width;break}return{top:n,left:h}},_=({item:e,onSelect:l,onNavigate:m})=>{const r=()=>{e.disabled||(e.onClick?.(),l())},c=n=>{n.key==="Enter"||n.key===" "?(n.preventDefault(),r()):n.key==="ArrowDown"?(n.preventDefault(),m?.("down")):n.key==="ArrowUp"&&(n.preventDefault(),m?.("up"))},u=[i.default.item,e.disabled&&i.default.disabled,e.danger&&i.default.danger].filter(Boolean).join(" ");return a.jsxs("div",{className:u,role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled,onClick:r,onKeyDown:c,children:[e.icon&&a.jsx("span",{className:i.default.icon,"aria-hidden":"true",children:e.icon}),a.jsx("span",{className:i.default.label,children:e.label}),e.shortcut&&a.jsx("span",{className:i.default.shortcut,"aria-hidden":"true",children:e.shortcut})]})},P=s.forwardRef(({trigger:e,items:l=[],groups:m=[],placement:r="bottom-start",open:c,onOpenChange:u,onSelect:n,minWidth:h=180,closeOnSelect:y=!0,className:F,...S},A)=>{const[B,M]=s.useState(!1),[C,z]=s.useState({top:0,left:0}),[v,E]=s.useState(-1),w=s.useRef(null),k=s.useRef(null),x=s.useRef(new Map);s.useImperativeHandle(A,()=>w.current);const j=c!==void 0,f=j?c:B,I=(m.length>0?m:[{items:l}]).flatMap(t=>t.items).filter(t=>!t.disabled),b=s.useCallback(t=>{j||M(t),u?.(t),t||E(-1)},[j,u]),p=s.useCallback(()=>{if(!w.current||!k.current)return;const t=w.current.getBoundingClientRect(),d=k.current.getBoundingClientRect(),o=V(t,d,r);z(o)},[r]);s.useEffect(()=>{if(f)return requestAnimationFrame(p),window.addEventListener("resize",p),window.addEventListener("scroll",p,!0),requestAnimationFrame(()=>{const t=x.current.get(0);t&&(t.focus(),E(0))}),()=>{window.removeEventListener("resize",p),window.removeEventListener("scroll",p,!0)}},[f,p]),s.useEffect(()=>{if(!f)return;const t=d=>{const o=d.target;w.current&&!w.current.contains(o)&&k.current&&!k.current.contains(o)&&b(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[f,b]),s.useEffect(()=>{if(!f)return;const t=d=>{d.key==="Escape"&&b(!1)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[f,b]);const K=s.useCallback(()=>{b(!f)},[f,b]),T=s.useCallback(t=>{n?.(t),y&&b(!1)},[y,n,b]),X=s.useCallback(t=>{const d=I.length;if(d===0)return;let o;t==="down"?o=v<d-1?v+1:0:o=v>0?v-1:d-1,E(o),x.current.get(o)?.focus()},[v,I.length]),Y=s.isValidElement(e)?s.cloneElement(e,{onClick:K,"aria-expanded":f,"aria-haspopup":"menu"}):e,D=m.length>0?m:[{items:l}],H=[i.default.menu,f&&i.default.visible,F].filter(Boolean).join(" ");let N=0;const O=a.jsx("div",{ref:k,className:H,style:{top:C.top,left:C.left,minWidth:h},role:"menu","aria-orientation":"vertical",...S,children:D.map((t,d)=>a.jsxs("div",{className:i.default.group,children:[t.label&&a.jsx("div",{className:i.default.groupLabel,children:t.label}),t.items.map(o=>{const L=N;return o.disabled||N++,a.jsx("div",{ref:q=>{q&&!o.disabled&&x.current.set(L,q)},children:a.jsx(_,{item:o,onSelect:()=>T(o),onNavigate:X})},o.id)}),d<D.length-1&&a.jsx("div",{className:i.default.separator,role:"separator"})]},d))});return a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:w,className:i.default.trigger,children:Y}),f&&U.createPortal(O,document.body)]})});P.displayName="Dropdown";exports.Dropdown=P;

package/dist/components/Dropdown/Dropdown.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EACV,aAAa,EAId,MAAM,kBAAkB,CAAC;AAgH1B,eAAO,MAAM,QAAQ,0GAkOpB,CAAC"}

package/dist/components/Dropdown/Dropdown.mjs

@@ -1,176 +0,0 @@
-import { jsx as m, jsxs as L, Fragment as O } from "react/jsx-runtime";
-import { forwardRef as Q, useState as N, useRef as C, useImperativeHandle as W, useCallback as k, useEffect as x, isValidElement as Z, cloneElement as _ } from "react";
-import { createPortal as $ } from "react-dom";
-import r from "./Dropdown.module.css.mjs";
-const g = (e, s, u) => {
-  const a = window.scrollX, i = window.scrollY, d = 4;
-  let n = 0, f = 0;
-  switch (u) {
-    case "bottom-start":
-      n = e.bottom + i + d, f = e.left + a;
-      break;
-    case "bottom":
-      n = e.bottom + i + d, f = e.left + a + (e.width - s.width) / 2;
-      break;
-    case "bottom-end":
-      n = e.bottom + i + d, f = e.right + a - s.width;
-      break;
-    case "top-start":
-      n = e.top + i - s.height - d, f = e.left + a;
-      break;
-    case "top":
-      n = e.top + i - s.height - d, f = e.left + a + (e.width - s.width) / 2;
-      break;
-    case "top-end":
-      n = e.top + i - s.height - d, f = e.right + a - s.width;
-      break;
-  }
-  return { top: n, left: f };
-}, R = ({
-  item: e,
-  onSelect: s,
-  onNavigate: u
-}) => {
-  const a = () => {
-    e.disabled || (e.onClick?.(), s());
-  }, i = (n) => {
-    n.key === "Enter" || n.key === " " ? (n.preventDefault(), a()) : n.key === "ArrowDown" ? (n.preventDefault(), u?.("down")) : n.key === "ArrowUp" && (n.preventDefault(), u?.("up"));
-  }, d = [
-    r.item,
-    e.disabled && r.disabled,
-    e.danger && r.danger
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ L(
-    "div",
-    {
-      className: d,
-      role: "menuitem",
-      tabIndex: e.disabled ? -1 : 0,
-      "aria-disabled": e.disabled,
-      onClick: a,
-      onKeyDown: i,
-      children: [
-        e.icon && /* @__PURE__ */ m("span", { className: r.icon, "aria-hidden": "true", children: e.icon }),
-        /* @__PURE__ */ m("span", { className: r.label, children: e.label }),
-        e.shortcut && /* @__PURE__ */ m("span", { className: r.shortcut, "aria-hidden": "true", children: e.shortcut })
-      ]
-    }
-  );
-}, ee = Q(
-  ({
-    trigger: e,
-    items: s = [],
-    groups: u = [],
-    placement: a = "bottom-start",
-    open: i,
-    onOpenChange: d,
-    onSelect: n,
-    minWidth: f = 180,
-    closeOnSelect: D = !0,
-    className: q,
-    ...z
-  }, K) => {
-    const [X, Y] = N(!1), [F, H] = N({ top: 0, left: 0 }), [b, E] = N(-1), p = C(null), v = C(null), I = C(/* @__PURE__ */ new Map());
-    W(K, () => p.current);
-    const y = i !== void 0, c = y ? i : X, P = (u.length > 0 ? u : [{ items: s }]).flatMap((t) => t.items).filter((t) => !t.disabled), h = k(
-      (t) => {
-        y || Y(t), d?.(t), t || E(-1);
-      },
-      [y, d]
-    ), w = k(() => {
-      if (!p.current || !v.current) return;
-      const t = p.current.getBoundingClientRect(), l = v.current.getBoundingClientRect(), o = g(t, l, a);
-      H(o);
-    }, [a]);
-    x(() => {
-      if (c)
-        return requestAnimationFrame(w), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), requestAnimationFrame(() => {
-          const t = I.current.get(0);
-          t && (t.focus(), E(0));
-        }), () => {
-          window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0);
-        };
-    }, [c, w]), x(() => {
-      if (!c) return;
-      const t = (l) => {
-        const o = l.target;
-        p.current && !p.current.contains(o) && v.current && !v.current.contains(o) && h(!1);
-      };
-      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-    }, [c, h]), x(() => {
-      if (!c) return;
-      const t = (l) => {
-        l.key === "Escape" && h(!1);
-      };
-      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-    }, [c, h]);
-    const S = k(() => {
-      h(!c);
-    }, [c, h]), T = k(
-      (t) => {
-        n?.(t), D && h(!1);
-      },
-      [D, n, h]
-    ), U = k(
-      (t) => {
-        const l = P.length;
-        if (l === 0) return;
-        let o;
-        t === "down" ? o = b < l - 1 ? b + 1 : 0 : o = b > 0 ? b - 1 : l - 1, E(o), I.current.get(o)?.focus();
-      },
-      [b, P.length]
-    ), V = Z(e) ? _(e, {
-      onClick: S,
-      "aria-expanded": c,
-      "aria-haspopup": "menu"
-    }) : e, j = u.length > 0 ? u : [{ items: s }], G = [r.menu, c && r.visible, q].filter(Boolean).join(" ");
-    let A = 0;
-    const J = /* @__PURE__ */ m(
-      "div",
-      {
-        ref: v,
-        className: G,
-        style: {
-          top: F.top,
-          left: F.left,
-          minWidth: f
-        },
-        role: "menu",
-        "aria-orientation": "vertical",
-        ...z,
-        children: j.map((t, l) => /* @__PURE__ */ L("div", { className: r.group, children: [
-          t.label && /* @__PURE__ */ m("div", { className: r.groupLabel, children: t.label }),
-          t.items.map((o) => {
-            const B = A;
-            return o.disabled || A++, /* @__PURE__ */ m(
-              "div",
-              {
-                ref: (M) => {
-                  M && !o.disabled && I.current.set(B, M);
-                },
-                children: /* @__PURE__ */ m(
-                  R,
-                  {
-                    item: o,
-                    onSelect: () => T(o),
-                    onNavigate: U
-                  }
-                )
-              },
-              o.id
-            );
-          }),
-          l < j.length - 1 && /* @__PURE__ */ m("div", { className: r.separator, role: "separator" })
-        ] }, l))
-      }
-    );
-    return /* @__PURE__ */ L(O, { children: [
-      /* @__PURE__ */ m("div", { ref: p, className: r.trigger, children: V }),
-      c && $(J, document.body)
-    ] });
-  }
-);
-ee.displayName = "Dropdown";
-export {
-  ee as Dropdown
-};

package/dist/components/Dropdown/Dropdown.module.css

@@ -1 +0,0 @@
-._trigger_9nsdr_9{display:inline-block}._menu_9nsdr_14{position:absolute;z-index:var(--z-dropdown);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-lg);padding:var(--spacing-2);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear var(--transition-fast)}._visible_9nsdr_31{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear 0s}._groupLabel_9nsdr_49{padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}._separator_9nsdr_59{height:1px;margin:var(--spacing-2) 0;background:var(--border-subtle)}._item_9nsdr_69{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-sm);font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast);outline:none}._item_9nsdr_69:hover:not(._disabled_9nsdr_82),._item_9nsdr_69:focus-visible:not(._disabled_9nsdr_82){background:var(--surface-subtle)}._item_9nsdr_69:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:-2px}._disabled_9nsdr_82{opacity:.5;cursor:not-allowed}._danger_9nsdr_98{color:var(--status-error)}._danger_9nsdr_98:hover:not(._disabled_9nsdr_82),._danger_9nsdr_98:focus-visible:not(._disabled_9nsdr_82){background:color-mix(in srgb,var(--status-error) 10%,transparent)}._icon_9nsdr_111{width:16px;height:16px;flex-shrink:0;color:var(--text-secondary)}._danger_9nsdr_98 ._icon_9nsdr_111{color:var(--status-error)}._label_9nsdr_122{flex:1}._shortcut_9nsdr_126{font-size:var(--font-size-12);color:var(--text-tertiary);font-family:var(--font-mono)}@media(prefers-reduced-motion:reduce){._menu_9nsdr_14{transition:none}}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_trigger_9nsdr_9",r="_menu_9nsdr_14",s="_visible_9nsdr_31",t="_group_9nsdr_45",n="_groupLabel_9nsdr_49",o="_separator_9nsdr_59",_="_item_9nsdr_69",a="_disabled_9nsdr_82",d="_danger_9nsdr_98",i="_icon_9nsdr_111",l="_label_9nsdr_122",c="_shortcut_9nsdr_126",u={trigger:e,menu:r,visible:s,group:t,groupLabel:n,separator:o,item:_,disabled:a,danger:d,icon:i,label:l,shortcut:c};exports.danger=d;exports.default=u;exports.disabled=a;exports.group=t;exports.groupLabel=n;exports.icon=i;exports.item=_;exports.label=l;exports.menu=r;exports.separator=o;exports.shortcut=c;exports.trigger=e;exports.visible=s;

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

@@ -1,29 +0,0 @@
-const s = "_trigger_9nsdr_9", r = "_menu_9nsdr_14", _ = "_visible_9nsdr_31", n = "_group_9nsdr_45", t = "_groupLabel_9nsdr_49", e = "_separator_9nsdr_59", o = "_item_9nsdr_69", d = "_disabled_9nsdr_82", a = "_danger_9nsdr_98", c = "_icon_9nsdr_111", i = "_label_9nsdr_122", l = "_shortcut_9nsdr_126", g = {
-  trigger: s,
-  menu: r,
-  visible: _,
-  group: n,
-  groupLabel: t,
-  separator: e,
-  item: o,
-  disabled: d,
-  danger: a,
-  icon: c,
-  label: i,
-  shortcut: l
-};
-export {
-  a as danger,
-  g as default,
-  d as disabled,
-  n as group,
-  t as groupLabel,
-  c as icon,
-  o as item,
-  i as label,
-  r as menu,
-  e as separator,
-  l as shortcut,
-  s as trigger,
-  _ as visible
-};

package/dist/components/Dropdown/Dropdown.stories.d.ts

@@ -1,18 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Dropdown } from './Dropdown';
-
-declare const meta: Meta<typeof Dropdown>;
-export default meta;
-type Story = StoryObj<typeof Dropdown>;
-export declare const Default: Story;
-export declare const WithIcons: Story;
-export declare const WithShortcuts: Story;
-export declare const WithGroups: Story;
-export declare const UserMenu: Story;
-export declare const WithDisabledItems: Story;
-export declare const TopPlacement: Story;
-export declare const BottomEnd: Story;
-export declare const WideMenu: Story;
-export declare const ContextMenu: Story;
-export declare const MultipleDropdowns: Story;
-//# sourceMappingURL=Dropdown.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAetC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAoB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AASvC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA2DtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA+BzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA6B/B,CAAC"}

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

@@ -1,115 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-
-/**
- * Dropdown placement options
- */
-export type DropdownPlacement = "bottom-start" | "bottom" | "bottom-end" | "top-start" | "top" | "top-end";
-/**
- * Dropdown menu item
- */
-export interface DropdownItem {
-    /**
-     * Unique identifier for the item
-     */
-    id: string;
-    /**
-     * Label to display
-     */
-    label: string;
-    /**
-     * Optional icon to display before the label
-     */
-    icon?: ReactNode;
-    /**
-     * Whether the item is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Whether this is a destructive action (red text)
-     */
-    danger?: boolean;
-    /**
-     * Optional keyboard shortcut to display
-     */
-    shortcut?: string;
-    /**
-     * Click handler for the item
-     */
-    onClick?: () => void;
-}
-/**
- * Dropdown item group (for organizing items)
- */
-export interface DropdownGroup {
-    /**
-     * Optional label for the group
-     */
-    label?: string;
-    /**
-     * Items in this group
-     */
-    items: DropdownItem[];
-}
-/**
- * Dropdown component props
- *
- * @example
- * ```tsx
- * <Dropdown
- *   trigger={<Button>Options</Button>}
- *   items={[
- *     { id: 'edit', label: 'Edit', icon: <EditIcon /> },
- *     { id: 'delete', label: 'Delete', danger: true },
- *   ]}
- * />
- * ```
- */
-export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "onSelect"> {
-    /**
-     * The trigger element that opens the dropdown
-     */
-    trigger: ReactNode;
-    /**
-     * Menu items (flat list or grouped)
-     */
-    items?: DropdownItem[];
-    /**
-     * Grouped menu items
-     */
-    groups?: DropdownGroup[];
-    /**
-     * Placement of the dropdown
-     * @default 'bottom-start'
-     */
-    placement?: DropdownPlacement;
-    /**
-     * Whether the dropdown is open (controlled)
-     */
-    open?: boolean;
-    /**
-     * Callback when open state changes
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Callback when an item is selected
-     */
-    onSelect?: (item: DropdownItem) => void;
-    /**
-     * Minimum width of the dropdown menu
-     * @default 180
-     */
-    minWidth?: number;
-    /**
-     * Whether to close when an item is selected
-     * @default true
-     */
-    closeOnSelect?: boolean;
-}
-/**
- * Dropdown Item component props (internal)
- */
-export interface DropdownMenuItemProps {
-    item: DropdownItem;
-    onSelect: () => void;
-}
-//# sourceMappingURL=Dropdown.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACzB,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,KAAK,GACL,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,UAAU,CACxB;IACC;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}

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

@@ -1,22 +0,0 @@
-/**
- * Dropdown Component - Action menu with items.
- *
- * @example
- * ```tsx
- * import { Dropdown, Button } from '@orion-ds/react';
- * import { Edit, Trash, Copy } from 'lucide-react';
- *
- * <Dropdown
- *   trigger={<Button>Actions</Button>}
- *   items={[
- *     { label: 'Edit', icon: <Edit size={16} />, onClick: handleEdit },
- *     { label: 'Duplicate', icon: <Copy size={16} />, onClick: handleCopy },
- *     { type: 'divider' },
- *     { label: 'Delete', icon: <Trash size={16} />, onClick: handleDelete, danger: true },
- *   ]}
- * />
- * ```
- */
-export { Dropdown } from './Dropdown';
-export type { DropdownProps, DropdownItem, DropdownGroup, DropdownPlacement, } from './Dropdown.types';
-//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/EmptyState/EmptyState.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("react"),e=require("./EmptyState.module.css.cjs"),r=f.forwardRef(({icon:a,title:i,description:s,action:l,secondaryAction:d,size:c="md",className:m,...u},n)=>{const o=[e.default.emptyState,e.default[c],m].filter(Boolean).join(" ");return t.jsxs("div",{ref:n,className:o,...u,children:[a&&t.jsx("div",{className:e.default.icon,"aria-hidden":"true",children:a}),t.jsx("h3",{className:e.default.title,children:i}),s&&t.jsx("p",{className:e.default.description,children:s}),(l||d)&&t.jsxs("div",{className:e.default.actions,children:[l,d]})]})});r.displayName="EmptyState";exports.EmptyState=r;

package/dist/components/EmptyState/EmptyState.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GAuCtB,CAAC"}

package/dist/components/EmptyState/EmptyState.mjs

@@ -1,30 +0,0 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import e from "./EmptyState.module.css.mjs";
-const N = h(
-  ({
-    icon: a,
-    title: l,
-    description: t,
-    action: r,
-    secondaryAction: m,
-    size: d = "md",
-    className: c,
-    ...o
-  }, n) => {
-    const p = [e.emptyState, e[d], c].filter(Boolean).join(" ");
-    return /* @__PURE__ */ i("div", { ref: n, className: p, ...o, children: [
-      a && /* @__PURE__ */ s("div", { className: e.icon, "aria-hidden": "true", children: a }),
-      /* @__PURE__ */ s("h3", { className: e.title, children: l }),
-      t && /* @__PURE__ */ s("p", { className: e.description, children: t }),
-      (r || m) && /* @__PURE__ */ i("div", { className: e.actions, children: [
-        r,
-        m
-      ] })
-    ] });
-  }
-);
-N.displayName = "EmptyState";
-export {
-  N as EmptyState
-};

package/dist/components/EmptyState/EmptyState.module.css

@@ -1 +0,0 @@
-._emptyState_6m57l_8{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-8)}._sm_6m57l_21{padding:var(--spacing-4)}._sm_6m57l_21 ._icon_6m57l_24{margin-bottom:var(--spacing-3)}._sm_6m57l_21 ._title_6m57l_28{font-size:var(--font-size-14)}._sm_6m57l_21 ._description_6m57l_32{font-size:var(--font-size-12);max-width:280px}._sm_6m57l_21 ._actions_6m57l_37{margin-top:var(--spacing-3);gap:var(--spacing-2)}._md_6m57l_43 ._icon_6m57l_24{margin-bottom:var(--spacing-4)}._md_6m57l_43 ._title_6m57l_28{font-size:var(--font-size-18)}._md_6m57l_43 ._description_6m57l_32{font-size:var(--font-size-14);max-width:360px}._md_6m57l_43 ._actions_6m57l_37{margin-top:var(--spacing-4);gap:var(--spacing-3)}._lg_6m57l_63{padding:var(--spacing-12)}._lg_6m57l_63 ._icon_6m57l_24{margin-bottom:var(--spacing-6)}._lg_6m57l_63 ._title_6m57l_28{font-size:var(--font-size-24)}._lg_6m57l_63 ._description_6m57l_32{font-size:var(--font-size-16);max-width:440px}._lg_6m57l_63 ._actions_6m57l_37{margin-top:var(--spacing-6);gap:var(--spacing-4)}._icon_6m57l_24{color:var(--text-tertiary)}._title_6m57l_28{margin:0;font-family:var(--font-secondary);font-weight:var(--font-weight-semibold);color:var(--text-primary)}._description_6m57l_32{margin:var(--spacing-2) 0 0;font-family:var(--font-secondary);color:var(--text-secondary);line-height:var(--line-height-relaxed)}._actions_6m57l_37{display:flex;flex-wrap:wrap;justify-content:center}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_emptyState_6m57l_8",e="_sm_6m57l_21",s="_icon_6m57l_24",o="_title_6m57l_28",_="_description_6m57l_32",i="_actions_6m57l_37",c="_md_6m57l_43",l="_lg_6m57l_63",n={emptyState:t,sm:e,icon:s,title:o,description:_,actions:i,md:c,lg:l};exports.actions=i;exports.default=n;exports.description=_;exports.emptyState=t;exports.icon=s;exports.lg=l;exports.md=c;exports.sm=e;exports.title=o;

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

@@ -1,21 +0,0 @@
-const t = "_emptyState_6m57l_8", _ = "_sm_6m57l_21", s = "_icon_6m57l_24", o = "_title_6m57l_28", c = "_description_6m57l_32", n = "_actions_6m57l_37", m = "_md_6m57l_43", l = "_lg_6m57l_63", e = {
-  emptyState: t,
-  sm: _,
-  icon: s,
-  title: o,
-  description: c,
-  actions: n,
-  md: m,
-  lg: l
-};
-export {
-  n as actions,
-  e as default,
-  c as description,
-  t as emptyState,
-  s as icon,
-  l as lg,
-  m as md,
-  _ as sm,
-  o as title
-};