@code0-tech/pictor 0.8.0 → 0.9.0

package/dist/assets/components/progress/Progress.style.css

@@ -0,0 +1 @@
+.progress{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;box-sizing:border-box;border-radius:1rem;width:100%;height:10px;position:relative;transform:translateZ(0)}.progress__dot{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;background:#393743;position:absolute;max-width:100%;aspect-ratio:1/1;height:200%;z-index:2;top:50%;transform:translate(50%) translateY(-50%);border-radius:50rem;right:calc(100% - 1% * (var(--progress, 0)));overflow:hidden}.progress__dot:after{content:"";position:absolute;top:50%;left:50%;border-radius:inherit;width:60%;height:60%;transform:translate(-50%,-50%);background:var(--color);background-repeat:no-repeat}.progress__indicator{position:absolute;background:var(--color);background-position:left center;background-repeat:no-repeat;background-size:calc(100% * 100 / var(--progress, 100)) 100%;width:100%;height:100%;z-index:1}.progress__indicator--prediction{background:repeating-linear-gradient(-45deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 2.5px,transparent 2.5px,transparent 5px),var(--color);z-index:0;opacity:.5;background-position:left center;background-repeat:no-repeat;background-size:calc(100% * 100 / var(--progressPrediction, 100)) 100%}

package/dist/components/breadcrumb/Breadcrumb.js

@@ -5,17 +5,17 @@ import { mergeComponentProps as l } from "../../utils/component.js";
 import "js-md5";
 import '../../assets/components/breadcrumb/Breadcrumb.style.css';/* empty css                      */
 import { IconChevronRight as a } from "@tabler/icons-react";
-const j = (m) => {
+const g = (m) => {
   const {
     splitter: n = /* @__PURE__ */ r(a, { size: 16 }),
-    children: o,
+    children: e,
     ...i
-  } = m, c = t.Children.count(o);
-  return /* @__PURE__ */ r("div", { ...l("breadcrumb", i), children: t.Children.map(o, (p, e) => /* @__PURE__ */ s(t.Fragment, { children: [
+  } = m, c = t.Children.count(e);
+  return /* @__PURE__ */ r("div", { ...l("breadcrumb", i), children: t.Children.map(e, (p, o) => /* @__PURE__ */ s(t.Fragment, { children: [
     p,
-    e < c - 1 ? /* @__PURE__ */ r("span", { className: "breadcrumb__splitter", children: n }) : null
-  ] }, e)) });
+    o < c - 1 ? /* @__PURE__ */ r("span", { className: "breadcrumb__splitter", children: n }) : null
+  ] }, o)) });
 };
 export {
-  j as Breadcrumb
+  g as Breadcrumb
 };

package/dist/components/button/Button.js

@@ -5,28 +5,28 @@ import z from "react";
 import "../../utils/contextStore.js";
 import { mergeComponentProps as S } from "../../utils/component.js";
 import "js-md5";
-const k = z.forwardRef((a, s) => {
+const P = z.forwardRef((a, d) => {
   const t = h.c(11);
   let o, n, e, i;
-  if (t[0] !== a || t[1] !== s) {
+  if (t[0] !== a || t[1] !== d) {
     const {
       children: f,
-      variant: c,
-      color: l,
+      variant: l,
+      color: c,
       paddingSize: m,
-      active: b,
-      disabled: u,
+      active: u,
+      disabled: b,
       ...p
     } = a;
     o = f;
-    const v = c === void 0 ? "normal" : c, $ = l === void 0 ? "secondary" : l, g = m === void 0 ? "xs" : m, x = b === void 0 ? !1 : b;
-    n = u === void 0 ? !1 : u, e = s, i = S(`button button--${$} ${x ? "button--active" : ""} ${n ? "button--disabled" : ""} button--${v} button--${g}`, p), t[0] = a, t[1] = s, t[2] = o, t[3] = n, t[4] = e, t[5] = i;
+    const v = l === void 0 ? "normal" : l, $ = c === void 0 ? "secondary" : c, g = m === void 0 ? "xs" : m, x = u === void 0 ? !1 : u;
+    n = b === void 0 ? !1 : b, e = d, i = S(`button button--${$} ${x ? "button--active" : ""} ${n ? "button--disabled" : ""} button--${v} button--${g}`, p), t[0] = a, t[1] = d, t[2] = o, t[3] = n, t[4] = e, t[5] = i;
   } else
     o = t[2], n = t[3], e = t[4], i = t[5];
-  const d = n ? "true" : "false";
+  const s = n ? "true" : "false";
   let r;
-  return t[6] !== o || t[7] !== e || t[8] !== i || t[9] !== d ? (r = /* @__PURE__ */ R("button", { ref: e, ...i, "aria-disabled": d, children: o }), t[6] = o, t[7] = e, t[8] = i, t[9] = d, t[10] = r) : r = t[10], r;
+  return t[6] !== o || t[7] !== e || t[8] !== i || t[9] !== s ? (r = /* @__PURE__ */ R("button", { ref: e, ...i, "aria-disabled": s, children: o }), t[6] = o, t[7] = e, t[8] = i, t[9] = s, t[10] = r) : r = t[10], r;
 });
 export {
-  k as Button
+  P as Button
 };

package/dist/components/data-table/DataTable.js

@@ -1,40 +1,40 @@
-import { jsxs as g, jsx as p } from "react/jsx-runtime";
-import h from "react";
+import { jsxs as _, jsx as p } from "react/jsx-runtime";
+import g from "react";
 import '../../assets/components/data-table/DataTable.style.css';/* empty css                     */
 import "../../utils/contextStore.js";
-import { mergeComponentProps as C } from "../../utils/component.js";
+import { mergeComponentProps as h } from "../../utils/component.js";
 import "js-md5";
-const A = (l, m) => m.split(".").reduce((t, f) => {
+const d = (l, m) => m.split(".").reduce((t, f) => {
   if (t != null)
-    return Array.isArray(t) ? t.map((o) => o?.[f]).filter((o) => o !== void 0) : t[f];
+    return Array.isArray(t) ? t.map((a) => a?.[f]).filter((a) => a !== void 0) : t[f];
 }, l), w = (l) => {
   const {
     data: m,
     sort: t,
     filter: f,
-    loading: o,
-    loadingComponent: j,
-    emptyComponent: d,
+    loading: a,
+    loadingComponent: C,
+    emptyComponent: A,
     onSelect: u,
     children: O,
     ...b
-  } = l, y = m.filter((i) => Object.entries(f || {}).every(([a, {
+  } = l, y = m.filter((i) => Object.entries(f || {}).every(([o, {
     operator: n,
     value: r
   }]) => {
-    const e = A(i, a);
+    const e = d(i, o);
     return n === "isOneOf" && !Array.isArray(r) && !Array.isArray(e) ? e === r : n === "isOneOf" && !Array.isArray(r) && Array.isArray(e) ? Array.from(e).includes(r) : n === "isOneOf" && Array.isArray(r) && !Array.isArray(e) ? Array.from(r).some((s) => s === e) : n === "isOneOf" && Array.isArray(r) && Array.isArray(e) ? Array.from(r).some((s) => Array.from(e).includes(s)) : !1;
-  })), c = h.useMemo(() => t ? [...y].sort((i, a) => {
+  })), c = g.useMemo(() => t ? [...y].sort((i, o) => {
     for (const [n, r] of Object.entries(t)) {
-      const e = A(i, n), s = A(a, n);
+      const e = d(i, n), s = d(o, n);
       if (e < s) return r === "asc" ? -1 : 1;
       if (e > s) return r === "asc" ? 1 : -1;
     }
     return 0;
   }) : y, [y, t]);
-  return /* @__PURE__ */ g("table", { ...C("data-table", b), children: [
-    c.map((i, a) => /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(i), children: O?.(i, a) })),
-    c.length === 0 && !o && d ? /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(void 0), children: d }) : null
+  return /* @__PURE__ */ _("table", { ...h("data-table", b), children: [
+    c.map((i, o) => /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(i), children: O?.(i, o) })),
+    c.length === 0 && !a && A ? /* @__PURE__ */ p("tr", { className: "data-table__row", onClick: () => u?.(void 0), children: A }) : null
   ] });
 };
 export {

package/dist/components/data-table/DataTableFilterSuggestionMenu.js

@@ -1,16 +1,16 @@
 import { jsx as f, jsxs as d } from "react/jsx-runtime";
-import { c as v } from "../../_virtual/compiler-runtime.js";
-import w from "react";
-import { MenuTrigger as y, MenuContent as _, Menu as g } from "../menu/Menu.js";
+import { c as _ } from "../../_virtual/compiler-runtime.js";
+import v from "react";
+import { MenuTrigger as w, MenuContent as y, Menu as g } from "../menu/Menu.js";
 const T = (t) => {
-  const e = v.c(11), {
-    children: l,
-    context: m
-  } = t, [u, p] = w.useState(!0), h = _;
+  const e = _.c(11), {
+    children: c,
+    context: u
+  } = t, [m, p] = v.useState(!0), h = y;
   let r;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (a) => p(a), e[0] = r) : r = e[0];
   let i;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ f(y, { asChild: !0, children: /* @__PURE__ */ f("div", { style: {
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ f(w, { asChild: !0, children: /* @__PURE__ */ f("div", { style: {
     position: "absolute",
     top: 0,
     left: 0,
@@ -18,9 +18,9 @@ const T = (t) => {
     height: 0
   } }) }), e[1] = i) : i = e[1];
   let n;
-  e[2] !== m?.view ? (n = (a) => {
-    ["Escape", "ArrowUp", "ArrowDown"].includes(a.key) || m?.view?.focus();
-  }, e[2] = m?.view, e[3] = n) : n = e[3];
+  e[2] !== u?.view ? (n = (a) => {
+    ["Escape", "ArrowUp", "ArrowDown"].includes(a.key) || u?.view?.focus();
+  }, e[2] = u?.view, e[3] = n) : n = e[3];
   let s;
   e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
     position: "fixed",
@@ -29,12 +29,12 @@ const T = (t) => {
     pointerEvents: "auto"
   }, e[4] = s) : s = e[4];
   let o;
-  e[5] !== l || e[6] !== n ? (o = /* @__PURE__ */ f(h, { miw: "200px", onInteractOutside: b, onOpenAutoFocus: D, onKeyDown: n, style: s, children: l }), e[5] = l, e[6] = n, e[7] = o) : o = e[7];
-  let c;
-  return e[8] !== u || e[9] !== o ? (c = /* @__PURE__ */ d(g, { open: u, onOpenChange: r, modal: !1, children: [
+  e[5] !== c || e[6] !== n ? (o = /* @__PURE__ */ f(h, { miw: "200px", onInteractOutside: b, onOpenAutoFocus: D, onKeyDown: n, style: s, children: c }), e[5] = c, e[6] = n, e[7] = o) : o = e[7];
+  let l;
+  return e[8] !== m || e[9] !== o ? (l = /* @__PURE__ */ d(g, { open: m, onOpenChange: r, modal: !1, children: [
     i,
     o
-  ] }), e[8] = u, e[9] = o, e[10] = c) : c = e[10], c;
+  ] }), e[8] = m, e[9] = o, e[10] = l) : l = e[10], l;
 };
 function x(t) {
   return t;

package/dist/components/editor/Editor.js

@@ -1,10 +1,10 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import m, { isValidElement as me } from "react";
-import { createPortal as K } from "react-dom";
+import { createPortal as H } from "react-dom";
 import "../../utils/contextStore.js";
 import { mergeComponentProps as he } from "../../utils/component.js";
 import { hashToColor as w } from "../../utils/color.js";
-import fe, { Prec as _, keymap as J, ViewPlugin as ge, RangeSetBuilder as pe, Decoration as F, EditorView as ye, WidgetType as be } from "@uiw/react-codemirror";
+import fe, { Prec as K, keymap as J, ViewPlugin as ge, RangeSetBuilder as pe, Decoration as F, EditorView as ye, WidgetType as be } from "@uiw/react-codemirror";
 import { json as ve, jsonParseLinter as Se } from "@codemirror/lang-json";
 import { syntaxTree as L } from "@codemirror/language";
 import { linter as we } from "@codemirror/lint";
@@ -53,7 +53,7 @@ class X extends be {
     return t.type === this.type && t.rawValue === this.rawValue;
   }
 }
-const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), dr = (i) => {
+const _e = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), dr = (i) => {
   const {
     language: t,
     tokenizer: f,
@@ -70,9 +70,9 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
     showValidation: U = !0,
     readonly: ee,
     basicSetup: re,
-    customSuggestionComponent: D = !1,
+    customSuggestionComponent: _ = !1,
     ...te
-  } = i, [oe, I] = m.useState(), R = m.useRef(null), [ne, ie] = m.useState(/* @__PURE__ */ new Map()), [u, se] = m.useState([]), [T, le] = m.useState(null), [g, y] = m.useState(null), H = m.useRef(null);
+  } = i, [oe, I] = m.useState(), R = m.useRef(null), [ne, ie] = m.useState(/* @__PURE__ */ new Map()), [u, se] = m.useState([]), [T, le] = m.useState(null), [g, y] = m.useState(null), D = m.useRef(null);
   m.useEffect(() => {
     (async () => {
       try {
@@ -92,7 +92,7 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
     if (V) {
       const n = (o) => {
         const c = V(o);
-        if (c && De(c)) {
+        if (c && _e(c)) {
           const l = o.view?.coordsAtPos(o.pos);
           return l && y({
             component: c,
@@ -105,15 +105,15 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
         return y(null), c;
       };
       e.push(Be({
-        ...D ? {
+        ..._ ? {
           override: [n]
         } : {
           override: [V]
         }
-      })), e.push(_.highest(J.of([{
+      })), e.push(K.highest(J.of([{
         key: "Tab",
         run: Fe
-      }]))), D && e.push(_.highest(J.of([{
+      }]))), _ && e.push(K.highest(J.of([{
         key: "ArrowUp",
         run: (o) => (g || E(o), !0)
       }, {
@@ -177,7 +177,7 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
           to: c
         });
       } else e.selectionSet && (y(null), E(e.view));
-      const d = H.current?.querySelectorAll(".cm-react-anchor"), n = /* @__PURE__ */ new Map();
+      const d = D.current?.querySelectorAll(".cm-react-anchor"), n = /* @__PURE__ */ new Map();
       d?.forEach((o) => {
         n.set(o, {
           type: o.dataset.type,
@@ -291,7 +291,7 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
       ] }),
       /* @__PURE__ */ r(a, { children: "suggestions" })
     ] }) }),
-    /* @__PURE__ */ r(Me, { asChild: !0, children: /* @__PURE__ */ s("div", { ref: H, ...he("editor", te), children: [
+    /* @__PURE__ */ r(Me, { asChild: !0, children: /* @__PURE__ */ s("div", { ref: D, ...he("editor", te), children: [
       /* @__PURE__ */ r(fe, { width: "100%", height: "100%", value: oe, theme: ue, readOnly: N || ee, editable: !N, extensions: ae, "aria-disabled": N, className: "editor__control", onChange: (e) => {
         if (I(e), t === "json")
           try {
@@ -304,13 +304,13 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
       }, onUpdate: ce, basicSetup: re }),
       p && Array.from(ne.entries()).map(([e, d]) => {
         const n = p[d.type];
-        return n ? K(/* @__PURE__ */ r("div", { style: {
+        return n ? H(/* @__PURE__ */ r("div", { style: {
           display: "contents"
         }, children: n({
           content: d.value
         }) }, e.outerHTML + d.value), e) : null;
       }),
-      g && K(/* @__PURE__ */ r("div", { ref: R, style: {
+      g && H(/* @__PURE__ */ r("div", { ref: R, style: {
         position: "fixed",
         top: g.position.top,
         left: g.position.left,

package/dist/components/form/CheckboxInput.js

@@ -12,8 +12,8 @@ import '../../assets/components/form/Input.style.css';/* empty css
 import { IconMinus as T, IconCheck as q } from "@tabler/icons-react";
 const ee = (l) => {
   const e = $.c(40), {
-    title: b,
-    description: _,
+    title: _,
+    description: b,
     formValidation: k,
     ...N
   } = l;
@@ -31,9 +31,9 @@ const ee = (l) => {
   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];
+  e[7] !== _ ? (o = _ ? /* @__PURE__ */ n(F, { children: _ }) : null, e[7] = _, e[8] = o) : o = e[8];
   let c;
-  e[9] !== _ ? (c = _ ? /* @__PURE__ */ n(L, { children: _ }) : null, e[9] = _, e[10] = c) : c = e[10];
+  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 r;
   e[11] !== V ? (r = E(V, {}), e[11] = V, e[12] = r) : r = e[12];

package/dist/components/form/EmailInput.js

@@ -1,21 +1,21 @@
 import { jsx as o } from "react/jsx-runtime";
-import r from "react";
-import { Input as m } from "./Input.js";
-import { IconX as l } from "@tabler/icons-react";
+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";
 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])+)\])/, d = (t) => p.test(t), R = r.forwardRef((t, x) => {
-  x = x || r.useRef(null);
+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: e = !1,
+    clearable: r = !1,
     right: n,
     ...c
   } = t, i = () => {
     s(x.current);
   }, a = [n];
-  return e && a.push(/* @__PURE__ */ o(f, { onClick: i, children: /* @__PURE__ */ o(l, { size: 13 }) })), /* @__PURE__ */ o(m, { 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 {
-  R as EmailInput,
-  d as emailValidation
+  _ as EmailInput,
+  I as emailValidation
 };

package/dist/components/form/InputContentEditable.hook.js

@@ -401,8 +401,8 @@ const F = "input__token", K = "input__token--selected", q = "aria-data", O = "
     s(r.current);
   }, e[15] = r, e[16] = s, e[17] = w) : w = e[17];
   const V = w, G = me;
-  let L;
-  e[18] !== r || e[19] !== s ? (L = (i) => {
+  let _;
+  e[18] !== r || e[19] !== s ? (_ = (i) => {
     const g = r.current;
     if (!g || document.activeElement !== g)
       return !1;
@@ -414,26 +414,26 @@ const F = "input__token", K = "input__token--selected", q = "aria-data", O = "
         return i.preventDefault(), i.stopPropagation(), $(g), !0;
     }
     return i.key === "Enter" ? (i.preventDefault(), !0) : !1;
-  }, e[18] = r, e[19] = s, e[20] = L) : L = e[20];
-  const X = L;
-  let M;
-  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = () => {
+  }, e[18] = r, e[19] = s, e[20] = _) : _ = e[20];
+  const X = _;
+  let L;
+  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = () => {
     const i = u.current;
     return u.current = null, i;
-  }, e[21] = M) : M = e[21];
-  let _;
-  return e[22] !== y || e[23] !== d || e[24] !== V || e[25] !== X || e[26] !== S || e[27] !== p || e[28] !== s ? (_ = {
+  }, e[21] = L) : L = e[21];
+  let M;
+  return e[22] !== y || e[23] !== d || e[24] !== V || e[25] !== X || e[26] !== S || e[27] !== p || e[28] !== s ? (M = {
     editorHtml: d,
     setEditorHtml: c,
     initializeFromExternalValue: p,
     updateEditorState: s,
-    takePendingSelection: M,
+    takePendingSelection: L,
     applySuggestionValueSyntax: y,
     handlePaste: S,
     handleChange: V,
     handleKeyDownCapture: G,
     handleKeyDown: X
-  }, e[22] = y, e[23] = d, e[24] = V, e[25] = X, e[26] = S, e[27] = p, e[28] = s, e[29] = _) : _ = e[29], _;
+  }, e[22] = y, e[23] = d, e[24] = V, e[25] = X, e[26] = S, e[27] = p, e[28] = s, e[29] = M) : M = e[29], M;
 };
 function pe(t) {
   return typeof t != "string";

package/dist/components/form/InputWrapper.js

@@ -10,18 +10,18 @@ import { InputDescription as F } from "./InputDescription.js";
 import '../../assets/components/form/InputWrapper.style.css';/* empty css                        */
 const K = N.forwardRef((C, L) => {
   const e = j.c(29), {
-    children: _,
-    wrapperComponent: m,
-    left: f,
-    right: c,
+    children: w,
+    wrapperComponent: f,
+    left: m,
+    right: d,
     leftType: M,
     rightType: T,
-    title: d,
+    title: c,
     description: u,
     formValidation: h
   } = C;
   let g;
-  e[0] !== m ? (g = m === void 0 ? {} : m, e[0] = m, e[1] = g) : g = e[1];
+  e[0] !== f ? (g = f === void 0 ? {} : f, e[0] = f, e[1] = g) : g = e[1];
   const V = g, x = M === void 0 ? "icon" : M, y = T === void 0 ? "action" : T;
   let v;
   e[2] !== h ? (v = h === void 0 ? {
@@ -31,31 +31,31 @@ const K = N.forwardRef((C, L) => {
   } : h, e[2] = h, e[3] = v) : v = e[3];
   const t = v;
   let i;
-  e[4] !== d ? (i = d && /* @__PURE__ */ a(E, { children: d }), e[4] = d, e[5] = i) : i = e[5];
+  e[4] !== c ? (i = c && /* @__PURE__ */ a(E, { children: c }), e[4] = c, e[5] = i) : i = e[5];
   let r;
   e[6] !== u ? (r = u && /* @__PURE__ */ a(F, { children: u }), e[6] = u, e[7] = r) : r = e[7];
   const I = `input-wrapper ${t?.valid ? "" : "input-wrapper--not-valid"}`;
   let l;
   e[8] !== I || e[9] !== V ? (l = b(I, V), e[8] = I, e[9] = V, e[10] = l) : l = e[10];
   let o;
-  e[11] !== f || e[12] !== x ? (o = f && /* @__PURE__ */ a("div", { className: `input-wrapper__left input__left--${x}`, children: f }), e[11] = f, e[12] = x, e[13] = o) : o = e[13];
+  e[11] !== m || e[12] !== x ? (o = m && /* @__PURE__ */ a("div", { className: `input-wrapper__left input__left--${x}`, children: m }), e[11] = m, e[12] = x, e[13] = o) : o = e[13];
   let p;
-  e[14] !== c || e[15] !== y ? (p = c && /* @__PURE__ */ a("div", { className: `input-wrapper__right input-wrapper__right--${y}`, children: c }), e[14] = c, e[15] = y, e[16] = p) : p = e[16];
+  e[14] !== d || e[15] !== y ? (p = d && /* @__PURE__ */ a("div", { className: `input-wrapper__right input-wrapper__right--${y}`, children: d }), e[14] = d, e[15] = y, e[16] = p) : p = e[16];
   let n;
-  e[17] !== _ || e[18] !== o || e[19] !== p || e[20] !== l ? (n = /* @__PURE__ */ $("div", { ...l, children: [
+  e[17] !== w || e[18] !== o || e[19] !== p || e[20] !== l ? (n = /* @__PURE__ */ $("div", { ...l, children: [
     o,
-    _,
+    w,
     p
-  ] }), e[17] = _, e[18] = o, e[19] = p, e[20] = l, e[21] = n) : n = e[21];
+  ] }), e[17] = w, e[18] = o, e[19] = p, e[20] = l, e[21] = n) : n = e[21];
   let s;
   e[22] !== t ? (s = !t?.valid && t?.notValidMessage && /* @__PURE__ */ a(D, { children: t.notValidMessage }), e[22] = t, e[23] = s) : s = e[23];
-  let w;
-  return e[24] !== n || e[25] !== s || e[26] !== i || e[27] !== r ? (w = /* @__PURE__ */ $(R, { children: [
+  let _;
+  return e[24] !== n || e[25] !== s || e[26] !== i || e[27] !== r ? (_ = /* @__PURE__ */ $(R, { children: [
     i,
     r,
     n,
     s
-  ] }), e[24] = n, e[25] = s, e[26] = i, e[27] = r, e[28] = w) : w = e[28], w;
+  ] }), e[24] = n, e[25] = s, e[26] = i, e[27] = r, e[28] = _) : _ = e[28], _;
 });
 export {
   K as InputWrapper

package/dist/components/form/NumberInput.js

@@ -1,20 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import u from "react";
 import { Input as i } from "./Input.js";
 import { IconMinus as a, IconPlus as l } from "@tabler/icons-react";
 import { Button as e } from "../button/Button.js";
-const d = u.forwardRef((o, n) => {
-  n = n || u.useRef(null);
+const N = u.forwardRef((o, t) => {
+  t = t || u.useRef(null);
   const {
     step: r = 1,
     ...c
   } = o;
-  return /* @__PURE__ */ t(i, { className: "number-input", right: /* @__PURE__ */ t(e, { variant: "none", onClick: () => {
-    n.current && (n.current.value || (n.current.value = "0"), n.current.value = (Number.parseInt(n.current.value) + r).toString());
-  }, children: /* @__PURE__ */ t(l, { size: 13 }) }), left: /* @__PURE__ */ t(e, { variant: "none", onClick: () => {
-    n.current && (n.current.value || (n.current.value = "0"), n.current.value = (Number.parseInt(n.current.value) - r).toString());
-  }, children: /* @__PURE__ */ t(a, { size: 13 }) }), leftType: "action", type: "number", ref: n, ...c });
+  return /* @__PURE__ */ n(i, { className: "number-input", right: /* @__PURE__ */ n(e, { variant: "none", onClick: () => {
+    t.current && (t.current.value || (t.current.value = "0"), t.current.value = (Number.parseInt(t.current.value) + r).toString());
+  }, children: /* @__PURE__ */ n(l, { size: 13 }) }), left: /* @__PURE__ */ n(e, { variant: "none", onClick: () => {
+    t.current && (t.current.value || (t.current.value = "0"), t.current.value = (Number.parseInt(t.current.value) - r).toString());
+  }, children: /* @__PURE__ */ n(a, { size: 13 }) }), leftType: "action", type: "number", ref: t, ...c });
 });
 export {
-  d as NumberInput
+  N as NumberInput
 };

package/dist/components/form/PasswordInput.js

@@ -6,7 +6,7 @@ import { Button as p } from "../button/Button.js";
 import { clearInputElement as w } from "./Input.utils.js";
 import { Flex as o } from "../flex/Flex.js";
 import { Text as a } from "../text/Text.js";
-const A = u.forwardRef((n, e) => {
+const v = u.forwardRef((n, e) => {
   e = e || u.useRef(null);
   const {
     clearable: m = !0,
@@ -57,12 +57,12 @@ const A = u.forwardRef((n, e) => {
       ] })
     ] })
   ] });
-}), E = (n) => {
+}), A = (n) => {
   if (!n) return "12345";
   let e = null;
   return n.length < 8 && (e = (e ?? "") + "1"), /[a-z]/.test(n) || (e = (e ?? "") + "2"), /[A-Z]/.test(n) || (e = (e ?? "") + "3"), /[0-9]/.test(n) || (e = (e ?? "") + "4"), /[^A-Za-z0-9]/.test(n) || (e = (e ?? "") + "5"), e;
 };
 export {
-  A as PasswordInput,
-  E as passwordValidation
+  v as PasswordInput,
+  A as passwordValidation
 };

package/dist/components/form/SwitchInput.js

@@ -1,18 +1,18 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import e from "react";
 import { Input as p } from "./Input.js";
 const m = e.forwardRef((r, t) => {
   t = t || e.useRef(null);
   const {
-    value: o,
-    initialValue: l,
-    ...n
+    value: l,
+    initialValue: o,
+    ...u
   } = r;
-  return /* @__PURE__ */ u(p, { wrapperComponent: {
+  return /* @__PURE__ */ n(p, { wrapperComponent: {
     className: "switch-input"
-  }, type: "checkbox", right: null, left: null, ref: t, value: o, ...l ? {
+  }, type: "checkbox", right: null, left: null, ref: t, value: l, ...o ? {
     defaultChecked: !0
-  } : {}, ...n });
+  } : {}, ...u });
 });
 export {
   m as SwitchInput

package/dist/components/form/TextAreaInput.js

@@ -1,20 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import a from "react";
 import { Input as u } from "./Input.js";
 import { IconX as f } from "@tabler/icons-react";
 import { Button as p } from "../button/Button.js";
 import { clearInputElement as s } from "./Input.utils.js";
-const b = a.forwardRef((r, t) => {
+const R = a.forwardRef((r, t) => {
   t = t || a.useRef(null);
   const {
     clearable: i = !1,
     right: l,
     ...m
-  } = r, c = (o) => {
-    s(t.current), r.onClear && r.onClear(o);
+  } = r, c = (e) => {
+    s(t.current), r.onClear && r.onClear(e);
   }, n = [l];
-  return i && n.push(/* @__PURE__ */ e(p, { variant: "none", onClick: (o) => c(o), children: /* @__PURE__ */ e(f, { size: 13 }) })), /* @__PURE__ */ e(u, { right: n, type: "textarea", ref: t, ...m });
+  return i && n.push(/* @__PURE__ */ o(p, { variant: "none", onClick: (e) => c(e), children: /* @__PURE__ */ o(f, { size: 13 }) })), /* @__PURE__ */ o(u, { right: n, type: "textarea", ref: t, ...m });
 });
 export {
-  b as TextAreaInput
+  R as TextAreaInput
 };

package/dist/components/form/TextInput.js

@@ -4,17 +4,17 @@ import { Input as u } from "./Input.js";
 import { IconX as f } from "@tabler/icons-react";
 import { Button as p } from "../button/Button.js";
 import { clearInputElement as s } from "./Input.utils.js";
-const b = i.forwardRef((r, t) => {
+const R = i.forwardRef((r, t) => {
   t = t || i.useRef(null);
   const {
     clearable: l = !1,
-    right: m,
-    ...a
+    right: a,
+    ...m
   } = r, c = (o) => {
     s(t.current), r.onClear && r.onClear(o);
-  }, n = [m];
-  return l && n.push(/* @__PURE__ */ e(p, { variant: "none", onClick: (o) => c(o), children: /* @__PURE__ */ e(f, { size: 13 }) })), /* @__PURE__ */ e(u, { right: n, type: "text", ref: t, ...a });
+  }, n = [a];
+  return l && n.push(/* @__PURE__ */ e(p, { variant: "none", onClick: (o) => c(o), children: /* @__PURE__ */ e(f, { size: 13 }) })), /* @__PURE__ */ e(u, { right: n, type: "text", ref: t, ...m });
 });
 export {
-  b as TextInput
+  R as TextInput
 };

package/dist/components/form/useForm.js

@@ -49,7 +49,7 @@ class f {
     };
   }
 }
-const E = (i) => {
+const _ = (i) => {
   const {
     initialValues: e,
     validate: t = {},
@@ -72,5 +72,5 @@ const E = (i) => {
   return [b, M, s];
 };
 export {
-  E as useForm
+  _ as useForm
 };

package/dist/components/fullscreen/FullScreen.js

@@ -5,7 +5,7 @@ import l from "react";
 import { mergeComponentProps as f } from "../../utils/component.js";
 import "js-md5";
 import '../../assets/components/fullscreen/FullScreen.style.css';/* empty css                      */
-const R = (i) => {
+const M = (i) => {
   const e = m.c(7), t = l.useRef(null);
   let r, o;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = () => {
@@ -24,5 +24,5 @@ const R = (i) => {
   return e[4] !== i.children || e[5] !== n ? (d = /* @__PURE__ */ u("div", { ...n, ref: t, children: i.children }), e[4] = i.children, e[5] = n, e[6] = d) : d = e[6], d;
 };
 export {
-  R as FullScreen
+  M as FullScreen
 };