@dimasbaguspm/versaur 0.0.0

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,16 @@
+import { BreadcrumbsProps } from './types';
+import { BreadcrumbsSeparator } from './breadcrumbs.atoms';
+/**
+ * Breadcrumbs navigation component
+ *
+ * @example
+ * <Breadcrumbs>
+ *   <Breadcrumbs.Item href="/">Home</Breadcrumbs.Item>
+ *   <Breadcrumbs.Item href="/applicant">Applicant</Breadcrumbs.Item>
+ * </Breadcrumbs>
+ */
+export declare const BreadcrumbsRoot: import('react').ForwardRefExoticComponent<BreadcrumbsProps & import('react').RefAttributes<HTMLOListElement>>;
+export declare const Breadcrumbs: import('react').ForwardRefExoticComponent<BreadcrumbsProps & import('react').RefAttributes<HTMLOListElement>> & {
+    Item: import('react').ForwardRefExoticComponent<import('./types').BreadcrumbsItemProps & import('react').RefAttributes<HTMLAnchorElement>>;
+    Separator: typeof BreadcrumbsSeparator;
+};

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

@@ -0,0 +1,7 @@
+import { Breadcrumbs } from '.';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Breadcrumbs>;
+export default meta;
+type Story = StoryObj<typeof Breadcrumbs>;
+export declare const Basic: Story;
+export declare const Impactful: Story;

package/dist/components/breadcrumbs/helpers.d.ts

