@bigbinary/neeto-atoms 1.0.9 → 1.0.11

package/dist/components/{MultiSelectCombobox.types.d.ts → Select/MultiSelectCombobox.types.d.ts}

@@ -1,18 +1,7 @@
 import type React from "react";
 import type { ComboboxContent } from "src/primitives/Combobox";
-import type { OptionBase } from "./shared.types";
-import type { MultiSelectOption } from "./MultiSelect.types";
-export interface DropdownPassthroughProps {
-    resolvedOptions: MultiSelectOption[];
-    flatOptionsMap: Map<string, OptionBase>;
-    isGrouped: boolean;
-    isLoading: boolean;
-    loadingMessage: string;
-    emptyMessage: string;
-    showCreateOption: boolean;
-    hasMoreLazy: boolean;
-    loaderCallbackRef: (node: HTMLDivElement | null) => void;
-}
+import type { DropdownPassthroughProps } from "./dropdown.types";
+export type { DropdownPassthroughProps };
 export interface MultiSelectComboboxProps {
     name?: string;
     id: string;
@@ -42,6 +31,7 @@ export interface MultiSelectComboboxProps {
     };
     error: string;
     chipsClassName?: string;
+    inputClassName?: string;
     placeholder: string;
     hideChipRemove: boolean;
     ariaDescribedBy?: string;

package/dist/components/{OptionItem.d.ts → Select/OptionItem.d.ts}

@@ -1,4 +1,4 @@
-import type { OptionBase } from "./shared.types";
+import type { OptionBase } from "./types";
 interface OptionItemProps {
     val: string;
     flatOptionsMap: Map<string, OptionBase>;

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

@@ -0,0 +1,4 @@
+import type { SelectProps } from "./types";
+export type { SelectProps, SelectOption, SelectOptionBase, SelectOptionGroup, } from "./types";
+declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLInputElement>>;
+export { Select };

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

@@ -0,0 +1,2 @@
+import type { SelectComboboxProps } from "./SelectCombobox.types";
+export declare const SelectCombobox: import("react").ForwardRefExoticComponent<SelectComboboxProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,73 @@
+import type React from "react";
+import type { ComboboxContent } from "src/primitives/Combobox";
+import type { DropdownPassthroughProps } from "./dropdown.types";
+export type { DropdownPassthroughProps };
+export interface SelectComboboxProps {
+    /** Name attribute forwarded to the underlying input. */
+    name?: string;
+    /** ID for the combobox input, forwarded from the field wrapper. */
+    id: string;
+    /** Base-UI items array for filtering (derived from options). */
+    effectiveItems?: string[] | {
+        label: string;
+        items: string[];
+    }[];
+    /** Returns the display label for a given value string. */
+    labelForValue: (val: string) => string;
+    /** Whether the search input is visible. */
+    isSearchable: boolean;
+    /** Whether options are loaded asynchronously. */
+    isAsync: boolean;
+    /** Whether new options can be created by typing. */
+    isCreatable: boolean;
+    /** Custom filter function used when isCreatable=true. */
+    creatableFilter: (v: string, q: string, fn?: (v: string) => string) => boolean;
+    /** Whether the component is in controlled mode. */
+    isControlled: boolean;
+    /** Controlled value (only when isControlled=true). */
+    valueProp?: string;
+    /** Default value for uncontrolled mode. */
+    defaultValue?: string;
+    /** The currently selected value string. */
+    currentValue: string;
+    /** Called by the combobox when the selected value changes. */
+    handleValueChange: (next: string | null) => void;
+    /** Called when the search input value changes (async/creatable). */
+    handleInputValueChange: (value: string) => void;
+    /** Called when the clear button is clicked. */
+    handleClear: () => void;
+    /** Callback when the dropdown opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the component is disabled. */
+    isDisabled: boolean;
+    /** Whether the first matching item is highlighted automatically. */
+    autoHighlight: boolean;
+    /** Whether the field is required. */
+    required: boolean;
+    /** Whether to show a clear button when a value is selected. */
+    isClearable: boolean;
+    /** Whether the clear button is currently visible. */
+    showClearButton: boolean;
+    /** Tailwind size classes for the trigger container. */
+    sizeConfig: {
+        chips: string;
+        input: string;
+        chip: string;
+    };
+    /** Error string (non-empty triggers error styling). */
+    error: string;
+    /** Placeholder text for the input. */
+    placeholder: string;
+    /** aria-describedby value for the input. */
+    ariaDescribedBy?: string;
+    /** data-testid prefix for the component tree. */
+    testIdPrefix?: string;
+    /** Additional CSS class names for the input/trigger. */
+    inputClassName?: string;
+    /** Props forwarded to ComboboxContent. */
+    contentProps?: Omit<React.ComponentProps<typeof ComboboxContent>, "anchor" | "children">;
+    /** Dropdown state props passed through to MultiSelectDropdown. */
+    dropdownProps: DropdownPassthroughProps;
+    /** Children rendered inside the dropdown (overrides options). */
+    children?: React.ReactNode;
+}

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

@@ -0,0 +1,12 @@
+import type { SelectOption, SelectOptionBase } from "./types";
+export interface DropdownPassthroughProps {
+    resolvedOptions: SelectOption[];
+    flatOptionsMap: Map<string, SelectOptionBase>;
+    isGrouped: boolean;
+    isLoading: boolean;
+    loadingMessage: string;
+    emptyMessage: string;
+    showCreateOption: boolean;
+    hasMoreLazy: boolean;
+    loaderCallbackRef: (node: HTMLDivElement | null) => void;
+}

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

@@ -0,0 +1,2 @@
+export { Select } from "./Select";
+export type { SelectProps, SelectOption, SelectOptionBase, SelectOptionGroup, } from "./types";

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

@@ -0,0 +1,148 @@
+import type React from "react";
+import type { ComboboxContent } from "src/primitives/Combobox";
+import type { FieldLabel } from "src/primitives/Field";
+export interface OptionBase {
+    /** Display text for the option. */
+    label: string;
+    /** Unique value for the option. */
+    value: string;
+    /** Whether the option is disabled. */
+    disabled?: boolean;
+}
+export interface OptionGroup {
+    /** Group heading text. */
+    label: string;
+    /** Options within this group. */
+    options: OptionBase[];
+}
+export type Option = OptionBase | OptionGroup;
+export declare function isOptionGroup(opt: Option): opt is OptionGroup;
+export type SelectOptionBase = OptionBase;
+export type SelectOptionGroup = OptionGroup;
+export type SelectOption = Option;
+type SelectSize = "small" | "medium" | "large";
+interface SelectSharedProps {
+    /** Unique identifier for the select. Auto-generated if omitted. */
+    id?: string;
+    /** Name attribute forwarded to the underlying input. */
+    name?: string;
+    /** Size of the trigger. */
+    size?: SelectSize;
+    /** Label displayed above the select. */
+    label?: string;
+    /** Error message displayed below the select. */
+    error?: string;
+    /** Help text displayed below the select. */
+    helpText?: React.ReactNode;
+    /** Placeholder text when no value is selected. */
+    placeholder?: string;
+    /** Flat or grouped option list. */
+    options?: SelectOption[];
+    /** Disable the select. */
+    isDisabled?: boolean;
+    /** Mark as required. */
+    required?: boolean;
+    /**
+     * Enable search/filtering of options by typing in the input.
+     * When false, the input is hidden and the trigger shows the selected label.
+     * @default true
+     */
+    isSearchable?: boolean;
+    /** Whether the first matching item is highlighted automatically. @default true */
+    autoHighlight?: boolean;
+    /** Callback fired when the dropdown opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Positioning strategy for the dropdown content.
+     * @deprecated The Combobox primitive always uses popper-style positioning.
+     * Use `contentProps.side` and `contentProps.align` for positioning control.
+     */
+    position?: "item-aligned" | "popper";
+    /** Show a clear/reset button when a value is selected. */
+    isClearable?: boolean;
+    /**
+     * Allow creating new options by typing a value that doesn't exist.
+     * Works in both single and multi mode.
+     */
+    isCreatable?: boolean;
+    /**
+     * Callback fired when a new option is created via the "Create X" item.
+     * The parent should update the `options` list to include the new value.
+     */
+    onCreateOption?: (inputValue: string) => void;
+    /**
+     * Customize the label for the "Create" option in the dropdown.
+     * @default (inputValue) => `Create "${inputValue}"`
+     */
+    formatCreateLabel?: (inputValue: string) => string;
+    /**
+     * Async function that fetches options based on the current input value.
+     * Works in both single and multi mode.
+     */
+    loadOptions?: (inputValue: string) => Promise<SelectOptionBase[]>;
+    /**
+     * Options to show before the user types anything.
+     * When `true`, `loadOptions("")` is called on mount.
+     * @default false
+     */
+    defaultOptions?: boolean | SelectOptionBase[];
+    /**
+     * Cache results from `loadOptions` so repeated queries are instant.
+     * @default false
+     */
+    cacheOptions?: boolean;
+    /** Text shown while `loadOptions` is fetching. @default "Loading…" */
+    loadingMessage?: string;
+    /** Text displayed when no options match. @default "No results found." */
+    emptyMessage?: string;
+    /**
+     * Enable lazy loading of options as the user scrolls.
+     * @default false
+     */
+    isAsyncLoadOptionEnabled?: boolean;
+    /** Callback to load the next batch of options (lazy loading). */
+    fetchMore?: () => void;
+    /** Total number of options on the server (lazy loading). */
+    totalOptionsCount?: number;
+    /** Custom data-testid prefix for the component tree. */
+    dataTestId?: string;
+    /** Props forwarded to the FieldLabel. */
+    labelProps?: Omit<React.ComponentProps<typeof FieldLabel>, "htmlFor" | "children">;
+    /** Props forwarded to the ComboboxContent. */
+    contentProps?: Omit<React.ComponentProps<typeof ComboboxContent>, "anchor" | "children">;
+    /** Additional CSS class names for the outermost wrapper. */
+    className?: string;
+    /** Additional CSS class names for the input/trigger element. */
+    inputClassName?: string;
+    /** Children rendered inside the dropdown (overrides `options`). */
+    children?: React.ReactNode;
+}
+interface SingleSelectProps extends SelectSharedProps {
+    /** When true, multiple values can be selected and the trigger shows chips. @default false */
+    isMulti?: false;
+    /** Controlled selected value. */
+    value?: string;
+    /** Default selected value (uncontrolled). */
+    defaultValue?: string;
+    /** Callback fired when value changes. */
+    onChange?: (value: string) => void;
+}
+interface MultiSelectVariantProps extends SelectSharedProps {
+    /** When true, multiple values can be selected and the trigger shows chips. */
+    isMulti: true;
+    /** Controlled selected values. */
+    value?: string[];
+    /** Default selected values (uncontrolled). */
+    defaultValue?: string[];
+    /** Callback fired when selected values change. */
+    onChange?: (values: string[]) => void;
+    /** Additional CSS class names for the chips container. */
+    chipsClassName?: string;
+    /** Hide the remove button on individual chips. */
+    hideChipRemove?: boolean;
+}
+export type SelectProps = SingleSelectProps | MultiSelectVariantProps;
+export type MultiSelectProps = Extract<SelectProps, {
+    isMulti: true;
+}>;
+export {};

package/dist/components/{MultiSelect.utils.d.ts → Select/utils.d.ts}

@@ -1,4 +1,4 @@
-import type { MultiSelectOption, MultiSelectOptionBase } from "./MultiSelect.types";
+import type { SelectOption as MultiSelectOption, SelectOptionBase as MultiSelectOptionBase } from "./types";
 /** Flatten grouped options into a flat lookup array. */
 export declare function flattenOptions(options: MultiSelectOption[]): MultiSelectOptionBase[];
 /** Check if any option is a group. */

package/dist/components/Select.js

@@ -1,2 +1,30 @@
-
+export { S as Select } from '../Select-TlFBcxcY.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../SelectFieldWrapper-BJzq9aCY.js';
+import '../primitives/Field.js';
+import '../index-D7Zy7P05.js';
+import '../utils-DdHUxIdC.js';
+import '../label-B4qDF3W1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+import '../separator-BbhgePmX.js';
+import '../primitives/Combobox.js';
+import '../button-COIbN8dg.js';
+import '../index-CfriMyrd.js';
+import '../input-group-ytECR3Hw.js';
+import '../input-GLCCE2kT.js';
+import '../textarea-BSZwxzjQ.js';
+import '../check-Cpkv29p1.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../x-_o2T3n6D.js';
+import '../chevron-down-BNi0ntys.js';
+import '../floating-ui.react-dom-D8_f_WWh.js';
+import '../index-DZXbzIgC.js';
+import '../index-CSMSzzKM.js';
+import '../with-selector-Dv0G_V_o.js';
+import '../primitives/Spinner.js';
+import 'react-i18next';
+import '../loader-circle-DycHUAWN.js';
 //# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Sheet/constants.d.ts

@@ -0,0 +1,3 @@
+type SheetSize = "small" | "large" | "extraLarge";
+export declare const SIZE_CLASS_MAP: Record<SheetSize, string>;
+export {};

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

@@ -0,0 +1,2 @@
+export { Sheet } from "./Sheet";
+export type { SheetProps } from "./Sheet";

package/dist/components/Sheet.js

@@ -1,7 +1,8 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { c as cn } from '../utils-DdHUxIdC.js';
-import { SheetHeader as SheetHeader$1, SheetFooter as SheetFooter$1, SheetTitle as SheetTitle$1, SheetDescription as SheetDescription$1, Sheet as Sheet$1, SheetContent } from '../primitives/Sheet.js';
+export { S as Sheet } from '../Sheet-QFC_mHyj.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../primitives/Sheet.js';
 import '../button-COIbN8dg.js';
 import '../index-D7Zy7P05.js';
 import '../index-CfriMyrd.js';
@@ -23,67 +24,4 @@ import '../index-CSUSJzOJ.js';
 import '../index-B4_fVWDx.js';
 import '../index-fV_U4ZJM.js';
 import '../index-yFgkK_AM.js';
-
-// ---------------------------------------------------------------------------
-// Size mapping
-// ---------------------------------------------------------------------------
-// Uses data-[side] selector to match primitive specificity so tailwind-merge
-// can override the default sm:max-w-sm from the primitive.
-const SIZE_CLASS_MAP = {
-    small: "data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
-    large: "data-[side=left]:sm:max-w-lg data-[side=right]:sm:max-w-lg",
-    extraLarge: "data-[side=left]:sm:max-w-2xl data-[side=right]:sm:max-w-2xl",
-};
-const SheetHeader = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(SheetHeader$1, { ref: ref, className: cn(className), "data-testid": "sheet-header", ...otherProps, children: children })));
-SheetHeader.displayName = "Sheet.Header";
-const SheetBody = forwardRef(({ children, className, hasFooter = true, ...otherProps }, ref) => (jsx("div", { ref: ref, "data-slot": "sheet-body", "data-testid": "sheet-body", className: cn("flex flex-1 flex-col items-start justify-start overflow-y-auto px-4", hasFooter && "pb-0", className), ...otherProps, children: children })));
-SheetBody.displayName = "Sheet.Body";
-const SheetFooter = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(SheetFooter$1, { ref: ref, className: cn("flex flex-row items-center justify-start gap-2 border-t", className), "data-testid": "sheet-footer", ...otherProps, children: children })));
-SheetFooter.displayName = "Sheet.Footer";
-const SheetTitle = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(SheetTitle$1, { ref: ref, className: cn("text-2xl font-semibold", className), ...otherProps, children: children })));
-SheetTitle.displayName = "Sheet.Title";
-const SheetDescription = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(SheetDescription$1, { ref: ref, className: cn(className), ...otherProps, children: children })));
-SheetDescription.displayName = "Sheet.Description";
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-const Sheet = forwardRef(({ size = "small", isOpen = false, onClose = () => { }, children, className, closeOnEsc = true, closeButton = true, backdropClassName, closeOnOutsideClick = true, initialFocusRef, finalFocusRef, side = "right", modal, defaultOpen, 
-// Radix content handlers — intercept and merge
-onOpenAutoFocus: onOpenAutoFocusProp, onCloseAutoFocus: onCloseAutoFocusProp, ...otherProps }, ref) => {
-    const handleOpenChange = (open) => {
-        if (!open)
-            onClose();
-    };
-    const handleInteractOutside = (e) => {
-        if (!closeOnOutsideClick)
-            e.preventDefault();
-    };
-    const handleEscapeKeyDown = (e) => {
-        if (!closeOnEsc)
-            e.preventDefault();
-    };
-    const handleOpenAutoFocus = (e) => {
-        if (initialFocusRef?.current) {
-            e.preventDefault();
-            initialFocusRef.current.focus();
-        }
-        onOpenAutoFocusProp?.(e);
-    };
-    const handleCloseAutoFocus = (e) => {
-        if (finalFocusRef?.current) {
-            e.preventDefault();
-            finalFocusRef.current.focus();
-        }
-        onCloseAutoFocusProp?.(e);
-    };
-    return (jsx(Sheet$1, { open: isOpen, onOpenChange: handleOpenChange, modal: modal, defaultOpen: defaultOpen, children: jsx(SheetContent, { ref: ref, side: side, showCloseButton: closeButton, overlayClassName: backdropClassName, onInteractOutside: handleInteractOutside, onEscapeKeyDown: handleEscapeKeyDown, onOpenAutoFocus: handleOpenAutoFocus, onCloseAutoFocus: handleCloseAutoFocus, className: cn(SIZE_CLASS_MAP[size], className), "data-testid": "sheet-wrapper", ...otherProps, children: children }) }));
-});
-Sheet.displayName = "Sheet";
-Sheet.Header = SheetHeader;
-Sheet.Body = SheetBody;
-Sheet.Footer = SheetFooter;
-Sheet.Title = SheetTitle;
-Sheet.Description = SheetDescription;
-
-export { Sheet };
 //# sourceMappingURL=Sheet.js.map

