@code0-tech/pictor 0.6.0 → 0.6.2

package/dist/components/col/Col.js

@@ -1,27 +1,30 @@
-import { jsx as f } from "react/jsx-runtime";
-import { c as g } from "../../_virtual/compiler-runtime.js";
+import { jsx as d } from "react/jsx-runtime";
+import { c as f } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/col/Col.style.css';/* empty css               */
-import { mergeCode0Props as p } from "../../utils/utils.js";
-const j = (c) => {
-  const l = g.c(6);
-  let o, t;
-  if (l[0] !== c) {
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as g } from "../../utils/component.js";
+import "js-md5";
+const P = (r) => {
+  const o = f.c(6);
+  let l, t;
+  if (o[0] !== r) {
     const {
       children: n,
-      xs: r,
-      sm: m,
-      md: $,
-      lg: s,
-      xl: i,
+      xs: e,
+      sm: c,
+      md: i,
+      lg: $,
+      xl: s,
       xxl: x,
-      ...d
-    } = c;
-    o = n, t = p(`col ${r ? `col-xs-${r}` : ""} ${m ? `col-sm-${m}` : ""} ${$ ? `col-md-${$}` : ""} ${s ? `col-lg-${s}` : ""} ${i ? `col-lg-${i}` : ""} ${x ? `col-xxl-${x}` : ""}`, d), l[0] = c, l[1] = o, l[2] = t;
+      ...p
+    } = r;
+    l = n, t = g(`col ${e ? `col-xs-${e}` : ""} ${c ? `col-sm-${c}` : ""} ${i ? `col-md-${i}` : ""} ${$ ? `col-lg-${$}` : ""} ${s ? `col-lg-${s}` : ""} ${x ? `col-xxl-${x}` : ""}`, p), o[0] = r, o[1] = l, o[2] = t;
   } else
-    o = l[1], t = l[2];
-  let e;
-  return l[3] !== o || l[4] !== t ? (e = /* @__PURE__ */ f("div", { ...t, children: o }), l[3] = o, l[4] = t, l[5] = e) : e = l[5], e;
+    l = o[1], t = o[2];
+  let m;
+  return o[3] !== l || o[4] !== t ? (m = /* @__PURE__ */ d("div", { ...t, children: l }), o[3] = l, o[4] = t, o[5] = m) : m = o[5], m;
 };
 export {
-  j as Col
+  P as Col
 };

package/dist/components/command/Command.d.ts

@@ -1,24 +1,24 @@
 import { default as React } from 'react';
 import { Command as CommandPrimitive } from 'cmdk';
-import { Code0ComponentProps } from '../../utils/types';
+import { ComponentProps } from '../../utils';
 import { Dialog, DialogContent } from '../dialog/Dialog';
 import { Badge } from '../badge/Badge';
-import { TextInputProps } from '../form/TextInput';
-export type CommandProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive>;
+import { TextInputProps } from '../form';
+export type CommandProps = ComponentProps & React.ComponentProps<typeof CommandPrimitive>;
 export type CommandDialogProps = {
-    dialogProps?: Code0ComponentProps & React.ComponentProps<typeof Dialog>;
-    contentProps?: Code0ComponentProps & React.ComponentProps<typeof DialogContent>;
+    dialogProps?: ComponentProps & React.ComponentProps<typeof Dialog>;
+    contentProps?: ComponentProps & React.ComponentProps<typeof DialogContent>;
     open?: boolean;
     onOpenChange?: () => void;
     children: React.ReactNode;
 };
-export type CommandListProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.List>;
-export type CommandInputProps = Code0ComponentProps & TextInputProps;
-export type CommandEmptyProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Empty>;
-export type CommandGroupProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Group>;
-export type CommandItemProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Item>;
-export type CommandSeparatorProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Separator>;
-export type CommandShortcutProps = Code0ComponentProps & React.ComponentProps<typeof Badge>;
+export type CommandListProps = ComponentProps & React.ComponentProps<typeof CommandPrimitive.List>;
+export type CommandInputProps = TextInputProps;
+export type CommandEmptyProps = ComponentProps & React.ComponentProps<typeof CommandPrimitive.Empty>;
+export type CommandGroupProps = ComponentProps & React.ComponentProps<typeof CommandPrimitive.Group>;
+export type CommandItemProps = ComponentProps & React.ComponentProps<typeof CommandPrimitive.Item>;
+export type CommandSeparatorProps = ComponentProps & React.ComponentProps<typeof CommandPrimitive.Separator>;
+export type CommandShortcutProps = ComponentProps & React.ComponentProps<typeof Badge>;
 export declare const Command: React.FC<CommandProps>;
 export declare const CommandDialog: React.FC<CommandDialogProps>;
 export declare const CommandList: React.FC<CommandListProps>;

