@dimasbaguspm/versaur 0.0.0

package/dist/components/segment-multiple-input/types.d.ts

@@ -0,0 +1,55 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+/**
+ * Props for the SegmentMultipleInput component
+ */
+export interface SegmentMultipleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> {
+    /**
+     * 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 segment inputs
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Label text to display above the segment group
+     */
+    label?: ReactNode;
+    /**
+     * Helper text to display below the segment group
+     */
+    helperText?: ReactNode;
+    /**
+     * Error message for invalid state
+     */
+    error?: ReactNode;
+    /**
+     * The name attribute for the checkbox group - required for checkbox functionality
+     */
+    name: string;
+    /**
+     * Current selected values (controlled component)
+     * Array of strings representing selected option values
+     */
+    value?: string[];
+    /**
+     * Callback when value changes
+     */
+    onChange?: (value: string[]) => void;
+}
+/**
+ * Props for the SegmentMultipleInput.Option component
+ */
+export interface SegmentMultipleInputOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'name'> {
+    /**
+     * The option label content
+     */
+    children: ReactNode;
+    /**
+     * The value for this segment option
+     */
+    value: string;
+}

package/dist/components/segment-multiple-input.js

@@ -0,0 +1,4 @@
+import { S as p } from "../segment-multiple-input-VwHCqFd6.js";
+export {
+  p as SegmentMultipleInput
+};

package/dist/components/segment-single-input/context.d.ts

@@ -0,0 +1,12 @@
+import { SegmentSingleInputProps } from './types';
+export interface SegmentSingleInputContextValue {
+    variant: SegmentSingleInputProps['variant'];
+    size: SegmentSingleInputProps['size'];
+    disabled?: boolean;
+    error?: boolean;
+    name: string;
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+}
+export declare const SegmentSingleInputContext: import('react').Context<SegmentSingleInputContextValue | null>;
+export declare const useSegmentSingleInputContext: () => SegmentSingleInputContextValue;

package/dist/components/segment-single-input/helpers.d.ts

