@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Slider/Slider.mjs

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

package/dist/components/Slider/Slider.module.css

@@ -0,0 +1 @@
+:root{--slider-track-sm: var(--spacing-1);--slider-track-md: 6px;--slider-track-lg: var(--spacing-2);--slider-thumb-sm: 14px;--slider-thumb-md: 18px;--slider-thumb-lg: 24px;--slider-tooltip-arrow: var(--spacing-1)}._container_eaku9_16{position:relative;width:100%;padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}._sm_eaku9_24 ._track_eaku9_24{height:var(--slider-track-sm)}._sm_eaku9_24 ._input_eaku9_28::-webkit-slider-thumb{width:var(--slider-thumb-sm);height:var(--slider-thumb-sm)}._sm_eaku9_24 ._input_eaku9_28::-moz-range-thumb{width:var(--slider-thumb-sm);height:var(--slider-thumb-sm)}._md_eaku9_38 ._track_eaku9_24{height:var(--slider-track-md)}._md_eaku9_38 ._input_eaku9_28::-webkit-slider-thumb{width:var(--slider-thumb-md);height:var(--slider-thumb-md)}._md_eaku9_38 ._input_eaku9_28::-moz-range-thumb{width:var(--slider-thumb-md);height:var(--slider-thumb-md)}._lg_eaku9_52 ._track_eaku9_24{height:var(--slider-track-lg)}._lg_eaku9_52 ._input_eaku9_28::-webkit-slider-thumb{width:var(--slider-thumb-lg);height:var(--slider-thumb-lg)}._lg_eaku9_52 ._input_eaku9_28::-moz-range-thumb{width:var(--slider-thumb-lg);height:var(--slider-thumb-lg)}._track_eaku9_24{position:relative;width:100%;background:var(--surface-layer);border-radius:9999px;overflow:visible}._fill_eaku9_76{position:absolute;top:0;left:0;height:100%;background:var(--interactive-primary);border-radius:9999px;pointer-events:none}._input_eaku9_28{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:100%;margin:0;padding:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}._input_eaku9_28:focus{outline:none}._input_eaku9_28::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--interactive-primary);border:2px solid var(--surface-base);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}._input_eaku9_28::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}._input_eaku9_28:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--interactive-primary-subtle)}._input_eaku9_28:active::-webkit-slider-thumb{transform:scale(.95)}._input_eaku9_28::-moz-range-thumb{background:var(--interactive-primary);border:2px solid var(--surface-base);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}._input_eaku9_28::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}._input_eaku9_28:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--interactive-primary-subtle)}._input_eaku9_28:active::-moz-range-thumb{transform:scale(.95)}._input_eaku9_28::-moz-range-track{background:transparent;border:none}._valueDisplay_eaku9_165{position:absolute;top:0;transform:translate(-50%);padding:var(--spacing-1) var(--spacing-2);background:var(--surface-inverse);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);white-space:nowrap}._valueDisplay_eaku9_165:after{content:"";position:absolute;bottom:calc(var(--slider-tooltip-arrow) * -1);left:50%;transform:translate(-50%);border-left:var(--slider-tooltip-arrow) solid transparent;border-right:var(--slider-tooltip-arrow) solid transparent;border-top:var(--slider-tooltip-arrow) solid var(--surface-inverse)}._ticks_eaku9_190{position:relative;height:var(--spacing-2);margin-top:var(--spacing-2)}._tick_eaku9_190{position:absolute;width:1px;height:100%;background:var(--border-subtle);transform:translate(-50%)}._labels_eaku9_205{display:flex;justify-content:space-between;margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary)}._labelMin_eaku9_213,._labelMax_eaku9_214{flex-shrink:0}._disabled_eaku9_219{opacity:.5;pointer-events:none}._disabled_eaku9_219 ._fill_eaku9_76{background:var(--text-tertiary)}._disabled_eaku9_219 ._input_eaku9_28::-webkit-slider-thumb{background:var(--text-tertiary);cursor:not-allowed}._disabled_eaku9_219 ._input_eaku9_28::-moz-range-thumb{background:var(--text-tertiary);cursor:not-allowed}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l="_container_eaku9_16",a="_sm_eaku9_24",e="_track_eaku9_24",t="_input_eaku9_28",_="_md_eaku9_38",s="_lg_eaku9_52",i="_fill_eaku9_76",c="_valueDisplay_eaku9_165",n="_ticks_eaku9_190",u="_tick_eaku9_190",k="_labels_eaku9_205",o="_labelMin_eaku9_213",b="_labelMax_eaku9_214",d="_disabled_eaku9_219",r={container:l,sm:a,track:e,input:t,md:_,lg:s,fill:i,valueDisplay:c,ticks:n,tick:u,labels:k,labelMin:o,labelMax:b,disabled:d};exports.container=l;exports.default=r;exports.disabled=d;exports.fill=i;exports.input=t;exports.labelMax=b;exports.labelMin=o;exports.labels=k;exports.lg=s;exports.md=_;exports.sm=a;exports.tick=u;exports.ticks=n;exports.track=e;exports.valueDisplay=c;

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

