@orion-ds/react 4.2.1 → 4.2.3

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

@@ -0,0 +1,21 @@
+/**
+ * FontLoader Component - Loads brand fonts from Google Fonts.
+ *
+ * Note: ThemeProvider automatically includes FontLoader by default.
+ * Only use directly if disabling auto-loading.
+ *
+ * @example
+ * ```tsx
+ * import { FontLoader } from '@orion-ds/react';
+ *
+ * // Usually not needed - ThemeProvider handles this automatically
+ * // Only use if you disabled auto-loading:
+ * <ThemeProvider disableAutoFontLoading>
+ *   <FontLoader />
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ */
+export { FontLoader } from './FontLoader';
+export type { FontLoaderProps } from './FontLoader';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FontLoader/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/FormSection/FormSection.d.ts

@@ -0,0 +1,7 @@
+import { FormSectionProps, FormSectionGroupProps, FormSectionActionsProps } from './FormSection.types';
+
+export declare const FormSection: import('react').ForwardRefExoticComponent<FormSectionProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Group: import('react').ForwardRefExoticComponent<FormSectionGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    Actions: import('react').ForwardRefExoticComponent<FormSectionActionsProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=FormSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../src/components/FormSection/FormSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAIH,OAAO,KAAK,EACV,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAyH7B,eAAO,MAAM,WAAW;;;CAGtB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FormSection } from './FormSection';
+
+declare const meta: Meta<typeof FormSection>;
+export default meta;
+type Story = StoryObj<typeof FormSection>;
+export declare const Default: Story;
+export declare const WithIcon: Story;
+export declare const CardVariant: Story;
+export declare const InlineVariant: Story;
+export declare const Collapsible: Story;
+export declare const CollapsedByDefault: Story;
+export declare const WithDivider: Story;
+export declare const MultipleGroups: Story;
+//# sourceMappingURL=FormSection.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FormSection/FormSection.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAsBlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAmFzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuDzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAqBhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA8B5B,CAAC"}

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

@@ -0,0 +1,107 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * FormSection visual variant
+ */
+export type FormSectionVariant = "default" | "card" | "inline";
+/**
+ * FormSection section props
+ *
+ * @example
+ * ```tsx
+ * <FormSection
+ *   title="Profile Information"
+ *   description="Update your personal details"
+ * >
+ *   <Field label="Name" type="text" />
+ *   <Field label="Email" type="email" />
+ * </FormSection>
+ * ```
+ */
+export interface FormSectionProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Section title
+     */
+    title: string;
+    /**
+     * Description text below title
+     */
+    description?: string;
+    /**
+     * Form field children
+     */
+    children: ReactNode;
+    /**
+     * Action buttons (save, cancel, etc.)
+     */
+    actions?: ReactNode;
+    /**
+     * Make section collapsible
+     * @default false
+     */
+    collapsible?: boolean;
+    /**
+     * Default collapsed state (only when collapsible)
+     * @default false
+     */
+    defaultCollapsed?: boolean;
+    /**
+     * Show divider below section
+     * @default false
+     */
+    divider?: boolean;
+    /**
+     * Visual variant
+     * - default: Simple layout with border
+     * - card: Wrapped in card container
+     * - inline: Side-by-side title/fields layout
+     * @default 'default'
+     */
+    variant?: FormSectionVariant;
+    /**
+     * Custom icon for section header
+     */
+    icon?: ReactNode;
+    /**
+     * Disable all fields in section
+     * @default false
+     */
+    disabled?: boolean;
+}
+/**
+ * FormSection.Group props for grouping related fields
+ */
+export interface FormSectionGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Group label
+     */
+    label?: string;
+    /**
+     * Help text for the group
+     */
+    helpText?: string;
+    /**
+     * Field children
+     */
+    children: ReactNode;
+    /**
+     * Number of columns for field layout
+     * @default 1
+     */
+    columns?: 1 | 2 | 3;
+}
+/**
+ * FormSection.Actions props for action button group
+ */
+export interface FormSectionActionsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Action button children
+     */
+    children: ReactNode;
+    /**
+     * Alignment of actions
+     * @default 'end'
+     */
+    align?: "start" | "center" | "end" | "between";
+}
+//# sourceMappingURL=FormSection.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.types.d.ts","sourceRoot":"","sources":["../../../src/components/FormSection/FormSection.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/D;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;CAChD"}

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