@@ -0,0 +1,15 @@
+export declare const segmentGroupVariants: (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;
+    error?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const segmentOptionVariants: (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;
+    rounded?: "first" | "last" | "middle" | "single" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Get the selected/checked state classes for segment options
+ * Includes hover state overrides to maintain consistent appearance when selected
+ */
+export declare const getSegmentSelectedClasses: (variant: string | undefined) => string;

package/dist/components/segment-single-input/index.d.ts

@@ -0,0 +1,2 @@
+export { SegmentSingleInput } from './segment-single-input';
+export type { SegmentSingleInputProps, SegmentSingleInputOptionProps, } from './types';

package/dist/components/segment-single-input/segment-single-input.atoms.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { SegmentSingleInputOptionProps } from './types';
+/**
+ * SegmentSingleInput.Option atom component
+ *
+ * Individual segment option that can be used within SegmentSingleInput
+ * Features tab-like styling with seamless connections between segments
+ */
+export declare const SegmentOption: React.ForwardRefExoticComponent<SegmentSingleInputOptionProps & {
+    position?: "first" | "middle" | "last" | "single";
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/segment-single-input/segment-single-input.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SegmentSingleInputProps } from './types';
+export declare const SegmentSingleInput: React.ForwardRefExoticComponent<SegmentSingleInputProps & React.RefAttributes<HTMLDivElement>> & {
+    Option: React.ForwardRefExoticComponent<import('./types').SegmentSingleInputOptionProps & {
+        position?: "first" | "middle" | "last" | "single";
+    } & React.RefAttributes<HTMLInputElement>>;
+};

package/dist/components/segment-single-input/segment-single-input.stories.d.ts

@@ -0,0 +1,57 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SegmentSingleInput } from './segment-single-input';
+/**
+ * SegmentSingleInput provides a segmented radio input component with tab-like visual design.
+ * Perfect for form components that need clear visual grouping and single selection.
+ *
+ * Based on radio input pattern but with enhanced styling for segment appearance.
+ * Supports all Versaur color variants and accessibility features.
+ *
+ * This is a controlled component that allows unselecting (setting value to null).
+ */
+declare const meta: Meta<typeof SegmentSingleInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default segment input with three transaction type options - controlled component
+ * Click on the selected option to unselect it (set value to null)
+ */
+export declare const Default: Story;
+/**
+ * All available size variants
+ */
+export declare const Sizes: Story;
+/**
+ * With helper text and labels
+ */
+export declare const WithLabelsAndHelper: Story;
+/**
+ * Error state example
+ */
+export declare const WithError: Story;
+/**
+ * All color variants demonstration
+ */
+export declare const ColorVariants: Story;
+/**
+ * Outline variants demonstration
+ */
+export declare const OutlineVariants: Story;
+/**
+ * Disabled state demonstration
+ */
+export declare const Disabled: Story;
+/**
+ * Controlled component example demonstrating onChange functionality
+ * Shows how the component can be controlled and how unselection works
+ */
+export declare const Controlled: Story;
+/**
+ * Icon-only segment options demonstration
+ * Shows segments with only icons, no text labels
+ */
+export declare const IconOnly: Story;
+/**
+ * Mixed content - icons with text and icon-only options
+ */
+export declare const MixedContent: Story;

package/dist/components/segment-single-input/types.d.ts

@@ -0,0 +1,55 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+/**
+ * Props for the SegmentSingleInput component
+ */
+export interface SegmentSingleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> {
+    /**
+     * 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 segment inputs
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Label text to display above the segment group
+     */
+    label?: ReactNode;
+    /**
+     * Helper text to display below the segment group
+     */
+    helperText?: ReactNode;
+    /**
+     * Error message for invalid state
+     */
+    error?: ReactNode;
+    /**
+     * The name attribute for the radio group - required for radio functionality
+     */
+    name: string;
+    /**
+     * Current selected value (controlled component)
+     * Use null to indicate no selection
+     */
+    value?: string | null;
+    /**
+     * Callback when value changes
+     */
+    onChange?: (value: string | null) => void;
+}
+/**
+ * Props for the SegmentSingleInput.Option component
+ */
+export interface SegmentSingleInputOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'name'> {
+    /**
+     * The option label content
+     */
+    children: ReactNode;
+    /**
+     * The value for this segment option
+     */
+    value: string;
+}

package/dist/components/segment-single-input.js

@@ -0,0 +1,4 @@
+import { S as t } from "../segment-single-input-Cqoo7-C2.js";
+export {
+  t as SegmentSingleInput
+};

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

@@ -0,0 +1,3 @@
+export declare const selectInputVariants: (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;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,2 @@
+export { SelectInput } from './select-input';
+export type { SelectInputProps } from './types';

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { SelectInputProps } from './types';
+/**
+ * SelectInput component for Versaur UI
+ *
+ * Provides a styled select dropdown with semantic color, variant, error, and disabled support
+ * Follows browser standards and accessibility best practices
+ */
+export declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<HTMLSelectElement>>;

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

@@ -0,0 +1,50 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SelectInput } from './select-input';
+declare const meta: Meta<typeof SelectInput>;
+export default meta;
+type Story = StoryObj<typeof SelectInput>;
+/**
+ * The default SelectInput with primary variant (coral color) and a selection of options.
+ * Perfect for forms requiring user selection from predefined choices.
+ */
+export declare const Default: Story;
+/**
+ * All core color variants demonstrating Versaur's harmonious color palette.
+ * Each variant maintains consistency with the brand's design system.
+ */
+export declare const CoreVariants: Story;
+/**
+ * Outline variants providing a more subtle appearance while maintaining color identity.
+ * Ideal for secondary actions or when a lighter visual weight is preferred.
+ */
+export declare const OutlineVariants: Story;
+/**
+ * Semantic variants for different states and feedback scenarios.
+ * Each variant conveys specific meaning through color psychology.
+ */
+export declare const SemanticVariants: Story;
+/**
+ * SelectInput with helper text providing additional guidance.
+ * Helper text appears below the select when no error is present.
+ */
+export declare const WithHelperText: Story;
+/**
+ * SelectInput in error state with validation message.
+ * Error state overrides the variant color and displays error message.
+ */
+export declare const WithError: Story;
+/**
+ * Disabled SelectInput demonstrating reduced opacity and non-interactive state.
+ * Maintains visual consistency while clearly indicating unavailability.
+ */
+export declare const Disabled: Story;
+/**
+ * SelectInput with grouped options using optgroup for better organization.
+ * Demonstrates proper semantic structure for complex option lists.
+ */
+export declare const WithOptionGroups: Story;
+/**
+ * Multiple SelectInput examples in a form layout.
+ * Shows how SelectInput components work together in real-world scenarios.
+ */
+export declare const FormExample: Story;

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

@@ -0,0 +1,29 @@
+import { SelectHTMLAttributes, ReactNode } from 'react';
+/**
+ * Props for the SelectInput component
+ */
+export interface SelectInputProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, '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';
+    /**
+     * Label text to display above the select
+     */
+    label: ReactNode;
+    /**
+     * Helper text to display below the select
+     */
+    helperText?: ReactNode;
+    /**
+     * Error message for invalid state
+     */
+    error?: ReactNode;
+    /**
+     * Placeholder text for when no option is selected
+     */
+    placeholder?: string;
+}

