@orion-ds/react 4.9.0 → 4.9.2

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.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.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.stories.d.ts

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

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

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

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

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

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

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

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

package/dist/components/Card/Card.module.css

@@ -1 +0,0 @@
-._card_rge7d_8{display:flex;flex-direction:column;overflow:hidden;background:var(--surface-base);border-radius:var(--radius-container);transition:all var(--transition-fast)}._base_rge7d_27{border:1px solid var(--border-subtle)}._glass_rge7d_32{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-subtle)}._elevated_rge7d_39{box-shadow:var(--shadow-md)}._outlined_rge7d_44{border:1px solid var(--border-subtle)}._image_rge7d_49{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;aspect-ratio:16 / 9}._inverse_rge7d_59{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)}._inverse_rge7d_59 ._header_rge7d_66,._inverse_rge7d_59 ._body_rge7d_67,._inverse_rge7d_59 ._footer_rge7d_68{color:var(--color-neutral-0)}._imageOverlay_rge7d_73{position:absolute;inset:0;display:flex;flex-direction:column;padding:var(--card-padding);border-radius:var(--radius-container)}._gradientBottom_rge7d_83{background:linear-gradient(to top,var(--overlay-dark-heavy) 0%,var(--overlay-dark-light) 50%,transparent 100%);justify-content:flex-end}._gradientTop_rge7d_93{background:linear-gradient(to bottom,var(--overlay-dark-heavy) 0%,var(--overlay-dark-light) 50%,transparent 100%);justify-content:flex-start}._gradientCenter_rge7d_103{background:linear-gradient(to bottom,var(--overlay-dark-light) 0%,var(--overlay-dark) 50%,var(--overlay-dark-light) 100%);justify-content:center;align-items:center;text-align:center}._imageContent_rge7d_116{display:flex;flex-direction:column;gap:var(--spacing-2);color:var(--color-neutral-0)}._imageTitle_rge7d_123{font-size:var(--font-size-24);font-weight:var(--font-weight-semibold);color:var(--color-neutral-0);line-height:var(--line-height-tight);letter-spacing:-.02em;text-shadow:0 2px 4px var(--overlay-dark-heavy),0 4px 12px var(--overlay-dark)}._imageDescription_rge7d_134{font-size:var(--font-size-14);font-weight:var(--font-weight-regular);color:var(--color-neutral-0);line-height:var(--line-height-relaxed);opacity:.9;text-shadow:0 1px 2px var(--overlay-dark-heavy),0 2px 8px var(--overlay-dark)}._imageMeta_rge7d_145{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-neutral-0);opacity:.75;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 2px var(--overlay-dark-heavy)}[data-dark-bg=true] ._base_rge7d_27,[data-dark-bg=true] ._glass_rge7d_32,[data-dark-bg=true] ._elevated_rge7d_39,[data-dark-bg=true] ._outlined_rge7d_44{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)}[data-dark-bg=true] ._base_rge7d_27 ._header_rge7d_66,[data-dark-bg=true] ._base_rge7d_27 ._body_rge7d_67,[data-dark-bg=true] ._base_rge7d_27 ._footer_rge7d_68,[data-dark-bg=true] ._glass_rge7d_32 ._header_rge7d_66,[data-dark-bg=true] ._glass_rge7d_32 ._body_rge7d_67,[data-dark-bg=true] ._glass_rge7d_32 ._footer_rge7d_68,[data-dark-bg=true] ._elevated_rge7d_39 ._header_rge7d_66,[data-dark-bg=true] ._elevated_rge7d_39 ._body_rge7d_67,[data-dark-bg=true] ._elevated_rge7d_39 ._footer_rge7d_68,[data-dark-bg=true] ._outlined_rge7d_44 ._header_rge7d_66,[data-dark-bg=true] ._outlined_rge7d_44 ._body_rge7d_67,[data-dark-bg=true] ._outlined_rge7d_44 ._footer_rge7d_68{color:var(--color-neutral-0)}._interactive_rge7d_193{cursor:pointer}._interactive_rge7d_193:hover{transform:translateY(-2px)}._interactive_rge7d_193:active{transform:translateY(0)}._interactive_rge7d_193._elevated_rge7d_39:hover{box-shadow:var(--shadow-lg)}._interactive_rge7d_193._image_rge7d_49:hover{transform:scale(1.02)}._interactive_rge7d_193._image_rge7d_49:active{transform:scale(1)}._header_rge7d_66{padding:var(--card-padding) var(--card-padding) 0;font-weight:var(--font-weight-medium);color:var(--text-primary)}._body_rge7d_67{padding:var(--card-padding);flex:1;color:var(--text-primary)}._body_rge7d_67 :last-child{margin-bottom:0}._body_rge7d_67 pre,._body_rge7d_67 code{margin:0}._header_rge7d_66+._body_rge7d_67{padding-top:var(--card-padding-gap)}._footer_rge7d_68{padding:0 var(--card-padding) var(--card-padding);color:var(--text-secondary);font-size:var(--font-size-14)}

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

