@orion-ds/react 4.2.1 → 4.2.3

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

@@ -0,0 +1,88 @@
+import { ReactNode, AnchorHTMLAttributes } from 'react';
+
+/**
+ * Breadcrumb sizes
+ */
+export type BreadcrumbSize = "sm" | "md" | "lg";
+/**
+ * Breadcrumb separator type
+ */
+export type BreadcrumbSeparator = "chevron" | "slash" | "custom";
+/**
+ * Individual breadcrumb item
+ */
+export interface BreadcrumbItem {
+    /**
+     * Item label
+     */
+    label: string;
+    /**
+     * Link href (if undefined, renders as span)
+     */
+    href?: string;
+    /**
+     * Optional icon
+     */
+    icon?: ReactNode;
+}
+/**
+ * Breadcrumb component props
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb
+ *   items={[
+ *     { label: 'Home', href: '/' },
+ *     { label: 'Products', href: '/products' },
+ *     { label: 'Laptop' }
+ *   ]}
+ * />
+ *
+ * <Breadcrumb
+ *   items={items}
+ *   separator="slash"
+ *   showHomeIcon
+ *   size="lg"
+ * />
+ * ```
+ */
+export interface BreadcrumbProps {
+    /**
+     * Breadcrumb items
+     */
+    items: BreadcrumbItem[];
+    /**
+     * Separator type
+     * @default 'chevron'
+     */
+    separator?: BreadcrumbSeparator;
+    /**
+     * Custom separator element
+     * (only used if separator is 'custom')
+     */
+    customSeparator?: ReactNode;
+    /**
+     * Show home icon for first item
+     * @default false
+     */
+    showHomeIcon?: boolean;
+    /**
+     * Maximum number of items to display
+     * (items in middle will be collapsed if exceeded)
+     */
+    maxItems?: number;
+    /**
+     * Breadcrumb size
+     * @default 'md'
+     */
+    size?: BreadcrumbSize;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+    /**
+     * Link props (applied to all anchor elements)
+     */
+    linkProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href">;
+}
+//# sourceMappingURL=Breadcrumb.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;CACnE"}

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

@@ -0,0 +1,20 @@
+/**
+ * Breadcrumb Component - Navigation hierarchy display.
+ *
+ * @example
+ * ```tsx
+ * import { Breadcrumb } from '@orion-ds/react';
+ *
+ * <Breadcrumb
+ *   items={[
+ *     { label: 'Home', href: '/' },
+ *     { label: 'Products', href: '/products' },
+ *     { label: 'Category', href: '/products/category' },
+ *     { label: 'Item' }, // Current page (no href)
+ *   ]}
+ * />
+ * ```
+ */
+export { Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItem, BreadcrumbSize, BreadcrumbSeparator, } from './Breadcrumb.types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAOlD,eAAO,MAAM,MAAM,2GAkFlB,CAAC"}

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;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.stories.d.ts

@@ -0,0 +1,37 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./Calendar.types').CalendarProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        mode: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        weekStartsOn: {
+            control: "select";
+            options: number[];
+            description: string;
+        };
+        showOutsideDays: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RangeSelection: Story;
+export declare const MultipleSelection: Story;
+export declare const WithMinMax: Story;
+export declare const WithDisabledDates: Story;
+export declare const MondayStart: Story;
+export declare const HideOutsideDays: Story;
+export declare const Uncontrolled: Story;
+//# sourceMappingURL=Calendar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAuBuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA+BxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA4B/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC"}

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