@@ -0,0 +1,7 @@
+export declare const breadcrumbsRootClass: (props?: ({
+    separator?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const breadcrumbsItemClass: (props?: ({
+    isCurrent?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const breadcrumbsSeparatorClass = "mx-1 text-slate-400 dark:text-slate-500 select-none";

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

@@ -0,0 +1,2 @@
+export { Breadcrumbs } from './breadcrumbs';
+export * from './types';

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

@@ -0,0 +1,21 @@
+import { ReactNode, AnchorHTMLAttributes, HTMLAttributes } from 'react';
+/**
+ * Props for the Breadcrumbs root component
+ */
+export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
+    /** Breadcrumb items as children */
+    children: ReactNode;
+    /** Optional aria-label for navigation landmark */
+    'aria-label'?: string;
+}
+/**
+ * Props for a single Breadcrumbs.Item
+ */
+export interface BreadcrumbsItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Breadcrumb label */
+    children: ReactNode;
+    /** Optional icon to display before the label */
+    icon?: ReactNode;
+    /** If true, renders as the current page (aria-current) */
+    isCurrent?: boolean;
+}

package/dist/components/breadcrumbs.js

@@ -0,0 +1,4 @@
+import { B as e } from "../breadcrumbs-PJV3izUu.js";
+export {
+  e as Breadcrumbs
+};

package/dist/components/button/button.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ButtonProps } from './types';
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,50 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Button } from './button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+/**
+ * Complete color matrix showing all core and semantic colors in all style variants.
+ * Demonstrates the comprehensive Spenicle color system and variant combinations.
+ */
+export declare const ColorMatrix: Story;
+/**
+ * All core colors in their filled variant.
+ * Demonstrates the Spenicle color palette with coral, sage, mist, slate, and cream.
+ */
+export declare const CoreColors: Story;
+/**
+ * All semantic colors in their filled variant.
+ * Demonstrates the semantic color system for success, info, warning, and danger states.
+ */
+export declare const SemanticColors: Story;
+/**
+ * Outline variants provide a lighter visual weight while maintaining semantic meaning.
+ * Perfect for secondary actions or when you need multiple buttons in close proximity.
+ */
+export declare const OutlineVariants: Story;
+/**
+ * Ghost variants are the most subtle, perfect for navigation or when you need
+ * a button that doesn't visually compete with other content.
+ */
+export declare const GhostVariants: Story;
+/**
+ * Comparison of all three style variants for the primary semantic color.
+ * Shows how the same semantic meaning can be expressed with different visual weights.
+ */
+export declare const StyleComparison: Story;
+/**
+ * Size comparison showing all three sizes side by side.
+ * Demonstrates the proportional scaling of button sizes.
+ */
+export declare const SizeComparison: Story;
+/**
+ * Comparison of enabled vs disabled states across different variants.
+ * Shows how disabled state affects visual appearance while maintaining accessibility.
+ */
+export declare const DisabledComparison: Story;
+/**
+ * Loading state example showing how buttons can indicate ongoing processes.
+ * While not built into the component, shows common usage patterns.
+ */
+export declare const LoadingState: Story;

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

@@ -0,0 +1,2 @@
+export { Button } from './button';
+export type { ButtonProps } from './types';

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

@@ -0,0 +1,30 @@
+import { ButtonHTMLAttributes } from 'react';
+/**
+ * ButtonProps defines the props for the Button component
+ * @property variant - Visual style variant based on Versaur color system
+ * @property size - Size of the button (sm, md, lg)
+ * @property disabled - Whether the button is disabled
+ * @property type - Button type attribute
+ * @property onClick - Click event handler
+ */
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Visual style variant supporting Versaur color system
+     * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
+     * Semantic variants: success, info, warning, danger
+     * Each variant supports outline and ghost forms for flexible design expression
+     */
+    variant?: 'primary' | 'primary-outline' | 'primary-ghost' | 'secondary' | 'secondary-outline' | 'secondary-ghost' | 'tertiary' | 'tertiary-outline' | 'tertiary-ghost' | 'ghost' | 'ghost-outline' | 'neutral' | 'neutral-outline' | 'neutral-ghost' | 'success' | 'success-outline' | 'success-ghost' | 'info' | 'info-outline' | 'info-ghost' | 'warning' | 'warning-outline' | 'warning-ghost' | 'danger' | 'danger-outline' | 'danger-ghost' | 'outline' | 'destructive';
+    /**
+     * Size of the button
+     * sm: 36px height, compact for space-constrained interfaces
+     * md: 40px height, standard for most use cases
+     * lg: 44px height, prominent for primary actions
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Whether the button is disabled
+     * When true, the button becomes non-interactive and visually dimmed
+     */
+    disabled?: boolean;
+}

package/dist/components/button-float/button-float.d.ts

@@ -0,0 +1,8 @@
+import { ButtonFloatProps } from './types';
+/**
+ * ButtonFloat is a floating action button that stays fixed to the bottom right or left of the viewport.
+ * It supports all Button variants, sizes, and accessibility features.
+ *
+ * @see ButtonFloatProps for prop details
+ */
+export declare const ButtonFloat: import('react').ForwardRefExoticComponent<ButtonFloatProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/button-float/button-float.stories.d.ts

@@ -0,0 +1,27 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ButtonFloat } from './button-float';
+/**
+ * ButtonFloat is a floating action button that stays fixed to the bottom right or left of the viewport.
+ * It supports all Button variants, sizes, and accessibility features.
+ *
+ * > **Note:** The primary use case is to render an icon (SVG) as its child, not a string. See examples below.
+ */
+declare const meta: Meta<typeof ButtonFloat>;
+export default meta;
+type Story = StoryObj<typeof ButtonFloat>;
+/**
+ * Default floating button (bottom right, with icon)
+ */
+export declare const Default: Story;
+/**
+ * Floating button on the left (with icon)
+ */
+export declare const LeftSide: Story;
+/**
+ * All variants demo (with icons)
+ */
+export declare const AllVariants: Story;
+/**
+ * Size comparison (with icons)
+ */
+export declare const SizeComparison: Story;

package/dist/components/button-float/helpers.d.ts