@@ -1,33 +0,0 @@
-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 AllVariantsWithInverse: Story;
-//# sourceMappingURL=Card.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAMnC,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;AAMF,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;AAMF,eAAO,MAAM,sBAAsB,EAAE,KA0FpC,CAAC"}

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

@@ -1,106 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-
-/**
- * Card visual variants
- *
- * @deprecated 'outlined' variant is deprecated. Use 'base' instead. Will be removed in the next major version.
- */
-export type CardVariant = "base" | "glass" | "elevated" | "outlined" | "image" | "inverse";
-/**
- * Image card content position
- */
-export type ImageCardPosition = "top" | "center" | "bottom";
-/**
- * Card component props
- *
- * @example
- * ```tsx
- * <Card variant="base">
- *   <Card.Header>Title</Card.Header>
- *   <Card.Body>Content</Card.Body>
- *   <Card.Footer>Footer</Card.Footer>
- * </Card>
- * ```
- */
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Visual variant
-     * @default 'base'
-     */
-    variant?: CardVariant;
-    /**
-     * Interactive card (adds hover effect)
-     * @default false
-     */
-    interactive?: boolean;
-    /**
-     * Background image URL (only for 'image' variant)
-     */
-    imageUrl?: string;
-    /**
-     * Content position for image variant
-     * @default 'bottom'
-     */
-    imagePosition?: ImageCardPosition;
-    /**
-     * Aspect ratio for image card (e.g., '16/9', '4/3', '1/1')
-     * @default '16/9'
-     */
-    aspectRatio?: string;
-    /**
-     * Card content
-     */
-    children?: ReactNode;
-}
-/**
- * Card Header props
- */
-export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Header content
-     */
-    children?: ReactNode;
-}
-/**
- * Card Body props
- */
-export interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Body content
-     */
-    children?: ReactNode;
-}
-/**
- * Card Footer props
- */
-export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Footer content
-     */
-    children?: ReactNode;
-}
-/**
- * Image Card Content wrapper props
- */
-export interface ImageContentProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-}
-/**
- * Image Card Title props
- */
-export interface ImageTitleProps extends HTMLAttributes<HTMLHeadingElement> {
-    children?: ReactNode;
-}
-/**
- * Image Card Description props
- */
-export interface ImageDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
-    children?: ReactNode;
-}
-/**
- * Image Card Meta props
- */
-export interface ImageMetaProps extends HTMLAttributes<HTMLSpanElement> {
-    children?: ReactNode;
-}
-//# sourceMappingURL=Card.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;;;GAIG;AACH,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,OAAO,GACP,UAAU,GACV,UAAU,GACV,OAAO,GACP,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE5D;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAElC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -1,19 +0,0 @@
-/**
- * Card Component - Container for grouping related content.
- *
- * @example
- * ```tsx
- * import { Card, Button } from '@orion-ds/react';
- *
- * <Card variant="elevated">
- *   <Card.Header>Card Title</Card.Header>
- *   <Card.Body>Card content goes here.</Card.Body>
- *   <Card.Footer>
- *     <Button>Action</Button>
- *   </Card.Footer>
- * </Card>
- * ```
- */
-export { Card } from './Card';
-export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, CardVariant, } from './Card.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,GACZ,MAAM,cAAc,CAAC"}

package/dist/components/Carousel/Carousel.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAYtD,eAAO,MAAM,QAAQ,0GAqRpB,CAAC"}

package/dist/components/Carousel/Carousel.module.css

