@orion-ds/react 4.9.1 → 4.9.2

package/dist/components/Button/Button.mjs

@@ -1,71 +0,0 @@
-import { jsxs as j, jsx as e } from "react/jsx-runtime";
-import { forwardRef as B } from "react";
-import a from "./Button.module.css.mjs";
-const v = (l) => l.replace(/-([a-z])/g, (o) => o[1]?.toUpperCase() || ""), x = B(
-  ({
-    variant: l = "primary",
-    size: o = "md",
-    isLoading: s = !1,
-    loadingText: c,
-    fullWidth: i = !1,
-    icon: t,
-    iconRight: d,
-    iconOnly: r = !1,
-    className: m,
-    children: p,
-    disabled: u,
-    type: f = "button",
-    ...h
-  }, N) => {
-    const $ = a[v(l)], C = [
-      a.button,
-      $,
-      a[o],
-      i && a.fullWidth,
-      r && a.iconOnly,
-      s && a.loading,
-      m
-    ].filter(Boolean).join(" "), b = u || s, n = s ? a.loadingContent : void 0;
-    return /* @__PURE__ */ j(
-      "button",
-      {
-        ref: N,
-        type: f,
-        className: C,
-        disabled: b,
-        ...h,
-        children: [
-          s && /* @__PURE__ */ e("span", { className: a.spinner, "aria-hidden": "true" }),
-          t && !r && /* @__PURE__ */ e(
-            "span",
-            {
-              className: `${a.icon} ${n || ""}`,
-              "aria-hidden": "true",
-              children: t
-            }
-          ),
-          r && t ? /* @__PURE__ */ e(
-            "span",
-            {
-              className: `${a.icon} ${n || ""}`,
-              "aria-hidden": "true",
-              children: t
-            }
-          ) : /* @__PURE__ */ e("span", { className: n, children: s && c ? c : p }),
-          d && !r && /* @__PURE__ */ e(
-            "span",
-            {
-              className: `${a.icon} ${a.iconRight} ${n || ""}`,
-              "aria-hidden": "true",
-              children: d
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-x.displayName = "Button";
-export {
-  x as Button
-};

package/dist/components/Button/Button.module.css

@@ -1 +0,0 @@
-._button_g3h5h_9{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);border:1px solid transparent;outline:none}._button_g3h5h_9:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._button_g3h5h_9:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._primary_g3h5h_49{background:var(--interactive-primary);color:var(--interactive-primary-text)}._primary_g3h5h_49:hover:not(:disabled){background:var(--interactive-primary-hover)}._primary_g3h5h_49:active:not(:disabled){transform:translateY(1px)}._secondary_g3h5h_63{background:var(--interactive-secondary);color:var(--interactive-secondary-text);border:1px solid var(--border-subtle)}._secondary_g3h5h_63:hover:not(:disabled){background:var(--interactive-secondary-hover);border-color:var(--border-subtle)}._secondary_g3h5h_63:active:not(:disabled){background:var(--surface-layer);transform:translateY(1px)}[data-theme=dark] ._secondary_g3h5h_63{background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);color:var(--text-primary);backdrop-filter:blur(var(--mode-blur-amount, var(--blur-md)));-webkit-backdrop-filter:blur(var(--mode-blur-amount, var(--blur-md)))}[data-theme=dark] ._secondary_g3h5h_63:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 22%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 15%,transparent)}[data-theme=dark] ._secondary_g3h5h_63:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent)}._secondaryInverse_g3h5h_100{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:var(--color-neutral-0);border:1px solid color-mix(in srgb,var(--color-neutral-0) 20%,transparent)}._secondaryInverse_g3h5h_100:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 30%,transparent)}._secondaryInverse_g3h5h_100:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 40%,transparent);transform:translateY(1px)}._ghost_g3h5h_118{background:transparent;color:var(--text-primary)}._ghost_g3h5h_118:hover:not(:disabled){background:var(--interactive-ghost-hover)}._ghost_g3h5h_118:active:not(:disabled){transform:scale(.98)}._ghostInverse_g3h5h_133{background:transparent;color:var(--color-neutral-0)}._ghostInverse_g3h5h_133:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent)}._ghostInverse_g3h5h_133:active:not(:disabled){transform:scale(.98)}._danger_g3h5h_147{background:var(--status-error);color:var(--color-neutral-0)}._danger_g3h5h_147:hover:not(:disabled){background:color-mix(in srgb,var(--status-error) 85%,var(--color-neutral-1000))}._danger_g3h5h_147:active:not(:disabled){transform:translateY(1px)}._inverse_g3h5h_166{background:var(--color-neutral-0);color:var(--interactive-primary);border-color:transparent}._inverse_g3h5h_166:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 92%,var(--color-neutral-900))}._inverse_g3h5h_166:active:not(:disabled){transform:translateY(1px)}[data-brand=lemon] ._inverse_g3h5h_166{color:var(--color-neutral-1000)}._sm_g3h5h_193{height:32px;padding:0 var(--spacing-3);font-size:var(--font-size-12);border-radius:var(--radius-button)}._md_g3h5h_200{height:40px;padding:0 var(--spacing-4);font-size:var(--font-size-16);border-radius:var(--radius-button)}._lg_g3h5h_207{height:48px;padding:0 var(--spacing-6);font-size:var(--font-size-18);border-radius:var(--radius-button)}._fullWidth_g3h5h_219{width:100%}._iconOnly_g3h5h_224._sm_g3h5h_193{width:32px;padding:0}._iconOnly_g3h5h_224._md_g3h5h_200{width:40px;padding:0}._iconOnly_g3h5h_224._lg_g3h5h_207{width:48px;padding:0}._loading_g3h5h_242{position:relative;pointer-events:none}._spinner_g3h5h_247{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;animation:_spin_g3h5h_247 .6s linear infinite}._primary_g3h5h_49 ._spinner_g3h5h_247{border:2px solid var(--interactive-primary-text);border-top-color:transparent}._secondary_g3h5h_63 ._spinner_g3h5h_247{border:2px solid var(--text-primary);border-top-color:transparent}._secondaryInverse_g3h5h_100 ._spinner_g3h5h_247{border:2px solid var(--color-neutral-0);border-top-color:transparent}._ghost_g3h5h_118 ._spinner_g3h5h_247{border:2px solid var(--text-primary);border-top-color:transparent}._ghostInverse_g3h5h_133 ._spinner_g3h5h_247,._danger_g3h5h_147 ._spinner_g3h5h_247{border:2px solid var(--color-neutral-0);border-top-color:transparent}._inverse_g3h5h_166 ._spinner_g3h5h_247{border:2px solid var(--interactive-primary);border-top-color:transparent}[data-brand=lemon] ._inverse_g3h5h_166 ._spinner_g3h5h_247{border:2px solid var(--color-neutral-1000);border-top-color:transparent}[data-theme=light][data-brand=ember] ._primary_g3h5h_49{background:var(--color-neutral-900);color:var(--color-neutral-0)}[data-theme=light][data-brand=ember] ._primary_g3h5h_49:hover:not(:disabled){background:var(--color-neutral-700)}[data-theme=dark][data-brand=ember] ._primary_g3h5h_49{background:var(--color-neutral-100);color:var(--color-neutral-900)}[data-theme=dark][data-brand=ember] ._primary_g3h5h_49:hover:not(:disabled){background:var(--color-neutral-0)}._loadingContent_g3h5h_325{visibility:hidden}[data-dark-bg=true] ._primary_g3h5h_49{background:var(--color-neutral-0);color:var(--interactive-primary);border-color:transparent}[data-dark-bg=true] ._primary_g3h5h_49:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 92%,var(--color-neutral-900))}[data-dark-bg=true] ._primary_g3h5h_49:active:not(:disabled){transform:translateY(1px)}[data-dark-bg=true] ._secondary_g3h5h_63{background:color-mix(in srgb,var(--color-neutral-0) 20%,transparent);color:var(--color-neutral-0);border:1px solid color-mix(in srgb,var(--color-neutral-0) 20%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}[data-dark-bg=true] ._secondary_g3h5h_63:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 30%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 30%,transparent)}[data-dark-bg=true] ._secondary_g3h5h_63:active:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 40%,transparent);transform:translateY(1px)}[data-dark-bg=true] ._ghost_g3h5h_118{background:transparent;color:var(--color-neutral-0)}[data-dark-bg=true] ._ghost_g3h5h_118:hover:not(:disabled){background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent)}[data-dark-bg=true] ._ghost_g3h5h_118:active:not(:disabled){transform:scale(.98)}[data-dark-bg=true] ._primary_g3h5h_49 ._spinner_g3h5h_247{border:2px solid var(--interactive-primary);border-top-color:transparent}[data-dark-bg=true] ._secondary_g3h5h_63 ._spinner_g3h5h_247,[data-dark-bg=true] ._ghost_g3h5h_118 ._spinner_g3h5h_247{border:2px solid var(--color-neutral-0);border-top-color:transparent}[data-brand=lemon][data-dark-bg=true] ._primary_g3h5h_49{color:var(--color-neutral-1000)}@keyframes _spin_g3h5h_247{to{transform:translate(-50%,-50%) rotate(360deg)}}._icon_g3h5h_224{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}._iconRight_g3h5h_423{order:1}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_button_g3h5h_9",o="_primary_g3h5h_49",s="_secondary_g3h5h_63",t="_secondaryInverse_g3h5h_100",_="_ghost_g3h5h_118",e="_ghostInverse_g3h5h_133",h="_danger_g3h5h_147",g="_inverse_g3h5h_166",i="_sm_g3h5h_193",c="_md_g3h5h_200",r="_lg_g3h5h_207",d="_fullWidth_g3h5h_219",l="_iconOnly_g3h5h_224",a="_loading_g3h5h_242",y="_spinner_g3h5h_247",u="_spin_g3h5h_247",v="_loadingContent_g3h5h_325",m="_icon_g3h5h_224",p="_iconRight_g3h5h_423",I={button:n,primary:o,secondary:s,secondaryInverse:t,ghost:_,ghostInverse:e,danger:h,inverse:g,sm:i,md:c,lg:r,fullWidth:d,iconOnly:l,loading:a,spinner:y,spin:u,loadingContent:v,icon:m,iconRight:p};exports.button=n;exports.danger=h;exports.default=I;exports.fullWidth=d;exports.ghost=_;exports.ghostInverse=e;exports.icon=m;exports.iconOnly=l;exports.iconRight=p;exports.inverse=g;exports.lg=r;exports.loading=a;exports.loadingContent=v;exports.md=c;exports.primary=o;exports.secondary=s;exports.secondaryInverse=t;exports.sm=i;exports.spin=u;exports.spinner=y;

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

