@code0-tech/pictor 0.6.0 → 0.6.2

package/dist/components/layout/Layout.js

@@ -1,11 +1,15 @@
-import { jsx as s, jsxs as D } from "react/jsx-runtime";
+import { jsx as r, jsxs as D } from "react/jsx-runtime";
 import { c as $ } from "../../_virtual/compiler-runtime.js";
-import { mergeCode0Props as k, getDOMSizeFromCodeZeroSize as F } from "../../utils/utils.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as k } from "../../utils/component.js";
+import "js-md5";
+import { getDOMSizeFromCodeZeroSize as F } from "../../utils/size.js";
 import { Flex as G } from "../flex/Flex.js";
 import '../../assets/components/layout/Layout.style.css';/* empty css                  */
-const J = (L) => {
+const U = (L) => {
   const t = $.c(56);
-  let l, n, r, i, o, e, d, a;
+  let l, n, s, i, o, e, d, a;
   if (t[0] !== L) {
     const {
       children: E,
@@ -17,59 +21,59 @@ const J = (L) => {
       layoutGap: w,
       ...Z
     } = L;
-    n = E, a = M, l = O, i = P, o = R, e = j === void 0 ? !0 : j, r = w === void 0 ? "xl" : w, d = k("d-layout", Z), t[0] = L, t[1] = l, t[2] = n, t[3] = r, t[4] = i, t[5] = o, t[6] = e, t[7] = d, t[8] = a;
+    n = E, a = M, l = O, i = P, o = R, e = j === void 0 ? !0 : j, s = w === void 0 ? "xl" : w, d = k("d-layout", Z), t[0] = L, t[1] = l, t[2] = n, t[3] = s, t[4] = i, t[5] = o, t[6] = e, t[7] = d, t[8] = a;
   } else
-    l = t[1], n = t[2], r = t[3], i = t[4], o = t[5], e = t[6], d = t[7], a = t[8];
-  let c;
-  t[9] !== r ? (c = F(r), t[9] = r, t[10] = c) : c = t[10];
+    l = t[1], n = t[2], s = t[3], i = t[4], o = t[5], e = t[6], d = t[7], a = t[8];
   let m;
-  t[11] !== c ? (m = {
+  t[9] !== s ? (m = F(s), t[9] = s, t[10] = m) : m = t[10];
+  let c;
+  t[11] !== m ? (c = {
     flexDirection: "column",
-    gap: c
-  }, t[11] = c, t[12] = m) : m = t[12];
+    gap: m
+  }, t[11] = m, t[12] = c) : c = t[12];
   let f;
-  t[13] !== a ? (f = a && /* @__PURE__ */ s("div", { className: "d-layout__top", children: a }), t[13] = a, t[14] = f) : f = t[14];
+  t[13] !== a ? (f = a && /* @__PURE__ */ r("div", { className: "d-layout__top", children: a }), t[13] = a, t[14] = f) : f = t[14];
+  let p;
+  t[15] !== e || t[16] !== a ? (p = a && e && /* @__PURE__ */ r("div", { className: "d-layout__splitter", "aria-orientation": "horizontal" }), t[15] = e, t[16] = a, t[17] = p) : p = t[17];
   let _;
-  t[15] !== e || t[16] !== a ? (_ = a && e && /* @__PURE__ */ s("div", { className: "d-layout__splitter", "aria-orientation": "horizontal" }), t[15] = e, t[16] = a, t[17] = _) : _ = t[17];
+  t[18] !== s ? (_ = F(s), t[18] = s, t[19] = _) : _ = t[19];
   let u;
-  t[18] !== r ? (u = F(r), t[18] = r, t[19] = u) : u = t[19];
+  t[20] !== _ ? (u = {
+    gap: _
+  }, t[20] = _, t[21] = u) : u = t[21];
   let y;
-  t[20] !== u ? (y = {
-    gap: u
-  }, t[20] = u, t[21] = y) : y = t[21];
-  let p;
-  t[22] !== i ? (p = i && /* @__PURE__ */ s("div", { className: "d-layout__left", children: i }), t[22] = i, t[23] = p) : p = t[23];
+  t[22] !== i ? (y = i && /* @__PURE__ */ r("div", { className: "d-layout__left", children: i }), t[22] = i, t[23] = y) : y = t[23];
   let h;
-  t[24] !== i || t[25] !== e ? (h = i && e && /* @__PURE__ */ s("div", { className: "d-layout__splitter", "aria-orientation": "vertical" }), t[24] = i, t[25] = e, t[26] = h) : h = t[26];
+  t[24] !== i || t[25] !== e ? (h = i && e && /* @__PURE__ */ r("div", { className: "d-layout__splitter", "aria-orientation": "vertical" }), t[24] = i, t[25] = e, t[26] = h) : h = t[26];
   let v;
-  t[27] !== n ? (v = /* @__PURE__ */ s("div", { className: "d-layout__content", children: n }), t[27] = n, t[28] = v) : v = t[28];
+  t[27] !== n ? (v = /* @__PURE__ */ r("div", { className: "d-layout__content", children: n }), t[27] = n, t[28] = v) : v = t[28];
   let N;
-  t[29] !== o || t[30] !== e ? (N = o && e && /* @__PURE__ */ s("div", { className: "d-layout__splitter", "aria-orientation": "vertical" }), t[29] = o, t[30] = e, t[31] = N) : N = t[31];
+  t[29] !== o || t[30] !== e ? (N = o && e && /* @__PURE__ */ r("div", { className: "d-layout__splitter", "aria-orientation": "vertical" }), t[29] = o, t[30] = e, t[31] = N) : N = t[31];
   let C;
-  t[32] !== o ? (C = o && /* @__PURE__ */ s("div", { className: "d-layout__right", children: o }), t[32] = o, t[33] = C) : C = t[33];
+  t[32] !== o ? (C = o && /* @__PURE__ */ r("div", { className: "d-layout__right", children: o }), t[32] = o, t[33] = C) : C = t[33];
   let g;
-  t[34] !== N || t[35] !== C || t[36] !== y || t[37] !== p || t[38] !== h || t[39] !== v ? (g = /* @__PURE__ */ D(G, { className: "d-layout__middle", style: y, children: [
-    p,
+  t[34] !== N || t[35] !== C || t[36] !== u || t[37] !== y || t[38] !== h || t[39] !== v ? (g = /* @__PURE__ */ D(G, { className: "d-layout__middle", style: u, children: [
+    y,
     h,
     v,
     N,
     C
-  ] }), t[34] = N, t[35] = C, t[36] = y, t[37] = p, t[38] = h, t[39] = v, t[40] = g) : g = t[40];
+  ] }), t[34] = N, t[35] = C, t[36] = u, t[37] = y, t[38] = h, t[39] = v, t[40] = g) : g = t[40];
   let x;
-  t[41] !== l || t[42] !== e ? (x = l && e && /* @__PURE__ */ s("div", { className: "d-layout__splitter", "aria-orientation": "horizontal" }), t[41] = l, t[42] = e, t[43] = x) : x = t[43];
+  t[41] !== l || t[42] !== e ? (x = l && e && /* @__PURE__ */ r("div", { className: "d-layout__splitter", "aria-orientation": "horizontal" }), t[41] = l, t[42] = e, t[43] = x) : x = t[43];
   let z;
-  t[44] !== l ? (z = l && /* @__PURE__ */ s("div", { className: "d-layout__bottom", children: l }), t[44] = l, t[45] = z) : z = t[45];
+  t[44] !== l ? (z = l && /* @__PURE__ */ r("div", { className: "d-layout__bottom", children: l }), t[44] = l, t[45] = z) : z = t[45];
   let S;
-  t[46] !== g || t[47] !== x || t[48] !== z || t[49] !== m || t[50] !== f || t[51] !== _ ? (S = /* @__PURE__ */ D(G, { className: "d-layout__inner", style: m, children: [
+  t[46] !== g || t[47] !== x || t[48] !== z || t[49] !== c || t[50] !== f || t[51] !== p ? (S = /* @__PURE__ */ D(G, { className: "d-layout__inner", style: c, children: [
     f,
-    _,
+    p,
     g,
     x,
     z
-  ] }), t[46] = g, t[47] = x, t[48] = z, t[49] = m, t[50] = f, t[51] = _, t[52] = S) : S = t[52];
+  ] }), t[46] = g, t[47] = x, t[48] = z, t[49] = c, t[50] = f, t[51] = p, t[52] = S) : S = t[52];
   let b;
-  return t[53] !== d || t[54] !== S ? (b = /* @__PURE__ */ s("div", { ...d, children: S }), t[53] = d, t[54] = S, t[55] = b) : b = t[55], b;
+  return t[53] !== d || t[54] !== S ? (b = /* @__PURE__ */ r("div", { ...d, children: S }), t[53] = d, t[54] = S, t[55] = b) : b = t[55], b;
 };
 export {
-  J as Layout
+  U as Layout
 };

package/dist/components/menu/Menu.d.ts

@@ -1,24 +1,24 @@
 import { default as React } from 'react';
-import { Code0ComponentProps, Color } from '../../utils/types';
+import { Color, ComponentProps } from '../../utils';
 import { DropdownMenuArrowProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemIndicatorProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps } from '@radix-ui/react-dropdown-menu';
-export type MenuProps = Code0ComponentProps & DropdownMenuProps;
-export type MenuTriggerProps = Code0ComponentProps & DropdownMenuTriggerProps;
-export type MenuPortalProps = Code0ComponentProps & DropdownMenuPortalProps;
-export type MenuContentProps = Code0ComponentProps & DropdownMenuContentProps & {
+export type MenuProps = ComponentProps & DropdownMenuProps;
+export type MenuTriggerProps = ComponentProps & DropdownMenuTriggerProps;
+export type MenuPortalProps = ComponentProps & DropdownMenuPortalProps;
+export type MenuContentProps = ComponentProps & DropdownMenuContentProps & {
     color?: Color;
 };
-export type MenuLabelProps = Code0ComponentProps & DropdownMenuLabelProps;
-export type MenuItemProps = Code0ComponentProps & DropdownMenuItemProps;
-export type MenuCheckboxItemProps = Code0ComponentProps & DropdownMenuCheckboxItemProps;
-export type MenuItemIndicatorProps = Code0ComponentProps & DropdownMenuItemIndicatorProps;
-export type MenuGroupProps = Code0ComponentProps & DropdownMenuGroupProps;
-export type MenuSubProps = Code0ComponentProps & DropdownMenuSubProps;
-export type MenuSubTriggerProps = Code0ComponentProps & DropdownMenuSubTriggerProps;
-export type MenuSubContentProps = Code0ComponentProps & DropdownMenuSubContentProps & {
+export type MenuLabelProps = ComponentProps & DropdownMenuLabelProps;
+export type MenuItemProps = ComponentProps & DropdownMenuItemProps;
+export type MenuCheckboxItemProps = ComponentProps & DropdownMenuCheckboxItemProps;
+export type MenuItemIndicatorProps = ComponentProps & DropdownMenuItemIndicatorProps;
+export type MenuGroupProps = ComponentProps & DropdownMenuGroupProps;
+export type MenuSubProps = ComponentProps & DropdownMenuSubProps;
+export type MenuSubTriggerProps = ComponentProps & DropdownMenuSubTriggerProps;
+export type MenuSubContentProps = ComponentProps & DropdownMenuSubContentProps & {
     color?: Color;
 };
-export type MenuSeparatorProps = Code0ComponentProps & DropdownMenuSeparatorProps;
-export type MenuArrowProps = Code0ComponentProps & DropdownMenuArrowProps;
+export type MenuSeparatorProps = ComponentProps & DropdownMenuSeparatorProps;
+export type MenuArrowProps = ComponentProps & DropdownMenuArrowProps;
 export declare const Menu: React.FC<MenuProps>;
 export declare const MenuTrigger: React.FC<MenuTriggerProps>;
 export declare const MenuPortal: React.FC<MenuPortalProps>;

package/dist/components/menu/Menu.js

@@ -1,120 +1,123 @@
 import { jsx as u } from "react/jsx-runtime";
 import { c as l } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/menu/Menu.style.css';/* empty css                */
-import { mergeCode0Props as r } from "../../utils/utils.js";
-import { DropdownMenuItem as m, DropdownMenuContent as f, DropdownMenuLabel as _, DropdownMenu as M, DropdownMenuTrigger as a, DropdownMenuPortal as d, DropdownMenuArrow as g, DropdownMenuCheckboxItem as w, DropdownMenuGroup as b, DropdownMenuItemIndicator as $, DropdownMenuSeparator as D, DropdownMenuSub as I, DropdownMenuSubContent as S, DropdownMenuSubTrigger as C } from "@radix-ui/react-dropdown-menu";
-const y = (o) => {
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as r } from "../../utils/component.js";
+import "js-md5";
+import { DropdownMenuItem as m, DropdownMenuContent as f, DropdownMenuLabel as _, DropdownMenu as M, DropdownMenuTrigger as a, DropdownMenuPortal as g, DropdownMenuArrow as d, DropdownMenuCheckboxItem as w, DropdownMenuGroup as b, DropdownMenuItemIndicator as $, DropdownMenuSeparator as D, DropdownMenuSub as I, DropdownMenuSubContent as S, DropdownMenuSubTrigger as C } from "@radix-ui/react-dropdown-menu";
+const L = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
   return e[2] !== c ? (t = /* @__PURE__ */ u(M, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, A = (o) => {
+}, j = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__trigger", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
   return e[2] !== c ? (t = /* @__PURE__ */ u(a, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, G = (o) => {
+}, E = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__portal", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(d, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, L = (o) => {
+  return e[2] !== c ? (t = /* @__PURE__ */ u(g, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+}, R = (o) => {
   const e = l.c(6), n = o.align, c = `menu__content menu__content--${o.color ?? "primary"}`;
   let t;
   e[0] !== o || e[1] !== c ? (t = r(c, o), e[0] = o, e[1] = c, e[2] = t) : t = e[2];
   const i = t;
   let s;
   return e[3] !== o.align || e[4] !== i ? (s = /* @__PURE__ */ u(f, { align: n, ...i }), e[3] = o.align, e[4] = i, e[5] = s) : s = e[5], s;
-}, j = (o) => {
+}, q = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__label", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
   return e[2] !== c ? (t = /* @__PURE__ */ u(_, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, E = (o) => {
+}, v = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__item", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
   return e[2] !== c ? (t = /* @__PURE__ */ u(m, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, R = (o) => {
+}, z = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__group", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
   return e[2] !== c ? (t = /* @__PURE__ */ u(b, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, q = (o) => {
+}, B = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__sub", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
   return e[2] !== c ? (t = /* @__PURE__ */ u(I, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, v = (o) => {
+}, F = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__sub-trigger", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
   return e[2] !== c ? (t = /* @__PURE__ */ u(C, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, z = (o) => {
+}, H = (o) => {
   const e = l.c(5), n = `menu__sub-content menu__sub-content--${o.color ?? "primary"}`;
   let c;
   e[0] !== o || e[1] !== n ? (c = r(n, o), e[0] = o, e[1] = n, e[2] = c) : c = e[2];
   const t = c;
   let i;
   return e[3] !== t ? (i = /* @__PURE__ */ u(S, { ...t }), e[3] = t, e[4] = i) : i = e[4], i;
-}, B = (o) => {
+}, J = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__separator", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
   return e[2] !== c ? (t = /* @__PURE__ */ u(D, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, F = (o) => {
+}, K = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__checkbox-item", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
   return e[2] !== c ? (t = /* @__PURE__ */ u(w, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, H = (o) => {
+}, N = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__item-indicator", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
   return e[2] !== c ? (t = /* @__PURE__ */ u($, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, J = (o) => {
+}, O = (o) => {
   const e = l.c(4);
   let n;
   e[0] !== o ? (n = r("menu__arrow", o), e[0] = o, e[1] = n) : n = e[1];
   const c = n;
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(g, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+  return e[2] !== c ? (t = /* @__PURE__ */ u(d, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
 };
 export {
-  y as Menu,
-  J as MenuArrow,
-  F as MenuCheckboxItem,
-  L as MenuContent,
-  R as MenuGroup,
-  E as MenuItem,
-  H as MenuItemIndicator,
-  j as MenuLabel,
-  G as MenuPortal,
-  B as MenuSeparator,
-  q as MenuSub,
-  z as MenuSubContent,
-  v as MenuSubTrigger,
-  A as MenuTrigger
+  L as Menu,
+  O as MenuArrow,
+  K as MenuCheckboxItem,
+  R as MenuContent,
+  z as MenuGroup,
+  v as MenuItem,
+  N as MenuItemIndicator,
+  q as MenuLabel,
+  E as MenuPortal,
+  J as MenuSeparator,
+  B as MenuSub,
+  H as MenuSubContent,
+  F as MenuSubTrigger,
+  j as MenuTrigger
 };

package/dist/components/resizable/Resizable.d.ts

@@ -1,11 +1,11 @@
-import { Code0ComponentProps, Color } from '../../utils';
+import { ComponentProps, Color } from '../../utils';
 import { GroupProps, PanelProps, SeparatorProps } from 'react-resizable-panels';
 import * as React from "react";
-type ResizablePanelGroupProps = Code0ComponentProps & GroupProps;
-type ResizablePanelProps = Code0ComponentProps & PanelProps & {
+type ResizablePanelGroupProps = ComponentProps & GroupProps;
+type ResizablePanelProps = ComponentProps & PanelProps & {
     color?: Color;
 };
-type ResizableHandleProps = Code0ComponentProps & SeparatorProps;
+type ResizableHandleProps = ComponentProps & SeparatorProps;
 export declare const ResizablePanelGroup: React.FC<ResizablePanelGroupProps>;
 export declare const ResizablePanel: React.FC<ResizablePanelProps>;
 export declare const ResizableHandle: React.FC<ResizableHandleProps>;

package/dist/components/resizable/Resizable.js

@@ -2,33 +2,34 @@ import { jsx as i } from "react/jsx-runtime";
 import { c as o } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
 import "react";
-import { mergeCode0Props as s } from "../../utils/utils.js";
-import { Separator as n, Panel as c, Group as m } from "react-resizable-panels";
+import { mergeComponentProps as n } from "../../utils/component.js";
+import "js-md5";
+import { Separator as s, Panel as m, Group as c } from "react-resizable-panels";
 import '../../assets/components/resizable/Resizable.style.css';/* empty css                     */
 const $ = (r) => {
   const e = o.c(4);
-  let l;
-  e[0] !== r ? (l = s("d-resizable", r), e[0] = r, e[1] = l) : l = e[1];
-  const t = l;
-  let a;
-  return e[2] !== t ? (a = /* @__PURE__ */ i(m, { "data-slot": "resizable-panel-group", ...t }), e[2] = t, e[3] = a) : a = e[3], a;
-}, p = (r) => {
-  const e = o.c(5), l = `d-resizable__panel ${r.color ? `d-resizable__panel--${r.color ?? "primary"}` : ""}`;
   let t;
-  e[0] !== r || e[1] !== l ? (t = s(l, r), e[0] = r, e[1] = l, e[2] = t) : t = e[2];
+  e[0] !== r ? (t = n("d-resizable", r), e[0] = r, e[1] = t) : t = e[1];
+  const l = t;
   let a;
-  return e[3] !== t ? (a = /* @__PURE__ */ i(c, { "data-slot": "resizable-panel", ...t }), e[3] = t, e[4] = a) : a = e[4], a;
+  return e[2] !== l ? (a = /* @__PURE__ */ i(c, { "data-slot": "resizable-panel-group", ...l }), e[2] = l, e[3] = a) : a = e[3], a;
 }, P = (r) => {
-  const e = o.c(5);
+  const e = o.c(5), t = `d-resizable__panel ${r.color ? `d-resizable__panel--${r.color ?? "primary"}` : ""}`;
   let l;
-  e[0] !== r ? (l = s("d-resizable__handle", r), e[0] = r, e[1] = l) : l = e[1];
+  e[0] !== r || e[1] !== t ? (l = n(t, r), e[0] = r, e[1] = t, e[2] = l) : l = e[2];
+  let a;
+  return e[3] !== l ? (a = /* @__PURE__ */ i(m, { "data-slot": "resizable-panel", ...l }), e[3] = l, e[4] = a) : a = e[4], a;
+}, R = (r) => {
+  const e = o.c(5);
   let t;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i("div", { className: "d-resizable__handle-bar" }), e[2] = t) : t = e[2];
+  e[0] !== r ? (t = n("d-resizable__handle", r), e[0] = r, e[1] = t) : t = e[1];
+  let l;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ i("div", { className: "d-resizable__handle-bar" }), e[2] = l) : l = e[2];
   let a;
-  return e[3] !== l ? (a = /* @__PURE__ */ i(n, { "data-slot": "resizable-handle", ...l, children: t }), e[3] = l, e[4] = a) : a = e[4], a;
+  return e[3] !== t ? (a = /* @__PURE__ */ i(s, { "data-slot": "resizable-handle", ...t, children: l }), e[3] = t, e[4] = a) : a = e[4], a;
 };
 export {
-  P as ResizableHandle,
-  p as ResizablePanel,
+  R as ResizableHandle,
+  P as ResizablePanel,
   $ as ResizablePanelGroup
 };

package/dist/components/row/Row.d.ts

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

package/dist/components/row/Row.js

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

package/dist/components/scroll-area/ScrollArea.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
-import { Code0ComponentProps } from '../../utils/types';
+import { ComponentProps } from '../../utils';
 import * as RadixScrollArea from "@radix-ui/react-scroll-area";
-export type ScrollAreaProps = Code0ComponentProps & RadixScrollArea.ScrollAreaProps;
-export type ScrollAreaViewportProps = Code0ComponentProps & RadixScrollArea.ScrollAreaViewportProps;
-export type ScrollAreaScrollbarProps = Code0ComponentProps & RadixScrollArea.ScrollAreaScrollbarProps;
-export type ScrollAreaThumbProps = Code0ComponentProps & RadixScrollArea.ScrollAreaThumbProps;
-export type ScrollAreaCornerProps = Code0ComponentProps & RadixScrollArea.ScrollAreaCornerProps;
+export type ScrollAreaProps = ComponentProps & RadixScrollArea.ScrollAreaProps;
+export type ScrollAreaViewportProps = ComponentProps & RadixScrollArea.ScrollAreaViewportProps;
+export type ScrollAreaScrollbarProps = ComponentProps & RadixScrollArea.ScrollAreaScrollbarProps;
+export type ScrollAreaThumbProps = ComponentProps & RadixScrollArea.ScrollAreaThumbProps;
+export type ScrollAreaCornerProps = ComponentProps & RadixScrollArea.ScrollAreaCornerProps;
 export declare const ScrollArea: React.FC<ScrollAreaProps>;
 export declare const ScrollAreaViewport: React.FC<ScrollAreaViewportProps>;
 export declare const ScrollAreaScrollbar: React.FC<ScrollAreaScrollbarProps>;

package/dist/components/scroll-area/ScrollArea.js

@@ -1,43 +1,46 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c } from "../../_virtual/compiler-runtime.js";
-import * as a from "@radix-ui/react-scroll-area";
-import { mergeCode0Props as i } from "../../utils/utils.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as a } from "../../utils/component.js";
+import "js-md5";
+import * as i from "@radix-ui/react-scroll-area";
 import '../../assets/components/scroll-area/ScrollArea.style.css';/* empty css                      */
-const S = (t) => {
-  const e = c.c(4);
-  let r;
-  e[0] !== t ? (r = i("scroll-area", t), e[0] = t, e[1] = r) : r = e[1];
+const _ = (t) => {
+  const r = c.c(4);
+  let e;
+  r[0] !== t ? (e = a("scroll-area", t), r[0] = t, r[1] = e) : e = r[1];
   let l;
-  return e[2] !== r ? (l = /* @__PURE__ */ o(a.ScrollArea, { ...r }), e[2] = r, e[3] = l) : l = e[3], l;
-}, A = (t) => {
-  const e = c.c(4);
-  let r;
-  e[0] !== t ? (r = i("scroll-area__viewport", t), e[0] = t, e[1] = r) : r = e[1];
+  return r[2] !== e ? (l = /* @__PURE__ */ o(i.ScrollArea, { ...e }), r[2] = e, r[3] = l) : l = r[3], l;
+}, b = (t) => {
+  const r = c.c(4);
+  let e;
+  r[0] !== t ? (e = a("scroll-area__viewport", t), r[0] = t, r[1] = e) : e = r[1];
   let l;
-  return e[2] !== r ? (l = /* @__PURE__ */ o(a.ScrollAreaViewport, { ...r }), e[2] = r, e[3] = l) : l = e[3], l;
-}, u = (t) => {
-  const e = c.c(4);
-  let r;
-  e[0] !== t ? (r = i("scroll-area__scrollbar", t), e[0] = t, e[1] = r) : r = e[1];
+  return r[2] !== e ? (l = /* @__PURE__ */ o(i.ScrollAreaViewport, { ...e }), r[2] = e, r[3] = l) : l = r[3], l;
+}, $ = (t) => {
+  const r = c.c(4);
+  let e;
+  r[0] !== t ? (e = a("scroll-area__scrollbar", t), r[0] = t, r[1] = e) : e = r[1];
   let l;
-  return e[2] !== r ? (l = /* @__PURE__ */ o(a.ScrollAreaScrollbar, { ...r }), e[2] = r, e[3] = l) : l = e[3], l;
-}, _ = (t) => {
-  const e = c.c(4);
-  let r;
-  e[0] !== t ? (r = i("scroll-area__thumb", t), e[0] = t, e[1] = r) : r = e[1];
+  return r[2] !== e ? (l = /* @__PURE__ */ o(i.ScrollAreaScrollbar, { ...e }), r[2] = e, r[3] = l) : l = r[3], l;
+}, x = (t) => {
+  const r = c.c(4);
+  let e;
+  r[0] !== t ? (e = a("scroll-area__thumb", t), r[0] = t, r[1] = e) : e = r[1];
   let l;
-  return e[2] !== r ? (l = /* @__PURE__ */ o(a.ScrollAreaThumb, { ...r }), e[2] = r, e[3] = l) : l = e[3], l;
-}, b = (t) => {
-  const e = c.c(4);
-  let r;
-  e[0] !== t ? (r = i("scroll-area__corner", t), e[0] = t, e[1] = r) : r = e[1];
+  return r[2] !== e ? (l = /* @__PURE__ */ o(i.ScrollAreaThumb, { ...e }), r[2] = e, r[3] = l) : l = r[3], l;
+}, h = (t) => {
+  const r = c.c(4);
+  let e;
+  r[0] !== t ? (e = a("scroll-area__corner", t), r[0] = t, r[1] = e) : e = r[1];
   let l;
-  return e[2] !== r ? (l = /* @__PURE__ */ o(a.ScrollAreaCorner, { ...r }), e[2] = r, e[3] = l) : l = e[3], l;
+  return r[2] !== e ? (l = /* @__PURE__ */ o(i.ScrollAreaCorner, { ...e }), r[2] = e, r[3] = l) : l = r[3], l;
 };
 export {
-  S as ScrollArea,
-  b as ScrollAreaCorner,
-  u as ScrollAreaScrollbar,
-  _ as ScrollAreaThumb,
-  A as ScrollAreaViewport
+  _ as ScrollArea,
+  h as ScrollAreaCorner,
+  $ as ScrollAreaScrollbar,
+  x as ScrollAreaThumb,
+  b as ScrollAreaViewport
 };

package/dist/components/segmented-control/SegmentedControl.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
-import { Code0ComponentProps, Color } from '../../utils';
+import { ComponentProps, Color } from '../../utils';
 import { ToggleGroupSingleProps, ToggleGroupItemProps } from '@radix-ui/react-toggle-group';
-type SegmentedControlProps = Code0ComponentProps & ToggleGroupSingleProps & {
+type SegmentedControlProps = ComponentProps & ToggleGroupSingleProps & {
     color?: Color;
 };
-type SegmentedControlItemProps = Code0ComponentProps & ToggleGroupItemProps;
+type SegmentedControlItemProps = ComponentProps & ToggleGroupItemProps;
 export declare const SegmentedControl: React.FC<SegmentedControlProps>;
 export declare const SegmentedControlItem: React.FC<SegmentedControlItemProps>;
 export {};

package/dist/components/segmented-control/SegmentedControl.js

@@ -1,24 +1,25 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as l } from "../../_virtual/compiler-runtime.js";
+import { c as i } from "../../_virtual/compiler-runtime.js";
 import { Root as s, Item as f } from "@radix-ui/react-toggle-group";
 import "../../utils/contextStore.js";
 import "react";
-import { mergeCode0Props as i } from "../../utils/utils.js";
+import { mergeComponentProps as l } from "../../utils/component.js";
+import "js-md5";
 import '../../assets/components/segmented-control/SegmentedControl.style.css';/* empty css                            */
 const I = (e) => {
-  const t = l.c(5), o = `segmented-control segmented-control--${e.color ?? "secondary"}`;
+  const t = i.c(5), o = `segmented-control segmented-control--${e.color ?? "secondary"}`;
   let m;
-  t[0] !== e || t[1] !== o ? (m = i(o, e), t[0] = e, t[1] = o, t[2] = m) : m = t[2];
-  const r = m;
-  let n;
-  return t[3] !== r ? (n = /* @__PURE__ */ c(s, { ...r }), t[3] = r, t[4] = n) : n = t[4], n;
+  t[0] !== e || t[1] !== o ? (m = l(o, e), t[0] = e, t[1] = o, t[2] = m) : m = t[2];
+  const n = m;
+  let r;
+  return t[3] !== n ? (r = /* @__PURE__ */ c(s, { ...n }), t[3] = n, t[4] = r) : r = t[4], r;
 }, R = (e) => {
-  const t = l.c(4);
+  const t = i.c(4);
   let o;
-  t[0] !== e ? (o = i("segmented-control__item", e), t[0] = e, t[1] = o) : o = t[1];
+  t[0] !== e ? (o = l("segmented-control__item", e), t[0] = e, t[1] = o) : o = t[1];
   const m = o;
-  let r;
-  return t[2] !== m ? (r = /* @__PURE__ */ c(f, { ...m }), t[2] = m, t[3] = r) : r = t[3], r;
+  let n;
+  return t[2] !== m ? (n = /* @__PURE__ */ c(f, { ...m }), t[2] = m, t[3] = n) : n = t[3], n;
 };
 export {
   I as SegmentedControl,

package/dist/components/spacing/Spacing.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { Code0Component, Code0Sizes } from '../../utils';
-export interface SpacingProps extends Code0Component<HTMLDivElement> {
-    spacing: Code0Sizes;
+import { Component, Sizes } from '../../utils';
+export interface SpacingProps extends Component<HTMLDivElement> {
+    spacing: Sizes;
 }
 export declare const Spacing: React.FC<SpacingProps>;

package/dist/components/spacing/Spacing.js

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