@nr1e/qwik-ui 0.0.20 → 0.0.22

package/lib/components/checkbox-field.qwik.cjs

@@ -3,7 +3,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const qwik = require("@builder.io/qwik");
 const CheckboxField = qwik.component$((props) => {
-  const error = qwik.useSignal(props.error);
+  const error = qwik.useSignal(typeof props.error === "string" ? props.error : props.error?.value);
+  qwik.useTask$(({ track }) => {
+    track(() => error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (error.value !== props.error?.value) {
+        props.error.value = error.value;
+      }
+    }
+  });
+  qwik.useTask$(({ track }) => {
+    track(() => props.error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (props.error && error.value !== props.error.value) {
+        error.value = props.error.value;
+      }
+    }
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: "fieldset",
     children: [

package/lib/components/checkbox-field.qwik.mjs

@@ -1,7 +1,23 @@
 import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$, useSignal } from "@builder.io/qwik";
+import { component$, useSignal, useTask$ } from "@builder.io/qwik";
 const CheckboxField = component$((props) => {
-  const error = useSignal(props.error);
+  const error = useSignal(typeof props.error === "string" ? props.error : props.error?.value);
+  useTask$(({ track }) => {
+    track(() => error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (error.value !== props.error?.value) {
+        props.error.value = error.value;
+      }
+    }
+  });
+  useTask$(({ track }) => {
+    track(() => props.error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (props.error && error.value !== props.error.value) {
+        error.value = props.error.value;
+      }
+    }
+  });
   return /* @__PURE__ */ jsxs("div", {
     class: "fieldset",
     children: [

package/lib/components/select-field.qwik.cjs

@@ -3,7 +3,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const qwik = require("@builder.io/qwik");
 const SelectField = qwik.component$((props) => {
-  const error = qwik.useSignal(props.error);
+  const error = qwik.useSignal(typeof props.error === "string" ? props.error : props.error?.value);
+  qwik.useTask$(({ track }) => {
+    track(() => error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (error.value !== props.error?.value) {
+        props.error.value = error.value;
+      }
+    }
+  });
+  qwik.useTask$(({ track }) => {
+    track(() => props.error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (props.error && error.value !== props.error.value) {
+        error.value = props.error.value;
+      }
+    }
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: "fieldset",
     children: [

package/lib/components/select-field.qwik.mjs

@@ -1,7 +1,23 @@
 import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$, useSignal, Slot } from "@builder.io/qwik";
+import { component$, useSignal, useTask$, Slot } from "@builder.io/qwik";
 const SelectField = component$((props) => {
-  const error = useSignal(props.error);
+  const error = useSignal(typeof props.error === "string" ? props.error : props.error?.value);
+  useTask$(({ track }) => {
+    track(() => error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (error.value !== props.error?.value) {
+        props.error.value = error.value;
+      }
+    }
+  });
+  useTask$(({ track }) => {
+    track(() => props.error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (props.error && error.value !== props.error.value) {
+        error.value = props.error.value;
+      }
+    }
+  });
   return /* @__PURE__ */ jsxs("div", {
     class: "fieldset",
     children: [

package/lib/components/text-field.qwik.cjs

@@ -3,7 +3,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const qwik = require("@builder.io/qwik");
 const TextField = qwik.component$((props) => {
-  const error = qwik.useSignal(props.error);
+  const error = qwik.useSignal(typeof props.error === "string" ? props.error : props.error?.value);
+  qwik.useTask$(({ track }) => {
+    track(() => error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (error.value !== props.error?.value) {
+        props.error.value = error.value;
+      }
+    }
+  });
+  qwik.useTask$(({ track }) => {
+    track(() => props.error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (props.error && error.value !== props.error.value) {
+        error.value = props.error.value;
+      }
+    }
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: "fieldset",
     children: [

package/lib/components/text-field.qwik.mjs

@@ -1,7 +1,23 @@
 import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$, useSignal, Slot } from "@builder.io/qwik";
+import { component$, useSignal, useTask$, Slot } from "@builder.io/qwik";
 const TextField = component$((props) => {
-  const error = useSignal(props.error);
+  const error = useSignal(typeof props.error === "string" ? props.error : props.error?.value);
+  useTask$(({ track }) => {
+    track(() => error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (error.value !== props.error?.value) {
+        props.error.value = error.value;
+      }
+    }
+  });
+  useTask$(({ track }) => {
+    track(() => props.error.value);
+    if (props.error && typeof props.error !== "string") {
+      if (props.error && error.value !== props.error.value) {
+        error.value = props.error.value;
+      }
+    }
+  });
   return /* @__PURE__ */ jsxs("div", {
     class: "fieldset",
     children: [

package/lib-types/components/checkbox-field.d.ts

@@ -4,7 +4,7 @@ export interface CheckboxFieldProps {
     label: string;
     name?: string;
     checked?: boolean;
-    error?: string;
+    error?: string | Signal<string | undefined>;
     onClick$?: QRL<(event: Event, checked: boolean, error: Signal<string | undefined>) => void>;
 }
 export declare const CheckboxField: import("@builder.io/qwik").Component<CheckboxFieldProps>;

package/lib-types/components/select-field.d.ts

@@ -3,7 +3,7 @@ export interface SelectFieldProps {
     id?: string;
     label: string;
     name?: string;
-    error?: string;
+    error?: string | Signal<string | undefined>;
     onChange$?: QRL<(event: Event, value: string, error: Signal<string | undefined>) => void>;
     onBlur$?: QRL<(event: FocusEvent, value: string, error: Signal<string | undefined>) => void>;
     onEvent$?: QRL<(type: 'blur' | 'change', event: Event, value: string, error: Signal<string | undefined>) => void>;

package/lib-types/components/text-field.d.ts

@@ -5,7 +5,7 @@ export interface TextFieldProps {
     name?: string;
     value?: string | null;
     placeholder?: string;
-    error?: string;
+    error?: string | Signal<string | undefined>;
     maxLength?: number;
     onBlur$?: QRL<(event: FocusEvent, value: string, error: Signal<string | undefined>) => void>;
     onInput$?: QRL<(event: InputEvent, value: string, error: Signal<string | undefined>) => void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nr1e/qwik-ui",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {
@@ -51,7 +51,7 @@
     "typescript-eslint": "8.38.0",
     "undici": "*",
     "vite": "7.2.6",
-    "vite-tsconfig-paths": "^4.2.1",
+    "vite-tsconfig-paths": "^6.0.5",
     "vitest": "4.0.6"
   },
   "scripts": {