asterui 0.12.16 → 0.12.18

package/dist/index42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index42.js","sources":["../src/components/Input.tsx"],"sourcesContent":["import React, { forwardRef, useState, useCallback, useRef, useEffect } from 'react'\n\nexport interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {\n  type?: 'text' | 'password' | 'email' | 'number' | 'date' | 'datetime-local' | 'week' | 'month' | 'tel' | 'url' | 'search' | 'time'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n  /** Input mask pattern. Use # for digits, A for letters, * for alphanumeric */\n  mask?: string\n  /** Placeholder character shown in mask (default: _) */\n  maskPlaceholder?: string\n  /** Show clear button when input has value */\n  allowClear?: boolean | { clearIcon?: React.ReactNode }\n  /** Callback when clear button is clicked */\n  onClear?: () => void\n  /** Prefix icon or element */\n  prefix?: React.ReactNode\n  /** Suffix icon or element */\n  suffix?: React.ReactNode\n  /** ID for error message element (for aria-describedby) */\n  errorId?: string\n}\n\n// Helper to apply mask to raw value\nfunction applyMask(raw: string, mask: string, placeholder: string): string {\n  let result = ''\n  let rawIndex = 0\n\n  for (let i = 0; i < mask.length && rawIndex <= raw.length; i++) {\n    const maskChar = mask[i]\n    if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n      if (rawIndex < raw.length) {\n        result += raw[rawIndex]\n        rawIndex++\n      } else {\n        result += placeholder\n      }\n    } else {\n      result += maskChar\n    }\n  }\n\n  return result\n}\n\n// Extract raw value from masked input\nfunction extractRaw(value: string, mask: string, placeholder: string): string {\n  let raw = ''\n  for (let i = 0; i < value.length && i < mask.length; i++) {\n    const maskChar = mask[i]\n    if ((maskChar === '#' || maskChar === 'A' || maskChar === '*') && value[i] !== placeholder) {\n      raw += value[i]\n    }\n  }\n  return raw\n}\n\n// Check if character is valid for mask position\nfunction isValidChar(char: string, maskChar: string): boolean {\n  if (maskChar === '#') return /\\d/.test(char)\n  if (maskChar === 'A') return /[a-zA-Z]/.test(char)\n  if (maskChar === '*') return /[a-zA-Z0-9]/.test(char)\n  return false\n}\n\n// Find next input position in mask\nfunction findNextInputPosition(mask: string, fromIndex: number): number {\n  for (let i = fromIndex; i < mask.length; i++) {\n    if (mask[i] === '#' || mask[i] === 'A' || mask[i] === '*') {\n      return i\n    }\n  }\n  return mask.length\n}\n\n// Clear icon component\nconst ClearIcon: React.FC<{ onClick: () => void; className?: string }> = ({ onClick, className }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={`flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${className || ''}`}\n    aria-label=\"Clear input\"\n    tabIndex={-1}\n  >\n    <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  </button>\n)\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      type = 'text',\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      className = '',\n      mask,\n      maskPlaceholder = '_',\n      allowClear,\n      onClear,\n      prefix,\n      suffix,\n      errorId,\n      value,\n      defaultValue,\n      onChange,\n      onKeyDown,\n      disabled,\n      required,\n      ...props\n    },\n    ref\n  ) => {\n    const sizeClasses = {\n      xs: 'input-xs',\n      sm: 'input-sm',\n      md: 'input-md',\n      lg: 'input-lg',\n      xl: 'input-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'input-neutral',\n      primary: 'input-primary',\n      secondary: 'input-secondary',\n      accent: 'input-accent',\n      info: 'input-info',\n      success: 'input-success',\n      warning: 'input-warning',\n      error: 'input-error',\n    }\n\n    const statusClasses = {\n      error: 'input-error',\n      warning: 'input-warning',\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    const inputClasses = [\n      'input',\n      !bordered && 'border-0',\n      ghost && 'input-ghost',\n      size && sizeClasses[size],\n      effectiveColorClass,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // Mask handling\n    const innerRef = useRef<HTMLInputElement>(null)\n    const inputRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n\n    const getInitialRaw = useCallback(() => {\n      if (!mask) return ''\n      const initial = (value ?? defaultValue ?? '') as string\n      return extractRaw(initial, mask, maskPlaceholder)\n    }, [mask, value, defaultValue, maskPlaceholder])\n\n    const [rawValue, setRawValue] = useState(getInitialRaw)\n    const [cursorPos, setCursorPos] = useState<number | null>(null)\n\n    // Sync with controlled value\n    useEffect(() => {\n      if (mask && value !== undefined) {\n        setRawValue(extractRaw(value as string, mask, maskPlaceholder))\n      }\n    }, [mask, value, maskPlaceholder])\n\n    // Set cursor position after render\n    useEffect(() => {\n      if (cursorPos !== null && inputRef.current) {\n        inputRef.current.setSelectionRange(cursorPos, cursorPos)\n        setCursorPos(null)\n      }\n    }, [cursorPos, inputRef])\n\n    const handleMaskedChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (!mask) {\n          onChange?.(e)\n          return\n        }\n\n        const input = e.target\n        const inputValue = input.value\n\n        // Extract what the user is trying to type\n        const newRaw = extractRaw(inputValue, mask, maskPlaceholder)\n\n        // Filter to only valid characters\n        let filteredRaw = ''\n        let rawIdx = 0\n        for (let i = 0; i < mask.length && rawIdx < newRaw.length; i++) {\n          const maskChar = mask[i]\n          if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n            if (isValidChar(newRaw[rawIdx], maskChar)) {\n              filteredRaw += newRaw[rawIdx]\n            }\n            rawIdx++\n          }\n        }\n\n        setRawValue(filteredRaw)\n\n        // Calculate new cursor position\n        const maskedValue = applyMask(filteredRaw, mask, maskPlaceholder)\n        let newCursor = findNextInputPosition(mask, 0)\n        let charsPlaced = 0\n        for (let i = 0; i < mask.length; i++) {\n          const maskChar = mask[i]\n          if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n            if (charsPlaced < filteredRaw.length) {\n              charsPlaced++\n              newCursor = i + 1\n            }\n          }\n        }\n        // Skip to next input position if we're on a literal\n        newCursor = findNextInputPosition(mask, newCursor)\n        if (newCursor > mask.length) newCursor = mask.length\n\n        setCursorPos(newCursor)\n\n        // Create synthetic event with masked value\n        const syntheticEvent = {\n          ...e,\n          target: { ...input, value: maskedValue },\n          currentTarget: { ...input, value: maskedValue },\n        } as React.ChangeEvent<HTMLInputElement>\n\n        onChange?.(syntheticEvent)\n      },\n      [mask, maskPlaceholder, onChange]\n    )\n\n    const handleMaskedKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (!mask) {\n          onKeyDown?.(e)\n          return\n        }\n\n        if (e.key === 'Backspace') {\n          e.preventDefault()\n          const newRaw = rawValue.slice(0, -1)\n          setRawValue(newRaw)\n\n          // Calculate cursor position\n          let newCursor = 0\n          let charsPlaced = 0\n          for (let i = 0; i < mask.length; i++) {\n            const maskChar = mask[i]\n            if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n              if (charsPlaced < newRaw.length) {\n                charsPlaced++\n                newCursor = i + 1\n              } else {\n                newCursor = i\n                break\n              }\n            }\n          }\n          setCursorPos(newCursor)\n\n          const maskedValue = applyMask(newRaw, mask, maskPlaceholder)\n          const input = e.currentTarget\n          const syntheticEvent = {\n            target: { ...input, value: maskedValue },\n            currentTarget: { ...input, value: maskedValue },\n          } as unknown as React.ChangeEvent<HTMLInputElement>\n\n          onChange?.(syntheticEvent)\n        }\n\n        onKeyDown?.(e)\n      },\n      [mask, maskPlaceholder, rawValue, onChange, onKeyDown]\n    )\n\n    // Track internal value for allowClear visibility\n    const [internalValue, setInternalValue] = useState((value ?? defaultValue ?? '') as string)\n\n    // Sync internal value with controlled value\n    useEffect(() => {\n      if (value !== undefined) {\n        setInternalValue(value as string)\n      }\n    }, [value])\n\n    const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n      setInternalValue(e.target.value)\n      onChange?.(e)\n    }, [onChange])\n\n    const handleClear = useCallback(() => {\n      setInternalValue('')\n      setRawValue('')\n      onClear?.()\n      // Create synthetic event for onChange\n      if (onChange && inputRef.current) {\n        const syntheticEvent = {\n          target: { ...inputRef.current, value: '' },\n          currentTarget: { ...inputRef.current, value: '' },\n        } as React.ChangeEvent<HTMLInputElement>\n        onChange(syntheticEvent)\n      }\n    }, [onClear, onChange, inputRef])\n\n    // Determine if we should show clear button\n    const currentValue = mask ? rawValue : internalValue\n    const showClear = allowClear && currentValue && !disabled\n\n    // Get custom clear icon if provided\n    const clearIcon = typeof allowClear === 'object' && allowClear.clearIcon\n      ? allowClear.clearIcon\n      : null\n\n    // Accessibility attributes\n    const ariaProps: Record<string, string | boolean | undefined> = {}\n    if (status === 'error') {\n      ariaProps['aria-invalid'] = true\n    }\n    if (errorId) {\n      ariaProps['aria-describedby'] = errorId\n    }\n    if (required) {\n      ariaProps['aria-required'] = true\n    }\n\n    // If we have prefix, suffix, or allowClear, wrap in a container\n    const hasAddons = prefix || suffix || allowClear\n\n    // Build the input element\n    const renderInput = (inputClassName: string, inputValue?: string, inputOnChange?: typeof onChange) => (\n      <input\n        ref={inputRef}\n        type={mask ? 'text' : type}\n        className={inputClassName}\n        value={inputValue ?? value}\n        defaultValue={!inputValue && !value ? defaultValue : undefined}\n        onChange={inputOnChange ?? onChange}\n        onKeyDown={mask ? handleMaskedKeyDown : onKeyDown}\n        disabled={disabled}\n        required={required}\n        {...ariaProps}\n        {...props}\n      />\n    )\n\n    // If no mask and no addons, render simple input\n    if (!mask && !hasAddons) {\n      return renderInput(inputClasses)\n    }\n\n    // Render masked input without addons\n    if (mask && !hasAddons) {\n      const maskedValue = applyMask(rawValue, mask, maskPlaceholder)\n      return renderInput(inputClasses, maskedValue, handleMaskedChange)\n    }\n\n    // Render with addons (prefix/suffix/clear)\n    const maskedValue = mask ? applyMask(rawValue, mask, maskPlaceholder) : undefined\n\n    return (\n      <div className=\"relative flex items-center\">\n        {prefix && (\n          <span className=\"absolute left-3 flex items-center text-base-content/70 pointer-events-none z-10\">\n            {prefix}\n          </span>\n        )}\n        <input\n          ref={inputRef}\n          type={mask ? 'text' : type}\n          className={[\n            inputClasses,\n            'w-full',\n            prefix && 'pl-10',\n            (suffix || showClear) && 'pr-10',\n          ].filter(Boolean).join(' ')}\n          value={maskedValue ?? (value !== undefined ? value : internalValue)}\n          defaultValue={value === undefined && !mask ? defaultValue : undefined}\n          onChange={mask ? handleMaskedChange : handleChange}\n          onKeyDown={mask ? handleMaskedKeyDown : onKeyDown}\n          disabled={disabled}\n          required={required}\n          {...ariaProps}\n          {...props}\n        />\n        {(suffix || showClear) && (\n          <span className=\"absolute right-3 flex items-center gap-1 z-10\">\n            {showClear && (\n              clearIcon || <ClearIcon onClick={handleClear} />\n            )}\n            {suffix && (\n              <span className=\"text-base-content/70\">\n                {suffix}\n              </span>\n            )}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n"],"names":["applyMask","raw","mask","placeholder","result","rawIndex","i","maskChar","extractRaw","value","isValidChar","char","findNextInputPosition","fromIndex","ClearIcon","onClick","className","jsx","Input","forwardRef","type","size","color","status","ghost","bordered","maskPlaceholder","allowClear","onClear","prefix","suffix","errorId","defaultValue","onChange","onKeyDown","disabled","required","props","ref","sizeClasses","effectiveColorClass","inputClasses","innerRef","useRef","inputRef","getInitialRaw","useCallback","rawValue","setRawValue","useState","cursorPos","setCursorPos","useEffect","handleMaskedChange","e","input","inputValue","newRaw","filteredRaw","rawIdx","maskedValue","newCursor","charsPlaced","syntheticEvent","handleMaskedKeyDown","internalValue","setInternalValue","handleChange","handleClear","showClear","clearIcon","ariaProps","hasAddons","renderInput","inputClassName","inputOnChange","jsxs"],"mappings":"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"}
+{"version":3,"file":"index42.js","sources":["../src/components/Input.tsx"],"sourcesContent":["import React, { forwardRef, useState, useCallback, useRef, useEffect } from 'react'\n\nexport interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {\n  type?: 'text' | 'password' | 'email' | 'number' | 'date' | 'datetime-local' | 'week' | 'month' | 'tel' | 'url' | 'search' | 'time'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n  /** Input mask pattern. Use # for digits, A for letters, * for alphanumeric */\n  mask?: string\n  /** Placeholder character shown in mask (default: _) */\n  maskPlaceholder?: string\n  /** Show clear button when input has value */\n  allowClear?: boolean | { clearIcon?: React.ReactNode }\n  /** Callback when clear button is clicked */\n  onClear?: () => void\n  /** Prefix icon or element (inside input) */\n  prefix?: React.ReactNode\n  /** Suffix icon or element (inside input) */\n  suffix?: React.ReactNode\n  /** Text/element before input (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after input (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** ID for error message element (for aria-describedby) */\n  errorId?: string\n  /** Render as unstyled input (for use inside styled wrappers) */\n  unstyled?: boolean\n}\n\n// Helper to apply mask to raw value\nfunction applyMask(raw: string, mask: string, placeholder: string): string {\n  let result = ''\n  let rawIndex = 0\n\n  for (let i = 0; i < mask.length && rawIndex <= raw.length; i++) {\n    const maskChar = mask[i]\n    if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n      if (rawIndex < raw.length) {\n        result += raw[rawIndex]\n        rawIndex++\n      } else {\n        result += placeholder\n      }\n    } else {\n      result += maskChar\n    }\n  }\n\n  return result\n}\n\n// Extract raw value from masked input\nfunction extractRaw(value: string, mask: string, placeholder: string): string {\n  let raw = ''\n  for (let i = 0; i < value.length && i < mask.length; i++) {\n    const maskChar = mask[i]\n    if ((maskChar === '#' || maskChar === 'A' || maskChar === '*') && value[i] !== placeholder) {\n      raw += value[i]\n    }\n  }\n  return raw\n}\n\n// Check if character is valid for mask position\nfunction isValidChar(char: string, maskChar: string): boolean {\n  if (maskChar === '#') return /\\d/.test(char)\n  if (maskChar === 'A') return /[a-zA-Z]/.test(char)\n  if (maskChar === '*') return /[a-zA-Z0-9]/.test(char)\n  return false\n}\n\n// Find next input position in mask\nfunction findNextInputPosition(mask: string, fromIndex: number): number {\n  for (let i = fromIndex; i < mask.length; i++) {\n    if (mask[i] === '#' || mask[i] === 'A' || mask[i] === '*') {\n      return i\n    }\n  }\n  return mask.length\n}\n\n// Clear icon component\nconst ClearIcon: React.FC<{ onClick: () => void; className?: string }> = ({ onClick, className }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={`flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${className || ''}`}\n    aria-label=\"Clear input\"\n    tabIndex={-1}\n  >\n    <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  </button>\n)\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      type = 'text',\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      className = '',\n      mask,\n      maskPlaceholder = '_',\n      allowClear,\n      onClear,\n      prefix,\n      suffix,\n      addonBefore,\n      addonAfter,\n      floatingLabel,\n      errorId,\n      unstyled = false,\n      value,\n      defaultValue,\n      onChange,\n      onKeyDown,\n      disabled,\n      required,\n      ...props\n    },\n    ref\n  ) => {\n    const sizeClasses = {\n      xs: 'input-xs',\n      sm: 'input-sm',\n      md: 'input-md',\n      lg: 'input-lg',\n      xl: 'input-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'input-neutral',\n      primary: 'input-primary',\n      secondary: 'input-secondary',\n      accent: 'input-accent',\n      info: 'input-info',\n      success: 'input-success',\n      warning: 'input-warning',\n      error: 'input-error',\n    }\n\n    const statusClasses = {\n      error: 'input-error',\n      warning: 'input-warning',\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons OR unstyled prop, the wrapper has the input styling\n    // Inner input should be unstyled (grow to fill space)\n    const hasExternalAddons = addonBefore || addonAfter\n    const shouldBeUnstyled = hasExternalAddons || unstyled\n\n    const inputClasses = shouldBeUnstyled\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          'input',\n          !bordered && 'border-0',\n          ghost && 'input-ghost',\n          size && sizeClasses[size],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Mask handling\n    const innerRef = useRef<HTMLInputElement>(null)\n    const inputRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n\n    const getInitialRaw = useCallback(() => {\n      if (!mask) return ''\n      const initial = (value ?? defaultValue ?? '') as string\n      return extractRaw(initial, mask, maskPlaceholder)\n    }, [mask, value, defaultValue, maskPlaceholder])\n\n    const [rawValue, setRawValue] = useState(getInitialRaw)\n    const [cursorPos, setCursorPos] = useState<number | null>(null)\n\n    // Sync with controlled value\n    useEffect(() => {\n      if (mask && value !== undefined) {\n        setRawValue(extractRaw(value as string, mask, maskPlaceholder))\n      }\n    }, [mask, value, maskPlaceholder])\n\n    // Set cursor position after render\n    useEffect(() => {\n      if (cursorPos !== null && inputRef.current) {\n        inputRef.current.setSelectionRange(cursorPos, cursorPos)\n        setCursorPos(null)\n      }\n    }, [cursorPos, inputRef])\n\n    const handleMaskedChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (!mask) {\n          onChange?.(e)\n          return\n        }\n\n        const input = e.target\n        const inputValue = input.value\n\n        // Extract what the user is trying to type\n        const newRaw = extractRaw(inputValue, mask, maskPlaceholder)\n\n        // Filter to only valid characters\n        let filteredRaw = ''\n        let rawIdx = 0\n        for (let i = 0; i < mask.length && rawIdx < newRaw.length; i++) {\n          const maskChar = mask[i]\n          if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n            if (isValidChar(newRaw[rawIdx], maskChar)) {\n              filteredRaw += newRaw[rawIdx]\n            }\n            rawIdx++\n          }\n        }\n\n        setRawValue(filteredRaw)\n\n        // Calculate new cursor position\n        const maskedValue = applyMask(filteredRaw, mask, maskPlaceholder)\n        let newCursor = findNextInputPosition(mask, 0)\n        let charsPlaced = 0\n        for (let i = 0; i < mask.length; i++) {\n          const maskChar = mask[i]\n          if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n            if (charsPlaced < filteredRaw.length) {\n              charsPlaced++\n              newCursor = i + 1\n            }\n          }\n        }\n        // Skip to next input position if we're on a literal\n        newCursor = findNextInputPosition(mask, newCursor)\n        if (newCursor > mask.length) newCursor = mask.length\n\n        setCursorPos(newCursor)\n\n        // Create synthetic event with masked value\n        const syntheticEvent = {\n          ...e,\n          target: { ...input, value: maskedValue },\n          currentTarget: { ...input, value: maskedValue },\n        } as React.ChangeEvent<HTMLInputElement>\n\n        onChange?.(syntheticEvent)\n      },\n      [mask, maskPlaceholder, onChange]\n    )\n\n    const handleMaskedKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (!mask) {\n          onKeyDown?.(e)\n          return\n        }\n\n        if (e.key === 'Backspace') {\n          e.preventDefault()\n          const newRaw = rawValue.slice(0, -1)\n          setRawValue(newRaw)\n\n          // Calculate cursor position\n          let newCursor = 0\n          let charsPlaced = 0\n          for (let i = 0; i < mask.length; i++) {\n            const maskChar = mask[i]\n            if (maskChar === '#' || maskChar === 'A' || maskChar === '*') {\n              if (charsPlaced < newRaw.length) {\n                charsPlaced++\n                newCursor = i + 1\n              } else {\n                newCursor = i\n                break\n              }\n            }\n          }\n          setCursorPos(newCursor)\n\n          const maskedValue = applyMask(newRaw, mask, maskPlaceholder)\n          const input = e.currentTarget\n          const syntheticEvent = {\n            target: { ...input, value: maskedValue },\n            currentTarget: { ...input, value: maskedValue },\n          } as unknown as React.ChangeEvent<HTMLInputElement>\n\n          onChange?.(syntheticEvent)\n        }\n\n        onKeyDown?.(e)\n      },\n      [mask, maskPlaceholder, rawValue, onChange, onKeyDown]\n    )\n\n    // Track internal value for allowClear visibility\n    const [internalValue, setInternalValue] = useState((value ?? defaultValue ?? '') as string)\n\n    // Sync internal value with controlled value\n    useEffect(() => {\n      if (value !== undefined) {\n        setInternalValue(value as string)\n      }\n    }, [value])\n\n    const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n      setInternalValue(e.target.value)\n      onChange?.(e)\n    }, [onChange])\n\n    const handleClear = useCallback(() => {\n      setInternalValue('')\n      setRawValue('')\n      onClear?.()\n      // Create synthetic event for onChange\n      if (onChange && inputRef.current) {\n        const syntheticEvent = {\n          target: { ...inputRef.current, value: '' },\n          currentTarget: { ...inputRef.current, value: '' },\n        } as React.ChangeEvent<HTMLInputElement>\n        onChange(syntheticEvent)\n      }\n    }, [onClear, onChange, inputRef])\n\n    // Determine if we should show clear button\n    const currentValue = mask ? rawValue : internalValue\n    const showClear = allowClear && currentValue && !disabled\n\n    // Get custom clear icon if provided\n    const clearIcon = typeof allowClear === 'object' && allowClear.clearIcon\n      ? allowClear.clearIcon\n      : null\n\n    // Accessibility attributes\n    const ariaProps: Record<string, string | boolean | undefined> = {}\n    if (status === 'error') {\n      ariaProps['aria-invalid'] = true\n    }\n    if (errorId) {\n      ariaProps['aria-describedby'] = errorId\n    }\n    if (required) {\n      ariaProps['aria-required'] = true\n    }\n\n    // If we have prefix, suffix, or allowClear, wrap in a container\n    const hasInternalAddons = prefix || suffix || allowClear\n\n    // Size class for floating label\n    const floatingSizeClasses = {\n      xs: 'input-xs',\n      sm: 'input-sm',\n      md: 'input-md',\n      lg: 'input-lg',\n      xl: 'input-xl',\n    }\n\n    // Build the masked value if needed\n    const maskedValue = mask ? applyMask(rawValue, mask, maskPlaceholder) : undefined\n\n    // Build the core input element\n    const buildInput = (extraClasses?: string) => (\n      <input\n        ref={inputRef}\n        type={mask ? 'text' : type}\n        className={[\n          inputClasses,\n          hasInternalAddons && 'w-full',\n          prefix && 'pl-10',\n          (suffix || showClear) && 'pr-10',\n          extraClasses,\n        ].filter(Boolean).join(' ')}\n        value={maskedValue ?? (value !== undefined ? value : (hasInternalAddons ? internalValue : value))}\n        defaultValue={value === undefined && !mask ? defaultValue : undefined}\n        onChange={mask ? handleMaskedChange : (hasInternalAddons ? handleChange : onChange)}\n        onKeyDown={mask ? handleMaskedKeyDown : onKeyDown}\n        disabled={disabled}\n        required={required}\n        {...ariaProps}\n        {...props}\n      />\n    )\n\n    // Build input with internal addons (prefix icon, suffix icon, clear button)\n    const buildInputWithInternalAddons = (extraClasses?: string) => {\n      if (!hasInternalAddons) {\n        return buildInput(extraClasses)\n      }\n\n      return (\n        <div className={`relative flex items-center ${extraClasses || ''}`}>\n          {prefix && (\n            <span className=\"absolute left-3 flex items-center text-base-content/70 pointer-events-none z-10\">\n              {prefix}\n            </span>\n          )}\n          {buildInput()}\n          {(suffix || showClear) && (\n            <span className=\"absolute right-3 flex items-center gap-1 z-10\">\n              {showClear && (clearIcon || <ClearIcon onClick={handleClear} />)}\n              {suffix && <span className=\"text-base-content/70\">{suffix}</span>}\n            </span>\n          )}\n        </div>\n      )\n    }\n\n    // Wrap with floating label if specified\n    const wrapWithFloatingLabel = (input: React.ReactNode) => {\n      if (!floatingLabel) return input\n\n      const floatingClasses = [\n        'floating-label',\n        size && floatingSizeClasses[size],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses}>\n          {input}\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons (addonBefore/addonAfter) using DaisyUI input wrapper pattern\n    const wrapWithExternalAddons = (input: React.ReactNode) => {\n      if (!hasExternalAddons) return input\n\n      const addonClasses = [\n        'input',\n        'input-bordered',\n        'flex',\n        'items-center',\n        'gap-2',\n        size && sizeClasses[size],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses}>\n          {addonBefore && <span className=\"text-base-content/70\">{addonBefore}</span>}\n          {input}\n          {addonAfter && <span className=\"text-base-content/70\">{addonAfter}</span>}\n        </label>\n      )\n    }\n\n    // Build the final element\n    const inputElement = buildInputWithInternalAddons(\n      floatingLabel ? 'input input-bordered w-full' : undefined\n    )\n\n    // Apply wrappers\n    return wrapWithExternalAddons(wrapWithFloatingLabel(\n      floatingLabel ? (\n        // For floating label, use raw input (label wrapper provides styling)\n        <input\n          ref={inputRef}\n          type={mask ? 'text' : type}\n          className=\"input input-bordered w-full\"\n          value={maskedValue ?? (value !== undefined ? value : internalValue)}\n          defaultValue={value === undefined && !mask ? defaultValue : undefined}\n          onChange={mask ? handleMaskedChange : handleChange}\n          onKeyDown={mask ? handleMaskedKeyDown : onKeyDown}\n          disabled={disabled}\n          required={required}\n          {...ariaProps}\n          {...props}\n        />\n      ) : inputElement\n    ))\n  }\n)\n\nInput.displayName = 'Input'\n"],"names":["applyMask","raw","mask","placeholder","result","rawIndex","i","maskChar","extractRaw","value","isValidChar","char","findNextInputPosition","fromIndex","ClearIcon","onClick","className","jsx","Input","forwardRef","type","size","color","status","ghost","bordered","maskPlaceholder","allowClear","onClear","prefix","suffix","addonBefore","addonAfter","floatingLabel","errorId","unstyled","defaultValue","onChange","onKeyDown","disabled","required","props","ref","sizeClasses","effectiveColorClass","hasExternalAddons","inputClasses","innerRef","useRef","inputRef","getInitialRaw","useCallback","rawValue","setRawValue","useState","cursorPos","setCursorPos","useEffect","handleMaskedChange","e","input","inputValue","newRaw","filteredRaw","rawIdx","maskedValue","newCursor","charsPlaced","syntheticEvent","handleMaskedKeyDown","internalValue","setInternalValue","handleChange","handleClear","showClear","clearIcon","ariaProps","hasInternalAddons","floatingSizeClasses","buildInput","extraClasses","buildInputWithInternalAddons","jsxs","wrapWithFloatingLabel","floatingClasses","wrapWithExternalAddons","addonClasses","inputElement"],"mappings":"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"}