@@ -0,0 +1,33 @@
+const a = "_container_eaku9_16", _ = "_sm_eaku9_24", l = "_track_eaku9_24", e = "_input_eaku9_28", s = "_md_eaku9_38", t = "_lg_eaku9_52", c = "_fill_eaku9_76", n = "_valueDisplay_eaku9_165", i = "_ticks_eaku9_190", k = "_tick_eaku9_190", u = "_labels_eaku9_205", o = "_labelMin_eaku9_213", b = "_labelMax_eaku9_214", d = "_disabled_eaku9_219", p = {
+  container: a,
+  sm: _,
+  track: l,
+  input: e,
+  md: s,
+  lg: t,
+  fill: c,
+  valueDisplay: n,
+  ticks: i,
+  tick: k,
+  labels: u,
+  labelMin: o,
+  labelMax: b,
+  disabled: d
+};
+export {
+  a as container,
+  p as default,
+  d as disabled,
+  c as fill,
+  e as input,
+  b as labelMax,
+  o as labelMin,
+  u as labels,
+  t as lg,
+  s as md,
+  _ as sm,
+  k as tick,
+  i as ticks,
+  l as track,
+  n as valueDisplay
+};

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

@@ -0,0 +1,94 @@
+import { HTMLAttributes } from 'react';
+
+/**
+ * Slider size variants
+ */
+export type SliderSize = "sm" | "md" | "lg";
+/**
+ * Slider component props
+ *
+ * @example
+ * ```tsx
+ * <Slider
+ *   value={50}
+ *   onChange={(value) => setValue(value)}
+ *   min={0}
+ *   max={100}
+ * />
+ * ```
+ */
+export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /**
+     * Current value
+     */
+    value: number;
+    /**
+     * Callback when value changes
+     */
+    onChange: (value: number) => void;
+    /**
+     * Minimum value
+     * @default 0
+     */
+    min?: number;
+    /**
+     * Maximum value
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Step increment
+     * @default 1
+     */
+    step?: number;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: SliderSize;
+    /**
+     * Whether the slider is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Show the current value above the thumb
+     * @default false
+     */
+    showValue?: boolean;
+    /**
+     * Format function for displaying the value
+     */
+    formatValue?: (value: number) => string;
+    /**
+     * Show min and max labels
+     * @default false
+     */
+    showLabels?: boolean;
+    /**
+     * Show tick marks
+     * @default false
+     */
+    showTicks?: boolean;
+    /**
+     * Custom tick values (if not provided, uses step)
+     */
+    tickValues?: number[];
+    /**
+     * Label for the slider (accessibility)
+     */
+    label?: string;
+    /**
+     * ID for the slider input
+     */
+    id?: string;
+    /**
+     * Callback when dragging starts
+     */
+    onChangeStart?: () => void;
+    /**
+     * Callback when dragging ends
+     */
+    onChangeEnd?: (value: number) => void;
+}
+//# sourceMappingURL=Slider.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAExC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC"}

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