@@ -1,43 +0,0 @@
-const n = "_button_g3h5h_9", _ = "_primary_g3h5h_49", o = "_secondary_g3h5h_63", s = "_secondaryInverse_g3h5h_100", h = "_ghost_g3h5h_118", t = "_ghostInverse_g3h5h_133", g = "_danger_g3h5h_147", e = "_inverse_g3h5h_166", c = "_sm_g3h5h_193", i = "_md_g3h5h_200", r = "_lg_g3h5h_207", d = "_fullWidth_g3h5h_219", a = "_iconOnly_g3h5h_224", l = "_loading_g3h5h_242", y = "_spinner_g3h5h_247", p = "_spin_g3h5h_247", m = "_loadingContent_g3h5h_325", v = "_icon_g3h5h_224", u = "_iconRight_g3h5h_423", I = {
-  button: n,
-  primary: _,
-  secondary: o,
-  secondaryInverse: s,
-  ghost: h,
-  ghostInverse: t,
-  danger: g,
-  inverse: e,
-  sm: c,
-  md: i,
-  lg: r,
-  fullWidth: d,
-  iconOnly: a,
-  loading: l,
-  spinner: y,
-  spin: p,
-  loadingContent: m,
-  icon: v,
-  iconRight: u
-};
-export {
-  n as button,
-  g as danger,
-  I as default,
-  d as fullWidth,
-  h as ghost,
-  t as ghostInverse,
-  v as icon,
-  a as iconOnly,
-  u as iconRight,
-  e as inverse,
-  r as lg,
-  l as loading,
-  m as loadingContent,
-  i as md,
-  _ as primary,
-  o as secondary,
-  s as secondaryInverse,
-  c as sm,
-  p as spin,
-  y as spinner
-};

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

