@bricks-toolkit/toolkit 0.1.0

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

@@ -0,0 +1,2 @@
+export * from './Loader';
+export * from './Loader.types';

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,14 @@
+import type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalCloseButtonProps } from './Modal.types';
+interface ModalComponent {
+    (props: ModalProps): React.ReactPortal | null;
+    Header: typeof ModalHeader;
+    Body: typeof ModalBody;
+    Footer: typeof ModalFooter;
+    CloseButton: typeof ModalCloseButton;
+}
+export declare const Modal: ModalComponent;
+export declare function ModalHeader({ children, className, icon, description, }: ModalHeaderProps): React.JSX.Element;
+export declare function ModalBody({ children, className, noPadding, }: ModalBodyProps): React.JSX.Element;
+export declare function ModalFooter({ children, className, align, }: ModalFooterProps): React.JSX.Element;
+export declare function ModalCloseButton({ onClick, className }: ModalCloseButtonProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Modal } from './Modal';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ConfirmDelete: Story;
+export declare const GlassVariant: Story;
+export declare const BottomSheet: Story;
+export declare const LeftSideSheet: Story;
+export declare const RightSideSheet: Story;
+export declare const Sizes: Story;
+export declare const FullScreen: Story;
+export declare const FullBleedContent: Story;

package/dist/components/Modal/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,100 @@
+import { type ReactNode } from 'react';
+export type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+/**
+ * Visual style variant of the modal
+ * - `default`: Standard surface background with border
+ * - `glass`: Glassmorphism effect with blur and translucency
+ * - `flat`: No border, flat surface
+ */
+export type ModalVariant = 'default' | 'glass' | 'flat';
+/**
+ * Position/entry direction of the modal
+ * - `top`: Modal appears near the top
+ * - `center`: Modal is vertically centered (default dialog)
+ * - `bottom`: Slides up from the bottom (bottom sheet)
+ * - `left`: Slides in from the left (left drawer)
+ * - `right`: Slides in from the right (right drawer)
+ */
+export type ModalPosition = 'top' | 'center' | 'bottom' | 'left' | 'right';
+export interface ModalProps {
+    /** Controls whether the modal is visible */
+    isOpen: boolean;
+    /** Called when the modal should close */
+    onClose: () => void;
+    /** Content rendered inside the modal */
+    children?: ReactNode;
+    /**
+     * Size of the modal
+     * @default 'md'
+     */
+    size?: ModalSize;
+    /**
+     * Visual variant of the modal
+     * @default 'default'
+     */
+    variant?: ModalVariant;
+    /**
+     * Vertical position of modal on screen
+     * @default 'center'
+     */
+    position?: ModalPosition;
+    /**
+     * Close modal when clicking the overlay
+     * @default true
+     */
+    closeOnOverlayClick?: boolean;
+    /**
+     * Close modal when pressing the Escape key
+     * @default true
+     */
+    closeOnEsc?: boolean;
+    /**
+     * Trap focus inside the modal for accessibility
+     * @default true
+     */
+    trapFocus?: boolean;
+    /**
+     * Lock body scroll when modal is open
+     * @default true
+     */
+    lockScroll?: boolean;
+    /** Extra class(es) applied to the modal content panel */
+    contentClassName?: string;
+    /** Extra class(es) applied to the backdrop overlay */
+    overlayClassName?: string;
+    /**
+     * Show the dark backdrop overlay
+     * @default true
+     */
+    showBackdrop?: boolean;
+    /** aria-label for the dialog (use when no visible title exists) */
+    ariaLabel?: string;
+    /** ID of the element that labels the dialog */
+    ariaLabelledby?: string;
+    /** ID of the element that describes the dialog */
+    ariaDescribedby?: string;
+}
+export interface ModalHeaderProps {
+    children: ReactNode;
+    className?: string;
+    /** Optional decorative icon rendered before the title */
+    icon?: ReactNode;
+    /** Optional description shown below the title */
+    description?: string;
+}
+export interface ModalBodyProps {
+    children: ReactNode;
+    className?: string;
+    /** Remove default padding (useful for full-bleed content) */
+    noPadding?: boolean;
+}
+export interface ModalFooterProps {
+    children: ReactNode;
+    className?: string;
+    /** Left-align the footer actions instead of right-aligning */
+    align?: 'left' | 'center' | 'right';
+}
+export interface ModalCloseButtonProps {
+    onClick?: () => void;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export * from './Modal';
+export * from './Modal.types';

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,2 @@
+import type { MultiSelectProps } from './MultiSelect.types';
+export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { MultiSelect } from './MultiSelect';
+declare const meta: Meta<typeof MultiSelect>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** The default custom multi-select dropdown. */
+export declare const Default: Story;
+/** Pass `defaultValue` to prepopulate settings seamlessly. */
+export declare const PreSelected: Story;
+/** Ensure forms outline errors and states correctly across selections. */
+export declare const ValidationStates: Story;
+/** Adjusting visual layouts for integration context (flushed, filled, default). */
+export declare const Variants: Story;
+/** Loading and disabled triggers. */
+export declare const LoadingAndDisabled: Story;

package/dist/components/MultiSelect/MultiSelect.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,55 @@
+export type MultiSelectVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+export type MultiSelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type MultiSelectState = 'default' | 'error' | 'success' | 'warning';
+export interface MultiSelectOption {
+    label: string;
+    value: string;
+}
+export interface MultiSelectProps {
+    /** Array of available options */
+    options: MultiSelectOption[];
+    /** Array of currently selected values */
+    value?: string[];
+    /** Array of initially selected values (for uncontrolled usage) */
+    defaultValue?: string[];
+    /** Callback fired when selection changes */
+    onChange?: (values: string[]) => void;
+    /** Placeholder text when nothing is selected */
+    placeholder?: string;
+    /** Text label rendered above the input */
+    label?: string;
+    /** Adds a required asterisk */
+    required?: boolean;
+    /** Helper text rendered below the input */
+    helperText?: string;
+    /** Error message rendered below the input when state is 'error' */
+    errorMessage?: string;
+    /** Success message rendered below the input when state is 'success' */
+    successMessage?: string;
+    /** Warning message rendered below the input when state is 'warning' */
+    warningMessage?: string;
+    /** Visual variant of the input trigger */
+    variant?: MultiSelectVariant;
+    /** Overall size scale of the component */
+    size?: MultiSelectSize;
+    /** Validation state affecting border colors */
+    state?: MultiSelectState;
+    /** Whether the component should take full width of its container */
+    fullWidth?: boolean;
+    /** Disables interactions */
+    disabled?: boolean;
+    /** Shows a loading state (e.g., fetching options) */
+    isLoading?: boolean;
+    /** Custom ID for the component elements */
+    id?: string;
+    /** Appended to the outermost wrapper */
+    wrapperClassName?: string;
+    /** Appended to the trigger button */
+    triggerClassName?: string;
+    /** Appended to the dropdown menu container */
+    dropdownClassName?: string;
+    /** Appended to the label element */
+    labelClassName?: string;
+    /** Appended to the helper text element */
+    helperClassName?: string;
+}

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

@@ -0,0 +1,2 @@
+export { MultiSelect } from './MultiSelect';
+export type { MultiSelectProps, MultiSelectVariant, MultiSelectSize, MultiSelectState, } from './MultiSelect.types';

package/dist/components/OtpInput/OtpInput.d.ts

@@ -0,0 +1,2 @@
+import type { OtpInputProps } from './OtpInput.types';
+export declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { OtpInput } from './OtpInput';
+declare const meta: Meta<typeof OtpInput>;
+export default meta;
+type Story = StoryObj<typeof OtpInput>;
+export declare const Basic: Story;
+export declare const SixDigitLayout: Story;
+export declare const ErrorState: Story;
+export declare const MaskedInput: Story;
+export declare const AlphanumericAllowed: Story;

package/dist/components/OtpInput/OtpInput.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,53 @@
+export type OtpVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+export type OtpSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type OtpState = 'default' | 'error' | 'success' | 'warning';
+export interface OtpInputProps {
+    /** The total number of input boxes (defaults to 4 or 6 depending on your preference, normally 4 or 6. We default to 4). */
+    length?: number;
+    /** The current value of the OTP input. */
+    value?: string;
+    /** Fired when the value changes. */
+    onChange?: (value: string) => void;
+    /** Fired when all the input boxes are filled. */
+    onComplete?: (value: string) => void;
+    /** Optional label text shown above the inputs. */
+    label?: string;
+    /** Whether the field is explicitly required. */
+    required?: boolean;
+    /** Helper text displayed below the inputs. */
+    helperText?: string;
+    /** Error message displayed when state is 'error'. */
+    errorMessage?: string;
+    /** Success message displayed when state is 'success'. */
+    successMessage?: string;
+    /** Warning message displayed when state is 'warning'. */
+    warningMessage?: string;
+    /** The visual style variant of the input boxes. */
+    variant?: OtpVariant;
+    /** The size of each input box. */
+    size?: OtpSize;
+    /** The interaction state of the component. */
+    state?: OtpState;
+    /** Custom classname applied to the root wrapper. */
+    className?: string;
+    /** Alias for className to match other components. */
+    wrapperClassName?: string;
+    /** Custom classname applied to the inputs wrapper flex container. */
+    inputGroupClassName?: string;
+    /** Custom classname applied to each individual input box. */
+    inputClassName?: string;
+    /** Custom classname applied to the label. */
+    labelClassName?: string;
+    /** Custom classname applied to the helper/state messages. */
+    helperClassName?: string;
+    /** Explicit accessibility ID. Generated automatically if omitted. */
+    id?: string;
+    /** Whether the component is completely disabled. */
+    disabled?: boolean;
+    /** Whether to show a loading state indicator. */
+    isLoading?: boolean;
+    /** Only mask inputs with generic dots like a password if truthy. */
+    mask?: boolean;
+    /** Allow alphanumeric? Defaults to numeric-only if false or omitted. */
+    alphanumeric?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export * from './OtpInput';
+export type * from './OtpInput.types';

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,2 @@
+import type { PasswordInputProps } from './PasswordInput.types';
+export declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { PasswordInput } from './PasswordInput';
+declare const meta: Meta<typeof PasswordInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** The default input with a label, placeholder, and helper text. */
+export declare const Default: Story;
+/** All five size variants stacked vertically. */
+export declare const Sizes: Story;
+/** All four visual variants. */
+export declare const Variants: Story;
+/** All four validation states. */
+export declare const ValidationStates: Story;
+/** Inline left elements (SVG icons). Right icon is replaced by the toggle by default unless showPasswordToggle is false. */
+export declare const WithIcons: Story;
+/** You can disable the password visibility toggle if you do not want the feature. */
+export declare const WithoutToggle: Story;
+/** Required fields show a red asterisk beside the label. */
+export declare const Required: Story;
+/** Disabled input — read-only and non-interactive. */
+export declare const Disabled: Story;
+/** Override styles via `inputClassName` and `wrapperClassName`. */
+export declare const CustomClassName: Story;

package/dist/components/PasswordInput/PasswordInput.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,27 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+export type PasswordInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+export type PasswordInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type PasswordInputState = 'default' | 'error' | 'success' | 'warning';
+export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    variant?: PasswordInputVariant;
+    size?: PasswordInputSize;
+    state?: PasswordInputState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    isLoading?: boolean;
+    showPasswordToggle?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export * from './PasswordInput';
+export * from './PasswordInput.types';

package/dist/components/Phone/Phone.d.ts

@@ -0,0 +1,2 @@
+import type { PhoneProps } from './Phone.types';
+export declare const Phone: React.ForwardRefExoticComponent<PhoneProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Phone } from './Phone';
+declare const meta: Meta<typeof Phone>;
+export default meta;
+type Story = StoryObj<typeof Phone>;
+export declare const Basic: Story;
+export declare const WithIcon: Story;
+export declare const WithPrefixAddon: Story;
+export declare const ErrorState: Story;
+export declare const FilledVariant: Story;
+export declare const SuccessStateWithClear: Story;

package/dist/components/Phone/Phone.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,36 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+export type PhoneVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+export type PhoneSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type PhoneState = 'default' | 'error' | 'success' | 'warning';
+export interface PhoneValue {
+    countryCode: string;
+    phoneNumber: string;
+}
+export interface PhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type' | 'value' | 'defaultValue' | 'onChange'> {
+    value?: PhoneValue;
+    defaultValue?: PhoneValue;
+    onChange?: (value: PhoneValue) => void;
+    showFlag?: boolean;
+    defaultCountryCode?: string;
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    variant?: PhoneVariant;
+    size?: PhoneSize;
+    state?: PhoneState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    clearable?: boolean;
+    isLoading?: boolean;
+}

