@legalaidalberta/luic 0.0.0

package/dist/components/data-table/data-table.stories.d.ts

@@ -0,0 +1,82 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./data-table').DataTableProps<unknown> & import('react').RefAttributes<HTMLTableElement>>;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        error: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        helperText: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        required: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        selectable: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        hoverable: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        striped: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const Selectable: Story;
+export declare const PreSelectedRows: Story;
+export declare const Disabled: Story;
+export declare const DisabledWithSelection: Story;
+export declare const EmptyState: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const Striped: Story;
+export declare const NotHoverable: Story;
+export declare const CustomCellRendering: Story;
+export declare const WithRowClick: Story;
+export declare const CustomColumnWidths: Story;
+export declare const ProductsTable: Story;
+export declare const OrdersTable: Story;

package/dist/components/data-table/index.d.ts

@@ -0,0 +1 @@
+export { DataTable, type DataTableProps, type DataTableColumn, } from './data-table';

package/dist/components/date-picker/date-picker.d.ts

@@ -0,0 +1,33 @@
+import { InputHTMLAttributes } from 'react';
+import { BaseFormFieldProps } from '../../types/common';
+export interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'type'>, BaseFormFieldProps {
+    /**
+     * Custom ID for the input element
+     * If not provided, a unique ID will be generated
+     */
+    id?: string;
+    /**
+     * Minimum selectable date in YYYY-MM-DD format
+     */
+    min?: string;
+    /**
+     * Maximum selectable date in YYYY-MM-DD format
+     */
+    max?: string;
+}
+/**
+ * DatePicker component for selecting dates with a calendar interface
+ *
+ * @example
+ * ```tsx
+ * <DatePicker
+ *   label="Birth Date"
+ *   value={birthDate}
+ *   onChange={(e) => setBirthDate(e.target.value)}
+ *   min="1900-01-01"
+ *   max="2023-12-31"
+ *   helperText="Select your date of birth"
+ * />
+ * ```
+ */
+export declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/date-picker/date-picker.stories.d.ts

@@ -0,0 +1,65 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./date-picker').DatePickerProps & import('react').RefAttributes<HTMLInputElement>>;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        error: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        helperText: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        required: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        min: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        max: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;
+export declare const WithMinDate: Story;
+export declare const WithMaxDate: Story;
+export declare const WithDateRange: Story;
+export declare const BirthDatePicker: Story;
+export declare const AppointmentPicker: Story;
+export declare const EventDate: Story;
+export declare const DeadlinePicker: Story;
+export declare const MultipleDatePickers: Story;

package/dist/components/date-picker/index.d.ts

@@ -0,0 +1 @@
+export { DatePicker, type DatePickerProps } from './date-picker';

package/dist/components/file-upload/file-upload.d.ts

@@ -0,0 +1,44 @@
+import { InputHTMLAttributes } from 'react';
+import { BaseFormFieldProps } from '../../types/common';
+export interface FileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'type'>, BaseFormFieldProps {
+    /**
+     * Custom ID for the input element
+     * If not provided, a unique ID will be generated
+     */
+    id?: string;
+    /**
+     * Allowed file types (e.g., '.pdf,.doc,.docx' or 'image/*')
+     */
+    accept?: string;
+    /**
+     * Whether to allow multiple file selection
+     */
+    multiple?: boolean;
+    /**
+     * Maximum file size in bytes
+     */
+    maxSize?: number;
+    /**
+     * Callback when files are selected
+     */
+    onFilesSelected?: (files: FileList | null) => void;
+    /**
+     * Whether to show the file list
+     */
+    showFileList?: boolean;
+}
+/**
+ * FileUpload component for selecting and uploading files
+ *
+ * @example
+ * ```tsx
+ * <FileUpload
+ *   label="Upload Document"
+ *   accept=".pdf,.doc,.docx"
+ *   multiple
+ *   helperText="Max file size: 10MB"
+ *   onFilesSelected={(files) => handleUpload(files)}
+ * />
+ * ```
+ */
+export declare const FileUpload: import('react').ForwardRefExoticComponent<FileUploadProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/file-upload/file-upload.stories.d.ts

@@ -0,0 +1,72 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./file-upload').FileUploadProps & import('react').RefAttributes<HTMLInputElement>>;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        error: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        helperText: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        required: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        multiple: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        accept: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        showFileList: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;
+export declare const MultipleFiles: Story;
+export declare const ImageUpload: Story;
+export declare const DocumentUpload: Story;
+export declare const WithMaxSize: Story;
+export declare const ProfilePicture: Story;
+export declare const AttachmentUpload: Story;
+export declare const VideoUpload: Story;
+export declare const WithoutFileList: Story;
+export declare const MultipleUploads: Story;

package/dist/components/file-upload/index.d.ts

@@ -0,0 +1 @@
+export { FileUpload, type FileUploadProps } from './file-upload';

package/dist/components/multi-select/index.d.ts

@@ -0,0 +1 @@
+export { MultiSelect, type MultiSelectProps, type MultiSelectOption } from './multi-select';

package/dist/components/multi-select/multi-select.d.ts

