@code0-tech/pictor 0.0.0-mvp.3 → 0.0.0-mvp.31

package/dist/components/dialog/Dialog.js

@@ -1,98 +1,107 @@
 import { jsx as n, jsxs as g } from "react/jsx-runtime";
-import { c } from "../../compiler-runtime-BNHg76kC.js";
-import * as r from "@radix-ui/react-dialog";
-import { mergeCode0Props as s } from "../../utils/utils.js";
-import { IconX as d } from "@tabler/icons-react";
-import '../../assets/Dialog.css';const C = (i) => {
+import { c } from "../../_virtual/compiler-runtime.js";
+import * as s from "@radix-ui/react-dialog";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as r } from "../../utils/utils.js";
+import { IconX as m } from "@tabler/icons-react";
+import '../../assets/components/dialog/Dialog.style.css';/* empty css                  */
+import { Button as d } from "../button/Button.js";
+import { Flex as _ } from "../flex/Flex.js";
+import { Text as h } from "../text/Text.js";
+const b = (l) => {
   const t = c.c(4);
   let e;
-  t[0] !== i ? (e = s("dialog", i), t[0] = i, t[1] = e) : e = t[1];
+  t[0] !== l ? (e = r("dialog", l), t[0] = l, t[1] = e) : e = t[1];
   const o = e;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Root, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, v = (i) => {
+  let i;
+  return t[2] !== o ? (i = /* @__PURE__ */ n(s.Root, { ...o }), t[2] = o, t[3] = i) : i = t[3], i;
+}, z = (l) => {
   const t = c.c(4);
   let e;
-  t[0] !== i ? (e = s("dialog__trigger", i), t[0] = i, t[1] = e) : e = t[1];
+  t[0] !== l ? (e = r("dialog__trigger", l), t[0] = l, t[1] = e) : e = t[1];
   const o = e;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Trigger, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, P = (i) => {
+  let i;
+  return t[2] !== o ? (i = /* @__PURE__ */ n(s.Trigger, { ...o }), t[2] = o, t[3] = i) : i = t[3], i;
+}, F = (l) => {
   const t = c.c(4);
   let e;
-  t[0] !== i ? (e = s("dialog__portal", i), t[0] = i, t[1] = e) : e = t[1];
+  t[0] !== l ? (e = r("dialog__portal", l), t[0] = l, t[1] = e) : e = t[1];
   const o = e;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Portal, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, _ = (i) => {
+  let i;
+  return t[2] !== o ? (i = /* @__PURE__ */ n(s.Portal, { ...o }), t[2] = o, t[3] = i) : i = t[3], i;
+}, u = (l) => {
   const t = c.c(4);
   let e;
-  t[0] !== i ? (e = s("dialog__close", i), t[0] = i, t[1] = e) : e = t[1];
+  t[0] !== l ? (e = r("dialog__close", l), t[0] = l, t[1] = e) : e = t[1];
   const o = e;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Close, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, m = (i) => {
+  let i;
+  return t[2] !== o ? (i = /* @__PURE__ */ n(s.Close, { ...o }), t[2] = o, t[3] = i) : i = t[3], i;
+}, D = (l) => {
   const t = c.c(4);
   let e;
-  t[0] !== i ? (e = s("dialog__overlay", i), t[0] = i, t[1] = e) : e = t[1];
+  t[0] !== l ? (e = r("dialog__overlay", l), t[0] = l, t[1] = e) : e = t[1];
   const o = e;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Overlay, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, x = (i) => {
-  const t = c.c(9);
+  let i;
+  return t[2] !== o ? (i = /* @__PURE__ */ n(s.Overlay, { ...o }), t[2] = o, t[3] = i) : i = t[3], i;
+}, O = (l) => {
+  const t = c.c(10);
   let e;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(m, {}), t[0] = e) : e = t[0];
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(D, {}), t[0] = e) : e = t[0];
   let o;
-  t[1] !== i ? (o = s("dialog__content", i), t[1] = i, t[2] = o) : o = t[2];
-  const l = o;
+  t[1] !== l ? (o = r("dialog__content", l), t[1] = l, t[2] = o) : o = t[2];
+  const i = o;
   let a;
-  t[3] !== i.showCloseButton ? (a = i.showCloseButton && /* @__PURE__ */ n(_, { children: /* @__PURE__ */ n(d, { size: 16 }) }), t[3] = i.showCloseButton, t[4] = a) : a = t[4];
+  t[3] !== l.showCloseButton || t[4] !== l.title ? (a = l.showCloseButton && /* @__PURE__ */ g(_, { align: "center", justify: "space-between", children: [
+    /* @__PURE__ */ n(h, { hierarchy: "primary", size: "xl", children: l.title }),
+    /* @__PURE__ */ n(u, { asChild: !0, children: /* @__PURE__ */ n(d, { children: /* @__PURE__ */ n(m, { size: 16 }) }) })
+  ] }), t[3] = l.showCloseButton, t[4] = l.title, t[5] = a) : a = t[5];
   let f;
-  return t[5] !== i.children || t[6] !== l || t[7] !== a ? (f = /* @__PURE__ */ g(r.Portal, { children: [
+  return t[6] !== l.children || t[7] !== i || t[8] !== a ? (f = /* @__PURE__ */ g(s.Portal, { children: [
     e,
-    /* @__PURE__ */ g(r.Content, { ...l, children: [
+    /* @__PURE__ */ g(s.Content, { ...i, children: [
       a,
-      i.children
+      l.children
     ] })
-  ] }), t[5] = i.children, t[6] = l, t[7] = a, t[8] = f) : f = t[8], f;
-}, y = (i) => {
+  ] }), t[6] = l.children, t[7] = i, t[8] = a, t[9] = f) : f = t[9], f;
+}, R = (l) => {
   const t = c.c(4);
   let e;
-  t[0] !== i ? (e = s("dialog__title", i), t[0] = i, t[1] = e) : e = t[1];
+  t[0] !== l ? (e = r("dialog__title", l), t[0] = l, t[1] = e) : e = t[1];
   const o = e;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Title, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, T = (i) => {
+  let i;
+  return t[2] !== o ? (i = /* @__PURE__ */ n(s.Title, { ...o }), t[2] = o, t[3] = i) : i = t[3], i;
+}, E = (l) => {
   const t = c.c(4);
   let e;
-  t[0] !== i ? (e = s("dialog__description", i), t[0] = i, t[1] = e) : e = t[1];
+  t[0] !== l ? (e = r("dialog__description", l), t[0] = l, t[1] = e) : e = t[1];
   const o = e;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Description, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, w = (i) => {
+  let i;
+  return t[2] !== o ? (i = /* @__PURE__ */ n(s.Description, { ...o }), t[2] = o, t[3] = i) : i = t[3], i;
+}, H = (l) => {
   const t = c.c(4);
   let e;
-  t[0] !== i ? (e = s("dialog__header", i), t[0] = i, t[1] = e) : e = t[1];
+  t[0] !== l ? (e = r("dialog__header", l), t[0] = l, t[1] = e) : e = t[1];
   const o = e;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ n("div", { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, B = (i) => {
+  let i;
+  return t[2] !== o ? (i = /* @__PURE__ */ n("div", { ...o }), t[2] = o, t[3] = i) : i = t[3], i;
+}, I = (l) => {
   const t = c.c(4);
   let e;
-  t[0] !== i ? (e = s("dialog__footer", i), t[0] = i, t[1] = e) : e = t[1];
+  t[0] !== l ? (e = r("dialog__footer", l), t[0] = l, t[1] = e) : e = t[1];
   const o = e;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ n("div", { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+  let i;
+  return t[2] !== o ? (i = /* @__PURE__ */ n("div", { ...o }), t[2] = o, t[3] = i) : i = t[3], i;
 };
 export {
-  C as Dialog,
-  _ as DialogClose,
-  x as DialogContent,
-  T as DialogDescription,
-  B as DialogFooter,
-  w as DialogHeader,
-  m as DialogOverlay,
-  P as DialogPortal,
-  y as DialogTitle,
-  v as DialogTrigger
+  b as Dialog,
+  u as DialogClose,
+  O as DialogContent,
+  E as DialogDescription,
+  I as DialogFooter,
+  H as DialogHeader,
+  D as DialogOverlay,
+  F as DialogPortal,
+  R as DialogTitle,
+  z as DialogTrigger
 };

package/dist/components/file-tabs/FileTabs.js

@@ -1,61 +1,62 @@
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { c as m } from "../../compiler-runtime-BNHg76kC.js";
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { c as b } from "../../_virtual/compiler-runtime.js";
 import { Tabs as g, List as T, Trigger as v, Content as C } from "@radix-ui/react-tabs";
 import { mergeCode0Props as h } from "../../utils/utils.js";
+import '../../assets/components/file-tabs/FileTabs.style.css';/* empty css                    */
 import { IconX as S } from "@tabler/icons-react";
 import { ScrollAreaViewport as x, ScrollAreaScrollbar as A, ScrollAreaThumb as F, ScrollArea as $ } from "../scroll-area/ScrollArea.js";
-import '../../assets/FileTabs.css';const z = (l) => {
-  const e = m.c(4);
+const E = (t) => {
+  const e = b.c(4);
   let i;
-  e[0] !== l ? (i = h("file-tabs", l), e[0] = l, e[1] = i) : i = e[1];
-  let t;
-  return e[2] !== i ? (t = /* @__PURE__ */ a(g, { "data-slot": "tabs", ...i }), e[2] = i, e[3] = t) : t = e[3], t;
-}, E = (l) => {
-  const e = m.c(10);
+  e[0] !== t ? (i = h("file-tabs", t), e[0] = t, e[1] = i) : i = e[1];
+  let l;
+  return e[2] !== i ? (l = /* @__PURE__ */ a(g, { "data-slot": "tabs", ...i }), e[2] = i, e[3] = l) : l = e[3], l;
+}, I = (t) => {
+  const e = b.c(10);
   let i;
-  e[0] !== l ? (i = h("file-tabs__list", l), e[0] = l, e[1] = i) : i = e[1];
-  let t;
-  e[2] !== l.children ? (t = /* @__PURE__ */ b("div", { className: "file-tabs__list-content", children: [
+  e[0] !== t ? (i = h("file-tabs__list", t), e[0] = t, e[1] = i) : i = e[1];
+  let l;
+  e[2] !== t.children ? (l = /* @__PURE__ */ m("div", { className: "file-tabs__list-content", children: [
     " ",
-    l.children
-  ] }), e[2] = l.children, e[3] = t) : t = e[3];
+    t.children
+  ] }), e[2] = t.children, e[3] = l) : l = e[3];
   let n;
-  e[4] !== l.controls ? (n = l.controls ? /* @__PURE__ */ a("div", { className: "file-tabs__list-controls", children: l.controls }) : null, e[4] = l.controls, e[5] = n) : n = e[5];
+  e[4] !== t.controls ? (n = t.controls ? /* @__PURE__ */ a("div", { className: "file-tabs__list-controls", children: t.controls }) : null, e[4] = t.controls, e[5] = n) : n = e[5];
   let c;
-  return e[6] !== i || e[7] !== t || e[8] !== n ? (c = /* @__PURE__ */ b(T, { "data-slot": "tabs", ...i, children: [
-    t,
+  return e[6] !== i || e[7] !== l || e[8] !== n ? (c = /* @__PURE__ */ m(T, { "data-slot": "tabs", ...i, children: [
+    l,
     n
-  ] }), e[6] = i, e[7] = t, e[8] = n, e[9] = c) : c = e[9], c;
-}, I = (l) => {
-  const e = m.c(10), i = l.value;
-  let t;
-  e[0] !== l ? (t = h("file-tabs__trigger", l), e[0] = l, e[1] = t) : t = e[1];
-  const n = t;
+  ] }), e[6] = i, e[7] = l, e[8] = n, e[9] = c) : c = e[9], c;
+}, P = (t) => {
+  const e = b.c(10), i = t.value;
+  let l;
+  e[0] !== t ? (l = h("file-tabs__trigger", t), e[0] = t, e[1] = l) : l = e[1];
+  const n = l;
   let c;
-  e[2] !== l.closable || e[3] !== l.onClose ? (c = l.closable ? /* @__PURE__ */ a("div", { className: "file-tabs__trigger-icon", onClick: l.onClose, children: /* @__PURE__ */ a(S, { size: 16 }) }) : null, e[2] = l.closable, e[3] = l.onClose, e[4] = c) : c = e[4];
+  e[2] !== t.closable || e[3] !== t.onClose ? (c = t.closable ? /* @__PURE__ */ a("div", { className: "file-tabs__trigger-icon", onClick: t.onClose, children: /* @__PURE__ */ a(S, { size: 12 }) }) : null, e[2] = t.closable, e[3] = t.onClose, e[4] = c) : c = e[4];
   let s;
-  return e[5] !== l.children || e[6] !== l.value || e[7] !== n || e[8] !== c ? (s = /* @__PURE__ */ b(v, { "data-slot": "tabs", "data-value": i, ...n, children: [
-    l.children,
+  return e[5] !== t.children || e[6] !== t.value || e[7] !== n || e[8] !== c ? (s = /* @__PURE__ */ m(v, { "data-slot": "tabs", "data-value": i, ...n, children: [
+    t.children,
     c
-  ] }), e[5] = l.children, e[6] = l.value, e[7] = n, e[8] = c, e[9] = s) : s = e[9], s;
-}, P = (l) => {
-  const e = m.c(15);
-  let i, t, n, c;
-  if (e[0] !== l) {
+  ] }), e[5] = t.children, e[6] = t.value, e[7] = n, e[8] = c, e[9] = s) : s = e[9], s;
+}, R = (t) => {
+  const e = b.c(15);
+  let i, l, n, c;
+  if (e[0] !== t) {
     const {
       children: _,
       ...u
-    } = l;
-    t = _, i = C, c = "tabs", n = h("file-tabs__content", u), e[0] = l, e[1] = i, e[2] = t, e[3] = n, e[4] = c;
+    } = t;
+    l = _, i = C, c = "tabs", n = h("file-tabs__content", u), e[0] = t, e[1] = i, e[2] = l, e[3] = n, e[4] = c;
   } else
-    i = e[1], t = e[2], n = e[3], c = e[4];
+    i = e[1], l = e[2], n = e[3], c = e[4];
   const s = n;
   let o;
-  e[5] !== t ? (o = /* @__PURE__ */ a(x, { children: t }), e[5] = t, e[6] = o) : o = e[6];
+  e[5] !== l ? (o = /* @__PURE__ */ a(x, { children: l }), e[5] = l, e[6] = o) : o = e[6];
   let f;
   e[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ a(A, { orientation: "vertical", children: /* @__PURE__ */ a(F, {}) }), e[7] = f) : f = e[7];
   let r;
-  e[8] !== o ? (r = /* @__PURE__ */ b($, { h: "700px", children: [
+  e[8] !== o ? (r = /* @__PURE__ */ m($, { h: "100%", children: [
     o,
     f
   ] }), e[8] = o, e[9] = r) : r = e[9];
@@ -63,8 +64,8 @@ import '../../assets/FileTabs.css';const z = (l) => {
   return e[10] !== i || e[11] !== c || e[12] !== s || e[13] !== r ? (d = /* @__PURE__ */ a(i, { "data-slot": c, ...s, children: r }), e[10] = i, e[11] = c, e[12] = s, e[13] = r, e[14] = d) : d = e[14], d;
 };
 export {
-  z as FileTabs,
-  P as FileTabsContent,
-  E as FileTabsList,
-  I as FileTabsTrigger
+  E as FileTabs,
+  R as FileTabsContent,
+  I as FileTabsList,
+  P as FileTabsTrigger
 };

package/dist/components/file-tabs/FileTabs.service.d.ts

@@ -2,11 +2,15 @@ import { FileTabsView } from './FileTabs.view';
 import { ReactiveArrayService, ReactiveArrayStore } from '../../utils/reactiveArrayService';
 export declare class FileTabsService extends ReactiveArrayService<FileTabsView> {
     constructor(store: ReactiveArrayStore<FileTabsView>);
+    getById(id: string): FileTabsView | undefined;
     clearLeft(): void;
     clearRight(): void;
     clearWithoutActive(): void;
+    clearAll(): void;
     activateTab(id: string): void;
-    delete(index: number): void;
+    removeTabById(id: string): void;
+    deleteById(id: string): void;
+    registerTab(value: FileTabsView): void;
     add(value: FileTabsView): void;
     getActiveTab(): FileTabsView | undefined;
     getActiveIndex(): number;

package/dist/components/file-tabs/FileTabs.service.js

@@ -1,45 +1,93 @@
-import { ReactiveArrayService as a } from "../../utils/reactiveArrayService.js";
-class v extends a {
-  constructor(t) {
-    super(t);
+import { ReactiveArrayService as h } from "../../utils/reactiveArrayService.js";
+import { startTransition as n } from "react";
+class v extends h {
+  constructor(e) {
+    super(e);
+  }
+  getById(e) {
+    return this.values().find((t) => t.id === e);
   }
   clearLeft() {
-    const t = this.getActiveIndex();
-    this.access.setState((e) => [...e.filter((i, s) => s >= t)]);
+    const e = this.getActiveIndex();
+    this.access.getState().forEach((t, i) => {
+      i >= e || this.removeTabById(t.id);
+    });
   }
   clearRight() {
-    const t = this.getActiveIndex();
-    this.access.setState((e) => [...e.filter((i, s) => s <= t)]);
+    const e = this.getActiveIndex();
+    this.access.getState().forEach((t, i) => {
+      i <= e || this.removeTabById(t.id);
+    });
   }
   clearWithoutActive() {
-    const t = this.getActiveTab();
-    t && this.access.setState((e) => [t]);
+    const e = this.getActiveIndex();
+    this.access.getState().forEach((t, i) => {
+      i != e && this.removeTabById(t.id);
+    });
+  }
+  clearAll() {
+    this.access.getState().forEach((e) => {
+      this.removeTabById(e.id);
+    });
   }
-  activateTab(t) {
+  activateTab(e) {
     this.values().forEach((i) => {
       i.active = !1;
     });
-    const e = this.values().find((i) => i.id === t);
-    e && (e.active = !0), this.update();
+    const t = this.values().find((i) => i.id === e);
+    t && (t.active = !0, t.show = !0), this.update();
   }
-  delete(t) {
-    const e = this.get(t);
-    e.active && this.has(t - 1) ? this.activateTab(this.get(t - 1).id) : e.active && this.has(t + 1) && this.activateTab(this.get(t + 1).id), super.delete(t);
-  }
-  add(t) {
-    if (this.values().some((e) => e.id == t.id)) {
-      this.activateTab(t.id);
-      return;
+  removeTabById(e) {
+    const t = this.getById(e), i = this.values().findIndex((s) => s.id === e);
+    if (t) {
+      if (t.active && this.has(i - 1)) {
+        const s = this.get(i - 1);
+        s.show && this.activateTab(s.id);
+      } else if (t.active && this.has(i + 1)) {
+        const s = this.get(i + 1);
+        s.show && this.activateTab(s.id);
+      }
+      t.show = !1, t.active = !1, this.update();
     }
-    t.active && this.values().forEach((e) => {
-      e.active = !1;
-    }), super.add(t);
+  }
+  deleteById(e) {
+    const t = this.values().findIndex((s) => s.id === e), i = this.get(t);
+    i && i.active && this.has(t - 1) ? this.activateTab(this.get(t - 1).id) : i && i.active && this.has(t + 1) && this.activateTab(this.get(t + 1).id), i && this.access.setState((s) => s.filter((a) => a.id !== e));
+  }
+  registerTab(e) {
+    const t = {
+      ...e,
+      show: e.show ?? !1
+    };
+    n(() => {
+      this.access.setState((i) => i.findIndex((a) => a.id === t.id) !== -1 ? i : [...i, t]);
+    });
+  }
+  add(e) {
+    const t = {
+      ...e,
+      show: e.show ?? !0
+    };
+    n(() => {
+      this.access.setState((i) => {
+        const s = i.findIndex((c) => c.id === t.id), a = i.map((c) => ({
+          ...c,
+          active: t.active ? !1 : c.active
+        }));
+        return s !== -1 ? (a[s] = {
+          ...a[s],
+          ...t,
+          active: t.active ?? a[s].active,
+          show: t.show ?? a[s].show
+        }, a) : [...a, t];
+      });
+    });
   }
   getActiveTab() {
-    return [...this.values()].reverse().find((e) => e.active);
+    return this.values().find((e) => e.active);
   }
   getActiveIndex() {
-    return this.values().findIndex((t) => t.active);
+    return this.values().findIndex((e) => e.active);
   }
 }
 export {

package/dist/components/file-tabs/FileTabs.view.d.ts

@@ -6,4 +6,5 @@ export interface FileTabsView {
     content: React.ReactNode;
     active: boolean;
     lastActive?: Date;
+    show?: boolean;
 }

package/dist/components/flex/Flex.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as s } from "../../compiler-runtime-BNHg76kC.js";
+import { c as s } from "../../_virtual/compiler-runtime.js";
 import { mergeCode0Props as n } from "../../utils/utils.js";
-import '../../assets/Flex.css';/* empty css                        */
+import '../../assets/components/flex/Flex.style.css';/* empty css                */
 const h = (i) => {
   const e = s.c(6);
   let t, r;

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 "../../compiler-runtime-BNHg76kC.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/Input.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 '../../assets/components/form/Input.style.css';/* empty css                 */
+import { IconMinus as T, IconCheck as q } from "@tabler/icons-react";
+const Y = (l) => {
+  const e = $.c(40), {
+    title: _,
+    description: b,
+    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] !== _ ? (o = _ ? /* @__PURE__ */ n(F, { children: _ }) : null, e[7] = _, e[8] = o) : o = e[8];
+  let c;
+  e[9] !== b ? (c = b ? /* @__PURE__ */ n(L, { children: b }) : null, e[9] = b, 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/EmailInput.js

@@ -1,20 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import o from "react";
-import { Input as l, setElementKey as m } from "./Input.js";
-import { IconX as s } from "@tabler/icons-react";
+import { jsx as o } from "react/jsx-runtime";
+import e from "react";
+import { Input as l } from "./Input.js";
+import { IconX as m } from "@tabler/icons-react";
 import { Button as f } from "../button/Button.js";
-const z = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, d = (t) => z.test(t), g = o.forwardRef((t, x) => {
-  x = x || o.useRef(null);
+import { clearInputElement as s } from "./Input.utils.js";
+const p = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, I = (t) => p.test(t), _ = e.forwardRef((t, x) => {
+  x = x || e.useRef(null);
   const {
     clearable: r = !1,
     right: n,
     ...c
   } = t, i = () => {
-    x.current && m(x.current, "value", "", "change");
+    s(x.current);
   }, a = [n];
-  return r && a.push(/* @__PURE__ */ e(f, { onClick: i, children: /* @__PURE__ */ e(s, { size: 13 }) })), /* @__PURE__ */ e(l, { right: a, type: "email", ref: x, ...c });
+  return r && a.push(/* @__PURE__ */ o(f, { onClick: i, children: /* @__PURE__ */ o(m, { size: 13 }) })), /* @__PURE__ */ o(l, { right: a, type: "email", ref: x, ...c });
 });
 export {
-  g as EmailInput,
-  d as emailValidation
+  _ as EmailInput,
+  I as emailValidation
 };