@@ -1,56 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<import('./Button.types').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        variant: {
-            control: "select";
-            options: string[];
-            description: string;
-        };
-        size: {
-            control: "select";
-            options: string[];
-            description: string;
-        };
-        fullWidth: {
-            control: "boolean";
-            description: string;
-        };
-        disabled: {
-            control: "boolean";
-            description: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Ghost: Story;
-export declare const Danger: Story;
-export declare const Inverse: Story;
-export declare const SecondaryInverse: Story;
-export declare const GhostInverse: Story;
-export declare const InverseOnColoredBackground: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const Disabled: Story;
-export declare const FullWidth: Story;
-export declare const AllSizes: Story;
-export declare const LucideIconsLeft: Story;
-export declare const LucideIconsRight: Story;
-export declare const LucideIconsOnly: Story;
-export declare const LucideIconsBoth: Story;
-export declare const LucideWithLoading: Story;
-export declare const LoadingAllVariants: Story;
-export declare const AllVariants: Story;
-export declare const DesignReference: Story;
-export declare const InverseVariantsOnDarkBackgrounds: Story;
-//# sourceMappingURL=Button.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAevD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAGF,eAAO,MAAM,0BAA0B,EAAE,KA8BxC,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAyB7B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KA0BhC,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA0J7B,CAAC;AAGF,eAAO,MAAM,gCAAgC,EAAE,KAsG9C,CAAC"}

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

@@ -1,208 +0,0 @@
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-
-/**
- * Button visual variants - each has specific semantic meaning.
- *
- * @semanticGuide
- * - `primary`: Main CTA - Submit, Save, Continue, Get Started
- * - `secondary`: Supporting action ON LIGHT BACKGROUNDS - Cancel, Back, Learn More
- * - `secondaryInverse`: Supporting action ON DARK/COLORED BACKGROUNDS - Learn More on hero photo
- * - `ghost`: Subtle/tertiary action ON LIGHT BACKGROUNDS - Close, Dismiss, Skip
- * - `ghostInverse`: Subtle/tertiary action ON DARK/COLORED BACKGROUNDS - Skip on banner
- * - `danger`: Destructive action - Delete, Remove, Unsubscribe
- * - `inverse`: Primary CTA on colored backgrounds - Hero CTAs, Banners
- *
- * @backgroundContext
- * Use regular variants (secondary, ghost) on light/white backgrounds.
- * Use inverse variants (secondaryInverse, ghostInverse) on dark/colored/photo backgrounds.
- *
- * @example Light background context
- * ```tsx
- * <Button variant="primary">Save</Button>           // Main action
- * <Button variant="secondary">Cancel</Button>       // Supporting
- * <Button variant="ghost">Skip</Button>             // Tertiary
- * ```
- *
- * @example Dark/colored background context (hero, photo, colored banner)
- * ```tsx
- * <Button variant="inverse">Get Started</Button>         // Primary on brand bg
- * <Button variant="secondaryInverse">Learn More</Button> // Supporting on photo
- * <Button variant="ghostInverse">Skip</Button>           // Tertiary on dark bg
- * ```
- */
-export type ButtonVariant = "primary" | "secondary" | "secondaryInverse" | "ghost" | "ghostInverse" | "danger" | "inverse";
-/**
- * Button sizes - automatically adapt to current mode (display/product/app).
- *
- * @modeAware Sizes scale per data-mode:
- * - Display mode: sm=40px, md=56px, lg=64px (spacious, marketing)
- * - Product mode: sm=28px, md=32px, lg=36px (compact, SaaS)
- * - App mode: sm=40px, md=44px, lg=48px (touch-friendly, mobile)
- *
- * @semanticGuide
- * - `sm`: Dense UIs, tables, inline actions
- * - `md`: Default - most buttons (recommended)
- * - `lg`: Hero CTAs, prominent actions
- *
- * @example
- * ```tsx
- * <Button size="sm">Edit</Button>           // Dense UI
- * <Button size="md">Submit</Button>         // Default
- * <Button size="lg">Get Started</Button>    // Hero CTA
- * ```
- */
-export type ButtonSize = "sm" | "md" | "lg";
-/**
- * Button component props
- *
- * @example Basic usage
- * ```tsx
- * <Button variant="primary" size="md">
- *   Click me
- * </Button>
- * ```
- *
- * @example With icon
- * ```tsx
- * import { Download } from 'lucide-react';
- *
- * <Button icon={<Download size={20} />}>
- *   Download
- * </Button>
- * ```
- *
- * @example Icon-only (requires aria-label)
- * ```tsx
- * import { Settings } from 'lucide-react';
- *
- * <Button
- *   iconOnly
- *   icon={<Settings size={20} />}
- *   aria-label="Settings"
- * />
- * ```
- *
- * @example Loading state
- * ```tsx
- * <Button isLoading>
- *   Saving...
- * </Button>
- * ```
- */
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Visual variant of the button.
-     *
-     * @semanticGuide
-     * - `primary`: Main CTA (Submit, Save, Continue)
-     * - `secondary`: Supporting action on LIGHT backgrounds (Cancel, Back)
-     * - `secondaryInverse`: Supporting action on DARK/COLORED backgrounds
-     * - `ghost`: Subtle action on LIGHT backgrounds (Close, Dismiss)
-     * - `ghostInverse`: Subtle action on DARK/COLORED backgrounds
-     * - `danger`: Destructive action (Delete, Remove)
-     * - `inverse`: Primary CTA on colored backgrounds
-     *
-     * @backgroundContext
-     * Use `secondary`/`ghost` on white/light backgrounds.
-     * Use `secondaryInverse`/`ghostInverse` on dark/colored/photo backgrounds.
-     *
-     * @default 'primary'
-     */
-    variant?: ButtonVariant;
-    /**
-     * Size of the button. Automatically adapts to current mode.
-     *
-     * @modeAware
-     * - Display: 40/56/64px heights (spacious)
-     * - Product: 28/32/36px heights (compact)
-     * - App: 40/44/48px heights (touch-friendly)
-     *
-     * @default 'md'
-     */
-    size?: ButtonSize;
-    /**
-     * Loading state - shows spinner and disables interaction.
-     * Button text remains visible but dimmed.
-     *
-     * @example
-     * ```tsx
-     * <Button isLoading>Saving...</Button>
-     * ```
-     *
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Text to display during loading state instead of children.
-     * Screen-reader accessible alternative for custom loading messaging.
-     *
-     * @example
-     * ```tsx
-     * <Button isLoading loadingText="Saving...">Save Changes</Button>
-     * ```
-     *
-     * @default undefined (uses children)
-     */
-    loadingText?: string;
-    /**
-     * Full width button - expands to fill container.
-     * Useful for form submissions and card footers.
-     *
-     * @example
-     * ```tsx
-     * <Card.Footer>
-     *   <Button fullWidth>Continue</Button>
-     * </Card.Footer>
-     * ```
-     *
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * Icon to display on the left side of button text.
-     * Use 20px icons (size={20}) for best results.
-     *
-     * @example
-     * ```tsx
-     * import { Download } from 'lucide-react';
-     * <Button icon={<Download size={20} />}>Download</Button>
-     * ```
-     */
-    icon?: ReactNode;
-    /**
-     * Icon to display on the right side of button text.
-     * Commonly used for chevrons/arrows indicating action direction.
-     *
-     * @example
-     * ```tsx
-     * import { ChevronRight } from 'lucide-react';
-     * <Button iconRight={<ChevronRight size={20} />}>Continue</Button>
-     * ```
-     */
-    iconRight?: ReactNode;
-    /**
-     * Icon-only button (no text, just icon).
-     *
-     * @requires aria-label - MUST provide aria-label for accessibility
-     *
-     * @example
-     * ```tsx
-     * import { Settings } from 'lucide-react';
-     *
-     * // CORRECT - has aria-label
-     * <Button iconOnly icon={<Settings size={20} />} aria-label="Settings" />
-     *
-     * // WRONG - missing aria-label (accessibility violation)
-     * <Button iconOnly icon={<Settings size={20} />} />
-     * ```
-     *
-     * @default false
-     */
-    iconOnly?: boolean;
-    /**
-     * Button content (text and/or elements).
-     * Ignored when iconOnly is true.
-     */
-    children?: ReactNode;
-}
-//# sourceMappingURL=Button.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,kBAAkB,GAClB,OAAO,GACP,cAAc,GACd,QAAQ,GACR,SAAS,CAAC;AAEd;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;;;;;;;;;;;;;OAiBG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -1,16 +0,0 @@
-/**
- * Button Component - Primary action element for triggering events.
- *
- * @example
- * ```tsx
- * import { Button } from '@orion-ds/react';
- *
- * <Button variant="primary">Click me</Button>
- * <Button variant="secondary" icon={<Plus size={20} />}>Add Item</Button>
- * <Button iconOnly icon={<Settings size={20} />} aria-label="Settings" />
- * <Button variant="danger" size="sm">Delete</Button>
- * ```
- */
-export { Button } from './Button';
-export type { ButtonProps, ButtonVariant, ButtonSize } from './Button.types';
-//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Calendar/Calendar.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("react"),n=require("date-fns"),x=require("lucide-react"),a=require("./Calendar.module.css.cjs"),O=require("../Button/Button.cjs"),R=["Su","Mo","Tu","We","Th","Fr","Sa"];function _(t,r){const c=t.length,d=(r%c+c)%c;return[...t.slice(d),...t.slice(0,d)]}const C=t=>{const{mode:r="single",min:c,max:d,disabled:m,weekStartsOn:h=0,showOutsideDays:j=!0,className:v,...k}=t,{selected:W,onSelect:F,...E}=k,[f,S]=u.useState(()=>r==="single"&&t.mode!=="range"&&t.mode!=="multiple"&&t.selected?n.startOfMonth(t.selected):r==="range"&&t.mode==="range"&&t.selected?.from?n.startOfMonth(t.selected.from):n.startOfMonth(new Date)),N=u.useMemo(()=>{const e=n.startOfMonth(f),s=n.endOfMonth(f),l=n.startOfWeek(e,{weekStartsOn:h}),o=n.endOfWeek(s,{weekStartsOn:h});return n.eachDayOfInterval({start:l,end:o})},[f,h]),B=u.useMemo(()=>_(R,h),[h]),g=u.useCallback(e=>c&&n.isBefore(e,z(c))||d&&n.isAfter(e,P(d))?!0:m?Array.isArray(m)?m.some(s=>n.isSameDay(s,e)):m(e):!1,[c,d,m]),y=u.useCallback(e=>r==="single"&&t.mode!=="range"&&t.mode!=="multiple"?t.selected?n.isSameDay(t.selected,e):!1:r==="multiple"&&t.mode==="multiple"?t.selected?.some(s=>n.isSameDay(s,e))??!1:!1,[r,t]),M=u.useCallback(e=>{if(r!=="range"||t.mode!=="range"||!t.selected)return null;const{from:s,to:l}=t.selected;return s?l?n.isSameDay(e,s)&&n.isSameDay(e,l)||n.isSameDay(e,s)?"start":n.isSameDay(e,l)?"end":n.isAfter(e,s)&&n.isBefore(e,l)?"middle":null:n.isSameDay(e,s)?"start":null:null},[r,t]),w=u.useCallback(e=>{if(!g(e)){if(r==="single"&&t.mode!=="range"&&t.mode!=="multiple"){const s=t.onSelect;s?.(e)}else if(r==="range"&&t.mode==="range"){const s=t.onSelect,l=t.selected;!l?.from||l.from&&l.to?s?.({from:e,to:void 0}):n.isBefore(e,l.from)?s?.({from:e,to:l.from}):s?.({from:l.from,to:e})}else if(r==="multiple"&&t.mode==="multiple"){const s=t.onSelect,l=t.selected??[],o=l.findIndex(D=>n.isSameDay(D,e));o>=0?s?.(l.filter((D,L)=>L!==o)):s?.([...l,e])}}},[r,t,g]),A=()=>S(e=>n.subMonths(e,1)),I=()=>S(e=>n.addMonths(e,1)),T=e=>{const s=[a.default.day];if(!n.isSameMonth(e,f)&&s.push(a.default.outside),n.isToday(e)&&s.push(a.default.today),g(e)&&s.push(a.default.disabled),r==="range"){const o=M(e);o==="start"&&(s.push(a.default.rangeStart),t.mode==="range"&&t.selected?.from&&t.selected?.to&&n.isSameDay(t.selected.from,t.selected.to)&&s.push(a.default.rangeEnd)),o==="middle"&&s.push(a.default.rangeMiddle),o==="end"&&s.push(a.default.rangeEnd)}else y(e)&&s.push(a.default.selected);return s.join(" ")},q=[a.default.calendar,v].filter(Boolean).join(" "),b=u.useId();return i.jsxs("div",{className:q,...E,children:[i.jsxs("div",{className:a.default.header,children:[i.jsx(O.Button,{variant:"ghost",iconOnly:!0,size:"sm",icon:i.jsx(x.ChevronLeft,{size:16}),onClick:A,"aria-label":"Previous month"}),i.jsx("span",{id:b,className:a.default.monthLabel,children:n.format(f,"MMMM yyyy")}),i.jsx(O.Button,{variant:"ghost",iconOnly:!0,size:"sm",icon:i.jsx(x.ChevronRight,{size:16}),onClick:I,"aria-label":"Next month"})]}),i.jsxs("div",{className:a.default.grid,role:"grid","aria-labelledby":b,children:[B.map(e=>i.jsx("div",{className:a.default.weekday,role:"columnheader","aria-label":e,children:e},e)),N.map(e=>!n.isSameMonth(e,f)&&!j?i.jsx("div",{},e.toISOString()):i.jsx("button",{type:"button",className:T(e),onClick:()=>w(e),disabled:g(e),tabIndex:n.isToday(e)?0:-1,"aria-label":n.format(e,"EEEE, MMMM d, yyyy"),"aria-selected":y(e)||M(e)!==null,children:n.format(e,"d")},e.toISOString()))]})]})};C.displayName="Calendar";function z(t){const r=new Date(t);return r.setHours(0,0,0,0),r}function P(t){const r=new Date(t);return r.setHours(23,59,59,999),r}exports.Calendar=C;

