@lctafrica/ui 0.1.0 → 0.2.0

package/dist/components/ui/data-state-renderer/DataStateRendere.stories.d.ts

@@ -0,0 +1,102 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { default as DataStateRenderer } from './DataStateRenderer';
+/**
+ * DataStateRenderer is a utility component that conditionally renders UI
+ * based on common data-fetching states:
+ *
+ * - Loading → displays a loading indicator
+ * - Error → displays an error state
+ * - Empty → displays an empty state
+ * - Success → renders children
+ *
+ * This helps standardize how async states are handled across the application.
+ *
+ * ---
+ *
+ * State Priority
+ *
+ * When multiple states are true, the following priority is applied:
+ *
+ * 1. `isLoading`
+ * 2. `hasError`
+ * 3. `isEmpty`
+ * 4. `children` (default/content)
+ *
+ * Example:
+ * If `isLoading` and `hasError` are both true → loading state is shown.
+ *
+ * ---
+ *
+ * Customization
+ *
+ * Each state can be customized via props:
+ *
+ * - `loadingState` → controls loading container styling
+ * - `errorState` → controls error title, description, and styling
+ * - `emptyState` → controls empty state title, description, and styling
+ *
+ * ---
+ *
+ * Usage
+ *
+ * ```tsx
+ * <DataStateRenderer
+ *   isLoading={isLoading}
+ *   hasError={error}
+ *   isEmpty={!data.length}
+ *   errorState={{
+ *     title: "Failed to load data",
+ *     description: "Please try again later",
+ *   }}
+ * >
+ *   <DataList data={data} />
+ * </DataStateRenderer>
+ * ```
+ *
+ * ---
+ *
+ * Notes
+ *
+ * - Designed to reduce repetitive conditional rendering in components
+ * - Encourages consistent UX for async states
+ * - Works well with data-fetching libraries (e.g. React Query, SWR)
+ */
+declare const meta: Meta<typeof DataStateRenderer>;
+export default meta;
+type Story = StoryObj<typeof DataStateRenderer>;
+/**
+ * Default (data available)
+ */
+export declare const Default: Story;
+/**
+ * Loading state
+ */
+export declare const Loading: Story;
+/**
+ * Error state
+ */
+export declare const Error: Story;
+/**
+ * Empty state
+ */
+export declare const Empty: Story;
+/**
+ * Priority: Loading overrides everything
+ */
+export declare const LoadingTakesPriority: Story;
+/**
+ * Error overrides empty
+ */
+export declare const ErrorOverridesEmpty: Story;
+/**
+ * Custom empty state with action
+ */
+export declare const EmptyWithAction: Story;
+/**
+ * Custom error styling
+ */
+export declare const CustomErrorStyling: Story;
+/**
+ * With real content
+ */
+export declare const WithContent: Story;