@@ -0,0 +1,15 @@
+/**
+ * Slider Component - Range/value selection.
+ *
+ * @example
+ * ```tsx
+ * import { Slider } from '@orion-ds/react';
+ *
+ * <Slider min={0} max={100} value={50} onChange={setValue} />
+ * <Slider min={0} max={100} value={[25, 75]} range />
+ * <Slider min={0} max={10} step={1} marks showValue />
+ * ```
+ */
+export { Slider } from './Slider';
+export type { SliderProps, SliderSize } from './Slider.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Spinner/Spinner.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("./Spinner.module.css.cjs"),s=({size:i="md",variant:l="primary",label:a="Loading...",showLabel:r=!1,className:t,...o})=>{const d=[e.default.container,t].filter(Boolean).join(" "),c=[e.default.spinner,e.default[i],e.default[l]].filter(Boolean).join(" ");return n.jsxs("div",{className:d,...o,children:[n.jsx("div",{className:c,role:"status","aria-label":a,"aria-live":"polite"}),r&&n.jsx("span",{className:e.default.label,children:a})]})};s.displayName="Spinner";exports.Spinner=s;

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { SpinnerProps } from './Spinner.types';
+
+export declare const Spinner: React.FC<SpinnerProps>;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2B1C,CAAC"}

package/dist/components/Spinner/Spinner.mjs

@@ -0,0 +1,28 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import s from "./Spinner.module.css.mjs";
+const m = ({
+  size: n = "md",
+  variant: i = "primary",
+  label: e = "Loading...",
+  showLabel: r = !1,
+  className: l,
+  ...o
+}) => {
+  const t = [s.container, l].filter(Boolean).join(" "), p = [s.spinner, s[n], s[i]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c("div", { className: t, ...o, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: p,
+        role: "status",
+        "aria-label": e,
+        "aria-live": "polite"
+      }
+    ),
+    r && /* @__PURE__ */ a("span", { className: s.label, children: e })
+  ] });
+};
+m.displayName = "Spinner";
+export {
+  m as Spinner
+};

package/dist/components/Spinner/Spinner.module.css

@@ -0,0 +1 @@
+._container_192xs_8{display:inline-flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}._spinner_192xs_16{border-radius:50%;border-style:solid;animation:_spin_192xs_16 .6s linear infinite}@media(prefers-reduced-motion:reduce){._spinner_192xs_16{animation:_spin_192xs_16 1.2s linear infinite}}@keyframes _spin_192xs_16{to{transform:rotate(360deg)}}._xs_192xs_38{width:12px;height:12px;border-width:2px}._sm_192xs_44{width:16px;height:16px;border-width:2px}._md_192xs_50{width:24px;height:24px;border-width:3px}._lg_192xs_56{width:32px;height:32px;border-width:3px}._xl_192xs_62{width:48px;height:48px;border-width:4px}._primary_192xs_72{border-color:var(--interactive-primary);border-top-color:transparent}._secondary_192xs_77{border-color:var(--text-tertiary);border-top-color:transparent}._neutral_192xs_82{border-color:var(--border-strong);border-top-color:transparent}._inverse_192xs_87{border-color:var(--text-inverse);border-top-color:transparent}._label_192xs_96{font-size:var(--font-size-12);color:var(--text-secondary);font-weight:var(--font-weight-medium)}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_container_192xs_8",n="_spinner_192xs_16",e="_spin_192xs_16",_="_xs_192xs_38",r="_sm_192xs_44",t="_md_192xs_50",l="_lg_192xs_56",o="_xl_192xs_62",a="_primary_192xs_72",c="_secondary_192xs_77",i="_neutral_192xs_82",x="_inverse_192xs_87",m="_label_192xs_96",p={container:s,spinner:n,spin:e,xs:_,sm:r,md:t,lg:l,xl:o,primary:a,secondary:c,neutral:i,inverse:x,label:m};exports.container=s;exports.default=p;exports.inverse=x;exports.label=m;exports.lg=l;exports.md=t;exports.neutral=i;exports.primary=a;exports.secondary=c;exports.sm=r;exports.spin=e;exports.spinner=n;exports.xl=o;exports.xs=_;

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

