@tachui/forms 0.7.0-alpha1

package/dist/Form-ylAr3o_e.js

@@ -0,0 +1,376 @@
+import { createSignal as R, createEffect as B, h as f, text as m, defaultChildrenRenderer as L } from "@tachui/core";
+import { a as j } from "./forms-core-B1bx1drO.js";
+function w(r, t) {
+  return Array.isArray(r) ? r.flatMap((o) => v(o, t)) : v(r, t);
+}
+function v(r, t) {
+  if (r == null)
+    return [];
+  if (typeof r == "object" && "type" in r && r.type === "component") {
+    const o = {
+      ...r,
+      props: {
+        ...r.props,
+        _formContext: t
+      }
+    }, a = r.render.bind(o)();
+    return Array.isArray(a) ? a : [a];
+  }
+  return L(r);
+}
+const P = (r) => {
+  const {
+    onSubmit: t,
+    onChange: o,
+    validation: n = {
+      validateOn: "blur",
+      stopOnFirstError: !1,
+      debounceMs: 300
+    },
+    initialValues: a = {},
+    resetOnSubmit: i = !1,
+    preserveValues: S = !1,
+    children: g,
+    ...b
+  } = r, s = j(a), [h, u] = R("idle"), C = async (l) => {
+    if (l && l.preventDefault(), !!t)
+      try {
+        if (u("idle"), await s.validateForm()) {
+          const d = s.watch();
+          await t(d, s.state), u("success"), i && s.resetForm();
+        } else
+          u("error");
+      } catch (c) {
+        u("error"), console.error("Form submission error:", c);
+      }
+  };
+  B(() => {
+    if (o) {
+      const l = s.state, c = Object.keys(l.fields).filter((d) => l.fields[d].dirty);
+      if (c.length > 0) {
+        const d = c[c.length - 1], y = l.fields[d];
+        o(d, y.value, y);
+      }
+    }
+  });
+  const x = {
+    register: s.register,
+    unregister: s.unregister,
+    setValue: s.setValue,
+    getValue: s.getValue,
+    getError: s.getError,
+    validateField: s.validateField,
+    validation: n,
+    onChange: o
+  };
+  return {
+    type: "component",
+    id: b.id || "form",
+    render: () => f(
+      "form",
+      {
+        ...b,
+        onsubmit: C,
+        novalidate: !0,
+        // We handle validation ourselves
+        "data-tachui-form": !0,
+        "data-form-state": s.state.valid ? "valid" : "invalid",
+        "data-form-submitting": s.state.submitting,
+        "data-submission-result": h()
+      },
+      ...w(g, x)
+    ),
+    props: r,
+    cleanup: [
+      () => {
+        S || s.resetForm();
+      }
+    ]
+  };
+}, _ = (r) => {
+  const {
+    title: t,
+    description: o,
+    header: n,
+    footer: a,
+    style: i = "automatic",
+    spacing: S = 12,
+    collapsible: g = !1,
+    collapsed: b = !1,
+    onToggle: s,
+    accessibilityLabel: h,
+    accessibilityRole: u = "group",
+    children: C,
+    ...x
+  } = r, [p, l] = R(b), c = () => {
+    const e = !p();
+    l(e), s && s(e);
+  }, d = (e) => e ? typeof e == "string" ? e : typeof e == "function" ? e() : e : null, y = () => {
+    const e = {
+      marginBottom: "20px",
+      border: "none",
+      // Remove default fieldset border
+      padding: "0",
+      // Remove default fieldset padding
+      margin: "0 0 20px 0"
+      // Override default fieldset margin
+    };
+    switch (i) {
+      case "grouped":
+        return {
+          ...e,
+          backgroundColor: "#ffffff",
+          border: "1px solid #e0e0e0",
+          borderRadius: "12px",
+          overflow: "hidden"
+        };
+      case "inset":
+        return {
+          ...e,
+          backgroundColor: "#f8f9fa",
+          border: "1px solid #e9ecef",
+          borderRadius: "8px",
+          margin: "0 16px 20px 16px"
+        };
+      case "sidebar":
+        return {
+          ...e,
+          borderLeft: "3px solid #007AFF",
+          paddingLeft: "16px",
+          backgroundColor: "#f8f9fa",
+          borderRadius: "0 8px 8px 0"
+        };
+      case "plain":
+        return e;
+      default:
+        return {
+          ...e,
+          backgroundColor: "#ffffff",
+          border: "1px solid #f0f0f0",
+          borderRadius: "8px"
+        };
+    }
+  }, A = () => {
+    const e = {
+      fontSize: "16px",
+      fontWeight: "600",
+      color: "#1a1a1a",
+      margin: "0 0 12px 0"
+    };
+    switch (i) {
+      case "grouped":
+      case "inset":
+        return {
+          ...e,
+          padding: "12px 16px 0 16px",
+          backgroundColor: "#f8f9fa",
+          borderBottom: "1px solid #e9ecef"
+        };
+      case "sidebar":
+        return {
+          ...e,
+          fontSize: "14px",
+          textTransform: "uppercase",
+          letterSpacing: "0.5px",
+          color: "#666",
+          marginBottom: "8px"
+        };
+      default:
+        return {
+          ...e,
+          padding: "0 0 8px 0"
+        };
+    }
+  }, E = () => {
+    const e = {
+      display: "flex",
+      flexDirection: "column",
+      gap: `${S}px`
+    };
+    switch (i) {
+      case "grouped":
+      case "inset":
+        return {
+          ...e,
+          padding: "16px"
+        };
+      case "sidebar":
+        return {
+          ...e,
+          padding: "8px 0"
+        };
+      default:
+        return {
+          ...e,
+          padding: "12px"
+        };
+    }
+  }, O = () => {
+    const e = {
+      fontSize: "14px",
+      color: "#666",
+      margin: "8px 0 0 0"
+    };
+    switch (i) {
+      case "grouped":
+      case "inset":
+        return {
+          ...e,
+          padding: "0 16px 12px 16px",
+          backgroundColor: "#f8f9fa",
+          borderTop: "1px solid #e9ecef"
+        };
+      default:
+        return {
+          ...e,
+          padding: "0 0 4px 0"
+        };
+    }
+  }, V = () => {
+    const e = t || d(n);
+    if (!e) return [];
+    const F = A();
+    if (g) {
+      const k = p() ? "▶" : "▼";
+      return [
+        f(
+          "legend",
+          {
+            style: {
+              ...F,
+              cursor: "pointer",
+              display: "flex",
+              alignItems: "center",
+              gap: "8px"
+            },
+            onclick: c
+          },
+          f(
+            "span",
+            {
+              style: {
+                fontSize: "12px",
+                color: "#666"
+              }
+            },
+            m(k)
+          ),
+          ...typeof e == "string" ? [m(e)] : [e.render()].flat()
+        )
+      ];
+    }
+    return [
+      f(
+        "legend",
+        { style: F },
+        ...typeof e == "string" ? [m(e)] : [e.render()].flat()
+      )
+    ];
+  }, z = () => !o || p() ? [] : [
+    f(
+      "div",
+      {
+        style: {
+          fontSize: "14px",
+          color: "#666",
+          marginBottom: "12px",
+          padding: i === "grouped" || i === "inset" ? "0 16px" : "0"
+        }
+      },
+      m(o)
+    )
+  ], D = () => g && p() ? [] : [
+    f(
+      "div",
+      {
+        style: E()
+      },
+      ...w(C, r._formContext)
+    )
+  ], I = () => {
+    const e = d(a);
+    return !e || p() ? [] : [
+      f(
+        "div",
+        {
+          style: O()
+        },
+        ...typeof e == "string" ? [m(e)] : [e.render()].flat()
+      )
+    ];
+  };
+  return {
+    type: "component",
+    id: x.id || "form-section",
+    render: () => f(
+      "fieldset",
+      {
+        ...x,
+        style: y(),
+        "aria-label": h,
+        role: u,
+        "data-tachui-form-section": !0,
+        "data-collapsible": g,
+        "data-collapsed": p(),
+        "data-style": i
+      },
+      ...V(),
+      ...z(),
+      ...D(),
+      ...I()
+    ),
+    props: r
+  };
+}, $ = {
+  /**
+   * Create a form with automatic field registration
+   */
+  createAutoForm: (r) => (console.log("Auto form creation:", r), P),
+  /**
+   * Form validation utilities
+   */
+  validation: {
+    /**
+     * Create a validation schema from field definitions
+     */
+    createSchema: (r) => ({
+      fields: r,
+      validate: async (t) => ({ valid: !0, errors: {} })
+    })
+  },
+  /**
+   * Form serialization utilities
+   */
+  serialize: {
+    /**
+     * Convert form values to FormData
+     */
+    toFormData: (r) => {
+      const t = new FormData();
+      return Object.entries(r).forEach(([o, n]) => {
+        n != null && (n instanceof File || n instanceof Blob ? t.append(o, n) : Array.isArray(n) ? n.forEach((a, i) => {
+          t.append(`${o}[${i}]`, String(a));
+        }) : t.append(o, String(n)));
+      }), t;
+    },
+    /**
+     * Convert form values to URL search params
+     */
+    toURLSearchParams: (r) => {
+      const t = new URLSearchParams();
+      return Object.entries(r).forEach(([o, n]) => {
+        n != null && (Array.isArray(n) ? n.forEach((a) => t.append(o, String(a))) : t.append(o, String(n)));
+      }), t;
+    },
+    /**
+     * Convert form values to JSON
+     */
+    toJSON: (r) => JSON.stringify(r, null, 2)
+  }
+};
+export {
+  P as F,
+  _ as a,
+  $ as b
+};
+//# sourceMappingURL=Form-ylAr3o_e.js.map