package/dist/components/ui/data-state-renderer/DataStateRenderer.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { ActionButton } from '../state-indicator/StateIndicator';
+type StateProps = {
+    className?: string;
+    title?: string;
+    description?: string;
+    actionButton?: ActionButton;
+};
+type DataStateRendererProps = {
+    children?: ReactNode;
+    isLoading?: boolean;
+    isEmpty?: boolean;
+    hasError?: boolean;
+    loadingState?: Omit<StateProps, "title" | "description" | "actionButton">;
+    emptyState?: StateProps;
+    errorState?: StateProps;
+};
+export default function DataStateRenderer({ isLoading, isEmpty, children, emptyState, errorState, hasError, loadingState, }: DataStateRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+type DatePickerProps = {
+    value?: Date | undefined;
+    onChange?(date: Date | undefined): void;
+    placeholder?: string;
+};
+export declare function DatePicker({ value, onChange, placeholder, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,30 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { DatePicker } from './DatePicker';
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+/**
+ * Empty state (placeholder visible)
+ */
+export declare const Default: Story;
+/**
+ * Pre-selected date (tests formatting + value state styling)
+ */
+export declare const WithValue: Story;
+/**
+ * External reset control
+ */
+export declare const WithExternalReset: Story;
+/**
+ * Disabled state (ensures popover + input are not interactive)
+ */
+export declare const Disabled: Story;
+/**
+ * Accessibility / keyboard focus test
+ * (useful for Tab navigation + focus ring checks)
+ */
+export declare const FocusTest: Story;
+/**
+ * Edge case: long formatted content / layout stress test
+ */
+export declare const LongDateFormat: Story;

package/dist/components/ui/dialog.d.ts

@@ -0,0 +1,17 @@
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/field/Field.d.ts

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { Label } from '../Label/Label';
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, };

package/dist/components/ui/field/Field.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const Horizontal: Story;
+export declare const WithError: Story;
+export declare const MultipleErrors: Story;
+export declare const WithSeparator: Story;
+export declare const CompleteFormExample: Story;

package/dist/components/ui/field/Filed.test.d.ts

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

package/dist/components/ui/input/Input.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+export declare const inputVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+type InputProps = ComponentProps<"input"> & VariantProps<typeof inputVariants>;
+export declare function Input({ className, type, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/input/Input.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Input } from '../input/Input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const Disabled: Story;
+export declare const Error: Story;
+export declare const Password: Story;
+export declare const Email: Story;
+export declare const Number: Story;
+export declare const CustomWidth: Story;

package/dist/components/ui/input/Input.test.d.ts

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

package/dist/components/ui/input-group.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button/Button';
+import * as React from "react";
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/components/ui/loading-indicator/LoadingIndicator.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    animationSize?: number;
+    className?: string;
+};
+export default function LoadingIndicator({ animationSize, className, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/loading-indicator/LoadingIndicator.stories.d.ts

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

package/dist/components/ui/loading-indicator/loading-animation/LoadingAnimation.d.ts

@@ -0,0 +1,16 @@
+import { JSX } from 'react';
+type Props = {
+    /**
+     * The size (width and height) of the loading animation in pixels.
+     * @default 200
+     */
+    size?: number;
+};
+/**
+ * LoadingAnimation is a functional component that renders a rotating SVG loading animation.
+ *
+ * @param {number} props.size - The size (width and height) of the loading animation in pixels.
+ * @returns {JSX.Element} A rotating loading animation SVG.
+ */
+export default function LoadingAnimation({ size }: Props): JSX.Element;
+export {};

package/dist/components/ui/main-wrapper/MainWrapper.d.ts

@@ -0,0 +1,2 @@
+import { ComponentProps } from 'react';
+export default function MainWrapper({ className, ...rest }: ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/main-wrapper/MainWrapper.stories.d.ts

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { default as MainWrapper } from './MainWrapper';
+/**
+ * MainWrapper is a layout container used to wrap page content.
+ * It provides consistent padding, border, shadow, and layout structure.
+ *
+ * Typically used as the main content area inside a page.
+ */
+declare const meta: Meta<typeof MainWrapper>;
+export default meta;
+type Story = StoryObj<typeof MainWrapper>;
+/**
+ * Default layout wrapper
+ */
+export declare const Default: Story;
+/**
+ * With custom content
+ */
+export declare const WithContent: Story;

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type ModalProps = {
+    isOpen?: boolean;
+    onClose?(open: boolean): void;
+    title?: string;
+    description?: string;
+    children?: ReactNode;
+    className?: string;
+    shouldShowCloseButton?: boolean;
+};
+export declare function Modal({ isOpen, onClose, description, title, children, className, shouldShowCloseButton, }: ModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Modal } from './Modal';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+/**
+ * Default modal with title + description
+ */
+export declare const Default: Story;
+/**
+ * Modal with only title
+ */
+export declare const WithTitleOnly: Story;
+/**
+ * Modal with only description (no title)
+ */
+export declare const WithDescriptionOnly: Story;
+/**
+ * Modal without header
+ */
+export declare const NoHeader: Story;
+/**
+ * Long content / scrollable modal
+ */
+export declare const LongContent: Story;
+/**
+ * Custom width via className
+ */
+export declare const CustomWidth: Story;

package/dist/components/ui/pagination/Pagination.d.ts

@@ -0,0 +1,10 @@
+export type PaginationProps = {
+    totalElements: number;
+    totalPages: number;
+    pageNumber: number;
+    onPageNumberClick: (page: number) => void;
+    onSizeChange: (size: number) => void;
+    pageSize: number;
+    className?: string;
+};
+export default function Pagination({ totalElements, totalPages, pageNumber, onPageNumberClick, onSizeChange, pageSize, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/pagination/Pagination.stories.d.ts

@@ -0,0 +1,43 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { default as Pagination } from './Pagination';
+/**
+ * Pagination component for navigating paginated data.
+ *
+ * Features:
+ * - Page navigation with ellipsis
+ * - Page size selection via Select component
+ * - Previous / Next controls
+ *
+ * Controlled component: parent manages page and page size state.
+ */
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+/**
+ * Default
+ */
+export declare const Default: Story;
+/**
+ * Few pages (no ellipsis)
+ */
+export declare const FewPages: Story;
+/**
+ * Many pages (ellipsis behavior)
+ */
+export declare const ManyPages: Story;
+/**
+ * At first page
+ */
+export declare const AtStart: Story;
+/**
+ * At last page
+ */
+export declare const AtEnd: Story;
+/**
+ * Custom styling
+ */
+export declare const CustomStyling: Story;
+/**
+ * Large dataset simulation
+ */
+export declare const LargeDataset: Story;

package/dist/components/ui/popover.d.ts

@@ -0,0 +1,10 @@
+import { Popover as PopoverPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };

package/dist/components/ui/prompt-modal/PromptModal.d.ts

@@ -0,0 +1,8 @@
+import { ModalProps } from '../modal/Modal';
+import { ModalFooter } from '../ModalFooter';
+export type PromptModalProps = Omit<ModalProps, "children"> & Omit<ModalFooter, "onConfirm"> & {
+    promptLabel?: string;
+    promptPlaceHolder?: string;
+    onConfirm(promptInput: string): void;
+};
+export default function PromptModal({ onCancel, onConfirm, confirmButtonLabel, cancelButtonLabel, promptLabel, promptPlaceHolder, ...rest }: PromptModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/prompt-modal/PromptModal.stories.d.ts

@@ -0,0 +1,29 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { default as PromptModal } from './PromptModal';
+declare const meta: Meta<typeof PromptModal>;
+export default meta;
+type Story = StoryObj<typeof PromptModal>;
+/**
+ * Default prompt modal
+ */
+export declare const Default: Story;
+/**
+ * Custom labels and placeholder
+ */
+export declare const CustomLabels: Story;
+/**
+ * Without field label
+ */
+export declare const NoLabel: Story;
+/**
+ * Long input scenario
+ */
+export declare const LongInput: Story;
+/**
+ * Minimal modal (no title/description)
+ */
+export declare const Minimal: Story;
+/**
+ * Destructive / confirmation-style input
+ */
+export declare const DestructiveAction: Story;

package/dist/components/ui/radio-group/RadioGroup.d.ts

@@ -0,0 +1,7 @@
+import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroupItem({ className, size, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item> & {
+    size?: "sm" | "md";
+}): import("react/jsx-runtime").JSX.Element;
+export { RadioGroup, RadioGroupItem };

package/dist/components/ui/radio-group/RadioGroup.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { RadioGroup } from './RadioGroup';
+type RadioGroupStoryProps = React.ComponentProps<typeof RadioGroup> & {
+    size?: "sm" | "md";
+};
+declare const meta: Meta<RadioGroupStoryProps>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const WithDisabledOption: Story;
+export declare const DisabledAll: Story;
+export declare const ChoiceCard: Story;

package/dist/components/ui/radio-group/RadioGroup.test.d.ts

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

package/dist/components/ui/search-input/SearchInput.d.ts

@@ -0,0 +1,9 @@
+type SearchInputProps = {
+    containerClassName?: string;
+    inputClassName?: string;
+    placeholder?: string;
+    value?: string;
+    onChange?(value: string): void;
+};
+export declare function SearchInput({ containerClassName, placeholder, value, onChange, inputClassName, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/search-input/SearchInput.stories.d.ts

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

package/dist/components/ui/searchable-select/SearchableSelect.d.ts

@@ -0,0 +1,16 @@
+type SearchableSelectOption = {
+    label: string;
+    value: string;
+};
+type SearchableSelectProps = {
+    options?: SearchableSelectOption[];
+    value?: string | null;
+    placeholder?: string;
+    onChange?(value: string | null): void;
+    disabled?: boolean;
+    name?: string;
+    query?: string;
+    onQueryChange?(value: string): void;
+};
+export declare function SearchableSelect({ options, placeholder, value, disabled, name, onChange, onQueryChange, query, }: SearchableSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/searchable-select/SearchableSelect.stories.d.ts

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { SearchableSelect } from './SearchableSelect';
+declare const meta: Meta<typeof SearchableSelect>;
+export default meta;
+type Story = StoryObj<typeof SearchableSelect>;
+/**
+ * Base controlled example
+ */
+export declare const Default: Story;
+/**
+ * Shows label rendering from value (displayValue logic)
+ */
+export declare const WithDefaultValue: Story;
+/**
+ * Demonstrates filtering via query
+ */
+export declare const TypingAndFiltering: Story;
+/**
+ * Shows clear button behavior (value + query reset)
+ */
+export declare const WithValueAndQuery: Story;
+/**
+ * Disabled state
+ */
+export declare const Disabled: Story;

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

@@ -0,0 +1,17 @@
+export type SelectOption = {
+    label: string;
+    value: string;
+};
+export type SelectProps = {
+    value?: string;
+    options?: SelectOption[];
+    onChange?(value: string): void;
+    placeholder?: string;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+    showClearButton?: boolean | undefined;
+};
+declare function SelectComposite({ value, onChange, options, placeholder, name, disabled, required, className, showClearButton, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export { SelectComposite as Select };

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

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

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

@@ -0,0 +1,18 @@
+import { Select as SelectPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, hasValue, onClear, showClearButton, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+    hasValue?: boolean;
+    onClear?(): void;
+    showClearButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/components/ui/separator/separator.d.ts

@@ -0,0 +1,4 @@
+import { Separator as SeparatorPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

package/dist/components/ui/state-indicator/StateIndicator.d.ts

@@ -0,0 +1,22 @@
+export type ActionButton = {
+    label: string;
+    onClick(): void;
+};
+type BaseStateIndicatorProps = {
+    title: string;
+    description: string;
+    actionButton?: ActionButton;
+    containerClassName?: string;
+};
+type DefaultStateIndicatorProps = {
+    variant?: "default";
+} & BaseStateIndicatorProps;
+type EmptyStateIndicatorProps = {
+    variant: "empty";
+} & Partial<BaseStateIndicatorProps>;
+type ErrorStateIndicatorProps = {
+    variant: "error";
+} & Partial<BaseStateIndicatorProps>;
+export type StateIndicatorProps = DefaultStateIndicatorProps | EmptyStateIndicatorProps | ErrorStateIndicatorProps;
+export default function StateIndicator({ title, description, variant, actionButton, containerClassName, }: StateIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export {};