@tachui/core 0.7.0-alpha1

package/dist/components/EnhancedLink.js

@@ -0,0 +1,345 @@
+import "../reactive/cleanup.js";
+import { createComputed as b } from "../reactive/computed.js";
+import "../reactive/unified-scheduler.js";
+import { isSignal as s } from "../reactive/signal.js";
+import "../reactive/scheduler.js";
+import "../reactive/theme.js";
+import "../runtime/component.js";
+import "../runtime/context.js";
+import "../runtime/dev-tools.js";
+import "../runtime/dom-bridge.js";
+import "../runtime/error-boundary.js";
+import "../runtime/error-reporting.js";
+import "../runtime/performance.js";
+import { h as m } from "../runtime/renderer.js";
+import "../runtime/element-override.js";
+import "../runtime/semantic-role-manager.js";
+import "../runtime/development-warnings.js";
+import { withModifiers as h } from "./wrapper.js";
+import { ConcatenatedComponent as y } from "../concatenation/concatenated-component.js";
+import { Text as u } from "./Text.js";
+var w = Object.defineProperty, L = (i, t, e) => t in i ? w(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, l = (i, t, e) => L(i, typeof t != "symbol" ? t + "" : t, e);
+class f {
+  constructor(t) {
+    l(this, "type", "component"), l(this, "id"), l(this, "props"), this.props = t, this.id = `enhanced-link-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  }
+  resolveValue(t) {
+    return s(t) ? t() : t;
+  }
+  getDestination() {
+    const t = this.resolveValue(this.props.destination);
+    return t instanceof URL ? t.toString() : t;
+  }
+  getTarget() {
+    const t = this.resolveValue(this.props.target);
+    if (t)
+      return t;
+    const e = this.resolveValue(this.props.destination), n = e instanceof URL ? e.toString() : e;
+    return this.isExternalURL(n) ? "_blank" : "_self";
+  }
+  getRoutingMode() {
+    return this.resolveValue(this.props.routingMode) || "auto";
+  }
+  getRel() {
+    const t = this.resolveValue(this.props.rel), e = this.getTarget(), n = this.getDestination(), r = this.isExternalURL(n) && e === "_blank" ? "noopener noreferrer" : "";
+    return t && r ? `${t} ${r}`.trim() : t || r;
+  }
+  getDownload() {
+    return this.resolveValue(this.props.download);
+  }
+  isDisabled() {
+    return this.resolveValue(this.props.disabled) || !1;
+  }
+  getAccessibilityLabel() {
+    return this.resolveValue(this.props.accessibilityLabel);
+  }
+  getAccessibilityHint() {
+    return this.resolveValue(this.props.accessibilityHint);
+  }
+  getAccessibilityRole() {
+    return this.resolveValue(this.props.accessibilityRole);
+  }
+  shouldUseInternalRouting(t) {
+    const e = this.getRoutingMode();
+    return e === "internal" ? !0 : e === "external" ? !1 : e === "spa" ? !0 : !(this.isSpecialScheme(t) || this.isExternalURL(t));
+  }
+  isSpecialScheme(t) {
+    return /^(mailto|tel|sms|ftp|file):/.test(t);
+  }
+  async handleClick(t) {
+    if (this.isDisabled()) {
+      t.preventDefault();
+      return;
+    }
+    if (this.props.onPress)
+      try {
+        this.props.onPress(t);
+      } catch (r) {
+        console.error("Link onPress error:", r);
+      }
+    const e = this.getDestination();
+    if (this.isSpecialScheme(e) || (t.preventDefault(), this.props.openURLAction && this.props.openURLAction(e) === "handled"))
+      return;
+    if (this.props.onBeforeNavigation)
+      try {
+        if (!await this.props.onBeforeNavigation(e))
+          return;
+      } catch (r) {
+        throw console.error("Link onBeforeNavigation error:", r), r;
+      }
+    const n = this.getTarget(), o = this.getRoutingMode();
+    if (this.shouldUseInternalRouting(e)) {
+      if (this.props.onInternalNavigation)
+        try {
+          if (await this.props.onInternalNavigation(e))
+            return;
+        } catch (r) {
+          console.error("Link onInternalNavigation error:", r);
+        }
+      o === "spa" ? this.handleSPANavigation(e) : n === "_blank" ? window.open(e, n) : window.location.href = e;
+    } else
+      n === "_blank" || n === "_top" || n === "_parent" ? window.open(e, n) : window.location.href = e;
+  }
+  handleSPANavigation(t) {
+    typeof window < "u" && window.history && window.history.pushState ? (window.history.pushState(null, "", t), window.dispatchEvent(new PopStateEvent("popstate"))) : window.location.href = t;
+  }
+  isExternalURL(t) {
+    try {
+      return new URL(t, window.location.href).hostname !== window.location.hostname;
+    } catch {
+      return !1;
+    }
+  }
+  renderContent() {
+    if (this.props.label) {
+      const r = this.props.label().render();
+      return Array.isArray(r) ? r : [r];
+    }
+    if (this.props.children)
+      return this.renderChildren();
+    let t;
+    this.props.text ? t = this.props.text : s(this.props.destination) ? t = b(() => this.getDestination()) : t = this.getDestination();
+    const n = u(t).render();
+    return Array.isArray(n) ? n : [n];
+  }
+  renderChildren() {
+    const { children: t } = this.props;
+    return t ? Array.isArray(t) ? t.map((e) => this.renderChild(e)).flat() : this.renderChild(t) : [];
+  }
+  renderChild(t) {
+    if (typeof t == "string") {
+      const n = u(t).render();
+      return Array.isArray(n) ? n : [n];
+    } else {
+      const e = t.render();
+      return Array.isArray(e) ? e : [e];
+    }
+  }
+  render() {
+    const t = this.renderContent(), e = this.isDisabled(), n = {
+      id: this.id,
+      "data-component": "enhanced-link"
+    };
+    s(this.props.destination) ? n.href = () => this.getDestination() : n.href = this.getDestination(), this.props.target && (s(this.props.target) ? n.target = () => this.getTarget() : n.target = this.getTarget());
+    const o = this.getRel();
+    o && (s(this.props.rel) || s(this.props.target) ? n.rel = () => this.getRel() : n.rel = o);
+    const r = this.getDownload();
+    r !== void 0 && (s(this.props.download) ? n.download = () => this.getDownload() : r === !0 ? n.download = !0 : typeof r == "string" && (n.download = r));
+    const c = this.getAccessibilityLabel();
+    c && (s(this.props.accessibilityLabel) ? n["aria-label"] = () => this.getAccessibilityLabel() : n["aria-label"] = c);
+    const p = this.getAccessibilityHint();
+    p && (s(this.props.accessibilityHint) ? n["aria-describedby"] = () => this.getAccessibilityHint() : n["aria-describedby"] = p);
+    const d = this.getAccessibilityRole();
+    return d && (s(this.props.accessibilityRole) ? n.role = () => this.getAccessibilityRole() : n.role = d), e && (n["aria-disabled"] = "true", n.tabindex = "-1"), n.onclick = (g) => this.handleClick(g), n.style = {
+      textDecoration: "none",
+      color: "inherit",
+      cursor: e ? "not-allowed" : "pointer",
+      opacity: e ? 0.6 : 1
+    }, m("a", n, ...t);
+  }
+  // Concatenation support
+  concat(t) {
+    const e = this.toSegment(), n = t.toSegment(), o = {
+      totalSegments: 2,
+      accessibilityRole: "composite",
+      semanticStructure: "inline"
+    };
+    return new y([e, n], o);
+  }
+  toSegment() {
+    return {
+      id: this.id,
+      component: this,
+      modifiers: [],
+      render: () => this.render()
+    };
+  }
+  isConcatenatable() {
+    return !0;
+  }
+}
+function B(i, t) {
+  if (t !== void 0) {
+    const o = {
+      text: i,
+      destination: t
+    }, r = new f(o);
+    return h(r);
+  }
+  const e = i, n = new f(e);
+  return h(n);
+}
+const a = {
+  /**
+   * Create an external link that opens in a new tab
+   */
+  external(i, t, e = {}) {
+    return {
+      destination: i,
+      children: t,
+      target: "_blank",
+      routingMode: "external",
+      rel: "noopener noreferrer external",
+      accessibilityHint: "Opens in a new tab",
+      ...e
+    };
+  },
+  /**
+   * Create an internal link for same-domain navigation
+   */
+  internal(i, t, e = {}) {
+    return {
+      destination: i,
+      children: t,
+      routingMode: "internal",
+      target: "_self",
+      ...e
+    };
+  },
+  /**
+   * Create a SPA link using History API
+   */
+  spa(i, t, e = {}) {
+    return {
+      destination: i,
+      children: t,
+      routingMode: "spa",
+      target: "_self",
+      accessibilityHint: "Navigates within the app",
+      ...e
+    };
+  },
+  /**
+   * Create an email link with optional subject and body
+   */
+  email(i, t, e, n) {
+    let o = `mailto:${i}`;
+    const r = new URLSearchParams();
+    return t && r.append("subject", t), e && r.append("body", e), r.toString() && (o += `?${r.toString()}`), {
+      destination: o,
+      children: n || i,
+      accessibilityLabel: `Send email to ${i}`,
+      accessibilityHint: "Opens your email app"
+    };
+  },
+  /**
+   * Create a phone link with formatted display
+   */
+  phone(i, t) {
+    return {
+      destination: `tel:${i.replace(/[^\d+]/g, "")}`,
+      children: t || i,
+      accessibilityLabel: `Call ${i}`,
+      accessibilityHint: "Opens your phone app"
+    };
+  },
+  /**
+   * Create a download link
+   */
+  download(i, t, e) {
+    return {
+      destination: i,
+      children: e || `Download ${t || "file"}`,
+      download: t || !0,
+      accessibilityLabel: `Download ${t || "file"}`,
+      accessibilityHint: "Downloads file to your device"
+    };
+  },
+  /**
+   * Social media link utilities
+   */
+  social: {
+    twitter(i, t) {
+      return a.external(
+        `https://twitter.com/${i}`,
+        t || `@${i}`,
+        { accessibilityLabel: `Visit ${i} on Twitter` }
+      );
+    },
+    github(i, t) {
+      return a.external(
+        `https://github.com/${i}`,
+        t || i,
+        { accessibilityLabel: `Visit ${i} on GitHub` }
+      );
+    },
+    linkedin(i, t) {
+      return a.external(
+        `https://linkedin.com/in/${i}`,
+        t || i,
+        { accessibilityLabel: `Visit ${i} on LinkedIn` }
+      );
+    },
+    instagram(i, t) {
+      return a.external(
+        `https://instagram.com/${i}`,
+        t || `@${i}`,
+        { accessibilityLabel: `Visit ${i} on Instagram` }
+      );
+    },
+    facebook(i, t) {
+      return a.external(
+        `https://facebook.com/${i}`,
+        t || i,
+        { accessibilityLabel: `Visit ${i} on Facebook` }
+      );
+    }
+  },
+  /**
+   * App store link utilities
+   */
+  appStore: {
+    ios(i, t) {
+      return a.external(
+        `https://apps.apple.com/app/id${i}`,
+        t || "Download from App Store",
+        {
+          accessibilityLabel: "Download from the iOS App Store",
+          accessibilityHint: "Opens App Store app or website"
+        }
+      );
+    },
+    android(i, t) {
+      return a.external(
+        `https://play.google.com/store/apps/details?id=${i}`,
+        t || "Get it on Google Play",
+        {
+          accessibilityLabel: "Download from Google Play Store",
+          accessibilityHint: "Opens Google Play Store app or website"
+        }
+      );
+    }
+  },
+  /**
+   * Create a custom OpenURL action
+   */
+  openURLAction(i) {
+    return (t) => i(t) ? "handled" : "systemAction";
+  }
+};
+export {
+  f as EnhancedLinkComponent,
+  B as Link,
+  a as LinkUtils
+};
+//# sourceMappingURL=EnhancedLink.js.map

