@aster-ui/prefixed 0.12.50

package/dist/components/FloatButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatButton.js","sources":["../../src/components/FloatButton.tsx"],"sourcesContent":["import React, { useState, useEffect, createContext, useContext } from 'react'\n\n// DaisyUI classes\nconst dBtn = 'd-btn'\nconst dBtnLg = 'd-btn-lg'\nconst dBtnCircle = 'd-btn-circle'\nconst dBtnSquare = 'd-btn-square'\nconst dBtnNeutral = 'd-btn-neutral'\nconst dBtnPrimary = 'd-btn-primary'\nconst dTooltip = 'd-tooltip'\nconst dTooltipLeft = 'd-tooltip-left'\nconst dTooltipRight = 'd-tooltip-right'\nconst dTooltipTop = 'd-tooltip-top'\nconst dTooltipBottom = 'd-tooltip-bottom'\nconst dIndicator = 'd-indicator'\nconst dIndicatorItem = 'd-indicator-item'\nconst dBadge = 'd-badge'\nconst dBadgeSecondary = 'd-badge-secondary'\nconst dFab = 'd-fab'\nconst dFabFlower = 'd-fab-flower'\nconst dFabMainAction = 'd-fab-main-action'\nconst dFabClose = 'd-fab-close'\n\n// Default icons\nconst PlusIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n  </svg>\n)\n\nconst ArrowUpIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 10l7-7m0 0l7 7m-7-7v18\" />\n  </svg>\n)\n\nconst CloseIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" 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\nexport interface FloatButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  /** Icon to display */\n  icon?: React.ReactNode\n  /** Description text below icon */\n  description?: React.ReactNode\n  /** Button type/color */\n  type?: 'default' | 'primary'\n  /** Button shape */\n  shape?: 'circle' | 'square'\n  /** Tooltip text */\n  tooltip?: string\n  /** Tooltip placement */\n  tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom'\n  /** Badge content */\n  badge?: number | React.ReactNode\n  /** Link URL (renders as anchor) */\n  href?: string\n  /** Link target */\n  target?: string\n  /** @deprecated Use icon prop instead */\n  children?: React.ReactNode\n}\n\nexport interface FloatButtonGroupProps {\n  /** Child FloatButton components */\n  children: React.ReactNode\n  /** Arrange buttons in a quarter-circle (radial) layout */\n  flower?: boolean\n  /** Button shape for children */\n  shape?: 'circle' | 'square'\n  /** Main trigger button icon */\n  icon?: React.ReactNode\n  /** Main action button that replaces trigger when open (fab-main-action) */\n  mainAction?: React.ReactNode\n  /** Click handler for main action button */\n  onMainAction?: () => void\n  /** Show close button when open (fab-close) */\n  showClose?: boolean\n  /** Button type/color */\n  type?: 'default' | 'primary'\n  /** Position on screen */\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n  /** Distance from edge */\n  offset?: number\n  /** Additional CSS classes */\n  className?: string\n  /** Custom styles */\n  style?: React.CSSProperties\n}\n\nexport interface BackTopProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'onClick'> {\n  /** Scroll threshold to show button (pixels) */\n  visibilityHeight?: number\n  /** Scroll target (default: window) */\n  target?: () => HTMLElement | Window\n  /** Click handler (called before scrolling) */\n  onClick?: () => void\n  /** Custom icon */\n  icon?: React.ReactNode\n  /** Duration of scroll animation in ms */\n  duration?: number\n  /** Position on screen */\n  position?: 'bottom-right' | 'bottom-left'\n  /** Distance from edge in pixels */\n  offset?: number\n  /** @deprecated Use icon prop instead */\n  children?: React.ReactNode\n}\n\n// Context for group\ninterface FloatButtonGroupContextValue {\n  inGroup: boolean\n  shape?: 'circle' | 'square'\n}\n\nconst FloatButtonGroupContext = createContext<FloatButtonGroupContextValue>({ inGroup: false })\n\nconst tooltipPlacementClasses: Record<string, string> = {\n  left: dTooltipLeft,\n  right: dTooltipRight,\n  top: dTooltipTop,\n  bottom: dTooltipBottom,\n}\n\nconst typeClasses: Record<string, string> = {\n  default: dBtnNeutral,\n  primary: dBtnPrimary,\n}\n\nconst shapeClasses: Record<string, string> = {\n  circle: dBtnCircle,\n  square: dBtnSquare,\n}\n\ninterface FloatButtonComponent extends React.FC<FloatButtonProps> {\n  Group: React.FC<FloatButtonGroupProps>\n  BackTop: React.FC<BackTopProps>\n}\n\nconst FloatButtonBase: React.FC<FloatButtonProps & { style?: React.CSSProperties }> = ({\n  icon,\n  description,\n  onClick,\n  type = 'default',\n  shape = 'circle',\n  className = '',\n  tooltip,\n  tooltipPlacement = 'left',\n  badge,\n  href,\n  target,\n  children,\n  style,\n  ...rest\n}) => {\n  const groupContext = useContext(FloatButtonGroupContext)\n  const effectiveShape = groupContext.inGroup ? (groupContext.shape || shape) : shape\n\n  const buttonClasses = [\n    dBtn,\n    dBtnLg,\n    'shadow-lg',\n    shapeClasses[effectiveShape],\n    typeClasses[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const content = icon || children || <PlusIcon />\n\n  const buttonContent = (\n    <>\n      {description ? (\n        <div className=\"flex flex-col items-center\">\n          {content}\n          <span className=\"text-xs mt-1\">{description}</span>\n        </div>\n      ) : (\n        content\n      )}\n    </>\n  )\n\n  // When inside a group, render simple button without wrapper divs\n  // DaisyUI's fab CSS requires direct button children\n  if (groupContext.inGroup) {\n    return href ? (\n      <a\n        href={href}\n        target={target}\n        className={buttonClasses}\n        title={tooltip}\n        onClick={onClick as any}\n        {...(rest as any)}\n      >\n        {buttonContent}\n      </a>\n    ) : (\n      <button className={buttonClasses} title={tooltip} onClick={onClick} {...rest}>\n        {buttonContent}\n      </button>\n    )\n  }\n\n  const buttonElement = href ? (\n    <a\n      href={href}\n      target={target}\n      className={buttonClasses}\n      style={style}\n      onClick={onClick as any}\n      {...(rest as any)}\n    >\n      {buttonContent}\n    </a>\n  ) : (\n    <button className={buttonClasses} onClick={onClick} style={style} {...rest}>\n      {buttonContent}\n    </button>\n  )\n\n  const withBadge = badge !== undefined ? (\n    <div className={dIndicator} style={style}>\n      <span className={`${dIndicatorItem} ${dBadge} ${dBadgeSecondary}`}>\n        {badge}\n      </span>\n      {href ? (\n        <a href={href} target={target} className={buttonClasses} onClick={onClick as any} {...(rest as any)}>\n          {buttonContent}\n        </a>\n      ) : (\n        <button className={buttonClasses} onClick={onClick} {...rest}>\n          {buttonContent}\n        </button>\n      )}\n    </div>\n  ) : buttonElement\n\n  if (tooltip) {\n    return (\n      <div className={`${dTooltip} ${tooltipPlacementClasses[tooltipPlacement]}`} data-tip={tooltip} style={style}>\n        {badge !== undefined ? (\n          <div className={dIndicator}>\n            <span className={`${dIndicatorItem} ${dBadge} ${dBadgeSecondary}`}>{badge}</span>\n            {href ? (\n              <a href={href} target={target} className={buttonClasses} onClick={onClick as any} {...(rest as any)}>\n                {buttonContent}\n              </a>\n            ) : (\n              <button className={buttonClasses} onClick={onClick} {...rest}>\n                {buttonContent}\n              </button>\n            )}\n          </div>\n        ) : href ? (\n          <a href={href} target={target} className={buttonClasses} onClick={onClick as any} {...(rest as any)}>\n            {buttonContent}\n          </a>\n        ) : (\n          <button className={buttonClasses} onClick={onClick} {...rest}>\n            {buttonContent}\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return withBadge\n}\n\nexport const FloatButton: FloatButtonComponent = (props) => {\n  const {\n    style: propStyle,\n    ...rest\n  } = props\n\n  const groupContext = useContext(FloatButtonGroupContext)\n\n  // If in group, don't apply fixed positioning\n  if (groupContext.inGroup) {\n    return <FloatButtonBase {...rest} />\n  }\n\n  // Standalone button with fixed positioning\n  const style: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 1000,\n    bottom: 24,\n    right: 24,\n    ...propStyle,\n  }\n\n  return <FloatButtonBase {...rest} style={style} />\n}\n\nconst FloatButtonGroup: React.FC<FloatButtonGroupProps> = ({\n  children,\n  flower = false,\n  shape = 'circle',\n  icon,\n  mainAction,\n  onMainAction,\n  showClose = false,\n  type = 'default',\n  position = 'bottom-right',\n  offset = 24,\n  className = '',\n  style: propStyle,\n}) => {\n  const fabClasses = [\n    dFab,\n    flower ? dFabFlower : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const triggerButtonClasses = [\n    dBtn,\n    dBtnLg,\n    'shadow-lg',\n    shapeClasses[shape],\n    typeClasses[type],\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const containerStyle: React.CSSProperties = {\n    ...(position.includes('bottom') ? { bottom: offset } : { top: offset }),\n    ...(position.includes('right') ? { right: offset } : { left: offset }),\n    ...propStyle,\n  }\n\n  return (\n    <div className={fabClasses} style={containerStyle}>\n      {/* Trigger button - shown when closed */}\n      <div\n        tabIndex={0}\n        role=\"button\"\n        className={triggerButtonClasses}\n      >\n        {icon || <PlusIcon />}\n      </div>\n\n      {/* Main action button - shown when open (replaces trigger in flower mode) */}\n      {mainAction && (\n        <button\n          className={`${triggerButtonClasses} ${dFabMainAction}`}\n          onClick={onMainAction}\n        >\n          {mainAction}\n        </button>\n      )}\n\n      {/* Close button - shown when open */}\n      {showClose && (\n        <button className={`${triggerButtonClasses} ${dFabClose}`}>\n          <CloseIcon />\n        </button>\n      )}\n\n      <FloatButtonGroupContext.Provider value={{ inGroup: true, shape }}>\n        {children}\n      </FloatButtonGroupContext.Provider>\n    </div>\n  )\n}\n\nconst BackTop: React.FC<BackTopProps> = ({\n  visibilityHeight = 400,\n  target,\n  onClick,\n  icon,\n  duration = 450,\n  position = 'bottom-right',\n  offset = 24,\n  className = '',\n  children,\n  style: propStyle,\n  ...rest\n}) => {\n  const [visible, setVisible] = useState(false)\n\n  useEffect(() => {\n    const scrollTarget = target ? target() : window\n\n    const handleScroll = () => {\n      const scrollTop =\n        scrollTarget instanceof Window\n          ? window.scrollY\n          : (scrollTarget as HTMLElement).scrollTop\n\n      setVisible(scrollTop >= visibilityHeight)\n    }\n\n    scrollTarget.addEventListener('scroll', handleScroll)\n    handleScroll()\n\n    return () => scrollTarget.removeEventListener('scroll', handleScroll)\n  }, [target, visibilityHeight])\n\n  const handleClick = () => {\n    onClick?.()\n    const scrollTarget = target ? target() : window\n    if (scrollTarget instanceof Window) {\n      window.scrollTo({ top: 0, behavior: 'smooth' })\n    } else {\n      (scrollTarget as HTMLElement).scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  }\n\n  if (!visible) return null\n\n  const buttonClasses = [\n    dBtn,\n    dBtnLg,\n    dBtnCircle,\n    dBtnNeutral,\n    'shadow-lg',\n    'transition-opacity',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const style: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 1000,\n    bottom: offset,\n    ...(position.includes('right') ? { right: offset } : { left: offset }),\n    ...propStyle,\n  }\n\n  return (\n    <button className={buttonClasses} onClick={handleClick} style={style} {...rest}>\n      {icon || children || <ArrowUpIcon />}\n    </button>\n  )\n}\n\nFloatButton.Group = FloatButtonGroup\nFloatButton.BackTop = BackTop\n"],"names":["dBtn","dBtnLg","dBtnCircle","dBtnSquare","dBtnNeutral","dBtnPrimary","dTooltip","dTooltipLeft","dTooltipRight","dTooltipTop","dTooltipBottom","dIndicator","dIndicatorItem","dBadge","dBadgeSecondary","dFab","dFabFlower","dFabMainAction","dFabClose","PlusIcon","jsx","ArrowUpIcon","CloseIcon","FloatButtonGroupContext","createContext","tooltipPlacementClasses","typeClasses","shapeClasses","FloatButtonBase","icon","description","onClick","type","shape","className","tooltip","tooltipPlacement","badge","href","target","children","style","rest","groupContext","useContext","effectiveShape","buttonClasses","content","buttonContent","Fragment","jsxs","buttonElement","withBadge","FloatButton","props","propStyle","FloatButtonGroup","flower","mainAction","onMainAction","showClose","position","offset","fabClasses","triggerButtonClasses","containerStyle","BackTop","visibilityHeight","duration","visible","setVisible","useState","useEffect","scrollTarget","handleScroll","scrollTop","handleClick"],"mappings":"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"}