package/dist/components/Phone/countries.d.ts

@@ -0,0 +1,8 @@
+export interface Country {
+    name: string;
+    id: string;
+    dialCode: string;
+    maxLength: number;
+    flag: string;
+}
+export declare const COUNTRIES: Country[];

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

@@ -0,0 +1,2 @@
+export * from './Phone';
+export type * from './Phone.types';

package/dist/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,2 @@
+import type { RadioButtonProps } from './RadioButton.types';
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { RadioButton } from './RadioButton';
+declare const meta: Meta<typeof RadioButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** The default radio button with a label and helper text. */
+export declare const Default: Story;
+/** All three size variants shown side-by-side. */
+export declare const Sizes: Story;
+/** All four validation states. */
+export declare const ValidationStates: Story;
+/** A group of radio buttons sharing the same `name`. */
+export declare const RadioGroup: Story;
+/** Required fields show a red asterisk beside the label. */
+export declare const Required: Story;
+/** Disabled input — read-only and non-interactive. */
+export declare const Disabled: Story;
+/** Override styles via `className` and `wrapperClassName`. */
+export declare const CustomClassName: Story;
+/** Input without a label — uses `aria-label` on the `<input>` instead. */
+export declare const NoLabel: Story;

package/dist/components/RadioButton/RadioButton.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,51 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+export type RadioButtonSize = 'sm' | 'md' | 'lg';
+export type RadioButtonState = 'default' | 'error' | 'success' | 'warning';
+export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /**
+     * Optional label displayed next to the radio button.
+     */
+    label?: ReactNode;
+    /**
+     * Helper text displayed below the radio button.
+     */
+    helperText?: string;
+    /**
+     * Error message displayed when state is 'error'.
+     */
+    errorMessage?: string;
+    /**
+     * Success message displayed when state is 'success'.
+     */
+    successMessage?: string;
+    /**
+     * Warning message displayed when state is 'warning'.
+     */
+    warningMessage?: string;
+    /**
+     * The size of the radio button and label.
+     * @default 'md'
+     */
+    size?: RadioButtonSize;
+    /**
+     * The validation state of the radio button.
+     * @default 'default'
+     */
+    state?: RadioButtonState;
+    /**
+     * Additional class applied to the outer wrapper element.
+     */
+    wrapperClassName?: string;
+    /**
+     * Additional class applied to the input element itself.
+     */
+    inputClassName?: string;
+    /**
+     * Additional class applied to the label text element.
+     */
+    labelClassName?: string;
+    /**
+     * Additional class applied to the helper/state message element.
+     */
+    helperClassName?: string;
+}

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