@@ -0,0 +1,31 @@
+const s = "_container_192xs_8", _ = "_spinner_192xs_16", n = "_spin_192xs_16", e = "_xs_192xs_38", t = "_sm_192xs_44", r = "_md_192xs_50", o = "_lg_192xs_56", c = "_xl_192xs_62", x = "_primary_192xs_72", a = "_secondary_192xs_77", l = "_neutral_192xs_82", i = "_inverse_192xs_87", p = "_label_192xs_96", m = {
+  container: s,
+  spinner: _,
+  spin: n,
+  xs: e,
+  sm: t,
+  md: r,
+  lg: o,
+  xl: c,
+  primary: x,
+  secondary: a,
+  neutral: l,
+  inverse: i,
+  label: p
+};
+export {
+  s as container,
+  m as default,
+  i as inverse,
+  p as label,
+  o as lg,
+  r as md,
+  l as neutral,
+  x as primary,
+  a as secondary,
+  t as sm,
+  n as spin,
+  _ as spinner,
+  c as xl,
+  e as xs
+};

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

@@ -0,0 +1,43 @@
+import { HTMLAttributes } from 'react';
+
+/**
+ * Spinner sizes
+ */
+export type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl";
+/**
+ * Spinner variants
+ */
+export type SpinnerVariant = "primary" | "secondary" | "neutral" | "inverse";
+/**
+ * Spinner component props
+ *
+ * @example
+ * ```tsx
+ * <Spinner />
+ * <Spinner size="lg" variant="primary" />
+ * <Spinner label="Loading..." />
+ * ```
+ */
+export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Spinner size
+     * @default 'md'
+     */
+    size?: SpinnerSize;
+    /**
+     * Spinner variant (color)
+     * @default 'primary'
+     */
+    variant?: SpinnerVariant;
+    /**
+     * Loading label (for accessibility)
+     * @default 'Loading...'
+     */
+    label?: string;
+    /**
+     * Show label text below spinner
+     * @default false
+     */
+    showLabel?: boolean;
+}
+//# sourceMappingURL=Spinner.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7E;;;;;;;;;GASG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

@@ -0,0 +1,15 @@
+/**
+ * Spinner Component - Loading indicator.
+ *
+ * @example
+ * ```tsx
+ * import { Spinner } from '@orion-ds/react';
+ *
+ * <Spinner />
+ * <Spinner size="lg" variant="brand" />
+ * <Spinner size="sm" /> Loading...
+ * ```
+ */
+export { Spinner } from './Spinner';
+export type { SpinnerProps, SpinnerSize, SpinnerVariant, } from './Spinner.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Stack/Stack.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),S=require("react"),e=require("./Stack.module.css.cjs"),t=S.forwardRef(({direction:a="vertical",gap:r="md",align:s="stretch",justify:l="flex-start",wrap:c="nowrap",as:u="div",className:o,children:i,...d},n)=>{const f=[e.default.stack,e.default[a],e.default[`gap-${r}`],e.default[`align-${s}`],e.default[`justify-${l}`],e.default[`wrap-${c}`],o].filter(Boolean).join(" ");return m.jsx(u,{ref:n,className:f,...d,children:i})});t.displayName="Stack";exports.Stack=t;