@@ -0,0 +1,3 @@
+export { FormSection } from './FormSection';
+export type { FormSectionProps, FormSectionVariant, FormSectionGroupProps, FormSectionActionsProps, } from './FormSection.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Icon/Icon.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAexD,eAAO,MAAM,IAAI,qGA0FhB,CAAC"}

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

@@ -0,0 +1,69 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Icon.types').IconProps & import('react').RefAttributes<SVGSVGElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        icon: {
+            control: false;
+            description: string;
+        };
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        color: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        strokeWidth: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+        };
+        decorative: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SizeXS: Story;
+export declare const SizeSM: Story;
+export declare const SizeMD: Story;
+export declare const SizeLG: Story;
+export declare const SizeXL: Story;
+export declare const CustomPixelSize: Story;
+export declare const ColorPrimary: Story;
+export declare const ColorSecondary: Story;
+export declare const ColorBrand: Story;
+export declare const ColorSuccess: Story;
+export declare const ColorWarning: Story;
+export declare const ColorError: Story;
+export declare const ColorInfo: Story;
+export declare const Disabled: Story;
+export declare const SemanticIcon: Story;
+export declare const DecorativeIcon: Story;
+export declare const ThinStroke: Story;
+export declare const ThickStroke: Story;
+export declare const AllSizes: Story;
+export declare const StatusIcons: Story;
+export declare const CommonIcons: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Icon.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAiBvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA4IzB,CAAC"}

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

