@nr1e/qwik-ui 2.0.0 → 2.0.1

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const qwik = require("@builder.io/qwik");
+const index = require("../node_modules/.pnpm/valibot@1.2.0_typescript@5.9.3/node_modules/valibot/dist/index.qwik.cjs");
 const TextField = qwik.component$((props) => {
   const error = qwik.useSignal(typeof props.error === "string" ? props.error : props.error?.value);
   const value = qwik.useSignal(typeof props.value === "string" ? props.value : props.value?.value);
@@ -126,6 +127,17 @@ const TextField = qwik.component$((props) => {
               if (props.validate$) {
                 error.value = await props.validate$(target.value);
               }
+              if (props.schema$) {
+                const schema = await props.schema$();
+                const result = index.safeParse(schema, value.value);
+                if (result.success) {
+                  error.value = void 0;
+                } else if (result.issues.length > 0) {
+                  error.value = result.issues[0].message;
+                } else {
+                  error.value = "Invalid value";
+                }
+              }
             }
           }),
           /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {

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

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
 import { component$, useSignal, useTask$, Slot } from "@builder.io/qwik";
+import { safeParse } from "../node_modules/.pnpm/valibot@1.2.0_typescript@5.9.3/node_modules/valibot/dist/index.qwik.mjs";
 const TextField = component$((props) => {
   const error = useSignal(typeof props.error === "string" ? props.error : props.error?.value);
   const value = useSignal(typeof props.value === "string" ? props.value : props.value?.value);
@@ -124,6 +125,17 @@ const TextField = component$((props) => {
               if (props.validate$) {
                 error.value = await props.validate$(target.value);
               }
+              if (props.schema$) {
+                const schema = await props.schema$();
+                const result = safeParse(schema, value.value);
+                if (result.success) {
+                  error.value = void 0;
+                } else if (result.issues.length > 0) {
+                  error.value = result.issues[0].message;
+                } else {
+                  error.value = "Invalid value";
+                }
+              }
             }
           }),
           /* @__PURE__ */ jsx(Slot, {

package/lib/node_modules/.pnpm/valibot@1.2.0_typescript@5.9.3/node_modules/valibot/dist/index.qwik.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let store$4;
+// @__NO_SIDE_EFFECTS__
+function getGlobalConfig(config$1) {
+  return {
+    lang: config$1?.lang ?? store$4?.lang,
+    message: config$1?.message,
+    abortEarly: config$1?.abortEarly ?? store$4?.abortEarly,
+    abortPipeEarly: config$1?.abortPipeEarly ?? store$4?.abortPipeEarly
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function safeParse(schema, input, config$1) {
+  const dataset = schema["~run"]({ value: input }, /* @__PURE__ */ getGlobalConfig(config$1));
+  return {
+    typed: dataset.typed,
+    success: !dataset.issues,
+    output: dataset.value,
+    issues: dataset.issues
+  };
+}
+exports.getGlobalConfig = getGlobalConfig;
+exports.safeParse = safeParse;

package/lib/node_modules/.pnpm/valibot@1.2.0_typescript@5.9.3/node_modules/valibot/dist/index.qwik.mjs

@@ -0,0 +1,24 @@
+let store$4;
+// @__NO_SIDE_EFFECTS__
+function getGlobalConfig(config$1) {
+  return {
+    lang: config$1?.lang ?? store$4?.lang,
+    message: config$1?.message,
+    abortEarly: config$1?.abortEarly ?? store$4?.abortEarly,
+    abortPipeEarly: config$1?.abortPipeEarly ?? store$4?.abortPipeEarly
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function safeParse(schema, input, config$1) {
+  const dataset = schema["~run"]({ value: input }, /* @__PURE__ */ getGlobalConfig(config$1));
+  return {
+    typed: dataset.typed,
+    success: !dataset.issues,
+    output: dataset.value,
+    issues: dataset.issues
+  };
+}
+export {
+  getGlobalConfig,
+  safeParse
+};

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

@@ -1,4 +1,5 @@
 import { QRL, Signal } from '@builder.io/qwik';
+import * as v from 'valibot';
 export interface TextFieldProps {
     id?: string;
     label?: string;
@@ -13,5 +14,6 @@ export interface TextFieldProps {
     onInput$?: QRL<(event: InputEvent, value: string, error: Signal<string | undefined>) => void>;
     onEvent$?: QRL<(type: 'blur' | 'input', event: FocusEvent | InputEvent, value: string, error: Signal<string | undefined>) => void>;
     validate$?: QRL<(value: string) => string | undefined>;
+    schema$?: QRL<() => v.AnySchema>;
 }
 export declare const TextField: import("@builder.io/qwik").Component<TextFieldProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nr1e/qwik-ui",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {
@@ -54,6 +54,7 @@
     "typescript": "5.9.3",
     "typescript-eslint": "8.56.1",
     "undici": "*",
+    "valibot": "^1.2.0",
     "vite": "7.3.1",
     "vite-tsconfig-paths": "^6.1.1",
     "vitest": "4.0.18"