package/dist/components/Stack/Stack.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { StackProps } from './Stack.types';
+
+export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,gFAiCjB,CAAC"}

package/dist/components/Stack/Stack.mjs

@@ -0,0 +1,31 @@
+import { jsx as n } from "react/jsx-runtime";
+import d from "react";
+import a from "./Stack.module.css.mjs";
+const $ = d.forwardRef(
+  ({
+    direction: t = "vertical",
+    gap: r = "md",
+    align: s = "stretch",
+    justify: o = "flex-start",
+    wrap: e = "nowrap",
+    as: c = "div",
+    className: i,
+    children: m,
+    ...l
+  }, f) => {
+    const p = [
+      a.stack,
+      a[t],
+      a[`gap-${r}`],
+      a[`align-${s}`],
+      a[`justify-${o}`],
+      a[`wrap-${e}`],
+      i
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ n(c, { ref: f, className: p, ...l, children: m });
+  }
+);
+$.displayName = "Stack";
+export {
+  $ as Stack
+};

package/dist/components/Stack/Stack.module.css

@@ -0,0 +1 @@
+._stack_svmor_8{display:flex;box-sizing:border-box}._vertical_svmor_17{flex-direction:column}._horizontal_svmor_21{flex-direction:row}._gap-xs_svmor_29{gap:var(--spacing-2)}._gap-sm_svmor_33{gap:var(--spacing-3)}._gap-md_svmor_37{gap:var(--spacing-4)}._gap-lg_svmor_41{gap:var(--spacing-6)}._gap-xl_svmor_45{gap:var(--spacing-8)}._align-flex-start_svmor_53{align-items:flex-start}._align-center_svmor_57{align-items:center}._align-flex-end_svmor_61{align-items:flex-end}._align-stretch_svmor_65{align-items:stretch}._align-baseline_svmor_69{align-items:baseline}._justify-flex-start_svmor_77{justify-content:flex-start}._justify-center_svmor_81{justify-content:center}._justify-flex-end_svmor_85{justify-content:flex-end}._justify-space-between_svmor_89{justify-content:space-between}._justify-space-around_svmor_93{justify-content:space-around}._justify-space-evenly_svmor_97{justify-content:space-evenly}._wrap-nowrap_svmor_105{flex-wrap:nowrap}._wrap-wrap_svmor_109{flex-wrap:wrap}._wrap-wrap-reverse_svmor_113{flex-wrap:wrap-reverse}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_stack_svmor_8",_="_vertical_svmor_17",e="_horizontal_svmor_21",r={stack:s,vertical:_,horizontal:e,"gap-xs":"_gap-xs_svmor_29","gap-sm":"_gap-sm_svmor_33","gap-md":"_gap-md_svmor_37","gap-lg":"_gap-lg_svmor_41","gap-xl":"_gap-xl_svmor_45","align-flex-start":"_align-flex-start_svmor_53","align-center":"_align-center_svmor_57","align-flex-end":"_align-flex-end_svmor_61","align-stretch":"_align-stretch_svmor_65","align-baseline":"_align-baseline_svmor_69","justify-flex-start":"_justify-flex-start_svmor_77","justify-center":"_justify-center_svmor_81","justify-flex-end":"_justify-flex-end_svmor_85","justify-space-between":"_justify-space-between_svmor_89","justify-space-around":"_justify-space-around_svmor_93","justify-space-evenly":"_justify-space-evenly_svmor_97","wrap-nowrap":"_wrap-nowrap_svmor_105","wrap-wrap":"_wrap-wrap_svmor_109","wrap-wrap-reverse":"_wrap-wrap-reverse_svmor_113"};exports.default=r;exports.horizontal=e;exports.stack=s;exports.vertical=_;

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

@@ -0,0 +1,30 @@
+const _ = "_stack_svmor_8", s = "_vertical_svmor_17", a = "_horizontal_svmor_21", r = {
+  stack: _,
+  vertical: s,
+  horizontal: a,
+  "gap-xs": "_gap-xs_svmor_29",
+  "gap-sm": "_gap-sm_svmor_33",
+  "gap-md": "_gap-md_svmor_37",
+  "gap-lg": "_gap-lg_svmor_41",
+  "gap-xl": "_gap-xl_svmor_45",
+  "align-flex-start": "_align-flex-start_svmor_53",
+  "align-center": "_align-center_svmor_57",
+  "align-flex-end": "_align-flex-end_svmor_61",
+  "align-stretch": "_align-stretch_svmor_65",
+  "align-baseline": "_align-baseline_svmor_69",
+  "justify-flex-start": "_justify-flex-start_svmor_77",
+  "justify-center": "_justify-center_svmor_81",
+  "justify-flex-end": "_justify-flex-end_svmor_85",
+  "justify-space-between": "_justify-space-between_svmor_89",
+  "justify-space-around": "_justify-space-around_svmor_93",
+  "justify-space-evenly": "_justify-space-evenly_svmor_97",
+  "wrap-nowrap": "_wrap-nowrap_svmor_105",
+  "wrap-wrap": "_wrap-wrap_svmor_109",
+  "wrap-wrap-reverse": "_wrap-wrap-reverse_svmor_113"
+};
+export {
+  r as default,
+  a as horizontal,
+  _ as stack,
+  s as vertical
+};

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

@@ -0,0 +1,82 @@
+import { HTMLAttributes, ElementType, PropsWithChildren } from 'react';
+
+/**
+ * Stack gap (spacing between children)
+ * Maps to design system spacing tokens
+ */
+export type StackGap = "xs" | "sm" | "md" | "lg" | "xl";
+/**
+ * Stack direction
+ */
+export type StackDirection = "horizontal" | "vertical";
+/**
+ * Flex align-items values
+ */
+export type StackAlign = "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
+/**
+ * Flex justify-content values
+ */
+export type StackJustify = "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+/**
+ * Flex wrap values
+ */
+export type StackWrap = "nowrap" | "wrap" | "wrap-reverse";
+/**
+ * Stack component props
+ *
+ * @example
+ * ```tsx
+ * // Vertical stack with medium gap (default)
+ * <Stack gap="md">
+ *   <Card />
+ *   <Card />
+ *   <Card />
+ * </Stack>
+ *
+ * // Horizontal stack
+ * <Stack direction="horizontal" gap="sm" align="center">
+ *   <Button>Action</Button>
+ *   <Button>Cancel</Button>
+ * </Stack>
+ *
+ * // Custom element type
+ * <Stack as="form" direction="vertical" gap="lg">
+ *   <Field label="Name" />
+ *   <Field label="Email" />
+ *   <Button type="submit">Submit</Button>
+ * </Stack>
+ * ```
+ */
+export interface StackProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
+    /**
+     * Stack direction
+     * @default 'vertical'
+     */
+    direction?: StackDirection;
+    /**
+     * Gap between children (uses design system spacing tokens)
+     * @default 'md'
+     */
+    gap?: StackGap;
+    /**
+     * Align items (flex align-items)
+     * @default 'stretch'
+     */
+    align?: StackAlign;
+    /**
+     * Justify content (flex justify-content)
+     * @default 'flex-start'
+     */
+    justify?: StackJustify;
+    /**
+     * Flex wrap behavior
+     * @default 'nowrap'
+     */
+    wrap?: StackWrap;
+    /**
+     * Custom element type to render as
+     * @default 'div'
+     */
+    as?: ElementType;
+}
+//# sourceMappingURL=Stack.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE5E;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,SAAS,GACT,UAAU,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,YAAY,GACpB,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,eAAe,GACf,cAAc,GACd,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,WAAW,UAAW,SAAQ,iBAAiB,CACnD,cAAc,CAAC,WAAW,CAAC,CAC5B;IACC;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB"}

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