package/dist/components/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","sources":["../../src/components/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type RefObject } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Sheet as PrimitiveSheet,\n  SheetContent as PrimitiveSheetContent,\n  SheetDescription as PrimitiveSheetDescription,\n  SheetFooter as PrimitiveSheetFooter,\n  SheetHeader as PrimitiveSheetHeader,\n  SheetTitle as PrimitiveSheetTitle,\n} from \"src/primitives/Sheet\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype SheetSize = \"small\" | \"large\" | \"extraLarge\";\n\n/** Radix Sheet.Content props we forward via ...otherProps. */\ntype SheetContentProps = React.ComponentProps<typeof PrimitiveSheetContent>;\n\nexport interface SheetProps extends Omit<\n  SheetContentProps,\n  | \"children\"\n  | \"className\"\n  | \"side\"\n  | \"showCloseButton\"\n  | \"onEscapeKeyDown\"\n  | \"onInteractOutside\"\n> {\n  /** Size of the sheet. */\n  size?: SheetSize;\n  /** Whether the sheet is open. */\n  isOpen?: boolean;\n  /** Callback invoked when the sheet is closed. */\n  onClose?: () => void;\n  /** Content rendered inside the sheet. */\n  children?: ReactNode;\n  /** Additional CSS class names applied to the sheet content. */\n  className?: string;\n  /** Close on pressing the Esc key. */\n  closeOnEsc?: boolean;\n  /** Show the close button. */\n  closeButton?: boolean;\n  /** Additional CSS class names applied to the backdrop/overlay. */\n  backdropClassName?: string;\n  /** Close on clicking outside the sheet. */\n  closeOnOutsideClick?: boolean;\n  /** Ref of the element to receive focus when the sheet opens. */\n  initialFocusRef?: RefObject<HTMLElement | null>;\n  /** Ref of the element to receive focus when the sheet closes. */\n  finalFocusRef?: RefObject<HTMLElement | null>;\n  /** Which side the sheet slides in from. */\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  /** Radix Dialog `modal` prop — controls modal vs non-modal behaviour. */\n  modal?: boolean;\n  /** Radix Dialog `defaultOpen` prop. */\n  defaultOpen?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Size mapping\n// ---------------------------------------------------------------------------\n\n// Uses data-[side] selector to match primitive specificity so tailwind-merge\n// can override the default sm:max-w-sm from the primitive.\nconst SIZE_CLASS_MAP: Record<SheetSize, string> = {\n  small: \"data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n  large: \"data-[side=left]:sm:max-w-lg data-[side=right]:sm:max-w-lg\",\n  extraLarge: \"data-[side=left]:sm:max-w-2xl data-[side=right]:sm:max-w-2xl\",\n};\n\n// ---------------------------------------------------------------------------\n// Subcomponents\n// ---------------------------------------------------------------------------\n\ninterface SheetSubcomponentProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n}\n\nconst SheetHeader = forwardRef<HTMLDivElement, SheetSubcomponentProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <PrimitiveSheetHeader\n      ref={ref}\n      className={cn(className)}\n      data-testid=\"sheet-header\"\n      {...otherProps}\n    >\n      {children}\n    </PrimitiveSheetHeader>\n  )\n);\nSheetHeader.displayName = \"Sheet.Header\";\n\nconst SheetBody = forwardRef<\n  HTMLDivElement,\n  SheetSubcomponentProps & { hasFooter?: boolean }\n>(({ children, className, hasFooter = true, ...otherProps }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"sheet-body\"\n    data-testid=\"sheet-body\"\n    className={cn(\n      \"flex flex-1 flex-col items-start justify-start overflow-y-auto px-4\",\n      hasFooter && \"pb-0\",\n      className\n    )}\n    {...otherProps}\n  >\n    {children}\n  </div>\n));\nSheetBody.displayName = \"Sheet.Body\";\n\nconst SheetFooter = forwardRef<HTMLDivElement, SheetSubcomponentProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <PrimitiveSheetFooter\n      ref={ref}\n      className={cn(\n        \"flex flex-row items-center justify-start gap-2 border-t\",\n        className\n      )}\n      data-testid=\"sheet-footer\"\n      {...otherProps}\n    >\n      {children}\n    </PrimitiveSheetFooter>\n  )\n);\nSheetFooter.displayName = \"Sheet.Footer\";\n\nconst SheetTitle = forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<typeof PrimitiveSheetTitle>\n>(({ children, className, ...otherProps }, ref) => (\n  <PrimitiveSheetTitle\n    ref={ref}\n    className={cn(\"text-2xl font-semibold\", className)}\n    {...otherProps}\n  >\n    {children}\n  </PrimitiveSheetTitle>\n));\nSheetTitle.displayName = \"Sheet.Title\";\n\nconst SheetDescription = forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<typeof PrimitiveSheetDescription>\n>(({ children, className, ...otherProps }, ref) => (\n  <PrimitiveSheetDescription\n    ref={ref}\n    className={cn(className)}\n    {...otherProps}\n  >\n    {children}\n  </PrimitiveSheetDescription>\n));\nSheetDescription.displayName = \"Sheet.Description\";\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Sheet = forwardRef<HTMLDivElement, SheetProps>(\n  (\n    {\n      size = \"small\",\n      isOpen = false,\n      onClose = () => {},\n      children,\n      className,\n      closeOnEsc = true,\n      closeButton = true,\n      backdropClassName,\n      closeOnOutsideClick = true,\n      initialFocusRef,\n      finalFocusRef,\n      side = \"right\",\n      modal,\n      defaultOpen,\n      // Radix content handlers — intercept and merge\n      onOpenAutoFocus: onOpenAutoFocusProp,\n      onCloseAutoFocus: onCloseAutoFocusProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const handleOpenChange = (open: boolean) => {\n      if (!open) onClose();\n    };\n\n    const handleInteractOutside = (e: Event) => {\n      if (!closeOnOutsideClick) e.preventDefault();\n    };\n\n    const handleEscapeKeyDown = (e: KeyboardEvent) => {\n      if (!closeOnEsc) e.preventDefault();\n    };\n\n    const handleOpenAutoFocus = (e: Event) => {\n      if (initialFocusRef?.current) {\n        e.preventDefault();\n        initialFocusRef.current.focus();\n      }\n      onOpenAutoFocusProp?.(e);\n    };\n\n    const handleCloseAutoFocus = (e: Event) => {\n      if (finalFocusRef?.current) {\n        e.preventDefault();\n        finalFocusRef.current.focus();\n      }\n      onCloseAutoFocusProp?.(e);\n    };\n\n    return (\n      <PrimitiveSheet\n        open={isOpen}\n        onOpenChange={handleOpenChange}\n        modal={modal}\n        defaultOpen={defaultOpen}\n      >\n        <PrimitiveSheetContent\n          ref={ref}\n          side={side}\n          showCloseButton={closeButton}\n          overlayClassName={backdropClassName}\n          onInteractOutside={handleInteractOutside}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\n          className={cn(SIZE_CLASS_MAP[size], className)}\n          data-testid=\"sheet-wrapper\"\n          {...otherProps}\n        >\n          {children}\n        </PrimitiveSheetContent>\n      </PrimitiveSheet>\n    );\n  }\n) as React.ForwardRefExoticComponent<\n  SheetProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Header: typeof SheetHeader;\n  Body: typeof SheetBody;\n  Footer: typeof SheetFooter;\n  Title: typeof SheetTitle;\n  Description: typeof SheetDescription;\n};\n\nSheet.displayName = \"Sheet\";\nSheet.Header = SheetHeader;\nSheet.Body = SheetBody;\nSheet.Footer = SheetFooter;\nSheet.Title = SheetTitle;\nSheet.Description = SheetDescription;\n\nexport { Sheet };\n"],"names":["_jsx","PrimitiveSheetHeader","PrimitiveSheetFooter","PrimitiveSheetTitle","PrimitiveSheetDescription","PrimitiveSheet","PrimitiveSheetContent"],"mappings":"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"}
+{"version":3,"file":"Sheet.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+export { Slider } from "./Slider";
+export type { SliderProps } from "./Slider";

package/dist/components/Slider.js

@@ -1,8 +1,8 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useId } from 'react';
-import { Slider as Slider$1 } from '../primitives/Slider.js';
-import { c as cn } from '../utils-DdHUxIdC.js';
-import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '../primitives/Field.js';
+export { S as Slider } from '../Slider-BCQXhs0Q.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../primitives/Slider.js';
+import '../utils-DdHUxIdC.js';
 import '../index-BfAAoDv6.js';
 import '../index-DNzunGHb.js';
 import '../index-BtkPdosV.js';