@@ -0,0 +1,2 @@
+export { RadioButton } from './RadioButton';
+export type { RadioButtonProps, RadioButtonSize, RadioButtonState } from './RadioButton.types';

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,6 @@
+import type { SearchInputProps } from './SearchInput.types';
+/**
+ * SearchInput component - A debounced input field for search functionality.
+ * Built on top of TextInput, it includes a search icon by default and handles debouncing.
+ */
+export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { SearchInput } from './SearchInput';
+declare const meta: Meta<typeof SearchInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Controlled: Story;
+export declare const CustomIcon: Story;

package/dist/components/SearchInput/SearchInput.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,12 @@
+import type { TextInputProps } from '../TextInput/TextInput.types';
+export interface SearchInputProps extends TextInputProps {
+    /**
+     * The delay in milliseconds before the onDebouncedChange callback is called.
+     * @default 300
+     */
+    debounce?: number;
+    /**
+     * Callback function called after the debounce delay with the current input value.
+     */
+    onDebouncedChange?: (value: string) => void;
+}

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

@@ -0,0 +1,2 @@
+export * from './SearchInput';
+export * from './SearchInput.types';

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,2 @@
+import type { SelectProps } from './Select.types';
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Select } from './Select';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const Variants: Story;
+export declare const ValidationStates: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;
+export declare const WithChildren: Story;