@@ -0,0 +1,63 @@
+import { SelectHTMLAttributes } from 'react';
+import { BaseFormFieldProps } from '../../types/common';
+export interface MultiSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface MultiSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'value' | 'onChange' | 'multiple' | 'id'>, BaseFormFieldProps {
+    /**
+     * Custom ID for the select element
+     * If not provided, a unique ID will be generated
+     */
+    id?: string;
+    /**
+     * Available options
+     */
+    options: MultiSelectOption[];
+    /**
+     * Selected values
+     */
+    value?: string[];
+    /**
+     * Callback fired when selection changes
+     */
+    onChange?: (values: string[]) => void;
+    /**
+     * Placeholder text when no options are selected
+     * @default "Select options..."
+     */
+    placeholder?: string;
+    /**
+     * Maximum number of selected items to display before showing count
+     * @default 2
+     */
+    maxDisplay?: number;
+    /**
+     * Whether to show select/deselect all buttons
+     * @default true
+     */
+    showSelectAll?: boolean;
+    /**
+     * Custom class name for the dropdown container
+     */
+    dropdownClassName?: string;
+}
+/**
+ * Multi-select dropdown component for selecting multiple options
+ *
+ * @example
+ * ```tsx
+ * <MultiSelect
+ *   label="Skills"
+ *   options={[
+ *     { value: 'react', label: 'React' },
+ *     { value: 'vue', label: 'Vue' },
+ *     { value: 'angular', label: 'Angular' }
+ *   ]}
+ *   value={selectedSkills}
+ *   onChange={setSelectedSkills}
+ * />
+ * ```
+ */
+export declare const MultiSelect: import('react').ForwardRefExoticComponent<MultiSelectProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/multi-select/multi-select.stories.d.ts

@@ -0,0 +1,71 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./multi-select').MultiSelectProps & import('react').RefAttributes<HTMLDivElement>>;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        error: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        helperText: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        required: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        placeholder: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        maxDisplay: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        showSelectAll: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;
+export declare const WithInitialSelection: Story;
+export declare const ManyOptions: Story;
+export declare const WithMaxDisplay: Story;
+export declare const WithoutSelectAll: Story;
+export declare const WithDisabledOptions: Story;
+export declare const EmptyOptions: Story;
+export declare const Categories: Story;
+export declare const Tags: Story;

package/dist/components/numeric-input/index.d.ts

@@ -0,0 +1 @@
+export { NumericInput, type NumericInputProps } from './numeric-input';

package/dist/components/numeric-input/numeric-input.d.ts

@@ -0,0 +1,65 @@
+import { InputHTMLAttributes } from 'react';
+import { BaseFormFieldProps } from '../../types/common';
+export interface NumericInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'id'>, BaseFormFieldProps {
+    /**
+     * Custom ID for the input element
+     * If not provided, a unique ID will be generated
+     */
+    id?: string;
+    /**
+     * Minimum value
+     */
+    min?: number;
+    /**
+     * Maximum value
+     */
+    max?: number;
+    /**
+     * Step increment/decrement value
+     * @default 1
+     */
+    step?: number;
+    /**
+     * Current value
+     */
+    value?: number | string;
+    /**
+     * Whether to show increment/decrement buttons
+     * @default true
+     */
+    showSteppers?: boolean;
+    /**
+     * Callback fired when value changes
+     */
+    onValueChange?: (value: number | null) => void;
+    /**
+     * Custom class name for the input wrapper
+     */
+    wrapperClassName?: string;
+    /**
+     * Allow decimal values
+     * @default false
+     */
+    allowDecimal?: boolean;
+    /**
+     * Allow negative values
+     * @default true
+     */
+    allowNegative?: boolean;
+}
+/**
+ * Numeric input component with optional increment/decrement buttons
+ *
+ * @example
+ * ```tsx
+ * <NumericInput
+ *   label="Quantity"
+ *   min={1}
+ *   max={100}
+ *   step={1}
+ *   value={quantity}
+ *   onValueChange={setQuantity}
+ * />
+ * ```
+ */
+export declare const NumericInput: import('react').ForwardRefExoticComponent<NumericInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/numeric-input/numeric-input.stories.d.ts

@@ -0,0 +1,90 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./numeric-input').NumericInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        error: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        helperText: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        required: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        min: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        max: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        step: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        showSteppers: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        allowDecimal: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        allowNegative: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;
+export declare const WithMinMax: Story;
+export declare const WithCustomStep: Story;
+export declare const WithoutSteppers: Story;
+export declare const DecimalValues: Story;
+export declare const NegativeValues: Story;
+export declare const PositiveOnly: Story;
+export declare const CartQuantity: Story;
+export declare const LargeNumbers: Story;
+export declare const Percentage: Story;

package/dist/components/password-input/index.d.ts

@@ -0,0 +1 @@
+export { PasswordInput, type PasswordInputProps } from './password-input';

package/dist/components/password-input/password-input.d.ts

@@ -0,0 +1,32 @@
+import { InputHTMLAttributes } from 'react';
+import { BaseFormFieldProps } from '../../types/common';
+export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'id'>, BaseFormFieldProps {
+    /**
+     * Custom ID for the input element
+     * If not provided, a unique ID will be generated
+     */
+    id?: string;
+    /**
+     * Whether to show the toggle visibility button
+     * @default true
+     */
+    showToggle?: boolean;
+    /**
+     * Custom class name for the input wrapper
+     */
+    wrapperClassName?: string;
+}
+/**
+ * Password input component with show/hide toggle functionality
+ *
+ * @example
+ * ```tsx
+ * <PasswordInput
+ *   label="Password"
+ *   placeholder="Enter your password"
+ *   required
+ *   helperText="Must be at least 8 characters"
+ * />
+ * ```
+ */
+export declare const PasswordInput: import('react').ForwardRefExoticComponent<PasswordInputProps & import('react').RefAttributes<HTMLInputElement>>;