@nr1e/qwik-ui 2.0.12 → 2.0.14

package/lib/components/fieldset.qwik.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const FieldSet = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("fieldset", {
+    class: "fieldset border-base-content/40 rounded-md border pr-4 pb-4 pl-4",
+    children: [
+      props.legend && /* @__PURE__ */ jsxRuntime.jsx("legend", {
+        class: "fieldset-legend",
+        children: props.legend
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+    ]
+  });
+});
+exports.FieldSet = FieldSet;

package/lib/components/fieldset.qwik.mjs

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+const FieldSet = component$((props) => {
+  return /* @__PURE__ */ jsxs("fieldset", {
+    class: "fieldset border-base-content/40 rounded-md border pr-4 pb-4 pl-4",
+    children: [
+      props.legend && /* @__PURE__ */ jsx("legend", {
+        class: "fieldset-legend",
+        children: props.legend
+      }),
+      /* @__PURE__ */ jsx(Slot, {})
+    ]
+  });
+});
+export {
+  FieldSet
+};

package/lib/components/submit-button.qwik.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const qwikIcons = require("@nr1e/qwik-icons");
+const SubmitButton = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", {
+    class: `btn btn-primary ${props.class ?? ""} ${props.processing || props.disabled ? "disabled" : ""}`,
+    onClick$: props.onClick$,
+    id: props.id,
+    type: "submit",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", {
+        "q:slot": "icon"
+      }),
+      props.processing && /* @__PURE__ */ jsxRuntime.jsx("span", {
+        class: "animate-spin",
+        children: /* @__PURE__ */ jsxRuntime.jsx(qwikIcons.SpinnersBarsRotateFade, {
+          size: 18
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+    ]
+  });
+});
+exports.SubmitButton = SubmitButton;

package/lib/components/submit-button.qwik.mjs

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+import { SpinnersBarsRotateFade } from "@nr1e/qwik-icons";
+const SubmitButton = component$((props) => {
+  return /* @__PURE__ */ jsxs("button", {
+    class: `btn btn-primary ${props.class ?? ""} ${props.processing || props.disabled ? "disabled" : ""}`,
+    onClick$: props.onClick$,
+    id: props.id,
+    type: "submit",
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        "q:slot": "icon"
+      }),
+      props.processing && /* @__PURE__ */ jsx("span", {
+        class: "animate-spin",
+        children: /* @__PURE__ */ jsx(SpinnersBarsRotateFade, {
+          size: 18
+        })
+      }),
+      /* @__PURE__ */ jsx(Slot, {})
+    ]
+  });
+});
+export {
+  SubmitButton
+};

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

@@ -3,23 +3,6 @@ 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 value = qwik.useSignal(typeof props.value === "string" ? props.value : props.value?.value);
-  qwik.useTask$(({ track }) => {
-    if (props.value && typeof props.value !== "string") {
-      track(() => value.value);
-      if (value.value !== props.value?.value) {
-        props.value.value = value.value;
-      }
-    }
-  });
-  qwik.useTask$(({ track }) => {
-    if (props.value && typeof props.value !== "string") {
-      track(() => props.value.value);
-      if (props.value.value !== value.value) {
-        value.value = props.value.value;
-      }
-    }
-  });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: "fieldset",
     children: [
@@ -51,11 +34,18 @@ const TextField = qwik.component$((props) => {
             "aria-required": props.required,
             disabled: props.disabled,
             maxLength: props.maxLength,
-            value: value.value,
+            value: typeof props.value === "string" ? props.value : props.value?.value,
             class: "placeholder:opacity-50",
             placeholder: props.placeholder,
             onBlur$: props.onBlur$,
-            onInput$: props.onInput$
+            onInput$: (event, element) => {
+              if (props.value && typeof props.value !== "string") {
+                props.value.value = element.value;
+              }
+              if (props.onInput$) {
+                props.onInput$(event, element);
+              }
+            }
           }),
           /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
             name: "right"

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

@@ -1,23 +1,6 @@
 import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$, useSignal, useTask$, Slot } from "@builder.io/qwik";
