@nr1e/qwik-ui 0.0.22 → 0.0.24

package/lib/components/add-button.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 mdiAddCircleOutline_qwik = require("../qwik-icons/lib/components/icons/mdi-add-circle-outline.qwik.qwik.cjs");
+const AddButton = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", {
+    class: `btn ${props.class ?? ""}`,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(mdiAddCircleOutline_qwik.MdiAddCircleOutline, {
+        size: 24
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+    ]
+  });
+});
+exports.AddButton = AddButton;

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

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+import { MdiAddCircleOutline } from "../qwik-icons/lib/components/icons/mdi-add-circle-outline.qwik.qwik.mjs";
+const AddButton = component$((props) => {
+  return /* @__PURE__ */ jsxs("button", {
+    class: `btn ${props.class ?? ""}`,
+    children: [
+      /* @__PURE__ */ jsx(MdiAddCircleOutline, {
+        size: 24
+      }),
+      /* @__PURE__ */ jsx(Slot, {})
+    ]
+  });
+});
+export {
+  AddButton
+};

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

@@ -4,22 +4,39 @@ const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const qwik = require("@builder.io/qwik");
 const CheckboxField = qwik.component$((props) => {
   const error = qwik.useSignal(typeof props.error === "string" ? props.error : props.error?.value);
+  const checked = qwik.useSignal(typeof props.checked === "boolean" ? props.checked : props.checked?.value ?? false);
   qwik.useTask$(({ track }) => {
-    track(() => error.value);
     if (props.error && typeof props.error !== "string") {
+      track(() => error.value);
       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") {
+      track(() => props.error.value);
       if (props.error && error.value !== props.error.value) {
         error.value = props.error.value;
       }
     }
   });
+  qwik.useTask$(({ track }) => {
+    if (props.checked && typeof props.checked !== "boolean") {
+      track(() => checked.value);
+      if (checked.value !== props.checked?.value) {
+        props.checked.value = checked.value;
+      }
+    }
+  });
+  qwik.useTask$(({ track }) => {
+    if (props.checked && typeof props.checked !== "boolean") {
+      track(() => props.checked.value);
+      if (props.checked && checked.value !== props.checked.value) {
+        checked.value = props.checked.value;
+      }
+    }
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: "fieldset",
     children: [
@@ -37,9 +54,7 @@ const CheckboxField = qwik.component$((props) => {
             ...props.id && {
               id: props.id
             },
-            ...props.checked && {
-              checked: props.checked
-            },
+            checked: checked.value,
             class: `checkbox ${error.value ? "checkbox-error" : ""}`,
             onClick$: (e) => props.onClick$ && props.onClick$(e, e.target.checked, error)
           }),

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

@@ -2,22 +2,39 @@ import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
 import { component$, useSignal, useTask$ } from "@builder.io/qwik";
 const CheckboxField = component$((props) => {
   const error = useSignal(typeof props.error === "string" ? props.error : props.error?.value);
+  const checked = useSignal(typeof props.checked === "boolean" ? props.checked : props.checked?.value ?? false);
   useTask$(({ track }) => {
-    track(() => error.value);
     if (props.error && typeof props.error !== "string") {
+      track(() => error.value);
       if (error.value !== props.error?.value) {
         props.error.value = error.value;
       }
     }
   });
   useTask$(({ track }) => {
-    track(() => props.error.value);
     if (props.error && typeof props.error !== "string") {
+      track(() => props.error.value);
       if (props.error && error.value !== props.error.value) {
         error.value = props.error.value;
       }
     }
   });
+  useTask$(({ track }) => {
+    if (props.checked && typeof props.checked !== "boolean") {
+      track(() => checked.value);
+      if (checked.value !== props.checked?.value) {
+        props.checked.value = checked.value;
+      }
+    }
+  });
+  useTask$(({ track }) => {
+    if (props.checked && typeof props.checked !== "boolean") {
+      track(() => props.checked.value);
+      if (props.checked && checked.value !== props.checked.value) {
+        checked.value = props.checked.value;
+      }
+    }
+  });
   return /* @__PURE__ */ jsxs("div", {
     class: "fieldset",
     children: [
@@ -35,9 +52,7 @@ const CheckboxField = component$((props) => {
             ...props.id && {
               id: props.id
             },
-            ...props.checked && {
-              checked: props.checked
-            },
+            checked: checked.value,
             class: `checkbox ${error.value ? "checkbox-error" : ""}`,
             onClick$: (e) => props.onClick$ && props.onClick$(e, e.target.checked, error)
           }),

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

@@ -5,16 +5,16 @@ const qwik = require("@builder.io/qwik");
 const SelectField = qwik.component$((props) => {
   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") {
+      track(() => error.value);
       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") {
+      track(() => props.error.value);
       if (props.error && error.value !== props.error.value) {
         error.value = props.error.value;
       }

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

@@ -3,16 +3,16 @@ import { component$, useSignal, useTask$, Slot } from "@builder.io/qwik";
 const SelectField = component$((props) => {
   const error = useSignal(typeof props.error === "string" ? props.error : props.error?.value);
   useTask$(({ track }) => {
-    track(() => error.value);
     if (props.error && typeof props.error !== "string") {
+      track(() => error.value);
       if (error.value !== props.error?.value) {
         props.error.value = error.value;
       }
     }
   });
   useTask$(({ track }) => {
-    track(() => props.error.value);
     if (props.error && typeof props.error !== "string") {
+      track(() => props.error.value);
       if (props.error && error.value !== props.error.value) {
         error.value = props.error.value;
       }

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

@@ -4,22 +4,39 @@ const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const qwik = require("@builder.io/qwik");
 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);
   qwik.useTask$(({ track }) => {
-    track(() => error.value);
     if (props.error && typeof props.error !== "string") {
+      track(() => error.value);
       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") {
+      track(() => props.error.value);
       if (props.error && error.value !== props.error.value) {
         error.value = props.error.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 && error.value !== props.value.value) {
+        value.value = props.value.value;
+      }
+    }
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: "fieldset",
     children: [
@@ -47,9 +64,7 @@ const TextField = qwik.component$((props) => {
             ...props.name && {
               name: props.name
             },
-            ...props.value && {
-              value: props.value
-            },
+            value: value.value,
             class: "placeholder:opacity-50",
             placeholder: props.placeholder,
             onBlur$: (e) => {

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

@@ -2,22 +2,39 @@ import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
 import { component$, useSignal, useTask$, Slot } from "@builder.io/qwik";
 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);
   useTask$(({ track }) => {
-    track(() => error.value);
     if (props.error && typeof props.error !== "string") {
+      track(() => error.value);
       if (error.value !== props.error?.value) {
         props.error.value = error.value;
       }
     }
   });
   useTask$(({ track }) => {
-    track(() => props.error.value);
     if (props.error && typeof props.error !== "string") {
+      track(() => props.error.value);
       if (props.error && error.value !== props.error.value) {
         error.value = props.error.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 && error.value !== props.value.value) {
+        value.value = props.value.value;
+      }
+    }
+  });
   return /* @__PURE__ */ jsxs("div", {
     class: "fieldset",
     children: [
@@ -45,9 +62,7 @@ const TextField = component$((props) => {
             ...props.name && {
               name: props.name
             },
-            ...props.value && {
-              value: props.value
-            },
+            value: value.value,
             class: "placeholder:opacity-50",
             placeholder: props.placeholder,
             onBlur$: (e) => {

package/lib/index.qwik.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const addButton = require("./components/add-button.qwik.cjs");
 const alertError = require("./components/alert-error.qwik.cjs");
 const alertInfo = require("./components/alert-info.qwik.cjs");
 const alertSuccess = require("./components/alert-success.qwik.cjs");
@@ -10,6 +11,7 @@ const paceBar = require("./components/pace-bar.qwik.cjs");
 const selectField = require("./components/select-field.qwik.cjs");
 const textField = require("./components/text-field.qwik.cjs");
 const universalLayout = require("./components/universal-layout.qwik.cjs");
+exports.AddButton = addButton.AddButton;
 exports.AlertError = alertError.AlertError;
 exports.AlertInfo = alertInfo.AlertInfo;
 exports.AlertSuccess = alertSuccess.AlertSuccess;

package/lib/index.qwik.mjs

@@ -1,3 +1,4 @@
+import { AddButton } from "./components/add-button.qwik.mjs";
 import { AlertError } from "./components/alert-error.qwik.mjs";
 import { AlertInfo } from "./components/alert-info.qwik.mjs";
 import { AlertSuccess } from "./components/alert-success.qwik.mjs";
@@ -9,6 +10,7 @@ import { SelectField } from "./components/select-field.qwik.mjs";
 import { TextField } from "./components/text-field.qwik.mjs";
 import { UniversalLayout } from "./components/universal-layout.qwik.mjs";
 export {
+  AddButton,
   AlertError,
   AlertInfo,
   AlertSuccess,

package/lib/qwik-icons/lib/components/icons/mdi-add-circle-outline.qwik.qwik.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const svg_qwik = require("../svg.qwik.qwik.cjs");
+const MdiAddCircleOutline = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(svg_qwik.Svg, {
+    ...props,
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", {
+      fill: "currentColor",
+      d: "M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m1 5h-2v4H7v2h4v4h2v-4h4v-2h-4z"
+    })
+  });
+});
+exports.MdiAddCircleOutline = MdiAddCircleOutline;

package/lib/qwik-icons/lib/components/icons/mdi-add-circle-outline.qwik.qwik.mjs

@@ -0,0 +1,16 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+import { Svg } from "../svg.qwik.qwik.mjs";
+const MdiAddCircleOutline = component$((props) => {
+  return /* @__PURE__ */ jsx(Svg, {
+    ...props,
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ jsx("path", {
+      fill: "currentColor",
+      d: "M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m1 5h-2v4H7v2h4v4h2v-4h4v-2h-4z"
+    })
+  });
+});
+export {
+  MdiAddCircleOutline
+};

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

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

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

@@ -3,7 +3,7 @@ export interface CheckboxFieldProps {
     id?: string;
     label: string;
     name?: string;
-    checked?: boolean;
+    checked?: boolean | Signal<boolean>;
     error?: string | Signal<string | undefined>;
     onClick$?: QRL<(event: Event, checked: boolean, error: Signal<string | undefined>) => void>;
 }

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

@@ -3,7 +3,7 @@ export interface TextFieldProps {
     id?: string;
     label: string;
     name?: string;
-    value?: string | null;
+    value?: string | null | Signal<string | null | undefined>;
     placeholder?: string;
     error?: string | Signal<string | undefined>;
     maxLength?: number;

package/lib-types/index.d.ts

@@ -1,3 +1,4 @@
+export * from './components/add-button';
 export * from './components/alert-error';
 export * from './components/alert-info';
 export * from './components/alert-success';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nr1e/qwik-ui",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {