@spark-ui/components 13.1.4 → 13.2.0

package/dist/input-otp/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/input-otp/InputOTP.tsx","../../src/input-otp/InputOTPContext.tsx","../../src/input-otp/InputOTP.styles.ts","../../src/input-otp/InputOTPSlot.tsx","../../src/input-otp/useInputOTP.ts","../../src/input-otp/InputOTPGroup.tsx","../../src/input-otp/InputOTPSeparator.tsx","../../src/input-otp/index.ts"],"sourcesContent":["/* eslint-disable max-lines-per-function */\nimport { cx } from 'class-variance-authority'\nimport {\n  Children,\n  cloneElement,\n  ComponentPropsWithoutRef,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  Ref,\n  useMemo,\n} from 'react'\n\nimport { InputOTPContext } from './InputOTPContext'\nimport { InputOTPSlot } from './InputOTPSlot'\nimport { useInputOTP } from './useInputOTP'\n\n/**\n * Counts the number of InputOTPSlot components in the children tree\n */\nconst countSlots = (children: ReactNode): number => {\n  let count = 0\n\n  Children.forEach(children, child => {\n    if (isValidElement(child)) {\n      const props = child.props as { children?: ReactNode }\n      // Check if it's an InputOTPSlot by checking displayName\n      if (\n        child.type === InputOTPSlot ||\n        (child.type as { displayName?: string })?.displayName === 'InputOTP.Slot'\n      ) {\n        count++\n      } else if (props.children) {\n        // Recursively count slots in nested children (e.g., inside InputOTPGroup)\n        count += countSlots(props.children)\n      }\n    }\n  })\n\n  return count\n}\n\n/**\n * Recursively assigns index to InputOTPSlot components\n * Returns a tuple of [processedChildren, nextIndex]\n */\nconst assignSlotIndexes = (children: ReactNode, startIndex: number = 0): [ReactNode, number] => {\n  let currentIndex = startIndex\n\n  const processed = Children.map(children, child => {\n    if (isValidElement(child)) {\n      const props = child.props as { index?: number; children?: ReactNode }\n      // Check if it's an InputOTPSlot\n      if (\n        child.type === InputOTPSlot ||\n        (child.type as { displayName?: string })?.displayName === 'InputOTP.Slot'\n      ) {\n        // Only assign index if not already provided\n        const slotIndex = typeof props.index === 'number' ? props.index : currentIndex++\n\n        return cloneElement(child as ReactElement<{ index?: number }>, {\n          ...props,\n          index: slotIndex,\n        })\n      } else if (props.children) {\n        // Recursively process nested children\n        const [processedChildren, nextIndex] = assignSlotIndexes(props.children, currentIndex)\n        currentIndex = nextIndex\n\n        return cloneElement(child, {\n          ...(child.props as Record<string, unknown>),\n          children: processedChildren,\n        } as Parameters<typeof cloneElement>[1])\n      }\n    }\n\n    return child\n  })\n\n  return [processed, currentIndex]\n}\n\nexport interface InputOTPProps\n  extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'inputMode'> {\n  /**\n   * Maximum length of the input value.\n   * If not provided, will be automatically detected from the number of InputOTP.Slot children.\n   */\n  maxLength?: number\n  /**\n   * Type of input\n   * @default 'text'\n   */\n  type?: 'text' | 'number' | 'password' | 'tel'\n  /**\n   * Current value (controlled mode)\n   */\n  value?: string\n  /**\n   * Default value (uncontrolled mode)\n   */\n  defaultValue?: string\n  /**\n   * Callback fired when the value changes\n   */\n  onValueChange?: (value: string) => void\n  /**\n   * Whether the input is valid\n   * @default true\n   */\n  isValid?: boolean\n  /**\n   * Whether the input is disabled\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Whether to auto-focus the input\n   * @default false\n   */\n  autoFocus?: boolean\n  /**\n   * Auto-complete attribute\n   * @default 'off'\n   */\n  autoComplete?: string\n  /**\n   * Whether to force uppercase\n   * @default false\n   */\n  forceUppercase?: boolean\n  /**\n   * Array of keys to filter out (using KeyboardEvent.key values)\n   * @default ['-', '.']\n   */\n  filterKeys?: string[]\n  /**\n   * Pattern attribute for input validation and character filtering.\n   * Uses a regular expression to filter allowed characters in real-time.\n   * For example: \"[0-9]\" for digits only, \"[a-c]\" for letters a, b, c only.\n   */\n  pattern?: string\n  /**\n   * Input mode attribute\n   */\n  inputMode?: string\n  /**\n   * Placeholder text\n   */\n  placeholder?: string\n  /**\n   * Name attribute for form integration\n   */\n  name?: string\n  /**\n   * Children components (InputOTPGroup, InputOTPSlot, InputOTPSeparator)\n   */\n  children: ReactNode\n  /**\n   * Ref callback for the container\n   */\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const InputOTP = ({\n  maxLength: maxLengthProp,\n  type = 'text',\n  value: controlledValue,\n  defaultValue = '',\n  onValueChange,\n  isValid = true,\n  disabled: disabledProp = false,\n  autoFocus = false,\n  autoComplete = 'off',\n  forceUppercase = false,\n  filterKeys = ['-', '.'],\n  pattern,\n  inputMode,\n  placeholder = '',\n  name: nameProp,\n  className,\n  children,\n  ...others\n}: InputOTPProps) => {\n  // Auto-detect maxLength from children if not provided\n  const maxLength = useMemo(() => {\n    if (maxLengthProp !== undefined) {\n      return maxLengthProp\n    }\n\n    const detectedLength = countSlots(children)\n    const DEFAULT_MAX_LENGTH = 4\n\n    return detectedLength > 0 ? detectedLength : DEFAULT_MAX_LENGTH // fallback to 4 if no slots found\n  }, [maxLengthProp, children])\n\n  // Assign indexes to slots automatically\n  const processedChildren = useMemo(() => {\n    const [processed] = assignSlotIndexes(children)\n\n    return processed\n  }, [children])\n\n  // Use the hook for all business logic\n  const {\n    uuid,\n    inputRef,\n    containerRef,\n    name,\n    disabled,\n    isInvalid,\n    isRequired,\n    description,\n    currentValue,\n    contextValue,\n    handleChange,\n    handleKeyDown,\n    handlePaste,\n    handleFocus,\n    handleBlur,\n    handleClick,\n    labelId,\n  } = useInputOTP({\n    maxLength,\n    type,\n    value: controlledValue,\n    defaultValue,\n    onValueChange,\n    isValid,\n    disabledProp,\n    autoFocus,\n    forceUppercase,\n    filterKeys,\n    pattern,\n    placeholder,\n    nameProp,\n  })\n\n  // Extract aria-label from others if provided (for cases without FormField)\n  const ariaLabel =\n    'aria-label' in others ? (others['aria-label'] as string | undefined) : undefined\n  const { 'aria-label': _, ...restOthers } = others\n\n  const getAccessibleNameProps = (): Record<string, string | undefined> => {\n    if (labelId) {\n      return { 'aria-labelledby': labelId }\n    }\n\n    if (ariaLabel) {\n      return { 'aria-label': ariaLabel }\n    }\n\n    return {}\n  }\n\n  const accessibleNameProps = getAccessibleNameProps()\n\n  return (\n    <InputOTPContext.Provider value={contextValue}>\n      <div\n        ref={containerRef}\n        data-spark-component=\"input-otp\"\n        role=\"group\"\n        {...accessibleNameProps}\n        {...(description ? { 'aria-describedby': description } : {})}\n        className={cx(\n          'gap-md relative inline-flex items-center',\n          disabled ? 'cursor-not-allowed' : 'cursor-text',\n          className\n        )}\n        onClick={handleClick}\n        {...restOthers}\n      >\n        {/* Hidden input for form submission with complete value */}\n        {name && (\n          <input\n            type=\"hidden\"\n            name={name}\n            value={currentValue}\n            required={isRequired}\n            aria-required={isRequired}\n            aria-invalid={isInvalid}\n            {...accessibleNameProps}\n          />\n        )}\n        {/* Actual input that handles all interactions */}\n        <input\n          ref={inputRef}\n          id={uuid}\n          type={type === 'password' ? 'password' : 'text'}\n          value={currentValue}\n          maxLength={maxLength}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          disabled={disabled}\n          pattern={pattern}\n          inputMode={inputMode as React.InputHTMLAttributes<HTMLInputElement>['inputMode']}\n          {...accessibleNameProps}\n          {...(description ? { 'aria-describedby': description } : {})}\n          aria-invalid={isInvalid}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          className=\"bg-success z-raised absolute inset-0 m-0 p-0 opacity-0 disabled:cursor-not-allowed\"\n          tabIndex={0}\n        />\n        {/* Children render slots with auto-assigned indexes */}\n        {processedChildren}\n      </div>\n    </InputOTPContext.Provider>\n  )\n}\n\nInputOTP.displayName = 'InputOTP'\n","import { createContext, useContext } from 'react'\n\nexport interface InputOTPContextValue {\n  value: string\n  maxLength: number\n  slots: {\n    char: string\n    isActive: boolean\n    hasFakeCaret: boolean\n  }[]\n  activeIndex: number\n  intent: 'neutral' | 'success' | 'alert' | 'error'\n  disabled: boolean\n  placeholder?: string\n  type: 'text' | 'number' | 'password' | 'tel'\n}\n\nexport const InputOTPContext = createContext<InputOTPContextValue | null>(null)\n\nexport const useInputOTPContext = () => {\n  const context = useContext(InputOTPContext)\n  if (!context) {\n    throw new Error('InputOTP components must be used within InputOTP')\n  }\n\n  return context\n}\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputOTPContainerStyles = cva(['relative', 'inline-flex', 'items-center', 'gap-sm'])\n\nexport const inputOTPSlotStyles = cva(\n  [\n    // Base slot styles\n    'relative',\n    'border-sm first:rounded-l-lg last:rounded-r-lg',\n    'size-sz-44',\n    'text-center text-body-1',\n    'text-on-surface',\n    'outline-hidden',\n    'transition-colors',\n    'flex items-center justify-center',\n    // Active state (when focused)\n    'data-[active=true]:ring-1',\n    'data-[active=true]:ring-inset',\n    'data-[active=true]:ring-l-2',\n\n    'data-[active=true]:border-focus',\n    // 'data-[active=true]:ring-focus',\n    // 'data-[active=true]:border-focus',\n    'data-[active=true]:z-raised ring-focus',\n    // Disabled state\n    'data-[disabled=true]:cursor-not-allowed',\n    'data-[disabled=true]:border-outline',\n    'data-[disabled=true]:bg-on-surface/dim-5',\n    'data-[disabled=true]:text-on-surface/dim-3',\n  ],\n  {\n    variants: {\n      /**\n       * Color scheme of the slot\n       */\n      intent: {\n        neutral: ['bg-surface border-outline'],\n        success: ['border-success bg-success-container text-on-success-container'],\n        alert: ['border-alert bg-alert-container text-on-alert-container'],\n        error: ['border-error bg-error-container text-on-error-container'],\n      },\n    },\n    defaultVariants: {\n      intent: 'neutral',\n    },\n  }\n)\n\nexport type InputOTPSlotStylesProps = VariantProps<typeof inputOTPSlotStyles>\n\n// Keep for backward compatibility\nexport const inputOTPStyles = inputOTPSlotStyles\nexport type InputOTPStylesProps = InputOTPSlotStylesProps\n","import { ComponentPropsWithoutRef } from 'react'\n\nimport { inputOTPSlotStyles } from './InputOTP.styles'\nimport { useInputOTPContext } from './InputOTPContext'\n\nexport interface InputOTPSlotProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * Index of the slot (0-based).\n   * If not provided, will be automatically assigned based on position in children.\n   */\n  index?: number\n}\n\nexport const InputOTPSlot = ({ index: indexProp, className, ...props }: InputOTPSlotProps) => {\n  const context = useInputOTPContext()\n\n  // Use provided index or fallback to 0 (should not happen if auto-assignment works)\n  const index = indexProp ?? 0\n  const slot = context.slots[index]\n\n  if (!slot) {\n    return null\n  }\n\n  const { char, isActive, hasFakeCaret } = slot\n  const isEmpty = !char\n  const isPlaceholder = isEmpty && !hasFakeCaret && context.placeholder\n\n  return (\n    <div\n      className={inputOTPSlotStyles({\n        intent: context.intent,\n        className,\n      })}\n      data-active={isActive}\n      data-disabled={context.disabled}\n      data-valid={context.intent !== 'error'}\n      {...props}\n    >\n      <span className={isPlaceholder ? 'text-on-surface/dim-3' : ''}>\n        {context.type === 'password' && char\n          ? '•'\n          : char || (!hasFakeCaret && context.placeholder ? context.placeholder : '')}\n      </span>\n      {hasFakeCaret && (\n        <span\n          className=\"pointer-events-none absolute inset-0 flex items-center justify-center\"\n          aria-hidden=\"true\"\n        >\n          <span className=\"bg-on-surface animate-standalone-caret-blink h-sz-24 w-px\" />\n        </span>\n      )}\n    </div>\n  )\n}\n\nInputOTPSlot.displayName = 'InputOTP.Slot'\n","/* eslint-disable max-lines-per-function */\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport {\n  ChangeEventHandler,\n  ClipboardEventHandler,\n  KeyboardEventHandler,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport type { InputOTPContextValue } from './InputOTPContext'\n\nconst BACKSPACE_KEY = 'Backspace'\nconst LEFT_ARROW_KEY = 'ArrowLeft'\nconst UP_ARROW_KEY = 'ArrowUp'\nconst RIGHT_ARROW_KEY = 'ArrowRight'\nconst DOWN_ARROW_KEY = 'ArrowDown'\nconst E_KEY = 'e'\n\nexport interface UseInputOTPProps {\n  maxLength: number\n  type: 'text' | 'number' | 'password' | 'tel'\n  value?: string\n  defaultValue: string\n  onValueChange?: (value: string) => void\n  isValid: boolean\n  disabledProp: boolean\n  autoFocus: boolean\n  forceUppercase: boolean\n  filterKeys: string[]\n  pattern?: string\n  placeholder: string\n  nameProp?: string\n}\n\nexport interface UseInputOTPReturn {\n  uuid: string\n  inputRef: React.RefObject<HTMLInputElement | null>\n  containerRef: React.RefObject<HTMLDivElement | null>\n  name: string | undefined\n  disabled: boolean\n  isInvalid: boolean\n  isRequired: boolean\n  description: string | undefined\n  maxLength: number\n  intent: 'neutral' | 'success' | 'alert' | 'error'\n  currentValue: string\n  activeIndex: number\n  slots: {\n    char: string\n    isActive: boolean\n    hasFakeCaret: boolean\n  }[]\n  contextValue: InputOTPContextValue\n  handleChange: ChangeEventHandler<HTMLInputElement>\n  handleKeyDown: KeyboardEventHandler<HTMLInputElement>\n  handlePaste: ClipboardEventHandler<HTMLInputElement>\n  handleFocus: () => void\n  handleBlur: () => void\n  handleClick: () => void\n  labelId: string | undefined\n}\n\nexport const useInputOTP = ({\n  maxLength,\n  type,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  isValid,\n  disabledProp,\n  autoFocus,\n  forceUppercase,\n  filterKeys,\n  pattern,\n  placeholder,\n  nameProp,\n}: UseInputOTPProps): UseInputOTPReturn => {\n  const uuid = useId()\n  const inputRef = useRef<HTMLInputElement>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  // Get FormField context (optional, falls back gracefully if not present)\n  const field = useFormFieldControl()\n\n  // Use FormField values if available, otherwise fall back to props\n  // Use FormField id when available so label htmlFor works correctly\n  const id = field.id ?? uuid\n  const name = nameProp ?? field.name\n  const disabled = field.disabled ?? disabledProp\n  const isInvalid = field.isInvalid ?? !isValid\n  const isRequired = field.isRequired ?? false\n  const labelId = field.labelId\n  const description = field.description\n  const fieldState = field.state\n\n  // Determine intent based on FormField state or isValid prop\n  const getIntent = (): 'neutral' | 'success' | 'alert' | 'error' => {\n    // FormField state takes priority\n    if (['success', 'alert', 'error'].includes(fieldState ?? '')) {\n      return fieldState as 'success' | 'alert' | 'error'\n    }\n\n    // Fallback to isValid prop for backward compatibility\n    if (isInvalid) {\n      return 'error'\n    }\n\n    return 'neutral'\n  }\n\n  const intent = getIntent()\n\n  // Initialize value\n  const initialValue = controlledValue !== undefined ? controlledValue : defaultValue\n  const processedValue = forceUppercase ? initialValue.toUpperCase() : initialValue\n\n  const [internalValue, setInternalValue] = useState<string>(processedValue)\n  const [isFocused, setIsFocused] = useState<boolean>(false)\n\n  // Use controlled value if provided, otherwise use internal state\n  const currentValue = controlledValue !== undefined ? controlledValue : internalValue\n\n  // Calculate active index: last empty slot, or last slot if all are filled\n  const activeIndex = Math.min(currentValue.length, maxLength - 1)\n\n  // Sync cursor position with active index\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.setSelectionRange(activeIndex, activeIndex)\n    }\n  }, [activeIndex, currentValue.length, maxLength])\n\n  // Create slots array\n  const slots = useMemo(\n    () =>\n      Array.from({ length: maxLength }, (_, i) => ({\n        char: currentValue[i] || '',\n        isActive: i === activeIndex && isFocused,\n        hasFakeCaret: i === activeIndex && !currentValue[i] && !disabled && isFocused,\n      })),\n    [maxLength, currentValue, activeIndex, isFocused, disabled]\n  )\n\n  // Sync controlled value with input ref\n  useEffect(() => {\n    if (inputRef.current && controlledValue !== undefined) {\n      inputRef.current.value = controlledValue\n    }\n  }, [controlledValue])\n\n  // Focus management\n  useEffect(() => {\n    if (autoFocus && inputRef.current) {\n      inputRef.current.focus()\n    }\n  }, [autoFocus])\n\n  const processInputValue = (inputValue: string): string => {\n    let processed = inputValue\n\n    if (forceUppercase) {\n      processed = processed.toUpperCase()\n    }\n\n    if (type === 'number') {\n      processed = processed.replace(/[^\\d]/g, '')\n    }\n\n    // Filter characters using pattern if provided\n    if (pattern) {\n      try {\n        // Convert HTML pattern (string) to RegExp\n        // HTML patterns validate the entire string, but we need to test each character\n        // We create a regex that tests if a single character matches the pattern\n        // For example: [0-9]* becomes ^[0-9]$ to test a single digit\n        // We wrap the pattern in ^...$ to ensure it matches a single character\n        let regexPattern = pattern\n        // If pattern doesn't start with ^, wrap it to test single character\n        if (!pattern.startsWith('^')) {\n          regexPattern = `^${pattern}$`\n        }\n        const regex = new RegExp(regexPattern)\n        processed = processed\n          .split('')\n          .filter(currChar => {\n            // Test if the character matches the pattern\n            return regex.test(currChar)\n          })\n          .join('')\n      } catch (error) {\n        // If pattern is invalid, ignore it and continue with other filters\n        console.error('Invalid pattern provided to InputOTP:', pattern, error)\n      }\n    }\n\n    return processed\n  }\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = e => {\n    if (disabled) return\n\n    const inputValue = e.target.value\n    const processedValue = processInputValue(inputValue)\n\n    // Limit to maxLength\n    const newValue = processedValue.slice(0, maxLength)\n\n    // Call onValueChange callback first (before updating state)\n    if (onValueChange) {\n      onValueChange(newValue)\n    }\n\n    // Update state only in uncontrolled mode\n    if (controlledValue === undefined) {\n      setInternalValue(newValue)\n    }\n\n    // Active index is automatically calculated based on value length\n    // Sync cursor position\n    const newActiveIndex = Math.min(newValue.length, maxLength - 1)\n    if (inputRef.current) {\n      inputRef.current.setSelectionRange(newActiveIndex, newActiveIndex)\n    }\n  }\n\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = e => {\n    if (disabled) return\n\n    // Filter keys\n    if (filterKeys.length > 0 && filterKeys.includes(e.key)) {\n      e.preventDefault()\n\n      return\n    }\n\n    switch (e.key) {\n      case BACKSPACE_KEY:\n        e.preventDefault()\n        const currentLength = currentValue.length\n        if (currentLength > 0) {\n          const newValue = currentValue.slice(0, currentLength - 1)\n\n          // Call onValueChange first\n          if (onValueChange) {\n            onValueChange(newValue)\n          }\n\n          // Update state only in uncontrolled mode\n          if (controlledValue === undefined) {\n            setInternalValue(newValue)\n          }\n\n          // Active index is automatically calculated based on value length\n          // Sync cursor position\n          const newActiveIndex = Math.max(0, newValue.length)\n          if (inputRef.current) {\n            inputRef.current.setSelectionRange(newActiveIndex, newActiveIndex)\n          }\n        }\n        break\n\n      case LEFT_ARROW_KEY:\n      case RIGHT_ARROW_KEY:\n        // Prevent navigation with arrow keys - focus stays on last empty slot\n        e.preventDefault()\n        break\n\n      case UP_ARROW_KEY:\n      case DOWN_ARROW_KEY:\n        e.preventDefault()\n        break\n\n      case E_KEY:\n      case 'E':\n        // Prevent 'e' or 'E' in number inputs\n        if (type === 'number') {\n          e.preventDefault()\n        }\n        break\n\n      default:\n        break\n    }\n  }\n\n  const handlePaste: ClipboardEventHandler<HTMLInputElement> = e => {\n    if (disabled) return\n\n    e.preventDefault()\n\n    const pastedText = e.clipboardData.getData('text')\n\n    if (!pastedText) return\n\n    const processedText = processInputValue(pastedText)\n    const newValue = processedText.slice(0, maxLength)\n\n    // Call onValueChange callback first (before updating state)\n    if (onValueChange) {\n      onValueChange(newValue)\n    }\n\n    // Update state only in uncontrolled mode\n    if (controlledValue === undefined) {\n      setInternalValue(newValue)\n    }\n\n    // Active index is automatically calculated based on value length\n    // Move cursor to end\n    const newActiveIndex = Math.min(newValue.length, maxLength - 1)\n    if (inputRef.current) {\n      inputRef.current.setSelectionRange(newActiveIndex, newActiveIndex)\n    }\n  }\n\n  const handleFocus = () => {\n    setIsFocused(true)\n    if (inputRef.current) {\n      // Focus on last empty slot, or last slot if all are filled\n      const cursorPosition = Math.min(currentValue.length, maxLength - 1)\n      inputRef.current.setSelectionRange(cursorPosition, cursorPosition)\n    }\n  }\n\n  const handleBlur = () => {\n    setIsFocused(false)\n  }\n\n  const handleClick = () => {\n    if (inputRef.current) {\n      inputRef.current.focus()\n    }\n  }\n\n  const contextValue: InputOTPContextValue = {\n    value: currentValue,\n    maxLength,\n    slots,\n    activeIndex,\n    intent,\n    disabled,\n    placeholder,\n    type,\n  }\n\n  const returnValue: UseInputOTPReturn = {\n    uuid: id,\n    inputRef,\n    containerRef,\n    name,\n    disabled,\n    isInvalid,\n    isRequired,\n    description,\n    maxLength,\n    intent,\n    currentValue,\n    activeIndex,\n    slots,\n    contextValue,\n    handleChange,\n    handleKeyDown,\n    handlePaste,\n    handleFocus,\n    handleBlur,\n    handleClick,\n    labelId,\n  }\n\n  return returnValue\n}\n","import { ComponentPropsWithoutRef } from 'react'\n\nexport interface InputOTPGroupProps extends ComponentPropsWithoutRef<'div'> {}\n\nexport const InputOTPGroup = ({ children, className, ...props }: InputOTPGroupProps) => {\n  return (\n    <div className={`inline-flex [&>*:not(:first-child)]:-ml-px ${className || ''}`} {...props}>\n      {children}\n    </div>\n  )\n}\n\nInputOTPGroup.displayName = 'InputOTP.Group'\n","import { Icon } from '@spark-ui/components/icon'\nimport { Minus } from '@spark-ui/icons/Minus'\nimport { ComponentPropsWithoutRef } from 'react'\n\nexport interface InputOTPSeparatorProps extends ComponentPropsWithoutRef<'div'> {}\n\nexport const InputOTPSeparator = ({ className, ...props }: InputOTPSeparatorProps) => {\n  return (\n    <div\n      className={`text-on-surface flex items-center justify-center ${className || ''}`}\n      {...props}\n    >\n      <Icon size=\"md\">\n        <Minus />\n      </Icon>\n    </div>\n  )\n}\n\nInputOTPSeparator.displayName = 'InputOTP.Separator'\n","import { InputOTP as Root } from './InputOTP'\nimport { InputOTPGroup } from './InputOTPGroup'\nimport { InputOTPSeparator } from './InputOTPSeparator'\nimport { InputOTPSlot } from './InputOTPSlot'\n\nexport const InputOTP: typeof Root & {\n  Group: typeof InputOTPGroup\n  Slot: typeof InputOTPSlot\n  Separator: typeof InputOTPSeparator\n} = Object.assign(Root, {\n  Group: InputOTPGroup,\n  Slot: InputOTPSlot,\n  Separator: InputOTPSeparator,\n})\n\nInputOTP.displayName = 'InputOTP'\nInputOTPGroup.displayName = 'InputOTP.Group'\nInputOTPSlot.displayName = 'InputOTP.Slot'\nInputOTPSeparator.displayName = 'InputOTP.Separator'\n\nexport { type InputOTPProps } from './InputOTP'\nexport { type InputOTPGroupProps } from './InputOTPGroup'\nexport { type InputOTPSlotProps } from './InputOTPSlot'\nexport { type InputOTPSeparatorProps } from './InputOTPSeparator'\nexport {\n  inputOTPSlotStyles,\n  inputOTPStyles,\n  type InputOTPSlotStylesProps,\n  type InputOTPStylesProps,\n} from './InputOTP.styles'\n"],"mappings":"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","names":["useMemo","processedValue","jsx","jsxs","useMemo","jsx","jsx","InputOTP"]}
+{"version":3,"file":"index.mjs","sources":["../../src/input-otp/InputOTPContext.tsx","../../src/input-otp/InputOTP.styles.ts","../../src/input-otp/InputOTPSlot.tsx","../../src/input-otp/useInputOTP.ts","../../src/input-otp/InputOTP.tsx","../../src/input-otp/InputOTPGroup.tsx","../../src/input-otp/InputOTPSeparator.tsx","../../src/input-otp/index.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nexport interface InputOTPContextValue {\n  value: string\n  maxLength: number\n  slots: {\n    char: string\n    isActive: boolean\n    hasFakeCaret: boolean\n  }[]\n  activeIndex: number\n  intent: 'neutral' | 'success' | 'alert' | 'error'\n  disabled: boolean\n  placeholder?: string\n  type: 'text' | 'number' | 'password' | 'tel'\n}\n\nexport const InputOTPContext = createContext<InputOTPContextValue | null>(null)\n\nexport const useInputOTPContext = () => {\n  const context = useContext(InputOTPContext)\n  if (!context) {\n    throw new Error('InputOTP components must be used within InputOTP')\n  }\n\n  return context\n}\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputOTPContainerStyles = cva(['relative', 'inline-flex', 'items-center', 'gap-sm'])\n\nexport const inputOTPSlotStyles = cva(\n  [\n    // Base slot styles\n    'relative',\n    'border-sm first:rounded-l-lg last:rounded-r-lg',\n    'size-sz-44',\n    'text-center text-body-1',\n    'text-on-surface',\n    'outline-hidden',\n    'transition-colors',\n    'flex items-center justify-center',\n    // Active state (when focused)\n    'data-[active=true]:ring-1',\n    'data-[active=true]:ring-inset',\n    'data-[active=true]:ring-l-2',\n\n    'data-[active=true]:border-focus',\n    // 'data-[active=true]:ring-focus',\n    // 'data-[active=true]:border-focus',\n    'data-[active=true]:z-raised ring-focus',\n    // Disabled state\n    'data-[disabled=true]:cursor-not-allowed',\n    'data-[disabled=true]:border-outline',\n    'data-[disabled=true]:bg-on-surface/dim-5',\n    'data-[disabled=true]:text-on-surface/dim-3',\n  ],\n  {\n    variants: {\n      /**\n       * Color scheme of the slot\n       */\n      intent: {\n        neutral: ['bg-surface border-outline'],\n        success: ['border-success bg-success-container text-on-success-container'],\n        alert: ['border-alert bg-alert-container text-on-alert-container'],\n        error: ['border-error bg-error-container text-on-error-container'],\n      },\n    },\n    defaultVariants: {\n      intent: 'neutral',\n    },\n  }\n)\n\nexport type InputOTPSlotStylesProps = VariantProps<typeof inputOTPSlotStyles>\n\n// Keep for backward compatibility\nexport const inputOTPStyles = inputOTPSlotStyles\nexport type InputOTPStylesProps = InputOTPSlotStylesProps\n","import { ComponentPropsWithoutRef } from 'react'\n\nimport { inputOTPSlotStyles } from './InputOTP.styles'\nimport { useInputOTPContext } from './InputOTPContext'\n\nexport interface InputOTPSlotProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * Index of the slot (0-based).\n   * If not provided, will be automatically assigned based on position in children.\n   */\n  index?: number\n}\n\nexport const InputOTPSlot = ({ index: indexProp, className, ...props }: InputOTPSlotProps) => {\n  const context = useInputOTPContext()\n\n  // Use provided index or fallback to 0 (should not happen if auto-assignment works)\n  const index = indexProp ?? 0\n  const slot = context.slots[index]\n\n  if (!slot) {\n    return null\n  }\n\n  const { char, isActive, hasFakeCaret } = slot\n  const isEmpty = !char\n  const isPlaceholder = isEmpty && !hasFakeCaret && context.placeholder\n\n  return (\n    <div\n      className={inputOTPSlotStyles({\n        intent: context.intent,\n        className,\n      })}\n      data-active={isActive}\n      data-disabled={context.disabled}\n      data-valid={context.intent !== 'error'}\n      {...props}\n    >\n      <span className={isPlaceholder ? 'text-on-surface/dim-3' : ''}>\n        {context.type === 'password' && char\n          ? '•'\n          : char || (!hasFakeCaret && context.placeholder ? context.placeholder : '')}\n      </span>\n      {hasFakeCaret && (\n        <span\n          className=\"pointer-events-none absolute inset-0 flex items-center justify-center\"\n          aria-hidden=\"true\"\n        >\n          <span className=\"bg-on-surface animate-standalone-caret-blink h-sz-24 w-px\" />\n        </span>\n      )}\n    </div>\n  )\n}\n\nInputOTPSlot.displayName = 'InputOTP.Slot'\n","/* eslint-disable max-lines-per-function */\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport {\n  ChangeEventHandler,\n  ClipboardEventHandler,\n  KeyboardEventHandler,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport type { InputOTPContextValue } from './InputOTPContext'\n\nconst BACKSPACE_KEY = 'Backspace'\nconst LEFT_ARROW_KEY = 'ArrowLeft'\nconst UP_ARROW_KEY = 'ArrowUp'\nconst RIGHT_ARROW_KEY = 'ArrowRight'\nconst DOWN_ARROW_KEY = 'ArrowDown'\nconst E_KEY = 'e'\n\nexport interface UseInputOTPProps {\n  maxLength: number\n  type: 'text' | 'number' | 'password' | 'tel'\n  value?: string\n  defaultValue: string\n  onValueChange?: (value: string) => void\n  isValid: boolean\n  disabledProp: boolean\n  autoFocus: boolean\n  forceUppercase: boolean\n  filterKeys: string[]\n  pattern?: string\n  placeholder: string\n  nameProp?: string\n}\n\nexport interface UseInputOTPReturn {\n  uuid: string\n  inputRef: React.RefObject<HTMLInputElement | null>\n  containerRef: React.RefObject<HTMLDivElement | null>\n  name: string | undefined\n  disabled: boolean\n  isInvalid: boolean\n  isRequired: boolean\n  description: string | undefined\n  maxLength: number\n  intent: 'neutral' | 'success' | 'alert' | 'error'\n  currentValue: string\n  activeIndex: number\n  slots: {\n    char: string\n    isActive: boolean\n    hasFakeCaret: boolean\n  }[]\n  contextValue: InputOTPContextValue\n  handleChange: ChangeEventHandler<HTMLInputElement>\n  handleKeyDown: KeyboardEventHandler<HTMLInputElement>\n  handlePaste: ClipboardEventHandler<HTMLInputElement>\n  handleFocus: () => void\n  handleBlur: () => void\n  handleClick: () => void\n  labelId: string | undefined\n}\n\nexport const useInputOTP = ({\n  maxLength,\n  type,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  isValid,\n  disabledProp,\n  autoFocus,\n  forceUppercase,\n  filterKeys,\n  pattern,\n  placeholder,\n  nameProp,\n}: UseInputOTPProps): UseInputOTPReturn => {\n  const uuid = useId()\n  const inputRef = useRef<HTMLInputElement>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  // Get FormField context (optional, falls back gracefully if not present)\n  const field = useFormFieldControl()\n\n  // Use FormField values if available, otherwise fall back to props\n  // Use FormField id when available so label htmlFor works correctly\n  const id = field.id ?? uuid\n  const name = nameProp ?? field.name\n  const disabled = field.disabled ?? disabledProp\n  const isInvalid = field.isInvalid ?? !isValid\n  const isRequired = field.isRequired ?? false\n  const labelId = field.labelId\n  const description = field.description\n  const fieldState = field.state\n\n  // Determine intent based on FormField state or isValid prop\n  const getIntent = (): 'neutral' | 'success' | 'alert' | 'error' => {\n    // FormField state takes priority\n    if (['success', 'alert', 'error'].includes(fieldState ?? '')) {\n      return fieldState as 'success' | 'alert' | 'error'\n    }\n\n    // Fallback to isValid prop for backward compatibility\n    if (isInvalid) {\n      return 'error'\n    }\n\n    return 'neutral'\n  }\n\n  const intent = getIntent()\n\n  // Initialize value\n  const initialValue = controlledValue !== undefined ? controlledValue : defaultValue\n  const processedValue = forceUppercase ? initialValue.toUpperCase() : initialValue\n\n  const [internalValue, setInternalValue] = useState<string>(processedValue)\n  const [isFocused, setIsFocused] = useState<boolean>(false)\n\n  // Use controlled value if provided, otherwise use internal state\n  const currentValue = controlledValue !== undefined ? controlledValue : internalValue\n\n  // Calculate active index: last empty slot, or last slot if all are filled\n  const activeIndex = Math.min(currentValue.length, maxLength - 1)\n\n  // Sync cursor position with active index\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.setSelectionRange(activeIndex, activeIndex)\n    }\n  }, [activeIndex, currentValue.length, maxLength])\n\n  // Create slots array\n  const slots = useMemo(\n    () =>\n      Array.from({ length: maxLength }, (_, i) => ({\n        char: currentValue[i] || '',\n        isActive: i === activeIndex && isFocused,\n        hasFakeCaret: i === activeIndex && !currentValue[i] && !disabled && isFocused,\n      })),\n    [maxLength, currentValue, activeIndex, isFocused, disabled]\n  )\n\n  // Sync controlled value with input ref\n  useEffect(() => {\n    if (inputRef.current && controlledValue !== undefined) {\n      inputRef.current.value = controlledValue\n    }\n  }, [controlledValue])\n\n  // Focus management\n  useEffect(() => {\n    if (autoFocus && inputRef.current) {\n      inputRef.current.focus()\n    }\n  }, [autoFocus])\n\n  const processInputValue = (inputValue: string): string => {\n    let processed = inputValue\n\n    if (forceUppercase) {\n      processed = processed.toUpperCase()\n    }\n\n    if (type === 'number') {\n      processed = processed.replace(/[^\\d]/g, '')\n    }\n\n    // Filter characters using pattern if provided\n    if (pattern) {\n      try {\n        // Convert HTML pattern (string) to RegExp\n        // HTML patterns validate the entire string, but we need to test each character\n        // We create a regex that tests if a single character matches the pattern\n        // For example: [0-9]* becomes ^[0-9]$ to test a single digit\n        // We wrap the pattern in ^...$ to ensure it matches a single character\n        let regexPattern = pattern\n        // If pattern doesn't start with ^, wrap it to test single character\n        if (!pattern.startsWith('^')) {\n          regexPattern = `^${pattern}$`\n        }\n        const regex = new RegExp(regexPattern)\n        processed = processed\n          .split('')\n          .filter(currChar => {\n            // Test if the character matches the pattern\n            return regex.test(currChar)\n          })\n          .join('')\n      } catch (error) {\n        // If pattern is invalid, ignore it and continue with other filters\n        console.error('Invalid pattern provided to InputOTP:', pattern, error)\n      }\n    }\n\n    return processed\n  }\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = e => {\n    if (disabled) return\n\n    const inputValue = e.target.value\n    const processedValue = processInputValue(inputValue)\n\n    // Limit to maxLength\n    const newValue = processedValue.slice(0, maxLength)\n\n    // Call onValueChange callback first (before updating state)\n    if (onValueChange) {\n      onValueChange(newValue)\n    }\n\n    // Update state only in uncontrolled mode\n    if (controlledValue === undefined) {\n      setInternalValue(newValue)\n    }\n\n    // Active index is automatically calculated based on value length\n    // Sync cursor position\n    const newActiveIndex = Math.min(newValue.length, maxLength - 1)\n    if (inputRef.current) {\n      inputRef.current.setSelectionRange(newActiveIndex, newActiveIndex)\n    }\n  }\n\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = e => {\n    if (disabled) return\n\n    // Filter keys\n    if (filterKeys.length > 0 && filterKeys.includes(e.key)) {\n      e.preventDefault()\n\n      return\n    }\n\n    switch (e.key) {\n      case BACKSPACE_KEY:\n        e.preventDefault()\n        const currentLength = currentValue.length\n        if (currentLength > 0) {\n          const newValue = currentValue.slice(0, currentLength - 1)\n\n          // Call onValueChange first\n          if (onValueChange) {\n            onValueChange(newValue)\n          }\n\n          // Update state only in uncontrolled mode\n          if (controlledValue === undefined) {\n            setInternalValue(newValue)\n          }\n\n          // Active index is automatically calculated based on value length\n          // Sync cursor position\n          const newActiveIndex = Math.max(0, newValue.length)\n          if (inputRef.current) {\n            inputRef.current.setSelectionRange(newActiveIndex, newActiveIndex)\n          }\n        }\n        break\n\n      case LEFT_ARROW_KEY:\n      case RIGHT_ARROW_KEY:\n        // Prevent navigation with arrow keys - focus stays on last empty slot\n        e.preventDefault()\n        break\n\n      case UP_ARROW_KEY:\n      case DOWN_ARROW_KEY:\n        e.preventDefault()\n        break\n\n      case E_KEY:\n      case 'E':\n        // Prevent 'e' or 'E' in number inputs\n        if (type === 'number') {\n          e.preventDefault()\n        }\n        break\n\n      default:\n        break\n    }\n  }\n\n  const handlePaste: ClipboardEventHandler<HTMLInputElement> = e => {\n    if (disabled) return\n\n    e.preventDefault()\n\n    const pastedText = e.clipboardData.getData('text')\n\n    if (!pastedText) return\n\n    const processedText = processInputValue(pastedText)\n    const newValue = processedText.slice(0, maxLength)\n\n    // Call onValueChange callback first (before updating state)\n    if (onValueChange) {\n      onValueChange(newValue)\n    }\n\n    // Update state only in uncontrolled mode\n    if (controlledValue === undefined) {\n      setInternalValue(newValue)\n    }\n\n    // Active index is automatically calculated based on value length\n    // Move cursor to end\n    const newActiveIndex = Math.min(newValue.length, maxLength - 1)\n    if (inputRef.current) {\n      inputRef.current.setSelectionRange(newActiveIndex, newActiveIndex)\n    }\n  }\n\n  const handleFocus = () => {\n    setIsFocused(true)\n    if (inputRef.current) {\n      // Focus on last empty slot, or last slot if all are filled\n      const cursorPosition = Math.min(currentValue.length, maxLength - 1)\n      inputRef.current.setSelectionRange(cursorPosition, cursorPosition)\n    }\n  }\n\n  const handleBlur = () => {\n    setIsFocused(false)\n  }\n\n  const handleClick = () => {\n    if (inputRef.current) {\n      inputRef.current.focus()\n    }\n  }\n\n  const contextValue: InputOTPContextValue = {\n    value: currentValue,\n    maxLength,\n    slots,\n    activeIndex,\n    intent,\n    disabled,\n    placeholder,\n    type,\n  }\n\n  const returnValue: UseInputOTPReturn = {\n    uuid: id,\n    inputRef,\n    containerRef,\n    name,\n    disabled,\n    isInvalid,\n    isRequired,\n    description,\n    maxLength,\n    intent,\n    currentValue,\n    activeIndex,\n    slots,\n    contextValue,\n    handleChange,\n    handleKeyDown,\n    handlePaste,\n    handleFocus,\n    handleBlur,\n    handleClick,\n    labelId,\n  }\n\n  return returnValue\n}\n","/* eslint-disable max-lines-per-function */\nimport { cx } from 'class-variance-authority'\nimport {\n  Children,\n  cloneElement,\n  ComponentPropsWithoutRef,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  Ref,\n  useMemo,\n} from 'react'\n\nimport { InputOTPContext } from './InputOTPContext'\nimport { InputOTPSlot } from './InputOTPSlot'\nimport { useInputOTP } from './useInputOTP'\n\n/**\n * Counts the number of InputOTPSlot components in the children tree\n */\nconst countSlots = (children: ReactNode): number => {\n  let count = 0\n\n  Children.forEach(children, child => {\n    if (isValidElement(child)) {\n      const props = child.props as { children?: ReactNode }\n      // Check if it's an InputOTPSlot by checking displayName\n      if (\n        child.type === InputOTPSlot ||\n        (child.type as { displayName?: string })?.displayName === 'InputOTP.Slot'\n      ) {\n        count++\n      } else if (props.children) {\n        // Recursively count slots in nested children (e.g., inside InputOTPGroup)\n        count += countSlots(props.children)\n      }\n    }\n  })\n\n  return count\n}\n\n/**\n * Recursively assigns index to InputOTPSlot components\n * Returns a tuple of [processedChildren, nextIndex]\n */\nconst assignSlotIndexes = (children: ReactNode, startIndex: number = 0): [ReactNode, number] => {\n  let currentIndex = startIndex\n\n  const processed = Children.map(children, child => {\n    if (isValidElement(child)) {\n      const props = child.props as { index?: number; children?: ReactNode }\n      // Check if it's an InputOTPSlot\n      if (\n        child.type === InputOTPSlot ||\n        (child.type as { displayName?: string })?.displayName === 'InputOTP.Slot'\n      ) {\n        // Only assign index if not already provided\n        const slotIndex = typeof props.index === 'number' ? props.index : currentIndex++\n\n        return cloneElement(child as ReactElement<{ index?: number }>, {\n          ...props,\n          index: slotIndex,\n        })\n      } else if (props.children) {\n        // Recursively process nested children\n        const [processedChildren, nextIndex] = assignSlotIndexes(props.children, currentIndex)\n        currentIndex = nextIndex\n\n        return cloneElement(child, {\n          ...(child.props as Record<string, unknown>),\n          children: processedChildren,\n        } as Parameters<typeof cloneElement>[1])\n      }\n    }\n\n    return child\n  })\n\n  return [processed, currentIndex]\n}\n\nexport interface InputOTPProps\n  extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'inputMode'> {\n  /**\n   * Maximum length of the input value.\n   * If not provided, will be automatically detected from the number of InputOTP.Slot children.\n   */\n  maxLength?: number\n  /**\n   * Type of input\n   * @default 'text'\n   */\n  type?: 'text' | 'number' | 'password' | 'tel'\n  /**\n   * Current value (controlled mode)\n   */\n  value?: string\n  /**\n   * Default value (uncontrolled mode)\n   */\n  defaultValue?: string\n  /**\n   * Callback fired when the value changes\n   */\n  onValueChange?: (value: string) => void\n  /**\n   * Whether the input is valid\n   * @default true\n   */\n  isValid?: boolean\n  /**\n   * Whether the input is disabled\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Whether to auto-focus the input\n   * @default false\n   */\n  autoFocus?: boolean\n  /**\n   * Auto-complete attribute\n   * @default 'off'\n   */\n  autoComplete?: string\n  /**\n   * Whether to force uppercase\n   * @default false\n   */\n  forceUppercase?: boolean\n  /**\n   * Array of keys to filter out (using KeyboardEvent.key values)\n   * @default ['-', '.']\n   */\n  filterKeys?: string[]\n  /**\n   * Pattern attribute for input validation and character filtering.\n   * Uses a regular expression to filter allowed characters in real-time.\n   * For example: \"[0-9]\" for digits only, \"[a-c]\" for letters a, b, c only.\n   */\n  pattern?: string\n  /**\n   * Input mode attribute\n   */\n  inputMode?: string\n  /**\n   * Placeholder text\n   */\n  placeholder?: string\n  /**\n   * Name attribute for form integration\n   */\n  name?: string\n  /**\n   * Children components (InputOTPGroup, InputOTPSlot, InputOTPSeparator)\n   */\n  children: ReactNode\n  /**\n   * Ref callback for the container\n   */\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const InputOTP = ({\n  maxLength: maxLengthProp,\n  type = 'text',\n  value: controlledValue,\n  defaultValue = '',\n  onValueChange,\n  isValid = true,\n  disabled: disabledProp = false,\n  autoFocus = false,\n  autoComplete = 'off',\n  forceUppercase = false,\n  filterKeys = ['-', '.'],\n  pattern,\n  inputMode,\n  placeholder = '',\n  name: nameProp,\n  className,\n  children,\n  ...others\n}: InputOTPProps) => {\n  // Auto-detect maxLength from children if not provided\n  const maxLength = useMemo(() => {\n    if (maxLengthProp !== undefined) {\n      return maxLengthProp\n    }\n\n    const detectedLength = countSlots(children)\n    const DEFAULT_MAX_LENGTH = 4\n\n    return detectedLength > 0 ? detectedLength : DEFAULT_MAX_LENGTH // fallback to 4 if no slots found\n  }, [maxLengthProp, children])\n\n  // Assign indexes to slots automatically\n  const processedChildren = useMemo(() => {\n    const [processed] = assignSlotIndexes(children)\n\n    return processed\n  }, [children])\n\n  // Use the hook for all business logic\n  const {\n    uuid,\n    inputRef,\n    containerRef,\n    name,\n    disabled,\n    isInvalid,\n    isRequired,\n    description,\n    currentValue,\n    contextValue,\n    handleChange,\n    handleKeyDown,\n    handlePaste,\n    handleFocus,\n    handleBlur,\n    handleClick,\n    labelId,\n  } = useInputOTP({\n    maxLength,\n    type,\n    value: controlledValue,\n    defaultValue,\n    onValueChange,\n    isValid,\n    disabledProp,\n    autoFocus,\n    forceUppercase,\n    filterKeys,\n    pattern,\n    placeholder,\n    nameProp,\n  })\n\n  // Extract aria-label from others if provided (for cases without FormField)\n  const ariaLabel =\n    'aria-label' in others ? (others['aria-label'] as string | undefined) : undefined\n  const { 'aria-label': _, ...restOthers } = others\n\n  const getAccessibleNameProps = (): Record<string, string | undefined> => {\n    if (labelId) {\n      return { 'aria-labelledby': labelId }\n    }\n\n    if (ariaLabel) {\n      return { 'aria-label': ariaLabel }\n    }\n\n    return {}\n  }\n\n  const accessibleNameProps = getAccessibleNameProps()\n\n  return (\n    <InputOTPContext.Provider value={contextValue}>\n      <div\n        ref={containerRef}\n        data-spark-component=\"input-otp\"\n        role=\"group\"\n        {...accessibleNameProps}\n        {...(description ? { 'aria-describedby': description } : {})}\n        className={cx(\n          'gap-md relative inline-flex items-center',\n          disabled ? 'cursor-not-allowed' : 'cursor-text',\n          className\n        )}\n        onClick={handleClick}\n        {...restOthers}\n      >\n        {/* Hidden input for form submission with complete value */}\n        {name && (\n          <input\n            type=\"hidden\"\n            name={name}\n            value={currentValue}\n            required={isRequired}\n            aria-required={isRequired}\n            aria-invalid={isInvalid}\n            {...accessibleNameProps}\n          />\n        )}\n        {/* Actual input that handles all interactions */}\n        <input\n          ref={inputRef}\n          id={uuid}\n          type={type === 'password' ? 'password' : 'text'}\n          value={currentValue}\n          maxLength={maxLength}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          disabled={disabled}\n          pattern={pattern}\n          inputMode={inputMode as React.InputHTMLAttributes<HTMLInputElement>['inputMode']}\n          {...accessibleNameProps}\n          {...(description ? { 'aria-describedby': description } : {})}\n          aria-invalid={isInvalid}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          className=\"bg-success z-raised absolute inset-0 m-0 p-0 opacity-0 disabled:cursor-not-allowed\"\n          tabIndex={0}\n        />\n        {/* Children render slots with auto-assigned indexes */}\n        {processedChildren}\n      </div>\n    </InputOTPContext.Provider>\n  )\n}\n\nInputOTP.displayName = 'InputOTP'\n","import { ComponentPropsWithoutRef } from 'react'\n\nexport interface InputOTPGroupProps extends ComponentPropsWithoutRef<'div'> {}\n\nexport const InputOTPGroup = ({ children, className, ...props }: InputOTPGroupProps) => {\n  return (\n    <div className={`inline-flex [&>*:not(:first-child)]:-ml-px ${className || ''}`} {...props}>\n      {children}\n    </div>\n  )\n}\n\nInputOTPGroup.displayName = 'InputOTP.Group'\n","import { Icon } from '@spark-ui/components/icon'\nimport { Minus } from '@spark-ui/icons/Minus'\nimport { ComponentPropsWithoutRef } from 'react'\n\nexport interface InputOTPSeparatorProps extends ComponentPropsWithoutRef<'div'> {}\n\nexport const InputOTPSeparator = ({ className, ...props }: InputOTPSeparatorProps) => {\n  return (\n    <div\n      className={`text-on-surface flex items-center justify-center ${className || ''}`}\n      {...props}\n    >\n      <Icon size=\"md\">\n        <Minus />\n      </Icon>\n    </div>\n  )\n}\n\nInputOTPSeparator.displayName = 'InputOTP.Separator'\n","import { InputOTP as Root } from './InputOTP'\nimport { InputOTPGroup } from './InputOTPGroup'\nimport { InputOTPSeparator } from './InputOTPSeparator'\nimport { InputOTPSlot } from './InputOTPSlot'\n\nexport const InputOTP: typeof Root & {\n  Group: typeof InputOTPGroup\n  Slot: typeof InputOTPSlot\n  Separator: typeof InputOTPSeparator\n} = Object.assign(Root, {\n  Group: InputOTPGroup,\n  Slot: InputOTPSlot,\n  Separator: InputOTPSeparator,\n})\n\nInputOTP.displayName = 'InputOTP'\nInputOTPGroup.displayName = 'InputOTP.Group'\nInputOTPSlot.displayName = 'InputOTP.Slot'\nInputOTPSeparator.displayName = 'InputOTP.Separator'\n\nexport { type InputOTPProps } from './InputOTP'\nexport { type InputOTPGroupProps } from './InputOTPGroup'\nexport { type InputOTPSlotProps } from './InputOTPSlot'\nexport { type InputOTPSeparatorProps } from './InputOTPSeparator'\nexport {\n  inputOTPSlotStyles,\n  inputOTPStyles,\n  type InputOTPSlotStylesProps,\n  type InputOTPStylesProps,\n} from './InputOTP.styles'\n"],"names":["InputOTPContext","createContext","useInputOTPContext","context","useContext","cva","inputOTPSlotStyles","inputOTPStyles","InputOTPSlot","indexProp","className","props","index","slot","char","isActive","hasFakeCaret","isPlaceholder","jsxs","jsx","BACKSPACE_KEY","LEFT_ARROW_KEY","UP_ARROW_KEY","RIGHT_ARROW_KEY","DOWN_ARROW_KEY","E_KEY","useInputOTP","maxLength","type","controlledValue","defaultValue","onValueChange","isValid","disabledProp","autoFocus","forceUppercase","filterKeys","pattern","placeholder","nameProp","uuid","useId","inputRef","useRef","containerRef","field","useFormFieldControl","id","name","disabled","isInvalid","isRequired","labelId","description","fieldState","intent","initialValue","processedValue","internalValue","setInternalValue","useState","isFocused","setIsFocused","currentValue","activeIndex","useEffect","slots","useMemo","_","i","processInputValue","inputValue","processed","regexPattern","regex","currChar","error","e","newValue","newActiveIndex","currentLength","pastedText","cursorPosition","countSlots","children","count","Children","child","isValidElement","assignSlotIndexes","startIndex","currentIndex","slotIndex","cloneElement","processedChildren","nextIndex","InputOTP","maxLengthProp","autoComplete","inputMode","others","detectedLength","contextValue","handleChange","handleKeyDown","handlePaste","handleFocus","handleBlur","handleClick","ariaLabel","restOthers","accessibleNameProps","cx","InputOTPGroup","InputOTPSeparator","Icon","Minus","Root"],"mappings":"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"}

package/dist/input-otp/useInputOTP.d.ts

@@ -0,0 +1,45 @@
+import { ChangeEventHandler, ClipboardEventHandler, KeyboardEventHandler } from 'react';
+import { InputOTPContextValue } from './InputOTPContext';
+export interface UseInputOTPProps {
+    maxLength: number;
+    type: 'text' | 'number' | 'password' | 'tel';
+    value?: string;
+    defaultValue: string;
+    onValueChange?: (value: string) => void;
+    isValid: boolean;
+    disabledProp: boolean;
+    autoFocus: boolean;
+    forceUppercase: boolean;
+    filterKeys: string[];
+    pattern?: string;
+    placeholder: string;
+    nameProp?: string;
+}
+export interface UseInputOTPReturn {
+    uuid: string;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    name: string | undefined;
+    disabled: boolean;
+    isInvalid: boolean;
+    isRequired: boolean;
+    description: string | undefined;
+    maxLength: number;
+    intent: 'neutral' | 'success' | 'alert' | 'error';
+    currentValue: string;
+    activeIndex: number;
+    slots: {
+        char: string;
+        isActive: boolean;
+        hasFakeCaret: boolean;
+    }[];
+    contextValue: InputOTPContextValue;
+    handleChange: ChangeEventHandler<HTMLInputElement>;
+    handleKeyDown: KeyboardEventHandler<HTMLInputElement>;
+    handlePaste: ClipboardEventHandler<HTMLInputElement>;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleClick: () => void;
+    labelId: string | undefined;
+}
+export declare const useInputOTP: ({ maxLength, type, value: controlledValue, defaultValue, onValueChange, isValid, disabledProp, autoFocus, forceUppercase, filterKeys, pattern, placeholder, nameProp, }: UseInputOTPProps) => UseInputOTPReturn;

package/dist/kbd/Kbd.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react';
+export type KbdProps = ComponentPropsWithoutRef<'div'> & {
+    ref?: Ref<HTMLElement>;
+};
+export declare const Kbd: ({ className, ref, ...props }: PropsWithChildren<KbdProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/kbd/index.d.mts

@@ -1,9 +1 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PropsWithChildren, ComponentPropsWithoutRef, Ref } from 'react';
-
-type KbdProps = ComponentPropsWithoutRef<'div'> & {
-    ref?: Ref<HTMLElement>;
-};
-declare const Kbd: ({ className, ref, ...props }: PropsWithChildren<KbdProps>) => react_jsx_runtime.JSX.Element;
-
-export { Kbd };
+export { Kbd } from './Kbd';

package/dist/kbd/index.d.ts

@@ -1,9 +1 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PropsWithChildren, ComponentPropsWithoutRef, Ref } from 'react';
-
-type KbdProps = ComponentPropsWithoutRef<'div'> & {
-    ref?: Ref<HTMLElement>;
-};
-declare const Kbd: ({ className, ref, ...props }: PropsWithChildren<KbdProps>) => react_jsx_runtime.JSX.Element;
-
-export { Kbd };
+export { Kbd } from './Kbd';

package/dist/kbd/index.js

@@ -1,47 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/kbd/index.ts
-var kbd_exports = {};
-__export(kbd_exports, {
-  Kbd: () => Kbd
-});
-module.exports = __toCommonJS(kbd_exports);
-
-// src/kbd/Kbd.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Kbd = ({ className, ref, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "kbd",
-    {
-      "data-spark-component": "kbd",
-      ref,
-      className: [
-        "border-sm border-b-md border-outline bg-neutral-container pe-md ps-md text-caption rounded-sm font-mono leading-4 font-bold whitespace-nowrap",
-        className
-      ].join(" "),
-      ...props
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Kbd
-});
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=({className:e,ref:o,...t})=>n.jsx("kbd",{"data-spark-component":"kbd",ref:o,className:["border-sm border-b-md border-outline bg-neutral-container pe-md ps-md text-caption rounded-sm font-mono leading-4 font-bold whitespace-nowrap",e].join(" "),...t});exports.Kbd=r;
+//# sourceMappingURL=index.js.map

package/dist/kbd/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/kbd/index.ts","../../src/kbd/Kbd.tsx"],"sourcesContent":["export { Kbd } from './Kbd'\n","import { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react'\n\nexport type KbdProps = ComponentPropsWithoutRef<'div'> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Kbd = ({ className, ref, ...props }: PropsWithChildren<KbdProps>) => {\n  return (\n    <kbd\n      data-spark-component=\"kbd\"\n      ref={ref}\n      className={[\n        'border-sm border-b-md border-outline bg-neutral-container pe-md ps-md text-caption rounded-sm font-mono leading-4 font-bold whitespace-nowrap',\n        className,\n      ].join(' ')}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACQI;AAFG,IAAM,MAAM,CAAC,EAAE,WAAW,KAAK,GAAG,MAAM,MAAmC;AAChF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,wBAAqB;AAAA,MACrB;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"file":"index.js","sources":["../../src/kbd/Kbd.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react'\n\nexport type KbdProps = ComponentPropsWithoutRef<'div'> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Kbd = ({ className, ref, ...props }: PropsWithChildren<KbdProps>) => {\n  return (\n    <kbd\n      data-spark-component=\"kbd\"\n      ref={ref}\n      className={[\n        'border-sm border-b-md border-outline bg-neutral-container pe-md ps-md text-caption rounded-sm font-mono leading-4 font-bold whitespace-nowrap',\n        className,\n      ].join(' ')}\n      {...props}\n    />\n  )\n}\n"],"names":["Kbd","className","ref","props","jsx"],"mappings":"qHAMaA,EAAM,CAAC,CAAE,UAAAC,EAAW,IAAAC,EAAK,GAAGC,KAErCC,EAAAA,IAAC,MAAA,CACC,uBAAqB,MACrB,IAAAF,EACA,UAAW,CACT,gJACAD,CAAA,EACA,KAAK,GAAG,EACT,GAAGE,CAAA,CAAA"}

package/dist/kbd/index.mjs

@@ -1,20 +1,17 @@
-// src/kbd/Kbd.tsx
-import { jsx } from "react/jsx-runtime";
-var Kbd = ({ className, ref, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    "kbd",
-    {
-      "data-spark-component": "kbd",
-      ref,
-      className: [
-        "border-sm border-b-md border-outline bg-neutral-container pe-md ps-md text-caption rounded-sm font-mono leading-4 font-bold whitespace-nowrap",
-        className
-      ].join(" "),
-      ...props
-    }
-  );
-};
+import { jsx as r } from "react/jsx-runtime";
+const d = ({ className: o, ref: e, ...n }) => /* @__PURE__ */ r(
+  "kbd",
+  {
+    "data-spark-component": "kbd",
+    ref: e,
+    className: [
+      "border-sm border-b-md border-outline bg-neutral-container pe-md ps-md text-caption rounded-sm font-mono leading-4 font-bold whitespace-nowrap",
+      o
+    ].join(" "),
+    ...n
+  }
+);
 export {
-  Kbd
+  d as Kbd
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/kbd/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/kbd/Kbd.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react'\n\nexport type KbdProps = ComponentPropsWithoutRef<'div'> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Kbd = ({ className, ref, ...props }: PropsWithChildren<KbdProps>) => {\n  return (\n    <kbd\n      data-spark-component=\"kbd\"\n      ref={ref}\n      className={[\n        'border-sm border-b-md border-outline bg-neutral-container pe-md ps-md text-caption rounded-sm font-mono leading-4 font-bold whitespace-nowrap',\n        className,\n      ].join(' ')}\n      {...props}\n    />\n  )\n}\n"],"mappings":";AAQI;AAFG,IAAM,MAAM,CAAC,EAAE,WAAW,KAAK,GAAG,MAAM,MAAmC;AAChF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,wBAAqB;AAAA,MACrB;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF,EAAE,KAAK,GAAG;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
+{"version":3,"file":"index.mjs","sources":["../../src/kbd/Kbd.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react'\n\nexport type KbdProps = ComponentPropsWithoutRef<'div'> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Kbd = ({ className, ref, ...props }: PropsWithChildren<KbdProps>) => {\n  return (\n    <kbd\n      data-spark-component=\"kbd\"\n      ref={ref}\n      className={[\n        'border-sm border-b-md border-outline bg-neutral-container pe-md ps-md text-caption rounded-sm font-mono leading-4 font-bold whitespace-nowrap',\n        className,\n      ].join(' ')}\n      {...props}\n    />\n  )\n}\n"],"names":["Kbd","className","ref","props","jsx"],"mappings":";AAMO,MAAMA,IAAM,CAAC,EAAE,WAAAC,GAAW,KAAAC,GAAK,GAAGC,QAErC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,wBAAqB;AAAA,IACrB,KAAAF;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACAD;AAAA,IAAA,EACA,KAAK,GAAG;AAAA,IACT,GAAGE;AAAA,EAAA;AAAA;"}

package/dist/label/Label.d.ts

@@ -0,0 +1,9 @@
+import { Label as RadixLabel } from 'radix-ui';
+import { Ref } from 'react';
+export type LabelProps = RadixLabel.LabelProps & {
+    ref?: Ref<HTMLLabelElement>;
+};
+export declare const Label: {
+    ({ className, ref, ...others }: LabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/label/LabelRequiredIndicator.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+export type LabelRequiredIndicatorProps = ComponentPropsWithRef<'span'>;
+export declare const LabelRequiredIndicator: {
+    ({ className, children, ref, ...others }: LabelRequiredIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/label/index.d.mts

@@ -1,11 +1,7 @@
-import { L as Label$1, a as LabelRequiredIndicator } from '../LabelRequiredIndicator-DRnCzHMU.mjs';
-export { b as LabelProps, c as LabelRequiredIndicatorProps } from '../LabelRequiredIndicator-DRnCzHMU.mjs';
-import 'react/jsx-runtime';
-import 'radix-ui';
-import 'react';
-
-declare const Label: typeof Label$1 & {
+import { Label as Root } from './Label';
+import { LabelRequiredIndicator } from './LabelRequiredIndicator';
+export declare const Label: typeof Root & {
     RequiredIndicator: typeof LabelRequiredIndicator;
 };
-
-export { Label };
+export type { LabelProps } from './Label';
+export type { LabelRequiredIndicatorProps } from './LabelRequiredIndicator';

package/dist/label/index.d.ts

@@ -1,11 +1,7 @@
-import { L as Label$1, a as LabelRequiredIndicator } from '../LabelRequiredIndicator-DRnCzHMU.js';
-export { b as LabelProps, c as LabelRequiredIndicatorProps } from '../LabelRequiredIndicator-DRnCzHMU.js';
-import 'react/jsx-runtime';
-import 'radix-ui';
-import 'react';
-
-declare const Label: typeof Label$1 & {
+import { Label as Root } from './Label';
+import { LabelRequiredIndicator } from './LabelRequiredIndicator';
+export declare const Label: typeof Root & {
     RequiredIndicator: typeof LabelRequiredIndicator;
 };
-
-export { Label };
+export type { LabelProps } from './Label';
+export type { LabelRequiredIndicatorProps } from './LabelRequiredIndicator';

package/dist/label/index.js

@@ -1,78 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/label/index.ts
-var label_exports = {};
-__export(label_exports, {
-  Label: () => Label2
-});
-module.exports = __toCommonJS(label_exports);
-
-// src/label/Label.tsx
-var import_class_variance_authority = require("class-variance-authority");
-var import_radix_ui = require("radix-ui");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Label = ({ className, ref, ...others }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_radix_ui.Label.Label,
-    {
-      ref,
-      "data-spark-component": "label",
-      className: (0, import_class_variance_authority.cx)("text-body-1", className),
-      ...others
-    }
-  );
-};
-Label.displayName = "Label";
-
-// src/label/LabelRequiredIndicator.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var LabelRequiredIndicator = ({
-  className,
-  children = "*",
-  ref,
-  ...others
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "span",
-    {
-      ref,
-      "data-spark-component": "label-required-indicator",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: (0, import_class_variance_authority2.cx)(className, "text-caption text-on-surface/dim-1"),
-      ...others,
-      children
-    }
-  );
-};
-LabelRequiredIndicator.displayName = "Label.RequiredIndicator";
-
-// src/label/index.ts
-var Label2 = Object.assign(Label, {
-  RequiredIndicator: LabelRequiredIndicator
-});
-Label2.displayName = "Label";
-LabelRequiredIndicator.displayName = "Label.RequiredIndicator";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Label
-});
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("class-variance-authority"),c=require("radix-ui"),s=({className:e,ref:a,...t})=>i.jsx(c.Label.Label,{ref:a,"data-spark-component":"label",className:n.cx("text-body-1",e),...t});s.displayName="Label";const r=({className:e,children:a="*",ref:t,...o})=>i.jsx("span",{ref:t,"data-spark-component":"label-required-indicator",role:"presentation","aria-hidden":"true",className:n.cx(e,"text-caption text-on-surface/dim-1"),...o,children:a});r.displayName="Label.RequiredIndicator";const l=Object.assign(s,{RequiredIndicator:r});l.displayName="Label";r.displayName="Label.RequiredIndicator";exports.Label=l;
+//# sourceMappingURL=index.js.map

package/dist/label/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/label/index.ts","../../src/label/Label.tsx","../../src/label/LabelRequiredIndicator.tsx"],"sourcesContent":["import { Label as Root } from './Label'\nimport { LabelRequiredIndicator } from './LabelRequiredIndicator'\n\nexport const Label: typeof Root & {\n  RequiredIndicator: typeof LabelRequiredIndicator\n} = Object.assign(Root, {\n  RequiredIndicator: LabelRequiredIndicator,\n})\n\nLabel.displayName = 'Label'\nLabelRequiredIndicator.displayName = 'Label.RequiredIndicator'\n\nexport type { LabelProps } from './Label'\nexport type { LabelRequiredIndicatorProps } from './LabelRequiredIndicator'\n","import { cx } from 'class-variance-authority'\nimport { Label as RadixLabel } from 'radix-ui'\nimport { Ref } from 'react'\n\nexport type LabelProps = RadixLabel.LabelProps & {\n  ref?: Ref<HTMLLabelElement>\n}\n\nexport const Label = ({ className, ref, ...others }: LabelProps) => {\n  return (\n    <RadixLabel.Label\n      ref={ref}\n      data-spark-component=\"label\"\n      className={cx('text-body-1', className)}\n      {...others}\n    />\n  )\n}\n\nLabel.displayName = 'Label'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nexport type LabelRequiredIndicatorProps = ComponentPropsWithRef<'span'>\n\nexport const LabelRequiredIndicator = ({\n  className,\n  children = '*',\n  ref,\n  ...others\n}: LabelRequiredIndicatorProps) => {\n  return (\n    <span\n      ref={ref}\n      data-spark-component=\"label-required-indicator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cx(className, 'text-caption text-on-surface/dim-1')}\n      {...others}\n    >\n      {children}\n    </span>\n  )\n}\n\nLabelRequiredIndicator.displayName = 'Label.RequiredIndicator'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,eAAAA;AAAA;AAAA;;;ACAA,sCAAmB;AACnB,sBAAoC;AAShC;AAFG,IAAM,QAAQ,CAAC,EAAE,WAAW,KAAK,GAAG,OAAO,MAAkB;AAClE,SACE;AAAA,IAAC,gBAAAC,MAAW;AAAA,IAAX;AAAA,MACC;AAAA,MACA,wBAAqB;AAAA,MACrB,eAAW,oCAAG,eAAe,SAAS;AAAA,MACrC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAc;;;ACnBpB,IAAAC,mCAAmB;AAYf,IAAAC,sBAAA;AAPG,IAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,MAAmC;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,wBAAqB;AAAA,MACrB,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,eAAW,qCAAG,WAAW,oCAAoC;AAAA,MAC5D,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,uBAAuB,cAAc;;;AFtB9B,IAAMC,SAET,OAAO,OAAO,OAAM;AAAA,EACtB,mBAAmB;AACrB,CAAC;AAEDA,OAAM,cAAc;AACpB,uBAAuB,cAAc;","names":["Label","RadixLabel","import_class_variance_authority","import_jsx_runtime","Label"]}
+{"version":3,"file":"index.js","sources":["../../src/label/Label.tsx","../../src/label/LabelRequiredIndicator.tsx","../../src/label/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { Label as RadixLabel } from 'radix-ui'\nimport { Ref } from 'react'\n\nexport type LabelProps = RadixLabel.LabelProps & {\n  ref?: Ref<HTMLLabelElement>\n}\n\nexport const Label = ({ className, ref, ...others }: LabelProps) => {\n  return (\n    <RadixLabel.Label\n      ref={ref}\n      data-spark-component=\"label\"\n      className={cx('text-body-1', className)}\n      {...others}\n    />\n  )\n}\n\nLabel.displayName = 'Label'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nexport type LabelRequiredIndicatorProps = ComponentPropsWithRef<'span'>\n\nexport const LabelRequiredIndicator = ({\n  className,\n  children = '*',\n  ref,\n  ...others\n}: LabelRequiredIndicatorProps) => {\n  return (\n    <span\n      ref={ref}\n      data-spark-component=\"label-required-indicator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cx(className, 'text-caption text-on-surface/dim-1')}\n      {...others}\n    >\n      {children}\n    </span>\n  )\n}\n\nLabelRequiredIndicator.displayName = 'Label.RequiredIndicator'\n","import { Label as Root } from './Label'\nimport { LabelRequiredIndicator } from './LabelRequiredIndicator'\n\nexport const Label: typeof Root & {\n  RequiredIndicator: typeof LabelRequiredIndicator\n} = Object.assign(Root, {\n  RequiredIndicator: LabelRequiredIndicator,\n})\n\nLabel.displayName = 'Label'\nLabelRequiredIndicator.displayName = 'Label.RequiredIndicator'\n\nexport type { LabelProps } from './Label'\nexport type { LabelRequiredIndicatorProps } from './LabelRequiredIndicator'\n"],"names":["Label","className","ref","others","jsx","RadixLabel","cx","LabelRequiredIndicator","children","Root"],"mappings":"iLAQaA,EAAQ,CAAC,CAAE,UAAAC,EAAW,IAAAC,EAAK,GAAGC,KAEvCC,EAAAA,IAACC,EAAAA,MAAW,MAAX,CACC,IAAAH,EACA,uBAAqB,QACrB,UAAWI,EAAAA,GAAG,cAAeL,CAAS,EACrC,GAAGE,CAAA,CAAA,EAKVH,EAAM,YAAc,QCdb,MAAMO,EAAyB,CAAC,CACrC,UAAAN,EACA,SAAAO,EAAW,IACX,IAAAN,EACA,GAAGC,CACL,IAEIC,EAAAA,IAAC,OAAA,CACC,IAAAF,EACA,uBAAqB,2BACrB,KAAK,eACL,cAAY,OACZ,UAAWI,EAAAA,GAAGL,EAAW,oCAAoC,EAC5D,GAAGE,EAEH,SAAAK,CAAA,CAAA,EAKPD,EAAuB,YAAc,0BCtB9B,MAAMP,EAET,OAAO,OAAOS,EAAM,CACtB,kBAAmBF,CACrB,CAAC,EAEDP,EAAM,YAAc,QACpBO,EAAuB,YAAc"}

package/dist/label/index.mjs

@@ -1,7 +1,40 @@
-import {
-  Label
-} from "../chunk-HLXYG643.mjs";
+import { jsx as i } from "react/jsx-runtime";
+import { cx as o } from "class-variance-authority";
+import { Label as d } from "radix-ui";
+const l = ({ className: a, ref: e, ...r }) => /* @__PURE__ */ i(
+  d.Label,
+  {
+    ref: e,
+    "data-spark-component": "label",
+    className: o("text-body-1", a),
+    ...r
+  }
+);
+l.displayName = "Label";
+const t = ({
+  className: a,
+  children: e = "*",
+  ref: r,
+  ...n
+}) => /* @__PURE__ */ i(
+  "span",
+  {
+    ref: r,
+    "data-spark-component": "label-required-indicator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: o(a, "text-caption text-on-surface/dim-1"),
+    ...n,
+    children: e
+  }
+);
+t.displayName = "Label.RequiredIndicator";
+const s = Object.assign(l, {
+  RequiredIndicator: t
+});
+s.displayName = "Label";
+t.displayName = "Label.RequiredIndicator";
 export {
-  Label
+  s as Label
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/label/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.mjs","sources":["../../src/label/Label.tsx","../../src/label/LabelRequiredIndicator.tsx","../../src/label/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { Label as RadixLabel } from 'radix-ui'\nimport { Ref } from 'react'\n\nexport type LabelProps = RadixLabel.LabelProps & {\n  ref?: Ref<HTMLLabelElement>\n}\n\nexport const Label = ({ className, ref, ...others }: LabelProps) => {\n  return (\n    <RadixLabel.Label\n      ref={ref}\n      data-spark-component=\"label\"\n      className={cx('text-body-1', className)}\n      {...others}\n    />\n  )\n}\n\nLabel.displayName = 'Label'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nexport type LabelRequiredIndicatorProps = ComponentPropsWithRef<'span'>\n\nexport const LabelRequiredIndicator = ({\n  className,\n  children = '*',\n  ref,\n  ...others\n}: LabelRequiredIndicatorProps) => {\n  return (\n    <span\n      ref={ref}\n      data-spark-component=\"label-required-indicator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cx(className, 'text-caption text-on-surface/dim-1')}\n      {...others}\n    >\n      {children}\n    </span>\n  )\n}\n\nLabelRequiredIndicator.displayName = 'Label.RequiredIndicator'\n","import { Label as Root } from './Label'\nimport { LabelRequiredIndicator } from './LabelRequiredIndicator'\n\nexport const Label: typeof Root & {\n  RequiredIndicator: typeof LabelRequiredIndicator\n} = Object.assign(Root, {\n  RequiredIndicator: LabelRequiredIndicator,\n})\n\nLabel.displayName = 'Label'\nLabelRequiredIndicator.displayName = 'Label.RequiredIndicator'\n\nexport type { LabelProps } from './Label'\nexport type { LabelRequiredIndicatorProps } from './LabelRequiredIndicator'\n"],"names":["Label","className","ref","others","jsx","RadixLabel","cx","LabelRequiredIndicator","children","Root"],"mappings":";;;AAQO,MAAMA,IAAQ,CAAC,EAAE,WAAAC,GAAW,KAAAC,GAAK,GAAGC,QAEvC,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACC,KAAAH;AAAA,IACA,wBAAqB;AAAA,IACrB,WAAWI,EAAG,eAAeL,CAAS;AAAA,IACrC,GAAGE;AAAA,EAAA;AAAA;AAKVH,EAAM,cAAc;ACdb,MAAMO,IAAyB,CAAC;AAAA,EACrC,WAAAN;AAAA,EACA,UAAAO,IAAW;AAAA,EACX,KAAAN;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,wBAAqB;AAAA,IACrB,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWI,EAAGL,GAAW,oCAAoC;AAAA,IAC5D,GAAGE;AAAA,IAEH,UAAAK;AAAA,EAAA;AAAA;AAKPD,EAAuB,cAAc;ACtB9B,MAAMP,IAET,OAAO,OAAOS,GAAM;AAAA,EACtB,mBAAmBF;AACrB,CAAC;AAEDP,EAAM,cAAc;AACpBO,EAAuB,cAAc;"}

package/dist/link-box/LinkBox.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+export interface LinkBoxProps extends ComponentPropsWithRef<'div'> {
+    asChild?: boolean;
+}
+export declare const LinkBox: {
+    ({ className, asChild, ref, ...props }: LinkBoxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/link-box/LinkBoxLink.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+export interface LinkBoxLinkProps extends ComponentPropsWithRef<'a'> {
+    asChild?: boolean;
+}
+export declare const LinkBoxLink: {
+    ({ className, asChild, ref, ...props }: LinkBoxLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/link-box/LinkBoxRaised.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface LinkBoxRaisedProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const LinkBoxRaised: {
+    ({ className, ...props }: LinkBoxRaisedProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};