@@ -0,0 +1,95 @@
+import { LucideIcon, LucideProps } from 'lucide-react';
+import { SVGProps } from 'react';
+
+/**
+ * Icon size tokens (mapped to CSS variables)
+ * - xs: 12px (--icon-size-xs) - Badges, compact UI
+ * - sm: 16px (--icon-size-sm) - Inline text, small buttons
+ * - md: 20px (--icon-size-md) - Default for buttons/inputs
+ * - lg: 24px (--icon-size-lg) - Section headers
+ * - xl: 32px (--icon-size-xl) - Large callouts
+ */
+export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
+/**
+ * Icon color variants (mapped to semantic tokens)
+ */
+export type IconColor = "current" | "primary" | "secondary" | "tertiary" | "brand" | "success" | "warning" | "error" | "info" | "inverse";
+/**
+ * Icon component props
+ *
+ * @example Decorative icon (hidden from screen readers)
+ * ```tsx
+ * import { Icon } from '@orion/react';
+ * import { Search } from 'lucide-react';
+ *
+ * <Icon icon={Search} size="md" decorative />
+ * ```
+ *
+ * @example Semantic icon (announced to screen readers)
+ * ```tsx
+ * <Icon icon={AlertCircle} size="lg" label="Warning" color="warning" />
+ * ```
+ *
+ * @example Custom size in pixels
+ * ```tsx
+ * <Icon icon={Star} size={18} />
+ * ```
+ */
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, "ref"> {
+    /**
+     * Lucide icon component to render
+     * Import directly from lucide-react for tree-shaking
+     *
+     * @example
+     * import { Search } from 'lucide-react';
+     * <Icon icon={Search} />
+     */
+    icon: LucideIcon;
+    /**
+     * Icon size - uses design tokens or custom pixel value
+     * @default 'md'
+     */
+    size?: IconSize | number;
+    /**
+     * Icon color variant - uses semantic tokens
+     * @default 'current'
+     */
+    color?: IconColor;
+    /**
+     * Stroke width (Lucide default: 2)
+     * @default 2
+     */
+    strokeWidth?: number;
+    /**
+     * Accessible label for screen readers
+     * Required when decorative=false
+     *
+     * @example
+     * <Icon icon={AlertCircle} label="Error occurred" />
+     */
+    label?: string;
+    /**
+     * Mark icon as decorative (hidden from screen readers)
+     * Use when icon is purely visual and adjacent text provides meaning
+     * @default false
+     *
+     * @example
+     * <Button icon={<Icon icon={Search} decorative />}>Search</Button>
+     */
+    decorative?: boolean;
+    /**
+     * Disabled state (applies muted styling)
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+}
+/**
+ * Props passed to Lucide icon components
+ * Used internally for consistent rendering
+ */
+export type IconRenderProps = LucideProps;
+//# sourceMappingURL=Icon.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;;GAOG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,CAAC;AAEd;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC;IACrE;;;;;;;OAOG;IACH,IAAI,EAAE,UAAU,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC"}

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

@@ -0,0 +1,21 @@
+/**
+ * Icon Component - Render Lucide icons with Orion styling.
+ *
+ * Prefer importing icons directly from lucide-react for better tree-shaking.
+ *
+ * @example
+ * ```tsx
+ * import { Icon } from '@orion-ds/react';
+ * // Or directly: import { Search, Settings } from 'lucide-react';
+ *
+ * <Icon name="search" size="md" />
+ * <Icon name="settings" size="lg" color="brand" />
+ *
+ * // Preferred: Direct import from lucide-react
+ * import { Search } from 'lucide-react';
+ * <Search size={20} />
+ * ```
+ */
+export { Icon } from './Icon';
+export type { IconProps, IconSize, IconColor, IconRenderProps, } from './Icon.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,GAChB,MAAM,cAAc,CAAC"}

package/dist/components/IconGallery/IconGallery.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconGallery.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/IconGallery.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAuG5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8HlD,CAAC"}

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { IconGallery } from './IconGallery';
+
+declare const meta: Meta<typeof IconGallery>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Browse: Story;
+//# sourceMappingURL=IconGallery.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconGallery.stories.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/IconGallery.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAelC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,MAAM,EAAE,KAAU,CAAC"}

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

@@ -0,0 +1,19 @@
+/**
+ * IconGallery Component Types
+ *
+ * Type definitions for the Icon Browser utility page.
+ * This is a documentation tool, not a configurable component.
+ */
+/**
+ * IconGallery props
+ *
+ * Note: This is a documentation utility page with minimal configuration.
+ * All display options are hardcoded for optimal browsing experience.
+ */
+export interface IconGalleryProps {
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+}
+//# sourceMappingURL=IconGallery.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconGallery.types.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/IconGallery.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,19 @@
+/**
+ * IconGallery Component - Browsable icon reference display.
+ *
+ * Used for documentation and development. Shows all available Lucide icons.
+ *
+ * @example
+ * ```tsx
+ * import { IconGallery } from '@orion-ds/react';
+ *
+ * // Shows searchable gallery of all Lucide icons
+ * <IconGallery />
+ *
+ * // With custom categories
+ * <IconGallery categories={['navigation', 'actions', 'media']} />
+ * ```
+ */
+export { IconGallery } from './IconGallery';
+export type { IconGalleryProps } from './IconGallery.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/InputOTP/InputOTP.d.ts

@@ -0,0 +1,8 @@
+import { InputOTPProps, InputOTPGroupProps, InputOTPSlotProps, InputOTPSeparatorProps } from './InputOTP.types';
+
+export declare const InputOTP: import('react').ForwardRefExoticComponent<InputOTPProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Group: import('react').ForwardRefExoticComponent<InputOTPGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    Slot: import('react').ForwardRefExoticComponent<InputOTPSlotProps & import('react').RefAttributes<HTMLDivElement>>;
+    Separator: import('react').ForwardRefExoticComponent<InputOTPSeparatorProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=InputOTP.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../../../src/components/InputOTP/InputOTP.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,EAEvB,MAAM,kBAAkB,CAAC;AA2M1B,eAAO,MAAM,QAAQ;;;;CAInB,CAAC"}

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

@@ -0,0 +1,48 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./InputOTP.types').InputOTPProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Group: import('react').ForwardRefExoticComponent<import('./InputOTP.types').InputOTPGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        Slot: import('react').ForwardRefExoticComponent<import('./InputOTP.types').InputOTPSlotProps & import('react').RefAttributes<HTMLDivElement>>;
+        Separator: import('react').ForwardRefExoticComponent<import('./InputOTP.types').InputOTPSeparatorProps & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        maxLength: {
+            control: "number";
+            description: string;
+        };
+        type: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const FourDigit: Story;
+export declare const Alphanumeric: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const Disabled: Story;
+export declare const WithDefaultValue: Story;
+export declare const Controlled: Story;
+export declare const AllSizes: Story;
+export declare const VerificationForm: Story;
+export declare const CustomSeparator: Story;
+//# sourceMappingURL=InputOTP.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InputOTP/InputOTP.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAyDxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAyEtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAkI9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAsC7B,CAAC"}

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

@@ -0,0 +1,44 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+export type InputOTPType = "numeric" | "alphanumeric";
+export type InputOTPSize = "sm" | "md" | "lg";
+export interface InputOTPProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    /** Number of OTP slots. */
+    maxLength: number;
+    /** Controlled value. */
+    value?: string;
+    /** Default value for uncontrolled usage. */
+    defaultValue?: string;
+    /** Callback when value changes. */
+    onChange?: (value: string) => void;
+    /** Callback when all slots are filled. */
+    onComplete?: (value: string) => void;
+    /** Input type — determines keyboard and allowed characters. @default 'numeric' */
+    type?: InputOTPType;
+    /** Size of the OTP slots. @default 'md' */
+    size?: InputOTPSize;
+    /** Disable the input. */
+    disabled?: boolean;
+    /** Auto-focus the input on mount. */
+    autoFocus?: boolean;
+    children?: ReactNode;
+}
+export interface InputOTPGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export interface InputOTPSlotProps extends HTMLAttributes<HTMLDivElement> {
+    /** Index of this slot (0-based). */
+    index: number;
+}
+export interface InputOTPSeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export interface InputOTPContextValue {
+    value: string;
+    activeIndex: number;
+    size: InputOTPSize;
+    disabled: boolean;
+    isFocused: boolean;
+    focusInput: () => void;
+}
+//# sourceMappingURL=InputOTP.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.types.d.ts","sourceRoot":"","sources":["../../../src/components/InputOTP/InputOTP.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,cAAc,CAAC;AACtD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,cAAc,CAC5B;IACC,2BAA2B;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kFAAkF;IAClF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB"}

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

