asterui 0.12.15 → 0.12.17

package/dist/index34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index34.js","sources":["../src/components/Form.tsx"],"sourcesContent":["import React, { createContext, useContext, cloneElement, isValidElement, useId, useEffect, useRef } from 'react'\nimport { useForm, UseFormReturn, FieldValues, SubmitHandler, UseFormProps, Controller, useFieldArray, FieldArrayPath, FieldArray, useWatch } from 'react-hook-form'\n\ninterface FormContextValue {\n  form: UseFormReturn<any>\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  labelWidth?: number\n  listName?: string\n  disabled?: boolean\n}\n\nconst FormContext = createContext<FormContextValue | undefined>(undefined)\n\n// Built-in type validators\nconst TYPE_VALIDATORS = {\n  email: {\n    value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n    message: 'Please enter a valid email address',\n  },\n  url: {\n    value: /^https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)$/,\n    message: 'Please enter a valid URL',\n  },\n  number: {\n    value: /^-?\\d+(\\.\\d+)?$/,\n    message: 'Please enter a valid number',\n  },\n}\n\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  form?: UseFormReturn<TFieldValues>\n  onFinish?: SubmitHandler<TFieldValues>\n  /** Called when form validation fails */\n  onFinishFailed?: (errorInfo: { values: TFieldValues; errorFields: Array<{ name: string; errors: string[] }> }) => void\n  initialValues?: UseFormProps<TFieldValues>['defaultValues']\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  /** Label width in pixels for horizontal layout (default: 80) */\n  labelWidth?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Disable all form fields */\n  disabled?: boolean\n  children: React.ReactNode\n}\n\nexport interface FormRule {\n  required?: boolean | string\n  type?: 'email' | 'url' | 'number'\n  min?: number | { value: number; message: string }\n  max?: number | { value: number; message: string }\n  pattern?: RegExp | { value: RegExp; message: string }\n  message?: string\n  validate?: (value: any) => boolean | string | Promise<boolean | string>\n}\n\nexport type ValidateTrigger = 'onChange' | 'onBlur' | 'onSubmit' | ('onChange' | 'onBlur' | 'onSubmit')[]\n\nexport interface FormItemProps {\n  name?: string | string[]\n  label?: string\n  help?: string\n  required?: boolean\n  rules?: FormRule | FormRule[]\n  valuePropName?: string\n  inline?: boolean\n  className?: string\n  children: React.ReactElement\n  /** Tooltip text to show next to label */\n  tooltip?: string\n  /** Additional content below the form control */\n  extra?: React.ReactNode\n  /** Show validation feedback icon */\n  hasFeedback?: boolean\n  /** Field names that this field depends on for validation */\n  dependencies?: string[]\n  /** When to trigger validation */\n  validateTrigger?: ValidateTrigger\n  /** Initial value for this field (overrides Form's initialValues) */\n  initialValue?: any\n  /** Hide this field (still validates and submits) */\n  hidden?: boolean\n}\n\nexport interface FormListProps<TFieldValues extends FieldValues = FieldValues> {\n  name: FieldArrayPath<TFieldValues>\n  children: (\n    fields: FieldArray<TFieldValues>[],\n    operations: {\n      add: (value?: any) => void\n      remove: (index: number) => void\n      move: (from: number, to: number) => void\n    }\n  ) => React.ReactNode\n}\n\nfunction useFormContext() {\n  const context = useContext(FormContext)\n  if (!context) {\n    throw new Error('Form compound components must be used within Form')\n  }\n  return context\n}\n\nfunction FormRoot<TFieldValues extends FieldValues = FieldValues>({\n  form: externalForm,\n  onFinish,\n  onFinishFailed,\n  initialValues,\n  layout = 'vertical',\n  labelWidth = 60,\n  size,\n  disabled = false,\n  children,\n  className = '',\n  noValidate = true,\n  ...props\n}: FormProps<TFieldValues>) {\n  const internalForm = useForm<TFieldValues>({\n    defaultValues: initialValues,\n  })\n\n  const form = externalForm || internalForm\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n\n    // Trigger validation\n    const isValid = await form.trigger()\n\n    if (isValid) {\n      if (onFinish) {\n        onFinish(form.getValues())\n      }\n    } else {\n      if (onFinishFailed) {\n        const errors = form.formState.errors\n        const errorFields: Array<{ name: string; errors: string[] }> = []\n\n        // Flatten errors into errorFields array\n        const flattenErrors = (obj: any, prefix = '') => {\n          for (const key in obj) {\n            const fullKey = prefix ? `${prefix}.${key}` : key\n            const value = obj[key]\n            if (value?.message) {\n              errorFields.push({ name: fullKey, errors: [value.message as string] })\n            } else if (typeof value === 'object' && value !== null) {\n              flattenErrors(value, fullKey)\n            }\n          }\n        }\n        flattenErrors(errors)\n\n        onFinishFailed({ values: form.getValues(), errorFields })\n      }\n    }\n  }\n\n  const handleReset = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    form.reset(initialValues as any)\n  }\n\n  return (\n    <FormContext.Provider value={{ form, layout, labelWidth, size, disabled }}>\n      <form onSubmit={handleSubmit} onReset={handleReset} className={className} noValidate={noValidate} {...props}>\n        {children}\n      </form>\n    </FormContext.Provider>\n  )\n}\n\nfunction FormItem({\n  name,\n  label,\n  help,\n  required = false,\n  rules,\n  valuePropName = 'value',\n  inline = false,\n  className = '',\n  children,\n  tooltip,\n  extra,\n  hasFeedback = false,\n  dependencies,\n  validateTrigger = 'onChange',\n  initialValue,\n  hidden = false,\n}: FormItemProps) {\n  const { form, size, listName, layout, labelWidth, disabled: formDisabled } = useFormContext()\n  const inputId = useId()\n  const errorId = useId()\n\n  if (!name) {\n    // Render without form control if no name provided\n    return <div className={`form-control ${inline ? 'w-auto' : 'w-full'} ${className}`} style={hidden ? { display: 'none' } : undefined}>{children}</div>\n  }\n\n  // Handle nested field names (for Form.List)\n  let fieldName: string\n  if (Array.isArray(name)) {\n    // If we're inside a Form.List, prepend the list name\n    const fullPath = listName ? [listName, ...name] : name\n    fieldName = fullPath.join('.')\n  } else {\n    fieldName = name\n  }\n\n  // Set initial value if provided\n  useEffect(() => {\n    if (initialValue !== undefined) {\n      const currentValue = form.getValues(fieldName as any)\n      if (currentValue === undefined) {\n        form.setValue(fieldName as any, initialValue)\n      }\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Watch dependencies and re-validate when they change\n  const watchedDeps = useWatch({\n    control: form.control,\n    name: dependencies as any,\n    disabled: !dependencies || dependencies.length === 0,\n  })\n\n  // Use refs to avoid infinite loops\n  const formRef = useRef(form)\n  formRef.current = form\n  const prevDepsRef = useRef<string | undefined>(undefined)\n\n  useEffect(() => {\n    // Skip if no dependencies\n    if (!dependencies || dependencies.length === 0) return\n\n    // Skip initial render\n    if (prevDepsRef.current === undefined) {\n      prevDepsRef.current = JSON.stringify(watchedDeps)\n      return\n    }\n\n    // Only trigger if dependency values actually changed\n    const currentDeps = JSON.stringify(watchedDeps)\n    if (prevDepsRef.current !== currentDeps) {\n      prevDepsRef.current = currentDeps\n      formRef.current.trigger(fieldName as any)\n    }\n  }, [watchedDeps, dependencies, fieldName])\n\n  // Get error by traversing the error object path\n  const getErrorByPath = (path: string) => {\n    const keys = path.split('.')\n    let error: any = form.formState.errors\n    for (const key of keys) {\n      if (!error) break\n      error = error[key]\n    }\n    return error\n  }\n\n  const error = getErrorByPath(fieldName)\n  const errorMessage = error?.message as string | undefined\n\n  // Normalize rules to array\n  const rulesArray: FormRule[] = rules\n    ? Array.isArray(rules) ? rules : [rules]\n    : []\n\n  // Build validation rules\n  const validationRules: any = {}\n  const patternValidators: Array<{ pattern: RegExp; message: string }> = []\n  const customValidators: Array<(value: any) => boolean | string | Promise<boolean | string>> = []\n\n  // Handle top-level required prop\n  if (required) {\n    validationRules.required = 'This field is required'\n  }\n\n  // Process each rule\n  for (const rule of rulesArray) {\n    // Required\n    if (rule.required) {\n      validationRules.required = typeof rule.required === 'string'\n        ? rule.required\n        : rule.message || 'This field is required'\n    }\n\n    // Type validator\n    if (rule.type && TYPE_VALIDATORS[rule.type]) {\n      patternValidators.push({\n        pattern: TYPE_VALIDATORS[rule.type].value,\n        message: rule.message || TYPE_VALIDATORS[rule.type].message,\n      })\n    }\n\n    // Min length\n    if (rule.min !== undefined) {\n      const minValue = typeof rule.min === 'object' ? rule.min.value : rule.min\n      const minMessage = typeof rule.min === 'object'\n        ? rule.min.message\n        : rule.message || `Minimum length is ${minValue} characters`\n      validationRules.minLength = { value: minValue, message: minMessage }\n    }\n\n    // Max length\n    if (rule.max !== undefined) {\n      const maxValue = typeof rule.max === 'object' ? rule.max.value : rule.max\n      const maxMessage = typeof rule.max === 'object'\n        ? rule.max.message\n        : rule.message || `Maximum length is ${maxValue} characters`\n      validationRules.maxLength = { value: maxValue, message: maxMessage }\n    }\n\n    // Pattern - collect all patterns\n    if (rule.pattern) {\n      const patternValue = rule.pattern instanceof RegExp ? rule.pattern : rule.pattern.value\n      const patternMessage = rule.pattern instanceof RegExp\n        ? rule.message || 'Invalid format'\n        : rule.pattern.message\n      patternValidators.push({ pattern: patternValue, message: patternMessage })\n    }\n\n    // Custom validator\n    if (rule.validate) {\n      customValidators.push(rule.validate)\n    }\n  }\n\n  // Combine all pattern and custom validators into a single validate function\n  if (patternValidators.length > 0 || customValidators.length > 0) {\n    validationRules.validate = async (value: any) => {\n      // Skip validation if empty (required rule handles that)\n      if (!value && !validationRules.required) return true\n\n      // Check all patterns\n      for (const { pattern, message } of patternValidators) {\n        if (value && !pattern.test(value)) {\n          return message\n        }\n      }\n\n      // Run all custom validators\n      for (const validator of customValidators) {\n        const result = await validator(value)\n        if (result !== true) {\n          return result\n        }\n      }\n\n      return true\n    }\n  }\n\n  // Normalize validateTrigger to array\n  const triggers = Array.isArray(validateTrigger) ? validateTrigger : [validateTrigger]\n  const shouldValidateOnChange = triggers.includes('onChange')\n  const shouldValidateOnBlur = triggers.includes('onBlur')\n\n  // Feedback icons\n  const FeedbackIcon = ({ hasError, isValidating }: { hasError: boolean; isValidating: boolean }) => {\n    if (isValidating) {\n      return (\n        <span className=\"loading loading-spinner loading-xs text-base-content/50\" />\n      )\n    }\n    if (hasError) {\n      return (\n        <svg className=\"w-4 h-4 text-error\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n        </svg>\n      )\n    }\n    return (\n      <svg className=\"w-4 h-4 text-success\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n      </svg>\n    )\n  }\n\n  // Tooltip icon\n  const TooltipIcon = () => (\n    <div className=\"tooltip tooltip-top ml-1\" data-tip={tooltip}>\n      <svg className=\"w-4 h-4 text-base-content/50 cursor-help\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n      </svg>\n    </div>\n  )\n\n  return (\n    <Controller\n      name={fieldName}\n      control={form.control}\n      rules={validationRules}\n      render={({ field, fieldState }) => {\n        const { value, onChange, onBlur, ref } = field\n        const isValidating = fieldState.isTouched && form.formState.isValidating\n\n        // Clone the child element and inject form control props\n        const childProps: any = {\n          id: inputId,\n          ref,\n          'aria-invalid': error ? true : undefined,\n          'aria-describedby': error ? errorId : undefined,\n        }\n\n        // Handle onBlur based on validateTrigger\n        childProps.onBlur = () => {\n          onBlur()\n          if (shouldValidateOnBlur) {\n            form.trigger(fieldName as any)\n          }\n        }\n\n        // Handle different value prop names (e.g., 'checked' for checkboxes)\n        if (valuePropName === 'checked') {\n          childProps.checked = value\n          childProps.onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            onChange(e.target.checked)\n            if (shouldValidateOnChange) {\n              form.trigger(fieldName as any)\n            }\n          }\n        } else {\n          childProps.value = value || ''\n          childProps.onChange = (eventOrValue: any) => {\n            // Handle components that pass value directly (e.g., Range, Rating)\n            // vs components that pass event object (e.g., Input, Select)\n            if (eventOrValue && eventOrValue.target !== undefined) {\n              onChange(eventOrValue.target.value)\n            } else {\n              onChange(eventOrValue)\n            }\n            if (shouldValidateOnChange) {\n              form.trigger(fieldName as any)\n            }\n          }\n        }\n\n        // Apply size if specified at form level\n        if (size && isValidElement(children)) {\n          const existingProps = children.props as any\n          if (!existingProps.size) {\n            childProps.size = size\n          }\n        }\n\n        // Apply error styling and accessibility\n        if (error) {\n          childProps.color = 'error'\n          childProps['aria-invalid'] = true\n        }\n\n        // Apply form-level disabled state\n        if (formDisabled) {\n          childProps.disabled = true\n        }\n\n        const enhancedChild = isValidElement(children)\n          ? cloneElement(children as React.ReactElement<any>, childProps)\n          : children\n\n        const isHorizontal = layout === 'horizontal'\n        const isInline = layout === 'inline'\n\n        return (\n          <div className={`form-control ${inline ? 'w-auto' : 'w-full'} ${isHorizontal ? 'mb-4' : ''} ${isInline ? 'inline-flex mr-4' : ''} ${className}`} style={hidden ? { display: 'none' } : undefined}>\n            <div className={isHorizontal ? 'flex items-center gap-4' : ''}>\n              {label && (\n                <label\n                  htmlFor={inputId}\n                  className={`label ${isHorizontal ? 'flex-shrink-0 justify-end py-0' : ''} ${!isHorizontal && !isInline ? 'pb-1' : ''}`}\n                  style={isHorizontal ? { width: labelWidth } : undefined}\n                >\n                  <span className=\"label-text flex items-center\">\n                    {label}\n                    {required && <span className=\"text-error ml-1\">*</span>}\n                    {tooltip && <TooltipIcon />}\n                  </span>\n                </label>\n              )}\n              <div className={`${isHorizontal ? 'flex-1' : ''} ${hasFeedback ? 'relative' : ''}`}>\n                {enhancedChild}\n                {hasFeedback && fieldState.isTouched && (\n                  <span className=\"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none\">\n                    <FeedbackIcon hasError={!!error} isValidating={isValidating} />\n                  </span>\n                )}\n              </div>\n            </div>\n            {!isHorizontal && !inline && (\n              <p id={errorId} className={`validator-hint ${errorMessage ? '!visible text-error' : ''} min-h-[1.25rem]`} role={errorMessage ? 'alert' : undefined}>\n                {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>) || '\\u00A0'}\n              </p>\n            )}\n            {isHorizontal && (errorMessage || help) && (\n              <p id={errorId} className={`validator-hint ${errorMessage ? '!visible text-error' : ''} min-h-[1.25rem]`} role={errorMessage ? 'alert' : undefined}>\n                {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>)}\n              </p>\n            )}\n            {extra && (\n              <div className=\"text-sm text-base-content/60 mt-1\">{extra}</div>\n            )}\n          </div>\n        )\n      }}\n    />\n  )\n}\n\nfunction FormList<TFieldValues extends FieldValues = FieldValues>({\n  name,\n  children,\n}: FormListProps<TFieldValues>) {\n  const { form, layout, size, disabled } = useFormContext()\n\n  const { fields, append, remove, move } = useFieldArray({\n    control: form.control,\n    name,\n  })\n\n  // Add name (index) to each field for proper path construction\n  const fieldsWithName = fields.map((field, index) => ({\n    ...field,\n    name: index,\n  }))\n\n  return (\n    <FormContext.Provider value={{ form, layout, size, listName: name as string, disabled }}>\n      {children(fieldsWithName as any, {\n        add: append,\n        remove,\n        move,\n      })}\n    </FormContext.Provider>\n  )\n}\n\n// Enhanced hook to expose full form API\nexport function useFormInstance<TFieldValues extends FieldValues = FieldValues>() {\n  const formInstance = useForm<TFieldValues>()\n\n  // Add convenience methods to the instance\n  const enhancedInstance = formInstance as typeof formInstance & {\n    setFieldValue: typeof formInstance.setValue\n    getFieldValue: (name: any) => any\n    getFieldsValue: typeof formInstance.getValues\n    setFieldsValue: (values: any) => void\n    validateFields: typeof formInstance.trigger\n    resetFields: typeof formInstance.reset\n    isFieldTouched: (name: string) => boolean\n    getFieldError: (name: string) => string | undefined\n  }\n\n  // Add the alias methods\n  enhancedInstance.setFieldValue = formInstance.setValue\n  enhancedInstance.getFieldValue = (name: any) => formInstance.getValues(name)\n  enhancedInstance.getFieldsValue = formInstance.getValues\n  enhancedInstance.setFieldsValue = (values: any) => {\n    Object.keys(values).forEach((key) => {\n      formInstance.setValue(key as any, values[key])\n    })\n  }\n  enhancedInstance.validateFields = formInstance.trigger\n  enhancedInstance.resetFields = formInstance.reset\n  enhancedInstance.isFieldTouched = (name: string) => {\n    const touched = formInstance.formState.touchedFields as any\n    return !!touched[name]\n  }\n  enhancedInstance.getFieldError = (name: string) => {\n    const errors = formInstance.formState.errors as any\n    return errors[name]?.message as string | undefined\n  }\n\n  return enhancedInstance\n}\n\nexport interface FormErrorListProps {\n  /** Specific field names to show errors for (shows all errors if not specified) */\n  fields?: string[]\n  /** Custom className */\n  className?: string\n}\n\nfunction FormErrorList({ fields, className = '' }: FormErrorListProps) {\n  const { form } = useFormContext()\n  const { errors } = form.formState\n\n  // Flatten nested errors into a list\n  const flattenErrors = (obj: any, prefix = ''): Array<{ field: string; message: string }> => {\n    const result: Array<{ field: string; message: string }> = []\n\n    for (const key in obj) {\n      const fullKey = prefix ? `${prefix}.${key}` : key\n      const value = obj[key]\n\n      if (value?.message) {\n        result.push({ field: fullKey, message: value.message as string })\n      } else if (typeof value === 'object' && value !== null) {\n        result.push(...flattenErrors(value, fullKey))\n      }\n    }\n\n    return result\n  }\n\n  const allErrors = flattenErrors(errors)\n  const filteredErrors = fields\n    ? allErrors.filter(e => fields.includes(e.field))\n    : allErrors\n\n  if (filteredErrors.length === 0) {\n    return null\n  }\n\n  return (\n    <ul className={`text-error text-sm space-y-1 ${className}`} role=\"alert\">\n      {filteredErrors.map((error, index) => (\n        <li key={`${error.field}-${index}`} className=\"flex items-start gap-2\">\n          <svg className=\"w-4 h-4 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n          </svg>\n          <span>{error.message}</span>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\nexport const Form = Object.assign(FormRoot, {\n  Item: FormItem,\n  List: FormList,\n  ErrorList: FormErrorList,\n  useForm: useFormInstance,\n})\n\nexport type { UseFormReturn as FormInstance }\n"],"names":["FormContext","createContext","TYPE_VALIDATORS","useFormContext","context","useContext","FormRoot","externalForm","onFinish","onFinishFailed","initialValues","layout","labelWidth","size","disabled","children","className","noValidate","props","internalForm","useForm","form","handleSubmit","e","errors","errorFields","flattenErrors","obj","prefix","key","fullKey","value","handleReset","jsx","FormItem","name","label","help","required","rules","valuePropName","inline","tooltip","extra","hasFeedback","dependencies","validateTrigger","initialValue","hidden","listName","formDisabled","inputId","useId","errorId","fieldName","useEffect","watchedDeps","useWatch","formRef","useRef","prevDepsRef","currentDeps","error","path","keys","errorMessage","rulesArray","validationRules","patternValidators","customValidators","rule","minValue","minMessage","maxValue","maxMessage","patternValue","patternMessage","pattern","message","validator","result","triggers","shouldValidateOnChange","shouldValidateOnBlur","FeedbackIcon","hasError","isValidating","TooltipIcon","Controller","field","fieldState","onChange","onBlur","ref","childProps","eventOrValue","isValidElement","enhancedChild","cloneElement","isHorizontal","isInline","jsxs","FormList","fields","append","remove","move","useFieldArray","fieldsWithName","index","useFormInstance","formInstance","enhancedInstance","values","FormErrorList","allErrors","filteredErrors","Form"],"mappings":"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"}
+{"version":3,"file":"index34.js","sources":["../src/components/Form.tsx"],"sourcesContent":["import React, { createContext, useContext, cloneElement, isValidElement, useId, useEffect, useRef } from 'react'\nimport { useForm, UseFormReturn, FieldValues, SubmitHandler, UseFormProps, Controller, useFieldArray, FieldArrayPath, FieldArray, useWatch } from 'react-hook-form'\n\ninterface FormContextValue {\n  form: UseFormReturn<any>\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  labelWidth?: number\n  listName?: string\n  disabled?: boolean\n}\n\nconst FormContext = createContext<FormContextValue | undefined>(undefined)\n\n// Built-in type validators\nconst TYPE_VALIDATORS = {\n  email: {\n    value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n    message: 'Please enter a valid email address',\n  },\n  url: {\n    value: /^https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)$/,\n    message: 'Please enter a valid URL',\n  },\n  number: {\n    value: /^-?\\d+(\\.\\d+)?$/,\n    message: 'Please enter a valid number',\n  },\n}\n\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  form?: UseFormReturn<TFieldValues>\n  onFinish?: SubmitHandler<TFieldValues>\n  /** Called when form validation fails */\n  onFinishFailed?: (errorInfo: { values: TFieldValues; errorFields: Array<{ name: string; errors: string[] }> }) => void\n  initialValues?: UseFormProps<TFieldValues>['defaultValues']\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  /** Label width in pixels for horizontal layout (default: 80) */\n  labelWidth?: number\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Disable all form fields */\n  disabled?: boolean\n  children: React.ReactNode\n}\n\nexport interface FormRule {\n  required?: boolean | string\n  type?: 'email' | 'url' | 'number'\n  min?: number | { value: number; message: string }\n  max?: number | { value: number; message: string }\n  pattern?: RegExp | { value: RegExp; message: string }\n  message?: string\n  validate?: (value: any) => boolean | string | Promise<boolean | string>\n}\n\nexport type ValidateTrigger = 'onChange' | 'onBlur' | 'onSubmit' | ('onChange' | 'onBlur' | 'onSubmit')[]\n\nexport interface FormItemProps {\n  name?: string | string[]\n  label?: string\n  /** Floating label text (alternative to label, uses DaisyUI floating-label) */\n  floatingLabel?: string\n  help?: string\n  required?: boolean\n  rules?: FormRule | FormRule[]\n  valuePropName?: string\n  inline?: boolean\n  className?: string\n  children: React.ReactElement\n  /** Tooltip text to show next to label */\n  tooltip?: string\n  /** Additional content below the form control */\n  extra?: React.ReactNode\n  /** Show validation feedback icon */\n  hasFeedback?: boolean\n  /** Field names that this field depends on for validation */\n  dependencies?: string[]\n  /** When to trigger validation */\n  validateTrigger?: ValidateTrigger\n  /** Initial value for this field (overrides Form's initialValues) */\n  initialValue?: any\n  /** Hide this field (still validates and submits) */\n  hidden?: boolean\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}\n\nexport interface FormListProps<TFieldValues extends FieldValues = FieldValues> {\n  name: FieldArrayPath<TFieldValues>\n  children: (\n    fields: FieldArray<TFieldValues>[],\n    operations: {\n      add: (value?: any) => void\n      remove: (index: number) => void\n      move: (from: number, to: number) => void\n    }\n  ) => React.ReactNode\n}\n\nfunction useFormContext() {\n  const context = useContext(FormContext)\n  if (!context) {\n    throw new Error('Form compound components must be used within Form')\n  }\n  return context\n}\n\nfunction FormRoot<TFieldValues extends FieldValues = FieldValues>({\n  form: externalForm,\n  onFinish,\n  onFinishFailed,\n  initialValues,\n  layout = 'vertical',\n  labelWidth = 60,\n  size,\n  disabled = false,\n  children,\n  className = '',\n  noValidate = true,\n  ...props\n}: FormProps<TFieldValues>) {\n  const internalForm = useForm<TFieldValues>({\n    defaultValues: initialValues,\n  })\n\n  const form = externalForm || internalForm\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n\n    // Trigger validation\n    const isValid = await form.trigger()\n\n    if (isValid) {\n      if (onFinish) {\n        onFinish(form.getValues())\n      }\n    } else {\n      if (onFinishFailed) {\n        const errors = form.formState.errors\n        const errorFields: Array<{ name: string; errors: string[] }> = []\n\n        // Flatten errors into errorFields array\n        const flattenErrors = (obj: any, prefix = '') => {\n          for (const key in obj) {\n            const fullKey = prefix ? `${prefix}.${key}` : key\n            const value = obj[key]\n            if (value?.message) {\n              errorFields.push({ name: fullKey, errors: [value.message as string] })\n            } else if (typeof value === 'object' && value !== null) {\n              flattenErrors(value, fullKey)\n            }\n          }\n        }\n        flattenErrors(errors)\n\n        onFinishFailed({ values: form.getValues(), errorFields })\n      }\n    }\n  }\n\n  const handleReset = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    form.reset(initialValues as any)\n  }\n\n  return (\n    <FormContext.Provider value={{ form, layout, labelWidth, size, disabled }}>\n      <form onSubmit={handleSubmit} onReset={handleReset} className={className} noValidate={noValidate} {...props}>\n        {children}\n      </form>\n    </FormContext.Provider>\n  )\n}\n\nfunction FormItem({\n  name,\n  label,\n  floatingLabel,\n  help,\n  required = false,\n  rules,\n  valuePropName = 'value',\n  inline = false,\n  className = '',\n  children,\n  tooltip,\n  extra,\n  hasFeedback = false,\n  dependencies,\n  validateTrigger = 'onChange',\n  initialValue,\n  hidden = false,\n  addonBefore,\n  addonAfter,\n}: FormItemProps) {\n  const { form, size, listName, layout, labelWidth, disabled: formDisabled } = useFormContext()\n  const inputId = useId()\n  const errorId = useId()\n\n  if (!name) {\n    // Render without form control if no name provided\n    return <div className={`form-control ${inline ? 'w-auto' : 'w-full'} ${className}`} style={hidden ? { display: 'none' } : undefined}>{children}</div>\n  }\n\n  // Handle nested field names (for Form.List)\n  let fieldName: string\n  if (Array.isArray(name)) {\n    // If we're inside a Form.List, prepend the list name\n    const fullPath = listName ? [listName, ...name] : name\n    fieldName = fullPath.join('.')\n  } else {\n    fieldName = name\n  }\n\n  // Set initial value if provided\n  useEffect(() => {\n    if (initialValue !== undefined) {\n      const currentValue = form.getValues(fieldName as any)\n      if (currentValue === undefined) {\n        form.setValue(fieldName as any, initialValue)\n      }\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Watch dependencies and re-validate when they change\n  const watchedDeps = useWatch({\n    control: form.control,\n    name: dependencies as any,\n    disabled: !dependencies || dependencies.length === 0,\n  })\n\n  // Use refs to avoid infinite loops\n  const formRef = useRef(form)\n  formRef.current = form\n  const prevDepsRef = useRef<string | undefined>(undefined)\n\n  useEffect(() => {\n    // Skip if no dependencies\n    if (!dependencies || dependencies.length === 0) return\n\n    // Skip initial render\n    if (prevDepsRef.current === undefined) {\n      prevDepsRef.current = JSON.stringify(watchedDeps)\n      return\n    }\n\n    // Only trigger if dependency values actually changed\n    const currentDeps = JSON.stringify(watchedDeps)\n    if (prevDepsRef.current !== currentDeps) {\n      prevDepsRef.current = currentDeps\n      formRef.current.trigger(fieldName as any)\n    }\n  }, [watchedDeps, dependencies, fieldName])\n\n  // Get error by traversing the error object path\n  const getErrorByPath = (path: string) => {\n    const keys = path.split('.')\n    let error: any = form.formState.errors\n    for (const key of keys) {\n      if (!error) break\n      error = error[key]\n    }\n    return error\n  }\n\n  const error = getErrorByPath(fieldName)\n  const errorMessage = error?.message as string | undefined\n\n  // Normalize rules to array\n  const rulesArray: FormRule[] = rules\n    ? Array.isArray(rules) ? rules : [rules]\n    : []\n\n  // Build validation rules\n  const validationRules: any = {}\n  const patternValidators: Array<{ pattern: RegExp; message: string }> = []\n  const customValidators: Array<(value: any) => boolean | string | Promise<boolean | string>> = []\n\n  // Handle top-level required prop\n  if (required) {\n    validationRules.required = 'This field is required'\n  }\n\n  // Process each rule\n  for (const rule of rulesArray) {\n    // Required\n    if (rule.required) {\n      validationRules.required = typeof rule.required === 'string'\n        ? rule.required\n        : rule.message || 'This field is required'\n    }\n\n    // Type validator\n    if (rule.type && TYPE_VALIDATORS[rule.type]) {\n      patternValidators.push({\n        pattern: TYPE_VALIDATORS[rule.type].value,\n        message: rule.message || TYPE_VALIDATORS[rule.type].message,\n      })\n    }\n\n    // Min length\n    if (rule.min !== undefined) {\n      const minValue = typeof rule.min === 'object' ? rule.min.value : rule.min\n      const minMessage = typeof rule.min === 'object'\n        ? rule.min.message\n        : rule.message || `Minimum length is ${minValue} characters`\n      validationRules.minLength = { value: minValue, message: minMessage }\n    }\n\n    // Max length\n    if (rule.max !== undefined) {\n      const maxValue = typeof rule.max === 'object' ? rule.max.value : rule.max\n      const maxMessage = typeof rule.max === 'object'\n        ? rule.max.message\n        : rule.message || `Maximum length is ${maxValue} characters`\n      validationRules.maxLength = { value: maxValue, message: maxMessage }\n    }\n\n    // Pattern - collect all patterns\n    if (rule.pattern) {\n      const patternValue = rule.pattern instanceof RegExp ? rule.pattern : rule.pattern.value\n      const patternMessage = rule.pattern instanceof RegExp\n        ? rule.message || 'Invalid format'\n        : rule.pattern.message\n      patternValidators.push({ pattern: patternValue, message: patternMessage })\n    }\n\n    // Custom validator\n    if (rule.validate) {\n      customValidators.push(rule.validate)\n    }\n  }\n\n  // Combine all pattern and custom validators into a single validate function\n  if (patternValidators.length > 0 || customValidators.length > 0) {\n    validationRules.validate = async (value: any) => {\n      // Skip validation if empty (required rule handles that)\n      if (!value && !validationRules.required) return true\n\n      // Check all patterns\n      for (const { pattern, message } of patternValidators) {\n        if (value && !pattern.test(value)) {\n          return message\n        }\n      }\n\n      // Run all custom validators\n      for (const validator of customValidators) {\n        const result = await validator(value)\n        if (result !== true) {\n          return result\n        }\n      }\n\n      return true\n    }\n  }\n\n  // Normalize validateTrigger to array\n  const triggers = Array.isArray(validateTrigger) ? validateTrigger : [validateTrigger]\n  const shouldValidateOnChange = triggers.includes('onChange')\n  const shouldValidateOnBlur = triggers.includes('onBlur')\n\n  // Feedback icons\n  const FeedbackIcon = ({ hasError, isValidating }: { hasError: boolean; isValidating: boolean }) => {\n    if (isValidating) {\n      return (\n        <span className=\"loading loading-spinner loading-xs text-base-content/50\" />\n      )\n    }\n    if (hasError) {\n      return (\n        <svg className=\"w-4 h-4 text-error\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n        </svg>\n      )\n    }\n    return (\n      <svg className=\"w-4 h-4 text-success\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n      </svg>\n    )\n  }\n\n  // Tooltip icon\n  const TooltipIcon = () => (\n    <div className=\"tooltip tooltip-top ml-1\" data-tip={tooltip}>\n      <svg className=\"w-4 h-4 text-base-content/50 cursor-help\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n      </svg>\n    </div>\n  )\n\n  return (\n    <Controller\n      name={fieldName}\n      control={form.control}\n      rules={validationRules}\n      render={({ field, fieldState }) => {\n        const { value, onChange, onBlur, ref } = field\n        const isValidating = fieldState.isTouched && form.formState.isValidating\n\n        // Clone the child element and inject form control props\n        const childProps: any = {\n          id: inputId,\n          ref,\n          'aria-invalid': error ? true : undefined,\n          'aria-describedby': error ? errorId : undefined,\n        }\n\n        // Handle onBlur based on validateTrigger\n        childProps.onBlur = () => {\n          onBlur()\n          if (shouldValidateOnBlur) {\n            form.trigger(fieldName as any)\n          }\n        }\n\n        // Handle different value prop names (e.g., 'checked' for checkboxes)\n        if (valuePropName === 'checked') {\n          childProps.checked = value\n          childProps.onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            onChange(e.target.checked)\n            if (shouldValidateOnChange) {\n              form.trigger(fieldName as any)\n            }\n          }\n        } else {\n          childProps.value = value || ''\n          childProps.onChange = (eventOrValue: any) => {\n            // Handle components that pass value directly (e.g., Range, Rating)\n            // vs components that pass event object (e.g., Input, Select)\n            if (eventOrValue && eventOrValue.target !== undefined) {\n              onChange(eventOrValue.target.value)\n            } else {\n              onChange(eventOrValue)\n            }\n            if (shouldValidateOnChange) {\n              form.trigger(fieldName as any)\n            }\n          }\n        }\n\n        // Apply size if specified at form level\n        if (size && isValidElement(children)) {\n          const existingProps = children.props as any\n          if (!existingProps.size) {\n            childProps.size = size\n          }\n        }\n\n        // Apply error styling and accessibility\n        if (error) {\n          childProps.color = 'error'\n          childProps['aria-invalid'] = true\n        }\n\n        // Apply form-level disabled state\n        if (formDisabled) {\n          childProps.disabled = true\n        }\n\n        // When wrapped with addons, the child input should be unstyled (the wrapper has the styling)\n        const hasAddons = addonBefore || addonAfter\n        if (hasAddons) {\n          childProps.unstyled = true\n        }\n\n        const enhancedChild = isValidElement(children)\n          ? cloneElement(children as React.ReactElement<any>, childProps)\n          : children\n\n        const isHorizontal = layout === 'horizontal'\n        const isInline = layout === 'inline'\n\n        // Size class for floating label\n        const floatingSizeClasses: Record<string, string> = {\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 input element with optional floating label wrapper\n        const renderInputElement = () => {\n          const inputWithFeedback = (\n            <div className={`${isHorizontal ? 'flex-1' : ''} ${hasFeedback ? 'relative' : ''}`}>\n              {enhancedChild}\n              {hasFeedback && fieldState.isTouched && (\n                <span className=\"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none\">\n                  <FeedbackIcon hasError={!!error} isValidating={isValidating} />\n                </span>\n              )}\n            </div>\n          )\n\n          // Floating label variant\n          if (floatingLabel) {\n            const floatingClasses = [\n              'floating-label',\n              size && floatingSizeClasses[size],\n            ].filter(Boolean).join(' ')\n\n            return (\n              <label className={floatingClasses}>\n                {enhancedChild}\n                <span>{floatingLabel}{required && <span className=\"text-error ml-1\">*</span>}</span>\n              </label>\n            )\n          }\n\n          return inputWithFeedback\n        }\n\n        // Wrap with external addons if specified using DaisyUI input wrapper pattern\n        const renderWithAddons = (input: React.ReactNode) => {\n          if (!addonBefore && !addonAfter) return input\n\n          const addonClasses = [\n            'input',\n            'input-bordered',\n            'flex',\n            'items-center',\n            'gap-2',\n            size && floatingSizeClasses[size],\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        return (\n          <div className={`form-control ${inline ? 'w-auto' : 'w-full'} ${isHorizontal ? 'mb-4' : ''} ${isInline ? 'inline-flex mr-4' : ''} ${className}`} style={hidden ? { display: 'none' } : undefined}>\n            <div className={isHorizontal ? 'flex items-center gap-4' : ''}>\n              {label && !floatingLabel && (\n                <label\n                  htmlFor={inputId}\n                  className={`block text-sm font-medium ${isHorizontal ? 'flex-shrink-0 text-right' : ''} ${!isHorizontal && !isInline ? 'mb-1' : ''}`}\n                  style={isHorizontal ? { width: labelWidth } : undefined}\n                >\n                  <span className=\"flex items-center\">\n                    {label}\n                    {required && <span className=\"text-error ml-1\">*</span>}\n                    {tooltip && <TooltipIcon />}\n                  </span>\n                </label>\n              )}\n              {renderWithAddons(renderInputElement())}\n            </div>\n            {!isHorizontal && !inline && (\n              <p id={errorId} className={`validator-hint ${errorMessage ? '!visible text-error' : ''} min-h-[1.25rem]`} role={errorMessage ? 'alert' : undefined}>\n                {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>) || '\\u00A0'}\n              </p>\n            )}\n            {isHorizontal && (errorMessage || help) && (\n              <p id={errorId} className={`validator-hint ${errorMessage ? '!visible text-error' : ''} min-h-[1.25rem]`} role={errorMessage ? 'alert' : undefined}>\n                {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>)}\n              </p>\n            )}\n            {extra && (\n              <div className=\"text-sm text-base-content/60 mt-1\">{extra}</div>\n            )}\n          </div>\n        )\n      }}\n    />\n  )\n}\n\nfunction FormList<TFieldValues extends FieldValues = FieldValues>({\n  name,\n  children,\n}: FormListProps<TFieldValues>) {\n  const { form, layout, size, disabled } = useFormContext()\n\n  const { fields, append, remove, move } = useFieldArray({\n    control: form.control,\n    name,\n  })\n\n  // Add name (index) to each field for proper path construction\n  const fieldsWithName = fields.map((field, index) => ({\n    ...field,\n    name: index,\n  }))\n\n  return (\n    <FormContext.Provider value={{ form, layout, size, listName: name as string, disabled }}>\n      {children(fieldsWithName as any, {\n        add: append,\n        remove,\n        move,\n      })}\n    </FormContext.Provider>\n  )\n}\n\n// Enhanced hook to expose full form API\nexport function useFormInstance<TFieldValues extends FieldValues = FieldValues>() {\n  const formInstance = useForm<TFieldValues>()\n\n  // Add convenience methods to the instance\n  const enhancedInstance = formInstance as typeof formInstance & {\n    setFieldValue: typeof formInstance.setValue\n    getFieldValue: (name: any) => any\n    getFieldsValue: typeof formInstance.getValues\n    setFieldsValue: (values: any) => void\n    validateFields: typeof formInstance.trigger\n    resetFields: typeof formInstance.reset\n    isFieldTouched: (name: string) => boolean\n    getFieldError: (name: string) => string | undefined\n  }\n\n  // Add the alias methods\n  enhancedInstance.setFieldValue = formInstance.setValue\n  enhancedInstance.getFieldValue = (name: any) => formInstance.getValues(name)\n  enhancedInstance.getFieldsValue = formInstance.getValues\n  enhancedInstance.setFieldsValue = (values: any) => {\n    Object.keys(values).forEach((key) => {\n      formInstance.setValue(key as any, values[key])\n    })\n  }\n  enhancedInstance.validateFields = formInstance.trigger\n  enhancedInstance.resetFields = formInstance.reset\n  enhancedInstance.isFieldTouched = (name: string) => {\n    const touched = formInstance.formState.touchedFields as any\n    return !!touched[name]\n  }\n  enhancedInstance.getFieldError = (name: string) => {\n    const errors = formInstance.formState.errors as any\n    return errors[name]?.message as string | undefined\n  }\n\n  return enhancedInstance\n}\n\nexport interface FormErrorListProps {\n  /** Specific field names to show errors for (shows all errors if not specified) */\n  fields?: string[]\n  /** Custom className */\n  className?: string\n}\n\nfunction FormErrorList({ fields, className = '' }: FormErrorListProps) {\n  const { form } = useFormContext()\n  const { errors } = form.formState\n\n  // Flatten nested errors into a list\n  const flattenErrors = (obj: any, prefix = ''): Array<{ field: string; message: string }> => {\n    const result: Array<{ field: string; message: string }> = []\n\n    for (const key in obj) {\n      const fullKey = prefix ? `${prefix}.${key}` : key\n      const value = obj[key]\n\n      if (value?.message) {\n        result.push({ field: fullKey, message: value.message as string })\n      } else if (typeof value === 'object' && value !== null) {\n        result.push(...flattenErrors(value, fullKey))\n      }\n    }\n\n    return result\n  }\n\n  const allErrors = flattenErrors(errors)\n  const filteredErrors = fields\n    ? allErrors.filter(e => fields.includes(e.field))\n    : allErrors\n\n  if (filteredErrors.length === 0) {\n    return null\n  }\n\n  return (\n    <ul className={`text-error text-sm space-y-1 ${className}`} role=\"alert\">\n      {filteredErrors.map((error, index) => (\n        <li key={`${error.field}-${index}`} className=\"flex items-start gap-2\">\n          <svg className=\"w-4 h-4 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n          </svg>\n          <span>{error.message}</span>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\nexport const Form = Object.assign(FormRoot, {\n  Item: FormItem,\n  List: FormList,\n  ErrorList: FormErrorList,\n  useForm: useFormInstance,\n})\n\nexport type { UseFormReturn as FormInstance }\n"],"names":["FormContext","createContext","TYPE_VALIDATORS","useFormContext","context","useContext","FormRoot","externalForm","onFinish","onFinishFailed","initialValues","layout","labelWidth","size","disabled","children","className","noValidate","props","internalForm","useForm","form","handleSubmit","e","errors","errorFields","flattenErrors","obj","prefix","key","fullKey","value","handleReset","jsx","FormItem","name","label","floatingLabel","help","required","rules","valuePropName","inline","tooltip","extra","hasFeedback","dependencies","validateTrigger","initialValue","hidden","addonBefore","addonAfter","listName","formDisabled","inputId","useId","errorId","fieldName","useEffect","watchedDeps","useWatch","formRef","useRef","prevDepsRef","currentDeps","error","path","keys","errorMessage","rulesArray","validationRules","patternValidators","customValidators","rule","minValue","minMessage","maxValue","maxMessage","patternValue","patternMessage","pattern","message","validator","result","triggers","shouldValidateOnChange","shouldValidateOnBlur","FeedbackIcon","hasError","isValidating","TooltipIcon","Controller","field","fieldState","onChange","onBlur","ref","childProps","eventOrValue","isValidElement","enhancedChild","cloneElement","isHorizontal","isInline","floatingSizeClasses","renderInputElement","inputWithFeedback","jsxs","floatingClasses","renderWithAddons","input","addonClasses","FormList","fields","append","remove","move","useFieldArray","fieldsWithName","index","useFormInstance","formInstance","enhancedInstance","values","FormErrorList","allErrors","filteredErrors","Form"],"mappings":"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"}

