@orion-ds/react 4.9.2 → 4.9.3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+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
+};

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

@@ -0,0 +1,47 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * EmptyState sizes
+ */
+export type EmptyStateSize = "sm" | "md" | "lg";
+/**
+ * EmptyState component props
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   icon={<InboxIcon />}
+ *   title="No messages"
+ *   description="Your inbox is empty"
+ *   action={<Button>Compose</Button>}
+ * />
+ * ```
+ */
+export interface EmptyStateProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Icon or illustration to display
+     */
+    icon?: ReactNode;
+    /**
+     * Main title text
+     */
+    title: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * Primary action button
+     */
+    action?: ReactNode;
+    /**
+     * Secondary action button
+     */
+    secondaryAction?: ReactNode;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: EmptyStateSize;
+}
+//# sourceMappingURL=EmptyState.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB"}

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

@@ -0,0 +1,19 @@
+/**
+ * EmptyState Component - Placeholder for empty data views.
+ *
+ * @example
+ * ```tsx
+ * import { EmptyState, Button } from '@orion-ds/react';
+ * import { Inbox } from 'lucide-react';
+ *
+ * <EmptyState
+ *   icon={<Inbox size={48} />}
+ *   title="No messages"
+ *   description="You don't have any messages yet."
+ *   action={<Button>Compose</Button>}
+ * />
+ * ```
+ */
+export { EmptyState } from './EmptyState';
+export type { EmptyStateProps, EmptyStateSize } from './EmptyState.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/ErrorBoundary/ErrorBoundary.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("lucide-react"),t=require("./ErrorBoundary.module.css.cjs");class i extends o.Component{constructor(r){super(r),this.reset=()=>{this.setState({hasError:!1,error:null})},this.state={hasError:!1,error:null}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,s){this.props.onError?.(r,s)}componentDidUpdate(r){this.state.hasError&&this.props.resetKey!==void 0&&r.resetKey!==this.props.resetKey&&this.reset()}render(){if(this.state.hasError&&this.state.error){const{fallback:r}=this.props;return typeof r=="function"?r(this.state.error,this.reset):r||e.jsxs("div",{className:t.default.errorBoundary,role:"alert",children:[e.jsx(a.AlertCircle,{size:32,className:t.default.icon}),e.jsx("p",{className:t.default.title,children:"Something went wrong"}),e.jsx("p",{className:t.default.message,children:this.state.error.message}),e.jsx("button",{className:t.default.resetButton,onClick:this.reset,type:"button",children:"Try again"})]})}return this.props.children}}exports.ErrorBoundary=i;