@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/DetailPanel/DetailPanel.mjs

@@ -0,0 +1,103 @@
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { forwardRef as P, useRef as R, useEffect as s } from "react";
+import { X as z } from "lucide-react";
+import e from "./DetailPanel.module.css.mjs";
+const B = P(
+  ({
+    open: l,
+    onClose: t,
+    title: f,
+    description: u,
+    subtitle: n,
+    children: v,
+    size: h = "md",
+    position: p = "right",
+    headerActions: y,
+    footer: d,
+    overlay: N = !0,
+    closeOnOverlayClick: b = !0,
+    closeOnEscape: o = !0,
+    loading: w = !1,
+    className: k,
+    ...D
+  }, E) => {
+    const c = R(null), m = u ?? n;
+    if (s(() => {
+      n && process.env.NODE_ENV === "development" && console.warn(
+        '[DetailPanel] The "subtitle" prop is deprecated. Use "description" instead. subtitle will be removed in v3.0.'
+      );
+    }, [n]), s(() => {
+      if (!l || !o) return;
+      const r = (j) => {
+        j.key === "Escape" && t();
+      };
+      return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+    }, [l, o, t]), s(() => {
+      if (l) {
+        const r = document.body.style.overflow;
+        return document.body.style.overflow = "hidden", setTimeout(() => {
+          c.current?.focus();
+        }, 0), () => {
+          document.body.style.overflow = r;
+        };
+      }
+    }, [l]), !l) return null;
+    const g = () => {
+      b && t();
+    }, x = [
+      e.panel,
+      e[`size-${h}`],
+      e[`position-${p}`],
+      k
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a("div", { className: e.container, children: [
+      N && /* @__PURE__ */ i(
+        "div",
+        {
+          className: e.overlay,
+          onClick: g,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: E || c,
+          className: x,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "detail-panel-title",
+          tabIndex: -1,
+          ...D,
+          children: [
+            /* @__PURE__ */ a("div", { className: e.header, children: [
+              /* @__PURE__ */ a("div", { className: e.headerContent, children: [
+                /* @__PURE__ */ i("h2", { id: "detail-panel-title", className: e.title, children: f }),
+                m && /* @__PURE__ */ i("p", { className: e.subtitle, children: m })
+              ] }),
+              /* @__PURE__ */ a("div", { className: e.headerActions, children: [
+                y,
+                /* @__PURE__ */ i(
+                  "button",
+                  {
+                    type: "button",
+                    className: e.closeButton,
+                    onClick: t,
+                    "aria-label": "Close panel",
+                    children: /* @__PURE__ */ i(z, { size: 20 })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ i("div", { className: e.body, children: w ? /* @__PURE__ */ i("div", { className: e.loading, children: /* @__PURE__ */ i("div", { className: e.spinner }) }) : v }),
+            d && /* @__PURE__ */ i("div", { className: e.footer, children: d })
+          ]
+        }
+      )
+    ] });
+  }
+);
+B.displayName = "DetailPanel";
+export {
+  B as DetailPanel
+};

package/dist/components/DetailPanel/DetailPanel.module.css

@@ -0,0 +1 @@
+._container_1pxo1_8{position:fixed;inset:0;z-index:var(--z-modal);display:flex}._overlay_1pxo1_19{position:absolute;inset:0;background:var(--surface-overlay);animation:_fadeIn_1pxo1_1 .2s ease-out}@keyframes _fadeIn_1pxo1_1{0%{opacity:0}to{opacity:1}}._panel_1pxo1_39{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;background:var(--surface-base);box-shadow:var(--shadow-xl);outline:none}._position-right_1pxo1_50{right:0;border-left:1px solid var(--border-subtle);animation:_slideInRight_1pxo1_1 .2s ease-out}._position-left_1pxo1_56{left:0;border-right:1px solid var(--border-subtle);animation:_slideInLeft_1pxo1_1 .2s ease-out}@keyframes _slideInRight_1pxo1_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _slideInLeft_1pxo1_1{0%{transform:translate(-100%)}to{transform:translate(0)}}._size-sm_1pxo1_81{width:320px}._size-md_1pxo1_85{width:480px}._size-lg_1pxo1_89{width:640px}._size-xl_1pxo1_93{width:800px}._header_1pxo1_101{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-subtle);flex-shrink:0}._headerContent_1pxo1_111{flex:1;min-width:0}._title_1pxo1_116{font-family:var(--font-secondary);font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}._subtitle_1pxo1_125{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);margin:var(--spacing-1) 0 0 0;line-height:var(--line-height-relaxed)}._headerActions_1pxo1_133{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}._closeButton_1pxo1_140{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration)}._closeButton_1pxo1_140:hover{background:var(--surface-subtle);color:var(--text-primary)}._closeButton_1pxo1_140:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._body_1pxo1_170{flex:1;overflow-y:auto;padding:var(--spacing-6)}._footer_1pxo1_180{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-subtle);background:var(--surface-subtle);flex-shrink:0}._loading_1pxo1_195{display:flex;align-items:center;justify-content:center;height:200px}._spinner_1pxo1_202{width:32px;height:32px;border:3px solid var(--surface-subtle);border-top-color:var(--interactive-primary);border-radius:50%;animation:_spin_1pxo1_202 .8s linear infinite}@keyframes _spin_1pxo1_202{to{transform:rotate(360deg)}}@media(max-width:640px){._panel_1pxo1_39{width:100%!important;max-width:100%}._header_1pxo1_101,._body_1pxo1_170,._footer_1pxo1_180{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1pxo1_8",o="_overlay_1pxo1_19",t="_fadeIn_1pxo1_1",n="_panel_1pxo1_39",_="_slideInRight_1pxo1_1",s="_slideInLeft_1pxo1_1",i="_header_1pxo1_101",l="_headerContent_1pxo1_111",p="_title_1pxo1_116",d="_subtitle_1pxo1_125",a="_headerActions_1pxo1_133",r="_closeButton_1pxo1_140",c="_body_1pxo1_170",x="_footer_1pxo1_180",h="_loading_1pxo1_195",f="_spinner_1pxo1_202",u="_spin_1pxo1_202",g={container:e,overlay:o,fadeIn:t,panel:n,"position-right":"_position-right_1pxo1_50",slideInRight:_,"position-left":"_position-left_1pxo1_56",slideInLeft:s,"size-sm":"_size-sm_1pxo1_81","size-md":"_size-md_1pxo1_85","size-lg":"_size-lg_1pxo1_89","size-xl":"_size-xl_1pxo1_93",header:i,headerContent:l,title:p,subtitle:d,headerActions:a,closeButton:r,body:c,footer:x,loading:h,spinner:f,spin:u};exports.body=c;exports.closeButton=r;exports.container=e;exports.default=g;exports.fadeIn=t;exports.footer=x;exports.header=i;exports.headerActions=a;exports.headerContent=l;exports.loading=h;exports.overlay=o;exports.panel=n;exports.slideInLeft=s;exports.slideInRight=_;exports.spin=u;exports.spinner=f;exports.subtitle=d;exports.title=p;

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

@@ -0,0 +1,45 @@
+const o = "_container_1pxo1_8", e = "_overlay_1pxo1_19", _ = "_fadeIn_1pxo1_1", t = "_panel_1pxo1_39", n = "_slideInRight_1pxo1_1", s = "_slideInLeft_1pxo1_1", i = "_header_1pxo1_101", p = "_headerContent_1pxo1_111", l = "_title_1pxo1_116", c = "_subtitle_1pxo1_125", d = "_headerActions_1pxo1_133", a = "_closeButton_1pxo1_140", x = "_body_1pxo1_170", r = "_footer_1pxo1_180", h = "_loading_1pxo1_195", f = "_spinner_1pxo1_202", g = "_spin_1pxo1_202", I = {
+  container: o,
+  overlay: e,
+  fadeIn: _,
+  panel: t,
+  "position-right": "_position-right_1pxo1_50",
+  slideInRight: n,
+  "position-left": "_position-left_1pxo1_56",
+  slideInLeft: s,
+  "size-sm": "_size-sm_1pxo1_81",
+  "size-md": "_size-md_1pxo1_85",
+  "size-lg": "_size-lg_1pxo1_89",
+  "size-xl": "_size-xl_1pxo1_93",
+  header: i,
+  headerContent: p,
+  title: l,
+  subtitle: c,
+  headerActions: d,
+  closeButton: a,
+  body: x,
+  footer: r,
+  loading: h,
+  spinner: f,
+  spin: g
+};
+export {
+  x as body,
+  a as closeButton,
+  o as container,
+  I as default,
+  _ as fadeIn,
+  r as footer,
+  i as header,
+  d as headerActions,
+  p as headerContent,
+  h as loading,
+  e as overlay,
+  t as panel,
+  s as slideInLeft,
+  n as slideInRight,
+  g as spin,
+  f as spinner,
+  c as subtitle,
+  l as title
+};

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

@@ -0,0 +1,95 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * DetailPanel size
+ */
+export type DetailPanelSize = "sm" | "md" | "lg" | "xl";
+/**
+ * DetailPanel position
+ */
+export type DetailPanelPosition = "right" | "left";
+/**
+ * DetailPanel section props
+ *
+ * @example
+ * ```tsx
+ * <DetailPanel
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="User Details"
+ *   description="Edit user profile information"
+ *   footer={<Button>Save</Button>}
+ * >
+ *   <UserForm />
+ * </DetailPanel>
+ * ```
+ */
+export interface DetailPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /**
+     * Whether the panel is open
+     */
+    open: boolean;
+    /**
+     * Close callback
+     */
+    onClose: () => void;
+    /**
+     * Panel title
+     */
+    title: ReactNode;
+    /**
+     * Optional description text below title
+     */
+    description?: ReactNode;
+    /**
+     * @deprecated Use `description` instead. Will be removed in v3.0.
+     */
+    subtitle?: ReactNode;
+    /**
+     * Panel content
+     */
+    children: ReactNode;
+    /**
+     * Panel size
+     * - sm: 320px
+     * - md: 480px
+     * - lg: 640px
+     * - xl: 800px
+     * @default 'md'
+     */
+    size?: DetailPanelSize;
+    /**
+     * Panel position
+     * @default 'right'
+     */
+    position?: DetailPanelPosition;
+    /**
+     * Header actions (buttons in header area)
+     */
+    headerActions?: ReactNode;
+    /**
+     * Footer content
+     */
+    footer?: ReactNode;
+    /**
+     * Show overlay backdrop
+     * @default true
+     */
+    overlay?: boolean;
+    /**
+     * Close on overlay click
+     * @default true
+     */
+    closeOnOverlayClick?: boolean;
+    /**
+     * Close on Escape key
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Loading state
+     * @default false
+     */
+    loading?: boolean;
+}
+//# sourceMappingURL=DetailPanel.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPanel.types.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACR;IACC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAE/B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -0,0 +1,3 @@
+export { DetailPanel } from './DetailPanel';
+export type { DetailPanelProps, DetailPanelSize, DetailPanelPosition, } from './DetailPanel.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Divider/Divider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),e=require("./Divider.module.css.cjs"),l=c.forwardRef(({orientation:s="horizontal",variant:t="solid",spacing:d="md",label:r,className:o,...n},u)=>{const i=[e.default.divider,e.default[s],e.default[t],e.default[`spacing-${d}`],r&&e.default.withLabel,o].filter(Boolean).join(" ");return r&&s==="horizontal"?a.jsxs("div",{className:i,role:"separator","aria-orientation":s,children:[a.jsx("span",{className:e.default.line}),a.jsx("span",{className:e.default.label,children:r}),a.jsx("span",{className:e.default.line})]}):a.jsx("hr",{ref:u,className:i,role:"separator","aria-orientation":s,...n})});l.displayName="Divider";exports.Divider=l;

package/dist/components/Divider/Divider.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,wGA+CnB,CAAC"}

package/dist/components/Divider/Divider.mjs

@@ -0,0 +1,48 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import a from "./Divider.module.css.mjs";
+const p = d(
+  ({
+    orientation: r = "horizontal",
+    variant: o = "solid",
+    spacing: l = "md",
+    label: e,
+    className: m,
+    ...n
+  }, t) => {
+    const i = [
+      a.divider,
+      a[r],
+      a[o],
+      a[`spacing-${l}`],
+      e && a.withLabel,
+      m
+    ].filter(Boolean).join(" ");
+    return e && r === "horizontal" ? /* @__PURE__ */ c(
+      "div",
+      {
+        className: i,
+        role: "separator",
+        "aria-orientation": r,
+        children: [
+          /* @__PURE__ */ s("span", { className: a.line }),
+          /* @__PURE__ */ s("span", { className: a.label, children: e }),
+          /* @__PURE__ */ s("span", { className: a.line })
+        ]
+      }
+    ) : /* @__PURE__ */ s(
+      "hr",
+      {
+        ref: t,
+        className: i,
+        role: "separator",
+        "aria-orientation": r,
+        ...n
+      }
+    );
+  }
+);
+p.displayName = "Divider";
+export {
+  p as Divider
+};

package/dist/components/Divider/Divider.module.css

@@ -0,0 +1 @@
+._divider_165ki_9{border:none;background:var(--border-subtle);flex-shrink:0}._horizontal_165ki_19{width:100%;height:1px}._vertical_165ki_24{width:1px;height:100%;min-height:24px}._solid_165ki_34{background:var(--border-subtle)}._dashed_165ki_38{background:transparent}._dashed_165ki_38._horizontal_165ki_19{border-top:1px dashed var(--border-subtle)}._dashed_165ki_38._vertical_165ki_24{border-left:1px dashed var(--border-subtle)}._dotted_165ki_50{background:transparent}._dotted_165ki_50._horizontal_165ki_19{border-top:1px dotted var(--border-subtle)}._dotted_165ki_50._vertical_165ki_24{border-left:1px dotted var(--border-subtle)}._spacing-none_165ki_66{margin:0}._spacing-sm_165ki_70._horizontal_165ki_19{margin:var(--spacing-2) 0}._spacing-sm_165ki_70._vertical_165ki_24{margin:0 var(--spacing-2)}._spacing-md_165ki_80._horizontal_165ki_19{margin:var(--spacing-4) 0}._spacing-md_165ki_80._vertical_165ki_24{margin:0 var(--spacing-4)}._spacing-lg_165ki_90._horizontal_165ki_19{margin:var(--spacing-6) 0}._spacing-lg_165ki_90._vertical_165ki_24{margin:0 var(--spacing-6)}._withLabel_165ki_104{display:flex;align-items:center;gap:var(--spacing-4);background:transparent;height:auto}._line_165ki_112{flex:1;height:1px;background:var(--border-subtle)}._label_165ki_118{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;white-space:nowrap}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i="_divider_165ki_9",e="_horizontal_165ki_19",_="_vertical_165ki_24",t="_solid_165ki_34",l="_dashed_165ki_38",d="_dotted_165ki_50",s="_withLabel_165ki_104",o="_line_165ki_112",a="_label_165ki_118",n={divider:i,horizontal:e,vertical:_,solid:t,dashed:l,dotted:d,"spacing-none":"_spacing-none_165ki_66","spacing-sm":"_spacing-sm_165ki_70","spacing-md":"_spacing-md_165ki_80","spacing-lg":"_spacing-lg_165ki_90",withLabel:s,line:o,label:a};exports.dashed=l;exports.default=n;exports.divider=i;exports.dotted=d;exports.horizontal=e;exports.label=a;exports.line=o;exports.solid=t;exports.vertical=_;exports.withLabel=s;

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

@@ -0,0 +1,27 @@
+const i = "_divider_165ki_9", _ = "_horizontal_165ki_19", s = "_vertical_165ki_24", n = "_solid_165ki_34", t = "_dashed_165ki_38", e = "_dotted_165ki_50", a = "_withLabel_165ki_104", l = "_line_165ki_112", o = "_label_165ki_118", d = {
+  divider: i,
+  horizontal: _,
+  vertical: s,
+  solid: n,
+  dashed: t,
+  dotted: e,
+  "spacing-none": "_spacing-none_165ki_66",
+  "spacing-sm": "_spacing-sm_165ki_70",
+  "spacing-md": "_spacing-md_165ki_80",
+  "spacing-lg": "_spacing-lg_165ki_90",
+  withLabel: a,
+  line: l,
+  label: o
+};
+export {
+  t as dashed,
+  d as default,
+  i as divider,
+  e as dotted,
+  _ as horizontal,
+  o as label,
+  l as line,
+  n as solid,
+  s as vertical,
+  a as withLabel
+};

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

@@ -0,0 +1,42 @@
+import { HTMLAttributes } from 'react';
+
+/**
+ * Divider orientation
+ */
+export type DividerOrientation = "horizontal" | "vertical";
+/**
+ * Divider visual variants
+ */
+export type DividerVariant = "solid" | "dashed" | "dotted";
+/**
+ * Divider component props
+ *
+ * @example
+ * ```tsx
+ * <Divider />
+ * <Divider orientation="vertical" />
+ * <Divider variant="dashed" spacing="lg" />
+ * ```
+ */
+export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
+    /**
+     * Orientation of the divider
+     * @default 'horizontal'
+     */
+    orientation?: DividerOrientation;
+    /**
+     * Visual variant of the divider
+     * @default 'solid'
+     */
+    variant?: DividerVariant;
+    /**
+     * Spacing around the divider
+     * @default 'md'
+     */
+    spacing?: "none" | "sm" | "md" | "lg";
+    /**
+     * Optional label to display in the center of the divider
+     */
+    label?: string;
+}
+//# sourceMappingURL=Divider.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3D;;;;;;;;;GASG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,aAAa,CAAC;IACjE;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAEjC;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEtC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

@@ -0,0 +1,16 @@
+/**
+ * Divider Component - Visual content separator.
+ *
+ * @example
+ * ```tsx
+ * import { Divider } from '@orion-ds/react';
+ *
+ * <Divider />
+ * <Divider variant="dashed" />
+ * <Divider orientation="vertical" />
+ * <Divider>OR</Divider>
+ * ```
+ */
+export { Divider } from './Divider';
+export type { DividerProps, DividerOrientation, DividerVariant, } from './Divider.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,cAAc,GACf,MAAM,iBAAiB,CAAC"}

package/dist/components/Drawer/Drawer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),g=require("react-dom"),a=require("./Drawer.module.css.cjs"),u=s.forwardRef(({children:e,className:r,...o},d)=>t.jsx("div",{ref:d,className:`${a.default.header} ${r||""}`,...o,children:e}));u.displayName="Drawer.Header";const f=s.forwardRef(({children:e,className:r,...o},d)=>t.jsx("div",{ref:d,className:`${a.default.body} ${r||""}`,...o,children:e}));f.displayName="Drawer.Body";const w=s.forwardRef(({children:e,className:r,...o},d)=>t.jsx("div",{ref:d,className:`${a.default.footer} ${r||""}`,...o,children:e}));w.displayName="Drawer.Footer";const m=s.forwardRef(({open:e,onClose:r,placement:o="right",size:d="md",closeOnBackdrop:n=!0,closeOnEscape:c=!0,showCloseButton:y=!0,children:v,className:b,...h},j)=>{const l=s.useCallback(i=>{c&&i.key==="Escape"&&r()},[c,r]),k=s.useCallback(()=>{n&&r()},[n,r]);if(s.useEffect(()=>{if(e){const i=document.body.style.overflow;return document.body.style.overflow="hidden",document.addEventListener("keydown",l),()=>{document.body.style.overflow=i,document.removeEventListener("keydown",l)}}},[e,l]),!e)return null;const x=[a.default.overlay,e&&a.default.overlayVisible].filter(Boolean).join(" "),D=[a.default.drawer,a.default[o],a.default[`size-${d}`],e&&a.default.drawerVisible,b].filter(Boolean).join(" "),N=t.jsxs("div",{className:x,children:[t.jsx("div",{className:a.default.backdrop,onClick:k,"aria-hidden":"true"}),t.jsxs("div",{ref:j,className:D,role:"dialog","aria-modal":"true",...h,children:[y&&t.jsx("button",{type:"button",className:a.default.closeButton,onClick:r,"aria-label":"Close drawer",children:t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),v]})]});return g.createPortal(N,document.body)});m.displayName="Drawer";const p=Object.assign(m,{Header:u,Body:f,Footer:w});exports.Drawer=p;

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

@@ -0,0 +1,8 @@
+import { DrawerProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps } from './Drawer.types';
+
+export declare const Drawer: import('react').ForwardRefExoticComponent<DrawerProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Header: import('react').ForwardRefExoticComponent<DrawerHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+    Body: import('react').ForwardRefExoticComponent<DrawerBodyProps & import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<DrawerFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAkLxB,eAAO,MAAM,MAAM;;;;CAIjB,CAAC"}

package/dist/components/Drawer/Drawer.mjs

@@ -0,0 +1,132 @@
+import { jsxs as m, jsx as d } from "react/jsx-runtime";
+import { forwardRef as s, useCallback as u, useEffect as j } from "react";
+import { createPortal as L } from "react-dom";
+import o from "./Drawer.module.css.mjs";
+const w = s(
+  ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: a,
+      className: `${o.header} ${r || ""}`,
+      ...t,
+      children: e
+    }
+  )
+);
+w.displayName = "Drawer.Header";
+const y = s(
+  ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ d("div", { ref: a, className: `${o.body} ${r || ""}`, ...t, children: e })
+);
+y.displayName = "Drawer.Body";
+const f = s(
+  ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: a,
+      className: `${o.footer} ${r || ""}`,
+      ...t,
+      children: e
+    }
+  )
+);
+f.displayName = "Drawer.Footer";
+const v = s(
+  ({
+    open: e,
+    onClose: r,
+    placement: t = "right",
+    size: a = "md",
+    closeOnBackdrop: n = !0,
+    closeOnEscape: c = !0,
+    showCloseButton: h = !0,
+    children: b,
+    className: k,
+    ...p
+  }, N) => {
+    const i = u(
+      (l) => {
+        c && l.key === "Escape" && r();
+      },
+      [c, r]
+    ), D = u(() => {
+      n && r();
+    }, [n, r]);
+    if (j(() => {
+      if (e) {
+        const l = document.body.style.overflow;
+        return document.body.style.overflow = "hidden", document.addEventListener("keydown", i), () => {
+          document.body.style.overflow = l, document.removeEventListener("keydown", i);
+        };
+      }
+    }, [e, i]), !e)
+      return null;
+    const g = [o.overlay, e && o.overlayVisible].filter(Boolean).join(" "), B = [
+      o.drawer,
+      o[t],
+      o[`size-${a}`],
+      e && o.drawerVisible,
+      k
+    ].filter(Boolean).join(" "), $ = /* @__PURE__ */ m("div", { className: g, children: [
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: o.backdrop,
+          onClick: D,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ m(
+        "div",
+        {
+          ref: N,
+          className: B,
+          role: "dialog",
+          "aria-modal": "true",
+          ...p,
+          children: [
+            h && /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                className: o.closeButton,
+                onClick: r,
+                "aria-label": "Close drawer",
+                children: /* @__PURE__ */ d(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 20 20",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: /* @__PURE__ */ d(
+                      "path",
+                      {
+                        d: "M15 5L5 15M5 5L15 15",
+                        stroke: "currentColor",
+                        strokeWidth: "1.5",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            b
+          ]
+        }
+      )
+    ] });
+    return L($, document.body);
+  }
+);
+v.displayName = "Drawer";
+const H = Object.assign(v, {
+  Header: w,
+  Body: y,
+  Footer: f
+});
+export {
+  H as Drawer
+};

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

@@ -0,0 +1 @@
+._overlay_13db5_9{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;visibility:hidden;opacity:0;transition:visibility 0s linear var(--transition-normal),opacity var(--transition-normal)}._overlayVisible_13db5_21{visibility:visible;opacity:1;transition:visibility 0s linear 0s,opacity var(--transition-normal)}._backdrop_13db5_30{position:absolute;inset:0;background:var(--overlay-dark)}._drawer_13db5_37{position:fixed;display:flex;flex-direction:column;background:var(--surface-base);box-shadow:var(--shadow-xl);z-index:var(--z-modal);transition:transform var(--transition-normal)}._left_13db5_51{top:0;left:0;bottom:0;transform:translate(-100%)}._left_13db5_51._drawerVisible_13db5_58{transform:translate(0)}._right_13db5_62{top:0;right:0;bottom:0;transform:translate(100%)}._right_13db5_62._drawerVisible_13db5_58{transform:translate(0)}._top_13db5_73{top:0;left:0;right:0;transform:translateY(-100%)}._top_13db5_73._drawerVisible_13db5_58{transform:translateY(0)}._bottom_13db5_84{bottom:0;left:0;right:0;transform:translateY(100%)}._bottom_13db5_84._drawerVisible_13db5_58{transform:translateY(0)}._left_13db5_51._size-sm_13db5_99,._right_13db5_62._size-sm_13db5_99{width:280px}._left_13db5_51._size-md_13db5_104,._right_13db5_62._size-md_13db5_104{width:360px}._left_13db5_51._size-lg_13db5_109,._right_13db5_62._size-lg_13db5_109{width:480px}._left_13db5_51._size-xl_13db5_114,._right_13db5_62._size-xl_13db5_114{width:640px}._left_13db5_51._size-full_13db5_119,._right_13db5_62._size-full_13db5_119{width:100%}._top_13db5_73._size-sm_13db5_99,._bottom_13db5_84._size-sm_13db5_99{height:200px}._top_13db5_73._size-md_13db5_104,._bottom_13db5_84._size-md_13db5_104{height:300px}._top_13db5_73._size-lg_13db5_109,._bottom_13db5_84._size-lg_13db5_109{height:400px}._top_13db5_73._size-xl_13db5_114,._bottom_13db5_84._size-xl_13db5_114{height:500px}._top_13db5_73._size-full_13db5_119,._bottom_13db5_84._size-full_13db5_119{height:100%}._closeButton_13db5_154{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);z-index:var(--z-base)}._closeButton_13db5_154:hover{background:var(--surface-subtle);color:var(--text-primary)}._closeButton_13db5_154:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._header_13db5_188{flex-shrink:0;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);padding-right:var(--spacing-12);font-family:var(--font-secondary);font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}._body_13db5_199{flex:1;overflow-y:auto;padding:var(--spacing-4) var(--spacing-6);font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-secondary)}._footer_13db5_208{flex-shrink:0;padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-subtle);display:flex;gap:var(--spacing-3);justify-content:flex-end}@media(prefers-reduced-motion:reduce){._overlay_13db5_9,._drawer_13db5_37{transition:none}}@media(max-width:640px){._left_13db5_51._size-lg_13db5_109,._right_13db5_62._size-lg_13db5_109,._left_13db5_51._size-xl_13db5_114,._right_13db5_62._size-xl_13db5_114{width:100%}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_overlay_13db5_9",o="_overlayVisible_13db5_21",_="_backdrop_13db5_30",t="_drawer_13db5_37",r="_left_13db5_51",d="_drawerVisible_13db5_58",s="_right_13db5_62",b="_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:e,overlayVisible:o,backdrop:_,drawer:t,left:r,drawerVisible:d,right:s,top:b,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};exports.backdrop=_;exports.body=c;exports.bottom=l;exports.closeButton=i;exports.default=y;exports.drawer=t;exports.drawerVisible=d;exports.footer=n;exports.header=a;exports.left=r;exports.overlay=e;exports.overlayVisible=o;exports.right=s;exports.top=b;

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

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