+import { component$, Slot } from "@builder.io/qwik";
 const TextField = component$((props) => {
-  const value = useSignal(typeof props.value === "string" ? props.value : props.value?.value);
-  useTask$(({ track }) => {
-    if (props.value && typeof props.value !== "string") {
-      track(() => value.value);
-      if (value.value !== props.value?.value) {
-        props.value.value = value.value;
-      }
-    }
-  });
-  useTask$(({ track }) => {
-    if (props.value && typeof props.value !== "string") {
-      track(() => props.value.value);
-      if (props.value.value !== value.value) {
-        value.value = props.value.value;
-      }
-    }
-  });
   return /* @__PURE__ */ jsxs("div", {
     class: "fieldset",
     children: [
@@ -49,11 +32,18 @@ const TextField = component$((props) => {
             "aria-required": props.required,
             disabled: props.disabled,
             maxLength: props.maxLength,
-            value: value.value,
+            value: typeof props.value === "string" ? props.value : props.value?.value,
             class: "placeholder:opacity-50",
             placeholder: props.placeholder,
             onBlur$: props.onBlur$,
-            onInput$: props.onInput$
+            onInput$: (event, element) => {
+              if (props.value && typeof props.value !== "string") {
+                props.value.value = element.value;
+              }
+              if (props.onInput$) {
+                props.onInput$(event, element);
+              }
+            }
           }),
           /* @__PURE__ */ jsx(Slot, {
             name: "right"

package/lib/index.qwik.cjs

@@ -13,12 +13,14 @@ const fixedCenterBottom = require("./components/fixed-center-bottom.qwik.cjs");
 const formatDate = require("./components/format-date.qwik.cjs");
 const formatDateTime = require("./components/format-date-time.qwik.cjs");
 const dropUp = require("./components/drop-up.qwik.cjs");
+const fieldset = require("./components/fieldset.qwik.cjs");
 const googleSignInButton = require("./components/google-sign-in-button.qwik.cjs");
 const gtm = require("./components/gtm.qwik.cjs");
 const menu = require("./components/menu.qwik.cjs");
 const microsoftSignInButton = require("./components/microsoft-sign-in-button.qwik.cjs");
 const paceBar = require("./components/pace-bar.qwik.cjs");
 const selectField = require("./components/select-field.qwik.cjs");
+const submitButton = require("./components/submit-button.qwik.cjs");
 const textField = require("./components/text-field.qwik.cjs");
 const themeSelector = require("./components/theme-selector.qwik.cjs");
 const timeZoneSelector = require("./components/time-zone-selector.qwik.cjs");
@@ -43,6 +45,7 @@ exports.DropUpButton = dropUp.DropUpButton;
 exports.DropUpButtonSelector = dropUp.DropUpButtonSelector;
 exports.DropUpLink = dropUp.DropUpLink;
 exports.DropUpSubmenu = dropUp.DropUpSubmenu;
+exports.FieldSet = fieldset.FieldSet;
 exports.GoogleSignInButton = googleSignInButton.GoogleSignInButton;
 exports.GtmBody = gtm.GtmBody;
 exports.GtmHead = gtm.GtmHead;
@@ -56,6 +59,7 @@ exports.Submenu = menu.Submenu;
 exports.MicrosoftSignInButton = microsoftSignInButton.MicrosoftSignInButton;
 exports.PaceBar = paceBar.PaceBar;
 exports.SelectField = selectField.SelectField;
+exports.SubmitButton = submitButton.SubmitButton;
 exports.TextField = textField.TextField;
 exports.THEMES = themeSelector.THEMES;
 exports.ThemeSelector = themeSelector.ThemeSelector;

package/lib/index.qwik.mjs

@@ -11,12 +11,14 @@ import { FixedCenterBottom } from "./components/fixed-center-bottom.qwik.mjs";
 import { FormatDate } from "./components/format-date.qwik.mjs";
 import { FormatDateTime } from "./components/format-date-time.qwik.mjs";
 import { DropUp, DropUpButton, DropUpButtonSelector, DropUpLink, DropUpSubmenu } from "./components/drop-up.qwik.mjs";
+import { FieldSet } from "./components/fieldset.qwik.mjs";
 import { GoogleSignInButton } from "./components/google-sign-in-button.qwik.mjs";
 import { GtmBody, GtmHead } from "./components/gtm.qwik.mjs";
 import { Menu, MenuButton, MenuDivider, MenuGroup, MenuGroupSummary, MenuLink, Submenu } from "./components/menu.qwik.mjs";
 import { MicrosoftSignInButton } from "./components/microsoft-sign-in-button.qwik.mjs";
 import { PaceBar } from "./components/pace-bar.qwik.mjs";
 import { SelectField } from "./components/select-field.qwik.mjs";
+import { SubmitButton } from "./components/submit-button.qwik.mjs";
 import { TextField } from "./components/text-field.qwik.mjs";
 import { THEMES, ThemeSelector, themeToName } from "./components/theme-selector.qwik.mjs";
 import { TimeZoneSelector, timeZoneToName } from "./components/time-zone-selector.qwik.mjs";
@@ -39,6 +41,7 @@ export {
   DropUpButtonSelector,
   DropUpLink,
   DropUpSubmenu,
+  FieldSet,
   FixedCenterBottom,
   FormatDate,
   FormatDateTime,
@@ -55,6 +58,7 @@ export {
   PaceBar,
   SelectField,
   Submenu,
+  SubmitButton,
   THEMES,
   TextField,
   ThemeSelector,

package/lib-types/components/fieldset.d.ts

@@ -0,0 +1,4 @@
+export interface FieldsetProps {
+    legend?: string;
+}
+export declare const FieldSet: import("@builder.io/qwik").Component<FieldsetProps>;

package/lib-types/components/submit-button.d.ts

@@ -0,0 +1,9 @@
+import { QRL } from '@builder.io/qwik';
+export interface SubmitButtonProps {
+    class?: string;
+    onClick$?: QRL<(event: Event) => void>;
+    id?: string;
+    disabled?: boolean;
+    processing?: boolean;
+}
+export declare const SubmitButton: import("@builder.io/qwik").Component<SubmitButtonProps>;

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

@@ -29,8 +29,5 @@ export interface TextFieldProps {
 /**
  * A standardized text input field meant to be used independently or with Qwik
  * Modular Forms.
- *
- * Be aware that the normalized value of the input from validation is reflected
- * back into the text field automatically on blur.
  */
 export declare const TextField: import("@builder.io/qwik").Component<TextFieldProps>;

package/lib-types/index.d.ts

@@ -11,12 +11,14 @@ export * from './components/fixed-center-bottom';
 export * from './components/format-date';
 export * from './components/format-date-time';
 export * from './components/drop-up';
+export * from './components/fieldset';
 export * from './components/google-sign-in-button';
 export * from './components/gtm';
 export * from './components/menu';
 export * from './components/microsoft-sign-in-button';
 export * from './components/pace-bar';
 export * from './components/select-field';
+export * from './components/submit-button';
 export * from './components/text-field';
 export * from './components/theme-selector';
 export * from './components/time-zone-selector';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nr1e/qwik-ui",
-  "version": "2.0.12",
+  "version": "2.0.14",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {
@@ -34,29 +34,29 @@
   "sideEffects": false,
   "type": "module",
   "peerDependencies": {
-    "@builder.io/qwik-city": "1.19.1",
+    "@builder.io/qwik-city": "1.19.2",
     "tailwindcss-animated": "2.0.0",
     "@nr1e/qwik-icons": "0.0.31"
   },
   "devDependencies": {
     "@builder.io/qwik": "1.19.1",
-    "@eslint/js": "^9.39.3",
+    "@eslint/js": "^9.39.4",
     "@tailwindcss/vite": "^4.2.1",
     "@types/node": "^24.10.13",
     "daisyui": "^5.5.19",
-    "eslint": "9.39.3",
-    "eslint-plugin-qwik": "1.19.1",
+    "eslint": "9.39.4",
+    "eslint-plugin-qwik": "1.19.2",
     "globals": "17.4.0",
     "np": "^11.0.2",
     "prettier": "3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.1",
     "tailwindcss": "^4.2.1",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.56.1",
+    "typescript-eslint": "8.57.0",
     "undici": "*",
     "vite": "7.3.1",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "4.0.18"
+    "vitest": "4.1.0"
   },
   "scripts": {
     "prebuild": "prettier --check . && eslint .",