@@ -0,0 +1,4 @@
+export declare const buttonFloatVariants: (props?: ({
+    variant?: "outline" | "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "primary-ghost" | "secondary-outline" | "secondary-ghost" | "tertiary-outline" | "tertiary-ghost" | "ghost-outline" | "neutral-outline" | "neutral-ghost" | "success-outline" | "success-ghost" | "info-outline" | "info-ghost" | "warning-outline" | "warning-ghost" | "danger-outline" | "danger-ghost" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/button-float/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonFloat } from './button-float';
+export type * from './types';

package/dist/components/button-float/types.d.ts

@@ -0,0 +1,31 @@
+import { ButtonHTMLAttributes } from 'react';
+/**
+ * ButtonFloatProps defines the props for the ButtonFloat component
+ * @property side - Which side of the viewport to float the button ('right' | 'left')
+ * @property offset - Optional offset from the edge (e.g., '1rem', '24px', defaults to '1rem')
+ * @property All ButtonProps from the regular Button component
+ */
+export interface ButtonFloatProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Which side of the viewport to float the button
+     * @default 'right'
+     */
+    side?: 'right' | 'left';
+    /**
+     * Offset from the edge of the viewport (e.g., '1rem', '24px')
+     * @default '1rem'
+     */
+    offset?: string;
+    /**
+     * Visual style variant (same as Button)
+     */
+    variant?: 'primary' | 'primary-outline' | 'primary-ghost' | 'secondary' | 'secondary-outline' | 'secondary-ghost' | 'tertiary' | 'tertiary-outline' | 'tertiary-ghost' | 'ghost' | 'ghost-outline' | 'neutral' | 'neutral-outline' | 'neutral-ghost' | 'success' | 'success-outline' | 'success-ghost' | 'info' | 'info-outline' | 'info-ghost' | 'warning' | 'warning-outline' | 'warning-ghost' | 'danger' | 'danger-outline' | 'danger-ghost' | 'outline' | 'destructive';
+    /**
+     * Size of the button (same as Button)
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Whether the button is disabled
+     */
+    disabled?: boolean;
+}

package/dist/components/button-float.js

@@ -0,0 +1,4 @@
+import { B as a } from "../button-float-B8tdLJkX.js";
+export {
+  a as ButtonFloat
+};

package/dist/components/button-icon/button-icon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ButtonIconProps } from './types';
+export declare const ButtonIcon: React.ForwardRefExoticComponent<ButtonIconProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/button-icon/button-icon.stories.d.ts

@@ -0,0 +1,45 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ButtonIcon } from './button-icon';
+declare const meta: Meta<typeof ButtonIcon>;
+export default meta;
+type Story = StoryObj<typeof ButtonIcon>;
+/**
+ * Default ButtonIcon with primary variant, medium size, and rounded shape.
+ * This is the most common configuration for general-purpose icon buttons.
+ */
+export declare const Default: Story;
+/**
+ * All available color variants showcasing the Versaur color system.
+ * Each variant has a specific purpose and semantic meaning in the design system.
+ */
+export declare const AllVariants: Story;
+/**
+ * Outline variants provide a subtle, bordered appearance.
+ * Perfect for secondary actions and interfaces that need visual hierarchy.
+ */
+export declare const OutlineVariants: Story;
+/**
+ * Ghost variants provide minimal visual weight with subtle hover effects.
+ * Ideal for toolbar buttons and non-primary actions.
+ */
+export declare const GhostVariants: Story;
+/**
+ * Different sizes for various interface contexts.
+ * Small for compact toolbars, medium for standard use, large for prominent actions.
+ */
+export declare const AllSizes: Story;
+/**
+ * Different shapes for various design contexts.
+ * Rounded for general use, square for grid layouts, circle for profile actions.
+ */
+export declare const AllShapes: Story;
+/**
+ * Disabled state for all variants and sizes.
+ * Demonstrates consistent disabled styling across the component system.
+ */
+export declare const DisabledStates: Story;
+/**
+ * Toolbar example showing ButtonIcon in a practical context.
+ * Demonstrates how icon buttons work together in a typical interface.
+ */
+export declare const ToolbarExample: Story;

package/dist/components/button-icon/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonIcon } from './button-icon';
+export type { ButtonIconProps } from './types';

package/dist/components/button-icon/types.d.ts

@@ -0,0 +1,48 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+/**
+ * ButtonIconProps defines the props for the ButtonIcon component
+ * @property children - Icon content (ReactNode)
+ * @property variant - Visual style variant based on Versaur color system
+ * @property shape - Shape type of the button (rounded, square, circle)
+ * @property size - Size of the button (sm, md, lg)
+ * @property disabled - Whether the button is disabled
+ * @property ariaLabel - Accessible label for screen readers (required for icon-only buttons)
+ */
+export interface ButtonIconProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+    /**
+     * Icon content to display inside the button
+     * Accepts any ReactNode (SVG icons, components, etc.)
+     */
+    children: ReactNode;
+    /**
+     * Visual style variant supporting Versaur color system
+     * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
+     * Semantic variants: success, info, warning, danger
+     * Each variant supports outline and ghost forms for flexible design expression
+     */
+    variant?: 'primary' | 'primary-outline' | 'primary-ghost' | 'secondary' | 'secondary-outline' | 'secondary-ghost' | 'tertiary' | 'tertiary-outline' | 'tertiary-ghost' | 'ghost' | 'ghost-outline' | 'neutral' | 'neutral-outline' | 'neutral-ghost' | 'success' | 'success-outline' | 'success-ghost' | 'info' | 'info-outline' | 'info-ghost' | 'warning' | 'warning-outline' | 'warning-ghost' | 'danger' | 'danger-outline' | 'danger-ghost' | 'outline' | 'destructive';
+    /**
+     * Shape type of the button
+     * rounded: Standard rounded corners (default)
+     * square: Perfect square with minimal rounded corners
+     * circle: Circular shape
+     */
+    shape?: 'rounded' | 'square' | 'circle';
+    /**
+     * Size of the button
+     * sm: 32px, compact for space-constrained interfaces
+     * md: 40px, standard for most use cases
+     * lg: 48px, prominent for primary actions
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Whether the button is disabled
+     * When true, the button becomes non-interactive and visually dimmed
+     */
+    disabled?: boolean;
+    /**
+     * Accessible label for screen readers
+     * Required for icon-only buttons to ensure accessibility
+     */
+    'aria-label': string;
+}