@@ -0,0 +1,74 @@
+import { HTMLAttributes } from 'react';
+
+/**
+ * Date range value
+ */
+export interface DateRange {
+    from: Date | undefined;
+    to: Date | undefined;
+}
+/**
+ * Calendar selection mode
+ */
+export type CalendarMode = "single" | "range" | "multiple";
+/**
+ * Base calendar props shared across all modes
+ */
+interface CalendarBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /**
+     * Minimum selectable date
+     */
+    min?: Date;
+    /**
+     * Maximum selectable date
+     */
+    max?: Date;
+    /**
+     * Disabled dates — array of dates or predicate function
+     */
+    disabled?: Date[] | ((date: Date) => boolean);
+    /**
+     * Day the week starts on (0 = Sunday, 1 = Monday, etc.)
+     * @default 0
+     */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Show days from adjacent months
+     * @default true
+     */
+    showOutsideDays?: boolean;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Single date selection
+ */
+export interface CalendarSingleProps extends CalendarBaseProps {
+    mode?: "single";
+    selected?: Date;
+    onSelect?: (date: Date | undefined) => void;
+}
+/**
+ * Range date selection
+ */
+export interface CalendarRangeProps extends CalendarBaseProps {
+    mode: "range";
+    selected?: DateRange;
+    onSelect?: (range: DateRange | undefined) => void;
+}
+/**
+ * Multiple date selection
+ */
+export interface CalendarMultipleProps extends CalendarBaseProps {
+    mode: "multiple";
+    selected?: Date[];
+    onSelect?: (dates: Date[]) => void;
+}
+/**
+ * Union type for all calendar modes
+ */
+export type CalendarProps = CalendarSingleProps | CalendarRangeProps | CalendarMultipleProps;
+export {};
+//# sourceMappingURL=Calendar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,EAAE,EAAE,IAAI,GAAG,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE3D;;GAEG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CACtC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAE9C;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEzC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;CAC7C;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,mBAAmB,GACnB,kBAAkB,GAClB,qBAAqB,CAAC"}

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

@@ -0,0 +1,14 @@
+/**
+ * Calendar Component - Date selection with single, range, and multiple modes.
+ *
+ * @example
+ * ```tsx
+ * import { Calendar } from '@orion-ds/react';
+ *
+ * <Calendar selected={date} onSelect={setDate} />
+ * <Calendar mode="range" selected={range} onSelect={setRange} />
+ * ```
+ */
+export { Calendar } from './Calendar';
+export type { CalendarProps, CalendarMode, CalendarSingleProps, CalendarRangeProps, CalendarMultipleProps, DateRange, } from './Calendar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,SAAS,GACV,MAAM,kBAAkB,CAAC"}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, ImageContentProps, ImageTitleProps, ImageDescriptionProps, ImageMetaProps } from './Card.types';
+
+export declare const Card: React.FC<CardProps> & {
+    Header: React.FC<CardHeaderProps>;
+    Body: React.FC<CardBodyProps>;
+    Footer: React.FC<CardFooterProps>;
+    ImageContent: React.FC<ImageContentProps>;
+    ImageTitle: React.FC<ImageTitleProps>;
+    ImageDescription: React.FC<ImageDescriptionProps>;
+    ImageMeta: React.FC<ImageMetaProps>;
+};
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,aAAa,EACb,eAAe,EAEf,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,cAAc,EACf,MAAM,cAAc,CAAC;AActB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;IACvC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAClC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAClC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IACtC,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAClD,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;CAgDrC,CAAC"}

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

@@ -0,0 +1,33 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./Card.types').CardProps> & {
+        Header: React.FC<import('./Card.types').CardHeaderProps>;
+        Body: React.FC<import('./Card.types').CardBodyProps>;
+        Footer: React.FC<import('./Card.types').CardFooterProps>;
+        ImageContent: React.FC<import('./Card.types').ImageContentProps>;
+        ImageTitle: React.FC<import('./Card.types').ImageTitleProps>;
+        ImageDescription: React.FC<import('./Card.types').ImageDescriptionProps>;
+        ImageMeta: React.FC<import('./Card.types').ImageMetaProps>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithFooter: Story;
+export declare const Elevated: Story;
+export declare const Glass: Story;
+export declare const WithBadge: Story;
+export declare const ImageCard: Story;
+export declare const ImageCardTop: Story;
+export declare const ImageCardCenter: Story;
+export declare const ImageCardSquare: Story;
+export declare const ImageCardInteractive: Story;
+export declare const ImageCardGrid: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAOmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA8BvB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAkBlC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAgD3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgDzB,CAAC"}