@@ -0,0 +1,3 @@
+export { Stack } from './Stack';
+export type { StackProps, StackGap, StackDirection, StackAlign, StackJustify, StackWrap, } from './Stack.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,QAAQ,EACR,cAAc,EACd,UAAU,EACV,YAAY,EACZ,SAAS,GACV,MAAM,eAAe,CAAC"}

package/dist/components/Stepper/Stepper.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),x=require("lucide-react"),r=require("./Stepper.module.css.cjs"),R=({step:e,index:o,status:n,size:u,showNumber:b,showCheckmark:m,clickable:s,onClick:i,labelPosition:j})=>{const N=c.useCallback(()=>{s&&!e.disabled&&i&&i()},[s,e.disabled,i]),f=c.useCallback(d=>{(d.key==="Enter"||d.key===" ")&&s&&!e.disabled&&(d.preventDefault(),i?.())},[s,e.disabled,i]),v=[r.default.step,r.default[n],r.default[u],r.default[`label-${j}`],s&&!e.disabled&&r.default.clickable,e.disabled&&r.default.disabled].filter(Boolean).join(" "),h=u==="sm"?14:u==="lg"?20:16,g=()=>n==="error"||e.error?a.jsx(x.AlertCircle,{size:h}):e.icon?e.icon:n==="complete"&&m?a.jsx(x.Check,{size:h}):b?a.jsx("span",{className:r.default.number,children:o+1}):null;return a.jsxs("div",{className:v,role:s?"button":void 0,tabIndex:s&&!e.disabled?0:void 0,"aria-current":n==="current"?"step":void 0,"aria-disabled":e.disabled,onClick:N,onKeyDown:f,children:[a.jsx("div",{className:r.default.indicator,children:g()}),a.jsxs("div",{className:r.default.content,children:[a.jsxs("span",{className:r.default.title,children:[e.title,e.optional&&a.jsx("span",{className:r.default.optional,children:"(Optional)"})]}),e.description&&a.jsx("span",{className:r.default.description,children:e.description}),(e.error||n==="error")&&e.errorMessage&&a.jsx("span",{className:r.default.errorMessage,children:e.errorMessage})]})]})},p=c.forwardRef(({steps:e,currentStep:o=0,onStepClick:n,clickable:u=!1,orientation:b="horizontal",size:m="md",showNumbers:s=!0,showConnectors:i=!0,showCheckmarks:j=!0,labelPosition:N="bottom",scrollable:f=!1,className:v,...h},g)=>{const d=c.useRef(null);c.useEffect(()=>{if(f&&d.current){const l=d.current.children[o];l&&l.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}},[o,f]);const y=t=>e[t]?.error?"error":t<o?"complete":t===o?"current":"upcoming",w=c.useCallback(t=>{const l=e[t];n&&l&&!l.disabled&&n(t,l)},[n,e]),C=[r.default.stepper,r.default[b],r.default[m],i&&r.default.withConnectors,f&&r.default.scrollable,v].filter(Boolean).join(" ");return a.jsx("div",{ref:g,className:C,role:"navigation","aria-label":"Progress",...h,children:a.jsx("ol",{ref:d,className:r.default.list,children:e.map((t,l)=>a.jsxs("li",{className:r.default.item,children:[a.jsx(R,{step:t,index:l,status:y(l),size:m,showNumber:s,showCheckmark:j,clickable:u,onClick:()=>w(l),labelPosition:N}),i&&l<e.length-1&&a.jsx("div",{className:`${r.default.connector} ${l<o?r.default.complete:""}`,"aria-hidden":"true"})]},t.id))})})});p.displayName="Stepper";exports.Stepper=p;

package/dist/components/Stepper/Stepper.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,YAAY,EAAyB,MAAM,iBAAiB,CAAC;AAkG3E,eAAO,MAAM,OAAO,yGAkGnB,CAAC"}