@code0-tech/pictor 0.6.0 → 0.6.2

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

@@ -8,7 +8,8 @@ import { DataTableFilterSuggestionMenu as j } from "./DataTableFilterSuggestionM
 import { MenuItem as G } from "../menu/Menu.js";
 import "../../utils/contextStore.js";
 import "react";
-import { hashToColor as X } from "../../utils/utils.js";
+import "merge-props";
+import { hashToColor as X } from "../../utils/color.js";
 const $ = {
   "=": "isOneOf",
   "!=": "isNotOneOf"
@@ -42,7 +43,7 @@ const $ = {
     }
     return e.next(), null;
   }
-}), ye = (r) => {
+}), Ne = (r) => {
   const e = Q.c(17), {
     filterTokens: n,
     onChange: k
@@ -207,6 +208,6 @@ function ne(r) {
   return r.docChanged && r.newDoc.lines > 1 ? [] : r;
 }
 export {
-  ye as DataTableFilterInput,
+  Ne as DataTableFilterInput,
   Z as createFilterQueryLanguage
 };

package/dist/components/dialog/Dialog.d.ts

@@ -1,20 +1,20 @@
-import { Code0Component, Code0ComponentProps } from '../../utils';
+import { Component, ComponentProps } from '../../utils';
 import { default as React } from 'react';
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-export type DialogProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Root>;
-export type DialogTriggerProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Trigger>;
-export type DialogPortalProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Portal>;
-export type DialogCloseProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Close>;
-export type DialogOverlayProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Overlay>;
-export type DialogTitleProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Title>;
-export type DialogDescriptionProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Description>;
-export type DialogHeaderProps = Code0ComponentProps & React.ComponentProps<"div">;
-export type DialogFooterProps = Code0ComponentProps & React.ComponentProps<"div">;
-export type DialogContentProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Content> & {
+export type DialogProps = ComponentProps & React.ComponentProps<typeof DialogPrimitive.Root>;
+export type DialogTriggerProps = ComponentProps & React.ComponentProps<typeof DialogPrimitive.Trigger>;
+export type DialogPortalProps = ComponentProps & React.ComponentProps<typeof DialogPrimitive.Portal>;
+export type DialogCloseProps = ComponentProps & React.ComponentProps<typeof DialogPrimitive.Close>;
+export type DialogOverlayProps = ComponentProps & React.ComponentProps<typeof DialogPrimitive.Overlay>;
+export type DialogTitleProps = ComponentProps & React.ComponentProps<typeof DialogPrimitive.Title>;
+export type DialogDescriptionProps = ComponentProps & React.ComponentProps<typeof DialogPrimitive.Description>;
+export type DialogHeaderProps = ComponentProps & React.ComponentProps<"div">;
+export type DialogFooterProps = ComponentProps & React.ComponentProps<"div">;
+export type DialogContentProps = ComponentProps & React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
     title?: string;
 };
-export type DialogStickyContentProps = Code0Component<HTMLDivElement> & {
+export type DialogStickyContentProps = Component<HTMLDivElement> & {
     children: React.ReactNode | React.ReactNode[];
 };
 export declare const Dialog: React.FC<DialogProps>;

package/dist/components/dialog/Dialog.js

@@ -3,27 +3,28 @@ 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 { mergeComponentProps as r } from "../../utils/component.js";
+import "js-md5";
 import { IconX as g } from "@tabler/icons-react";
 import '../../assets/components/dialog/Dialog.style.css';/* empty css                  */
-import { Button as d } from "../button/Button.js";
-import { Flex as m } from "../flex/Flex.js";
+import { Button as m } from "../button/Button.js";
+import { Flex as d } from "../flex/Flex.js";
 import { Text as _ } from "../text/Text.js";
-const P = (i) => {
+const j = (i) => {
   const t = c.c(4);
   let l;
   t[0] !== i ? (l = r("dialog", i), t[0] = i, t[1] = l) : l = t[1];
   const o = l;
   let e;
   return t[2] !== o ? (e = /* @__PURE__ */ n(s.Root, { ...o }), t[2] = o, t[3] = e) : e = t[3], e;
-}, j = (i) => {
+}, z = (i) => {
   const t = c.c(4);
   let l;
   t[0] !== i ? (l = r("dialog__trigger", i), t[0] = i, t[1] = l) : l = t[1];
   const o = l;
   let e;
   return t[2] !== o ? (e = /* @__PURE__ */ n(s.Trigger, { ...o }), t[2] = o, t[3] = e) : e = t[3], e;
-}, z = (i) => {
+}, F = (i) => {
   const t = c.c(4);
   let l;
   t[0] !== i ? (l = r("dialog__portal", i), t[0] = i, t[1] = l) : l = t[1];
@@ -37,50 +38,50 @@ const P = (i) => {
   const o = l;
   let e;
   return t[2] !== o ? (e = /* @__PURE__ */ n(s.Close, { ...o }), t[2] = o, t[3] = e) : e = t[3], e;
-}, F = (i) => {
+}, O = (i) => {
   const t = c.c(4);
   let l;
   t[0] !== i ? (l = r("dialog__overlay", i), t[0] = i, t[1] = l) : l = t[1];
   const o = l;
   let e;
   return t[2] !== o ? (e = /* @__PURE__ */ n(s.Overlay, { ...o }), t[2] = o, t[3] = e) : e = t[3], e;
-}, O = (i) => {
+}, R = (i) => {
   const t = c.c(9);
   let l;
   t[0] !== i ? (l = r("dialog__content", i), t[0] = i, t[1] = l) : l = t[1];
   const o = l;
   let e;
-  t[2] !== i.showCloseButton || t[3] !== i.title ? (e = i.showCloseButton && /* @__PURE__ */ f(m, { align: "center", justify: "space-between", children: [
+  t[2] !== i.showCloseButton || t[3] !== i.title ? (e = i.showCloseButton && /* @__PURE__ */ f(d, { align: "center", justify: "space-between", children: [
     /* @__PURE__ */ n(_, { hierarchy: "primary", size: "xl", children: i.title }),
-    /* @__PURE__ */ n(u, { asChild: !0, children: /* @__PURE__ */ n(d, { children: /* @__PURE__ */ n(g, { size: 16 }) }) })
+    /* @__PURE__ */ n(u, { asChild: !0, children: /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(g, { size: 16 }) }) })
   ] }), t[2] = i.showCloseButton, t[3] = i.title, t[4] = e) : e = t[4];
   let a;
   return t[5] !== i.children || t[6] !== o || t[7] !== e ? (a = /* @__PURE__ */ f(s.Content, { ...o, children: [
     e,
     i.children
   ] }), t[5] = i.children, t[6] = o, t[7] = e, t[8] = a) : a = t[8], a;
-}, R = (i) => {
+}, b = (i) => {
   const t = c.c(4);
   let l;
   t[0] !== i ? (l = r("dialog__title", i), t[0] = i, t[1] = l) : l = t[1];
   const o = l;
   let e;
   return t[2] !== o ? (e = /* @__PURE__ */ n(s.Title, { ...o }), t[2] = o, t[3] = e) : e = t[3], e;
-}, b = (i) => {
+}, E = (i) => {
   const t = c.c(4);
   let l;
   t[0] !== i ? (l = r("dialog__description", i), t[0] = i, t[1] = l) : l = t[1];
   const o = l;
   let e;
   return t[2] !== o ? (e = /* @__PURE__ */ n(s.Description, { ...o }), t[2] = o, t[3] = e) : e = t[3], e;
-}, E = (i) => {
+}, H = (i) => {
   const t = c.c(4);
   let l;
   t[0] !== i ? (l = r("dialog__header", i), t[0] = i, t[1] = l) : l = t[1];
   const o = l;
   let e;
   return t[2] !== o ? (e = /* @__PURE__ */ n("div", { ...o }), t[2] = o, t[3] = e) : e = t[3], e;
-}, H = (i) => {
+}, I = (i) => {
   const t = c.c(4);
   let l;
   t[0] !== i ? (l = r("dialog__footer", i), t[0] = i, t[1] = l) : l = t[1];
@@ -89,14 +90,14 @@ const P = (i) => {
   return t[2] !== o ? (e = /* @__PURE__ */ n("div", { ...o }), t[2] = o, t[3] = e) : e = t[3], e;
 };
 export {
-  P as Dialog,
+  j as Dialog,
   u as DialogClose,
-  O as DialogContent,
-  b as DialogDescription,
-  H as DialogFooter,
-  E as DialogHeader,
-  F as DialogOverlay,
-  z as DialogPortal,
-  R as DialogTitle,
-  j as DialogTrigger
+  R as DialogContent,
+  E as DialogDescription,
+  I as DialogFooter,
+  H as DialogHeader,
+  O as DialogOverlay,
+  F as DialogPortal,
+  b as DialogTitle,
+  z as DialogTrigger
 };

package/dist/components/editor/Editor.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Code0Component } from '../../utils';
+import { Component } from '../../utils';
 import { ValidationProps } from '../form';
 import { Extension } from '@uiw/react-codemirror';
 import { StreamLanguage, TagStyle } from '@codemirror/language';
@@ -12,7 +12,7 @@ export interface EditorRendererProps {
 export interface EditorTokenHighlights {
     [tokenName: string]: (props: EditorRendererProps) => React.ReactNode;
 }
-export interface EditorInputProps extends Omit<Code0Component<HTMLDivElement>, 'onChange' | 'defaultValue' | 'value'>, ValidationProps<any> {
+export interface EditorInputProps extends Omit<Component<HTMLDivElement>, 'onChange' | 'defaultValue' | 'value'>, ValidationProps<any> {
     language?: 'json' | StreamLanguage<unknown>;
     tokenizer?: EditorTokenizer;
     tokenHighlights?: EditorTokenHighlights;

package/dist/components/editor/Editor.js

@@ -2,7 +2,8 @@ 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 "../../utils/contextStore.js";
-import { hashToColor as w, mergeCode0Props as he } from "../../utils/utils.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 { json as ve, jsonParseLinter as Se } from "@codemirror/lang-json";
 import { syntaxTree as L } from "@codemirror/language";
@@ -52,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), ur = (i) => {
+const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), dr = (i) => {
   const {
     language: t,
     tokenizer: f,
@@ -321,5 +322,5 @@ const De = (i) => me(i) || typeof i == "string" || typeof i == "number" || Array
   ] });
 };
 export {
-  ur as Editor
+  dr as Editor
 };

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

@@ -1,15 +1,15 @@
 import { default as React } from 'react';
 import { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps } from '@radix-ui/react-tabs';
-import { Code0ComponentProps } from '../../utils/types';
-type FileTabsProps = Code0ComponentProps & TabsProps;
-type FileTabsListProps = Code0ComponentProps & TabsListProps & {
+import { ComponentProps } from '../../utils';
+type FileTabsProps = ComponentProps & TabsProps;
+type FileTabsListProps = ComponentProps & TabsListProps & {
     controls?: React.ReactNode;
 };
-type FileTabsTriggerProps = Code0ComponentProps & TabsTriggerProps & {
+type FileTabsTriggerProps = ComponentProps & TabsTriggerProps & {
     onClose?: () => void;
     closable?: boolean;
 };
-type FileTabsContentProps = Code0ComponentProps & TabsContentProps;
+type FileTabsContentProps = ComponentProps & TabsContentProps;
 export declare const FileTabs: React.FC<FileTabsProps>;
 export declare const FileTabsList: React.FC<FileTabsListProps>;
 export declare const FileTabsTrigger: React.FC<FileTabsTriggerProps>;

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

@@ -1,71 +1,74 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { jsx as o, jsxs as d } 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 "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as h } from "../../utils/component.js";
+import "js-md5";
 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";
-const E = (t) => {
+const R = (t) => {
   const e = b.c(4);
   let i;
   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) => {
+  return e[2] !== i ? (l = /* @__PURE__ */ o(g, { "data-slot": "tabs", ...i }), e[2] = i, e[3] = l) : l = e[3], l;
+}, V = (t) => {
   const e = b.c(10);
   let i;
   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: [
+  e[2] !== t.children ? (l = /* @__PURE__ */ d("div", { className: "file-tabs__list-content", children: [
     " ",
     t.children
   ] }), e[2] = t.children, e[3] = l) : l = e[3];
-  let n;
-  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] !== l || e[8] !== n ? (c = /* @__PURE__ */ m(T, { "data-slot": "tabs", ...i, children: [
+  e[4] !== t.controls ? (c = t.controls ? /* @__PURE__ */ o("div", { className: "file-tabs__list-controls", children: t.controls }) : null, e[4] = t.controls, e[5] = c) : c = e[5];
+  let n;
+  return e[6] !== i || e[7] !== l || e[8] !== c ? (n = /* @__PURE__ */ d(T, { "data-slot": "tabs", ...i, children: [
     l,
-    n
-  ] }), e[6] = i, e[7] = l, e[8] = n, e[9] = c) : c = e[9], c;
-}, P = (t) => {
+    c
+  ] }), e[6] = i, e[7] = l, e[8] = c, e[9] = n) : n = e[9], n;
+}, X = (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] !== 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];
+  const c = l;
+  let n;
+  e[2] !== t.closable || e[3] !== t.onClose ? (n = t.closable ? /* @__PURE__ */ o("div", { className: "file-tabs__trigger-icon", onClick: t.onClose, children: /* @__PURE__ */ o(S, { size: 12 }) }) : null, e[2] = t.closable, e[3] = t.onClose, e[4] = n) : n = e[4];
   let s;
-  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: [
+  return e[5] !== t.children || e[6] !== t.value || e[7] !== c || e[8] !== n ? (s = /* @__PURE__ */ d(v, { "data-slot": "tabs", "data-value": i, ...c, children: [
     t.children,
-    c
-  ] }), e[5] = t.children, e[6] = t.value, e[7] = n, e[8] = c, e[9] = s) : s = e[9], s;
-}, R = (t) => {
+    n
+  ] }), e[5] = t.children, e[6] = t.value, e[7] = c, e[8] = n, e[9] = s) : s = e[9], s;
+}, q = (t) => {
   const e = b.c(15);
-  let i, l, n, c;
+  let i, l, c, n;
   if (e[0] !== t) {
     const {
       children: _,
       ...u
     } = 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;
+    l = _, i = C, n = "tabs", c = h("file-tabs__content", u), e[0] = t, e[1] = i, e[2] = l, e[3] = c, e[4] = n;
   } else
-    i = e[1], l = e[2], n = e[3], c = e[4];
-  const s = n;
-  let o;
-  e[5] !== l ? (o = /* @__PURE__ */ a(x, { children: l }), e[5] = l, e[6] = o) : o = e[6];
+    i = e[1], l = e[2], c = e[3], n = e[4];
+  const s = c;
+  let a;
+  e[5] !== l ? (a = /* @__PURE__ */ o(x, { children: l }), e[5] = l, e[6] = a) : a = e[6];
   let f;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ a(A, { orientation: "vertical", children: /* @__PURE__ */ a(F, {}) }), e[7] = f) : f = e[7];
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ o(A, { orientation: "vertical", children: /* @__PURE__ */ o(F, {}) }), e[7] = f) : f = e[7];
   let r;
-  e[8] !== o ? (r = /* @__PURE__ */ m($, { h: "100%", children: [
-    o,
+  e[8] !== a ? (r = /* @__PURE__ */ d($, { h: "100%", children: [
+    a,
     f
-  ] }), e[8] = o, e[9] = r) : r = e[9];
-  let d;
-  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;
+  ] }), e[8] = a, e[9] = r) : r = e[9];
+  let m;
+  return e[10] !== i || e[11] !== n || e[12] !== s || e[13] !== r ? (m = /* @__PURE__ */ o(i, { "data-slot": n, ...s, children: r }), e[10] = i, e[11] = n, e[12] = s, e[13] = r, e[14] = m) : m = e[14], m;
 };
 export {
-  E as FileTabs,
-  R as FileTabsContent,
-  I as FileTabsList,
-  P as FileTabsTrigger
+  R as FileTabs,
+  q as FileTabsContent,
+  V as FileTabsList,
+  X as FileTabsTrigger
 };

package/dist/components/flex/Flex.d.ts

@@ -1,6 +1,6 @@
-import { Code0Component } from '../../utils/types';
+import { Component } from '../../utils';
 import { default as React } from 'react';
-interface FlexType extends Code0Component<HTMLDivElement> {
+interface FlexType extends Component<HTMLDivElement> {
     children: React.ReactNode | React.ReactNode[];
 }
 export declare const Flex: React.FC<FlexType>;

package/dist/components/flex/Flex.js

@@ -1,21 +1,24 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as s } from "../../_virtual/compiler-runtime.js";
-import { mergeCode0Props as n } from "../../utils/utils.js";
+import { jsx as n } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as p } from "../../utils/component.js";
+import "js-md5";
 import '../../assets/components/flex/Flex.style.css';/* empty css                */
-const h = (i) => {
-  const e = s.c(6);
-  let t, r;
-  if (e[0] !== i) {
+const g = (i) => {
+  const t = c.c(6);
+  let e, r;
+  if (t[0] !== i) {
     const {
-      children: l,
-      ...m
+      children: m,
+      ...l
     } = i;
-    t = l, r = n("flex", m), e[0] = i, e[1] = t, e[2] = r;
+    e = m, r = p("flex", l), t[0] = i, t[1] = e, t[2] = r;
   } else
-    t = e[1], r = e[2];
+    e = t[1], r = t[2];
   let o;
-  return e[3] !== t || e[4] !== r ? (o = /* @__PURE__ */ c("div", { ...r, children: t }), e[3] = t, e[4] = r, e[5] = o) : o = e[5], o;
+  return t[3] !== e || t[4] !== r ? (o = /* @__PURE__ */ n("div", { ...r, children: e }), t[3] = e, t[4] = r, t[5] = o) : o = t[5], o;
 };
 export {
-  h as Flex
+  g as Flex
 };

package/dist/components/form/CheckboxInput.js

@@ -4,11 +4,13 @@ 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 E } from "../../utils/utils.js";
+import "../../utils/contextStore.js";
+import { mergeComponentProps as E } from "../../utils/component.js";
+import "js-md5";
 import { InputMessage as P } from "./InputMessage.js";
 import '../../assets/components/form/Input.style.css';/* empty css                 */
 import { IconMinus as T, IconCheck as q } from "@tabler/icons-react";
-const Y = (l) => {
+const ee = (l) => {
   const e = $.c(40), {
     title: b,
     description: _,
@@ -33,10 +35,10 @@ const Y = (l) => {
   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] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = () => R(A), e[13] = r) : r = e[13];
+  e[11] !== V ? (r = E(V, {}), e[11] = V, e[12] = r) : r = e[12];
+  let s;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => R(A), e[13] = s) : s = 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];
@@ -51,20 +53,20 @@ const Y = (l) => {
   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: [
+  let p;
+  e[28] !== u || e[29] !== d || e[30] !== r || e[31] !== s ? (p = /* @__PURE__ */ j("div", { ...r, onClick: s, children: [
     u,
     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];
+  ] }), e[28] = u, e[29] = d, e[30] = r, e[31] = s, e[32] = p) : p = e[32];
+  let h;
+  e[33] !== i ? (h = !i?.valid && i?.notValidMessage ? /* @__PURE__ */ n(P, { children: i.notValidMessage }) : null, e[33] = i, e[34] = h) : h = e[34];
   let C;
-  return e[35] !== h || e[36] !== p || e[37] !== o || e[38] !== c ? (C = /* @__PURE__ */ j(S, { children: [
+  return e[35] !== p || e[36] !== h || e[37] !== o || e[38] !== c ? (C = /* @__PURE__ */ j(S, { children: [
     o,
     c,
-    h,
-    p
-  ] }), e[35] = h, e[36] = p, e[37] = o, e[38] = c, e[39] = C) : C = e[39], C;
+    p,
+    h
+  ] }), e[35] = p, e[36] = h, e[37] = o, e[38] = c, e[39] = C) : C = e[39], C;
 };
 function w(l) {
 }
@@ -72,5 +74,5 @@ function A(l) {
   return !l;
 }
 export {
-  Y as CheckboxInput
+  ee as CheckboxInput
 };

package/dist/components/form/Input.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { Code0Component } from '../../utils';
+import { Component } from '../../utils';
 import { ValidationProps } from './useForm';
 import { InputSuggestion } from './InputSuggestion';
 import { InputSyntaxSegment } from './Input.syntax.hook';
-export type Code0Input = Omit<Code0Component<HTMLInputElement>, "left" | "right" | "title" | "defaultValue" | "value">;
+export type Code0Input = Omit<Component<HTMLInputElement>, "left" | "right" | "title" | "defaultValue" | "value">;
 export interface InputProps<T> extends Code0Input, ValidationProps<T> {
     suggestions?: InputSuggestion[];
     suggestionsHeader?: React.ReactNode;
@@ -16,7 +16,7 @@ export interface InputProps<T> extends Code0Input, ValidationProps<T> {
     onLastTokenChange?: (token: string | null) => void;
     enforceUniqueSuggestions?: boolean;
     suggestionsEmptyState?: React.ReactNode;
-    wrapperComponent?: Code0Component<HTMLDivElement>;
+    wrapperComponent?: Component<HTMLDivElement>;
     right?: React.ReactNode;
     left?: React.ReactNode;
     leftType?: "action" | "placeholder" | "icon";

package/dist/components/form/Input.js

@@ -1,7 +1,8 @@
 import { jsxs as j, jsx as p } from "react/jsx-runtime";
 import l, { useRef as k, useState as q, useMemo as D, useEffect as T, useLayoutEffect as _e } from "react";
 import "../../utils/contextStore.js";
-import { mergeCode0Props as ue } from "../../utils/utils.js";
+import { mergeComponentProps as ue } from "../../utils/component.js";
+import "js-md5";
 import '../../assets/components/form/Input.style.css';/* empty css                 */
 import { InputLabel as et } from "./InputLabel.js";
 import { InputDescription as tt } from "./InputDescription.js";
@@ -428,7 +429,7 @@ const W = (u) => {
     ] }),
     !L?.valid && L?.notValidMessage && /* @__PURE__ */ p(nt, { children: L.notValidMessage })
   ] });