package/dist/components/button-icon.js

@@ -0,0 +1,4 @@
+import { B as n } from "../button-icon-CWji4cBA.js";
+export {
+  n as ButtonIcon
+};

package/dist/components/button.js

@@ -0,0 +1,4 @@
+import { B as r } from "../button-C8OibEPE.js";
+export {
+  r as Button
+};

package/dist/components/calendar/calendar.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { CalendarProps } from './types';
+/**
+ * Calendar component (Compound Pattern)
+ * Implements a month view date picker following Material 3 specs and Versaur standards
+ */
+export declare const CalendarRoot: React.FC<CalendarProps>;
+export declare const Calendar: React.FC<CalendarProps>;

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

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

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

@@ -0,0 +1,2 @@
+export { Calendar } from './calendar';
+export type { CalendarProps } from './types';

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

@@ -0,0 +1,20 @@
+/**
+ * CalendarProps defines the props for the Calendar component
+ * @property value - The selected date
+ * @property onChange - Callback when a date is selected
+ * @property className - Custom class for the calendar container
+ */
+export interface CalendarProps {
+    /**
+     * The selected date
+     */
+    value?: Date;
+    /**
+     * Callback when a date is selected
+     */
+    onChange?: (date: Date) => void;
+    /**
+     * Custom class for the calendar container
+     */
+    className?: string;
+}

package/dist/components/calendar.js

@@ -0,0 +1,4 @@
+import { C as e } from "../calendar-CkLj89o2.js";
+export {
+  e as Calendar
+};

package/dist/components/checkbox-input/checkbox-input.atoms.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { CheckboxOptionProps } from './types';
+/**
+ * CheckboxOption atom component
+ *
+ * Individual checkbox option that can be used within CheckboxInput
+ * Features custom styling with ::after pseudo-element for checkmark
+ */
+export declare const CheckboxOption: React.ForwardRefExoticComponent<CheckboxOptionProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { CheckboxInputProps } from './types';
+export declare const CheckboxInput: React.ForwardRefExoticComponent<CheckboxInputProps & React.RefAttributes<HTMLDivElement>> & {
+    Option: React.ForwardRefExoticComponent<import('./types').CheckboxOptionProps & React.RefAttributes<HTMLInputElement>>;
+};

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

@@ -0,0 +1,44 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CheckboxInput } from './checkbox-input';
+/**
+ * CheckboxInput is a compound component that provides customizable checkbox inputs
+ * with support for multiple variants, sizes, and accessibility features.
+ *
+ * Key features:
+ * - Custom styled checkboxes using ::after pseudo-elements
+ * - Multiple variants following the Versaur color system
+ * - Flexible compound pattern for composition
+ * - Full accessibility support with proper ARIA attributes
+ * - Support for both horizontal and vertical layouts
+ */
+declare const meta: Meta<typeof CheckboxInput>;
+export default meta;
+type Story = StoryObj<typeof CheckboxInput>;
+/**
+ * Default checkbox input with multiple options
+ */
+export declare const Default: Story;
+/**
+ * Checkbox options with descriptions for better context
+ */
+export declare const WithDescriptions: Story;
+/**
+ * Horizontal layout for compact displays
+ */
+export declare const HorizontalLayout: Story;
+/**
+ * Different sizes demonstration
+ */
+export declare const Sizes: Story;
+/**
+ * Variant showcase demonstrating all available styles
+ */
+export declare const Variants: Story;
+/**
+ * Error state demonstration
+ */
+export declare const WithError: Story;
+/**
+ * Disabled state demonstration
+ */
+export declare const Disabled: Story;