@@ -0,0 +1,3 @@
+export { InputOTP } from './InputOTP';
+export type { InputOTPProps, InputOTPGroupProps, InputOTPSlotProps, InputOTPSeparatorProps, InputOTPType, InputOTPSize, } from './InputOTP.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputOTP/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,EACtB,YAAY,EACZ,YAAY,GACb,MAAM,kBAAkB,CAAC"}

package/dist/components/KanbanBoard/KanbanBoard.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../src/components/KanbanBoard/KanbanBoard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EACV,gBAAgB,EAGjB,MAAM,qBAAqB,CAAC;AAgN7B,eAAO,MAAM,WAAW,6GAqDvB,CAAC"}

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

@@ -0,0 +1,35 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { KanbanBoard } from './KanbanBoard';
+
+declare const meta: Meta<typeof KanbanBoard>;
+export default meta;
+type Story = StoryObj<typeof KanbanBoard>;
+/**
+ * Default KanbanBoard with sample project data
+ */
+export declare const Default: Story;
+/**
+ * Interactive KanbanBoard with state
+ */
+export declare const Interactive: Story;
+/**
+ * Compact variant for dense layouts
+ */
+export declare const Compact: Story;
+/**
+ * Without card count
+ */
+export declare const WithoutCardCount: Story;
+/**
+ * Empty state
+ */
+export declare const Empty: Story;
+/**
+ * Simple board without extras
+ */
+export declare const Simple: Story;
+/**
+ * With add column button
+ */
+export declare const WithAddColumn: Story;
+//# sourceMappingURL=KanbanBoard.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/KanbanBoard/KanbanBoard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAOlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AA+H1C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KA0BpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC"}