package/dist/components/EnhancedLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedLink.js","sources":["../../src/components/EnhancedLink.ts"],"sourcesContent":["/**\n * Enhanced Link Component\n * \n * A control for navigating to a URL that matches the SwiftUI Link API exactly.\n * iOS 14.0+ equivalent for web applications.\n */\n\nimport { isSignal, createComputed } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport { h } from '../runtime'\nimport type { ComponentInstance, ComponentProps, DOMNode } from '../runtime/types'\nimport { withModifiers } from './wrapper'\nimport type { Concatenatable, ComponentSegment, ConcatenationMetadata } from '../concatenation/types'\nimport { ConcatenatedComponent } from '../concatenation/concatenated-component'\nimport { Text } from './Text'\n\n/**\n * Link target types for different behaviors\n */\nexport type LinkTarget = '_self' | '_blank' | '_parent' | '_top'\n\n/**\n * Link routing behavior for internal vs external links\n */\nexport type LinkRoutingMode = 'auto' | 'external' | 'internal' | 'spa'\n\n/**\n * Enhanced Link Properties (combines SwiftUI API with web-specific features)\n */\nexport interface EnhancedLinkProps extends ComponentProps {\n  /** The destination URL - matches SwiftUI's destination parameter */\n  destination: string | URL | Signal<string | URL>\n  \n  /** Optional text content for simple links */\n  text?: string | Signal<string>\n  \n  /** Label content (for closure-style links) */\n  label?: () => ComponentInstance\n  \n  /** Complex children content (for backward compatibility) */\n  children?: string | ComponentInstance | (string | ComponentInstance)[]\n  \n  /** Environment action override (matches SwiftUI's openURL environment) */\n  openURLAction?: (url: string) => 'handled' | 'systemAction'\n\n  // Navigation Control\n  /** Target window for navigation */\n  target?: LinkTarget | Signal<LinkTarget>\n  \n  /** Routing behavior mode */\n  routingMode?: LinkRoutingMode | Signal<LinkRoutingMode>\n  \n  /** Download file functionality */\n  download?: boolean | string | Signal<boolean | string>\n  \n  /** Custom rel attributes */\n  rel?: string | Signal<string>\n\n  // Event Handling\n  /** Click event handler */\n  onPress?: (event: Event) => void\n  \n  /** Pre-navigation hook with cancellation support */\n  onBeforeNavigation?: (url: string) => boolean | Promise<boolean>\n  \n  /** Custom internal routing handler */\n  onInternalNavigation?: (path: string) => boolean | Promise<boolean>\n\n  // State Management\n  /** Disabled state */\n  disabled?: boolean | Signal<boolean>\n\n  // Accessibility\n  /** Custom ARIA label */\n  accessibilityLabel?: string | Signal<string>\n  \n  /** ARIA description/hint */\n  accessibilityHint?: string | Signal<string>\n  \n  /** Custom ARIA role */\n  accessibilityRole?: string | Signal<string>\n}\n\n/**\n * Enhanced Link Component Implementation\n */\nexport class EnhancedLinkComponent implements ComponentInstance<EnhancedLinkProps>, Concatenatable<EnhancedLinkProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public readonly props: EnhancedLinkProps\n\n  constructor(props: EnhancedLinkProps) {\n    this.props = props\n    this.id = `enhanced-link-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n  }\n\n  private resolveValue<T>(value: T | Signal<T>): T {\n    return isSignal(value) ? value() : value\n  }\n\n  private getDestination(): string {\n    const dest = this.resolveValue(this.props.destination)\n    return dest instanceof URL ? dest.toString() : dest\n  }\n\n  private getTarget(): LinkTarget {\n    const explicitTarget = this.resolveValue(this.props.target)\n    if (explicitTarget) {\n      return explicitTarget\n    }\n    \n    // Auto-target: external links default to _blank for security\n    const dest = this.resolveValue(this.props.destination)\n    const destination = dest instanceof URL ? dest.toString() : dest\n    if (this.isExternalURL(destination)) {\n      return '_blank'\n    }\n    \n    return '_self'\n  }\n\n  private getRoutingMode(): LinkRoutingMode {\n    return this.resolveValue(this.props.routingMode) || 'auto'\n  }\n\n  private getRel(): string {\n    const customRel = this.resolveValue(this.props.rel)\n    const target = this.getTarget()\n    const destination = this.getDestination()\n    \n    // Auto-generate security attributes for external links\n    const isExternal = this.isExternalURL(destination)\n    const autoRel = isExternal && target === '_blank' ? 'noopener noreferrer' : ''\n    \n    if (customRel && autoRel) {\n      return `${customRel} ${autoRel}`.trim()\n    }\n    return customRel || autoRel\n  }\n\n  private getDownload(): boolean | string | undefined {\n    return this.resolveValue(this.props.download)\n  }\n\n  private isDisabled(): boolean {\n    return this.resolveValue(this.props.disabled) || false\n  }\n\n  private getAccessibilityLabel(): string | undefined {\n    return this.resolveValue(this.props.accessibilityLabel)\n  }\n\n  private getAccessibilityHint(): string | undefined {\n    return this.resolveValue(this.props.accessibilityHint)\n  }\n\n  private getAccessibilityRole(): string | undefined {\n    return this.resolveValue(this.props.accessibilityRole)\n  }\n\n  private shouldUseInternalRouting(url: string): boolean {\n    const mode = this.getRoutingMode()\n    \n    if (mode === 'internal') return true\n    if (mode === 'external') return false\n    if (mode === 'spa') return true\n    \n    // Auto mode logic\n    if (this.isSpecialScheme(url)) return false\n    if (this.isExternalURL(url)) return false\n    \n    return true // Internal path\n  }\n\n  private isSpecialScheme(url: string): boolean {\n    return /^(mailto|tel|sms|ftp|file):/.test(url)\n  }\n\n\n  private async handleClick(event: Event): Promise<void> {\n    // Check if disabled\n    if (this.isDisabled()) {\n      event.preventDefault()\n      return\n    }\n\n    // Call onPress if provided\n    if (this.props.onPress) {\n      try {\n        this.props.onPress(event)\n      } catch (error) {\n        console.error('Link onPress error:', error)\n      }\n    }\n\n    // Don't prevent default for special schemes (let browser handle them)\n    const destination = this.getDestination()\n    if (this.isSpecialScheme(destination)) {\n      return // Let browser handle mailto:, tel:, etc.\n    }\n\n    event.preventDefault()\n\n    // Check for custom openURL environment action (SwiftUI pattern)\n    if (this.props.openURLAction) {\n      const result = this.props.openURLAction(destination)\n      if (result === 'handled') {\n        return // Custom handler took care of it\n      }\n    }\n\n    // Call onBeforeNavigation hook\n    if (this.props.onBeforeNavigation) {\n      try {\n        const shouldContinue = await this.props.onBeforeNavigation(destination)\n        if (!shouldContinue) {\n          return // Navigation cancelled\n        }\n      } catch (error) {\n        console.error('Link onBeforeNavigation error:', error)\n        throw error // Re-throw to prevent navigation\n      }\n    }\n\n    // Determine navigation method\n    const target = this.getTarget()\n    const routingMode = this.getRoutingMode()\n\n    if (this.shouldUseInternalRouting(destination)) {\n      // Internal routing\n      if (this.props.onInternalNavigation) {\n        try {\n          const handled = await this.props.onInternalNavigation(destination)\n          if (handled) {\n            return // Custom internal navigation handled it\n          }\n        } catch (error) {\n          console.error('Link onInternalNavigation error:', error)\n          // Continue with default handling\n        }\n      }\n\n      // Default internal navigation handling\n      if (routingMode === 'spa') {\n        this.handleSPANavigation(destination)\n      } else if (target === '_blank') {\n        window.open(destination, target)\n      } else {\n        window.location.href = destination\n      }\n    } else {\n      // External navigation\n      if (target === '_blank' || target === '_top' || target === '_parent') {\n        window.open(destination, target)\n      } else {\n        window.location.href = destination\n      }\n    }\n  }\n\n  private handleSPANavigation(path: string): void {\n    // Use History API for single-page app navigation\n    if (typeof window !== 'undefined' && window.history && window.history.pushState) {\n      window.history.pushState(null, '', path)\n      // Dispatch popstate event to notify app of navigation\n      window.dispatchEvent(new PopStateEvent('popstate'))\n    } else {\n      // Fallback to regular navigation\n      window.location.href = path\n    }\n  }\n\n  private isExternalURL(url: string): boolean {\n    try {\n      const urlObj = new URL(url, window.location.href)\n      return urlObj.hostname !== window.location.hostname\n    } catch {\n      return false\n    }\n  }\n\n  private renderContent(): DOMNode[] {\n    // If we have a label closure, use it (SwiftUI pattern)\n    if (this.props.label) {\n      const labelComponent = this.props.label()\n      const rendered = labelComponent.render()\n      return Array.isArray(rendered) ? rendered : [rendered]\n    }\n    \n    // If we have children (backward compatibility)\n    if (this.props.children) {\n      return this.renderChildren()\n    }\n    \n    // Use Text component for reactive text content\n    // Convert URL to string and handle reactive signals properly\n    let textContent: string | Signal<string>\n    if (this.props.text) {\n      textContent = this.props.text\n    } else {\n      // Fallback to destination, but convert URL to string\n      if (isSignal(this.props.destination)) {\n        // Create a computed that derives string from the reactive destination\n        textContent = createComputed(() => this.getDestination())\n      } else {\n        textContent = this.getDestination() // Convert static URL to string\n      }\n    }\n    \n    const textComponent = Text(textContent)\n    const rendered = textComponent.render()\n    return Array.isArray(rendered) ? rendered : [rendered]\n  }\n\n  private renderChildren(): DOMNode[] {\n    const { children } = this.props\n    if (!children) return []\n\n    // Handle array of children\n    if (Array.isArray(children)) {\n      return children.map(child => this.renderChild(child)).flat()\n    }\n\n    // Handle single child\n    return this.renderChild(children)\n  }\n\n  private renderChild(child: string | ComponentInstance): DOMNode[] {\n    if (typeof child === 'string') {\n      const textComponent = Text(child)\n      const rendered = textComponent.render()\n      return Array.isArray(rendered) ? rendered : [rendered]\n    } else {\n      const rendered = child.render()\n      return Array.isArray(rendered) ? rendered : [rendered]\n    }\n  }\n\n  render(): DOMNode {\n    const content = this.renderContent()\n    const disabled = this.isDisabled()\n    \n    // Build props object\n    const props: Record<string, any> = {\n      id: this.id,\n      'data-component': 'enhanced-link'\n    }\n\n    // Add href (reactive if needed)\n    if (isSignal(this.props.destination)) {\n      props.href = () => this.getDestination()\n    } else {\n      props.href = this.getDestination()\n    }\n\n    // Add target (reactive if needed)\n    if (this.props.target) {\n      if (isSignal(this.props.target)) {\n        props.target = () => this.getTarget()\n      } else {\n        props.target = this.getTarget()\n      }\n    }\n\n    // Add rel (reactive if needed)\n    const rel = this.getRel()\n    if (rel) {\n      if (isSignal(this.props.rel) || isSignal(this.props.target)) {\n        props.rel = () => this.getRel()\n      } else {\n        props.rel = rel\n      }\n    }\n\n    // Add download (reactive if needed)\n    const download = this.getDownload()\n    if (download !== undefined) {\n      if (isSignal(this.props.download)) {\n        props.download = () => this.getDownload()\n      } else if (download === true) {\n        props.download = true\n      } else if (typeof download === 'string') {\n        props.download = download\n      }\n    }\n\n    // Add accessibility attributes\n    const accessibilityLabel = this.getAccessibilityLabel()\n    if (accessibilityLabel) {\n      if (isSignal(this.props.accessibilityLabel)) {\n        props['aria-label'] = () => this.getAccessibilityLabel()\n      } else {\n        props['aria-label'] = accessibilityLabel\n      }\n    }\n\n    const accessibilityHint = this.getAccessibilityHint()\n    if (accessibilityHint) {\n      if (isSignal(this.props.accessibilityHint)) {\n        props['aria-describedby'] = () => this.getAccessibilityHint()\n      } else {\n        props['aria-describedby'] = accessibilityHint\n      }\n    }\n\n    const accessibilityRole = this.getAccessibilityRole()\n    if (accessibilityRole) {\n      if (isSignal(this.props.accessibilityRole)) {\n        props.role = () => this.getAccessibilityRole()\n      } else {\n        props.role = accessibilityRole\n      }\n    }\n\n    // Add disabled state\n    if (disabled) {\n      props['aria-disabled'] = 'true'\n      props.tabindex = '-1'\n    }\n\n    // Add event handlers\n    props.onclick = (e: Event) => this.handleClick(e)\n\n    // Add base styles (can be overridden by modifiers)\n    props.style = {\n      textDecoration: 'none',\n      color: 'inherit',\n      cursor: disabled ? 'not-allowed' : 'pointer',\n      opacity: disabled ? 0.6 : 1\n    }\n\n    const link = h('a', props, ...content)\n    \n    return link\n  }\n\n  // Concatenation support\n  concat<U extends Concatenatable<any>>(other: U): ConcatenatedComponent<EnhancedLinkProps | U> {\n    const thisSegment = this.toSegment()\n    const otherSegment = other.toSegment()\n    \n    const metadata: ConcatenationMetadata = {\n      totalSegments: 2,\n      accessibilityRole: 'composite',\n      semanticStructure: 'inline'\n    }\n    \n    return new ConcatenatedComponent([thisSegment, otherSegment], metadata)\n  }\n  \n  toSegment(): ComponentSegment {\n    return {\n      id: this.id,\n      component: this,\n      modifiers: [],\n      render: () => this.render()\n    }\n  }\n  \n  isConcatenatable(): boolean {\n    return true\n  }\n}\n\n/**\n * Create enhanced Link component with modifier support\n * \n * Supports both SwiftUI-compatible API and object-based API for backward compatibility:\n * - SwiftUI API: Link(\"text\", \"destination\")\n * - Object API: Link({ destination: \"url\", children: \"text\", ... })\n */\nexport function Link(\n  textOrProps: string | Signal<string> | EnhancedLinkProps,\n  destination?: string | URL | Signal<string | URL>\n): any {\n  // SwiftUI API: Link(text, destination)\n  if (destination !== undefined) {\n    const linkProps: EnhancedLinkProps = { \n      text: textOrProps as string | Signal<string>, \n      destination \n    }\n    const component = new EnhancedLinkComponent(linkProps)\n    return withModifiers(component)\n  }\n  \n  // Object API: Link({ destination, children, ... })\n  const props = textOrProps as EnhancedLinkProps\n  const component = new EnhancedLinkComponent(props)\n  return withModifiers(component)\n}\n\n/**\n * Environment-style OpenURL Action (matches SwiftUI pattern)\n */\nexport type OpenURLAction = (url: string) => 'handled' | 'systemAction'\n\n/**\n * Enhanced Link Utilities (comprehensive web link patterns)\n */\nexport const LinkUtils = {\n  /**\n   * Create an external link that opens in a new tab\n   */\n  external(url: string, label: string, options: Partial<EnhancedLinkProps> = {}) {\n    return {\n      destination: url,\n      children: label,\n      target: '_blank' as LinkTarget,\n      routingMode: 'external' as LinkRoutingMode,\n      rel: 'noopener noreferrer external',\n      accessibilityHint: 'Opens in a new tab',\n      ...options,\n    }\n  },\n\n  /**\n   * Create an internal link for same-domain navigation\n   */\n  internal(path: string, label: string, options: Partial<EnhancedLinkProps> = {}) {\n    return {\n      destination: path,\n      children: label,\n      routingMode: 'internal' as LinkRoutingMode,\n      target: '_self' as LinkTarget,\n      ...options,\n    }\n  },\n\n  /**\n   * Create a SPA link using History API\n   */\n  spa(path: string, label: string, options: Partial<EnhancedLinkProps> = {}) {\n    return {\n      destination: path,\n      children: label,\n      routingMode: 'spa' as LinkRoutingMode,\n      target: '_self' as LinkTarget,\n      accessibilityHint: 'Navigates within the app',\n      ...options,\n    }\n  },\n\n  /**\n   * Create an email link with optional subject and body\n   */\n  email(\n    address: string,\n    subject?: string,\n    body?: string,\n    label?: string\n  ) {\n    let mailto = `mailto:${address}`\n    const params = new URLSearchParams()\n    \n    if (subject) params.append('subject', subject)\n    if (body) params.append('body', body)\n    \n    if (params.toString()) {\n      mailto += `?${params.toString()}`\n    }\n\n    return {\n      destination: mailto,\n      children: label || address,\n      accessibilityLabel: `Send email to ${address}`,\n      accessibilityHint: 'Opens your email app',\n    }\n  },\n\n  /**\n   * Create a phone link with formatted display\n   */\n  phone(phoneNumber: string, label?: string) {\n    // Clean phone number for tel: link\n    const cleanNumber = phoneNumber.replace(/[^\\d+]/g, '')\n    \n    return {\n      destination: `tel:${cleanNumber}`,\n      children: label || phoneNumber,\n      accessibilityLabel: `Call ${phoneNumber}`,\n      accessibilityHint: 'Opens your phone app',\n    }\n  },\n\n  /**\n   * Create a download link\n   */\n  download(url: string, filename?: string, label?: string) {\n    return {\n      destination: url,\n      children: label || `Download ${filename || 'file'}`,\n      download: filename || true,\n      accessibilityLabel: `Download ${filename || 'file'}`,\n      accessibilityHint: 'Downloads file to your device',\n    }\n  },\n\n  /**\n   * Social media link utilities\n   */\n  social: {\n    twitter(username: string, label?: string) {\n      return LinkUtils.external(\n        `https://twitter.com/${username}`,\n        label || `@${username}`,\n        { accessibilityLabel: `Visit ${username} on Twitter` }\n      )\n    },\n\n    github(username: string, label?: string) {\n      return LinkUtils.external(\n        `https://github.com/${username}`,\n        label || username,\n        { accessibilityLabel: `Visit ${username} on GitHub` }\n      )\n    },\n\n    linkedin(profile: string, label?: string) {\n      return LinkUtils.external(\n        `https://linkedin.com/in/${profile}`,\n        label || profile,\n        { accessibilityLabel: `Visit ${profile} on LinkedIn` }\n      )\n    },\n\n    instagram(username: string, label?: string) {\n      return LinkUtils.external(\n        `https://instagram.com/${username}`,\n        label || `@${username}`,\n        { accessibilityLabel: `Visit ${username} on Instagram` }\n      )\n    },\n\n    facebook(username: string, label?: string) {\n      return LinkUtils.external(\n        `https://facebook.com/${username}`,\n        label || username,\n        { accessibilityLabel: `Visit ${username} on Facebook` }\n      )\n    },\n  },\n\n  /**\n   * App store link utilities\n   */\n  appStore: {\n    ios(appId: string, label?: string) {\n      return LinkUtils.external(\n        `https://apps.apple.com/app/id${appId}`,\n        label || 'Download from App Store',\n        { \n          accessibilityLabel: 'Download from the iOS App Store',\n          accessibilityHint: 'Opens App Store app or website'\n        }\n      )\n    },\n\n    android(packageName: string, label?: string) {\n      return LinkUtils.external(\n        `https://play.google.com/store/apps/details?id=${packageName}`,\n        label || 'Get it on Google Play',\n        {\n          accessibilityLabel: 'Download from Google Play Store',\n          accessibilityHint: 'Opens Google Play Store app or website'\n        }\n      )\n    },\n  },\n\n  /**\n   * Create a custom OpenURL action\n   */\n  openURLAction(handler: (url: string) => boolean): OpenURLAction {\n    return (url: string) => handler(url) ? 'handled' : 'systemAction'\n  }\n}"],"names":["EnhancedLinkComponent","props","__publicField","value","isSignal","dest","explicitTarget","destination","customRel","target","autoRel","url","mode","event","error","routingMode","path","rendered","textContent","createComputed","Text","children","child","content","disabled","rel","download","accessibilityLabel","accessibilityHint","accessibilityRole","e","h","other","thisSegment","otherSegment","metadata","ConcatenatedComponent","Link","textOrProps","linkProps","component","withModifiers","LinkUtils","label","options","address","subject","body","mailto","params","phoneNumber","filename","username","profile","appId","packageName","handler"],"mappings":"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"}

package/dist/components/Form.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");const h=require("../reactive/effect.cjs"),u=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");require("../runtime/component.cjs");require("../runtime/context.cjs");require("../runtime/dev-tools.cjs");require("../runtime/dom-bridge.cjs");require("../runtime/error-boundary.cjs");require("../runtime/error-reporting.cjs");require("../runtime/performance.cjs");const l=require("../runtime/renderer.cjs");require("../runtime/element-override.cjs");require("../runtime/semantic-role-manager.cjs");require("../runtime/development-warnings.cjs");const c=require("./wrapper.cjs");var f=Object.defineProperty,p=(r,e,t)=>e in r?f(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,a=(r,e,t)=>p(r,typeof e!="symbol"?e+"":e,t);class m{constructor(e){this.props=e,a(this,"type","component"),a(this,"id"),a(this,"mounted",!1),a(this,"cleanup",[]),a(this,"formElement",null),a(this,"validationErrors"),a(this,"setValidationErrors"),a(this,"setIsValid"),a(this,"handleSubmit",async n=>{if(n.preventDefault(),this.props.validateOnSubmit!==!1){const o=this.validateForm();if(this.setValidationErrors(o),o.length>0)return}if(this.props.onSubmit){const o=this.extractFormData();await this.props.onSubmit(o)}}),a(this,"handleChange",()=>{if(this.props.validateOnChange){const n=this.validateForm();this.setValidationErrors(n)}}),this.id=`form-${Date.now()}-${Math.random().toString(36).substr(2,9)}`;const[t,i]=u.createSignal([]),[,s]=u.createSignal(!0);this.validationErrors=t,this.setValidationErrors=i,this.setIsValid=s,h.createEffect(()=>{const n=this.validationErrors(),o=n.length===0;this.setIsValid(o),this.props.onValidationChange&&this.props.onValidationChange(o,n)})}extractFormData(){if(!this.formElement)return{};const e=new FormData(this.formElement),t={};for(const[i,s]of e.entries())t[i]?Array.isArray(t[i])?t[i].push(s):t[i]=[t[i],s]:t[i]=s;return t}validateForm(){if(!this.formElement)return[];const e=[];return this.formElement.querySelectorAll("input, select, textarea").forEach(i=>{const s=i,n=s.name||s.id;s.checkValidity()||e.push({field:n,message:s.validationMessage,code:"html5_validation"}),s.hasAttribute("required")&&!s.value.trim()&&e.push({field:n,message:`${n} is required`,code:"required"})}),e}getFormStyles(){const{style:e="automatic",spacing:t=16}=this.props,i={display:"flex",flexDirection:"column",gap:`${t}px`};switch(e){case"grouped":return{...i,backgroundColor:"#ffffff",border:"1px solid #e0e0e0",borderRadius:"12px",padding:"20px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"};case"inset":return{...i,backgroundColor:"#f8f9fa",border:"1px solid #e9ecef",borderRadius:"8px",padding:"16px",margin:"0 16px"};case"plain":return i;default:return{...i,backgroundColor:"#ffffff",borderRadius:"8px",padding:"16px"}}}renderValidationSummary(){const e=this.validationErrors();return!this.props.showValidationSummary||e.length===0?null:l.h("div",{style:{backgroundColor:"#fff5f5",border:"1px solid #fed7d7",borderRadius:"6px",padding:"12px 16px",marginBottom:"16px"}},l.h("div",{style:{fontSize:"14px",fontWeight:"600",color:"#e53e3e",marginBottom:"8px"}},l.text("Please fix the following errors:")),l.h("ul",{style:{margin:"0",paddingLeft:"20px",fontSize:"14px",color:"#c53030"}},...e.map(t=>l.h("li",{key:t.field},l.text(t.message)))))}render(){const{children:e=[],accessibilityLabel:t,accessibilityRole:i="form"}=this.props;return[l.h("form",{ref:s=>{this.formElement=s,s&&!this.mounted&&(s.addEventListener("submit",this.handleSubmit),s.addEventListener("change",this.handleChange),s.addEventListener("input",this.handleChange),this.cleanup.push(()=>{s.removeEventListener("submit",this.handleSubmit),s.removeEventListener("change",this.handleChange),s.removeEventListener("input",this.handleChange)}),this.mounted=!0)},style:this.getFormStyles(),"aria-label":t,role:i,noValidate:!0},...this.renderValidationSummary()!==null?[this.renderValidationSummary()]:[],...e.flatMap(s=>s.render()))]}}function d(r,e={}){const t={...e,children:r},i=new m(t);return c.withModifiers(i)}const g={Automatic(r,e={}){return d(r,{...e,style:"automatic"})},Grouped(r,e={}){return d(r,{...e,style:"grouped"})},Inset(r,e={}){return d(r,{...e,style:"inset"})},Plain(r,e={}){return d(r,{...e,style:"plain"})}},b={rules:{required:r=>r!=null&&r!=="",email:r=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r),minLength:r=>e=>e.length>=r,maxLength:r=>e=>e.length<=r,pattern:r=>e=>r.test(e),number:r=>!Number.isNaN(Number(r)),integer:r=>Number.isInteger(Number(r)),min:r=>e=>Number(e)>=r,max:r=>e=>Number(e)<=r},validateField(r,e){for(const t of e){const i=t(r);if(i!==!0)return{field:"field",message:typeof i=="string"?i:"Validation failed",code:"custom_validation"}}return null}};exports.BasicForm=d;exports.BasicFormImplementation=m;exports.BasicFormStyles=g;exports.BasicFormValidation=b;
+//# sourceMappingURL=Form.cjs.map

