@code0-tech/pictor 0.0.0-mvp.23 → 0.0.0-mvp.25

package/dist/components/form/CheckboxInput.js

@@ -1,67 +1,76 @@
-import { jsx as r, jsxs as v, Fragment as N } from "react/jsx-runtime";
-import { c as R } from "../../_virtual/compiler-runtime.js";
-import $ from "react";
-import { Checkbox as D, CheckboxIndicator as E } from "@radix-ui/react-checkbox";
+import { jsx as n, jsxs as j, Fragment as S } from "react/jsx-runtime";
+import { c as $ } from "../../_virtual/compiler-runtime.js";
+import z from "react";
+import { Checkbox as y, CheckboxIndicator as D } from "@radix-ui/react-checkbox";
 import { InputLabel as F } from "./InputLabel.js";
 import { InputDescription as L } from "./InputDescription.js";
-import { mergeCode0Props as j } from "../../utils/utils.js";
+import { mergeCode0Props as E } from "../../utils/utils.js";
 import { InputMessage as P } from "./InputMessage.js";
 import '../../assets/components/form/Input.style.css';/* empty css                 */
-import { IconMinus as S, IconCheck as T } from "@tabler/icons-react";
-const U = (l) => {
-  const e = R.c(40), [i, z] = $.useState(l.initialValue ?? "indeterminate");
-  let a, t, s, d, n, o, c;
-  if (e[0] !== i || e[1] !== l) {
-    const {
-      title: g,
-      description: x,
-      formValidation: M,
-      ...V
-    } = l;
-    t = M === void 0 ? {
-      valid: !0,
-      notValidMessage: null,
-      setValue: q
-    } : M, e[9] !== g ? (o = g ? /* @__PURE__ */ r(F, { children: g }) : null, e[9] = g, e[10] = o) : o = e[10], e[11] !== x ? (c = x ? /* @__PURE__ */ r(L, { children: x }) : null, e[11] = x, e[12] = c) : c = e[12];
-    const I = `input ${t?.valid ? "" : "input--not-valid"} checkbox-input`;
-    e[13] !== I ? (n = j(I, {}), e[13] = I, e[14] = n) : n = e[14], a = D, s = i, d = j("checkbox-input__button", {
-      ...V,
-      onCheckedChange: (_) => {
-        V.onCheckedChange && V.onCheckedChange(_), z(_), t.setValue(_);
-      }
-    }), e[0] = i, e[1] = l, e[2] = a, e[3] = t, e[4] = s, e[5] = d, e[6] = n, e[7] = o, e[8] = c;
-  } else
-    a = e[2], t = e[3], s = e[4], d = e[5], n = e[6], o = e[7], c = e[8];
+import { IconMinus as T, IconCheck as q } from "@tabler/icons-react";
+const Y = (l) => {
+  const e = $.c(40), {
+    title: b,
+    description: _,
+    formValidation: k,
+    ...N
+  } = l;
+  let x;
+  e[0] !== k ? (x = k === void 0 ? {
+    valid: !0,
+    notValidMessage: null,
+    setValue: w
+  } : k, e[0] = k, e[1] = x) : x = e[1];
+  const i = x, [t, R] = z.useState(l.initialValue ?? "indeterminate");
+  let g;
+  e[2] !== t || e[3] !== i ? (g = () => {
+    i.setValue(t);
+  }, e[2] = t, e[3] = i, e[4] = g) : g = e[4];
+  let v;
+  e[5] !== t ? (v = [t], e[5] = t, e[6] = v) : v = e[6], z.useEffect(g, v);
+  let o;
+  e[7] !== b ? (o = b ? /* @__PURE__ */ n(F, { children: b }) : null, e[7] = b, e[8] = o) : o = e[8];
+  let c;
+  e[9] !== _ ? (c = _ ? /* @__PURE__ */ n(L, { children: _ }) : null, e[9] = _, e[10] = c) : c = e[10];
+  const V = `input ${i?.valid ? "" : "input--not-valid"} checkbox-input`;
+  let s;
+  e[11] !== V ? (s = E(V, {}), e[11] = V, e[12] = s) : s = e[12];
+  let r;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (r = () => R(A), e[13] = r) : r = e[13];
+  const I = y, M = E("checkbox-input__button", N);
+  let a;
+  e[14] !== t ? (a = t === "indeterminate" && /* @__PURE__ */ n(T, { size: 16 }), e[14] = t, e[15] = a) : a = e[15];
   let m;
-  e[15] !== i ? (m = i === "indeterminate" && /* @__PURE__ */ r(S, { size: 10 }), e[15] = i, e[16] = m) : m = e[16];
+  e[16] !== t ? (m = t === !0 && /* @__PURE__ */ n(q, { size: 16 }), e[16] = t, e[17] = m) : m = e[17];
   let f;
-  e[17] !== i ? (f = i === !0 && /* @__PURE__ */ r(T, { size: 10 }), e[17] = i, e[18] = f) : f = e[18];
-  let h;
-  e[19] !== m || e[20] !== f ? (h = /* @__PURE__ */ v(E, { className: "checkbox-input__indicator", children: [
-    m,
-    f
-  ] }), e[19] = m, e[20] = f, e[21] = h) : h = e[21];
+  e[18] !== a || e[19] !== m ? (f = /* @__PURE__ */ j(D, { className: "checkbox-input__indicator", children: [
+    a,
+    m
+  ] }), e[18] = a, e[19] = m, e[20] = f) : f = e[20];
   let u;
-  e[22] !== a || e[23] !== s || e[24] !== d || e[25] !== h ? (u = /* @__PURE__ */ r(a, { defaultChecked: s, ...d, children: h }), e[22] = a, e[23] = s, e[24] = d, e[25] = h, e[26] = u) : u = e[26];
-  let p;
-  e[27] !== l.label ? (p = /* @__PURE__ */ r("div", { className: "input__right input__right--action}", children: l.label }), e[27] = l.label, e[28] = p) : p = e[28];
-  let k;
-  e[29] !== n || e[30] !== u || e[31] !== p ? (k = /* @__PURE__ */ v("div", { ...n, children: [
+  e[21] !== I || e[22] !== t || e[23] !== f || e[24] !== M ? (u = /* @__PURE__ */ n(I, { checked: t, defaultChecked: t, ...M, children: f }), e[21] = I, e[22] = t, e[23] = f, e[24] = M, e[25] = u) : u = e[25];
+  let d;
+  e[26] !== l.label ? (d = /* @__PURE__ */ n("div", { className: "input__right input__right--action}", children: l.label }), e[26] = l.label, e[27] = d) : d = e[27];
+  let h;
+  e[28] !== u || e[29] !== d || e[30] !== s || e[31] !== r ? (h = /* @__PURE__ */ j("div", { ...s, onClick: r, children: [
     u,
-    p
-  ] }), e[29] = n, e[30] = u, e[31] = p, e[32] = k) : k = e[32];
+    d
+  ] }), e[28] = u, e[29] = d, e[30] = s, e[31] = r, e[32] = h) : h = e[32];
+  let p;
+  e[33] !== i ? (p = !i?.valid && i?.notValidMessage ? /* @__PURE__ */ n(P, { children: i.notValidMessage }) : null, e[33] = i, e[34] = p) : p = e[34];
   let C;
-  e[33] !== t ? (C = !t?.valid && t?.notValidMessage ? /* @__PURE__ */ r(P, { children: t.notValidMessage }) : null, e[33] = t, e[34] = C) : C = e[34];
-  let b;
-  return e[35] !== k || e[36] !== C || e[37] !== o || e[38] !== c ? (b = /* @__PURE__ */ v(N, { children: [
+  return e[35] !== h || e[36] !== p || e[37] !== o || e[38] !== c ? (C = /* @__PURE__ */ j(S, { children: [
     o,
     c,
-    k,
-    C
-  ] }), e[35] = k, e[36] = C, e[37] = o, e[38] = c, e[39] = b) : b = e[39], b;
+    h,
+    p
+  ] }), e[35] = h, e[36] = p, e[37] = o, e[38] = c, e[39] = C) : C = e[39], C;
 };
-function q(l) {
+function w(l) {
+}
+function A(l) {
+  return !l;
 }
 export {
-  U as CheckboxInput
+  Y as CheckboxInput
 };

package/dist/components/form/useForm.js

@@ -35,6 +35,7 @@ class _ {
     return {
       // @ts-ignore – z.B. wenn dein Input `defaultValue` kennt
       defaultValue: r,
+      initialValue: r,
       formValidation: {
         setValue: (n) => {
           this.changeValue(s, n);
@@ -76,15 +77,15 @@ const I = (i) => {
   let d;
   t[6] !== m || t[7] !== a || t[8] !== n ? (d = new _(P, n, a, m), t[6] = m, t[7] = a, t[8] = n, t[9] = d) : d = t[9];
   const v = d;
-  let f;
-  t[10] !== s || t[11] !== a || t[12] !== n ? (f = () => {
+  let V;
+  t[10] !== s || t[11] !== a || t[12] !== n ? (V = () => {
     y(!0);
     const g = new _(P, n, a, !1);
     s && g.isValid() && s(n);
-  }, t[10] = s, t[11] = a, t[12] = n, t[13] = f) : f = t[13];
-  const p = f;
-  let V;
-  return t[14] !== p || t[15] !== v ? (V = [v, p], t[14] = p, t[15] = v, t[16] = V) : V = t[16], V;
+  }, t[10] = s, t[11] = a, t[12] = n, t[13] = V) : V = t[13];
+  const p = V;
+  let f;
+  return t[14] !== p || t[15] !== v ? (f = [v, p], t[14] = p, t[15] = v, t[16] = f) : f = t[16], f;
 };
 export {
   I as useForm

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components/alert/Alert';
+export * from './components/aurora/Aurora';
 export * from './components/avatar/Avatar';
 export * from './components/badge/Badge';
 export * from './components/breadcrumb/Breadcrumb';