package/dist/index43.js

@@ -15,42 +15,42 @@ const H = S(
     parser: h,
     className: w = "",
     controls: v = !0,
-    block: C = !0,
+    block: C = !1,
     ...D
   }, V) => {
     const [j, m] = A(I ?? null), b = K(null);
     W(V, () => b.current);
-    const n = o !== void 0 ? o : j, B = (e) => {
+    const t = o !== void 0 ? o : j, B = (e) => {
       if (e === null) return "";
-      let t = e;
-      return s !== void 0 && (t = Number(e.toFixed(s))), f ? f(t) : String(t);
+      let n = e;
+      return s !== void 0 && (n = Number(e.toFixed(s))), f ? f(n) : String(n);
     }, M = (e) => {
       if (!e) return null;
-      const t = h ? h(e) : parseFloat(e);
-      return isNaN(t) ? null : t;
+      const n = h ? h(e) : parseFloat(e);
+      return isNaN(n) ? null : n;
     }, x = (e) => {
-      let t = Math.max(a, Math.min(u, e));
-      return s !== void 0 && (t = Number(t.toFixed(s))), t;
+      let n = Math.max(a, Math.min(u, e));
+      return s !== void 0 && (n = Number(n.toFixed(s))), n;
     }, i = (e) => {
       if (e === null) {
         o === void 0 && m(null), p?.(null);
         return;
       }
-      const t = x(e);
-      o === void 0 && m(t), p?.(t);
+      const n = x(e);
+      o === void 0 && m(n), p?.(n);
     }, y = () => {
       if (l) return;
-      i((n ?? 0) + d);
+      i((t ?? 0) + d);
     }, g = () => {
       if (l) return;
-      i((n ?? 0) - d);
+      i((t ?? 0) - d);
     }, L = (e) => {
-      const t = M(e.target.value);
-      t !== null ? i(t) : e.target.value === "" && i(null);
+      const n = M(e.target.value);
+      n !== null ? i(n) : e.target.value === "" && i(null);
     }, $ = (e) => {
       l || (e.key === "ArrowUp" ? (e.preventDefault(), y()) : e.key === "ArrowDown" && (e.preventDefault(), g()));
     }, F = () => {
-      n !== null && (n < a || n > u) && i(x(n));
+      t !== null && (t < a || t > u) && i(x(t));
     }, R = [
       "input",
       "input-bordered",
@@ -75,9 +75,9 @@ const H = S(
           role: "spinbutton",
           "aria-valuemin": a !== -1 / 0 ? a : void 0,
           "aria-valuemax": u !== 1 / 0 ? u : void 0,
-          "aria-valuenow": n ?? void 0,
+          "aria-valuenow": t ?? void 0,
           className: R,
-          value: B(n),
+          value: B(t),
           onChange: L,
           onKeyDown: $,
           onBlur: F,
@@ -93,7 +93,7 @@ const H = S(
             "aria-label": "Increase value",
             className: `btn ${N} btn-ghost px-1 min-h-0 h-3.5`,
             onClick: y,
-            disabled: l || n !== null && n >= u,
+            disabled: l || t !== null && t >= u,
             tabIndex: -1,
             children: /* @__PURE__ */ r(
               "svg",
@@ -123,7 +123,7 @@ const H = S(
             "aria-label": "Decrease value",
             className: `btn ${N} btn-ghost px-1 min-h-0 h-3.5`,
             onClick: g,
-            disabled: l || n !== null && n <= a,
+            disabled: l || t !== null && t <= a,
             tabIndex: -1,
             children: /* @__PURE__ */ r(
               "svg",

package/dist/index43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index43.js","sources":["../src/components/InputNumber.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, useImperativeHandle } from 'react'\n\nexport interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'value' | 'defaultValue'> {\n  value?: number\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  precision?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  disabled?: boolean\n  onChange?: (value: number | null) => void\n  formatter?: (value: number | undefined) => string\n  parser?: (displayValue: string) => number\n  className?: string\n  controls?: boolean\n  block?: boolean\n}\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      value: controlledValue,\n      defaultValue,\n      min = -Infinity,\n      max = Infinity,\n      step = 1,\n      precision,\n      size,\n      disabled = false,\n      onChange,\n      formatter,\n      parser,\n      className = '',\n      controls = true,\n      block = true,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<number | null>(defaultValue ?? null)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useImperativeHandle(ref, () => inputRef.current!)\n\n    const value = controlledValue !== undefined ? controlledValue : internalValue\n\n    const formatValue = (num: number | null): string => {\n      if (num === null) return ''\n      let formatted = num\n      if (precision !== undefined) {\n        formatted = Number(num.toFixed(precision))\n      }\n      return formatter ? formatter(formatted) : String(formatted)\n    }\n\n    const parseValue = (str: string): number | null => {\n      if (!str) return null\n      const parsed = parser ? parser(str) : parseFloat(str)\n      if (isNaN(parsed)) return null\n      return parsed\n    }\n\n    const clampValue = (num: number): number => {\n      let clamped = Math.max(min, Math.min(max, num))\n      if (precision !== undefined) {\n        clamped = Number(clamped.toFixed(precision))\n      }\n      return clamped\n    }\n\n    const updateValue = (newValue: number | null) => {\n      if (newValue === null) {\n        if (controlledValue === undefined) {\n          setInternalValue(null)\n        }\n        onChange?.(null)\n        return\n      }\n\n      const clamped = clampValue(newValue)\n      if (controlledValue === undefined) {\n        setInternalValue(clamped)\n      }\n      onChange?.(clamped)\n    }\n\n    const handleIncrement = () => {\n      if (disabled) return\n      const currentValue = value ?? 0\n      updateValue(currentValue + step)\n    }\n\n    const handleDecrement = () => {\n      if (disabled) return\n      const currentValue = value ?? 0\n      updateValue(currentValue - step)\n    }\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const parsed = parseValue(e.target.value)\n      if (parsed !== null) {\n        updateValue(parsed)\n      } else if (e.target.value === '') {\n        updateValue(null)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        handleIncrement()\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        handleDecrement()\n      }\n    }\n\n    const handleBlur = () => {\n      // Ensure value is within bounds on blur\n      if (value !== null && (value < min || value > max)) {\n        updateValue(clampValue(value))\n      }\n    }\n\n    const sizeClasses = {\n      xs: 'input-xs',\n      sm: 'input-sm',\n      md: 'input-md',\n      lg: 'input-lg',\n      xl: 'input-xl',\n    }\n\n    const inputClasses = [\n      'input',\n      'input-bordered',\n      'w-full',\n      size && sizeClasses[size],\n      disabled && 'input-disabled',\n      controls && 'pr-8',\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const buttonSize = size === 'xs' || size === 'sm' ? 'btn-xs' : 'btn-sm'\n\n    return (\n      <div className={`relative ${block ? 'w-full' : 'inline-block'} group ${className}`}>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          inputMode=\"decimal\"\n          role=\"spinbutton\"\n          aria-valuemin={min !== -Infinity ? min : undefined}\n          aria-valuemax={max !== Infinity ? max : undefined}\n          aria-valuenow={value ?? undefined}\n          className={inputClasses}\n          value={formatValue(value)}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          disabled={disabled}\n          {...props}\n        />\n        {controls && (\n          <div className=\"absolute right-1 top-1/2 -translate-y-1/2 flex flex-col gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity\">\n            <button\n              type=\"button\"\n              aria-label=\"Increase value\"\n              className={`btn ${buttonSize} btn-ghost px-1 min-h-0 h-3.5`}\n              onClick={handleIncrement}\n              disabled={disabled || (value !== null && value >= max)}\n              tabIndex={-1}\n            >\n              <svg\n                className=\"w-3 h-3\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M5 15l7-7 7 7\"\n                />\n              </svg>\n            </button>\n            <button\n              type=\"button\"\n              aria-label=\"Decrease value\"\n              className={`btn ${buttonSize} btn-ghost px-1 min-h-0 h-3.5`}\n              onClick={handleDecrement}\n              disabled={disabled || (value !== null && value <= min)}\n              tabIndex={-1}\n            >\n              <svg\n                className=\"w-3 h-3\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M19 9l-7 7-7-7\"\n                />\n              </svg>\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nInputNumber.displayName = 'InputNumber'\n\nexport default InputNumber\n"],"names":["InputNumber","forwardRef","controlledValue","defaultValue","min","max","step","precision","size","disabled","onChange","formatter","parser","className","controls","block","props","ref","internalValue","setInternalValue","useState","inputRef","useRef","useImperativeHandle","value","formatValue","num","formatted","parseValue","str","parsed","clampValue","clamped","updateValue","newValue","handleIncrement","handleDecrement","handleInputChange","handleKeyDown","handleBlur","inputClasses","buttonSize","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index43.js","sources":["../src/components/InputNumber.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, useImperativeHandle } from 'react'\n\nexport interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'value' | 'defaultValue'> {\n  value?: number\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  precision?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  disabled?: boolean\n  onChange?: (value: number | null) => void\n  formatter?: (value: number | undefined) => string\n  parser?: (displayValue: string) => number\n  className?: string\n  controls?: boolean\n  block?: boolean\n}\n\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      value: controlledValue,\n      defaultValue,\n      min = -Infinity,\n      max = Infinity,\n      step = 1,\n      precision,\n      size,\n      disabled = false,\n      onChange,\n      formatter,\n      parser,\n      className = '',\n      controls = true,\n      block = false,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<number | null>(defaultValue ?? null)\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useImperativeHandle(ref, () => inputRef.current!)\n\n    const value = controlledValue !== undefined ? controlledValue : internalValue\n\n    const formatValue = (num: number | null): string => {\n      if (num === null) return ''\n      let formatted = num\n      if (precision !== undefined) {\n        formatted = Number(num.toFixed(precision))\n      }\n      return formatter ? formatter(formatted) : String(formatted)\n    }\n\n    const parseValue = (str: string): number | null => {\n      if (!str) return null\n      const parsed = parser ? parser(str) : parseFloat(str)\n      if (isNaN(parsed)) return null\n      return parsed\n    }\n\n    const clampValue = (num: number): number => {\n      let clamped = Math.max(min, Math.min(max, num))\n      if (precision !== undefined) {\n        clamped = Number(clamped.toFixed(precision))\n      }\n      return clamped\n    }\n\n    const updateValue = (newValue: number | null) => {\n      if (newValue === null) {\n        if (controlledValue === undefined) {\n          setInternalValue(null)\n        }\n        onChange?.(null)\n        return\n      }\n\n      const clamped = clampValue(newValue)\n      if (controlledValue === undefined) {\n        setInternalValue(clamped)\n      }\n      onChange?.(clamped)\n    }\n\n    const handleIncrement = () => {\n      if (disabled) return\n      const currentValue = value ?? 0\n      updateValue(currentValue + step)\n    }\n\n    const handleDecrement = () => {\n      if (disabled) return\n      const currentValue = value ?? 0\n      updateValue(currentValue - step)\n    }\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const parsed = parseValue(e.target.value)\n      if (parsed !== null) {\n        updateValue(parsed)\n      } else if (e.target.value === '') {\n        updateValue(null)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        handleIncrement()\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        handleDecrement()\n      }\n    }\n\n    const handleBlur = () => {\n      // Ensure value is within bounds on blur\n      if (value !== null && (value < min || value > max)) {\n        updateValue(clampValue(value))\n      }\n    }\n\n    const sizeClasses = {\n      xs: 'input-xs',\n      sm: 'input-sm',\n      md: 'input-md',\n      lg: 'input-lg',\n      xl: 'input-xl',\n    }\n\n    const inputClasses = [\n      'input',\n      'input-bordered',\n      'w-full',\n      size && sizeClasses[size],\n      disabled && 'input-disabled',\n      controls && 'pr-8',\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const buttonSize = size === 'xs' || size === 'sm' ? 'btn-xs' : 'btn-sm'\n\n    return (\n      <div className={`relative ${block ? 'w-full' : 'inline-block'} group ${className}`}>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          inputMode=\"decimal\"\n          role=\"spinbutton\"\n          aria-valuemin={min !== -Infinity ? min : undefined}\n          aria-valuemax={max !== Infinity ? max : undefined}\n          aria-valuenow={value ?? undefined}\n          className={inputClasses}\n          value={formatValue(value)}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          disabled={disabled}\n          {...props}\n        />\n        {controls && (\n          <div className=\"absolute right-1 top-1/2 -translate-y-1/2 flex flex-col gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity\">\n            <button\n              type=\"button\"\n              aria-label=\"Increase value\"\n              className={`btn ${buttonSize} btn-ghost px-1 min-h-0 h-3.5`}\n              onClick={handleIncrement}\n              disabled={disabled || (value !== null && value >= max)}\n              tabIndex={-1}\n            >\n              <svg\n                className=\"w-3 h-3\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M5 15l7-7 7 7\"\n                />\n              </svg>\n            </button>\n            <button\n              type=\"button\"\n              aria-label=\"Decrease value\"\n              className={`btn ${buttonSize} btn-ghost px-1 min-h-0 h-3.5`}\n              onClick={handleDecrement}\n              disabled={disabled || (value !== null && value <= min)}\n              tabIndex={-1}\n            >\n              <svg\n                className=\"w-3 h-3\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M19 9l-7 7-7-7\"\n                />\n              </svg>\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nInputNumber.displayName = 'InputNumber'\n\nexport default InputNumber\n"],"names":["InputNumber","forwardRef","controlledValue","defaultValue","min","max","step","precision","size","disabled","onChange","formatter","parser","className","controls","block","props","ref","internalValue","setInternalValue","useState","inputRef","useRef","useImperativeHandle","value","formatValue","num","formatted","parseValue","str","parsed","clampValue","clamped","updateValue","newValue","handleIncrement","handleDecrement","handleInputChange","handleKeyDown","handleBlur","inputClasses","buttonSize","jsxs","jsx"],"mappings":";;AAmBO,MAAMA,IAAcC;AAAA,EACzB,CACE;AAAA,IACE,OAAOC;AAAA,IACP,cAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAwBjB,KAAgB,IAAI,GAChFkB,IAAWC,EAAyB,IAAI;AAE9C,IAAAC,EAAoBN,GAAK,MAAMI,EAAS,OAAQ;AAEhD,UAAMG,IAAQtB,MAAoB,SAAYA,IAAkBgB,GAE1DO,IAAc,CAACC,MAA+B;AAClD,UAAIA,MAAQ,KAAM,QAAO;AACzB,UAAIC,IAAYD;AAChB,aAAInB,MAAc,WAChBoB,IAAY,OAAOD,EAAI,QAAQnB,CAAS,CAAC,IAEpCI,IAAYA,EAAUgB,CAAS,IAAI,OAAOA,CAAS;AAAA,IAC5D,GAEMC,IAAa,CAACC,MAA+B;AACjD,UAAI,CAACA,EAAK,QAAO;AACjB,YAAMC,IAASlB,IAASA,EAAOiB,CAAG,IAAI,WAAWA,CAAG;AACpD,aAAI,MAAMC,CAAM,IAAU,OACnBA;AAAA,IACT,GAEMC,IAAa,CAACL,MAAwB;AAC1C,UAAIM,IAAU,KAAK,IAAI5B,GAAK,KAAK,IAAIC,GAAKqB,CAAG,CAAC;AAC9C,aAAInB,MAAc,WAChByB,IAAU,OAAOA,EAAQ,QAAQzB,CAAS,CAAC,IAEtCyB;AAAA,IACT,GAEMC,IAAc,CAACC,MAA4B;AAC/C,UAAIA,MAAa,MAAM;AACrB,QAAIhC,MAAoB,UACtBiB,EAAiB,IAAI,GAEvBT,IAAW,IAAI;AACf;AAAA,MACF;AAEA,YAAMsB,IAAUD,EAAWG,CAAQ;AACnC,MAAIhC,MAAoB,UACtBiB,EAAiBa,CAAO,GAE1BtB,IAAWsB,CAAO;AAAA,IACpB,GAEMG,IAAkB,MAAM;AAC5B,UAAI1B,EAAU;AAEd,MAAAwB,GADqBT,KAAS,KACHlB,CAAI;AAAA,IACjC,GAEM8B,IAAkB,MAAM;AAC5B,UAAI3B,EAAU;AAEd,MAAAwB,GADqBT,KAAS,KACHlB,CAAI;AAAA,IACjC,GAEM+B,IAAoB,CAAC,MAA2C;AACpE,YAAMP,IAASF,EAAW,EAAE,OAAO,KAAK;AACxC,MAAIE,MAAW,OACbG,EAAYH,CAAM,IACT,EAAE,OAAO,UAAU,MAC5BG,EAAY,IAAI;AAAA,IAEpB,GAEMK,IAAgB,CAAC,MAA6C;AAClE,MAAI7B,MAEA,EAAE,QAAQ,aACZ,EAAE,eAAA,GACF0B,EAAA,KACS,EAAE,QAAQ,gBACnB,EAAE,eAAA,GACFC,EAAA;AAAA,IAEJ,GAEMG,IAAa,MAAM;AAEvB,MAAIf,MAAU,SAASA,IAAQpB,KAAOoB,IAAQnB,MAC5C4B,EAAYF,EAAWP,CAAK,CAAC;AAAA,IAEjC,GAUMgB,IAAe;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACAhC,KAZkB;AAAA,QAClB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,EAOgBA,CAAI;AAAA,MACxBC,KAAY;AAAA,MACZK,KAAY;AAAA,IAAA,EAEX,OAAO,OAAO,EACd,KAAK,GAAG,GAEL2B,IAAajC,MAAS,QAAQA,MAAS,OAAO,WAAW;AAE/D,WACE,gBAAAkC,EAAC,SAAI,WAAW,YAAY3B,IAAQ,WAAW,cAAc,UAAUF,CAAS,IAC9E,UAAA;AAAA,MAAA,gBAAA8B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKtB;AAAA,UACL,MAAK;AAAA,UACL,WAAU;AAAA,UACV,MAAK;AAAA,UACL,iBAAejB,MAAQ,SAAYA,IAAM;AAAA,UACzC,iBAAeC,MAAQ,QAAWA,IAAM;AAAA,UACxC,iBAAemB,KAAS;AAAA,UACxB,WAAWgB;AAAA,UACX,OAAOf,EAAYD,CAAK;AAAA,UACxB,UAAUa;AAAA,UACV,WAAWC;AAAA,UACX,QAAQC;AAAA,UACR,UAAA9B;AAAA,UACC,GAAGO;AAAA,QAAA;AAAA,MAAA;AAAA,MAELF,KACC,gBAAA4B,EAAC,OAAA,EAAI,WAAU,wHACb,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,WAAW,OAAOF,CAAU;AAAA,YAC5B,SAASN;AAAA,YACT,UAAU1B,KAAae,MAAU,QAAQA,KAASnB;AAAA,YAClD,UAAU;AAAA,YAEV,UAAA,gBAAAsC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,QAAO;AAAA,gBACP,eAAY;AAAA,gBAEZ,UAAA,gBAAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,eAAc;AAAA,oBACd,gBAAe;AAAA,oBACf,aAAa;AAAA,oBACb,GAAE;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEF,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,WAAW,OAAOF,CAAU;AAAA,YAC5B,SAASL;AAAA,YACT,UAAU3B,KAAae,MAAU,QAAQA,KAASpB;AAAA,YAClD,UAAU;AAAA,YAEV,UAAA,gBAAAuC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,QAAO;AAAA,gBACP,eAAY;AAAA,gBAEZ,UAAA,gBAAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,eAAc;AAAA,oBACd,gBAAe;AAAA,oBACf,aAAa;AAAA,oBACb,GAAE;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AAEA3C,EAAY,cAAc;"}

package/dist/index46.js

@@ -1,24 +1,140 @@
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-function c({ children: l, className: n = "", ...s }) {
-  return /* @__PURE__ */ a("span", { className: `label ${n}`, ...s, children: l });
+import { jsx as o, jsxs as A } from "react/jsx-runtime";
+import d, { useContext as M, createContext as P, useState as C, useEffect as $, useCallback as F } from "react";
+const L = P(null);
+function Q() {
+  return M(L);
 }
-function r({ children: l, label: n, size: s, className: e = "", ...t }) {
-  const i = ["floating-label", s && {
-    xs: "input-xs",
-    sm: "input-sm",
-    md: "input-md",
-    lg: "input-lg",
-    xl: "input-xl"
-  }[s], e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("label", { className: i, ...t, children: [
-    l,
-    /* @__PURE__ */ a("span", { children: n })
-  ] });
+function h({ children: n, className: s = "", style: a }) {
+  const e = d.Children.toArray(n), f = e.some(
+    (t) => d.isValidElement(t) && t.type.displayName === "LayoutSider"
+  ), m = [
+    "flex",
+    "min-h-0",
+    f ? "flex-row" : "flex-col",
+    s
+  ].filter(Boolean).join(" "), r = f ? e.map((t) => {
+    if (d.isValidElement(t) && (t.type === h || t.type.displayName === "LayoutRoot") && t.type.displayName !== "LayoutSider") {
+      const i = t.props.className || "";
+      if (!i.includes("flex-1"))
+        return d.cloneElement(t, {
+          className: `flex-1 ${i}`.trim()
+        });
+    }
+    return t;
+  }) : n;
+  return /* @__PURE__ */ o("div", { className: m, style: a, children: r });
 }
-const m = Object.assign(c, {
-  Floating: r
+h.displayName = "LayoutRoot";
+function H({ children: n, className: s = "", style: a }) {
+  const e = [
+    "flex",
+    "items-center",
+    "px-6",
+    "h-16",
+    "bg-base-300",
+    "flex-shrink-0",
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("header", { className: e, style: a, children: n });
+}
+function I({ children: n, className: s = "", style: a }) {
+  const e = [
+    "px-6",
+    "py-4",
+    "text-center",
+    "bg-base-300",
+    "flex-shrink-0",
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("footer", { className: e, style: a, children: n });
+}
+function O({ children: n, className: s = "", style: a }) {
+  const e = ["flex-1", "min-h-0", "overflow-auto", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("main", { className: e, style: a, children: n });
+}
+const T = {
+  sm: "(max-width: 639px)",
+  md: "(max-width: 767px)",
+  lg: "(max-width: 1023px)",
+  xl: "(max-width: 1279px)",
+  "2xl": "(max-width: 1535px)"
+};
+function v({
+  children: n,
+  width: s = 200,
+  collapsedWidth: a = 80,
+  collapsed: e,
+  defaultCollapsed: f = !1,
+  collapsible: m = !1,
+  onCollapse: r,
+  trigger: t,
+  breakpoint: i,
+  onBreakpoint: p,
+  className: w = "",
+  style: g
+}) {
+  const [j, N] = C(f), [b, k] = C(!1), l = e ?? j;
+  $(() => {
+    if (!i) return;
+    const c = window.matchMedia(T[i]), y = (R) => {
+      const u = R.matches;
+      k(u), p?.(u), e === void 0 && N(u), u !== b && r?.(u);
+    };
+    return y(c), c.addEventListener("change", y), () => c.removeEventListener("change", y);
+  }, [i, p, e, r, b]);
+  const S = F(() => {
+    const c = !l;
+    e === void 0 && N(c), r?.(c);
+  }, [l, e, r]), x = l ? a : s, B = [
+    "flex",
+    "flex-col",
+    "bg-base-200",
+    "flex-shrink-0",
+    "transition-all",
+    "duration-200",
+    w
+  ].filter(Boolean).join(" "), E = m && t !== null && /* @__PURE__ */ o(
+    "button",
+    {
+      onClick: S,
+      className: "flex items-center justify-center h-10 w-full bg-base-300 hover:bg-base-content/10 transition-colors",
+      "aria-label": l ? "Expand sidebar" : "Collapse sidebar",
+      children: /* @__PURE__ */ o(
+        "svg",
+        {
+          className: `w-4 h-4 transition-transform ${l ? "rotate-180" : ""}`,
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ o(L.Provider, { value: { collapsed: l, collapsedWidth: a, width: s }, children: /* @__PURE__ */ A(
+    "aside",
+    {
+      className: B,
+      style: {
+        width: typeof x == "number" ? `${x}px` : x,
+        ...g
+      },
+      children: [
+        /* @__PURE__ */ o("div", { className: "flex-1 overflow-auto", children: n }),
+        t !== null && (t ?? E)
+      ]
+    }
+  ) });
+}
+v.displayName = "LayoutSider";
+const W = Object.assign(h, {
+  Header: H,
+  Footer: I,
+  Content: O,
+  Sider: v
 });
 export {
-  m as Label
+  W as Layout,
+  Q as useSiderContext
 };
 //# sourceMappingURL=index46.js.map

package/dist/index46.js.map

@@ -1 +1 @@
-{"version":3,"file":"index46.js","sources":["../src/components/Label.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children: React.ReactNode\n}\n\nexport interface FloatingLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  children: React.ReactNode\n  label: string\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n}\n\nfunction LabelRoot({ children, className = '', ...rest }: LabelProps) {\n  return <span className={`label ${className}`} {...rest}>{children}</span>\n}\n\nfunction FloatingLabel({ children, label, size, className = '', ...rest }: FloatingLabelProps) {\n  const sizeClasses = {\n    xs: 'input-xs',\n    sm: 'input-sm',\n    md: 'input-md',\n    lg: 'input-lg',\n    xl: 'input-xl',\n  }\n\n  const classes = ['floating-label', size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  return (\n    <label className={classes} {...rest}>\n      {children}\n      <span>{label}</span>\n    </label>\n  )\n}\n\nexport const Label = Object.assign(LabelRoot, {\n  Floating: FloatingLabel,\n})\n"],"names":["LabelRoot","children","className","rest","jsx","FloatingLabel","label","size","classes","jsxs","Label"],"mappings":";AAYA,SAASA,EAAU,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAoB;AACpE,SAAO,gBAAAC,EAAC,UAAK,WAAW,SAASF,CAAS,IAAK,GAAGC,GAAO,UAAAF,GAAS;AACpE;AAEA,SAASI,EAAc,EAAE,UAAAJ,GAAU,OAAAK,GAAO,MAAAC,GAAM,WAAAL,IAAY,IAAI,GAAGC,KAA4B;AAS7F,QAAMK,IAAU,CAAC,kBAAkBD,KARf;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,EAGiDA,CAAI,GAAGL,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjG,SACE,gBAAAO,EAAC,SAAA,EAAM,WAAWD,GAAU,GAAGL,GAC5B,UAAA;AAAA,IAAAF;AAAA,IACD,gBAAAG,EAAC,UAAM,UAAAE,EAAA,CAAM;AAAA,EAAA,GACf;AAEJ;AAEO,MAAMI,IAAQ,OAAO,OAAOV,GAAW;AAAA,EAC5C,UAAUK;AACZ,CAAC;"}
+{"version":3,"file":"index46.js","sources":["../src/components/Layout.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useEffect } from 'react'\n\nexport interface LayoutProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutHeaderProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutFooterProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutContentProps {\n  children: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport interface LayoutSiderProps {\n  children: React.ReactNode\n  width?: number | string\n  collapsedWidth?: number | string\n  collapsed?: boolean\n  defaultCollapsed?: boolean\n  collapsible?: boolean\n  onCollapse?: (collapsed: boolean) => void\n  trigger?: React.ReactNode | null\n  breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n  onBreakpoint?: (broken: boolean) => void\n  className?: string\n  style?: React.CSSProperties\n}\n\ninterface SiderContextValue {\n  collapsed: boolean\n  collapsedWidth: number | string\n  width: number | string\n}\n\nconst SiderContext = createContext<SiderContextValue | null>(null)\n\nexport function useSiderContext() {\n  return useContext(SiderContext)\n}\n\nfunction LayoutRoot({ children, className = '', style }: LayoutProps) {\n  // Check if any child is a Sider to determine flex direction\n  const childArray = React.Children.toArray(children)\n  const hasSider = childArray.some(\n    (child) => React.isValidElement(child) && (child.type as any).displayName === 'LayoutSider'\n  )\n\n  const layoutClasses = [\n    'flex',\n    'min-h-0',\n    hasSider ? 'flex-row' : 'flex-col',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // If we have a Sider, auto-add flex-1 to non-Sider Layout children\n  const processedChildren = hasSider\n    ? childArray.map((child) => {\n        if (\n          React.isValidElement(child) &&\n          (child.type === LayoutRoot || (child.type as any).displayName === 'LayoutRoot') &&\n          (child.type as any).displayName !== 'LayoutSider'\n        ) {\n          // Clone the Layout child and add flex-1 if not already present\n          const existingClassName = (child.props as any).className || ''\n          if (!existingClassName.includes('flex-1')) {\n            return React.cloneElement(child as React.ReactElement<any>, {\n              className: `flex-1 ${existingClassName}`.trim(),\n            })\n          }\n        }\n        return child\n      })\n    : children\n\n  return (\n    <div className={layoutClasses} style={style}>\n      {processedChildren}\n    </div>\n  )\n}\n\nLayoutRoot.displayName = 'LayoutRoot'\n\nfunction LayoutHeader({ children, className = '', style }: LayoutHeaderProps) {\n  const headerClasses = [\n    'flex',\n    'items-center',\n    'px-6',\n    'h-16',\n    'bg-base-300',\n    'flex-shrink-0',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <header className={headerClasses} style={style}>\n      {children}\n    </header>\n  )\n}\n\nfunction LayoutFooter({ children, className = '', style }: LayoutFooterProps) {\n  const footerClasses = [\n    'px-6',\n    'py-4',\n    'text-center',\n    'bg-base-300',\n    'flex-shrink-0',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <footer className={footerClasses} style={style}>\n      {children}\n    </footer>\n  )\n}\n\nfunction LayoutContent({ children, className = '', style }: LayoutContentProps) {\n  // flex-1 by default so Content fills available space\n  const contentClasses = ['flex-1', 'min-h-0', 'overflow-auto', className].filter(Boolean).join(' ')\n\n  return (\n    <main className={contentClasses} style={style}>\n      {children}\n    </main>\n  )\n}\n\nconst BREAKPOINT_MAP: Record<string, string> = {\n  sm: '(max-width: 639px)',\n  md: '(max-width: 767px)',\n  lg: '(max-width: 1023px)',\n  xl: '(max-width: 1279px)',\n  '2xl': '(max-width: 1535px)',\n}\n\nfunction LayoutSider({\n  children,\n  width = 200,\n  collapsedWidth = 80,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  collapsible = false,\n  onCollapse,\n  trigger,\n  breakpoint,\n  onBreakpoint,\n  className = '',\n  style,\n}: LayoutSiderProps) {\n  const [internalCollapsed, setInternalCollapsed] = useState(defaultCollapsed)\n  const [broken, setBroken] = useState(false)\n\n  const collapsed = controlledCollapsed ?? internalCollapsed\n\n  // Handle responsive breakpoint\n  useEffect(() => {\n    if (!breakpoint) return\n\n    const mediaQuery = window.matchMedia(BREAKPOINT_MAP[breakpoint])\n\n    const handleChange = (e: MediaQueryListEvent | MediaQueryList) => {\n      const isBroken = e.matches\n      setBroken(isBroken)\n      onBreakpoint?.(isBroken)\n\n      // Auto-collapse when breakpoint is crossed\n      if (controlledCollapsed === undefined) {\n        setInternalCollapsed(isBroken)\n      }\n      if (isBroken !== broken) {\n        onCollapse?.(isBroken)\n      }\n    }\n\n    // Check initial state\n    handleChange(mediaQuery)\n\n    // Listen for changes\n    mediaQuery.addEventListener('change', handleChange)\n    return () => mediaQuery.removeEventListener('change', handleChange)\n  }, [breakpoint, onBreakpoint, controlledCollapsed, onCollapse, broken])\n\n  const handleCollapse = useCallback(() => {\n    const newCollapsed = !collapsed\n    if (controlledCollapsed === undefined) {\n      setInternalCollapsed(newCollapsed)\n    }\n    onCollapse?.(newCollapsed)\n  }, [collapsed, controlledCollapsed, onCollapse])\n\n  const currentWidth = collapsed ? collapsedWidth : width\n\n  const siderClasses = [\n    'flex',\n    'flex-col',\n    'bg-base-200',\n    'flex-shrink-0',\n    'transition-all',\n    'duration-200',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const defaultTrigger = collapsible && trigger !== null && (\n    <button\n      onClick={handleCollapse}\n      className=\"flex items-center justify-center h-10 w-full bg-base-300 hover:bg-base-content/10 transition-colors\"\n      aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n    >\n      <svg\n        className={`w-4 h-4 transition-transform ${collapsed ? 'rotate-180' : ''}`}\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n      </svg>\n    </button>\n  )\n\n  return (\n    <SiderContext.Provider value={{ collapsed, collapsedWidth, width }}>\n      <aside\n        className={siderClasses}\n        style={{\n          width: typeof currentWidth === 'number' ? `${currentWidth}px` : currentWidth,\n          ...style,\n        }}\n      >\n        <div className=\"flex-1 overflow-auto\">{children}</div>\n        {trigger !== null && (trigger ?? defaultTrigger)}\n      </aside>\n    </SiderContext.Provider>\n  )\n}\n\nLayoutSider.displayName = 'LayoutSider'\n\nexport const Layout = Object.assign(LayoutRoot, {\n  Header: LayoutHeader,\n  Footer: LayoutFooter,\n  Content: LayoutContent,\n  Sider: LayoutSider,\n})\n"],"names":["SiderContext","createContext","useSiderContext","useContext","LayoutRoot","children","className","style","childArray","React","hasSider","child","layoutClasses","processedChildren","existingClassName","jsx","LayoutHeader","headerClasses","LayoutFooter","footerClasses","LayoutContent","contentClasses","BREAKPOINT_MAP","LayoutSider","width","collapsedWidth","controlledCollapsed","defaultCollapsed","collapsible","onCollapse","trigger","breakpoint","onBreakpoint","internalCollapsed","setInternalCollapsed","useState","broken","setBroken","collapsed","useEffect","mediaQuery","handleChange","e","isBroken","handleCollapse","useCallback","newCollapsed","currentWidth","siderClasses","defaultTrigger","jsxs","Layout"],"mappings":"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"}

package/dist/index47.js

@@ -1,140 +1,16 @@
-import { jsx as o, jsxs as A } from "react/jsx-runtime";
-import d, { useContext as M, createContext as P, useState as C, useEffect as $, useCallback as F } from "react";
-const L = P(null);
-function Q() {
-  return M(L);
+import { jsx as n } from "react/jsx-runtime";
+function e({ children: s, className: o = "", ...t }) {
+  const i = ["list", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("ul", { className: i, ...t, children: s });
 }
-function h({ children: n, className: s = "", style: a }) {
-  const e = d.Children.toArray(n), f = e.some(
-    (t) => d.isValidElement(t) && t.type.displayName === "LayoutSider"
-  ), m = [
-    "flex",
-    "min-h-0",
-    f ? "flex-row" : "flex-col",
-    s
-  ].filter(Boolean).join(" "), r = f ? e.map((t) => {
-    if (d.isValidElement(t) && (t.type === h || t.type.displayName === "LayoutRoot") && t.type.displayName !== "LayoutSider") {
-      const i = t.props.className || "";
-      if (!i.includes("flex-1"))
-        return d.cloneElement(t, {
-          className: `flex-1 ${i}`.trim()
-        });
-    }
-    return t;
-  }) : n;
-  return /* @__PURE__ */ o("div", { className: m, style: a, children: r });
+function l({ children: s, className: o = "", ...t }) {
+  const i = ["list-row", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("li", { className: i, ...t, children: s });
 }
-h.displayName = "LayoutRoot";
-function H({ children: n, className: s = "", style: a }) {
-  const e = [
-    "flex",
-    "items-center",
-    "px-6",
-    "h-16",
-    "bg-base-300",
-    "flex-shrink-0",
-    s
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("header", { className: e, style: a, children: n });
-}
-function I({ children: n, className: s = "", style: a }) {
-  const e = [
-    "px-6",
-    "py-4",
-    "text-center",
-    "bg-base-300",
-    "flex-shrink-0",
-    s
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("footer", { className: e, style: a, children: n });
-}
-function O({ children: n, className: s = "", style: a }) {
-  const e = ["flex-1", "min-h-0", "overflow-auto", s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("main", { className: e, style: a, children: n });
-}
-const T = {
-  sm: "(max-width: 639px)",
-  md: "(max-width: 767px)",
-  lg: "(max-width: 1023px)",
-  xl: "(max-width: 1279px)",
-  "2xl": "(max-width: 1535px)"
-};
-function v({
-  children: n,
-  width: s = 200,
-  collapsedWidth: a = 80,
-  collapsed: e,
-  defaultCollapsed: f = !1,
-  collapsible: m = !1,
-  onCollapse: r,
-  trigger: t,
-  breakpoint: i,
-  onBreakpoint: p,
-  className: w = "",
-  style: g
-}) {
-  const [j, N] = C(f), [b, k] = C(!1), l = e ?? j;
-  $(() => {
-    if (!i) return;
-    const c = window.matchMedia(T[i]), y = (R) => {
-      const u = R.matches;
-      k(u), p?.(u), e === void 0 && N(u), u !== b && r?.(u);
-    };
-    return y(c), c.addEventListener("change", y), () => c.removeEventListener("change", y);
-  }, [i, p, e, r, b]);
-  const S = F(() => {
-    const c = !l;
-    e === void 0 && N(c), r?.(c);
-  }, [l, e, r]), x = l ? a : s, B = [
-    "flex",
-    "flex-col",
-    "bg-base-200",
-    "flex-shrink-0",
-    "transition-all",
-    "duration-200",
-    w
-  ].filter(Boolean).join(" "), E = m && t !== null && /* @__PURE__ */ o(
-    "button",
-    {
-      onClick: S,
-      className: "flex items-center justify-center h-10 w-full bg-base-300 hover:bg-base-content/10 transition-colors",
-      "aria-label": l ? "Expand sidebar" : "Collapse sidebar",
-      children: /* @__PURE__ */ o(
-        "svg",
-        {
-          className: `w-4 h-4 transition-transform ${l ? "rotate-180" : ""}`,
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ o(L.Provider, { value: { collapsed: l, collapsedWidth: a, width: s }, children: /* @__PURE__ */ A(
-    "aside",
-    {
-      className: B,
-      style: {
-        width: typeof x == "number" ? `${x}px` : x,
-        ...g
-      },
-      children: [
-        /* @__PURE__ */ o("div", { className: "flex-1 overflow-auto", children: n }),
-        t !== null && (t ?? E)
-      ]
-    }
-  ) });
-}
-v.displayName = "LayoutSider";
-const W = Object.assign(h, {
-  Header: H,
-  Footer: I,
-  Content: O,
-  Sider: v
+const r = Object.assign(e, {
+  Row: l
 });
 export {
-  W as Layout,
-  Q as useSiderContext
+  r as List
 };
 //# sourceMappingURL=index47.js.map