@code0-tech/pictor 0.16.0 → 0.17.0

package/dist/components/layout/Layout.js

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

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

@@ -24,10 +24,10 @@ export declare const MenuTrigger: React.FC<MenuTriggerProps>;
 export declare const MenuPortal: React.FC<MenuPortalProps>;
 export declare const MenuContent: React.FC<MenuContentProps>;
 export declare const MenuLabel: React.FC<MenuLabelProps>;
-export declare const MenuItem: React.FC<MenuItemProps>;
+export declare const MenuItem: React.ForwardRefExoticComponent<ComponentProps & DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
 export declare const MenuGroup: React.FC<MenuGroupProps>;
 export declare const MenuSub: React.FC<MenuSubProps>;
-export declare const MenuSubTrigger: React.FC<MenuSubTriggerProps>;
+export declare const MenuSubTrigger: React.ForwardRefExoticComponent<ComponentProps & DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
 export declare const MenuSubContent: React.FC<MenuSubContentProps>;
 export declare const MenuSeparator: React.FC<MenuSeparatorProps>;
 export declare const MenuCheckboxItem: React.FC<MenuCheckboxItemProps>;

package/dist/components/menu/Menu.js

@@ -1,142 +1,142 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as r } from "../../_virtual/compiler-runtime.js";
+import { jsx as r } from "react/jsx-runtime";
+import { c as u } from "../../_virtual/compiler-runtime.js";
+import M from "react";
 import '../../assets/components/menu/Menu.style.css';/* empty css                */
 import "../../utils/contextStore.js";
-import "react";
-import { mergeComponentProps as u } from "../../utils/component.js";
+import { mergeComponentProps as i } from "../../utils/component.js";
 import "js-md5";