package/dist/components/Form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.cjs","sources":["../../src/components/Form.ts"],"sourcesContent":["/**\n * BasicForm Component (Phase 6.4.1)\n *\n * Lightweight SwiftUI-inspired Form component for Core-only applications.\n * Provides essential form functionality with automatic styling and basic validation\n * without the complexity of the full Forms plugin. Perfect for simple forms,\n * contact forms, and login pages where minimal bundle size is important.\n *\n * For advanced form features (comprehensive validation, state management,\n * multi-step forms), use the Form component from @tachui/forms.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport { createEffect, createSignal } from '../reactive'\n// Signal type import removed - using function signatures instead\nimport { h, text } from '../runtime'\nimport type { ComponentInstance, ComponentProps } from '../runtime/types'\nimport { withModifiers } from './wrapper'\n\n/**\n * BasicForm component properties\n */\nexport interface BasicFormProps extends ComponentProps {\n  children?: ComponentInstance[]\n\n  // Form behavior\n  onSubmit?: (data: FormData) => void | Promise<void>\n  onValidationChange?: (isValid: boolean, errors: ValidationError[]) => void\n\n  // Validation\n  validateOnChange?: boolean\n  validateOnSubmit?: boolean\n  showValidationSummary?: boolean\n\n  // Styling\n  style?: 'automatic' | 'grouped' | 'inset' | 'plain'\n  spacing?: number\n\n  // Accessibility\n  accessibilityLabel?: string\n  accessibilityRole?: string\n}\n\n/**\n * Validation error structure\n */\nexport interface ValidationError {\n  field: string\n  message: string\n  code?: string\n}\n\n/**\n * Form data structure\n */\nexport interface FormData {\n  // biome-ignore lint/suspicious/noExplicitAny: Form data requires flexible value types\n  [key: string]: any\n}\n\n/**\n * BasicForm component class\n */\nexport class BasicFormImplementation implements ComponentInstance<BasicFormProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  private formElement: HTMLFormElement | null = null\n  private validationErrors: () => ValidationError[]\n  private setValidationErrors: (errors: ValidationError[]) => ValidationError[]\n  // isValid accessor removed - value tracked internally\n  private setIsValid: (valid: boolean) => boolean\n\n  constructor(public props: BasicFormProps) {\n    this.id = `form-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n\n    // Initialize validation signals\n    const [errors, setErrors] = createSignal<ValidationError[]>([])\n    const [, setValid] = createSignal(true)\n    this.validationErrors = errors\n    this.setValidationErrors = setErrors\n    // this.isValid = valid - removed unused accessor\n    this.setIsValid = setValid\n\n    // Setup validation change effect\n    createEffect(() => {\n      const currentErrors = this.validationErrors()\n      const currentValid = currentErrors.length === 0\n      this.setIsValid(currentValid)\n\n      if (this.props.onValidationChange) {\n        this.props.onValidationChange(currentValid, currentErrors)\n      }\n    })\n  }\n\n  /**\n   * Extract form data from form elements\n   */\n  private extractFormData(): FormData {\n    if (!this.formElement) return {}\n\n    const formData = new FormData(this.formElement)\n    const data: FormData = {}\n\n    // Convert FormData to plain object\n    for (const [key, value] of formData.entries()) {\n      if (data[key]) {\n        // Handle multiple values (checkboxes, multi-select)\n        if (Array.isArray(data[key])) {\n          // biome-ignore lint/suspicious/noExplicitAny: Form data array manipulation requires dynamic typing\n          ;(data[key] as any[]).push(value)\n        } else {\n          data[key] = [data[key], value]\n        }\n      } else {\n        data[key] = value\n      }\n    }\n\n    return data\n  }\n\n  /**\n   * Validate all form fields\n   */\n  private validateForm(): ValidationError[] {\n    if (!this.formElement) return []\n\n    const errors: ValidationError[] = []\n    const inputs = this.formElement.querySelectorAll('input, select, textarea')\n\n    inputs.forEach((input) => {\n      const element = input as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n      const name = element.name || element.id\n\n      // Check HTML5 validation\n      if (!element.checkValidity()) {\n        errors.push({\n          field: name,\n          message: element.validationMessage,\n          code: 'html5_validation',\n        })\n      }\n\n      // Check required fields\n      if (element.hasAttribute('required') && !element.value.trim()) {\n        errors.push({\n          field: name,\n          message: `${name} is required`,\n          code: 'required',\n        })\n      }\n    })\n\n    return errors\n  }\n\n  /**\n   * Handle form submission\n   */\n  private handleSubmit = async (event: Event) => {\n    event.preventDefault()\n\n    if (this.props.validateOnSubmit !== false) {\n      const errors = this.validateForm()\n      this.setValidationErrors(errors)\n\n      if (errors.length > 0) {\n        return\n      }\n    }\n\n    if (this.props.onSubmit) {\n      const data = this.extractFormData()\n      await this.props.onSubmit(data)\n    }\n  }\n\n  /**\n   * Handle form input changes\n   */\n  private handleChange = () => {\n    if (this.props.validateOnChange) {\n      const errors = this.validateForm()\n      this.setValidationErrors(errors)\n    }\n  }\n\n  /**\n   * Get form styling based on style prop\n   */\n  private getFormStyles() {\n    const { style = 'automatic', spacing = 16 } = this.props\n\n    const baseStyles = {\n      display: 'flex',\n      flexDirection: 'column' as const,\n      gap: `${spacing}px`,\n    }\n\n    switch (style) {\n      case 'grouped':\n        return {\n          ...baseStyles,\n          backgroundColor: '#ffffff',\n          border: '1px solid #e0e0e0',\n          borderRadius: '12px',\n          padding: '20px',\n          boxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n        }\n\n      case 'inset':\n        return {\n          ...baseStyles,\n          backgroundColor: '#f8f9fa',\n          border: '1px solid #e9ecef',\n          borderRadius: '8px',\n          padding: '16px',\n          margin: '0 16px',\n        }\n\n      case 'plain':\n        return baseStyles\n      default:\n        return {\n          ...baseStyles,\n          backgroundColor: '#ffffff',\n          borderRadius: '8px',\n          padding: '16px',\n        }\n    }\n  }\n\n  /**\n   * Render validation summary\n   */\n  private renderValidationSummary() {\n    const errors = this.validationErrors()\n\n    if (!this.props.showValidationSummary || errors.length === 0) {\n      return null\n    }\n\n    return h(\n      'div',\n      {\n        style: {\n          backgroundColor: '#fff5f5',\n          border: '1px solid #fed7d7',\n          borderRadius: '6px',\n          padding: '12px 16px',\n          marginBottom: '16px',\n        },\n      },\n      h(\n        'div',\n        {\n          style: {\n            fontSize: '14px',\n            fontWeight: '600',\n            color: '#e53e3e',\n            marginBottom: '8px',\n          },\n        },\n        text('Please fix the following errors:')\n      ),\n\n      h(\n        'ul',\n        {\n          style: {\n            margin: '0',\n            paddingLeft: '20px',\n            fontSize: '14px',\n            color: '#c53030',\n          },\n        },\n        ...errors.map((error) => h('li', { key: error.field }, text(error.message)))\n      )\n    )\n  }\n\n  render() {\n    const { children = [], accessibilityLabel, accessibilityRole = 'form' } = this.props\n\n    return [\n      h(\n        'form',\n        {\n          ref: (el: HTMLFormElement) => {\n            this.formElement = el\n\n            // Add event listeners when mounted\n            if (el && !this.mounted) {\n              el.addEventListener('submit', this.handleSubmit)\n              el.addEventListener('change', this.handleChange)\n              el.addEventListener('input', this.handleChange)\n\n              this.cleanup.push(() => {\n                el.removeEventListener('submit', this.handleSubmit)\n                el.removeEventListener('change', this.handleChange)\n                el.removeEventListener('input', this.handleChange)\n              })\n\n              this.mounted = true\n            }\n          },\n          style: this.getFormStyles(),\n          'aria-label': accessibilityLabel,\n          role: accessibilityRole,\n          noValidate: true, // We handle validation manually\n        },\n        // Validation summary\n        ...(this.renderValidationSummary() !== null ? [this.renderValidationSummary()!] : []),\n\n        // Form content\n        ...children.flatMap((child) => child.render())\n      ),\n    ]\n  }\n}\n\n/**\n * BasicForm component function\n */\nexport function BasicForm(\n  children: ComponentInstance[],\n  props: Omit<BasicFormProps, 'children'> = {}\n): ModifiableComponent<BasicFormProps> & { modifier: ModifierBuilder<ModifiableComponent<BasicFormProps>> } {\n  const formProps: BasicFormProps = { ...props, children }\n  const component = new BasicFormImplementation(formProps)\n  return withModifiers(component)\n}\n\n\n/**\n * BasicForm style variants\n */\nexport const BasicFormStyles = {\n  /**\n   * Automatic form styling (default)\n   */\n  Automatic(children: ComponentInstance[], props: Omit<BasicFormProps, 'children' | 'style'> = {}) {\n    return BasicForm(children, { ...props, style: 'automatic' })\n  },\n\n  /**\n   * Grouped form with container styling\n   */\n  Grouped(children: ComponentInstance[], props: Omit<BasicFormProps, 'children' | 'style'> = {}) {\n    return BasicForm(children, { ...props, style: 'grouped' })\n  },\n\n  /**\n   * Inset form styling\n   */\n  Inset(children: ComponentInstance[], props: Omit<BasicFormProps, 'children' | 'style'> = {}) {\n    return BasicForm(children, { ...props, style: 'inset' })\n  },\n\n  /**\n   * Plain form without styling\n   */\n  Plain(children: ComponentInstance[], props: Omit<BasicFormProps, 'children' | 'style'> = {}) {\n    return BasicForm(children, { ...props, style: 'plain' })\n  },\n}\n\n\n/**\n * BasicForm validation utilities\n */\nexport const BasicFormValidation = {\n  /**\n   * Common validation rules\n   */\n  rules: {\n    // biome-ignore lint/suspicious/noExplicitAny: Validation rules accept any input type\n    required: (value: any) => value != null && value !== '',\n    email: (value: string) => /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value),\n    minLength: (min: number) => (value: string) => value.length >= min,\n    maxLength: (max: number) => (value: string) => value.length <= max,\n    pattern: (regex: RegExp) => (value: string) => regex.test(value),\n    number: (value: string) => !Number.isNaN(Number(value)),\n    integer: (value: string) => Number.isInteger(Number(value)),\n    min: (min: number) => (value: string) => Number(value) >= min,\n    max: (max: number) => (value: string) => Number(value) <= max,\n  },\n\n  /**\n   * Validate a single field\n   */\n  validateField(\n    // biome-ignore lint/suspicious/noExplicitAny: Validation accepts any field value\n    value: any,\n    // biome-ignore lint/suspicious/noExplicitAny: Validation rules accept any input type\n    rules: Array<(value: any) => boolean | string>\n  ): ValidationError | null {\n    for (const rule of rules) {\n      const result = rule(value)\n      if (result !== true) {\n        return {\n          field: 'field',\n          message: typeof result === 'string' ? result : 'Validation failed',\n          code: 'custom_validation',\n        }\n      }\n    }\n    return null\n  },\n}\n\n"],"names":["BasicFormImplementation","props","__publicField","event","errors","data","setErrors","createSignal","setValid","createEffect","currentErrors","currentValid","formData","key","value","input","element","name","style","spacing","baseStyles","h","text","error","children","accessibilityLabel","accessibilityRole","el","child","BasicForm","formProps","component","withModifiers","BasicFormStyles","BasicFormValidation","min","max","regex","rules","rule","result"],"mappings":"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"}

package/dist/components/Form.d.ts

@@ -0,0 +1,141 @@
+/**
+ * BasicForm Component (Phase 6.4.1)
+ *
+ * Lightweight SwiftUI-inspired Form component for Core-only applications.
+ * Provides essential form functionality with automatic styling and basic validation
+ * without the complexity of the full Forms plugin. Perfect for simple forms,
+ * contact forms, and login pages where minimal bundle size is important.
+ *
+ * For advanced form features (comprehensive validation, state management,
+ * multi-step forms), use the Form component from @tachui/forms.
+ */
+import type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
+import type { ComponentInstance, ComponentProps } from '../runtime/types';
+/**
+ * BasicForm component properties
+ */
+export interface BasicFormProps extends ComponentProps {
+    children?: ComponentInstance[];
+    onSubmit?: (data: FormData) => void | Promise<void>;
+    onValidationChange?: (isValid: boolean, errors: ValidationError[]) => void;
+    validateOnChange?: boolean;
+    validateOnSubmit?: boolean;
+    showValidationSummary?: boolean;
+    style?: 'automatic' | 'grouped' | 'inset' | 'plain';
+    spacing?: number;
+    accessibilityLabel?: string;
+    accessibilityRole?: string;
+}
+/**
+ * Validation error structure
+ */
+export interface ValidationError {
+    field: string;
+    message: string;
+    code?: string;
+}
+/**
+ * Form data structure
+ */
+export interface FormData {
+    [key: string]: any;
+}
+/**
+ * BasicForm component class
+ */
+export declare class BasicFormImplementation implements ComponentInstance<BasicFormProps> {
+    props: BasicFormProps;
+    readonly type: "component";
+    readonly id: string;
+    mounted: boolean;
+    cleanup: (() => void)[];
+    private formElement;
+    private validationErrors;
+    private setValidationErrors;
+    private setIsValid;
+    constructor(props: BasicFormProps);
+    /**
+     * Extract form data from form elements
+     */
+    private extractFormData;
+    /**
+     * Validate all form fields
+     */
+    private validateForm;
+    /**
+     * Handle form submission
+     */
+    private handleSubmit;
+    /**
+     * Handle form input changes
+     */
+    private handleChange;
+    /**
+     * Get form styling based on style prop
+     */
+    private getFormStyles;
+    /**
+     * Render validation summary
+     */
+    private renderValidationSummary;
+    render(): import("../runtime").DOMNode[];
+}
+/**
+ * BasicForm component function
+ */
+export declare function BasicForm(children: ComponentInstance[], props?: Omit<BasicFormProps, 'children'>): ModifiableComponent<BasicFormProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<BasicFormProps>>;
+};
+/**
+ * BasicForm style variants
+ */
+export declare const BasicFormStyles: {
+    /**
+     * Automatic form styling (default)
+     */
+    Automatic(children: ComponentInstance[], props?: Omit<BasicFormProps, "children" | "style">): ModifiableComponent<BasicFormProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<BasicFormProps>>;
+    };
+    /**
+     * Grouped form with container styling
+     */
+    Grouped(children: ComponentInstance[], props?: Omit<BasicFormProps, "children" | "style">): ModifiableComponent<BasicFormProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<BasicFormProps>>;
+    };
+    /**
+     * Inset form styling
+     */
+    Inset(children: ComponentInstance[], props?: Omit<BasicFormProps, "children" | "style">): ModifiableComponent<BasicFormProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<BasicFormProps>>;
+    };
+    /**
+     * Plain form without styling
+     */
+    Plain(children: ComponentInstance[], props?: Omit<BasicFormProps, "children" | "style">): ModifiableComponent<BasicFormProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<BasicFormProps>>;
+    };
+};
+/**
+ * BasicForm validation utilities
+ */
+export declare const BasicFormValidation: {
+    /**
+     * Common validation rules
+     */
+    rules: {
+        required: (value: any) => boolean;
+        email: (value: string) => boolean;
+        minLength: (min: number) => (value: string) => boolean;
+        maxLength: (max: number) => (value: string) => boolean;
+        pattern: (regex: RegExp) => (value: string) => boolean;
+        number: (value: string) => boolean;
+        integer: (value: string) => boolean;
+        min: (min: number) => (value: string) => boolean;
+        max: (max: number) => (value: string) => boolean;
+    };
+    /**
+     * Validate a single field
+     */
+    validateField(value: any, rules: Array<(value: any) => boolean | string>): ValidationError | null;
+};
+//# 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":"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"}