-}), Lt = mt;
+}), Mt = mt;
 export {
-  Lt as Input
+  Mt as Input
 };

package/dist/components/form/PinInput.d.ts

@@ -1,10 +1,10 @@
 import { OneTimePasswordFieldHiddenInputProps, OneTimePasswordFieldInputProps, OneTimePasswordFieldProps } from '@radix-ui/react-one-time-password-field';
-import { Code0ComponentProps } from '../../utils/types';
+import { ComponentProps } from '../../utils';
 import { default as React } from 'react';
 import { InputProps } from './Input';
 type PinInputProps = Omit<InputProps<string | null>, "wrapperComponent" | "type" | "left" | "right" | "leftType" | "rightType"> & OneTimePasswordFieldProps;
-type PinInputFieldProps = Code0ComponentProps & OneTimePasswordFieldInputProps;
-type PinInputHiddenFieldProps = Code0ComponentProps & OneTimePasswordFieldHiddenInputProps;
+type PinInputFieldProps = ComponentProps & OneTimePasswordFieldInputProps;
+type PinInputHiddenFieldProps = ComponentProps & OneTimePasswordFieldHiddenInputProps;
 export declare const PinInput: React.FC<PinInputProps>;
 export declare const PinInputField: React.FC<PinInputFieldProps>;
 export declare const PinInputHiddenField: React.FC<PinInputHiddenFieldProps>;