-import { DropdownMenuItem as a, DropdownMenuLabel as w, DropdownMenu as b, DropdownMenuTrigger as g, DropdownMenuPortal as $, DropdownMenuArrow as D, DropdownMenuCheckboxItem as h, DropdownMenuGroup as S, DropdownMenuItemIndicator as I, DropdownMenuSeparator as C, DropdownMenuSub as x, DropdownMenuSubTrigger as T, DropdownMenuContent as A, DropdownMenuSubContent as k } from "@radix-ui/react-dropdown-menu";
-import { AutoScrollArea as M } from "../scroll-area/ScrollArea.js";
-const z = (l) => {
-  const e = r.c(4);
+import { DropdownMenuItem as w, DropdownMenuSubTrigger as b, DropdownMenu as g, DropdownMenuArrow as $, DropdownMenuCheckboxItem as D, DropdownMenuGroup as h, DropdownMenuItemIndicator as S, DropdownMenuLabel as I, DropdownMenuPortal as C, DropdownMenuSeparator as x, DropdownMenuSub as T, DropdownMenuTrigger as A, DropdownMenuContent as R, DropdownMenuSubContent as k } from "@radix-ui/react-dropdown-menu";
+import { AutoScrollArea as a } from "../scroll-area/ScrollArea.js";
+const B = (l) => {
+  const e = u.c(4);
   let t;
-  e[0] !== l ? (t = u("menu", l), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== l ? (t = i("menu", l), e[0] = l, e[1] = t) : t = e[1];
   const o = t;
   let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c(b, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
-}, B = (l) => {
-  const e = r.c(4);
+  return e[2] !== o ? (n = /* @__PURE__ */ r(g, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+}, F = (l) => {
+  const e = u.c(4);
   let t;
-  e[0] !== l ? (t = u("menu__trigger", l), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== l ? (t = i("menu__trigger", l), e[0] = l, e[1] = t) : t = e[1];
   const o = t;
   let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c(g, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
-}, F = (l) => {
-  const e = r.c(4);
+  return e[2] !== o ? (n = /* @__PURE__ */ r(A, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+}, H = (l) => {
+  const e = u.c(4);
   let t;
-  e[0] !== l ? (t = u("menu__portal", l), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== l ? (t = i("menu__portal", l), e[0] = l, e[1] = t) : t = e[1];
   const o = t;
   let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c($, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
-}, H = (l) => {
-  const e = r.c(12);
-  let t, o, n, s;
+  return e[2] !== o ? (n = /* @__PURE__ */ r(C, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+}, J = (l) => {
+  const e = u.c(12);
+  let t, o, n, c;
   if (e[0] !== l) {
     const {
       children: _,
       ...d
     } = l;
-    o = _, t = A, s = l.align, n = u(`menu__content menu__content--${l.color ?? "primary"}`, d), e[0] = l, e[1] = t, e[2] = o, e[3] = n, e[4] = s;
+    o = _, t = R, c = l.align, n = i(`menu__content menu__content--${l.color ?? "primary"}`, d), e[0] = l, e[1] = t, e[2] = o, e[3] = n, e[4] = c;
   } else
-    t = e[1], o = e[2], n = e[3], s = e[4];
+    t = e[1], o = e[2], n = e[3], c = e[4];
   const m = n;
-  let i;
-  e[5] !== o ? (i = /* @__PURE__ */ c(M, { children: o }), e[5] = o, e[6] = i) : i = e[6];
+  let s;
+  e[5] !== o ? (s = /* @__PURE__ */ r(a, { children: o }), e[5] = o, e[6] = s) : s = e[6];
   let f;
-  return e[7] !== t || e[8] !== s || e[9] !== m || e[10] !== i ? (f = /* @__PURE__ */ c(t, { align: s, ...m, children: i }), e[7] = t, e[8] = s, e[9] = m, e[10] = i, e[11] = f) : f = e[11], f;
-}, J = (l) => {
-  const e = r.c(4);
-  let t;
-  e[0] !== l ? (t = u("menu__label", l), e[0] = l, e[1] = t) : t = e[1];
-  const o = t;
-  let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c(w, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+  return e[7] !== t || e[8] !== c || e[9] !== m || e[10] !== s ? (f = /* @__PURE__ */ r(t, { align: c, ...m, children: s }), e[7] = t, e[8] = c, e[9] = m, e[10] = s, e[11] = f) : f = e[11], f;
 }, K = (l) => {
-  const e = r.c(4);
+  const e = u.c(4);
   let t;
-  e[0] !== l ? (t = u("menu__item", l), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== l ? (t = i("menu__label", l), e[0] = l, e[1] = t) : t = e[1];
   const o = t;
   let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c(a, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
-}, N = (l) => {
-  const e = r.c(4);
+  return e[2] !== o ? (n = /* @__PURE__ */ r(I, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+}, N = M.forwardRef((l, e) => {
+  const t = u.c(5);
+  let o;
+  t[0] !== l ? (o = i("menu__item", l), t[0] = l, t[1] = o) : o = t[1];
+  const n = o;
+  let c;
+  return t[2] !== e || t[3] !== n ? (c = /* @__PURE__ */ r(w, { ref: e, ...n }), t[2] = e, t[3] = n, t[4] = c) : c = t[4], c;
+}), O = (l) => {
+  const e = u.c(4);
   let t;
-  e[0] !== l ? (t = u("menu__group", l), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== l ? (t = i("menu__group", l), e[0] = l, e[1] = t) : t = e[1];
   const o = t;
   let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c(S, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
-}, O = (l) => {
-  const e = r.c(4);
-  let t;
-  e[0] !== l ? (t = u("menu__sub", l), e[0] = l, e[1] = t) : t = e[1];
-  const o = t;
-  let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c(x, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+  return e[2] !== o ? (n = /* @__PURE__ */ r(h, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
 }, Q = (l) => {
-  const e = r.c(4);
+  const e = u.c(4);
   let t;
-  e[0] !== l ? (t = u("menu__sub-trigger", l), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== l ? (t = i("menu__sub", l), e[0] = l, e[1] = t) : t = e[1];
   const o = t;
   let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c(T, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
-}, U = (l) => {
-  const e = r.c(10);
+  return e[2] !== o ? (n = /* @__PURE__ */ r(T, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+}, U = M.forwardRef((l, e) => {
+  const t = u.c(5);
+  let o;
+  t[0] !== l ? (o = i("menu__sub-trigger", l), t[0] = l, t[1] = o) : o = t[1];
+  const n = o;
+  let c;
+  return t[2] !== e || t[3] !== n ? (c = /* @__PURE__ */ r(b, { ref: e, ...n }), t[2] = e, t[3] = n, t[4] = c) : c = t[4], c;
+}), V = (l) => {
+  const e = u.c(10);
   let t, o, n;
   if (e[0] !== l) {
     const {
       children: f,
       ..._
     } = l;
-    o = f, t = k, n = u(`menu__sub-content menu__sub-content--${l.color ?? "primary"}`, _), e[0] = l, e[1] = t, e[2] = o, e[3] = n;
+    o = f, t = k, n = i(`menu__sub-content menu__sub-content--${l.color ?? "primary"}`, _), e[0] = l, e[1] = t, e[2] = o, e[3] = n;
   } else
     t = e[1], o = e[2], n = e[3];
-  const s = n;
+  const c = n;
   let m;
-  e[4] !== o ? (m = /* @__PURE__ */ c(M, { children: o }), e[4] = o, e[5] = m) : m = e[5];
-  let i;
-  return e[6] !== t || e[7] !== s || e[8] !== m ? (i = /* @__PURE__ */ c(t, { ...s, children: m }), e[6] = t, e[7] = s, e[8] = m, e[9] = i) : i = e[9], i;
-}, V = (l) => {
-  const e = r.c(4);
-  let t;
-  e[0] !== l ? (t = u("menu__separator", l), e[0] = l, e[1] = t) : t = e[1];
-  const o = t;
-  let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c(C, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+  e[4] !== o ? (m = /* @__PURE__ */ r(a, { children: o }), e[4] = o, e[5] = m) : m = e[5];
+  let s;
+  return e[6] !== t || e[7] !== c || e[8] !== m ? (s = /* @__PURE__ */ r(t, { ...c, children: m }), e[6] = t, e[7] = c, e[8] = m, e[9] = s) : s = e[9], s;
 }, W = (l) => {
-  const e = r.c(4);
+  const e = u.c(4);
   let t;
-  e[0] !== l ? (t = u("menu__checkbox-item", l), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== l ? (t = i("menu__separator", l), e[0] = l, e[1] = t) : t = e[1];
   const o = t;
   let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c(h, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+  return e[2] !== o ? (n = /* @__PURE__ */ r(x, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
 }, X = (l) => {
-  const e = r.c(4);
+  const e = u.c(4);
   let t;
-  e[0] !== l ? (t = u("menu__item-indicator", l), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== l ? (t = i("menu__checkbox-item", l), e[0] = l, e[1] = t) : t = e[1];
   const o = t;
   let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c(I, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+  return e[2] !== o ? (n = /* @__PURE__ */ r(D, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
 }, Y = (l) => {
-  const e = r.c(4);
+  const e = u.c(4);
+  let t;
+  e[0] !== l ? (t = i("menu__item-indicator", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
+  let n;
+  return e[2] !== o ? (n = /* @__PURE__ */ r(S, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+}, Z = (l) => {
+  const e = u.c(4);
   let t;
-  e[0] !== l ? (t = u("menu__arrow", l), e[0] = l, e[1] = t) : t = e[1];
+  e[0] !== l ? (t = i("menu__arrow", l), e[0] = l, e[1] = t) : t = e[1];
   const o = t;
   let n;
-  return e[2] !== o ? (n = /* @__PURE__ */ c(D, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+  return e[2] !== o ? (n = /* @__PURE__ */ r($, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
 };
 export {
-  z as Menu,
-  Y as MenuArrow,
-  W as MenuCheckboxItem,
-  H as MenuContent,
-  N as MenuGroup,
-  K as MenuItem,
-  X as MenuItemIndicator,
-  J as MenuLabel,
-  F as MenuPortal,
-  V as MenuSeparator,
-  O as MenuSub,
-  U as MenuSubContent,
-  Q as MenuSubTrigger,
-  B as MenuTrigger
+  B as Menu,
+  Z as MenuArrow,
+  X as MenuCheckboxItem,
+  J as MenuContent,
+  O as MenuGroup,
+  N as MenuItem,
+  Y as MenuItemIndicator,
+  K as MenuLabel,
+  H as MenuPortal,
+  W as MenuSeparator,
+  Q as MenuSub,
+  V as MenuSubContent,
+  U as MenuSubTrigger,
+  F as MenuTrigger
 };

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

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as w } from "react/jsx-runtime";
+import { jsxs as w, jsx as o } from "react/jsx-runtime";
 import { c as n } from "../../_virtual/compiler-runtime.js";
 import A from "react";
 import "../../utils/contextStore.js";