@code0-tech/pictor 0.0.0-mvp.29 → 0.0.0-mvp.30

package/dist/components/form/InputSuggestion.js

@@ -1,156 +1,218 @@
-import { jsx as d, jsxs as C } from "react/jsx-runtime";
-import { c as R } from "../../_virtual/compiler-runtime.js";
-import { MenuContent as D, MenuLabel as E, MenuItem as G } from "../menu/Menu.js";
-import u from "react";
-import { ScrollArea as L, ScrollAreaViewport as P, ScrollAreaScrollbar as F, ScrollAreaThumb as O } from "../scroll-area/ScrollArea.js";
-import { IconChevronDown as T, IconChevronUp as V } from "@tabler/icons-react";
-const K = u.forwardRef((l, S) => {
-  const t = R.c(12);
-  let i, h, m;
-  t[0] !== l ? ({
-    children: i,
-    inputRef: h,
-    ...m
-  } = l, t[0] = l, t[1] = i, t[2] = h, t[3] = m) : (i = t[1], h = t[2], m = t[3]);
-  const v = u.useRef(null);
-  let c, s;
-  t[4] !== h ? (c = (a) => {
-    a.preventDefault(), h?.current?.focus({
+import { jsx as I, jsxs as B } from "react/jsx-runtime";
+import { c as x } from "../../_virtual/compiler-runtime.js";
+import { MenuItem as L, MenuContent as F, MenuLabel as k } from "../menu/Menu.js";
+import i from "react";
+import { ScrollArea as N, ScrollAreaViewport as O, ScrollAreaScrollbar as T, ScrollAreaThumb as j } from "../scroll-area/ScrollArea.js";
+import { IconChevronDown as $, IconChevronUp as z } from "@tabler/icons-react";
+const D = i.memo((u) => {
+  const e = x.c(17), {
+    suggestion: n,
+    visibleIndex: l,
+    isActive: p,
+    inputRef: d,
+    onSelect: v,
+    onActivate: c,
+    itemRef: f
+  } = u;
+  if (l === null)
+    return null;
+  let m;
+  if (e[0] !== d || e[1] !== c || e[2] !== l) {
+    const b = () => {
+      c(l), d?.current?.focus({
+        preventScroll: !0
+      });
+    };
+    m = (M) => {
+      M.preventDefault(), b();
+    }, e[0] = d, e[1] = c, e[2] = l, e[3] = m;
+  } else
+    m = e[3];
+  const g = m;
+  let a;
+  e[4] !== c || e[5] !== l ? (a = (b) => {
+    b.preventDefault(), b.stopPropagation(), c(l);
+  }, e[4] = c, e[5] = l, e[6] = a) : a = e[6];
+  const y = a;
+  let C;
+  e[7] !== v || e[8] !== n ? (C = () => setTimeout(() => v(n), 0), e[7] = v, e[8] = n, e[9] = C) : C = e[9];
+  let o;
+  return e[10] !== g || e[11] !== y || e[12] !== p || e[13] !== f || e[14] !== n.children || e[15] !== C ? (o = /* @__PURE__ */ I(L, { textValue: "", onPointerDown: g, onPointerMove: y, onSelect: C, "data-focus": p, ref: f, children: n.children }), e[10] = g, e[11] = y, e[12] = p, e[13] = f, e[14] = n.children, e[15] = C, e[16] = o) : o = e[16], o;
+}, (u, e) => u.suggestion === e.suggestion && u.visibleIndex === e.visibleIndex && u.isActive === e.isActive && u.inputRef === e.inputRef && u.onSelect === e.onSelect && u.onActivate === e.onActivate && u.itemRef === e.itemRef);
+D.displayName = "SuggestionMenuItem";
+const P = i.forwardRef((u, e) => {
+  const n = x.c(12);
+  let l, p, d;
+  n[0] !== u ? ({
+    children: l,
+    inputRef: p,
+    ...d
+  } = u, n[0] = u, n[1] = l, n[2] = p, n[3] = d) : (l = n[1], p = n[2], d = n[3]);
+  const v = i.useRef(null);
+  let c, f;
+  n[4] !== p ? (c = (g) => {
+    g.preventDefault(), p?.current?.focus({
       preventScroll: !0
     });
-  }, s = () => h?.current?.focus({
+  }, f = () => p?.current?.focus({
     preventScroll: !0
-  }), t[4] = h, t[5] = c, t[6] = s) : (c = t[5], s = t[6]);
-  let o;
-  return t[7] !== i || t[8] !== m || t[9] !== c || t[10] !== s ? (o = /* @__PURE__ */ d(D, { ref: v, onContextMenuCapture: j, onInteractOutside: k, onCloseAutoFocus: z, onOpenAutoFocus: c, onFocusCapture: s, align: "start", sideOffset: 8, ...m, children: i }), t[7] = i, t[8] = m, t[9] = c, t[10] = s, t[11] = o) : o = t[11], o;
-}), Q = u.forwardRef((l, S) => {
+  }), n[4] = p, n[5] = c, n[6] = f) : (c = n[5], f = n[6]);
+  let m;
+  return n[7] !== l || n[8] !== d || n[9] !== c || n[10] !== f ? (m = /* @__PURE__ */ I(F, { ref: v, forceMount: !0, onContextMenuCapture: H, onInteractOutside: U, onCloseAutoFocus: q, onOpenAutoFocus: c, onFocusCapture: f, align: "start", sideOffset: 8, ...d, children: l }), n[7] = l, n[8] = d, n[9] = c, n[10] = f, n[11] = m) : m = n[11], m;
+});
+P.displayName = "InputSuggestionMenuContent";
+const Z = i.memo(P), V = i.forwardRef((u, e) => {
   const {
-    suggestions: t,
-    onSuggestionSelect: i = () => {
+    suggestions: n,
+    onSuggestionSelect: l = () => {
     },
-    inputRef: h,
-    ...m
-  } = l, v = u.useRef([]), [c, s] = u.useState({}), [o, a] = u.useState(null);
-  u.useEffect(() => {
-    if (!t) {
-      s({});
+    inputRef: p,
+    ...d
+  } = u, v = i.useRef([]), c = i.useRef(/* @__PURE__ */ new Map()), [f, m] = i.useState({}), g = i.useRef(null), a = i.useCallback((t, r) => {
+    const s = g.current;
+    if (!(!r?.force && s === t) && (s !== null && v.current[s]?.removeAttribute("data-focus"), g.current = t, t !== null)) {
+      const h = v.current[t];
+      h && (h.setAttribute("data-focus", "true"), r?.scrollIntoView && h.scrollIntoView({
+        block: "nearest"
+      }));
+    }
+  }, []);
+  i.useEffect(() => {
+    if (!n) {
+      m({});
       return;
     }
-    s((e) => {
+    m((t) => {
       const r = {};
-      return t.forEach((f) => {
-        f.groupBy && (e.hasOwnProperty(f.groupBy) ? r[f.groupBy] = e[f.groupBy] : r[f.groupBy] = !1);
+      return n.forEach((s) => {
+        s.groupBy && (t.hasOwnProperty(s.groupBy) ? r[s.groupBy] = t[s.groupBy] : r[s.groupBy] = !1);
       }), r;
     });
-  }, [t]);
+  }, [n]);
   const {
-    groupLabelCount: B,
-    visibleSuggestionCount: M,
-    visibleSuggestions: n
-  } = u.useMemo(() => {
-    if (!t) return {
+    groupLabelCount: y,
+    visibleSuggestionCount: C,
+    visibleSuggestions: o
+  } = i.useMemo(() => {
+    if (!n) return {
       groupLabelCount: 0,
       visibleSuggestionCount: 0,
       visibleSuggestions: []
     };
-    let e = 0, r = 0;
-    const f = [];
-    return t.forEach((g, y, I) => {
-      const p = y > 0 ? I[y - 1]?.groupBy : void 0;
-      g.groupBy && g.groupBy !== p && (e += 1), (g.groupBy ? c[g.groupBy] : !1) || (r += 1, f.push(g));
+    let t = 0, r = 0;
+    const s = [];
+    return n.forEach((h, A, R) => {
+      const S = A > 0 ? R[A - 1]?.groupBy : void 0;
+      h.groupBy && h.groupBy !== S && (t += 1), (h.groupBy ? f[h.groupBy] : !1) || (r += 1, s.push(h));
     }), {
-      groupLabelCount: e,
+      groupLabelCount: t,
       visibleSuggestionCount: r,
-      visibleSuggestions: f
+      visibleSuggestions: s
     };
-  }, [c, t]);
-  u.useEffect(() => {
-    a((e) => e === null ? e : e > n.length - 1 ? n.length ? n.length - 1 : null : e);
-  }, [n]), u.useEffect(() => {
-    o !== null && v.current[o]?.scrollIntoView({
-      block: "nearest"
-    });
-  }, [o]), u.useImperativeHandle(S, () => ({
+  }, [f, n]);
+  i.useEffect(() => {
+    const t = g.current;
+    if (t !== null) {
+      if (t > o.length - 1) {
+        a(o.length ? o.length - 1 : null, {
+          force: !0
+        });
+        return;
+      }
+      a(t, {
+        force: !0
+      });
+    }
+  }, [a, o]), i.useImperativeHandle(e, () => ({
     focusFirstItem: () => {
-      if (n.length)
-        return a(0), n[0];
+      if (o.length)
+        return a(0, {
+          scrollIntoView: !0
+        }), o[0];
     },
     focusLastItem: () => {
-      if (!n.length) return;
-      const e = n.length - 1;
-      return a(e), n[e];
+      if (!o.length) return;
+      const t = o.length - 1;
+      return a(t, {
+        scrollIntoView: !0
+      }), o[t];
     },
     highlightNextItem: () => {
-      if (!n.length) return;
-      a((r) => r === null ? 0 : Math.min(r + 1, n.length - 1));
-      const e = o === null ? 0 : Math.min(o + 1, n.length - 1);
-      return n[e];
+      if (!o.length) return;
+      const t = g.current, r = t === null ? 0 : Math.min(t + 1, o.length - 1);
+      return a(r, {
+        scrollIntoView: !0
+      }), o[r];
     },
     highlightPreviousItem: () => {
-      if (!n.length) return;
-      a((r) => r === null ? n.length - 1 : Math.max(r - 1, 0));
-      const e = o === null ? n.length - 1 : Math.max(o - 1, 0);
-      return n[e];
+      if (!o.length) return;
+      const t = g.current, r = t === null ? o.length - 1 : Math.max(t - 1, 0);
+      return a(r, {
+        scrollIntoView: !0
+      }), o[r];
     },
     selectActiveItem: () => {
-      if (o === null || !n[o]) return;
-      const e = n[o];
-      return setTimeout(() => i(e), 0), e;
+      const t = g.current;
+      if (t === null || !o[t]) return;
+      const r = o[t];
+      return setTimeout(() => l(r), 0), r;
     },
     clearActiveItem: () => a(null)
-  }), [o, i, n]);
-  const w = (e) => {
-    s((r) => ({
+  }), [l, a, o]);
+  const b = (t) => {
+    m((r) => ({
       ...r,
-      [e]: !r[e]
+      [t]: !r[t]
     }));
-  };
-  v.current = [];
-  let A = -1;
-  return /* @__PURE__ */ C(L, { h: `${Math.max(M + B, 1) * 27}px`, mah: "calc(var(--radix-popper-available-height) - 3rem - 69px)", ...m, children: [
-    /* @__PURE__ */ d(P, { children: t?.map((e, r, f) => {
-      const g = r > 0 ? f[r - 1]?.groupBy : void 0, y = e.groupBy && e.groupBy !== g, I = e.groupBy ? c[e.groupBy] : !1, p = I ? null : ++A, b = p !== null && o === p;
-      return /* @__PURE__ */ C(u.Fragment, { children: [
-        y && e.groupBy && /* @__PURE__ */ C(E, { onPointerDown: (x) => x.preventDefault(), onClick: () => w(e.groupBy), style: {
+  }, M = i.useCallback((t) => {
+    let r = c.current.get(t);
+    return r || (r = (s) => {
+      v.current[t] = s;
+    }, c.current.set(t, r)), r;
+  }, []);
+  let E = -1;
+  return /* @__PURE__ */ B(N, { h: `${Math.max(C + y, 1) * 27}px`, mah: "calc(var(--radix-popper-available-height) - 3rem - 69px)", ...d, children: [
+    /* @__PURE__ */ I(O, { children: n?.map((t, r, s) => {
+      const h = r > 0 ? s[r - 1]?.groupBy : void 0, A = t.groupBy && t.groupBy !== h, R = t.groupBy ? f[t.groupBy] : !1, S = R ? null : ++E, w = S !== null && g.current === S;
+      return /* @__PURE__ */ B(i.Fragment, { children: [
+        A && t.groupBy && /* @__PURE__ */ B(k, { onPointerDown: (G) => G.preventDefault(), onClick: () => b(t.groupBy), style: {
           display: "flex",
           alignItems: "center",
           justifyContent: "space-between",
           cursor: "pointer"
         }, children: [
-          /* @__PURE__ */ d("span", { children: e.groupBy }),
-          I ? /* @__PURE__ */ d(T, { size: 16 }) : /* @__PURE__ */ d(V, { size: 16 })
+          /* @__PURE__ */ I("span", { children: t.groupBy }),
+          R ? /* @__PURE__ */ I($, { size: 16 }) : /* @__PURE__ */ I(z, { size: 16 })
         ] }),
-        !I && /* @__PURE__ */ d(
-          G,
+        !R && /* @__PURE__ */ I(
+          D,
           {
-            textValue: "",
-            onPointerDown: (x) => {
-              x.preventDefault(), h?.current?.focus({
-                preventScroll: !0
-              }), p !== null && a(p);
-            },
-            onPointerMove: () => p !== null && a(p),
-            onSelect: () => setTimeout(() => i(e), 0),
-            "data-focus": b,
-            ref: (x) => p !== null && (v.current[p] = x),
-            children: e.children
+            suggestion: t,
+            visibleIndex: S,
+            isActive: w,
+            inputRef: p,
+            onSelect: l,
+            onActivate: a,
+            itemRef: S !== null ? M(S) : void 0
           }
         )
       ] }, r);
     }) }),
-    /* @__PURE__ */ d(F, { orientation: "vertical", children: /* @__PURE__ */ d(O, {}) })
+    /* @__PURE__ */ I(T, { orientation: "vertical", children: /* @__PURE__ */ I(j, {}) })
   ] });
 });
-function j(l) {
-  return l.stopPropagation();
+V.displayName = "InputSuggestionMenuContentItems";
+const _ = i.memo(V);
+function H(u) {
+  return u.stopPropagation();
 }
-function k(l) {
-  return l.target instanceof HTMLInputElement && l.preventDefault();
+function U(u) {
+  return u.target instanceof HTMLInputElement && u.preventDefault();
 }
-function z(l) {
-  return l.preventDefault();
+function q(u) {
+  return u.preventDefault();
 }
 export {
-  K as InputSuggestionMenuContent,
-  Q as InputSuggestionMenuContentItems
+  Z as InputSuggestionMenuContent,
+  _ as InputSuggestionMenuContentItems
 };

package/dist/components/form/PasswordInput.js

@@ -1,18 +1,18 @@
 import { jsx as e } from "react/jsx-runtime";
 import n from "react";
-import { Input as h } from "./Input.js";
-import { IconEye as d, IconX as y } from "@tabler/icons-react";
+import { Input as f } from "./Input.js";
+import { IconEye as d, IconX as h } from "@tabler/icons-react";
 import { Button as i } from "../button/Button.js";
-import { setElementKey as f } from "./Input.utils.js";
-const C = n.forwardRef((s, t) => {
+import { clearInputElement as y } from "./Input.utils.js";
+const C = n.forwardRef((p, t) => {
   t = t || n.useRef(null);
   const {
-    clearable: a = !0,
-    visible: p = !0,
+    clearable: s = !0,
+    visible: a = !0,
     right: c,
     ...u
-  } = s, l = (r) => (t.current && f(t.current, "value", "", "change"), r.stopPropagation(), r.preventDefault(), !1), m = (r) => (t.current && t.current.type == "password" ? t.current.type = "text" : t.current && t.current.type == "text" && (t.current.type = "password"), r.stopPropagation(), r.preventDefault(), !1), o = [c];
-  return p && o.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => m(r), children: /* @__PURE__ */ e(d, { size: 13 }) })), a && o.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => l(r), children: /* @__PURE__ */ e(y, { size: 13 }) })), /* @__PURE__ */ e(h, { right: o, rightType: "action", type: "password", ref: t, ...u });
+  } = p, l = (r) => (y(t.current), r.stopPropagation(), r.preventDefault(), !1), m = (r) => (t.current instanceof HTMLInputElement && (t.current.type === "password" ? t.current.type = "text" : t.current.type === "text" && (t.current.type = "password")), r.stopPropagation(), r.preventDefault(), !1), o = [c];
+  return a && o.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => m(r), children: /* @__PURE__ */ e(d, { size: 13 }) })), s && o.push(/* @__PURE__ */ e(i, { variant: "none", onClick: (r) => l(r), children: /* @__PURE__ */ e(h, { size: 13 }) })), /* @__PURE__ */ e(f, { right: o, rightType: "action", type: "password", ref: t, ...u });
 });
 export {
   C as PasswordInput

package/dist/components/form/TextInput.js

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

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

@@ -4,6 +4,7 @@ export type Validations<Values> = Partial<{
 export interface FormValidationProps<Values> {
     initialValues: Values;
     validate?: Validations<Values>;
+    truthyValidationBeforeSubmit?: boolean;
     onSubmit?: (values: Values) => void;
 }
 export interface ValidationProps<Value> {

package/dist/components/form/useForm.js

@@ -1,25 +1,24 @@
-import { c as j } from "../../_virtual/compiler-runtime.js";
-import { useState as w, useEffect as E } from "react";
-function h(i, t, e) {
-  return (t = x(t)) in i ? Object.defineProperty(i, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : i[t] = e, i;
+import { useState as b, useRef as p, useEffect as y, useCallback as d, useMemo as P } from "react";
+function c(r, t, e) {
+  return (t = w(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
 }
-function x(i) {
-  var t = N(i, "string");
+function w(r) {
+  var t = S(r, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function N(i, t) {
-  if (typeof i != "object" || !i) return i;
-  var e = i[Symbol.toPrimitive];
+function S(r, t) {
+  if (typeof r != "object" || !r) return r;
+  var e = r[Symbol.toPrimitive];
   if (e !== void 0) {
-    var r = e.call(i, t);
-    if (typeof r != "object") return r;
+    var n = e.call(r, t);
+    if (typeof n != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(i);
+  return (t === "string" ? String : Number)(r);
 }
-class _ {
-  constructor(t, e, r, s) {
-    h(this, "changeValue", void 0), h(this, "initialRender", void 0), h(this, "currentValues", void 0), h(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = e, this.currentValidations = r, this.initialRender = s;
+class f {
+  constructor(t, e, n) {
+    c(this, "changeValue", void 0), c(this, "currentValues", void 0), c(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = e, this.currentValidations = n;
   }
   isValid() {
     if (!this.currentValidations) return !0;
@@ -31,21 +30,17 @@ class _ {
     return !0;
   }
   getInputProps(t) {
-    const e = this.currentValues[t], r = e ?? null, s = t, l = this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (n) => null, a = this.initialRender ? null : l(e, this.currentValues);
+    const e = this.currentValues[t], n = e ?? null, u = t, a = (this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (i) => null)(e, this.currentValues);
     return {
       // @ts-ignore – z.B. wenn dein Input `defaultValue` kennt
-      defaultValue: r,
-      initialValue: r,
+      defaultValue: n,
+      initialValue: n,
       formValidation: {
-        setValue: (n) => {
-          this.changeValue(s, n);
+        setValue: (i) => {
+          this.changeValue(u, i);
         },
-        ...this.initialRender ? {
-          valid: !0
-        } : {
-          notValidMessage: a,
-          valid: a === null
-        }
+        notValidMessage: a,
+        valid: a === null
       },
       ...this.currentValidations && this.currentValidations[t] ? {
         required: !0
@@ -53,40 +48,30 @@ class _ {
     };
   }
 }
-const I = (i) => {
-  const t = j.c(17), {
-    initialValues: e,
-    validate: r,
-    onSubmit: s
-  } = i;
-  let l;
-  t[0] !== r ? (l = r === void 0 ? {} : r, t[0] = r, t[1] = l) : l = t[1];
-  const a = l, [n, b] = w(e), [R, y] = w(!1);
-  let u, o;
-  t[2] !== e ? (u = () => {
-    b(e), y(!1);
-  }, o = [e], t[2] = e, t[3] = u, t[4] = o) : (u = t[3], o = t[4]), E(u, o);
-  let c;
-  t[5] === Symbol.for("react.memo_cache_sentinel") ? (c = (g, S) => {
-    b((F) => ({
-      ...F,
-      [g]: S
-    }));
-  }, t[5] = c) : c = t[5];
-  const P = c, m = !R;
-  let d;
-  t[6] !== m || t[7] !== a || t[8] !== n ? (d = new _(P, n, a, m), t[6] = m, t[7] = a, t[8] = n, t[9] = d) : d = t[9];
-  const v = d;
-  let V;
-  t[10] !== s || t[11] !== a || t[12] !== n ? (V = () => {
-    y(!0);
-    const g = new _(P, n, a, !1);
-    s && g.isValid() && s(n);
-  }, t[10] = s, t[11] = a, t[12] = n, t[13] = V) : V = t[13];
-  const p = V;
-  let f;
-  return t[14] !== p || t[15] !== v ? (f = [v, p], t[14] = p, t[15] = v, t[16] = f) : f = t[16], f;
+const _ = (r) => {
+  const {
+    initialValues: t,
+    validate: e = {},
+    truthyValidationBeforeSubmit: n = !0,
+    onSubmit: u
+  } = r, [o, a] = b(t), i = p(t);
+  y(() => {
+    a(t), i.current = t;
+  }, [t]);
+  const s = d((l, m) => {
+    a((g) => {
+      const V = {
+        ...g,
+        [l]: m
+      };
+      return i.current = V, V;
+    });
+  }, []), h = P(() => new f(s, o, e), [s, o, e]), v = d(() => {
+    const l = new f(s, i.current, e);
+    u && (!n || l.isValid()) && u(i.current);
+  }, [s, e, u, n]);
+  return [h, v];
 };
 export {
-  I as useForm
+  _ as useForm
 };

package/dist/components/menu/Menu.js

@@ -2,7 +2,7 @@ import { jsx as l } from "react/jsx-runtime";
 import { c } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/menu/Menu.style.css';/* empty css                */
 import { mergeCode0Props as r } from "../../utils/utils.js";
-import { DropdownMenuContent as m, DropdownMenuLabel as f, DropdownMenuItem as _, DropdownMenu as M, DropdownMenuTrigger as a, DropdownMenuPortal as g, DropdownMenuGroup as w, DropdownMenuSub as $, DropdownMenuSubTrigger as b, DropdownMenuSubContent as d, DropdownMenuSeparator as D, DropdownMenuArrow as S } from "@radix-ui/react-dropdown-menu";
+import { DropdownMenuItem as m, DropdownMenuContent as f, DropdownMenuLabel as _, DropdownMenu as M, DropdownMenuTrigger as a, DropdownMenuPortal as g, DropdownMenuGroup as w, DropdownMenuSub as $, DropdownMenuSubTrigger as b, DropdownMenuSubContent as d, DropdownMenuSeparator as D, DropdownMenuArrow as S } from "@radix-ui/react-dropdown-menu";
 const A = (o) => {
   const e = c.c(4);
   let n;
@@ -30,21 +30,21 @@ const A = (o) => {
   e[0] !== o || e[1] !== u ? (t = r(u, o), e[0] = o, e[1] = u, e[2] = t) : t = e[2];
   const i = t;
   let s;
-  return e[3] !== o.align || e[4] !== i ? (s = /* @__PURE__ */ l(m, { align: n, ...i }), e[3] = o.align, e[4] = i, e[5] = s) : s = e[5], s;
+  return e[3] !== o.align || e[4] !== i ? (s = /* @__PURE__ */ l(f, { align: n, ...i }), e[3] = o.align, e[4] = i, e[5] = s) : s = e[5], s;
 }, j = (o) => {
   const e = c.c(4);
   let n;
   e[0] !== o ? (n = r("menu__label", o), e[0] = o, e[1] = n) : n = e[1];
   const u = n;
   let t;
-  return e[2] !== u ? (t = /* @__PURE__ */ l(f, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
+  return e[2] !== u ? (t = /* @__PURE__ */ l(_, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
 }, E = (o) => {
   const e = c.c(4);
   let n;
   e[0] !== o ? (n = r("menu__item", o), e[0] = o, e[1] = n) : n = e[1];
   const u = n;
   let t;
-  return e[2] !== u ? (t = /* @__PURE__ */ l(_, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
+  return e[2] !== u ? (t = /* @__PURE__ */ l(m, { ...u }), e[2] = u, e[3] = t) : t = e[3], t;
 }, R = (o) => {
   const e = c.c(4);
   let n;