azero_resources 0.0.1

package/dist/src/components/ImagePopOver/ImagePopOver.d.ts

@@ -0,0 +1,18 @@
+import { default as React, ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const modalContainerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "full" | null | undefined;
+    rounded?: "lg" | "none" | "md" | "xl" | "2xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ImagePopOverProps extends Omit<ComponentProps<"div">, "title">, VariantProps<typeof modalContainerVariants> {
+    url: string;
+    alt?: string;
+    title?: React.ReactNode;
+    caption?: React.ReactNode;
+    open?: boolean;
+    onClose: (open: boolean) => void;
+    closeOnBackdropClick?: boolean;
+    closeOnEsc?: boolean;
+}
+export declare const ImagePopOver: React.ForwardRefExoticComponent<Omit<ImagePopOverProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default ImagePopOver;

package/dist/src/components/ImagePopOver/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ImagePopOver';
+export { default } from './ImagePopOver';

package/dist/src/components/ImagePopOver/index.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ImagePopOver } from './ImagePopOver';
+declare const meta: Meta<typeof ImagePopOver>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Interactive trigger opening the ImagePopOver preview modal.
+ */
+export declare const Default: Story;
+/**
+ * Large size variant preview modal.
+ */
+export declare const LargeSize: Story;
+/**
+ * Design system overview showing modal trigger card.
+ */
+export declare const DesignSystemOverview: Story;

package/dist/src/components/Input/Input.d.ts