@@ -1 +0,0 @@
-._carousel_1d2gl_9{position:relative;overflow:hidden;width:100%}._track_1d2gl_19{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}._track_1d2gl_19::-webkit-scrollbar{display:none}._trackEdge_1d2gl_33,._trackContainer_1d2gl_42{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}._peek_1d2gl_48 ._trackEdge_1d2gl_33,._peek_1d2gl_48 ._trackContainer_1d2gl_42{padding-right:var(--spacing-16)}._gapSm_1d2gl_54 ._track_1d2gl_19{gap:var(--spacing-4)}._gapMd_1d2gl_58 ._track_1d2gl_19{gap:var(--spacing-6)}._gapLg_1d2gl_62 ._track_1d2gl_19{gap:var(--spacing-8)}._navigation_1d2gl_70{display:flex;gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-4)}._navButton_1d2gl_77{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}._navButton_1d2gl_77:hover:not(:disabled){background:var(--surface-layer);border-color:var(--border-default)}._navButton_1d2gl_77:disabled{opacity:.4;cursor:not-allowed}._card_1d2gl_107{flex-shrink:0;scroll-snap-align:start;position:relative;border-radius:var(--radius-container);overflow:hidden;width:calc(100% - var(--spacing-12));max-width:600px}._aspect-16-9_1d2gl_118{aspect-ratio:16/9}._aspect-4-3_1d2gl_122{aspect-ratio:4/3}._aspect-1-1_1d2gl_126{aspect-ratio:1/1}._aspect-3-4_1d2gl_130{aspect-ratio:3/4}._imageWrapper_1d2gl_138{position:absolute;inset:0}._imageWrapper_1d2gl_138 img{width:100%;height:100%;object-fit:cover}._overlay_1d2gl_153{position:absolute;inset:0;pointer-events:none}._overlay-gradient_1d2gl_159{background:linear-gradient(to top,var(--overlay-dark-heavy) 0%,var(--overlay-dark-light) 30%,transparent 60%)}._overlay-dark_1d2gl_168{background:var(--overlay-dark)}._content_1d2gl_176{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2)}._card_1d2gl_107 ._eyebrow_1d2gl_187{font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-on-dark-secondary)}._card_1d2gl_107 ._cardTitle_1d2gl_196{font-family:var(--font-secondary);font-size:var(--font-size-24);font-weight:600;line-height:var(--line-height-tight);color:var(--text-on-dark);margin:0}._card_1d2gl_107 ._cardDescription_1d2gl_205{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-on-dark-secondary);line-height:var(--line-height-relaxed);margin:0}._card_1d2gl_107 ._action_1d2gl_213{margin-top:var(--spacing-2)}._variant-editorial_1d2gl_221{max-width:700px}._variant-editorial_1d2gl_221 ._cardTitle_1d2gl_196{font-size:clamp(1.25rem,2.5vw,2rem)}._variant-product_1d2gl_233{max-width:320px;background:var(--surface-layer);display:flex;flex-direction:column;aspect-ratio:auto}._variant-product_1d2gl_233 ._imageWrapper_1d2gl_138{position:relative;flex-shrink:0;height:140px;display:flex;align-items:center;justify-content:center}._variant-product_1d2gl_233 ._content_1d2gl_176{position:relative;padding:var(--spacing-4);background:var(--surface-layer);flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}._variant-product_1d2gl_233 ._eyebrow_1d2gl_187{color:var(--text-tertiary)}._variant-product_1d2gl_233 ._cardTitle_1d2gl_196{color:var(--text-primary);font-size:var(--font-size-18);font-weight:var(--font-weight-semibold)}._variant-product_1d2gl_233 ._cardDescription_1d2gl_205{color:var(--text-secondary);font-size:var(--font-size-14);line-height:var(--line-height-relaxed)}._variant-gallery_1d2gl_280{max-width:500px}._variant-gallery_1d2gl_280 ._content_1d2gl_176{opacity:0;transition:opacity var(--transition-fast)}._variant-gallery_1d2gl_280:hover ._content_1d2gl_176{opacity:1}._pagination_1d2gl_297{display:flex;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-4)}._dot_1d2gl_304{width:8px;height:8px;border-radius:50%;background:var(--border-subtle);border:none;cursor:pointer;padding:0;transition:background var(--transition-fast),transform var(--transition-fast)}._dot_1d2gl_304:hover{background:var(--border-default)}._dotActive_1d2gl_321{background:var(--interactive-primary);transform:scale(1.25)}._highlightActive_1d2gl_331 ._track_1d2gl_19{padding-block:var(--spacing-6)}._cardHighlighted_1d2gl_335{transform:scale(1.1);transform-origin:center center;z-index:var(--z-dropdown);transition:transform var(--transition-normal)}._highlightActive_1d2gl_331 ._card_1d2gl_107:not(._cardHighlighted_1d2gl_335){transform:scale(.95);opacity:.7;transition:transform var(--transition-normal),opacity var(--transition-normal)}@media(max-width:1024px){._card_1d2gl_107{width:calc(100% - var(--spacing-8));max-width:500px}._variant-editorial_1d2gl_221{max-width:500px}}@media(max-width:640px){._trackEdge_1d2gl_33,._trackContainer_1d2gl_42{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}._peek_1d2gl_48 ._trackEdge_1d2gl_33,._peek_1d2gl_48 ._trackContainer_1d2gl_42{padding-right:var(--spacing-8)}._card_1d2gl_107{width:calc(100% - var(--spacing-4));max-width:none}._variant-editorial_1d2gl_221,._variant-product_1d2gl_233,._variant-gallery_1d2gl_280{max-width:none}._navButton_1d2gl_77{width:40px;height:40px}._content_1d2gl_176{padding:var(--spacing-4)}._card_1d2gl_107 ._cardTitle_1d2gl_196{font-size:var(--font-size-18)}}