@orion-ds/react 4.2.1 → 4.2.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAiBoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC;AAMF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAyBjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAsHnC,CAAC"}

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

@@ -0,0 +1,190 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Field component props
+ *
+ * @important Field is PROPS-BASED, not a wrapper. It renders its own `<input>`.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Field
+ *   label="Email"
+ *   type="email"
+ *   placeholder="you@example.com"
+ * />
+ * ```
+ *
+ * @example With validation error
+ * ```tsx
+ * <Field
+ *   label="Email"
+ *   type="email"
+ *   value={email}
+ *   onChange={(e) => setEmail(e.target.value)}
+ *   error={emailError}
+ * />
+ * ```
+ *
+ * @example With icons
+ * ```tsx
+ * import { Mail, Eye } from 'lucide-react';
+ *
+ * <Field
+ *   label="Email"
+ *   type="email"
+ *   leftIcon={<Mail size={18} />}
+ *   placeholder="you@example.com"
+ * />
+ * ```
+ *
+ * @example WRONG - Don't use children
+ * ```tsx
+ * // WRONG - Field doesn't accept children for input
+ * <Field label="Email">
+ *   <input type="email" />  // This won't work!
+ * </Field>
+ *
+ * // CORRECT - Use props
+ * <Field label="Email" type="email" />
+ * ```
+ */
+export interface FieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /**
+     * Input label text displayed above the input.
+     * Required for accessibility unless aria-label is provided.
+     *
+     * @example
+     * ```tsx
+     * <Field label="Email Address" type="email" />
+     * ```
+     */
+    label?: string;
+    /**
+     * Error message - shows error state and displays message below input.
+     * Takes precedence over helperText when both are provided.
+     * Automatically associated with input via aria-describedby.
+     *
+     * @example
+     * ```tsx
+     * <Field
+     *   label="Email"
+     *   type="email"
+     *   error="Please enter a valid email address"
+     * />
+     * ```
+     */
+    error?: string;
+    /**
+     * Helper text displayed below input (when no error).
+     * Provides additional context or instructions.
+     *
+     * @example
+     * ```tsx
+     * <Field
+     *   label="Password"
+     *   type="password"
+     *   helperText="Must be at least 8 characters"
+     * />
+     * ```
+     */
+    helperText?: string;
+    /**
+     * Icon to display on the left side of input.
+     * Use 18px icons (size={18}) for best results.
+     *
+     * @example
+     * ```tsx
+     * import { Mail } from 'lucide-react';
+     * <Field leftIcon={<Mail size={18} />} label="Email" type="email" />
+     * ```
+     */
+    leftIcon?: ReactNode;
+    /**
+     * Icon to display on the right side of input.
+     * Can be an icon or interactive element (e.g., password toggle).
+     *
+     * @example
+     * ```tsx
+     * import { Eye, EyeOff } from 'lucide-react';
+     *
+     * <Field
+     *   label="Password"
+     *   type={showPassword ? 'text' : 'password'}
+     *   rightIcon={
+     *     <button onClick={() => setShowPassword(!showPassword)}>
+     *       {showPassword ? <EyeOff size={18} /> : <Eye size={18} />}
+     *     </button>
+     *   }
+     * />
+     * ```
+     */
+    rightIcon?: ReactNode;
+    /**
+     * Full width input - expands to fill container.
+     *
+     * @example
+     * ```tsx
+     * <form style={{ maxWidth: '400px' }}>
+     *   <Field label="Name" fullWidth />
+     *   <Field label="Email" type="email" fullWidth />
+     * </form>
+     * ```
+     *
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Input size variant.
+     *
+     * @semanticGuide
+     * - `sm`: Dense UIs, tables, compact forms
+     * - `md`: Default - most forms (recommended)
+     * - `lg`: Prominent forms, search inputs
+     *
+     * @default 'md'
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Shows "(optional)" indicator next to label.
+     * Use when most fields are required but some are optional.
+     *
+     * @example
+     * ```tsx
+     * <Field label="Phone Number" type="tel" optional />
+     * ```
+     *
+     * @default false
+     */
+    optional?: boolean;
+    /**
+     * Accessible label for screen readers when no visible label is provided.
+     * REQUIRED if `label` prop is not provided.
+     *
+     * @example
+     * ```tsx
+     * // Icon-only search input
+     * <Field
+     *   aria-label="Search"
+     *   leftIcon={<Search size={18} />}
+     *   placeholder="Search..."
+     * />
+     * ```
+     */
+    "aria-label"?: string;
+    /**
+     * Additional element IDs that describe this input.
+     * Automatically includes error and helper text IDs when provided.
+     *
+     * @example
+     * ```tsx
+     * <p id="password-requirements">Must be 8+ characters</p>
+     * <Field
+     *   label="Password"
+     *   type="password"
+     *   aria-describedby="password-requirements"
+     * />
+     * ```
+     */
+    "aria-describedby"?: string;
+}
+//# sourceMappingURL=Field.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.types.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;;;;;;;;;OAkBG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;;;;;;OAaG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

@@ -0,0 +1,16 @@
+/**
+ * Field Component - Text input with label, validation, and icons.
+ *
+ * @example
+ * ```tsx
+ * import { Field } from '@orion-ds/react';
+ * import { Mail, Eye } from 'lucide-react';
+ *
+ * <Field label="Email" type="email" placeholder="you@example.com" />
+ * <Field label="Password" type="password" error="Required" />
+ * <Field label="Search" icon={<Search size={18} />} />
+ * ```
+ */
+export { Field } from './Field';
+export type { FieldProps } from './Field.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/FileUploader/FileUploader.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAeH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAqB9D,eAAO,MAAM,YAAY,8GAoSxB,CAAC"}

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

@@ -0,0 +1,59 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FileUploader } from './FileUploader';
+
+declare const meta: Meta<typeof FileUploader>;
+export default meta;
+type Story = StoryObj<typeof FileUploader>;
+/**
+ * Default FileUploader
+ */
+export declare const Default: Story;
+/**
+ * Interactive FileUploader with state
+ */
+export declare const Interactive: Story;
+/**
+ * With existing files
+ */
+export declare const WithFiles: Story;
+/**
+ * Images only
+ */
+export declare const ImagesOnly: Story;
+/**
+ * Single file upload
+ */
+export declare const SingleFile: Story;
+/**
+ * Compact variant
+ */
+export declare const Compact: Story;
+/**
+ * Minimal variant
+ */
+export declare const Minimal: Story;
+/**
+ * Card variant
+ */
+export declare const Card: Story;
+/**
+ * With error
+ */
+export declare const WithError: Story;
+/**
+ * Disabled
+ */
+export declare const Disabled: Story;
+/**
+ * Without file list
+ */
+export declare const WithoutFileList: Story;
+/**
+ * File status examples
+ */
+export declare const FileStatuses: Story;
+/**
+ * Large file limit
+ */
+export declare const LargeFileLimit: Story;
+//# sourceMappingURL=FileUploader.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AA6B3C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAsEzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAoC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC"}

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

@@ -0,0 +1,124 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Uploaded file item
+ */
+export interface UploadedFile {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * File name
+     */
+    name: string;
+    /**
+     * File size in bytes
+     */
+    size: number;
+    /**
+     * MIME type
+     */
+    type: string;
+    /**
+     * Upload progress (0-100)
+     */
+    progress?: number;
+    /**
+     * Upload status
+     */
+    status: "pending" | "uploading" | "completed" | "error";
+    /**
+     * Error message if status is 'error'
+     */
+    error?: string;
+    /**
+     * Preview URL (for images)
+     */
+    preview?: string;
+    /**
+     * Original File object
+     */
+    file?: File;
+}
+/**
+ * FileUploader section props
+ *
+ * @example
+ * ```tsx
+ * <FileUploader
+ *   accept={['image/*', '.pdf']}
+ *   maxFiles={5}
+ *   maxSize={10 * 1024 * 1024}
+ *   onFilesAdded={(files) => handleUpload(files)}
+ * />
+ * ```
+ */
+export interface FileUploaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /**
+     * Accepted file types (MIME types or extensions)
+     */
+    accept?: string[];
+    /**
+     * Maximum number of files
+     */
+    maxFiles?: number;
+    /**
+     * Maximum file size in bytes
+     */
+    maxSize?: number;
+    /**
+     * Allow multiple files
+     * @default true
+     */
+    multiple?: boolean;
+    /**
+     * Callback when files are added
+     */
+    onFilesAdded?: (files: File[]) => void;
+    /**
+     * Callback when a file is removed
+     */
+    onFileRemove?: (fileId: string) => void;
+    /**
+     * Current uploaded files (controlled)
+     */
+    files?: UploadedFile[];
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Custom dropzone content
+     */
+    dropzoneContent?: ReactNode;
+    /**
+     * Custom placeholder text
+     * @default "Drag and drop files here, or click to browse"
+     */
+    placeholder?: string;
+    /**
+     * Show file list below dropzone
+     * @default true
+     */
+    showFileList?: boolean;
+    /**
+     * Compact mode
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Variant style
+     * @default "default"
+     */
+    variant?: "default" | "minimal" | "card";
+    /**
+     * Error message
+     */
+    error?: string;
+    /**
+     * Helper text
+     */
+    helperText?: string;
+}
+//# sourceMappingURL=FileUploader.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.types.d.ts","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;IAExD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAEzC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

@@ -0,0 +1,3 @@
+export { FileUploader } from './FileUploader';
+export type { FileUploaderProps, UploadedFile } from './FileUploader.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUploader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/FilterBar/FilterBar.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/components/FilterBar/FilterBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,KAAK,EACV,cAAc,EAGf,MAAM,mBAAmB,CAAC;AA4E3B,eAAO,MAAM,SAAS,2GA0IrB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FilterBar } from './FilterBar';
+
+declare const meta: Meta<typeof FilterBar>;
+export default meta;
+type Story = StoryObj<typeof FilterBar>;
+export declare const Default: Story;
+export declare const WithSearch: Story;
+export declare const WithActiveFilters: Story;
+export declare const Compact: Story;
+export declare const ManyFilters: Story;
+export declare const NoCount: Story;
+//# sourceMappingURL=FilterBar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FilterBar/FilterBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAkBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AA0FxC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

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

@@ -0,0 +1,139 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Filter option for select/multi-select filters
+ */
+export interface FilterOption {
+    /**
+     * Option value
+     */
+    value: string;
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Optional count
+     */
+    count?: number;
+}
+/**
+ * Filter definition
+ */
+export interface FilterDefinition {
+    /**
+     * Unique filter key
+     */
+    key: string;
+    /**
+     * Filter label
+     */
+    label: string;
+    /**
+     * Filter type
+     */
+    type: "select" | "multi-select" | "date" | "date-range" | "text";
+    /**
+     * Options for select types
+     */
+    options?: FilterOption[];
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Icon for the filter
+     */
+    icon?: ReactNode;
+}
+/**
+ * Active filter value
+ */
+export interface ActiveFilter {
+    /**
+     * Filter key
+     */
+    key: string;
+    /**
+     * Filter value (or array for multi-select)
+     */
+    value: string | string[] | {
+        start: string;
+        end: string;
+    };
+    /**
+     * Display label for the chip
+     */
+    label: string;
+}
+/**
+ * FilterBar section props
+ *
+ * @example
+ * ```tsx
+ * <FilterBar
+ *   filters={[
+ *     { key: 'status', label: 'Status', type: 'select', options: [...] },
+ *     { key: 'date', label: 'Date', type: 'date-range' }
+ *   ]}
+ *   activeFilters={[
+ *     { key: 'status', value: 'active', label: 'Active' }
+ *   ]}
+ *   onFilterChange={(key, value) => updateFilters(key, value)}
+ *   onFilterRemove={(key) => removeFilter(key)}
+ * />
+ * ```
+ */
+export interface FilterBarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Filter definitions
+     */
+    filters: FilterDefinition[];
+    /**
+     * Currently active filters
+     */
+    activeFilters: ActiveFilter[];
+    /**
+     * Filter change handler
+     */
+    onFilterChange: (key: string, value: string | string[] | {
+        start: string;
+        end: string;
+    } | null) => void;
+    /**
+     * Remove filter handler
+     */
+    onFilterRemove: (key: string) => void;
+    /**
+     * Clear all filters handler
+     */
+    onClearAll?: () => void;
+    /**
+     * Enable search input
+     * @default false
+     */
+    searchable?: boolean;
+    /**
+     * Search value (controlled)
+     */
+    searchValue?: string;
+    /**
+     * Search change handler
+     */
+    onSearchChange?: (value: string) => void;
+    /**
+     * Search placeholder
+     */
+    searchPlaceholder?: string;
+    /**
+     * Show filter count
+     * @default true
+     */
+    showCount?: boolean;
+    /**
+     * Compact mode
+     * @default false
+     */
+    compact?: boolean;
+}
+//# sourceMappingURL=FilterBar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/FilterBar/FilterBar.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,YAAY,GAAG,MAAM,CAAC;IAEjE;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAE1D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;OAEG;IACH,aAAa,EAAE,YAAY,EAAE,CAAC;IAE9B;;OAEG;IACH,cAAc,EAAE,CACd,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,KAC7D,IAAI,CAAC;IAEV;;OAEG;IACH,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -0,0 +1,3 @@
+export { FilterBar } from './FilterBar';
+export type { FilterBarProps, FilterDefinition, FilterOption, ActiveFilter, } from './FilterBar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilterBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,64 @@
+/**
+ * FontLoader Component
+ *
+ * Automatically injects Google Fonts into the document head.
+ * This ensures all brand fonts are available without manual HTML setup.
+ *
+ * **Note:** Since v1.1.4, ThemeProvider includes FontLoader automatically.
+ * You don't need to add this component manually unless you've disabled
+ * auto font loading with `disableAutoFontLoading` prop.
+ *
+ * @example
+ * ```tsx
+ * // ThemeProvider loads fonts automatically - no FontLoader needed!
+ * import { ThemeProvider } from '@orion-ds/react';
+ *
+ * function App() {
+ *   return (
+ *     <ThemeProvider>
+ *       <YourComponents />
+ *     </ThemeProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Use standalone only if you need callbacks or custom loading behavior
+ * <FontLoader onLoad={() => console.log('Fonts ready!')} />
+ * ```
+ */
+export interface FontLoaderProps {
+    /**
+     * Callback when fonts are loaded
+     */
+    onLoad?: () => void;
+    /**
+     * Callback when fonts fail to load
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Show loading state while fonts are loading
+     * @default false
+     */
+    showLoadingState?: boolean;
+    /**
+     * Custom loading component
+     */
+    loadingComponent?: React.ReactNode;
+    /**
+     * Children to render (will wait for fonts if showLoadingState is true)
+     */
+    children?: React.ReactNode;
+}
+/**
+ * FontLoader - Injects Google Fonts into the document head
+ *
+ * Place this component near the root of your app to ensure
+ * all brand fonts are loaded automatically.
+ */
+export declare function FontLoader({ onLoad, onError, showLoadingState, loadingComponent, children, }: FontLoaderProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace FontLoader {
+    var displayName: string;
+}
+//# sourceMappingURL=FontLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FontLoader.d.ts","sourceRoot":"","sources":["../../../src/components/FontLoader/FontLoader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAUH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,gBAAwB,EACxB,gBAAgB,EAChB,QAAQ,GACT,EAAE,eAAe,kDA6EjB;yBAnFe,UAAU"}