package/dist/components/command/Command.js

@@ -1,103 +1,116 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as a } from "../../_virtual/compiler-runtime.js";
-import { Command as s } from "cmdk";
-import { mergeCode0Props as d } from "../../utils/utils.js";
-import { DialogContent as g, Dialog as h } from "../dialog/Dialog.js";
-import '../../assets/components/command/Command.style.css';/* empty css                   */
-import { Badge as _ } from "../badge/Badge.js";
-import { TextInput as $ } from "../form/TextInput.js";
-const P = (e) => {
-  const t = a.c(4);
+import { jsx as l, jsxs as s } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import { Command as a } from "cmdk";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as r } from "../../utils/component.js";
+import "js-md5";
+import { DialogContent as u, Dialog as h, DialogOverlay as C } from "../dialog/Dialog.js";
+import '../../assets/components/form/Input.style.css';import '../../assets/components/command/Command.style.css';/* empty css                   */
+import { Badge as g } from "../badge/Badge.js";
+import "@radix-ui/react-checkbox";
+import "@tabler/icons-react";
+/* empty css                       */
+import "../form/EmailInput.js";
+import "../form/Input.js";
+import "../form/InputSuggestion.js";
+import "../form/NumberInput.js";
+import "../form/PasswordInput.js";
+import "@radix-ui/react-one-time-password-field";
+import "@radix-ui/react-radio-group";
+import "../form/SwitchInput.js";
+import "../form/TextAreaInput.js";
+import { TextInput as _ } from "../form/TextInput.js";
+const $ = (e) => {
+  const t = c.c(4);
+  let m;
+  t[0] !== e ? (m = r("command", e), t[0] = e, t[1] = m) : m = t[1];
+  const o = m;
   let n;
-  t[0] !== e ? (n = d("command", e), t[0] = e, t[1] = n) : n = t[1];
-  const o = n;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ m(s, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, G = (e) => {
-  const t = a.c(14), n = e.dialogProps, o = e.open, l = e.onOpenChange;
-  let c;
-  t[0] !== e.contentProps ? (c = e.contentProps ?? {}, t[0] = e.contentProps, t[1] = c) : c = t[1];
-  let i;
-  t[2] !== c ? (i = d("command__dialog", c), t[2] = c, t[3] = i) : i = t[3];
-  const u = i;
-  let f;
-  t[4] !== e ? (f = /* @__PURE__ */ m(P, { ...e, children: e.children }), t[4] = e, t[5] = f) : f = t[5];
-  let r;
-  t[6] !== u || t[7] !== f ? (r = /* @__PURE__ */ m(g, { ...u, children: f }), t[6] = u, t[7] = f, t[8] = r) : r = t[8];
-  let C;
-  return t[9] !== e.dialogProps || t[10] !== e.onOpenChange || t[11] !== e.open || t[12] !== r ? (C = /* @__PURE__ */ m(h, { ...n, open: o, onOpenChange: l, children: r }), t[9] = e.dialogProps, t[10] = e.onOpenChange, t[11] = e.open, t[12] = r, t[13] = C) : C = t[13], C;
-}, L = (e) => {
-  const t = a.c(4);
+  return t[2] !== o ? (n = /* @__PURE__ */ l(a, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, F = (e) => {
+  const t = c.c(11);
+  let m;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ l(C, {}), t[0] = m) : m = t[0];
+  let o;
+  t[1] !== e ? (o = /* @__PURE__ */ l($, { ...e, h: "100%", children: e.children }), t[1] = e, t[2] = o) : o = t[2];
   let n;
-  t[0] !== e ? (n = d("command__list", e), t[0] = e, t[1] = n) : n = t[1];
-  const o = n;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ m(s.List, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, j = (e) => {
-  const t = a.c(12);
+  t[3] !== e.contentProps || t[4] !== o ? (n = /* @__PURE__ */ l(u, { className: "command__dialog", ...e.contentProps, children: o }), t[3] = e.contentProps, t[4] = o, t[5] = n) : n = t[5];
+  let i;
+  return t[6] !== e.dialogProps || t[7] !== e.onOpenChange || t[8] !== e.open || t[9] !== n ? (i = /* @__PURE__ */ s(h, { ...e.dialogProps, open: e.open, onOpenChange: e.onOpenChange, children: [
+    m,
+    n
+  ] }), t[6] = e.dialogProps, t[7] = e.onOpenChange, t[8] = e.open, t[9] = n, t[10] = i) : i = t[10], i;
+}, H = (e) => {
+  const t = c.c(4);
+  let m;
+  t[0] !== e ? (m = r("command__list", e), t[0] = e, t[1] = m) : m = t[1];
+  const o = m;
   let n;
-  t[0] !== e.value ? (n = e.value?.toString(), t[0] = e.value, t[1] = n) : n = t[1];
+  return t[2] !== o ? (n = /* @__PURE__ */ l(a.List, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, J = (e) => {
+  const t = c.c(10);
+  let m;
+  t[0] !== e.value ? (m = e.value?.toString(), t[0] = e.value, t[1] = m) : m = t[1];
   let o;
-  t[2] !== e ? (o = (u) => {
+  t[2] !== e ? (o = (d) => {
     if (e.onChange) {
       const f = {
         target: {
-          value: u
+          value: d
         }
       };
       e.onChange(f);
     }
   }, t[2] = e, t[3] = o) : o = t[3];
-  let l;
-  t[4] !== e ? (l = d("command__input", e), t[4] = e, t[5] = l) : l = t[5];
-  let c;
-  t[6] !== l ? (c = /* @__PURE__ */ m($, { ...l }), t[6] = l, t[7] = c) : c = t[7];
+  let n;
+  t[4] !== e ? (n = /* @__PURE__ */ l(_, { className: "command__input", ...e }), t[4] = e, t[5] = n) : n = t[5];
   let i;
-  return t[8] !== n || t[9] !== o || t[10] !== c ? (i = /* @__PURE__ */ m(s.Input, { value: n, onValueChange: o, asChild: !0, children: c }), t[8] = n, t[9] = o, t[10] = c, t[11] = i) : i = t[11], i;
-}, B = (e) => {
-  const t = a.c(4);
+  return t[6] !== m || t[7] !== o || t[8] !== n ? (i = /* @__PURE__ */ l(a.Input, { value: m, onValueChange: o, asChild: !0, children: n }), t[6] = m, t[7] = o, t[8] = n, t[9] = i) : i = t[9], i;
+}, K = (e) => {
+  const t = c.c(4);
+  let m;
+  t[0] !== e ? (m = r("command__empty", e), t[0] = e, t[1] = m) : m = t[1];
+  const o = m;
   let n;
-  t[0] !== e ? (n = d("command__empty", e), t[0] = e, t[1] = n) : n = t[1];
-  const o = n;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Empty, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, R = (e) => {
-  const t = a.c(4);
+  return t[2] !== o ? (n = /* @__PURE__ */ l(a.Empty, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, M = (e) => {
+  const t = c.c(4);
+  let m;
+  t[0] !== e ? (m = r("command__group", e), t[0] = e, t[1] = m) : m = t[1];
+  const o = m;
   let n;
-  t[0] !== e ? (n = d("command__group", e), t[0] = e, t[1] = n) : n = t[1];
-  const o = n;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Group, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, T = (e) => {
-  const t = a.c(4);
+  return t[2] !== o ? (n = /* @__PURE__ */ l(a.Group, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, Q = (e) => {
+  const t = c.c(4);
+  let m;
+  t[0] !== e ? (m = r("command__item", e), t[0] = e, t[1] = m) : m = t[1];
+  const o = m;
   let n;
-  t[0] !== e ? (n = d("command__item", e), t[0] = e, t[1] = n) : n = t[1];
-  const o = n;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Item, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, V = (e) => {
-  const t = a.c(4);
+  return t[2] !== o ? (n = /* @__PURE__ */ l(a.Item, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, U = (e) => {
+  const t = c.c(4);
+  let m;
+  t[0] !== e ? (m = r("command__separator", e), t[0] = e, t[1] = m) : m = t[1];
+  const o = m;
   let n;
-  t[0] !== e ? (n = d("command__separator", e), t[0] = e, t[1] = n) : n = t[1];
-  const o = n;
-  let l;
-  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Separator, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, b = (e) => {
-  const t = a.c(5);
+  return t[2] !== o ? (n = /* @__PURE__ */ l(a.Separator, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, W = (e) => {
+  const t = c.c(5);
+  let m;
+  t[0] !== e ? (m = r("command__shortcut", e), t[0] = e, t[1] = m) : m = t[1];
+  const o = m;
   let n;
-  t[0] !== e ? (n = d("command__shortcut", e), t[0] = e, t[1] = n) : n = t[1];
-  const o = n;
-  let l;
-  return t[2] !== e.children || t[3] !== o ? (l = /* @__PURE__ */ m(_, { ...o, children: e.children }), t[2] = e.children, t[3] = o, t[4] = l) : l = t[4], l;
+  return t[2] !== e.children || t[3] !== o ? (n = /* @__PURE__ */ l(g, { ...o, children: e.children }), t[2] = e.children, t[3] = o, t[4] = n) : n = t[4], n;
 };
 export {
-  P as Command,
-  G as CommandDialog,
-  B as CommandEmpty,
-  R as CommandGroup,
-  j as CommandInput,
-  T as CommandItem,
-  L as CommandList,
-  V as CommandSeparator,
-  b as CommandShortcut
+  $ as Command,
+  F as CommandDialog,
+  K as CommandEmpty,
+  M as CommandGroup,
+  J as CommandInput,
+  Q as CommandItem,
+  H as CommandList,
+  U as CommandSeparator,
+  W as CommandShortcut
 };

package/dist/components/container/Container.d.ts

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

package/dist/components/container/Container.js

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

package/dist/components/context-menu/ContextMenu.d.ts

@@ -1,22 +1,22 @@
 import { default as React } from 'react';
-import { Code0ComponentProps, Color } from '../../utils';
+import { ComponentProps, Color } from '../../utils';
 import * as Radix from "@radix-ui/react-context-menu";
-export type ContextMenuProps = Code0ComponentProps & Radix.ContextMenuProps;
-export type ContextMenuTriggerProps = Code0ComponentProps & Radix.ContextMenuTriggerProps;
-export type ContextMenuPortalProps = Code0ComponentProps & Radix.ContextMenuPortalProps;
-export type ContextMenuContentProps = Code0ComponentProps & Radix.ContextMenuContentProps & {
+export type ContextMenuProps = ComponentProps & Radix.ContextMenuProps;
+export type ContextMenuTriggerProps = ComponentProps & Radix.ContextMenuTriggerProps;
+export type ContextMenuPortalProps = ComponentProps & Radix.ContextMenuPortalProps;
+export type ContextMenuContentProps = ComponentProps & Radix.ContextMenuContentProps & {
     color?: Color;
 };
-export type ContextMenuLabelProps = Code0ComponentProps & Radix.ContextMenuLabelProps;
-export type ContextMenuItemProps = Code0ComponentProps & Radix.ContextMenuItemProps;
-export type ContextMenuGroupProps = Code0ComponentProps & Radix.ContextMenuGroupProps;
-export type ContextMenuSubProps = Code0ComponentProps & Radix.ContextMenuSubProps;
-export type ContextMenuSubTriggerProps = Code0ComponentProps & Radix.ContextMenuSubTriggerProps;
-export type ContextMenuSubContentProps = Code0ComponentProps & Radix.ContextMenuSubContentProps & {
+export type ContextMenuLabelProps = ComponentProps & Radix.ContextMenuLabelProps;
+export type ContextMenuItemProps = ComponentProps & Radix.ContextMenuItemProps;
+export type ContextMenuGroupProps = ComponentProps & Radix.ContextMenuGroupProps;
+export type ContextMenuSubProps = ComponentProps & Radix.ContextMenuSubProps;
+export type ContextMenuSubTriggerProps = ComponentProps & Radix.ContextMenuSubTriggerProps;
+export type ContextMenuSubContentProps = ComponentProps & Radix.ContextMenuSubContentProps & {
     color?: Color;
 };
-export type ContextMenuSeparatorProps = Code0ComponentProps & Radix.ContextMenuSeparatorProps;
-export type ContextMenuArrowProps = Code0ComponentProps & Radix.ContextMenuArrowProps;
+export type ContextMenuSeparatorProps = ComponentProps & Radix.ContextMenuSeparatorProps;
+export type ContextMenuArrowProps = ComponentProps & Radix.ContextMenuArrowProps;
 export declare const ContextMenu: React.FC<ContextMenuProps>;
 export declare const ContextMenuTrigger: React.FC<ContextMenuTriggerProps>;
 export declare const ContextMenuPortal: React.FC<ContextMenuPortalProps>;

package/dist/components/context-menu/ContextMenu.js

@@ -2,87 +2,88 @@ import { jsx as l } from "react/jsx-runtime";
 import { c as u } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
 import "react";
-import { mergeCode0Props as i } from "../../utils/utils.js";
+import { mergeComponentProps as i } from "../../utils/component.js";
+import "js-md5";
 import * as r from "@radix-ui/react-context-menu";
 import '../../assets/components/context-menu/ContextMenu.style.css';/* empty css                       */
-const g = (n) => {
+const $ = (n) => {
   const t = u.c(4);
   let o;
   t[0] !== n ? (o = i("context-menu", n), t[0] = n, t[1] = o) : o = t[1];
   const c = o;
   let e;
   return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenu, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, $ = (n) => {
+}, b = (n) => {
   const t = u.c(4);
   let o;
   t[0] !== n ? (o = i("context-menu__trigger", n), t[0] = n, t[1] = o) : o = t[1];
   const c = o;
   let e;
   return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuTrigger, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, b = (n) => {
+}, S = (n) => {
   const t = u.c(4);
   let o;
   t[0] !== n ? (o = i("context-menu__portal", n), t[0] = n, t[1] = o) : o = t[1];
   const c = o;
   let e;
   return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuPortal, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, S = (n) => {
+}, T = (n) => {
   const t = u.c(6), o = n.align, c = `context-menu__content context-menu__content--${n.color ?? "primary"}`;
   let e;
   t[0] !== n || t[1] !== c ? (e = i(c, n), t[0] = n, t[1] = c, t[2] = e) : e = t[2];
   const x = e;
   let s;
   return t[3] !== n.align || t[4] !== x ? (s = /* @__PURE__ */ l(r.ContextMenuContent, { align: o, ...x }), t[3] = n.align, t[4] = x, t[5] = s) : s = t[5], s;
-}, T = (n) => {
+}, w = (n) => {
   const t = u.c(4);
   let o;
   t[0] !== n ? (o = i("context-menu__label", n), t[0] = n, t[1] = o) : o = t[1];
   const c = o;
   let e;
   return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuLabel, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, w = (n) => {
+}, P = (n) => {
   const t = u.c(4);
   let o;
   t[0] !== n ? (o = i("context-menu__item", n), t[0] = n, t[1] = o) : o = t[1];
   const c = o;
   let e;
   return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuItem, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, P = (n) => {
+}, y = (n) => {
   const t = u.c(4);
   let o;
   t[0] !== n ? (o = i("context-menu__group", n), t[0] = n, t[1] = o) : o = t[1];
   const c = o;
   let e;
   return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuGroup, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, d = (n) => {
+}, A = (n) => {
   const t = u.c(4);
   let o;
   t[0] !== n ? (o = i("context-menu__sub", n), t[0] = n, t[1] = o) : o = t[1];
   const c = o;
   let e;
   return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSub, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, y = (n) => {
+}, G = (n) => {
   const t = u.c(4);
   let o;
   t[0] !== n ? (o = i("context-menu__sub-trigger", n), t[0] = n, t[1] = o) : o = t[1];
   const c = o;
   let e;
   return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSubTrigger, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, A = (n) => {
+}, I = (n) => {
   const t = u.c(6), o = n.align, c = `context-menu__sub-content context-menu__sub-content--${n.color ?? "primary"}`;
   let e;
   t[0] !== n || t[1] !== c ? (e = i(c, n), t[0] = n, t[1] = c, t[2] = e) : e = t[2];
   const x = e;
   let s;
   return t[3] !== n.align || t[4] !== x ? (s = /* @__PURE__ */ l(r.ContextMenuSubContent, { align: o, ...x }), t[3] = n.align, t[4] = x, t[5] = s) : s = t[5], s;
-}, G = (n) => {
+}, L = (n) => {
   const t = u.c(4);
   let o;
   t[0] !== n ? (o = i("context-menu__separator", n), t[0] = n, t[1] = o) : o = t[1];
   const c = o;
   let e;
   return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSeparator, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, I = (n) => {
+}, R = (n) => {
   const t = u.c(4);
   let o;
   t[0] !== n ? (o = i("context-menu__arrow", n), t[0] = n, t[1] = o) : o = t[1];
@@ -91,16 +92,16 @@ const g = (n) => {
   return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuArrow, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
 };
 export {
-  g as ContextMenu,
-  I as ContextMenuArrow,
-  S as ContextMenuContent,
-  P as ContextMenuGroup,
-  w as ContextMenuItem,
-  T as ContextMenuLabel,
-  b as ContextMenuPortal,
-  G as ContextMenuSeparator,
-  d as ContextMenuSub,
-  A as ContextMenuSubContent,
-  y as ContextMenuSubTrigger,
-  $ as ContextMenuTrigger
+  $ as ContextMenu,
+  R as ContextMenuArrow,
+  T as ContextMenuContent,
+  y as ContextMenuGroup,
+  P as ContextMenuItem,
+  w as ContextMenuLabel,
+  S as ContextMenuPortal,
+  L as ContextMenuSeparator,
+  A as ContextMenuSub,
+  I as ContextMenuSubContent,
+  G as ContextMenuSubTrigger,
+  b as ContextMenuTrigger
 };

package/dist/components/data-table/DataTable.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Code0Component } from '../../utils';
+import { Component } from '../../utils';
 export type DataTableFilterOperator = "isOneOf" | "isNotOneOf";
 export interface DataTableFilterProps {
     [key: string]: {
@@ -10,7 +10,7 @@ export interface DataTableFilterProps {
 export interface DataTableSortProps {
     [key: string]: 'asc' | 'desc' | undefined;
 }
-export interface DataTableProps<T> extends Omit<Code0Component<HTMLTableElement>, 'data' | 'children' | 'onSelect'> {
+export interface DataTableProps<T> extends Omit<Component<HTMLTableElement>, 'data' | 'children' | 'onSelect'> {
     data: Array<T>;
     sort?: DataTableSortProps;
     filter?: DataTableFilterProps;

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

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

package/dist/components/data-table/DataTableColumn.d.ts

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

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

@@ -1,22 +1,23 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as n } from "../../_virtual/compiler-runtime.js";
+import { jsx as n } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
 import "react";
-import { mergeCode0Props as s } from "../../utils/utils.js";
-const x = (m) => {
-  const t = n.c(6);
-  let e, r;
+import { mergeComponentProps as s } from "../../utils/component.js";
+import "js-md5";
+const h = (m) => {
+  const t = c.c(6);
+  let e, o;
   if (t[0] !== m) {
     const {
       children: i,
       ...l
     } = m;
-    e = i, r = s("", l), t[0] = m, t[1] = e, t[2] = r;
+    e = i, o = s("", l), t[0] = m, t[1] = e, t[2] = o;
   } else
-    e = t[1], r = t[2];
-  let o;
-  return t[3] !== e || t[4] !== r ? (o = /* @__PURE__ */ c("td", { ...r, children: e }), t[3] = e, t[4] = r, t[5] = o) : o = t[5], o;
+    e = t[1], o = t[2];
+  let r;
+  return t[3] !== e || t[4] !== o ? (r = /* @__PURE__ */ n("td", { ...o, children: e }), t[3] = e, t[4] = o, t[5] = r) : r = t[5], r;
 };
 export {
-  x as DataTableColumn
+  h as DataTableColumn
 };