@@ -15,29 +15,8 @@ import '../index-BYZaLNq1.js';
 import '../index-DhnfW8wQ.js';
 import 'react-dom';
 import '../index-Dd1i1d2M.js';
+import '../primitives/Field.js';
 import '../index-D7Zy7P05.js';
 import '../label-B4qDF3W1.js';
 import '../separator-BbhgePmX.js';
-
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-const Slider = forwardRef(({ label, error, helpText, required = false, className, labelProps, disabled, id: idProp, ...otherProps }, ref) => {
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
-    const errorId = `error_${id}`;
-    const helpTextId = `helpText_${id}`;
-    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null]
-        .filter(Boolean)
-        .join(" ") || undefined;
-    const hasField = !!(label || error || helpText);
-    const slider = (jsx(Slider$1, { ref: ref, id: id, disabled: disabled, "aria-invalid": !!error || undefined, "aria-describedby": ariaDescribedBy, "aria-label": !label ? undefined : label, className: cn(!hasField && className), ...otherProps }));
-    if (!hasField) {
-        return slider;
-    }
-    return (jsxs(Field, { "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, className: className, children: [label && (jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), jsxs(FieldContent, { children: [slider, !!error && jsx(FieldError, { id: errorId, children: error }), helpText && (jsx(FieldDescription, { id: helpTextId, children: helpText }))] })] }));
-});
-Slider.displayName = "Slider";
-
-export { Slider };
 //# sourceMappingURL=Slider.js.map

package/dist/components/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../src/components/Slider.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\n\nimport { Slider as PrimitiveSlider } from \"src/primitives/Slider\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface SliderProps extends React.ComponentProps<\n  typeof PrimitiveSlider\n> {\n  /** Label displayed above the slider. */\n  label?: string;\n  /** Error message displayed below the slider. */\n  error?: string;\n  /** Help text displayed below the slider. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Shows a required indicator next to the label. */\n  required?: boolean;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** Props forwarded to the FieldLabel element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Slider = forwardRef<\n  React.ComponentRef<typeof PrimitiveSlider>,\n  SliderProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      required = false,\n      className,\n      labelProps,\n      disabled,\n      id: idProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const hasField = !!(label || error || helpText);\n\n    const slider = (\n      <PrimitiveSlider\n        ref={ref}\n        id={id}\n        disabled={disabled}\n        aria-invalid={!!error || undefined}\n        aria-describedby={ariaDescribedBy}\n        aria-label={!label ? undefined : label}\n        className={cn(!hasField && className)}\n        {...otherProps}\n      />\n    );\n\n    if (!hasField) {\n      return slider;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {label && (\n          <FieldLabel htmlFor={id} {...labelProps}>\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"text-destructive\">\n                *\n              </span>\n            )}\n          </FieldLabel>\n        )}\n        <FieldContent>\n          {slider}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nSlider.displayName = \"Slider\";\n\nexport { Slider };\n"],"names":["_jsx","PrimitiveSlider","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiCA;AACA;AACA;AAEA,MAAM,MAAM,GAAG,UAAU,CAIvB,CACE,EACE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,GAAG,UAAU,EACd,EACD,GAAG,KACD;AACF,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE;AAC3B,IAAA,MAAM,EAAE,GAAG,MAAM,IAAI,WAAW;AAChC,IAAA,MAAM,OAAO,GAAG,CAAA,MAAA,EAAS,EAAE,EAAE;AAC7B,IAAA,MAAM,UAAU,GAAG,CAAA,SAAA,EAAY,EAAE,EAAE;IAEnC,MAAM,eAAe,GACnB,CAAC,KAAK,GAAG,OAAO,GAAG,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,IAAI;SAClD,MAAM,CAAC,OAAO;AACd,SAAA,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS;IAE3B,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,IAAI,KAAK,IAAI,QAAQ,CAAC;IAE/C,MAAM,MAAM,IACVA,GAAA,CAACC,QAAe,EAAA,EACd,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,kBAAA,EAChB,eAAe,gBACrB,CAAC,KAAK,GAAG,SAAS,GAAG,KAAK,EACtC,SAAS,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,SAAS,CAAC,EAAA,GACjC,UAAU,EAAA,CACd,CACH;IAED,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,QACEC,IAAA,CAAC,KAAK,EAAA,EAAA,eAAA,EACW,QAAQ,IAAI,SAAS,EAAA,cAAA,EACtB,CAAC,CAAC,KAAK,IAAI,SAAS,EAClC,SAAS,EAAE,SAAS,EAAA,QAAA,EAAA,CAEnB,KAAK,KACJA,KAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA,GAAM,UAAU,EAAA,QAAA,EAAA,CACpC,KAAK,EACL,QAAQ,KACPF,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,GAAA,EAAA,CAE9C,CACR,CAAA,EAAA,CACU,CACd,EACDE,IAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EAAA,CACV,MAAM,EACN,CAAC,CAAC,KAAK,IAAIF,IAAC,UAAU,EAAA,EAAC,EAAE,EAAE,OAAO,EAAA,QAAA,EAAG,KAAK,GAAc,EACxD,QAAQ,KACPA,GAAA,CAAC,gBAAgB,EAAA,EAAC,EAAE,EAAE,UAAU,YAAG,QAAQ,EAAA,CAAoB,CAChE,CAAA,EAAA,CACY,CAAA,EAAA,CACT;AAEZ,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Slider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Spinner/constants.d.ts

@@ -0,0 +1 @@
+export declare const SIZE_CONFIG: Record<"sm" | "default" | "lg" | "xl", string>;

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

@@ -0,0 +1,2 @@
+export { Spinner } from "./Spinner";
+export type { SpinnerProps } from "./Spinner";

package/dist/components/Spinner.js

@@ -1,25 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { c as cn } from '../utils-DdHUxIdC.js';
-import { Spinner as Spinner$1 } from '../primitives/Spinner.js';
+export { S as Spinner } from '../Spinner-C8HSac-2.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
 import '../createLucideIcon-C8ycilSN.js';
-
-// ---------------------------------------------------------------------------
-// Size config
-// ---------------------------------------------------------------------------
-const SIZE_CONFIG = {
-    sm: "size-3",
-    default: "size-4",
-    lg: "size-6",
-    xl: "size-8",
-};
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-const Spinner = forwardRef(({ size = "default", className, ...otherProps }, ref) => (jsx(Spinner$1, { ref: ref, className: cn(SIZE_CONFIG[size], className), ...otherProps })));
-Spinner.displayName = "Spinner";
-
-export { Spinner };
 //# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../src/components/Spinner.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Spinner as PrimitiveSpinner } from \"src/primitives/Spinner\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface SpinnerProps extends React.ComponentProps<\n  typeof PrimitiveSpinner\n> {\n  /** Size variant of the spinner. */\n  size?: \"sm\" | \"default\" | \"lg\" | \"xl\";\n  /** Additional CSS class names. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Size config\n// ---------------------------------------------------------------------------\n\nconst SIZE_CONFIG: Record<NonNullable<SpinnerProps[\"size\"]>, string> = {\n  sm: \"size-3\",\n  default: \"size-4\",\n  lg: \"size-6\",\n  xl: \"size-8\",\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Spinner = forwardRef<SVGSVGElement, SpinnerProps>(\n  ({ size = \"default\", className, ...otherProps }, ref) => (\n    <PrimitiveSpinner\n      ref={ref}\n      className={cn(SIZE_CONFIG[size], className)}\n      {...otherProps}\n    />\n  )\n);\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner };\n"],"names":["_jsx","PrimitiveSpinner"],"mappings":";;;;;;;;AAkBA;AACA;AACA;AAEA,MAAM,WAAW,GAAsD;AACrE,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,QAAQ;CACb;AAED;AACA;AACA;AAEA,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,MAClDA,GAAA,CAACC,SAAgB,EAAA,EACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GACvC,UAAU,EAAA,CACd,CACH;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Spinner.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -0,0 +1,2 @@
+export { Stepper } from "./Stepper";
+export type { StepperProps } from "./Stepper";

package/dist/components/Stepper.js

@@ -1,33 +1,7 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default, { forwardRef } from 'react';
-import { c as cn } from '../utils-DdHUxIdC.js';
-import { C as Check } from '../check-Cpkv29p1.js';
+export { S as Stepper } from '../Stepper-BoGkmkY0.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../check-Cpkv29p1.js';
 import '../createLucideIcon-C8ycilSN.js';
-
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-const Stepper = forwardRef(({ steps, activeIndex = 0, onStepClick, className, orientation = "horizontal", }, ref) => {
-    const isHorizontal = orientation === "horizontal";
-    return (jsx("div", { ref: ref, role: "list", "aria-label": "Progress", className: cn("flex gap-2", isHorizontal ? "flex-row items-center" : "flex-col items-start", className), children: steps.map((step, index) => {
-            const isCompleted = index < activeIndex;
-            const isActive = index === activeIndex;
-            const isClickable = (isCompleted || isActive) && !!onStepClick;
-            const isLast = index === steps.length - 1;
-            const indicator = (jsx("span", { className: cn("relative flex size-7 shrink-0 items-center justify-center rounded-full text-sm font-semibold transition-colors", isCompleted && "bg-primary text-primary-foreground", isActive &&
-                    "bg-primary text-primary-foreground ring-2 ring-primary ring-offset-2 ring-offset-background", !isCompleted &&
-                    !isActive &&
-                    "bg-muted text-foreground/60 ring-1 ring-border"), children: isCompleted ? (jsx(Check, { className: "size-3.5", "aria-hidden": "true" })) : (index + 1) }));
-            const stepContent = (jsxs("div", { className: cn("flex min-w-0", isHorizontal
-                    ? "flex-row items-center gap-2"
-                    : "flex-row items-center gap-3"), children: [isClickable ? (jsx("button", { type: "button", onClick: () => onStepClick(index), "aria-current": isActive ? "step" : undefined, className: "cursor-pointer rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: indicator })) : (jsx("span", { "aria-current": isActive ? "step" : undefined, children: indicator })), jsx("span", { className: cn("hidden text-sm truncate max-w-full sm:inline", isActive && "font-medium text-foreground", isCompleted && "text-foreground", !isCompleted && !isActive && "text-muted-foreground"), children: step.label })] }));
-            const connector = !isLast && (jsx("div", { "aria-hidden": "true", className: cn("transition-colors", isHorizontal
-                    ? "mx-2 min-w-5 flex-1 border-t-2 sm:mx-3 sm:min-w-8"
-                    : "ms-[13px] min-h-6 self-stretch border-s-2", isCompleted ? "border-primary" : "border-dashed border-border") }));
-            return (jsxs(React__default.Fragment, { children: [jsx("div", { role: "listitem", className: cn("flex min-w-0", isHorizontal ? "shrink-0" : "flex-col"), children: stepContent }), connector] }, step.id));
-        }) }));
-});
-Stepper.displayName = "Stepper";
-
-export { Stepper };
 //# sourceMappingURL=Stepper.js.map

package/dist/components/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../src/components/Stepper.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface StepperProps {\n  /** Step definitions. */\n  steps: Array<{ id: string | number; label: string }>;\n  /** Current active step (0-based). */\n  activeIndex?: number;\n  /** Callback when a step indicator is clicked. */\n  onStepClick?: (index: number) => void;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** Layout direction. */\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Stepper = forwardRef<HTMLDivElement, StepperProps>(\n  (\n    {\n      steps,\n      activeIndex = 0,\n      onStepClick,\n      className,\n      orientation = \"horizontal\",\n    },\n    ref\n  ) => {\n    const isHorizontal = orientation === \"horizontal\";\n\n    return (\n      <div\n        ref={ref}\n        role=\"list\"\n        aria-label=\"Progress\"\n        className={cn(\n          \"flex gap-2\",\n          isHorizontal ? \"flex-row items-center\" : \"flex-col items-start\",\n          className\n        )}\n      >\n        {steps.map((step, index) => {\n          const isCompleted = index < activeIndex;\n          const isActive = index === activeIndex;\n          const isClickable = (isCompleted || isActive) && !!onStepClick;\n          const isLast = index === steps.length - 1;\n\n          const indicator = (\n            <span\n              className={cn(\n                \"relative flex size-7 shrink-0 items-center justify-center rounded-full text-sm font-semibold transition-colors\",\n                isCompleted && \"bg-primary text-primary-foreground\",\n                isActive &&\n                  \"bg-primary text-primary-foreground ring-2 ring-primary ring-offset-2 ring-offset-background\",\n                !isCompleted &&\n                  !isActive &&\n                  \"bg-muted text-foreground/60 ring-1 ring-border\"\n              )}\n            >\n              {isCompleted ? (\n                <CheckIcon className=\"size-3.5\" aria-hidden=\"true\" />\n              ) : (\n                index + 1\n              )}\n            </span>\n          );\n\n          const stepContent = (\n            <div\n              className={cn(\n                \"flex min-w-0\",\n                isHorizontal\n                  ? \"flex-row items-center gap-2\"\n                  : \"flex-row items-center gap-3\"\n              )}\n            >\n              {isClickable ? (\n                <button\n                  type=\"button\"\n                  onClick={() => onStepClick(index)}\n                  aria-current={isActive ? \"step\" : undefined}\n                  className=\"cursor-pointer rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n                >\n                  {indicator}\n                </button>\n              ) : (\n                <span aria-current={isActive ? \"step\" : undefined}>\n                  {indicator}\n                </span>\n              )}\n              <span\n                className={cn(\n                  \"hidden text-sm truncate max-w-full sm:inline\",\n                  isActive && \"font-medium text-foreground\",\n                  isCompleted && \"text-foreground\",\n                  !isCompleted && !isActive && \"text-muted-foreground\"\n                )}\n              >\n                {step.label}\n              </span>\n            </div>\n          );\n\n          const connector = !isLast && (\n            <div\n              aria-hidden=\"true\"\n              className={cn(\n                \"transition-colors\",\n                isHorizontal\n                  ? \"mx-2 min-w-5 flex-1 border-t-2 sm:mx-3 sm:min-w-8\"\n                  : \"ms-[13px] min-h-6 self-stretch border-s-2\",\n                isCompleted ? \"border-primary\" : \"border-dashed border-border\"\n              )}\n            />\n          );\n\n          return (\n            <React.Fragment key={step.id}>\n              <div\n                role=\"listitem\"\n                className={cn(\n                  \"flex min-w-0\",\n                  isHorizontal ? \"shrink-0\" : \"flex-col\"\n                )}\n              >\n                {stepContent}\n              </div>\n              {connector}\n            </React.Fragment>\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nStepper.displayName = \"Stepper\";\n\nexport { Stepper };\n"],"names":["_jsx","CheckIcon","_jsxs","React"],"mappings":"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"}
+{"version":3,"file":"Stepper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}