@tachui/core 0.7.0-alpha1

package/dist/validation/comprehensive.js

@@ -0,0 +1,916 @@
+import "../reactive/cleanup.js";
+import "../reactive/unified-scheduler.js";
+import { isSignal as h } from "../reactive/signal.js";
+import "../reactive/scheduler.js";
+import "../reactive/theme.js";
+class o extends Error {
+  constructor(t, n) {
+    super(t), this.context = n, this.name = "TachUIValidationError";
+  }
+  getFormattedMessage() {
+    const { component: t, suggestion: n, example: i, documentation: c, package: a } = this.context;
+    let u = `❌ ${a ? `[@tachui/${a}]` : "[Core]"} ${t} Component Error: ${this.message}
+`;
+    return n && (u += `
+💡 Suggestion: ${n}
+`), i && (u += `
+❌ Wrong: ${i.wrong}`, u += `
+✅ Correct: ${i.correct}
+`), c && (u += `
+📚 Documentation: ${c}`), u;
+  }
+}
+let r = {
+  enabled: process.env.NODE_ENV !== "production",
+  strictMode: !1,
+  errorLevel: "error",
+  excludeFiles: [],
+  packages: {
+    core: !0,
+    forms: !0,
+    navigation: !0,
+    symbols: !0,
+    plugins: !0
+  }
+};
+function g(e) {
+  r = { ...r, ...e };
+}
+function s() {
+  return r.enabled && process.env.NODE_ENV !== "production";
+}
+const f = {
+  // Text Component
+  validateText(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Text component requires a content parameter", {
+        component: "Text",
+        suggestion: 'Add a content parameter: Text("Hello World")',
+        documentation: "https://docs.tachui.dev/components/text",
+        example: {
+          wrong: "Text()",
+          correct: 'Text("Hello World")'
+        }
+      });
+    const [t] = e;
+    if (t == null)
+      throw new o("Text content cannot be undefined or null", {
+        component: "Text",
+        suggestion: "Provide a valid string, function, or Signal",
+        example: {
+          wrong: "Text(null)",
+          correct: 'Text("Hello World")'
+        }
+      });
+    const n = typeof t;
+    if (!(n === "string" || n === "function" || h(t)))
+      throw new o(`Text content must be a string, function, or Signal. Received: ${n}`, {
+        component: "Text",
+        suggestion: "Use a string literal, function, or reactive signal",
+        example: {
+          wrong: "Text(123)",
+          correct: 'Text("Hello World")'
+        }
+      });
+  },
+  // Button Component
+  validateButton(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Button component requires a title parameter", {
+        component: "Button",
+        suggestion: 'Add a title parameter: Button("Click me", () => {})',
+        documentation: "https://docs.tachui.dev/components/button",
+        example: {
+          wrong: "Button()",
+          correct: 'Button("Click me", () => {})'
+        }
+      });
+    const [t, n] = e;
+    if (t == null)
+      throw new o("Button title cannot be undefined or null", {
+        component: "Button",
+        suggestion: "Provide a valid string, function, or Signal",
+        example: {
+          wrong: "Button(null)",
+          correct: 'Button("Click me")'
+        }
+      });
+    const i = typeof t;
+    if (!(i === "string" || i === "function" || h(t)))
+      throw new o(`Button title must be a string, function, or Signal. Received: ${i}`, {
+        component: "Button",
+        suggestion: "Use a string literal, function, or reactive signal",
+        example: {
+          wrong: "Button(123)",
+          correct: 'Button("Click me")'
+        }
+      });
+    n === void 0 && e.length === 1 && r.errorLevel !== "error" && console.warn("⚠️ Button without action may not be interactive. Consider adding an action parameter.");
+  },
+  // Image Component
+  validateImage(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Image component requires a source parameter", {
+        component: "Image",
+        suggestion: 'Add a source parameter: Image({ source: "image.jpg" })',
+        documentation: "https://docs.tachui.dev/components/image",
+        example: {
+          wrong: "Image()",
+          correct: 'Image({ source: "image.jpg" })'
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("Image requires a props object", {
+        component: "Image",
+        suggestion: "Pass a props object with source property",
+        example: {
+          wrong: 'Image("image.jpg")',
+          correct: 'Image({ source: "image.jpg" })'
+        }
+      });
+    if (!t.source)
+      throw new o("Image source property is required", {
+        component: "Image",
+        suggestion: "Provide a valid image source URL or path",
+        example: {
+          wrong: 'Image({ alt: "description" })',
+          correct: 'Image({ source: "image.jpg", alt: "description" })'
+        }
+      });
+  },
+  // Toggle Component
+  validateToggle(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Toggle component requires an isOn parameter", {
+        component: "Toggle",
+        suggestion: "Add an isOn parameter: Toggle({ isOn: signal })",
+        documentation: "https://docs.tachui.dev/components/toggle",
+        example: {
+          wrong: "Toggle()",
+          correct: "Toggle({ isOn: isEnabled })"
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("Toggle requires a props object", {
+        component: "Toggle",
+        suggestion: "Pass a props object with isOn property",
+        example: {
+          wrong: "Toggle(true)",
+          correct: "Toggle({ isOn: true })"
+        }
+      });
+    if (t.isOn === void 0)
+      throw new o("Toggle isOn property is required", {
+        component: "Toggle",
+        suggestion: "Provide a boolean value or Signal for isOn",
+        example: {
+          wrong: "Toggle({ onToggle: handler })",
+          correct: "Toggle({ isOn: true, onToggle: handler })"
+        }
+      });
+  },
+  // Slider Component
+  validateSlider(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Slider component requires a value parameter", {
+        component: "Slider",
+        suggestion: "Add a value parameter: Slider({ value: signal })",
+        documentation: "https://docs.tachui.dev/components/slider",
+        example: {
+          wrong: "Slider()",
+          correct: "Slider({ value: sliderValue })"
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("Slider requires a props object", {
+        component: "Slider",
+        suggestion: "Pass a props object with value property",
+        example: {
+          wrong: "Slider(50)",
+          correct: "Slider({ value: 50 })"
+        }
+      });
+    if (t.value === void 0)
+      throw new o("Slider value property is required", {
+        component: "Slider",
+        suggestion: "Provide a numeric value or Signal for value",
+        example: {
+          wrong: "Slider({ min: 0, max: 100 })",
+          correct: "Slider({ value: 50, min: 0, max: 100 })"
+        }
+      });
+  },
+  // Picker Component
+  validatePicker(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Picker component requires options parameter", {
+        component: "Picker",
+        suggestion: 'Add options parameter: Picker({ options: ["Option 1", "Option 2"] })',
+        documentation: "https://docs.tachui.dev/components/picker",
+        example: {
+          wrong: "Picker()",
+          correct: 'Picker({ options: ["Red", "Green", "Blue"] })'
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("Picker requires a props object", {
+        component: "Picker",
+        suggestion: "Pass a props object with options array",
+        example: {
+          wrong: 'Picker(["Option 1", "Option 2"])',
+          correct: 'Picker({ options: ["Option 1", "Option 2"] })'
+        }
+      });
+    const n = t;
+    if (!Array.isArray(n.options))
+      throw new o("Picker options must be an array", {
+        component: "Picker",
+        suggestion: "Provide an array of options",
+        example: {
+          wrong: 'Picker({ options: "Option 1" })',
+          correct: 'Picker({ options: ["Option 1", "Option 2"] })'
+        }
+      });
+  },
+  // Layout Components (VStack, HStack, ZStack)
+  validateStack(e, t) {
+    if (!s() || !r.packages.core) return;
+    if (t.length === 0)
+      throw new o(`${e} component requires a props object with children array`, {
+        component: e,
+        suggestion: `Add children: ${e}({ children: [Text("Hello")] })`,
+        documentation: "https://docs.tachui.dev/components/layout",
+        example: {
+          wrong: `${e}()`,
+          correct: `${e}({ children: [Text("Hello")] })`
+        }
+      });
+    const [n] = t;
+    if (!n || typeof n != "object")
+      throw new o(`${e} requires a props object`, {
+        component: e,
+        suggestion: "Pass a props object with children array",
+        example: {
+          wrong: `${e}("invalid")`,
+          correct: `${e}({ children: [Text("Hello")] })`
+        }
+      });
+    const i = n;
+    if (!Array.isArray(i.children))
+      throw new o(`${e} children must be an array`, {
+        component: e,
+        suggestion: "Provide an array of components",
+        example: {
+          wrong: `${e}({ children: Text("Hello") })`,
+          correct: `${e}({ children: [Text("Hello")] })`
+        }
+      });
+  },
+  // List Component
+  validateList(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("List component requires a props object with data array", {
+        component: "List",
+        suggestion: "Add data: List({ data: items, renderItem: (item) => Text(item) })",
+        documentation: "https://docs.tachui.dev/components/list",
+        example: {
+          wrong: "List()",
+          correct: "List({ data: items, renderItem: (item) => Text(item) })"
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("List requires a props object", {
+        component: "List",
+        suggestion: "Pass a props object with data and renderItem",
+        example: {
+          wrong: "List(items)",
+          correct: "List({ data: items, renderItem: (item) => Text(item) })"
+        }
+      });
+    const n = t;
+    if (!Array.isArray(n.data) && !h(n.data))
+      throw new o("List data must be an array or Signal", {
+        component: "List",
+        suggestion: "Provide an array of items or reactive Signal",
+        example: {
+          wrong: 'List({ data: "invalid", renderItem: fn })',
+          correct: "List({ data: [1, 2, 3], renderItem: fn })"
+        }
+      });
+    if (typeof n.renderItem != "function")
+      throw new o("List renderItem must be a function", {
+        component: "List",
+        suggestion: "Provide a function that renders each item",
+        example: {
+          wrong: 'List({ data: items, renderItem: "invalid" })',
+          correct: "List({ data: items, renderItem: (item) => Text(item) })"
+        }
+      });
+  },
+  // ScrollView Component
+  validateScrollView(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("ScrollView component requires a props object with children", {
+        component: "ScrollView",
+        suggestion: "Add children: ScrollView({ children: [content] })",
+        documentation: "https://docs.tachui.dev/components/scrollview",
+        example: {
+          wrong: "ScrollView()",
+          correct: "ScrollView({ children: [VStack({ children: items })] })"
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("ScrollView requires a props object", {
+        component: "ScrollView",
+        suggestion: "Pass a props object with children",
+        example: {
+          wrong: "ScrollView(content)",
+          correct: "ScrollView({ children: [content] })"
+        }
+      });
+  },
+  // Alert Component
+  validateAlert(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Alert component requires a props object with title", {
+        component: "Alert",
+        suggestion: 'Add title: Alert({ title: "Warning", message: "Are you sure?" })',
+        documentation: "https://docs.tachui.dev/components/alert",
+        example: {
+          wrong: "Alert()",
+          correct: 'Alert({ title: "Warning", message: "Continue?" })'
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("Alert requires a props object", {
+        component: "Alert",
+        suggestion: "Pass a props object with title and message",
+        example: {
+          wrong: 'Alert("Warning")',
+          correct: 'Alert({ title: "Warning", message: "Continue?" })'
+        }
+      });
+    if (!t.title)
+      throw new o("Alert title property is required", {
+        component: "Alert",
+        suggestion: "Provide a title for the alert",
+        example: {
+          wrong: 'Alert({ message: "Continue?" })',
+          correct: 'Alert({ title: "Warning", message: "Continue?" })'
+        }
+      });
+  },
+  // Menu Component
+  validateMenu(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Menu component requires a props object with items", {
+        component: "Menu",
+        suggestion: 'Add items: Menu({ items: [{ title: "Item 1", action: () => {} }] })',
+        documentation: "https://docs.tachui.dev/components/menu",
+        example: {
+          wrong: "Menu()",
+          correct: 'Menu({ items: [{ title: "Edit", action: editAction }] })'
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("Menu requires a props object", {
+        component: "Menu",
+        suggestion: "Pass a props object with items array",
+        example: {
+          wrong: "Menu(items)",
+          correct: "Menu({ items: menuItems })"
+        }
+      });
+    const n = t;
+    if (!Array.isArray(n.items))
+      throw new o("Menu items must be an array", {
+        component: "Menu",
+        suggestion: "Provide an array of menu items",
+        example: {
+          wrong: 'Menu({ items: "invalid" })',
+          correct: 'Menu({ items: [{ title: "Edit", action: editAction }] })'
+        }
+      });
+  },
+  // DatePicker Component
+  validateDatePicker(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("DatePicker component requires a props object with value", {
+        component: "DatePicker",
+        suggestion: "Add value: DatePicker({ value: dateSignal })",
+        documentation: "https://docs.tachui.dev/components/datepicker",
+        example: {
+          wrong: "DatePicker()",
+          correct: 'DatePicker({ value: dateSignal, displayStyle: "compact" })'
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("DatePicker requires a props object", {
+        component: "DatePicker",
+        suggestion: "Pass a props object with value property",
+        example: {
+          wrong: "DatePicker(new Date())",
+          correct: "DatePicker({ value: dateSignal })"
+        }
+      });
+    if (t.value === void 0)
+      throw new o("DatePicker value property is required", {
+        component: "DatePicker",
+        suggestion: "Provide a Date value or Signal for value",
+        example: {
+          wrong: 'DatePicker({ displayStyle: "compact" })',
+          correct: 'DatePicker({ value: dateSignal, displayStyle: "compact" })'
+        }
+      });
+  },
+  // ActionSheet Component
+  validateActionSheet(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("ActionSheet component requires a props object with buttons", {
+        component: "ActionSheet",
+        suggestion: 'Add buttons: ActionSheet({ buttons: [{ title: "Action", action: () => {} }] })',
+        documentation: "https://docs.tachui.dev/components/actionsheet",
+        example: {
+          wrong: "ActionSheet()",
+          correct: 'ActionSheet({ buttons: [{ title: "Delete", role: "destructive", action: deleteAction }] })'
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("ActionSheet requires a props object", {
+        component: "ActionSheet",
+        suggestion: "Pass a props object with buttons array",
+        example: {
+          wrong: "ActionSheet(buttons)",
+          correct: "ActionSheet({ buttons: buttonsArray })"
+        }
+      });
+    const n = t;
+    if (!Array.isArray(n.buttons))
+      throw new o("ActionSheet buttons must be an array", {
+        component: "ActionSheet",
+        suggestion: "Provide an array of button objects",
+        example: {
+          wrong: 'ActionSheet({ buttons: { title: "Action" } })',
+          correct: 'ActionSheet({ buttons: [{ title: "Action", action: actionHandler }] })'
+        }
+      });
+  },
+  // Divider Component
+  validateDivider(e) {
+    if (!(!s() || !r.packages.core) && e.length > 0) {
+      const [t] = e;
+      if (t !== null && typeof t != "object")
+        throw new o("Divider props must be an object if provided", {
+          component: "Divider",
+          suggestion: "Pass an object or no arguments",
+          example: {
+            wrong: 'Divider("invalid")',
+            correct: "Divider() or Divider({ thickness: 2 })"
+          }
+        });
+    }
+  },
+  // Spacer Component
+  validateSpacer(e) {
+    if (!(!s() || !r.packages.core) && e.length > 0) {
+      const [t] = e;
+      if (t != null && typeof t != "object")
+        throw new o("Spacer props must be an object if provided", {
+          component: "Spacer",
+          suggestion: "Pass an object with minLength property or no arguments",
+          example: {
+            wrong: "Spacer(20)",
+            correct: "Spacer() or Spacer({ minLength: 20 })"
+          }
+        });
+    }
+  },
+  // Section Component
+  validateSection(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Section component requires a props object with children", {
+        component: "Section",
+        suggestion: "Add children: Section({ children: [content] })",
+        documentation: "https://docs.tachui.dev/components/section",
+        example: {
+          wrong: "Section()",
+          correct: 'Section({ children: [Text("Section content")] })'
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("Section requires a props object", {
+        component: "Section",
+        suggestion: "Pass a props object with children",
+        example: {
+          wrong: "Section(content)",
+          correct: "Section({ children: [content] })"
+        }
+      });
+  },
+  // Show Component (Conditional Rendering)
+  validateShow(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Show component requires a props object with when condition", {
+        component: "Show",
+        suggestion: "Add when condition: Show({ when: condition, children: [content] })",
+        documentation: "https://docs.tachui.dev/components/show",
+        example: {
+          wrong: "Show()",
+          correct: 'Show({ when: isVisible, children: [Text("Visible")] })'
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("Show requires a props object", {
+        component: "Show",
+        suggestion: "Pass a props object with when condition",
+        example: {
+          wrong: "Show(condition)",
+          correct: "Show({ when: condition, children: [content] })"
+        }
+      });
+    if (t.when === void 0)
+      throw new o("Show when property is required", {
+        component: "Show",
+        suggestion: "Provide a boolean condition for when",
+        example: {
+          wrong: "Show({ children: [content] })",
+          correct: "Show({ when: isVisible, children: [content] })"
+        }
+      });
+  },
+  // Link Component
+  validateLink(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Link component requires a props object with href", {
+        component: "Link",
+        suggestion: 'Add href: Link({ href: "/path", children: [Text("Click here")] })',
+        documentation: "https://docs.tachui.dev/components/link",
+        example: {
+          wrong: "Link()",
+          correct: 'Link({ href: "/about", children: [Text("About")] })'
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("Link requires a props object", {
+        component: "Link",
+        suggestion: "Pass a props object with href property",
+        example: {
+          wrong: 'Link("/path")',
+          correct: 'Link({ href: "/path", children: [Text("Link")] })'
+        }
+      });
+    if (!t.href)
+      throw new o("Link href property is required", {
+        component: "Link",
+        suggestion: "Provide a valid URL or path for href",
+        example: {
+          wrong: 'Link({ children: [Text("Link")] })',
+          correct: 'Link({ href: "/about", children: [Text("About")] })'
+        }
+      });
+  },
+  // Stepper Component
+  validateStepper(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("Stepper component requires a props object with value", {
+        component: "Stepper",
+        suggestion: "Add value: Stepper({ value: numberSignal })",
+        documentation: "https://docs.tachui.dev/components/stepper",
+        example: {
+          wrong: "Stepper()",
+          correct: "Stepper({ value: numberSignal, step: 1 })"
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("Stepper requires a props object", {
+        component: "Stepper",
+        suggestion: "Pass a props object with value property",
+        example: {
+          wrong: "Stepper(5)",
+          correct: "Stepper({ value: 5, step: 1 })"
+        }
+      });
+    if (t.value === void 0)
+      throw new o("Stepper value property is required", {
+        component: "Stepper",
+        suggestion: "Provide a numeric value or Signal for value",
+        example: {
+          wrong: "Stepper({ step: 1 })",
+          correct: "Stepper({ value: numberSignal, step: 1 })"
+        }
+      });
+  },
+  // BasicInput Component
+  validateBasicInput(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("BasicInput component requires a props object with value", {
+        component: "BasicInput",
+        suggestion: "Add value: BasicInput({ value: textSignal })",
+        documentation: "https://docs.tachui.dev/components/basicinput",
+        example: {
+          wrong: "BasicInput()",
+          correct: 'BasicInput({ value: textSignal, placeholder: "Enter text" })'
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new o("BasicInput requires a props object", {
+        component: "BasicInput",
+        suggestion: "Pass a props object with value property",
+        example: {
+          wrong: 'BasicInput("text")',
+          correct: "BasicInput({ value: textSignal })"
+        }
+      });
+    if (t.value === void 0)
+      throw new o("BasicInput value property is required", {
+        component: "BasicInput",
+        suggestion: "Provide a value for the input field",
+        example: {
+          wrong: 'BasicInput({ placeholder: "Enter text" })',
+          correct: 'BasicInput({ value: textSignal, placeholder: "Enter text" })'
+        }
+      });
+  },
+  // BasicForm Component (Core)
+  validateBasicForm(e) {
+    if (!s() || !r.packages.core) return;
+    if (e.length === 0)
+      throw new o("BasicForm component requires children array", {
+        component: "BasicForm",
+        suggestion: "Add children: BasicForm([formFields])",
+        documentation: "https://docs.tachui.dev/components/basicform",
+        example: {
+          wrong: "BasicForm()",
+          correct: 'BasicForm([BasicInput({}), Button("Submit")])'
+        }
+      });
+    const [t, n] = e;
+    if (!Array.isArray(t))
+      throw new o("BasicForm requires children array as first parameter", {
+        component: "BasicForm",
+        suggestion: "Pass an array of form components as first parameter",
+        example: {
+          wrong: "BasicForm(BasicInput({}))",
+          correct: "BasicForm([BasicInput({})])"
+        }
+      });
+    if (n && typeof n != "object")
+      throw new o("BasicForm props must be an object", {
+        component: "BasicForm",
+        suggestion: "Pass props as second parameter object",
+        example: {
+          wrong: 'BasicForm([], "invalid")',
+          correct: "BasicForm([], { onSubmit: handleSubmit })"
+        }
+      });
+  },
+  // Helper method for props object validation
+  validatePropsObject(e, t, n) {
+    if (t.length === 0)
+      throw new o(`${e} component requires a props object`, {
+        component: e,
+        suggestion: `Add props: ${e}({ /* props */ })`,
+        documentation: n,
+        example: {
+          wrong: `${e}()`,
+          correct: `${e}({ /* appropriate props */ })`
+        }
+      });
+    const [i] = t;
+    if (i != null && typeof i != "object")
+      throw new o(`${e} requires a props object`, {
+        component: e,
+        suggestion: "Pass a props object",
+        example: {
+          wrong: `${e}("invalid")`,
+          correct: `${e}({ /* props */ })`
+        }
+      });
+  }
+}, A = {
+  /**
+   * Validate plugin component
+   */
+  validatePluginComponent(e, t, n) {
+    if (!s() || !r.packages.plugins) return;
+    const { getComponentValidator: i } = require("./plugin-registration"), c = i(e, t);
+    if (c)
+      try {
+        c.validate(n);
+      } catch (a) {
+        throw a instanceof o && (a.context.package || (a.context.package = e)), a;
+      }
+    else if (r.strictMode)
+      throw new o(`No validator registered for ${t}`, {
+        component: t,
+        package: e,
+        suggestion: "Ensure the plugin has registered its validator",
+        documentation: "https://docs.tachui.dev/plugins/validation"
+      });
+  }
+}, v = {
+  /**
+   * Validate modifier usage with package awareness
+   */
+  validateModifier(e, t, n, i = []) {
+    if (!s() || e !== "core" && !r.packages[e])
+      return;
+    const a = {
+      textShadow: {
+        suggestion: "Use shadow() instead",
+        example: '.shadow({ x: 2, y: 2, radius: 4, color: "rgba(0,0,0,0.25)" })'
+      },
+      id: {
+        suggestion: 'Use setAttribute("id", value) instead',
+        example: '.setAttribute("id", "my-element")'
+      },
+      className: {
+        suggestion: 'Use css() or setAttribute("class", value) instead',
+        example: '.css({ className: "my-class" })'
+      },
+      style: {
+        suggestion: "Use css() for custom styles instead",
+        example: '.css({ backgroundColor: "red" })'
+      }
+    }[n];
+    if (a) {
+      const l = new o(`Modifier ${n} does not exist`, {
+        component: t,
+        package: e,
+        suggestion: a.suggestion,
+        example: a.example ? {
+          wrong: `.${n}()`,
+          correct: a.example
+        } : void 0
+      });
+      if (r.errorLevel === "error")
+        throw l;
+      console.warn(l.getFormattedMessage());
+      return;
+    }
+    if ((/* @__PURE__ */ new Set(["clipped", "resizable"])).has(n) && i.length > 0) {
+      const l = new o(`${n}() takes no parameters`, {
+        component: t,
+        package: e,
+        suggestion: `Use ${n}() without arguments`,
+        example: {
+          wrong: `.${n}(someValue)`,
+          correct: `.${n}()`
+        }
+      });
+      if (r.errorLevel === "error")
+        throw l;
+      console.warn(l.getFormattedMessage());
+    }
+    const u = /* @__PURE__ */ new Set(["font", "fontSize", "fontWeight", "textAlign", "lineHeight", "letterSpacing"]), d = /* @__PURE__ */ new Set(["disabled", "onTap", "cursor"]);
+    if (u.has(n) && !["Text", "Button"].includes(t)) {
+      const l = `${n} modifier is only valid for Text/Button components`;
+      if (r.errorLevel === "error")
+        throw new o(l, {
+          component: t,
+          package: e,
+          suggestion: `Use ${n} modifier on Text or Button components only`
+        });
+      r.errorLevel === "warn" && console.warn(`⚠️ [${e}] ${l}`);
+    }
+    if (d.has(n) && !["Button", "Toggle", "Slider"].includes(t)) {
+      const l = `${n} modifier is only valid for interactive components`;
+      r.errorLevel === "warn" && console.warn(`⚠️ [${e}] ${l}`);
+    }
+    const { getComponentValidator: w } = require("./plugin-registration"), m = w(e, t);
+    m && m.validateModifier && m.validateModifier(n, i);
+  }
+}, B = {
+  /**
+   * Enable validation
+   */
+  enable(e = !0) {
+    g({ enabled: e });
+  },
+  /**
+   * Enable strict mode
+   */
+  enableStrictMode() {
+    g({ strictMode: !0 }), console.info("🚨 TachUI Strict validation mode enabled");
+  },
+  /**
+   * Set error level
+   */
+  setErrorLevel(e) {
+    g({ errorLevel: e });
+  },
+  /**
+   * Configure package validation
+   */
+  configurePackages(e) {
+    g({
+      packages: { ...r.packages, ...e }
+    });
+  },
+  /**
+   * Test validation system
+   */
+  test() {
+    if (!s()) {
+      console.info("ℹ️ Validation is disabled in production mode");
+      return;
+    }
+    console.group("🔍 TachUI Comprehensive Validation System Test");
+    try {
+      console.info("✅ Core component validation: enabled"), console.info("✅ Plugin component validation: enabled"), console.info("✅ Modifier validation: enabled");
+      const { getValidationStats: e } = require("./plugin-registration"), t = e();
+      console.info(`✅ Registered plugin validators: ${t.totalValidators}`), console.info("✅ Comprehensive validation system is working correctly");
+    } catch (e) {
+      console.error("❌ Validation test failed:", e);
+    }
+    console.groupEnd();
+  },
+  /**
+   * Get validation stats
+   */
+  getStats() {
+    const { getValidationStats: e } = require("./plugin-registration"), t = e();
+    return {
+      enabled: s(),
+      config: r,
+      coreComponents: Object.keys(f).filter((n) => n.startsWith("validate")).length,
+      pluginValidators: t.totalValidators,
+      packages: {
+        core: r.packages.core,
+        forms: r.packages.forms,
+        navigation: r.packages.navigation,
+        symbols: r.packages.symbols,
+        plugins: r.packages.plugins
+      },
+      pluginStats: t.packages
+    };
+  }
+};
+function q(e, t, n, i = "core") {
+  return function(...a) {
+    t(a);
+    const p = e.apply(this, a);
+    return "modifier" in p && typeof p.modifier == "object" ? b(p, n, i) : p;
+  };
+}
+function b(e, t, n) {
+  return s() ? new Proxy(e, {
+    get(i, c) {
+      const a = i[c];
+      return c === "modifier" ? x(a, t, n) : a;
+    }
+  }) : e;
+}
+function x(e, t, n) {
+  return e && new Proxy(e, {
+    get(i, c) {
+      const a = String(c), p = i[c];
+      return a === "build" || a === "addModifier" || a === "responsive" ? p : typeof p == "function" ? function(...d) {
+        return v.validateModifier(n, t, a, d), p.apply(i, d);
+      } : p;
+    }
+  });
+}
+export {
+  f as CoreComponentValidation,
+  v as ModifierValidation,
+  A as PluginComponentValidation,
+  o as TachUIValidationError,
+  B as ValidationUtils,
+  g as configureValidation,
+  q as createValidatedComponent,
+  s as isValidationEnabled
+};
+//# sourceMappingURL=comprehensive.js.map