package/dist/components/checkbox-input/context.d.ts

@@ -0,0 +1,10 @@
+import { CheckboxInputProps } from './types';
+interface CheckboxContextValue {
+    variant: CheckboxInputProps['variant'];
+    size: CheckboxInputProps['size'];
+    disabled?: boolean;
+    error?: boolean;
+}
+export declare const CheckboxContext: import('react').Context<CheckboxContextValue | null>;
+export declare const useCheckboxContext: () => CheckboxContextValue;
+export {};

package/dist/components/checkbox-input/helpers.d.ts

@@ -0,0 +1,11 @@
+export declare const checkboxGroupVariants: (props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const checkboxVariants: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "secondary-outline" | "tertiary-outline" | "ghost-outline" | "neutral-outline" | "success-outline" | "info-outline" | "warning-outline" | "danger-outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const checkboxLabelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { CheckboxInput } from './checkbox-input';
+export type { CheckboxInputProps, CheckboxOptionProps } from './types';

package/dist/components/checkbox-input/types.d.ts

@@ -0,0 +1,46 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+/**
+ * Props for the CheckboxInput component
+ */
+export interface CheckboxInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    /**
+     * Visual style variant supporting Versaur color system
+     * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
+     * Semantic variants: success, info, warning, danger
+     * Each variant supports outline form for flexible design expression
+     */
+    variant?: 'primary' | 'primary-outline' | 'secondary' | 'secondary-outline' | 'tertiary' | 'tertiary-outline' | 'ghost' | 'ghost-outline' | 'neutral' | 'neutral-outline' | 'success' | 'success-outline' | 'info' | 'info-outline' | 'warning' | 'warning-outline' | 'danger' | 'danger-outline';
+    /**
+     * Size variant for the checkbox
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Label text to display above the checkbox group
+     */
+    label?: ReactNode;
+    /**
+     * Helper text to display below the checkbox group
+     */
+    helperText?: ReactNode;
+    /**
+     * Error message for invalid state
+     */
+    error?: ReactNode;
+    /**
+     * Direction of checkbox layout
+     */
+    direction?: 'horizontal' | 'vertical';
+}
+/**
+ * Props for the CheckboxInput.Option component
+ */
+export interface CheckboxOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /**
+     * The option label content
+     */
+    children: ReactNode;
+    /**
+     * Description text below the option label
+     */
+    description?: ReactNode;
+}

package/dist/components/checkbox-input.js

@@ -0,0 +1,4 @@
+import { C as p } from "../checkbox-input-CSboebwt.js";
+export {
+  p as CheckboxInput
+};

package/dist/components/chip-input/chip-input.atoms.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ChipInputOptionProps } from './types';
+/**
+ * ChipInput.Option atom component
+ *
+ * Individual chip option for ChipInput
+ * Uses checkbox input pattern for multiple selection
+ * Supports leading icon and animated tick/check
+ */
+export declare const ChipOption: React.ForwardRefExoticComponent<ChipInputOptionProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ChipInputProps } from './types';
+export declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLDivElement>> & {
+    Option: React.ForwardRefExoticComponent<import('./types').ChipInputOptionProps & React.RefAttributes<HTMLInputElement>>;
+};

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

@@ -0,0 +1,12 @@
+import { ChipInputProps } from './types';
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<ChipInputProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Option: import('react').ForwardRefExoticComponent<import('./types').ChipInputOptionProps & import('react').RefAttributes<HTMLInputElement>>;
+    };
+    tags: string[];
+};
+export default _default;
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
+export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/chip-input/context.d.ts

@@ -0,0 +1,11 @@
+import { ChipInputProps } from './types';
+export interface ChipInputContextValue {
+    variant: ChipInputProps['variant'];
+    disabled?: boolean;
+    error?: boolean;
+    name: string;
+    value?: string[];
+    onChange?: (value: string[]) => void;
+}
+export declare const ChipInputContext: import('react').Context<ChipInputContextValue | null>;
+export declare const useChipInputContext: () => ChipInputContextValue;

package/dist/components/chip-input/helpers.d.ts

@@ -0,0 +1,4 @@
+export declare const chipOptionVariants: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
+    selected?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { ChipInput } from './chip-input';
+export type { ChipInputProps, ChipInputOptionProps } from './types';