package/dist/Form-ylAr3o_e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-ylAr3o_e.js","sources":["../src/components/Form.ts"],"sourcesContent":["/**\n * Form Component\n *\n * SwiftUI-inspired form container with validation, state management,\n * and comprehensive form handling capabilities.\n */\n\nimport type {\n  Component,\n  ComponentChildren,\n  ComponentInstance,\n  ComponentProps,\n  DOMNode,\n} from '@tachui/core'\nimport { createEffect, createSignal, defaultChildrenRenderer, h, text } from '@tachui/core'\nimport { createFormState } from '../state'\nimport type { FormProps } from '../types'\n\n/**\n * Helper function to render form children with form context injection\n */\nfunction renderFormChildren(children: ComponentChildren, formContext: any): DOMNode[] {\n  // If children is an array, handle each child\n  if (Array.isArray(children)) {\n    return children.flatMap((child) => renderSingleChild(child, formContext))\n  }\n\n  // Single child\n  return renderSingleChild(children, formContext)\n}\n\n/**\n * Render a single child with form context\n */\nfunction renderSingleChild(child: ComponentChildren, formContext: any): DOMNode[] {\n  // Handle null/undefined\n  if (child === null || child === undefined) {\n    return []\n  }\n\n  // Handle ComponentInstance objects - inject form context\n  if (typeof child === 'object' && 'type' in child && child.type === 'component') {\n    const childWithContext = {\n      ...child,\n      props: {\n        ...child.props,\n        _formContext: formContext,\n      },\n    }\n    // Bind the render function to the new object so 'this.props' works correctly\n    const boundRender = child.render.bind(childWithContext)\n    const rendered = boundRender()\n    return Array.isArray(rendered) ? rendered : [rendered]\n  }\n\n  // Use default children renderer for everything else (strings, numbers, DOMNodes, etc.)\n  return defaultChildrenRenderer(child)\n}\n\n/**\n * Form component implementation\n */\nexport const Form: Component<FormProps> = (props) => {\n  const {\n    onSubmit,\n    onChange,\n    validation = {\n      validateOn: 'blur',\n      stopOnFirstError: false,\n      debounceMs: 300,\n    },\n    initialValues = {},\n    resetOnSubmit = false,\n    preserveValues = false,\n    children,\n    ...restProps\n  } = props\n\n  // Create form state manager\n  const formManager = createFormState(initialValues)\n  const [submissionResult, setSubmissionResult] = createSignal<'idle' | 'success' | 'error'>('idle')\n\n  // Handle form submission\n  const handleSubmit = async (event?: Event) => {\n    if (event) {\n      event.preventDefault()\n    }\n\n    if (!onSubmit) {\n      return\n    }\n\n    try {\n      setSubmissionResult('idle')\n\n      // Validate form before submission\n      const isValid = await formManager.validateForm()\n\n      if (isValid) {\n        const values = formManager.watch()\n        await onSubmit(values, formManager.state)\n        setSubmissionResult('success')\n\n        if (resetOnSubmit) {\n          formManager.resetForm()\n        }\n      } else {\n        setSubmissionResult('error')\n      }\n    } catch (error) {\n      setSubmissionResult('error')\n      console.error('Form submission error:', error)\n    }\n  }\n\n  // Handle form changes\n  createEffect(() => {\n    if (onChange) {\n      // const values = formManager.watch()\n      const state = formManager.state\n\n      // Find the last changed field (this is a simplification)\n      const changedFields = Object.keys(state.fields).filter((name) => state.fields[name].dirty)\n      if (changedFields.length > 0) {\n        const lastChanged = changedFields[changedFields.length - 1]\n        const fieldState = state.fields[lastChanged]\n        onChange(lastChanged, fieldState.value, fieldState)\n      }\n    }\n  })\n\n  // Create form context for child components\n  const formContext = {\n    register: formManager.register,\n    unregister: formManager.unregister,\n    setValue: formManager.setValue,\n    getValue: formManager.getValue,\n    getError: formManager.getError,\n    validateField: formManager.validateField,\n    validation,\n    onChange,\n  }\n\n  const componentInstance: ComponentInstance = {\n    type: 'component',\n    id: restProps.id || 'form',\n    render: () =>\n      h(\n        'form',\n        {\n          ...restProps,\n          onsubmit: handleSubmit,\n          novalidate: true, // We handle validation ourselves\n          'data-tachui-form': true,\n          'data-form-state': formManager.state.valid ? 'valid' : 'invalid',\n          'data-form-submitting': formManager.state.submitting,\n          'data-submission-result': submissionResult(),\n        },\n        ...renderFormChildren(children, formContext)\n      ),\n    props: props,\n    cleanup: [\n      () => {\n        // Cleanup form state if not preserving values\n        if (!preserveValues) {\n          formManager.resetForm()\n        }\n      },\n    ],\n  }\n\n  return componentInstance\n}\n\n/**\n * Enhanced FormSection component for grouping form fields\n * \n * Combines the semantic benefits of <fieldset> with the rich styling\n * and functionality from Core Section component. Provides the best\n * of both worlds: proper form semantics and comprehensive features.\n */\nexport const FormSection: Component<\n  {\n    // Content (enhanced from Core Section)\n    title?: string\n    description?: string\n    header?: string | (() => string) | ComponentInstance\n    footer?: string | (() => string) | ComponentInstance\n    children: ComponentChildren\n\n    // Styling (from Core Section)\n    style?: 'automatic' | 'grouped' | 'inset' | 'plain' | 'sidebar'\n    spacing?: number\n\n    // Behavior (enhanced from Core Section)\n    collapsible?: boolean\n    collapsed?: boolean\n    onToggle?: (collapsed: boolean) => void\n\n    // Accessibility\n    accessibilityLabel?: string\n    accessibilityRole?: string\n  } & ComponentProps\n> = (props) => {\n  const {\n    title,\n    description, \n    header,\n    footer,\n    style = 'automatic',\n    spacing = 12,\n    collapsible = false,\n    collapsed: initialCollapsed = false,\n    onToggle,\n    accessibilityLabel,\n    accessibilityRole = 'group',\n    children,\n    ...restProps\n  } = props\n\n  const [collapsed, setCollapsed] = createSignal(initialCollapsed)\n\n  // Handle toggle with optional callback\n  const handleToggle = () => {\n    const newCollapsed = !collapsed()\n    setCollapsed(newCollapsed)\n    if (onToggle) {\n      onToggle(newCollapsed)\n    }\n  }\n\n  // Resolve dynamic content (from Core Section)\n  const resolveContent = (content: string | (() => string) | ComponentInstance | undefined) => {\n    if (!content) return null\n    if (typeof content === 'string') return content\n    if (typeof content === 'function') return content()\n    return content\n  }\n\n  // Get section styles based on style prop (adapted from Core Section)\n  const getSectionStyles = () => {\n    const baseStyles = {\n      marginBottom: '20px',\n      border: 'none', // Remove default fieldset border\n      padding: '0',   // Remove default fieldset padding\n      margin: '0 0 20px 0', // Override default fieldset margin\n    }\n\n    switch (style) {\n      case 'grouped':\n        return {\n          ...baseStyles,\n          backgroundColor: '#ffffff',\n          border: '1px solid #e0e0e0',\n          borderRadius: '12px',\n          overflow: 'hidden' as const,\n        }\n\n      case 'inset':\n        return {\n          ...baseStyles,\n          backgroundColor: '#f8f9fa',\n          border: '1px solid #e9ecef',\n          borderRadius: '8px',\n          margin: '0 16px 20px 16px',\n        }\n\n      case 'sidebar':\n        return {\n          ...baseStyles,\n          borderLeft: '3px solid #007AFF',\n          paddingLeft: '16px',\n          backgroundColor: '#f8f9fa',\n          borderRadius: '0 8px 8px 0',\n        }\n\n      case 'plain':\n        return baseStyles\n      default:\n        return {\n          ...baseStyles,\n          backgroundColor: '#ffffff',\n          border: '1px solid #f0f0f0',\n          borderRadius: '8px',\n        }\n    }\n  }\n\n  // Get header styles (adapted from Core Section)\n  const getHeaderStyles = () => {\n    const baseStyles = {\n      fontSize: '16px',\n      fontWeight: '600' as const,\n      color: '#1a1a1a',\n      margin: '0 0 12px 0',\n    }\n\n    switch (style) {\n      case 'grouped':\n      case 'inset':\n        return {\n          ...baseStyles,\n          padding: '12px 16px 0 16px',\n          backgroundColor: '#f8f9fa',\n          borderBottom: '1px solid #e9ecef',\n        }\n\n      case 'sidebar':\n        return {\n          ...baseStyles,\n          fontSize: '14px',\n          textTransform: 'uppercase' as const,\n          letterSpacing: '0.5px',\n          color: '#666',\n          marginBottom: '8px',\n        }\n\n      default:\n        return {\n          ...baseStyles,\n          padding: '0 0 8px 0',\n        }\n    }\n  }\n\n  // Get content styles (adapted from Core Section)\n  const getContentStyles = () => {\n    const baseStyles = {\n      display: 'flex',\n      flexDirection: 'column' as const,\n      gap: `${spacing}px`,\n    }\n\n    switch (style) {\n      case 'grouped':\n      case 'inset':\n        return {\n          ...baseStyles,\n          padding: '16px',\n        }\n\n      case 'sidebar':\n        return {\n          ...baseStyles,\n          padding: '8px 0',\n        }\n\n      default:\n        return {\n          ...baseStyles,\n          padding: '12px',\n        }\n    }\n  }\n\n  // Get footer styles (adapted from Core Section)\n  const getFooterStyles = () => {\n    const baseStyles = {\n      fontSize: '14px',\n      color: '#666',\n      margin: '8px 0 0 0',\n    }\n\n    switch (style) {\n      case 'grouped':\n      case 'inset':\n        return {\n          ...baseStyles,\n          padding: '0 16px 12px 16px',\n          backgroundColor: '#f8f9fa',\n          borderTop: '1px solid #e9ecef',\n        }\n\n      default:\n        return {\n          ...baseStyles,\n          padding: '0 0 4px 0',\n        }\n    }\n  }\n\n  // Render header content\n  const renderHeader = () => {\n    // Prioritize title over header for backwards compatibility\n    const headerContent = title || resolveContent(header)\n    if (!headerContent) return []\n\n    const headerStyles = getHeaderStyles()\n\n    // Add collapse toggle if collapsible\n    if (collapsible) {\n      const toggleIcon = collapsed() ? '▶' : '▼'\n\n      return [\n        h(\n          'legend',\n          {\n            style: {\n              ...headerStyles,\n              cursor: 'pointer',\n              display: 'flex',\n              alignItems: 'center',\n              gap: '8px',\n            },\n            onclick: handleToggle,\n          },\n          h(\n            'span',\n            {\n              style: {\n                fontSize: '12px',\n                color: '#666',\n              },\n            },\n            text(toggleIcon)\n          ),\n          ...(typeof headerContent === 'string'\n            ? [text(headerContent)]\n            : [headerContent.render()].flat())\n        )\n      ]\n    }\n\n    return [\n      h(\n        'legend',\n        { style: headerStyles },\n        ...(typeof headerContent === 'string'\n          ? [text(headerContent)]\n          : [headerContent.render()].flat())\n      )\n    ]\n  }\n\n  // Render description if provided (backwards compatibility)\n  const renderDescription = () => {\n    if (!description || collapsed()) return []\n    \n    return [\n      h(\n        'div',\n        {\n          style: {\n            fontSize: '14px',\n            color: '#666',\n            marginBottom: '12px',\n            padding: style === 'grouped' || style === 'inset' ? '0 16px' : '0',\n          },\n        },\n        text(description)\n      )\n    ]\n  }\n\n  // Render content\n  const renderContent = () => {\n    // Don't render content if collapsed\n    if (collapsible && collapsed()) {\n      return []\n    }\n\n    return [\n      h(\n        'div',\n        {\n          style: getContentStyles(),\n        },\n        ...renderFormChildren(children, (props as any)._formContext)\n      )\n    ]\n  }\n\n  // Render footer content\n  const renderFooter = () => {\n    const footerContent = resolveContent(footer)\n    if (!footerContent || collapsed()) return []\n\n    return [\n      h(\n        'div',\n        {\n          style: getFooterStyles(),\n        },\n        ...(typeof footerContent === 'string'\n          ? [text(footerContent)]\n          : [footerContent.render()].flat())\n      )\n    ]\n  }\n\n  const componentInstance: ComponentInstance = {\n    type: 'component',\n    id: restProps.id || 'form-section',\n    render: () =>\n      h(\n        'fieldset',\n        {\n          ...restProps,\n          style: getSectionStyles(),\n          'aria-label': accessibilityLabel,\n          role: accessibilityRole,\n          'data-tachui-form-section': true,\n          'data-collapsible': collapsible,\n          'data-collapsed': collapsed(),\n          'data-style': style,\n        },\n        ...renderHeader(),\n        ...renderDescription(),\n        ...renderContent(),\n        ...renderFooter()\n      ),\n    props: props,\n  }\n\n  return componentInstance\n}\n\n/**\n * Form utilities and helpers\n */\nexport const FormUtils = {\n  /**\n   * Create a form with automatic field registration\n   */\n  createAutoForm: (schema: any) => {\n    // This would be implemented to automatically generate form fields\n    // based on a JSON schema - simplified for now\n    console.log('Auto form creation:', schema)\n    return Form\n  },\n\n  /**\n   * Form validation utilities\n   */\n  validation: {\n    /**\n     * Create a validation schema from field definitions\n     */\n    createSchema: (fields: Record<string, any>) => {\n      return {\n        fields,\n        validate: async (_values: Record<string, any>) => {\n          // TODO: Implement schema-based validation\n          return { valid: true, errors: {} }\n        },\n      }\n    },\n  },\n\n  /**\n   * Form serialization utilities\n   */\n  serialize: {\n    /**\n     * Convert form values to FormData\n     */\n    toFormData: (values: Record<string, any>): FormData => {\n      const formData = new FormData()\n\n      Object.entries(values).forEach(([key, value]) => {\n        if (value !== null && value !== undefined) {\n          if (value instanceof File || value instanceof Blob) {\n            formData.append(key, value)\n          } else if (Array.isArray(value)) {\n            value.forEach((item, index) => {\n              formData.append(`${key}[${index}]`, String(item))\n            })\n          } else {\n            formData.append(key, String(value))\n          }\n        }\n      })\n\n      return formData\n    },\n\n    /**\n     * Convert form values to URL search params\n     */\n    toURLSearchParams: (values: Record<string, any>): URLSearchParams => {\n      const params = new URLSearchParams()\n\n      Object.entries(values).forEach(([key, value]) => {\n        if (value !== null && value !== undefined) {\n          if (Array.isArray(value)) {\n            value.forEach((item) => params.append(key, String(item)))\n          } else {\n            params.append(key, String(value))\n          }\n        }\n      })\n\n      return params\n    },\n\n    /**\n     * Convert form values to JSON\n     */\n    toJSON: (values: Record<string, any>): string => {\n      return JSON.stringify(values, null, 2)\n    },\n  },\n}\n\n// Export form-related types for convenience\nexport type { FormProps, FormState } from '../types'\n"],"names":["renderFormChildren","children","formContext","child","renderSingleChild","childWithContext","rendered","defaultChildrenRenderer","Form","props","onSubmit","onChange","validation","initialValues","resetOnSubmit","preserveValues","restProps","formManager","createFormState","submissionResult","setSubmissionResult","createSignal","handleSubmit","event","values","error","createEffect","state","changedFields","name","lastChanged","fieldState","h","FormSection","title","description","header","footer","style","spacing","collapsible","initialCollapsed","onToggle","accessibilityLabel","accessibilityRole","collapsed","setCollapsed","handleToggle","newCollapsed","resolveContent","content","getSectionStyles","baseStyles","getHeaderStyles","getContentStyles","getFooterStyles","renderHeader","headerContent","headerStyles","toggleIcon","text","renderDescription","renderContent","renderFooter","footerContent","FormUtils","schema","fields","_values","formData","key","value","item","index","params"],"mappings":";;AAqBA,SAASA,EAAmBC,GAA6BC,GAA6B;AAEpF,SAAI,MAAM,QAAQD,CAAQ,IACjBA,EAAS,QAAQ,CAACE,MAAUC,EAAkBD,GAAOD,CAAW,CAAC,IAInEE,EAAkBH,GAAUC,CAAW;AAChD;AAKA,SAASE,EAAkBD,GAA0BD,GAA6B;AAEhF,MAAIC,KAAU;AACZ,WAAO,CAAA;AAIT,MAAI,OAAOA,KAAU,YAAY,UAAUA,KAASA,EAAM,SAAS,aAAa;AAC9E,UAAME,IAAmB;AAAA,MACvB,GAAGF;AAAA,MACH,OAAO;AAAA,QACL,GAAGA,EAAM;AAAA,QACT,cAAcD;AAAA,MAAA;AAAA,IAChB,GAIII,IADcH,EAAM,OAAO,KAAKE,CAAgB,EACrC;AACjB,WAAO,MAAM,QAAQC,CAAQ,IAAIA,IAAW,CAACA,CAAQ;AAAA,EACvD;AAGA,SAAOC,EAAwBJ,CAAK;AACtC;AAKO,MAAMK,IAA6B,CAACC,MAAU;AACnD,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,MACX,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,YAAY;AAAA,IAAA;AAAA,IAEd,eAAAC,IAAgB,CAAA;AAAA,IAChB,eAAAC,IAAgB;AAAA,IAChB,gBAAAC,IAAiB;AAAA,IACjB,UAAAd;AAAA,IACA,GAAGe;AAAA,EAAA,IACDP,GAGEQ,IAAcC,EAAgBL,CAAa,GAC3C,CAACM,GAAkBC,CAAmB,IAAIC,EAA2C,MAAM,GAG3FC,IAAe,OAAOC,MAAkB;AAK5C,QAJIA,KACFA,EAAM,eAAA,GAGJ,EAACb;AAIL,UAAI;AAMF,YALAU,EAAoB,MAAM,GAGV,MAAMH,EAAY,aAAA,GAErB;AACX,gBAAMO,IAASP,EAAY,MAAA;AAC3B,gBAAMP,EAASc,GAAQP,EAAY,KAAK,GACxCG,EAAoB,SAAS,GAEzBN,KACFG,EAAY,UAAA;AAAA,QAEhB;AACE,UAAAG,EAAoB,OAAO;AAAA,MAE/B,SAASK,GAAO;AACd,QAAAL,EAAoB,OAAO,GAC3B,QAAQ,MAAM,0BAA0BK,CAAK;AAAA,MAC/C;AAAA,EACF;AAGA,EAAAC,EAAa,MAAM;AACjB,QAAIf,GAAU;AAEZ,YAAMgB,IAAQV,EAAY,OAGpBW,IAAgB,OAAO,KAAKD,EAAM,MAAM,EAAE,OAAO,CAACE,MAASF,EAAM,OAAOE,CAAI,EAAE,KAAK;AACzF,UAAID,EAAc,SAAS,GAAG;AAC5B,cAAME,IAAcF,EAAcA,EAAc,SAAS,CAAC,GACpDG,IAAaJ,EAAM,OAAOG,CAAW;AAC3C,QAAAnB,EAASmB,GAAaC,EAAW,OAAOA,CAAU;AAAA,MACpD;AAAA,IACF;AAAA,EACF,CAAC;AAGD,QAAM7B,IAAc;AAAA,IAClB,UAAUe,EAAY;AAAA,IACtB,YAAYA,EAAY;AAAA,IACxB,UAAUA,EAAY;AAAA,IACtB,UAAUA,EAAY;AAAA,IACtB,UAAUA,EAAY;AAAA,IACtB,eAAeA,EAAY;AAAA,IAC3B,YAAAL;AAAA,IACA,UAAAD;AAAA,EAAA;AA+BF,SA5B6C;AAAA,IAC3C,MAAM;AAAA,IACN,IAAIK,EAAU,MAAM;AAAA,IACpB,QAAQ,MACNgB;AAAA,MACE;AAAA,MACA;AAAA,QACE,GAAGhB;AAAA,QACH,UAAUM;AAAA,QACV,YAAY;AAAA;AAAA,QACZ,oBAAoB;AAAA,QACpB,mBAAmBL,EAAY,MAAM,QAAQ,UAAU;AAAA,QACvD,wBAAwBA,EAAY,MAAM;AAAA,QAC1C,0BAA0BE,EAAA;AAAA,MAAiB;AAAA,MAE7C,GAAGnB,EAAmBC,GAAUC,CAAW;AAAA,IAAA;AAAA,IAE/C,OAAAO;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAEJ,QAAKM,KACHE,EAAY,UAAA;AAAA,MAEhB;AAAA,IAAA;AAAA,EACF;AAIJ,GASagB,IAsBT,CAACxB,MAAU;AACb,QAAM;AAAA,IACJ,OAAAyB;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,aAAAC,IAAc;AAAA,IACd,WAAWC,IAAmB;AAAA,IAC9B,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAA3C;AAAA,IACA,GAAGe;AAAA,EAAA,IACDP,GAEE,CAACoC,GAAWC,CAAY,IAAIzB,EAAaoB,CAAgB,GAGzDM,IAAe,MAAM;AACzB,UAAMC,IAAe,CAACH,EAAA;AACtB,IAAAC,EAAaE,CAAY,GACrBN,KACFA,EAASM,CAAY;AAAA,EAEzB,GAGMC,IAAiB,CAACC,MACjBA,IACD,OAAOA,KAAY,WAAiBA,IACpC,OAAOA,KAAY,aAAmBA,EAAA,IACnCA,IAHc,MAOjBC,IAAmB,MAAM;AAC7B,UAAMC,IAAa;AAAA,MACjB,cAAc;AAAA,MACd,QAAQ;AAAA;AAAA,MACR,SAAS;AAAA;AAAA,MACT,QAAQ;AAAA;AAAA,IAAA;AAGV,YAAQd,GAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,UACL,GAAGc;AAAA,UACH,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,QAAA;AAAA,MAGd,KAAK;AACH,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,QAAQ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACH,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,YAAY;AAAA,UACZ,aAAa;AAAA,UACb,iBAAiB;AAAA,UACjB,cAAc;AAAA,QAAA;AAAA,MAGlB,KAAK;AACH,eAAOA;AAAA,MACT;AACE,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,cAAc;AAAA,QAAA;AAAA,IAChB;AAAA,EAEN,GAGMC,IAAkB,MAAM;AAC5B,UAAMD,IAAa;AAAA,MACjB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAGV,YAAQd,GAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,UACL,GAAGc;AAAA,UACH,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,cAAc;AAAA,QAAA;AAAA,MAGlB,KAAK;AACH,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,UAAU;AAAA,UACV,eAAe;AAAA,UACf,eAAe;AAAA,UACf,OAAO;AAAA,UACP,cAAc;AAAA,QAAA;AAAA,MAGlB;AACE,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,SAAS;AAAA,QAAA;AAAA,IACX;AAAA,EAEN,GAGME,IAAmB,MAAM;AAC7B,UAAMF,IAAa;AAAA,MACjB,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK,GAAGb,CAAO;AAAA,IAAA;AAGjB,YAAQD,GAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,UACL,GAAGc;AAAA,UACH,SAAS;AAAA,QAAA;AAAA,MAGb,KAAK;AACH,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,SAAS;AAAA,QAAA;AAAA,MAGb;AACE,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,SAAS;AAAA,QAAA;AAAA,IACX;AAAA,EAEN,GAGMG,IAAkB,MAAM;AAC5B,UAAMH,IAAa;AAAA,MACjB,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAGV,YAAQd,GAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,UACL,GAAGc;AAAA,UACH,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,WAAW;AAAA,QAAA;AAAA,MAGf;AACE,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,SAAS;AAAA,QAAA;AAAA,IACX;AAAA,EAEN,GAGMI,IAAe,MAAM;AAEzB,UAAMC,IAAgBvB,KAASe,EAAeb,CAAM;AACpD,QAAI,CAACqB,EAAe,QAAO,CAAA;AAE3B,UAAMC,IAAeL,EAAA;AAGrB,QAAIb,GAAa;AACf,YAAMmB,IAAad,MAAc,MAAM;AAEvC,aAAO;AAAA,QACLb;AAAA,UACE;AAAA,UACA;AAAA,YACE,OAAO;AAAA,cACL,GAAG0B;AAAA,cACH,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,KAAK;AAAA,YAAA;AAAA,YAEP,SAASX;AAAA,UAAA;AAAA,UAEXf;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,OAAO;AAAA,cAAA;AAAA,YACT;AAAA,YAEF4B,EAAKD,CAAU;AAAA,UAAA;AAAA,UAEjB,GAAI,OAAOF,KAAkB,WACzB,CAACG,EAAKH,CAAa,CAAC,IACpB,CAACA,EAAc,OAAA,CAAQ,EAAE,KAAA;AAAA,QAAK;AAAA,MACpC;AAAA,IAEJ;AAEA,WAAO;AAAA,MACLzB;AAAA,QACE;AAAA,QACA,EAAE,OAAO0B,EAAA;AAAA,QACT,GAAI,OAAOD,KAAkB,WACzB,CAACG,EAAKH,CAAa,CAAC,IACpB,CAACA,EAAc,OAAA,CAAQ,EAAE,KAAA;AAAA,MAAK;AAAA,IACpC;AAAA,EAEJ,GAGMI,IAAoB,MACpB,CAAC1B,KAAeU,EAAA,IAAoB,CAAA,IAEjC;AAAA,IACLb;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAO;AAAA,UACL,UAAU;AAAA,UACV,OAAO;AAAA,UACP,cAAc;AAAA,UACd,SAASM,MAAU,aAAaA,MAAU,UAAU,WAAW;AAAA,QAAA;AAAA,MACjE;AAAA,MAEFsB,EAAKzB,CAAW;AAAA,IAAA;AAAA,EAClB,GAKE2B,IAAgB,MAEhBtB,KAAeK,MACV,CAAA,IAGF;AAAA,IACLb;AAAA,MACE;AAAA,MACA;AAAA,QACE,OAAOsB,EAAA;AAAA,MAAiB;AAAA,MAE1B,GAAGtD,EAAmBC,GAAWQ,EAAc,YAAY;AAAA,IAAA;AAAA,EAC7D,GAKEsD,IAAe,MAAM;AACzB,UAAMC,IAAgBf,EAAeZ,CAAM;AAC3C,WAAI,CAAC2B,KAAiBnB,EAAA,IAAoB,CAAA,IAEnC;AAAA,MACLb;AAAA,QACE;AAAA,QACA;AAAA,UACE,OAAOuB,EAAA;AAAA,QAAgB;AAAA,QAEzB,GAAI,OAAOS,KAAkB,WACzB,CAACJ,EAAKI,CAAa,CAAC,IACpB,CAACA,EAAc,OAAA,CAAQ,EAAE,KAAA;AAAA,MAAK;AAAA,IACpC;AAAA,EAEJ;AA0BA,SAxB6C;AAAA,IAC3C,MAAM;AAAA,IACN,IAAIhD,EAAU,MAAM;AAAA,IACpB,QAAQ,MACNgB;AAAA,MACE;AAAA,MACA;AAAA,QACE,GAAGhB;AAAA,QACH,OAAOmC,EAAA;AAAA,QACP,cAAcR;AAAA,QACd,MAAMC;AAAA,QACN,4BAA4B;AAAA,QAC5B,oBAAoBJ;AAAA,QACpB,kBAAkBK,EAAA;AAAA,QAClB,cAAcP;AAAA,MAAA;AAAA,MAEhB,GAAGkB,EAAA;AAAA,MACH,GAAGK,EAAA;AAAA,MACH,GAAGC,EAAA;AAAA,MACH,GAAGC,EAAA;AAAA,IAAa;AAAA,IAEpB,OAAAtD;AAAA,EAAA;AAIJ,GAKawD,IAAY;AAAA;AAAA;AAAA;AAAA,EAIvB,gBAAgB,CAACC,OAGf,QAAQ,IAAI,uBAAuBA,CAAM,GAClC1D;AAAA;AAAA;AAAA;AAAA,EAMT,YAAY;AAAA;AAAA;AAAA;AAAA,IAIV,cAAc,CAAC2D,OACN;AAAA,MACL,QAAAA;AAAA,MACA,UAAU,OAAOC,OAER,EAAE,OAAO,IAAM,QAAQ,CAAA,EAAC;AAAA,IACjC;AAAA,EAEJ;AAAA;AAAA;AAAA;AAAA,EAMF,WAAW;AAAA;AAAA;AAAA;AAAA,IAIT,YAAY,CAAC5C,MAA0C;AACrD,YAAM6C,IAAW,IAAI,SAAA;AAErB,oBAAO,QAAQ7C,CAAM,EAAE,QAAQ,CAAC,CAAC8C,GAAKC,CAAK,MAAM;AAC/C,QAAIA,KAAU,SACRA,aAAiB,QAAQA,aAAiB,OAC5CF,EAAS,OAAOC,GAAKC,CAAK,IACjB,MAAM,QAAQA,CAAK,IAC5BA,EAAM,QAAQ,CAACC,GAAMC,MAAU;AAC7B,UAAAJ,EAAS,OAAO,GAAGC,CAAG,IAAIG,CAAK,KAAK,OAAOD,CAAI,CAAC;AAAA,QAClD,CAAC,IAEDH,EAAS,OAAOC,GAAK,OAAOC,CAAK,CAAC;AAAA,MAGxC,CAAC,GAEMF;AAAA,IACT;AAAA;AAAA;AAAA;AAAA,IAKA,mBAAmB,CAAC7C,MAAiD;AACnE,YAAMkD,IAAS,IAAI,gBAAA;AAEnB,oBAAO,QAAQlD,CAAM,EAAE,QAAQ,CAAC,CAAC8C,GAAKC,CAAK,MAAM;AAC/C,QAAIA,KAAU,SACR,MAAM,QAAQA,CAAK,IACrBA,EAAM,QAAQ,CAACC,MAASE,EAAO,OAAOJ,GAAK,OAAOE,CAAI,CAAC,CAAC,IAExDE,EAAO,OAAOJ,GAAK,OAAOC,CAAK,CAAC;AAAA,MAGtC,CAAC,GAEMG;AAAA,IACT;AAAA;AAAA;AAAA;AAAA,IAKA,QAAQ,CAAClD,MACA,KAAK,UAAUA,GAAQ,MAAM,CAAC;AAAA,EACvC;AAEJ;"}

package/dist/components/Form.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Form Component
+ *
+ * SwiftUI-inspired form container with validation, state management,
+ * and comprehensive form handling capabilities.
+ */
+import type { Component, ComponentChildren, ComponentInstance, ComponentProps } from '@tachui/core';
+import type { FormProps } from '../types';
+/**
+ * Form component implementation
+ */
+export declare const Form: Component<FormProps>;
+/**
+ * Enhanced FormSection component for grouping form fields
+ *
+ * Combines the semantic benefits of <fieldset> with the rich styling
+ * and functionality from Core Section component. Provides the best
+ * of both worlds: proper form semantics and comprehensive features.
+ */
+export declare const FormSection: Component<{
+    title?: string;
+    description?: string;
+    header?: string | (() => string) | ComponentInstance;
+    footer?: string | (() => string) | ComponentInstance;
+    children: ComponentChildren;
+    style?: 'automatic' | 'grouped' | 'inset' | 'plain' | 'sidebar';
+    spacing?: number;
+    collapsible?: boolean;
+    collapsed?: boolean;
+    onToggle?: (collapsed: boolean) => void;
+    accessibilityLabel?: string;
+    accessibilityRole?: string;
+} & ComponentProps>;
+/**
+ * Form utilities and helpers
+ */
+export declare const FormUtils: {
+    /**
+     * Create a form with automatic field registration
+     */
+    createAutoForm: (schema: any) => Component<FormProps>;
+    /**
+     * Form validation utilities
+     */
+    validation: {
+        /**
+         * Create a validation schema from field definitions
+         */
+        createSchema: (fields: Record<string, any>) => {
+            fields: Record<string, any>;
+            validate: (_values: Record<string, any>) => Promise<{
+                valid: boolean;
+                errors: {};
+            }>;
+        };
+    };
+    /**
+     * Form serialization utilities
+     */
+    serialize: {
+        /**
+         * Convert form values to FormData
+         */
+        toFormData: (values: Record<string, any>) => FormData;
+        /**
+         * Convert form values to URL search params
+         */
+        toURLSearchParams: (values: Record<string, any>) => URLSearchParams;
+        /**
+         * Convert form values to JSON
+         */
+        toJSON: (values: Record<string, any>) => string;
+    };
+};
+export type { FormProps, FormState } from '../types';
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/components/Form.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EACV,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EAEf,MAAM,cAAc,CAAA;AAGrB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AA2CzC;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,SAAS,CAAC,SAAS,CA8GrC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,CACjC;IAEE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,GAAG,iBAAiB,CAAA;IACpD,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,GAAG,iBAAiB,CAAA;IACpD,QAAQ,EAAE,iBAAiB,CAAA;IAG3B,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAA;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAA;IAGhB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAGvC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,cAAc,CAyTnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;IACpB;;OAEG;6BACsB,GAAG;IAO5B;;OAEG;;QAED;;WAEG;+BACoB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;gCAGZ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;IAQnD;;OAEG;;QAED;;WAEG;6BACkB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,QAAQ;QAoBnD;;WAEG;oCACyB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,eAAe;QAgBjE;;WAEG;yBACc,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,MAAM;;CAIhD,CAAA;AAGD,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../Form-ueYEcSg1.cjs"),e=require("../forms-inputs-DQ5QI_SU.cjs"),o=require("../forms-complex-DLEnXXJ5.cjs");exports.Form=i.Form;exports.FormSection=i.FormSection;exports.FormUtils=i.FormUtils;exports.Checkbox=e.Checkbox;exports.CheckboxGroup=e.CheckboxGroup;exports.ColorField=e.ColorField;exports.CreditCardField=e.CreditCardField;exports.DateField=e.DateField;exports.EmailField=e.EmailField;exports.NumberField=e.NumberField;exports.PasswordField=e.PasswordField;exports.PhoneField=e.PhoneField;exports.PostalCodeField=e.PostalCodeField;exports.Radio=e.Radio;exports.RadioGroup=e.RadioGroup;exports.SSNField=e.SSNField;exports.SearchField=e.SearchField;exports.Switch=e.Switch;exports.TextArea=e.TextArea;exports.TextField=e.TextField;exports.TimeField=e.TimeField;exports.URLField=e.URLField;exports.Combobox=o.Combobox;exports.MultiSelect=o.MultiSelect;exports.Select=o.Select;
+//# sourceMappingURL=index.cjs.map

package/dist/components/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * TachUI Forms - All Components
+ *
+ * Complete form component library with SwiftUI-inspired APIs
+ */
+export type * from '../types';
+export { Form, FormSection, FormUtils } from './Form';
+export * from './input';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,mBAAmB,UAAU,CAAA;AAE7B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAErD,cAAc,SAAS,CAAA"}

package/dist/components/index.js

@@ -0,0 +1,31 @@
+import { F as s, a as o, b as i } from "../Form-ylAr3o_e.js";
+import { C as l, a as r, c as F, d as t, D as m, E as C, N as S, P as c, e as x, f as b, R as h, b as p, h as f, g as u, S as P, T as R, i as T, j as N, U } from "../forms-inputs-6QdeMWFk.js";
+import { C as n, M as w, S as D } from "../forms-complex-BiQsZZlT.js";
+export {
+  l as Checkbox,
+  r as CheckboxGroup,
+  F as ColorField,
+  n as Combobox,
+  t as CreditCardField,
+  m as DateField,
+  C as EmailField,
+  s as Form,
+  o as FormSection,
+  i as FormUtils,
+  w as MultiSelect,
+  S as NumberField,
+  c as PasswordField,
+  x as PhoneField,
+  b as PostalCodeField,
+  h as Radio,
+  p as RadioGroup,
+  f as SSNField,
+  u as SearchField,
+  D as Select,
+  P as Switch,
+  R as TextArea,
+  T as TextField,
+  N as TimeField,
+  U as URLField
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/input/Checkbox.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Checkbox Component
+ *
+ * SwiftUI-inspired checkbox with support for indeterminate state,
+ * validation, and accessibility features.
+ */
+import type { Component } from '@tachui/core';
+import type { CheckboxProps } from '../../types';
+/**
+ * Checkbox component implementation
+ */
+export declare const Checkbox: Component<CheckboxProps>;
+/**
+ * Switch/Toggle component variant of Checkbox
+ */
+export declare const Switch: Component<CheckboxProps & {
+    size?: 'small' | 'medium' | 'large';
+}>;
+/**
+ * CheckboxGroup component for managing multiple related checkboxes
+ */
+export declare const CheckboxGroup: Component<{
+    name: string;
+    label?: string;
+    options: Array<{
+        value: any;
+        label: string;
+        disabled?: boolean;
+    }>;
+    value?: any[];
+    defaultValue?: any[];
+    onChange?: (name: string, value: any[], selected: any) => void;
+    validation?: any;
+    error?: string;
+    helperText?: string;
+    disabled?: boolean;
+    required?: boolean;
+    direction?: 'horizontal' | 'vertical';
+    id?: string;
+    [key: string]: any;
+}>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/input/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/input/Checkbox.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAqB,MAAM,cAAc,CAAA;AAGhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC,aAAa,CA4P7C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,SAAS,CAC5B,aAAa,GAAG;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC,CAmCF,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,GAAG,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAC,CAAA;IACF,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;IACb,YAAY,CAAC,EAAE,GAAG,EAAE,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9D,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACrC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAiIA,CAAA"}

package/dist/components/input/Radio.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Radio Button Component
+ *
+ * SwiftUI-inspired radio button with group management,
+ * validation, and comprehensive accessibility support.
+ */
+import type { Component } from '@tachui/core';
+import type { RadioProps } from '../../types';
+/**
+ * Individual Radio component
+ */
+export declare const Radio: Component<RadioProps>;
+/**
+ * RadioGroup component for managing multiple radio buttons
+ */
+export declare const RadioGroup: Component<{
+    name: string;
+    label?: string;
+    options: Array<{
+        value: any;
+        label: string;
+        disabled?: boolean;
+    }>;
+    value?: any;
+    defaultValue?: any;
+    onChange?: (name: string, value: any) => void;
+    validation?: any;
+    error?: string;
+    helperText?: string;
+    disabled?: boolean;
+    required?: boolean;
+    direction?: 'horizontal' | 'vertical';
+    id?: string;
+    [key: string]: any;
+}>;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/components/input/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/input/Radio.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAqB,MAAM,cAAc,CAAA;AAGhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,UAAU,CA0MvC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,GAAG,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAC,CAAA;IACF,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7C,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACrC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAwNA,CAAA"}