package/dist/index37.js

@@ -1,125 +1,20 @@
-import { jsxs as u, Fragment as M, jsx as e } from "react/jsx-runtime";
-import { useState as a, useEffect as P } from "react";
-const I = ({
-  src: s,
-  alt: f = "",
-  fallback: i,
-  placeholder: h,
-  preview: p = !0,
-  width: n,
-  height: o,
-  className: g = "",
-  onLoad: k,
-  onError: y,
-  ...C
+import { jsx as e } from "react/jsx-runtime";
+const i = ({
+  images: l,
+  alts: m = [],
+  className: a = ""
 }) => {
-  const [r, l] = a(!0), [c, m] = a(!1), [L, b] = a(!1), [N, v] = a(s);
-  P(() => {
-    l(!0), m(!1), v(s);
-  }, [s]);
-  const j = () => {
-    l(!1), m(!1), k?.();
-  }, w = () => {
-    l(!1), m(!0), i && v(i), y?.();
-  }, S = () => {
-    p && !c && !r && b(!0);
-  }, x = () => {
-    b(!1);
-  }, d = () => {
-    const t = {};
-    return n && (t.width = typeof n == "number" ? `${n}px` : n), o && (t.height = typeof o == "number" ? `${o}px` : o), t;
-  }, E = [
-    g,
-    p && !c && !r ? "cursor-pointer hover:opacity-80 transition-opacity" : ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u(M, { children: [
-    /* @__PURE__ */ u("div", { className: "relative inline-block", style: d(), children: [
-      r && h && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-base-200", children: h }),
-      /* @__PURE__ */ e(
-        "img",
-        {
-          ...C,
-          src: N,
-          alt: f,
-          className: E,
-          style: { ...d(), display: r ? "none" : "block" },
-          onLoad: j,
-          onError: w,
-          onClick: S
-        }
-      ),
-      c && !i && /* @__PURE__ */ e(
-        "div",
-        {
-          className: "flex items-center justify-center bg-base-200 text-base-content/50",
-          style: d(),
-          children: /* @__PURE__ */ e(
-            "svg",
-            {
-              className: "w-12 h-12",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ e(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-                }
-              )
-            }
-          )
-        }
-      )
-    ] }),
-    L && /* @__PURE__ */ e(
-      "div",
-      {
-        className: "fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4",
-        onClick: x,
-        children: /* @__PURE__ */ u("div", { className: "relative max-w-full max-h-full", children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "absolute top-4 right-4 btn btn-circle btn-sm",
-              onClick: x,
-              children: /* @__PURE__ */ e(
-                "svg",
-                {
-                  className: "w-6 h-6",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ e(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M6 18L18 6M6 6l12 12"
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            "img",
-            {
-              src: s,
-              alt: f,
-              className: "max-w-full max-h-[90vh] object-contain",
-              onClick: (t) => t.stopPropagation()
-            }
-          )
-        ] })
-      }
-    )
-  ] });
+  const t = l.slice(0, 10);
+  return /* @__PURE__ */ e("figure", { className: `hover-gallery ${a}`.trim(), children: t.map((o, r) => /* @__PURE__ */ e(
+    "img",
+    {
+      src: o,
+      alt: m[r] || `Image ${r + 1}`
+    },
+    r
+  )) });
 };
 export {
-  I as Image
+  i as HoverGallery
 };
 //# sourceMappingURL=index37.js.map

package/dist/index37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index37.js","sources":["../src/components/Image.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\n\nexport interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {\n  src: string\n  alt?: string\n  fallback?: string\n  placeholder?: React.ReactNode\n  preview?: boolean\n  width?: string | number\n  height?: string | number\n  className?: string\n  onLoad?: () => void\n  onError?: () => void\n}\n\nexport const Image: React.FC<ImageProps> = ({\n  src,\n  alt = '',\n  fallback,\n  placeholder,\n  preview = true,\n  width,\n  height,\n  className = '',\n  onLoad,\n  onError,\n  ...props\n}) => {\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState(false)\n  const [showPreview, setShowPreview] = useState(false)\n  const [currentSrc, setCurrentSrc] = useState(src)\n\n  useEffect(() => {\n    setLoading(true)\n    setError(false)\n    setCurrentSrc(src)\n  }, [src])\n\n  const handleLoad = () => {\n    setLoading(false)\n    setError(false)\n    onLoad?.()\n  }\n\n  const handleError = () => {\n    setLoading(false)\n    setError(true)\n    if (fallback) {\n      setCurrentSrc(fallback)\n    }\n    onError?.()\n  }\n\n  const handleImageClick = () => {\n    if (preview && !error && !loading) {\n      setShowPreview(true)\n    }\n  }\n\n  const handleClosePreview = () => {\n    setShowPreview(false)\n  }\n\n  const getStyle = (): React.CSSProperties => {\n    const style: React.CSSProperties = {}\n    if (width) {\n      style.width = typeof width === 'number' ? `${width}px` : width\n    }\n    if (height) {\n      style.height = typeof height === 'number' ? `${height}px` : height\n    }\n    return style\n  }\n\n  const imageClasses = [\n    className,\n    preview && !error && !loading ? 'cursor-pointer hover:opacity-80 transition-opacity' : '',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <>\n      <div className=\"relative inline-block\" style={getStyle()}>\n        {loading && placeholder && (\n          <div className=\"absolute inset-0 flex items-center justify-center bg-base-200\">\n            {placeholder}\n          </div>\n        )}\n        <img\n          {...props}\n          src={currentSrc}\n          alt={alt}\n          className={imageClasses}\n          style={{ ...getStyle(), display: loading ? 'none' : 'block' }}\n          onLoad={handleLoad}\n          onError={handleError}\n          onClick={handleImageClick}\n        />\n        {error && !fallback && (\n          <div\n            className=\"flex items-center justify-center bg-base-200 text-base-content/50\"\n            style={getStyle()}\n          >\n            <svg\n              className=\"w-12 h-12\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n              />\n            </svg>\n          </div>\n        )}\n      </div>\n\n      {showPreview && (\n        <div\n          className=\"fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4\"\n          onClick={handleClosePreview}\n        >\n          <div className=\"relative max-w-full max-h-full\">\n            <button\n              className=\"absolute top-4 right-4 btn btn-circle btn-sm\"\n              onClick={handleClosePreview}\n            >\n              <svg\n                className=\"w-6 h-6\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M6 18L18 6M6 6l12 12\"\n                />\n              </svg>\n            </button>\n            <img\n              src={src}\n              alt={alt}\n              className=\"max-w-full max-h-[90vh] object-contain\"\n              onClick={(e) => e.stopPropagation()}\n            />\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n"],"names":["Image","src","alt","fallback","placeholder","preview","width","height","className","onLoad","onError","props","loading","setLoading","useState","error","setError","showPreview","setShowPreview","currentSrc","setCurrentSrc","useEffect","handleLoad","handleError","handleImageClick","handleClosePreview","getStyle","style","imageClasses","jsxs","Fragment","jsx","e"],"mappings":"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"}
+{"version":3,"file":"index37.js","sources":["../src/components/HoverGallery.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface HoverGalleryProps {\n  /** Image sources (2-10 images) */\n  images: string[]\n  /** Alt text for images (optional, uses index if not provided) */\n  alts?: string[]\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport const HoverGallery: React.FC<HoverGalleryProps> = ({\n  images,\n  alts = [],\n  className = '',\n}) => {\n  // DaisyUI supports up to 10 images\n  const limitedImages = images.slice(0, 10)\n\n  return (\n    <figure className={`hover-gallery ${className}`.trim()}>\n      {limitedImages.map((src, index) => (\n        <img\n          key={index}\n          src={src}\n          alt={alts[index] || `Image ${index + 1}`}\n        />\n      ))}\n    </figure>\n  )\n}\n"],"names":["HoverGallery","images","alts","className","limitedImages","jsx","src","index"],"mappings":";AAWO,MAAMA,IAA4C,CAAC;AAAA,EACxD,QAAAC;AAAA,EACA,MAAAC,IAAO,CAAA;AAAA,EACP,WAAAC,IAAY;AACd,MAAM;AAEJ,QAAMC,IAAgBH,EAAO,MAAM,GAAG,EAAE;AAExC,SACE,gBAAAI,EAAC,UAAA,EAAO,WAAW,iBAAiBF,CAAS,GAAG,KAAA,GAC7C,UAAAC,EAAc,IAAI,CAACE,GAAKC,MACvB,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,KAAAC;AAAA,MACA,KAAKJ,EAAKK,CAAK,KAAK,SAASA,IAAQ,CAAC;AAAA,IAAA;AAAA,IAFjCA;AAAA,EAAA,CAIR,GACH;AAEJ;"}

package/dist/index38.js

@@ -1,43 +1,125 @@
-import { jsxs as p, jsx as m } from "react/jsx-runtime";
-import b from "react";
-const j = ({
-  position: r = "top-end",
-  children: s,
-  className: c = "",
-  ...o
+import { jsxs as u, Fragment as M, jsx as e } from "react/jsx-runtime";
+import { useState as a, useEffect as P } from "react";
+const I = ({
+  src: s,
+  alt: f = "",
+  fallback: i,
+  placeholder: h,
+  preview: p = !0,
+  width: n,
+  height: o,
+  className: g = "",
+  onLoad: k,
+  onError: y,
+  ...C
 }) => {
-  const n = (d) => {
-    const [l, h] = d.split("-"), t = [];
-    switch (l) {
-      case "top":
-        t.push("indicator-top");
-        break;
-      case "middle":
-        t.push("indicator-middle");
-        break;
-      case "bottom":
-        t.push("indicator-bottom");
-        break;
-    }
-    switch (h) {
-      case "start":
-        t.push("indicator-start");
-        break;
-      case "center":
-        t.push("indicator-center");
-        break;
-      case "end":
-        t.push("indicator-end");
-        break;
-    }
-    return t.join(" ");
-  }, e = b.Children.toArray(s), a = e[0], i = e[1];
-  return /* @__PURE__ */ p("div", { className: `indicator inline-block ${c}`, ...o, children: [
-    i && /* @__PURE__ */ m("div", { className: `indicator-item ${n(r)}`, children: i }),
-    a
+  const [r, l] = a(!0), [c, m] = a(!1), [L, b] = a(!1), [N, v] = a(s);
+  P(() => {
+    l(!0), m(!1), v(s);
+  }, [s]);
+  const j = () => {
+    l(!1), m(!1), k?.();
+  }, w = () => {
+    l(!1), m(!0), i && v(i), y?.();
+  }, S = () => {
+    p && !c && !r && b(!0);
+  }, x = () => {
+    b(!1);
+  }, d = () => {
+    const t = {};
+    return n && (t.width = typeof n == "number" ? `${n}px` : n), o && (t.height = typeof o == "number" ? `${o}px` : o), t;
+  }, E = [
+    g,
+    p && !c && !r ? "cursor-pointer hover:opacity-80 transition-opacity" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ u(M, { children: [
+    /* @__PURE__ */ u("div", { className: "relative inline-block", style: d(), children: [
+      r && h && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-base-200", children: h }),
+      /* @__PURE__ */ e(
+        "img",
+        {
+          ...C,
+          src: N,
+          alt: f,
+          className: E,
+          style: { ...d(), display: r ? "none" : "block" },
+          onLoad: j,
+          onError: w,
+          onClick: S
+        }
+      ),
+      c && !i && /* @__PURE__ */ e(
+        "div",
+        {
+          className: "flex items-center justify-center bg-base-200 text-base-content/50",
+          style: d(),
+          children: /* @__PURE__ */ e(
+            "svg",
+            {
+              className: "w-12 h-12",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ e(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+                }
+              )
+            }
+          )
+        }
+      )
+    ] }),
+    L && /* @__PURE__ */ e(
+      "div",
+      {
+        className: "fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4",
+        onClick: x,
+        children: /* @__PURE__ */ u("div", { className: "relative max-w-full max-h-full", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: "absolute top-4 right-4 btn btn-circle btn-sm",
+              onClick: x,
+              children: /* @__PURE__ */ e(
+                "svg",
+                {
+                  className: "w-6 h-6",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ e(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M6 18L18 6M6 6l12 12"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            "img",
+            {
+              src: s,
+              alt: f,
+              className: "max-w-full max-h-[90vh] object-contain",
+              onClick: (t) => t.stopPropagation()
+            }
+          )
+        ] })
+      }
+    )
   ] });
 };
 export {
-  j as Indicator
+  I as Image
 };
 //# sourceMappingURL=index38.js.map

package/dist/index38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index38.js","sources":["../src/components/Indicator.tsx"],"sourcesContent":["import React from 'react'\n\nexport type IndicatorPosition =\n  | 'top-start'\n  | 'top-center'\n  | 'top-end'\n  | 'middle-start'\n  | 'middle-center'\n  | 'middle-end'\n  | 'bottom-start'\n  | 'bottom-center'\n  | 'bottom-end'\n\nexport interface IndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  position?: IndicatorPosition\n  children: React.ReactNode\n}\n\nexport const Indicator: React.FC<IndicatorProps> = ({\n  position = 'top-end',\n  children,\n  className = '',\n  ...rest\n}) => {\n  // Get position classes for indicator\n  const getPositionClasses = (pos: IndicatorPosition) => {\n    const [vertical, horizontal] = pos.split('-')\n    const classes: string[] = []\n\n    switch (vertical) {\n      case 'top':\n        classes.push('indicator-top')\n        break\n      case 'middle':\n        classes.push('indicator-middle')\n        break\n      case 'bottom':\n        classes.push('indicator-bottom')\n        break\n    }\n\n    switch (horizontal) {\n      case 'start':\n        classes.push('indicator-start')\n        break\n      case 'center':\n        classes.push('indicator-center')\n        break\n      case 'end':\n        classes.push('indicator-end')\n        break\n    }\n\n    return classes.join(' ')\n  }\n\n  const childrenArray = React.Children.toArray(children)\n  const content = childrenArray[0]\n  const indicatorElement = childrenArray[1]\n\n  return (\n    <div className={`indicator inline-block ${className}`} {...rest}>\n      {indicatorElement && (\n        <div className={`indicator-item ${getPositionClasses(position)}`}>\n          {indicatorElement}\n        </div>\n      )}\n      {content}\n    </div>\n  )\n}\n"],"names":["Indicator","position","children","className","rest","getPositionClasses","pos","vertical","horizontal","classes","childrenArray","React","content","indicatorElement","jsx"],"mappings":";;AAkBO,MAAMA,IAAsC,CAAC;AAAA,EAClD,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AAEJ,QAAMC,IAAqB,CAACC,MAA2B;AACrD,UAAM,CAACC,GAAUC,CAAU,IAAIF,EAAI,MAAM,GAAG,GACtCG,IAAoB,CAAA;AAE1B,YAAQF,GAAA;AAAA,MACN,KAAK;AACH,QAAAE,EAAQ,KAAK,eAAe;AAC5B;AAAA,MACF,KAAK;AACH,QAAAA,EAAQ,KAAK,kBAAkB;AAC/B;AAAA,MACF,KAAK;AACH,QAAAA,EAAQ,KAAK,kBAAkB;AAC/B;AAAA,IAAA;AAGJ,YAAQD,GAAA;AAAA,MACN,KAAK;AACH,QAAAC,EAAQ,KAAK,iBAAiB;AAC9B;AAAA,MACF,KAAK;AACH,QAAAA,EAAQ,KAAK,kBAAkB;AAC/B;AAAA,MACF,KAAK;AACH,QAAAA,EAAQ,KAAK,eAAe;AAC5B;AAAA,IAAA;AAGJ,WAAOA,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAgBC,EAAM,SAAS,QAAQT,CAAQ,GAC/CU,IAAUF,EAAc,CAAC,GACzBG,IAAmBH,EAAc,CAAC;AAExC,2BACG,OAAA,EAAI,WAAW,0BAA0BP,CAAS,IAAK,GAAGC,GACxD,UAAA;AAAA,IAAAS,KACC,gBAAAC,EAAC,SAAI,WAAW,kBAAkBT,EAAmBJ,CAAQ,CAAC,IAC3D,UAAAY,EAAA,CACH;AAAA,IAEDD;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"index38.js","sources":["../src/components/Image.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\n\nexport interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {\n  src: string\n  alt?: string\n  fallback?: string\n  placeholder?: React.ReactNode\n  preview?: boolean\n  width?: string | number\n  height?: string | number\n  className?: string\n  onLoad?: () => void\n  onError?: () => void\n}\n\nexport const Image: React.FC<ImageProps> = ({\n  src,\n  alt = '',\n  fallback,\n  placeholder,\n  preview = true,\n  width,\n  height,\n  className = '',\n  onLoad,\n  onError,\n  ...props\n}) => {\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState(false)\n  const [showPreview, setShowPreview] = useState(false)\n  const [currentSrc, setCurrentSrc] = useState(src)\n\n  useEffect(() => {\n    setLoading(true)\n    setError(false)\n    setCurrentSrc(src)\n  }, [src])\n\n  const handleLoad = () => {\n    setLoading(false)\n    setError(false)\n    onLoad?.()\n  }\n\n  const handleError = () => {\n    setLoading(false)\n    setError(true)\n    if (fallback) {\n      setCurrentSrc(fallback)\n    }\n    onError?.()\n  }\n\n  const handleImageClick = () => {\n    if (preview && !error && !loading) {\n      setShowPreview(true)\n    }\n  }\n\n  const handleClosePreview = () => {\n    setShowPreview(false)\n  }\n\n  const getStyle = (): React.CSSProperties => {\n    const style: React.CSSProperties = {}\n    if (width) {\n      style.width = typeof width === 'number' ? `${width}px` : width\n    }\n    if (height) {\n      style.height = typeof height === 'number' ? `${height}px` : height\n    }\n    return style\n  }\n\n  const imageClasses = [\n    className,\n    preview && !error && !loading ? 'cursor-pointer hover:opacity-80 transition-opacity' : '',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <>\n      <div className=\"relative inline-block\" style={getStyle()}>\n        {loading && placeholder && (\n          <div className=\"absolute inset-0 flex items-center justify-center bg-base-200\">\n            {placeholder}\n          </div>\n        )}\n        <img\n          {...props}\n          src={currentSrc}\n          alt={alt}\n          className={imageClasses}\n          style={{ ...getStyle(), display: loading ? 'none' : 'block' }}\n          onLoad={handleLoad}\n          onError={handleError}\n          onClick={handleImageClick}\n        />\n        {error && !fallback && (\n          <div\n            className=\"flex items-center justify-center bg-base-200 text-base-content/50\"\n            style={getStyle()}\n          >\n            <svg\n              className=\"w-12 h-12\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n              />\n            </svg>\n          </div>\n        )}\n      </div>\n\n      {showPreview && (\n        <div\n          className=\"fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4\"\n          onClick={handleClosePreview}\n        >\n          <div className=\"relative max-w-full max-h-full\">\n            <button\n              className=\"absolute top-4 right-4 btn btn-circle btn-sm\"\n              onClick={handleClosePreview}\n            >\n              <svg\n                className=\"w-6 h-6\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M6 18L18 6M6 6l12 12\"\n                />\n              </svg>\n            </button>\n            <img\n              src={src}\n              alt={alt}\n              className=\"max-w-full max-h-[90vh] object-contain\"\n              onClick={(e) => e.stopPropagation()}\n            />\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n"],"names":["Image","src","alt","fallback","placeholder","preview","width","height","className","onLoad","onError","props","loading","setLoading","useState","error","setError","showPreview","setShowPreview","currentSrc","setCurrentSrc","useEffect","handleLoad","handleError","handleImageClick","handleClosePreview","getStyle","style","imageClasses","jsxs","Fragment","jsx","e"],"mappings":"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"}