package/dist/components/Select/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,31 @@
+import type { SelectHTMLAttributes, ReactNode } from 'react';
+export type SelectVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
+export type SelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type SelectState = 'default' | 'error' | 'success' | 'warning';
+export interface SelectOption {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+}
+export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    variant?: SelectVariant;
+    size?: SelectSize;
+    state?: SelectState;
+    fullWidth?: boolean;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    wrapperClassName?: string;
+    inputGroupClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    isLoading?: boolean;
+    options?: SelectOption[];
+    placeholder?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectProps, SelectOption, SelectVariant, SelectSize, SelectState, } from './Select.types';

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,7 @@
+import type { SidebarProps } from './Sidebar.types';
+interface SidebarComponent {
+    (props: SidebarProps): React.JSX.Element;
+    displayName?: string;
+}
+export declare const Sidebar: SidebarComponent;
+export {};

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Sidebar } from './Sidebar';
+declare const meta: Meta<typeof Sidebar>;
+export default meta;
+type Story = StoryObj<typeof Sidebar>;
+export declare const Default: Story;
+export declare const FullyCustomizable: Story;
+export declare const RightPositioned: Story;
+export declare const CustomItemRendering: Story;
+export declare const NestedItems: Story;

package/dist/components/Sidebar/Sidebar.test.d.ts

@@ -0,0 +1 @@
+export {};