package/dist/components/Footer.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    center?: boolean;
+    horizontal?: boolean;
+    vertical?: boolean;
+}
+export interface FooterTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    children: React.ReactNode;
+}
+declare function FooterRoot({ children, className, center, horizontal, vertical, ...rest }: FooterProps): import("react/jsx-runtime").JSX.Element;
+declare function FooterTitle({ children, className, ...rest }: FooterTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare const Footer: typeof FooterRoot & {
+    Title: typeof FooterTitle;
+};
+export {};

package/dist/components/Footer.js

@@ -0,0 +1,22 @@
+import { jsx as r } from "react/jsx-runtime";
+const a = "d-footer", i = "d-footer-center", f = "d-footer-horizontal", d = "d-footer-vertical", F = "d-footer-title";
+function m({ children: o, className: t = "", center: e = !1, horizontal: n = !1, vertical: s = !1, ...c }) {
+  const l = [
+    a,
+    e && i,
+    n && f,
+    s && d,
+    t
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("footer", { className: l, ...c, children: o });
+}
+function u({ children: o, className: t = "", ...e }) {
+  return /* @__PURE__ */ r("h6", { className: `${F} ${t}`, ...e, children: o });
+}
+const T = Object.assign(m, {
+  Title: u
+});
+export {
+  T as Footer
+};
+//# sourceMappingURL=Footer.js.map

package/dist/components/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../src/components/Footer.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dFooter = 'd-footer'\nconst dFooterCenter = 'd-footer-center'\nconst dFooterHorizontal = 'd-footer-horizontal'\nconst dFooterVertical = 'd-footer-vertical'\nconst dFooterTitle = 'd-footer-title'\n\nexport interface FooterProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode\n  center?: boolean\n  horizontal?: boolean\n  vertical?: boolean\n}\n\nexport interface FooterTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  children: React.ReactNode\n}\n\nfunction FooterRoot({ children, className = '', center = false, horizontal = false, vertical = false, ...rest }: FooterProps) {\n  const classes = [\n    dFooter,\n    center && dFooterCenter,\n    horizontal && dFooterHorizontal,\n    vertical && dFooterVertical,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <footer className={classes} {...rest}>{children}</footer>\n}\n\nfunction FooterTitle({ children, className = '', ...rest }: FooterTitleProps) {\n  return <h6 className={`${dFooterTitle} ${className}`} {...rest}>{children}</h6>\n}\n\nexport const Footer = Object.assign(FooterRoot, {\n  Title: FooterTitle,\n})\n"],"names":["dFooter","dFooterCenter","dFooterHorizontal","dFooterVertical","dFooterTitle","FooterRoot","children","className","center","horizontal","vertical","rest","classes","FooterTitle","jsx","Footer"],"mappings":";AAGA,MAAMA,IAAU,YACVC,IAAgB,mBAChBC,IAAoB,uBACpBC,IAAkB,qBAClBC,IAAe;AAarB,SAASC,EAAW,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,QAAAC,IAAS,IAAO,YAAAC,IAAa,IAAO,UAAAC,IAAW,IAAO,GAAGC,KAAqB;AAC5H,QAAMC,IAAU;AAAA,IACdZ;AAAA,IACAQ,KAAUP;AAAA,IACVQ,KAAcP;AAAA,IACdQ,KAAYP;AAAA,IACZI;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,UAAA,EAAO,WAAWK,GAAU,GAAGD,GAAO,UAAAL,GAAS;AACzD;AAEA,SAASO,EAAY,EAAE,UAAAP,GAAU,WAAAC,IAAY,IAAI,GAAGI,KAA0B;AAC5E,SAAO,gBAAAG,EAAC,MAAA,EAAG,WAAW,GAAGV,CAAY,IAAIG,CAAS,IAAK,GAAGI,GAAO,UAAAL,EAAA,CAAS;AAC5E;AAEO,MAAMS,IAAS,OAAO,OAAOV,GAAY;AAAA,EAC9C,OAAOQ;AACT,CAAC;"}

package/dist/components/Form.d.ts

@@ -0,0 +1,107 @@
+import { default as React } from 'react';
+import { UseFormReturn, FieldValues, SubmitHandler, UseFormProps, FieldArrayPath, FieldArray } from 'react-hook-form';
+export interface FormProps<TFieldValues extends FieldValues = FieldValues> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {
+    form?: UseFormReturn<TFieldValues>;
+    onFinish?: SubmitHandler<TFieldValues>;
+    /** Called when form validation fails */
+    onFinishFailed?: (errorInfo: {
+        values: TFieldValues;
+        errorFields: Array<{
+            name: string;
+            errors: string[];
+        }>;
+    }) => void;
+    initialValues?: UseFormProps<TFieldValues>['defaultValues'];
+    layout?: 'vertical' | 'horizontal' | 'inline';
+    /** Label width in pixels for horizontal layout (default: 80) */
+    labelWidth?: number;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Disable all form fields */
+    disabled?: boolean;
+    children: React.ReactNode;
+}
+export interface FormRule {
+    required?: boolean | string;
+    type?: 'email' | 'url' | 'number';
+    min?: number | {
+        value: number;
+        message: string;
+    };
+    max?: number | {
+        value: number;
+        message: string;
+    };
+    pattern?: RegExp | {
+        value: RegExp;
+        message: string;
+    };
+    message?: string;
+    validate?: (value: any) => boolean | string | Promise<boolean | string>;
+}
+export type ValidateTrigger = 'onChange' | 'onBlur' | 'onSubmit' | ('onChange' | 'onBlur' | 'onSubmit')[];
+export interface FormItemProps {
+    name?: string | string[];
+    label?: string;
+    /** Floating label text (alternative to label, uses DaisyUI floating-label) */
+    floatingLabel?: string;
+    help?: string;
+    required?: boolean;
+    rules?: FormRule | FormRule[];
+    valuePropName?: string;
+    inline?: boolean;
+    className?: string;
+    children: React.ReactElement;
+    /** Tooltip text to show next to label */
+    tooltip?: string;
+    /** Additional content below the form control */
+    extra?: React.ReactNode;
+    /** Show validation feedback icon */
+    hasFeedback?: boolean;
+    /** Field names that this field depends on for validation */
+    dependencies?: string[];
+    /** When to trigger validation */
+    validateTrigger?: ValidateTrigger;
+    /** Initial value for this field (overrides Form's initialValues) */
+    initialValue?: any;
+    /** Hide this field (still validates and submits) */
+    hidden?: boolean;
+    /** Text/element before input (outside, using DaisyUI label) */
+    addonBefore?: React.ReactNode;
+    /** Text/element after input (outside, using DaisyUI label) */
+    addonAfter?: React.ReactNode;
+}
+export interface FormListProps<TFieldValues extends FieldValues = FieldValues> {
+    name: FieldArrayPath<TFieldValues>;
+    children: (fields: FieldArray<TFieldValues>[], operations: {
+        add: (value?: any) => void;
+        remove: (index: number) => void;
+        move: (from: number, to: number) => void;
+    }) => React.ReactNode;
+}
+declare function FormRoot<TFieldValues extends FieldValues = FieldValues>({ form: externalForm, onFinish, onFinishFailed, initialValues, layout, labelWidth, size, disabled, children, className, noValidate, ...props }: FormProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormItem({ name, label, floatingLabel, help, required, rules, valuePropName, inline, className, children, tooltip, extra, hasFeedback, dependencies, validateTrigger, initialValue, hidden, addonBefore, addonAfter, }: FormItemProps): import("react/jsx-runtime").JSX.Element;
+declare function FormList<TFieldValues extends FieldValues = FieldValues>({ name, children, }: FormListProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export declare function useFormInstance<TFieldValues extends FieldValues = FieldValues>(): UseFormReturn<TFieldValues, any, TFieldValues> & {
+    setFieldValue: import('react-hook-form').UseFormSetValue<TFieldValues>;
+    getFieldValue: (name: any) => any;
+    getFieldsValue: import('react-hook-form').UseFormGetValues<TFieldValues>;
+    setFieldsValue: (values: any) => void;
+    validateFields: import('react-hook-form').UseFormTrigger<TFieldValues>;
+    resetFields: import('react-hook-form').UseFormReset<TFieldValues>;
+    isFieldTouched: (name: string) => boolean;
+    getFieldError: (name: string) => string | undefined;
+};
+export interface FormErrorListProps {
+    /** Specific field names to show errors for (shows all errors if not specified) */
+    fields?: string[];
+    /** Custom className */
+    className?: string;
+}
+declare function FormErrorList({ fields, className }: FormErrorListProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const Form: typeof FormRoot & {
+    Item: typeof FormItem;
+    List: typeof FormList;
+    ErrorList: typeof FormErrorList;
+    useForm: typeof useFormInstance;
+};
+export type { UseFormReturn as FormInstance };

package/dist/components/Form.js

@@ -0,0 +1,277 @@
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { createContext as he, useId as ee, useEffect as te, useRef as se, isValidElement as re, cloneElement as ge, useContext as pe } from "react";
+import { useForm as ne, useFieldArray as ve, useWatch as xe, Controller as ye } from "react-hook-form";
+import { useConfig as be } from "./ConfigProvider.js";
+const Ne = "d-input", $e = "d-input-xs", ke = "d-input-sm", Fe = "d-input-md", Ve = "d-input-lg", we = "d-input-xl", Le = "d-floating-label", Ce = "d-loading", Ie = "d-loading-spinner", Ee = "d-loading-xs", Ae = "d-tooltip", je = "d-tooltip-top", X = he(void 0), _ = {
+  email: {
+    value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+    message: "Please enter a valid email address"
+  },
+  url: {
+    value: /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/,
+    message: "Please enter a valid URL"
+  },
+  number: {
+    value: /^-?\d+(\.\d+)?$/,
+    message: "Please enter a valid number"
+  }
+};
+function J() {
+  const s = pe(X);
+  if (!s)
+    throw new Error("Form compound components must be used within Form");
+  return s;
+}
+function ze({
+  form: s,
+  onFinish: n,
+  onFinishFailed: r,
+  initialValues: i,
+  layout: v = "vertical",
+  labelWidth: h = 60,
+  size: N,
+  disabled: c = !1,
+  children: g,
+  className: d = "",
+  noValidate: x = !0,
+  ...y
+}) {
+  const { componentSize: u } = be(), $ = N ?? u ?? "md", j = ne({
+    defaultValues: i
+  }), b = s || j, R = async (k) => {
+    if (k.preventDefault(), await b.trigger())
+      n && n(b.getValues());
+    else if (r) {
+      const F = b.formState.errors, z = [], S = (B, T = "") => {
+        for (const E in B) {
+          const A = T ? `${T}.${E}` : E, l = B[E];
+          l?.message ? z.push({ name: A, errors: [l.message] }) : typeof l == "object" && l !== null && S(l, A);
+        }
+      };
+      S(F), r({ values: b.getValues(), errorFields: z });
+    }
+  }, I = (k) => {
+    k.preventDefault(), b.reset(i);
+  };
+  return /* @__PURE__ */ t(X.Provider, { value: { form: b, layout: v, labelWidth: h, size: $, disabled: c }, children: /* @__PURE__ */ t("form", { onSubmit: R, onReset: I, className: d, noValidate: x, ...y, children: g }) });
+}
+function Se({
+  name: s,
+  label: n,
+  floatingLabel: r,
+  help: i,
+  required: v = !1,
+  rules: h,
+  valuePropName: N = "value",
+  inline: c = !1,
+  className: g = "",
+  children: d,
+  tooltip: x,
+  extra: y,
+  hasFeedback: u = !1,
+  dependencies: $,
+  validateTrigger: j = "onChange",
+  initialValue: b,
+  hidden: R = !1,
+  addonBefore: I,
+  addonAfter: k
+}) {
+  const { form: m, size: F, listName: z, layout: S, labelWidth: B, disabled: T } = J(), E = ee(), A = ee();
+  if (!s)
+    return /* @__PURE__ */ t("div", { className: `${c ? "w-auto" : "w-full"} ${g}`, style: R ? { display: "none" } : void 0, children: d });
+  let l;
+  Array.isArray(s) ? l = (z ? [z, ...s] : s).join(".") : l = s, te(() => {
+    b !== void 0 && m.getValues(l) === void 0 && m.setValue(l, b);
+  }, []);
+  const q = xe({
+    control: m.control,
+    name: $,
+    disabled: !$ || $.length === 0
+  }), K = se(m);
+  K.current = m;
+  const W = se(void 0);
+  te(() => {
+    if (!$ || $.length === 0) return;
+    if (W.current === void 0) {
+      W.current = JSON.stringify(q);
+      return;
+    }
+    const e = JSON.stringify(q);
+    W.current !== e && (W.current = e, K.current.trigger(l));
+  }, [q, $, l]);
+  const M = ((e) => {
+    const o = e.split(".");
+    let a = m.formState.errors;
+    for (const P of o) {
+      if (!a) break;
+      a = a[P];
+    }
+    return a;
+  })(l), L = M?.message, oe = h ? Array.isArray(h) ? h : [h] : [], C = {}, D = [], Z = [];
+  v && (C.required = "This field is required");
+  for (const e of oe) {
+    if (e.required && (C.required = typeof e.required == "string" ? e.required : e.message || "This field is required"), e.type && _[e.type] && D.push({
+      pattern: _[e.type].value,
+      message: e.message || _[e.type].message
+    }), e.min !== void 0) {
+      const o = typeof e.min == "object" ? e.min.value : e.min, a = typeof e.min == "object" ? e.min.message : e.message || `Minimum length is ${o} characters`;
+      C.minLength = { value: o, message: a };
+    }
+    if (e.max !== void 0) {
+      const o = typeof e.max == "object" ? e.max.value : e.max, a = typeof e.max == "object" ? e.max.message : e.message || `Maximum length is ${o} characters`;
+      C.maxLength = { value: o, message: a };
+    }
+    if (e.pattern) {
+      const o = e.pattern instanceof RegExp ? e.pattern : e.pattern.value, a = e.pattern instanceof RegExp ? e.message || "Invalid format" : e.pattern.message;
+      D.push({ pattern: o, message: a });
+    }
+    e.validate && Z.push(e.validate);
+  }
+  (D.length > 0 || Z.length > 0) && (C.validate = async (e) => {
+    if (!e && !C.required) return !0;
+    for (const { pattern: o, message: a } of D)
+      if (e && !o.test(e))
+        return a;
+    for (const o of Z) {
+      const a = await o(e);
+      if (a !== !0)
+        return a;
+    }
+    return !0;
+  });
+  const H = Array.isArray(j) ? j : [j], U = H.includes("onChange"), ae = H.includes("onBlur"), ie = ({ hasError: e, isValidating: o }) => o ? /* @__PURE__ */ t("span", { className: `${Ce} ${Ie} ${Ee} text-base-content/50` }) : e ? /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-error", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-success", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), le = () => /* @__PURE__ */ t("div", { className: `${Ae} ${je} ml-1`, "data-tip": x, children: /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-base-content/50 cursor-help", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("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" }) }) });
+  return /* @__PURE__ */ t(
+    ye,
+    {
+      name: l,
+      control: m.control,
+      rules: C,
+      render: ({ field: e, fieldState: o }) => {
+        const { value: a, onChange: P, onBlur: ce, ref: de } = e, ue = o.isTouched && m.formState.isValidating, p = {
+          id: E,
+          ref: de,
+          "aria-invalid": M ? !0 : void 0,
+          "aria-describedby": M ? A : void 0
+        };
+        p.onBlur = () => {
+          ce(), ae && m.trigger(l);
+        }, N === "checked" ? (p.checked = a, p.onChange = (f) => {
+          P(f.target.checked), U && m.trigger(l);
+        }) : (p.value = a || "", p.onChange = (f) => {
+          f && f.target !== void 0 ? P(f.target.value) : P(f), U && m.trigger(l);
+        }), F && re(d) && (d.props.size || (p.size = F)), M && (p.color = "error", p["aria-invalid"] = !0), T && (p.disabled = !0), (I || k) && (p.unstyled = !0);
+        const Y = re(d) ? ge(d, p) : d, V = S === "horizontal", G = S === "inline", Q = {
+          xs: $e,
+          sm: ke,
+          md: Fe,
+          lg: Ve,
+          xl: we
+        }, me = () => {
+          const f = /* @__PURE__ */ w("div", { className: `${V ? "flex-1" : ""} ${u ? "relative" : ""}`, children: [
+            Y,
+            u && o.isTouched && /* @__PURE__ */ t("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ t(ie, { hasError: !!M, isValidating: ue }) })
+          ] });
+          if (r) {
+            const O = [
+              Le,
+              F && Q[F]
+            ].filter(Boolean).join(" ");
+            return /* @__PURE__ */ w("label", { className: O, children: [
+              Y,
+              /* @__PURE__ */ w("span", { children: [
+                r,
+                v && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" })
+              ] })
+            ] });
+          }
+          return f;
+        }, fe = (f) => {
+          if (!I && !k) return f;
+          const O = [
+            Ne,
+            "flex",
+            "items-center",
+            "gap-2",
+            F && Q[F]
+          ].filter(Boolean).join(" ");
+          return /* @__PURE__ */ w("label", { className: O, children: [
+            I && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: I }),
+            f,
+            k && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: k })
+          ] });
+        };
+        return /* @__PURE__ */ w("div", { className: `${c ? "w-auto" : "w-full"} ${V ? "mb-4" : ""} ${G ? "inline-flex mr-4" : ""} ${g}`, style: R ? { display: "none" } : void 0, children: [
+          /* @__PURE__ */ w("div", { className: V ? "flex items-center gap-4" : "", children: [
+            n && !r && /* @__PURE__ */ t(
+              "label",
+              {
+                htmlFor: E,
+                className: `block text-sm font-medium ${V ? "flex-shrink-0 text-right" : ""} ${!V && !G ? "mb-1" : ""}`,
+                style: V ? { width: B } : void 0,
+                children: /* @__PURE__ */ w("span", { className: "flex items-center", children: [
+                  n,
+                  v && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" }),
+                  x && /* @__PURE__ */ t(le, {})
+                ] })
+              }
+            ),
+            fe(me())
+          ] }),
+          !V && !c && /* @__PURE__ */ t("p", { id: A, className: `validator-hint ${L ? "!visible text-error" : ""} min-h-[1.25rem]`, role: L ? "alert" : void 0, children: L || i && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: i }) || " " }),
+          V && (L || i) && /* @__PURE__ */ t("p", { id: A, className: `validator-hint ${L ? "!visible text-error" : ""} min-h-[1.25rem]`, role: L ? "alert" : void 0, children: L || i && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: i }) }),
+          y && /* @__PURE__ */ t("div", { className: "text-sm text-base-content/60 mt-1", children: y })
+        ] });
+      }
+    }
+  );
+}
+function Me({
+  name: s,
+  children: n
+}) {
+  const { form: r, layout: i, size: v, disabled: h } = J(), { fields: N, append: c, remove: g, move: d } = ve({
+    control: r.control,
+    name: s
+  }), x = N.map((y, u) => ({
+    ...y,
+    name: u
+  }));
+  return /* @__PURE__ */ t(X.Provider, { value: { form: r, layout: i, size: v, listName: s, disabled: h }, children: n(x, {
+    add: c,
+    remove: g,
+    move: d
+  }) });
+}
+function Pe() {
+  const s = ne(), n = s;
+  return n.setFieldValue = s.setValue, n.getFieldValue = (r) => s.getValues(r), n.getFieldsValue = s.getValues, n.setFieldsValue = (r) => {
+    Object.keys(r).forEach((i) => {
+      s.setValue(i, r[i]);
+    });
+  }, n.validateFields = s.trigger, n.resetFields = s.reset, n.isFieldTouched = (r) => !!s.formState.touchedFields[r], n.getFieldError = (r) => s.formState.errors[r]?.message, n;
+}
+function Re({ fields: s, className: n = "" }) {
+  const { form: r } = J(), { errors: i } = r.formState, v = (c, g = "") => {
+    const d = [];
+    for (const x in c) {
+      const y = g ? `${g}.${x}` : x, u = c[x];
+      u?.message ? d.push({ field: y, message: u.message }) : typeof u == "object" && u !== null && d.push(...v(u, y));
+    }
+    return d;
+  }, h = v(i), N = s ? h.filter((c) => s.includes(c.field)) : h;
+  return N.length === 0 ? null : /* @__PURE__ */ t("ul", { className: `text-error text-sm space-y-1 ${n}`, role: "alert", children: N.map((c, g) => /* @__PURE__ */ w("li", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ t("svg", { className: "w-4 h-4 mt-0.5 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+    /* @__PURE__ */ t("span", { children: c.message })
+  ] }, `${c.field}-${g}`)) });
+}
+const Oe = Object.assign(ze, {
+  Item: Se,
+  List: Me,
+  ErrorList: Re,
+  useForm: Pe
+});
+export {
+  Oe as Form,
+  Pe as useFormInstance
+};
+//# sourceMappingURL=Form.js.map