package/dist/components/Calendar/Calendar.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAC;AAkBrE,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,kBAAkB,CAAC;AAWjE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4P5C,CAAC"}

package/dist/components/Calendar/Calendar.mjs

@@ -1,135 +0,0 @@
-import { jsxs as M, jsx as c } from "react/jsx-runtime";
-import { useState as K, useMemo as N, useCallback as g, useId as Y } from "react";
-import { startOfMonth as S, endOfMonth as q, startOfWeek as G, endOfWeek as J, eachDayOfInterval as Q, isBefore as y, isAfter as k, isSameDay as i, format as b, isSameMonth as x, isToday as w, subMonths as U, addMonths as V } from "date-fns";
-import { ChevronLeft as X, ChevronRight as Z } from "lucide-react";
-import o from "./Calendar.module.css.mjs";
-import { Button as I } from "../Button/Button.mjs";
-const $ = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function p(t, r) {
-  const a = t.length, u = (r % a + a) % a;
-  return [...t.slice(u), ...t.slice(0, u)];
-}
-const ee = (t) => {
-  const {
-    mode: r = "single",
-    min: a,
-    max: u,
-    disabled: d,
-    weekStartsOn: f = 0,
-    showOutsideDays: A = !0,
-    className: L,
-    ...T
-  } = t, {
-    selected: re,
-    onSelect: se,
-    ...j
-  } = T, [m, v] = K(() => r === "single" && t.mode !== "range" && t.mode !== "multiple" && t.selected ? S(t.selected) : r === "range" && t.mode === "range" && t.selected?.from ? S(t.selected.from) : S(/* @__PURE__ */ new Date())), z = N(() => {
-    const e = S(m), n = q(m), s = G(e, { weekStartsOn: f }), l = J(n, { weekStartsOn: f });
-    return Q({ start: s, end: l });
-  }, [m, f]), B = N(
-    () => p($, f),
-    [f]
-  ), h = g(
-    (e) => a && y(e, te(a)) || u && k(e, ne(u)) ? !0 : d ? Array.isArray(d) ? d.some((n) => i(n, e)) : d(e) : !1,
-    [a, u, d]
-  ), O = g(
-    (e) => r === "single" && t.mode !== "range" && t.mode !== "multiple" ? t.selected ? i(t.selected, e) : !1 : r === "multiple" && t.mode === "multiple" ? t.selected?.some((n) => i(n, e)) ?? !1 : !1,
-    [r, t]
-  ), C = g(
-    (e) => {
-      if (r !== "range" || t.mode !== "range" || !t.selected)
-        return null;
-      const { from: n, to: s } = t.selected;
-      return n ? s ? i(e, n) && i(e, s) || i(e, n) ? "start" : i(e, s) ? "end" : k(e, n) && y(e, s) ? "middle" : null : i(e, n) ? "start" : null : null;
-    },
-    [r, t]
-  ), W = g(
-    (e) => {
-      if (!h(e)) {
-        if (r === "single" && t.mode !== "range" && t.mode !== "multiple") {
-          const n = t.onSelect;
-          n?.(e);
-        } else if (r === "range" && t.mode === "range") {
-          const n = t.onSelect, s = t.selected;
-          !s?.from || s.from && s.to ? n?.({ from: e, to: void 0 }) : y(e, s.from) ? n?.({ from: e, to: s.from }) : n?.({ from: s.from, to: e });
-        } else if (r === "multiple" && t.mode === "multiple") {
-          const n = t.onSelect, s = t.selected ?? [], l = s.findIndex((E) => i(E, e));
-          l >= 0 ? n?.(s.filter((E, F) => F !== l)) : n?.([...s, e]);
-        }
-      }
-    },
-    [r, t, h]
-  ), _ = () => v((e) => U(e, 1)), P = () => v((e) => V(e, 1)), H = (e) => {
-    const n = [o.day];
-    if (!x(e, m) && n.push(o.outside), w(e) && n.push(o.today), h(e) && n.push(o.disabled), r === "range") {
-      const l = C(e);
-      l === "start" && (n.push(o.rangeStart), t.mode === "range" && t.selected?.from && t.selected?.to && i(t.selected.from, t.selected.to) && n.push(o.rangeEnd)), l === "middle" && n.push(o.rangeMiddle), l === "end" && n.push(o.rangeEnd);
-    } else O(e) && n.push(o.selected);
-    return n.join(" ");
-  }, R = [o.calendar, L].filter(Boolean).join(" "), D = Y();
-  return /* @__PURE__ */ M("div", { className: R, ...j, children: [
-    /* @__PURE__ */ M("div", { className: o.header, children: [
-      /* @__PURE__ */ c(
-        I,
-        {
-          variant: "ghost",
-          iconOnly: !0,
-          size: "sm",
-          icon: /* @__PURE__ */ c(X, { size: 16 }),
-          onClick: _,
-          "aria-label": "Previous month"
-        }
-      ),
-      /* @__PURE__ */ c("span", { id: D, className: o.monthLabel, children: b(m, "MMMM yyyy") }),
-      /* @__PURE__ */ c(
-        I,
-        {
-          variant: "ghost",
-          iconOnly: !0,
-          size: "sm",
-          icon: /* @__PURE__ */ c(Z, { size: 16 }),
-          onClick: P,
-          "aria-label": "Next month"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ M("div", { className: o.grid, role: "grid", "aria-labelledby": D, children: [
-      B.map((e) => /* @__PURE__ */ c(
-        "div",
-        {
-          className: o.weekday,
-          role: "columnheader",
-          "aria-label": e,
-          children: e
-        },
-        e
-      )),
-      z.map((e) => !x(e, m) && !A ? /* @__PURE__ */ c("div", {}, e.toISOString()) : /* @__PURE__ */ c(
-        "button",
-        {
-          type: "button",
-          className: H(e),
-          onClick: () => W(e),
-          disabled: h(e),
-          tabIndex: w(e) ? 0 : -1,
-          "aria-label": b(e, "EEEE, MMMM d, yyyy"),
-          "aria-selected": O(e) || C(e) !== null,
-          children: b(e, "d")
-        },
-        e.toISOString()
-      ))
-    ] })
-  ] });
-};
-ee.displayName = "Calendar";
-function te(t) {
-  const r = new Date(t);
-  return r.setHours(0, 0, 0, 0), r;
-}
-function ne(t) {
-  const r = new Date(t);
-  return r.setHours(23, 59, 59, 999), r;
-}
-export {
-  ee as Calendar
-};

package/dist/components/Calendar/Calendar.module.css

@@ -1 +0,0 @@
-._calendar_1wpk4_7{display:inline-flex;flex-direction:column;padding:var(--spacing-3);font-family:var(--font-secondary);-webkit-user-select:none;user-select:none}._header_1wpk4_19{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-1);margin-bottom:var(--spacing-2)}._monthLabel_1wpk4_27{font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary)}._grid_1wpk4_37{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-1)}._weekday_1wpk4_44{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-tertiary)}._day_1wpk4_59{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:var(--font-size-14);font-family:var(--font-secondary);color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-button);cursor:pointer;transition:all var(--transition-fast);position:relative}._day_1wpk4_59:hover:not(._disabled_1wpk4_77):not(._selected_1wpk4_77):not(._rangeStart_1wpk4_77):not(._rangeMiddle_1wpk4_77):not(._rangeEnd_1wpk4_78){background:var(--interactive-ghost-hover)}._day_1wpk4_59:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;z-index:var(--z-dropdown)}._day_1wpk4_59:active:not(._disabled_1wpk4_77){transform:scale(.95)}._today_1wpk4_94:not(._selected_1wpk4_77):not(._rangeStart_1wpk4_77):not(._rangeEnd_1wpk4_78){font-weight:600;color:var(--interactive-primary)}._selected_1wpk4_77{background:var(--interactive-primary);color:var(--interactive-primary-text);font-weight:var(--font-weight-semibold)}._selected_1wpk4_77:hover{background:var(--interactive-primary-hover)}._rangeStart_1wpk4_77:before,._rangeMiddle_1wpk4_77:before,._rangeEnd_1wpk4_78:before{content:"";position:absolute;top:0;bottom:0;background:var(--soft-brand);z-index:-1}._rangeStart_1wpk4_77:before{left:50%;right:calc(var(--spacing-1) * -.5)}._rangeMiddle_1wpk4_77:before{left:calc(var(--spacing-1) * -.5);right:calc(var(--spacing-1) * -.5)}._rangeEnd_1wpk4_78:before{left:calc(var(--spacing-1) * -.5);right:50%}._rangeStart_1wpk4_77:hover,._rangeEnd_1wpk4_78:hover{background:var(--interactive-primary-hover)}._rangeStart_1wpk4_77{background:var(--interactive-primary);color:var(--interactive-primary-text);border-radius:var(--radius-button);font-weight:var(--font-weight-semibold)}._rangeMiddle_1wpk4_77{background:transparent;color:var(--text-primary);border-radius:0}._rangeEnd_1wpk4_78{background:var(--interactive-primary);color:var(--interactive-primary-text);border-radius:var(--radius-button);font-weight:var(--font-weight-semibold)}._rangeStart_1wpk4_77._rangeEnd_1wpk4_78:before{display:none}._outside_1wpk4_183{color:var(--text-tertiary);opacity:.5}._disabled_1wpk4_77{color:var(--text-tertiary);opacity:.35;cursor:not-allowed;pointer-events:none}@media(prefers-reduced-motion:reduce){._day_1wpk4_59{transition:none}}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_calendar_1wpk4_7",d="_header_1wpk4_19",a="_monthLabel_1wpk4_27",t="_grid_1wpk4_37",_="_weekday_1wpk4_44",n="_day_1wpk4_59",r="_disabled_1wpk4_77",s="_selected_1wpk4_77",o="_rangeStart_1wpk4_77",l="_rangeMiddle_1wpk4_77",c="_rangeEnd_1wpk4_78",i="_today_1wpk4_94",g="_outside_1wpk4_183",k={calendar:e,header:d,monthLabel:a,grid:t,weekday:_,day:n,disabled:r,selected:s,rangeStart:o,rangeMiddle:l,rangeEnd:c,today:i,outside:g};exports.calendar=e;exports.day=n;exports.default=k;exports.disabled=r;exports.grid=t;exports.header=d;exports.monthLabel=a;exports.outside=g;exports.rangeEnd=c;exports.rangeMiddle=l;exports.rangeStart=o;exports.selected=s;exports.today=i;exports.weekday=_;

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

@@ -1,31 +0,0 @@
-const e = "_calendar_1wpk4_7", d = "_header_1wpk4_19", _ = "_monthLabel_1wpk4_27", a = "_grid_1wpk4_37", t = "_weekday_1wpk4_44", n = "_day_1wpk4_59", s = "_disabled_1wpk4_77", o = "_selected_1wpk4_77", r = "_rangeStart_1wpk4_77", c = "_rangeMiddle_1wpk4_77", l = "_rangeEnd_1wpk4_78", k = "_today_1wpk4_94", w = "_outside_1wpk4_183", p = {
-  calendar: e,
-  header: d,
-  monthLabel: _,
-  grid: a,
-  weekday: t,
-  day: n,
-  disabled: s,
-  selected: o,
-  rangeStart: r,
-  rangeMiddle: c,
-  rangeEnd: l,
-  today: k,
-  outside: w
-};
-export {
-  e as calendar,
-  n as day,
-  p as default,
-  s as disabled,
-  a as grid,
-  d as header,
-  _ as monthLabel,
-  w as outside,
-  l as rangeEnd,
-  c as rangeMiddle,
-  r as rangeStart,
-  o as selected,
-  k as today,
-  t as weekday
-};