package/dist/components/select-input.js

@@ -0,0 +1,4 @@
+import { S as o } from "../select-input-DCb0usvK.js";
+export {
+  o as SelectInput
+};

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

@@ -0,0 +1,6 @@
+import { VariantProps } from '../../utils/variants';
+export declare const skeletonVariants: (props?: ({
+    shape?: "circle" | "square" | "rounded" | "rectangle" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;

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

@@ -0,0 +1,2 @@
+export { Skeleton } from './skeleton';
+export type * from './types';

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,6 @@
+import { SkeletonProps } from './types';
+import * as React from 'react';
+/**
+ * Skeleton is a placeholder loading component that supports shape, size, color, and rows variations
+ */
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Skeleton } from './skeleton';
+/**
+ * Skeleton component stories for Versaur UI
+ * Demonstrates shape, size, color, and rows variations for loading placeholders
+ */
+declare const meta: Meta<typeof Skeleton>;
+export default meta;
+type Story = StoryObj<typeof Skeleton>;
+/**
+ * Default skeleton (rounded, md, neutral)
+ */
+export declare const Default: Story;
+/**
+ * All shape variations
+ */
+export declare const Shapes: Story;
+/**
+ * All size variations
+ */
+export declare const Sizes: Story;
+/**
+ * Custom height (multiline skeleton)
+ */
+export declare const CustomHeight: Story;

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+/**
+ * SkeletonProps defines the props for the Skeleton component
+ * @property shape - The shape of the skeleton (rectangle, rounded, circle, square)
+ * @property size - The size of the skeleton (sm, md, lg, xl, or custom string)
+ * @property rows - Number of rows (height) for multiline skeletons
+ * @property color - The color variant for the skeleton (primary, secondary, tertiary, ghost, neutral, success, info, warning, danger)
+ * @property className - Additional class names for custom styling
+ */
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    /** The shape of the skeleton */
+    shape?: 'rectangle' | 'rounded' | 'circle' | 'square';
+    /** The size of the skeleton */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | string;
+    /** Custom height for the skeleton (overrides size) */
+    height?: number | string;
+}

package/dist/components/skeleton.js

@@ -0,0 +1,4 @@
+import { S as r } from "../skeleton-D4X5USf_.js";
+export {
+  r as Skeleton
+};

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

@@ -0,0 +1,8 @@
+export declare const snackbarVariants: (props?: ({
+    color?: "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Returns the ButtonIcon variant for the given snackbar color
+ * @param color - Snackbar color prop
+ */
+export declare function getSnackbarButtonIconVariant(color?: 'success' | 'info' | 'warning' | 'danger'): "success-ghost" | "info-ghost" | "warning-ghost" | "danger-ghost";

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

@@ -0,0 +1,2 @@
+export { Snackbar } from './snackbar';
+export type { SnackbarProps } from './types';

package/dist/components/snackbar/snackbar.atoms.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { SnackbarTextProps, SnackbarActionProps } from './types';
+/**
+ * SnackbarText atom for displaying the message
+ */
+export declare const SnackbarText: React.FC<SnackbarTextProps>;
+/**
+ * SnackbarAction atom for custom action elements
+ */
+export declare const SnackbarAction: React.FC<SnackbarActionProps>;

package/dist/components/snackbar/snackbar.d.ts

@@ -0,0 +1,6 @@
+import { SnackbarProps } from './types';
+/**
+ * Snackbar component for brief messages and actions
+ * Follows Versaur design system and Material guidelines
+ */
+export declare const Snackbar: import('react').ForwardRefExoticComponent<SnackbarProps & import('react').RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,40 @@
+import { ReactNode, HTMLAttributes } from 'react';
+/**
+ * SnackbarTextProps: Props for SnackbarText atom
+ */
+export interface SnackbarTextProps extends HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+}
+/**
+ * SnackbarActionProps: Props for SnackbarAction atom
+ */
+export interface SnackbarActionProps extends HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+}
+/**
+ * SnackbarProps defines the props for the Snackbar component
+ * @property children - Message content for the snackbar
+ * @property action - Optional action element (e.g., button)
+ * @property onClose - Handler for closing the snackbar
+ * @property color - Color variant based on Versaur color system
+ * @property className - Additional CSS classes
+ */
+export interface SnackbarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Message content for the snackbar
+     */
+    children: ReactNode;
+    /**
+     * Optional action element (e.g., button)
+     */
+    action?: ReactNode;
+    /**
+     * Handler for closing the snackbar
+     */
+    onClose?: () => void;
+    /**
+     * Color variant based on Versaur color system
+     * -  success, info, warning, danger
+     */
+    color?: 'success' | 'info' | 'warning' | 'danger';
+}

package/dist/components/snackbar.js

@@ -0,0 +1,4 @@
+import { S as o } from "../snackbar-CYias-fJ.js";
+export {
+  o as Snackbar
+};

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

@@ -0,0 +1,18 @@
+/**
+ * Variants for SwitchInput track
+ * Controls color, size, checked, and disabled state
+ */
+export declare const switchVariants: (props?: ({
+    color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    disabled?: boolean | null | undefined;
+    checked?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Variants for SwitchInput thumb
+ * Controls size and checked state
+ */
+export declare const thumbVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    checked?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,3 @@
+export * from './switch-input';
+export * from './switch-input.atoms';
+export * from './types';

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

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { SwitchInputProps } from './types';
+/**
+ * Track for SwitchInput
+ * Renders the background track with color, size, and disabled state
+ */
+export declare const SwitchTrack: React.FC<Pick<SwitchInputProps, 'color' | 'size' | 'disabled'> & {
+    className?: string;
+    checked?: boolean;
+}>;
+/**
+ * Thumb for SwitchInput
+ * Renders the thumb with size and checked state
+ */
+export declare const SwitchThumb: React.FC<{
+    size?: 'sm' | 'md' | 'lg';
+    checked?: boolean;
+}>;
+/**
+ * Label for SwitchInput
+ * Renders the label with placement and disabled state
+ */
+export declare const SwitchLabel: React.FC<{
+    label?: string;
+    htmlFor?: string;
+    placement?: 'top' | 'inline';
+    disabled?: boolean;
+}>;

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { SwitchInputProps } from './types';
+/**
+ * SwitchInput component for toggling boolean state
+ */
+export declare const SwitchInput: React.ForwardRefExoticComponent<SwitchInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,10 @@
+import { SwitchInput } from './switch-input';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof SwitchInput>;
+export default meta;
+type Story = StoryObj<typeof SwitchInput>;
+export declare const Default: Story;
+export declare const InlineLabel: Story;
+export declare const Disabled: Story;
+export declare const NoLabel: Story;
+export declare const ColorVariations: Story;

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

@@ -0,0 +1,49 @@
+/**
+ * Props for SwitchInput component
+ */
+export interface SwitchInputProps {
+    /**
+     * Controlled checked state
+     */
+    checked?: boolean;
+    /**
+     * Uncontrolled default checked state
+     */
+    defaultChecked?: boolean;
+    /**
+     * Callback when checked state changes
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Color variant (primary, secondary, etc.)
+     */
+    color?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
+    /**
+     * Size variant
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * Label placement: top (default) or inline
+     */
+    labelPlacement?: 'top' | 'inline';
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Additional className for root
+     */
+    className?: string;
+    /**
+     * id for input (for accessibility)
+     */
+    id?: string;
+    /**
+     * aria-label for accessibility
+     */
+    ariaLabel?: string;
+}

package/dist/components/switch-input.js

@@ -0,0 +1,7 @@
+import { S as t, c as h, b as S, a as i } from "../switch-input-C5s1lvYh.js";
+export {
+  t as SwitchInput,
+  h as SwitchLabel,
+  S as SwitchThumb,
+  i as SwitchTrack
+};

package/dist/components/tabs/context.d.ts

@@ -0,0 +1,3 @@
+import { TabsContextValue } from './types';
+export declare const TabsContext: import('react').Context<TabsContextValue | null>;
+export declare const useTabsContext: () => TabsContextValue;