@@ -0,0 +1,21 @@
+import { default as React, ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+/**
+ * Input styles — strictly following AzeroResources design_system.md:
+ *
+ * Radius   → rounded-md (6px) per design_system.md §Component Mapping
+ * Height   → default: h-10 (40px) | sm: h-9 (36px) | lg: h-11 (44px)
+ * Gap      → gap-2 (8px) between label and input
+ * Font     → Switzer font-weight 500 (Regular) for inputs, 600 (Medium) for labels, 400 for helper text
+ */
+declare const inputStyles: (props?: ({
+    inputSize?: "default" | "sm" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface InputProps extends Omit<ComponentProps<"input">, "size">, VariantProps<typeof inputStyles> {
+    label?: string;
+    helperText?: string;
+    errorMessage?: string;
+}
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/src/components/Input/index.d.ts

@@ -0,0 +1 @@
+export * from './Input';

package/dist/src/components/Input/index.stories.d.ts

@@ -0,0 +1,29 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Input } from './Input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default standard text input with placeholder.
+ */
+export declare const Default: Story;
+/**
+ * File input variant with label.
+ */
+export declare const File: Story;
+/**
+ * Disabled input state.
+ */
+export declare const Disabled: Story;
+/**
+ * Input with an accessible form label.
+ */
+export declare const WithLabel: Story;
+/**
+ * Input combined with an action button.
+ */
+export declare const WithButton: Story;
+/**
+ * Form input field featuring label, prefilled value, and descriptive helper text.
+ */
+export declare const Form: Story;

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export interface InputOTPProps extends Omit<React.ComponentProps<"div">, "onChange"> {
+    maxLength?: number;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    pattern?: string;
+    autoFocus?: boolean;
+}
+export interface InputOTPRef {
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+}
+export declare const InputOTP: React.ForwardRefExoticComponent<Omit<InputOTPProps, "ref"> & React.RefAttributes<InputOTPRef>>;
+export declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface InputOTPSlotProps extends React.ComponentProps<"div"> {
+    index: number;
+}
+export declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<InputOTPSlotProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1 @@
+export * from './InputOTP';

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

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { InputOTP } from './InputOTP';
+declare const meta: Meta<typeof InputOTP>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default OTP input featuring two groups of 3 slots with a center separator dot.
+ */
+export declare const Default: Story;
+/**
+ * Continuous 6-digit OTP slot pattern.
+ */
+export declare const Pattern: Story;
+/**
+ * Three 2-digit groups separated by dots.
+ */
+export declare const Separator: Story;
+/**
+ * Controlled OTP input with dynamic state and helper description text.
+ */
+export declare const Controlled: Story;

package/dist/src/components/Pagination/Pagination.d.ts

@@ -0,0 +1,25 @@
+import { default as React, ComponentProps } from 'react';
+export interface PaginationProps extends ComponentProps<"nav"> {
+    className?: string;
+}
+export declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export interface PaginationLinkProps extends ComponentProps<"button"> {
+    isActive?: boolean;
+    disabled?: boolean;
+}
+export declare const PaginationLink: React.ForwardRefExoticComponent<Omit<PaginationLinkProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export interface PaginationNavProps extends ComponentProps<"button"> {
+    disabled?: boolean;
+}
+export declare const PaginationPrevious: React.ForwardRefExoticComponent<Omit<PaginationNavProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationNext: React.ForwardRefExoticComponent<Omit<PaginationNavProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PaginationEllipsis: React.FC<ComponentProps<"span">>;
+export interface DynamicPaginationProps {
+    totalPages: number;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+}
+export declare const DynamicPagination: React.FC<DynamicPaginationProps>;

package/dist/src/components/Pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './Pagination';

package/dist/src/components/Pagination/index.stories.d.ts

@@ -0,0 +1,24 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+/**
+ * Start state: First page selected with disabled Previous button.
+ */
+export declare const Start: Story;
+/**
+ * Middle state: Intermediate page selected with active Previous and Next buttons.
+ */
+export declare const Middle: Story;
+/**
+ * End state: Last page selected with disabled Next button.
+ */
+export declare const End: Story;
+/**
+ * Fully interactive pagination with dynamic page calculation.
+ */
+export declare const Interactive: Story;
+/**
+ * Design system overview matching the exact reference specification layout.
+ */
+export declare const DesignSystemOverview: Story;

package/dist/src/components/ProfileCard/ProfileCard.d.ts

@@ -0,0 +1,17 @@
+import { default as React, ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const profileCardStyles: (props?: ({
+    layout?: "default" | "horizontal" | "vertical" | "space-between" | null | undefined;
+    bordered?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ProfileCardProps extends ComponentProps<"div">, VariantProps<typeof profileCardStyles> {
+    avatarUrl?: string;
+    name: string;
+    subtitle?: React.ReactNode;
+    isVerified?: boolean;
+    avatarShape?: "circle" | "rounded";
+    avatarSize?: "sm" | "default" | "lg";
+    trailing?: React.ReactNode;
+}
+export declare const ProfileCard: React.ForwardRefExoticComponent<Omit<ProfileCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/ProfileCard/index.d.ts

@@ -0,0 +1 @@
+export * from './ProfileCard';

package/dist/src/components/ProfileCard/index.stories.d.ts

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ProfileCard } from './ProfileCard';
+declare const meta: Meta<typeof ProfileCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default layout: Left avatar with stacked name and metadata date.
+ */
+export declare const Default: Story;
+/**
+ * Horizontal layout: Avatar and name on the left, date aligned to the far right.
+ */
+export declare const Horizontal: Story;
+/**
+ * Space between layout: Name and subtitle on the left, avatar on the far right.
+ */
+export declare const SpaceBetween: Story;
+/**
+ * Vertical layout: Centered avatar at the top with name and subtitle below.
+ */
+export declare const Vertical: Story;
+/**
+ * Design system overview card matching the user's reference diagram.
+ */
+export declare const DesignSystemOverview: Story;

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

@@ -0,0 +1,54 @@
+import { default as React, ComponentProps } from 'react';
+export interface SelectProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Select: React.FC<SelectProps>;
+export interface SelectTriggerProps extends ComponentProps<"button"> {
+    className?: string;
+}
+export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export interface SelectValueProps {
+    placeholder?: string;
+    className?: string;
+}
+export declare const SelectValue: React.FC<SelectValueProps>;
+export interface SelectSearchProps extends ComponentProps<"input"> {
+    placeholder?: string;
+}
+export declare const SelectSearch: React.FC<SelectSearchProps>;
+export interface SelectContentProps extends ComponentProps<"div"> {
+    className?: string;
+    maxHeight?: string;
+}
+export declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectGroup: React.FC<ComponentProps<"div">>;
+export declare const SelectLabel: React.FC<ComponentProps<"div">>;
+export interface SelectItemProps extends ComponentProps<"div"> {
+    value: string;
+    disabled?: boolean;
+}
+export declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectSeparator: React.FC<ComponentProps<"div">>;
+export interface MultiSelectOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface MultiSelectProps {
+    options: MultiSelectOption[];
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (values: string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    searchable?: boolean;
+    disabled?: boolean;
+    label?: string;
+    className?: string;
+    maxCount?: number;
+}
+export declare const MultiSelect: React.FC<MultiSelectProps>;

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

@@ -0,0 +1 @@
+export * from './Select';

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

@@ -0,0 +1,24 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+/**
+ * Standard Single Select (matching reference image).
+ */
+export declare const Default: Story;
+/**
+ * Scrollable listbox with multiple timezone options.
+ */
+export declare const Scrollable: Story;
+/**
+ * Form field with verified email options and a submit button.
+ */
+export declare const Form: Story;
+/**
+ * Search and Select: Live filterable single select dropdown.
+ */
+export declare const SearchAndSelect: Story;
+/**
+ * MultiSelect: Select multiple options with chip tags, search, and clear-all.
+ */
+export declare const MultiSelectExample: Story;

package/dist/src/components/Slider/Slider.d.ts

@@ -0,0 +1,13 @@
+import { default as React, ComponentProps } from 'react';
+export interface SliderProps extends Omit<ComponentProps<"div">, "onChange"> {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    onChange?: (value: number) => void;
+    showValue?: boolean;
+    label?: string;
+}
+export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/Slider/index.d.ts

@@ -0,0 +1 @@
+export * from './Slider';

package/dist/src/components/Slider/index.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Slider } from './Slider';
+declare const meta: Meta<typeof Slider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Standard interactive slider.
+ */
+export declare const Default: Story;
+/**
+ * Disabled slider state.
+ */
+export declare const Disabled: Story;
+/**
+ * Design system showcase illustrating the progression ladder from 0% to 100%.
+ */
+export declare const DesignSystemOverview: Story;

package/dist/src/components/Switch/Switch.d.ts

@@ -0,0 +1,14 @@
+import { default as React, ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const switchTrackStyles: (props?: ({
+    switchSize?: "default" | "sm" | null | undefined;
+    checked?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SwitchProps extends Omit<ComponentProps<"button">, "onChange" | "size">, VariantProps<typeof switchTrackStyles> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    label?: React.ReactNode;
+}
+export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/src/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch';

package/dist/src/components/Switch/index.stories.d.ts

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Switch } from './Switch';
+declare const meta: Meta<typeof Switch>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default interactive toggle switch.
+ */
+export declare const Default: Story;
+/**
+ * Small size toggle switch.
+ */
+export declare const Small: Story;
+/**
+ * Switch paired with an accessible label.
+ */
+export declare const WithLabel: Story;
+/**
+ * Disabled switch state.
+ */
+export declare const Disabled: Story;
+/**
+ * Design system overview showing all size and state combinations.
+ */
+export declare const DesignSystemOverview: Story;

package/dist/src/components/Table/Table.d.ts

@@ -0,0 +1,56 @@
+import { default as React, ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const tableContainerVariants: (props?: ({
+    rounded?: "lg" | "none" | "md" | "xl" | null | undefined;
+    shadow?: "default" | "sm" | "none" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const tableVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "bordered" | "striped" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const TableHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+export declare const TableHead: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCaption: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLTableCaptionElement>>;
+export type ColumnAlign = "left" | "center" | "right";
+export type ColumnFixed = "left" | "right" | boolean;
+export type Column<T> = {
+    header: React.ReactNode;
+    accessor?: keyof T;
+    cell?: (row: T, index: number) => React.ReactNode;
+    align?: ColumnAlign;
+    width?: string | number;
+    minWidth?: string | number;
+    fixed?: ColumnFixed;
+    className?: string;
+};
+export interface TableExpandable<T> {
+    expandedRowRender: (row: T, index: number) => React.ReactNode;
+    rowExpandable?: (row: T, index: number) => boolean;
+    expandedRowKeys?: (string | number)[];
+    defaultExpandedRowKeys?: (string | number)[];
+    onExpand?: (expanded: boolean, row: T, index: number) => void;
+    expandRowByClick?: boolean;
+}
+export interface TableProps<T> extends Omit<ComponentProps<"table">, "size">, VariantProps<typeof tableVariants>, VariantProps<typeof tableContainerVariants> {
+    columns: Column<T>[];
+    data: T[];
+    rowKey?: (row: T, index: number) => string | number;
+    showSerialNumber?: boolean;
+    serialNumberHeader?: string;
+    stickyHeader?: boolean;
+    maxHeight?: string | number;
+    loading?: boolean;
+    emptyText?: string;
+    emptyState?: React.ReactNode;
+    onRowClick?: (row: T, index: number) => void;
+    containerClassName?: string;
+    expandable?: TableExpandable<T>;
+    defaultExpandedRowKeys?: (string | number)[];
+    expandedRowKeys?: (string | number)[];
+}
+export declare function Table<T extends object>({ columns, data, rowKey, showSerialNumber, serialNumberHeader, stickyHeader, maxHeight, size, variant, rounded, shadow, loading, emptyText, emptyState, onRowClick, containerClassName, className, expandable, defaultExpandedRowKeys, expandedRowKeys, ...props }: TableProps<T>): React.JSX.Element;
+export default Table;

package/dist/src/components/Table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Table';
+export { default } from './Table';

package/dist/src/components/Table/index.stories.d.ts

@@ -0,0 +1,45 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Table } from './Table';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Standard data table with custom cell rendering and serial numbers.
+ */
+export declare const Default: Story;
+/**
+ * Collapsible / Expandable rows variant revealing nested sub-details.
+ */
+export declare const CollapsibleRows: Story;
+/**
+ * Fixed / Pinned columns on horizontal scroll (Left: Order ID, Right: Actions).
+ */
+export declare const FixedColumns: Story;
+/**
+ * Sticky Header with vertical scroll height.
+ */
+export declare const StickyHeaderWithScroll: Story;
+/**
+ * Striped rows variant with alternating background fills.
+ */
+export declare const Striped: Story;
+/**
+ * Bordered variant with vertical column separators.
+ */
+export declare const Bordered: Story;
+/**
+ * Compact small size table variant.
+ */
+export declare const CompactSmall: Story;
+/**
+ * Loading indicator state.
+ */
+export declare const LoadingState: Story;
+/**
+ * Empty records state with placeholder feedback.
+ */
+export declare const EmptyState: Story;
+/**
+ * Visual design system overview matrix.
+ */
+export declare const DesignSystemOverview: Story;

package/dist/src/components/Tabs/Tabs.d.ts

@@ -0,0 +1,34 @@
+import { default as React, ComponentProps } from 'react';
+export type TabVariant = "default" | "line";
+export type TabSize = "sm" | "default" | "lg";
+interface TabsContextValue {
+    value: string;
+    onChange: (value: string) => void;
+    variant: TabVariant;
+    stretch?: boolean;
+    size: TabSize;
+    baseId: string;
+}
+export declare function useTabsContext(): TabsContextValue;
+export interface TabsProps extends Omit<ComponentProps<"div">, "onChange"> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    variant?: TabVariant;
+    stretch?: boolean;
+    size?: TabSize;
+}
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface TabsListProps extends ComponentProps<"div"> {
+    className?: string;
+}
+export declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface TabsTriggerProps extends ComponentProps<"button"> {
+    value: string;
+}
+export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export interface TabsContentProps extends ComponentProps<"div"> {
+    value: string;
+}
+export declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/Tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './Tabs';

package/dist/src/components/Tabs/index.stories.d.ts

@@ -0,0 +1,29 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tabs } from './Tabs';
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default Pill/Segmented tab style with stretch=false.
+ */
+export declare const Default: Story;
+/**
+ * Default Pill style with stretch=true (full width distribution).
+ */
+export declare const DefaultStretched: Story;
+/**
+ * Line (underlined) tab style with stretch=false.
+ */
+export declare const Line: Story;
+/**
+ * Line (underlined) tab style with stretch=true.
+ */
+export declare const LineStretched: Story;
+/**
+ * Live interactive Tabs demonstrating content panel switching.
+ */
+export declare const WithContentPanels: Story;
+/**
+ * Visual matrix comparing all design system variants side-by-side.
+ */
+export declare const DesignSystemOverview: Story;

package/dist/src/components/Textarea/Textarea.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const textareaStyles: (props?: ({
+    hasError?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TextareaProps extends ComponentProps<"textarea">, VariantProps<typeof textareaStyles> {
+    label?: string;
+    helperText?: string;
+    errorMessage?: string;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/src/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './Textarea';

package/dist/src/components/Textarea/index.stories.d.ts

@@ -0,0 +1,29 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Textarea } from './Textarea';
+declare const meta: Meta<typeof Textarea>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Standard default textarea.
+ */
+export declare const Default: Story;
+/**
+ * Disabled textarea.
+ */
+export declare const Disabled: Story;
+/**
+ * Textarea with label.
+ */
+export declare const WithLabel: Story;
+/**
+ * Textarea with label and caption/helper text below.
+ */
+export declare const WithText: Story;
+/**
+ * Textarea paired with action submit button.
+ */
+export declare const WithButton: Story;
+/**
+ * Form field with label, bio input, descriptive help text, and button.
+ */
+export declare const Form: Story;

package/dist/src/components/Toast/Toast.d.ts

@@ -0,0 +1,13 @@
+import { default as React, ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const toastStyles: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ToastProps extends Omit<ComponentProps<"div">, "title">, VariantProps<typeof toastStyles> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    onClose?: () => void;
+}
+export declare const Toast: React.ForwardRefExoticComponent<Omit<ToastProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};