package/dist/components/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.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'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dInput = 'd-input'\nconst dInputXs = 'd-input-xs'\nconst dInputSm = 'd-input-sm'\nconst dInputMd = 'd-input-md'\nconst dInputLg = 'd-input-lg'\nconst dInputXl = 'd-input-xl'\nconst dFloatingLabel = 'd-floating-label'\nconst dLoading = 'd-loading'\nconst dLoadingSpinner = 'd-loading-spinner'\nconst dLoadingXs = 'd-loading-xs'\nconst dTooltip = 'd-tooltip'\nconst dTooltipTop = 'd-tooltip-top'\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 { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n\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: effectiveSize, 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={`${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={`${dLoading} ${dLoadingSpinner} ${dLoadingXs} 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={`${dTooltip} ${dTooltipTop} 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: dInputXs,\n          sm: dInputSm,\n          md: dInputMd,\n          lg: dInputLg,\n          xl: dInputXl,\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              dFloatingLabel,\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            dInput,\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={`${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":["dInput","dInputXs","dInputSm","dInputMd","dInputLg","dInputXl","dFloatingLabel","dLoading","dLoadingSpinner","dLoadingXs","dTooltip","dTooltipTop","FormContext","createContext","TYPE_VALIDATORS","useFormContext","context","useContext","FormRoot","externalForm","onFinish","onFinishFailed","initialValues","layout","labelWidth","size","disabled","children","className","noValidate","props","componentSize","useConfig","effectiveSize","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/components/Grid.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    cols?: 24 | 120;
+    gutter?: number | [number, number];
+    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline';
+}
+export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    span?: number;
+    offset?: number;
+    order?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    xxl?: number;
+}
+export declare function Row({ children, cols, gutter, justify, align, className, style: userStyle, ...rest }: RowProps): import("react/jsx-runtime").JSX.Element;
+export declare function Col({ children, span, offset, order, xs, sm, md, lg, xl, xxl, className, style: userStyle, ...rest }: ColProps): import("react/jsx-runtime").JSX.Element;
+export declare const Grid: {
+    Row: typeof Row;
+    Col: typeof Col;
+};