package/dist/components/form/PinInput.js

@@ -1,66 +1,69 @@
-import { jsx as d, jsxs as F, Fragment as x } from "react/jsx-runtime";
+import { jsx as r, jsxs as F, Fragment as x } from "react/jsx-runtime";
 import { c as I } from "../../_virtual/compiler-runtime.js";
 import { OneTimePasswordFieldInput as C, OneTimePasswordFieldHiddenInput as M, OneTimePasswordField as T } from "@radix-ui/react-one-time-password-field";
-import { mergeCode0Props as V } from "../../utils/utils.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as V } from "../../utils/component.js";
+import "js-md5";
 import { InputLabel as _ } from "./InputLabel.js";
 import { InputDescription as $ } from "./InputDescription.js";
 import { InputMessage as w } from "./InputMessage.js";
 import '../../assets/components/form/Input.style.css';/* empty css                 */
-const y = (l) => {
+const B = (n) => {
   const e = I.c(26);
-  let t, i, r, n, o, s;
-  if (e[0] !== l) {
+  let t, i, d, l, o, s;
+  if (e[0] !== n) {
     const {
-      title: c,
-      description: p,
+      title: p,
+      description: c,
       disabled: b,
       formValidation: P,
       ...g
-    } = l;
+    } = n;
     i = P === void 0 ? {
       valid: !0,
       notValidMessage: null,
       setValue: O
-    } : P, e[7] !== c ? (o = c ? /* @__PURE__ */ d(_, { children: c }) : null, e[7] = c, e[8] = o) : o = e[8], e[9] !== p ? (s = p ? /* @__PURE__ */ d($, { children: p }) : null, e[9] = p, e[10] = s) : s = e[10];
+    } : P, e[7] !== p ? (o = p ? /* @__PURE__ */ r(_, { children: p }) : null, e[7] = p, e[8] = o) : o = e[8], e[9] !== c ? (s = c ? /* @__PURE__ */ r($, { children: c }) : null, e[9] = c, e[10] = s) : s = e[10];
     const h = `${i?.valid ? "" : "input--not-valid"}`;
-    e[11] !== h ? (n = V(h, {}), e[11] = h, e[12] = n) : n = e[12], t = T, r = V("pin-input", {
+    e[11] !== h ? (l = V(h, {}), e[11] = h, e[12] = l) : l = e[12], t = T, d = V("pin-input", {
       ...g,
       onValueChange: (v) => {
         g.onValueChange && g.onValueChange(v), i.setValue(v);
       }
-    }), e[0] = l, e[1] = t, e[2] = i, e[3] = r, e[4] = n, e[5] = o, e[6] = s;
+    }), e[0] = n, e[1] = t, e[2] = i, e[3] = d, e[4] = l, e[5] = o, e[6] = s;
   } else
-    t = e[1], i = e[2], r = e[3], n = e[4], o = e[5], s = e[6];
+    t = e[1], i = e[2], d = e[3], l = e[4], o = e[5], s = e[6];
   let a;
-  e[13] !== t || e[14] !== r ? (a = /* @__PURE__ */ d(t, { ...r }), e[13] = t, e[14] = r, e[15] = a) : a = e[15];
+  e[13] !== t || e[14] !== d ? (a = /* @__PURE__ */ r(t, { ...d }), e[13] = t, e[14] = d, e[15] = a) : a = e[15];
+  let m;
+  e[16] !== l || e[17] !== a ? (m = /* @__PURE__ */ r("div", { ...l, children: a }), e[16] = l, e[17] = a, e[18] = m) : m = e[18];
   let u;
-  e[16] !== n || e[17] !== a ? (u = /* @__PURE__ */ d("div", { ...n, children: a }), e[16] = n, e[17] = a, e[18] = u) : u = e[18];
+  e[19] !== i ? (u = !i?.valid && i?.notValidMessage ? /* @__PURE__ */ r(w, { children: i.notValidMessage }) : null, e[19] = i, e[20] = u) : u = e[20];
   let f;
-  e[19] !== i ? (f = !i?.valid && i?.notValidMessage ? /* @__PURE__ */ d(w, { children: i.notValidMessage }) : null, e[19] = i, e[20] = f) : f = e[20];
-  let m;
-  return e[21] !== o || e[22] !== s || e[23] !== u || e[24] !== f ? (m = /* @__PURE__ */ F(x, { children: [
+  return e[21] !== o || e[22] !== s || e[23] !== m || e[24] !== u ? (f = /* @__PURE__ */ F(x, { children: [
     o,
     s,
-    u,
-    f
-  ] }), e[21] = o, e[22] = s, e[23] = u, e[24] = f, e[25] = m) : m = e[25], m;
-}, z = (l) => {
+    m,
+    u
+  ] }), e[21] = o, e[22] = s, e[23] = m, e[24] = u, e[25] = f) : f = e[25], f;
+}, G = (n) => {
   const e = I.c(4);
   let t;
-  e[0] !== l ? (t = V("input pin-input__field", l), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== n ? (t = V("input pin-input__field", n), e[0] = n, e[1] = t) : t = e[1];
   let i;
-  return e[2] !== t ? (i = /* @__PURE__ */ d(C, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
-}, A = (l) => {
+  return e[2] !== t ? (i = /* @__PURE__ */ r(C, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, J = (n) => {
   const e = I.c(4);
   let t;
-  e[0] !== l ? (t = V("pin-input__hidden-field", l), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== n ? (t = V("pin-input__hidden-field", n), e[0] = n, e[1] = t) : t = e[1];
   let i;
-  return e[2] !== t ? (i = /* @__PURE__ */ d(M, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+  return e[2] !== t ? (i = /* @__PURE__ */ r(M, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
 };
-function O(l) {
+function O(n) {
 }
 export {
-  y as PinInput,
-  z as PinInputField,
-  A as PinInputHiddenField
+  B as PinInput,
+  G as PinInputField,
+  J as PinInputHiddenField
 };