@code0-tech/pictor 0.10.9 → 0.11.1

package/dist/components/form/useForm.js

@@ -1,24 +1,24 @@
-import O, { useState as w, useRef as b, useCallback as M, useEffect as F } from "react";
-function d(r, e, t) {
-  return (e = R(e)) in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
+import y, { useState as P, useRef as v, useCallback as j, useEffect as I } from "react";
+function h(s, e, t) {
+  return (e = _(e)) in s ? Object.defineProperty(s, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : s[e] = t, s;
 }
-function R(r) {
-  var e = _(r, "string");
+function _(s) {
+  var e = B(s, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function _(r, e) {
-  if (typeof r != "object" || !r) return r;
-  var t = r[Symbol.toPrimitive];
+function B(s, e) {
+  if (typeof s != "object" || !s) return s;
+  var t = s[Symbol.toPrimitive];
   if (t !== void 0) {
-    var i = t.call(r, e);
-    if (typeof i != "object") return i;
+    var n = t.call(s, e);
+    if (typeof n != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(r);
+  return (e === "string" ? String : Number)(s);
 }
-class p {
-  constructor(e, t, i, l = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map()) {
-    d(this, "changeValue", void 0), d(this, "currentValues", void 0), d(this, "currentValidations", void 0), d(this, "shouldValidate", void 0), d(this, "cachedMessages", void 0), this.changeValue = e, this.currentValues = t, this.currentValidations = i, this.shouldValidate = l, this.cachedMessages = s;
+class w {
+  constructor(e, t, n, V = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map()) {
+    h(this, "changeValue", void 0), h(this, "currentValues", void 0), h(this, "currentValidations", void 0), h(this, "shouldValidate", void 0), h(this, "cachedMessages", void 0), h(this, "cachedSetters", void 0), h(this, "cachedProps", void 0), this.changeValue = e, this.currentValues = t, this.currentValidations = n, this.shouldValidate = V, this.cachedMessages = l, this.cachedSetters = r, this.cachedProps = a;
   }
   isValid() {
     if (!this.currentValidations) return !0;
@@ -30,49 +30,64 @@ class p {
     return !0;
   }
   getInputProps(e) {
-    const t = this.currentValues[e], i = t ?? null, l = e, s = this.currentValidations && this.currentValidations[e] ? this.currentValidations[e] : (u) => null;
-    let a = null;
-    return this.shouldValidate.has(e) ? (a = s(t, this.currentValues), this.cachedMessages.set(e, a)) : a = this.cachedMessages.get(e) ?? null, {
+    const t = this.currentValues[e], n = t ?? null, V = e, l = this.currentValidations && this.currentValidations[e] ? this.currentValidations[e] : (d) => null;
+    let r = null;
+    this.shouldValidate.has(e) ? (r = l(t, this.currentValues), this.cachedMessages.set(e, r)) : r = this.cachedMessages.get(e) ?? null;
+    const a = !!(this.currentValidations && this.currentValidations[e]), u = this.cachedProps.get(e);
+    if (u && Object.is(u.value, n) && u.message === r && u.required === a)
+      return u.props;
+    let c = this.cachedSetters.get(e);
+    if (!c) {
+      const d = this.changeValue;
+      c = (o) => {
+        d(V, o);
+      }, this.cachedSetters.set(e, c);
+    }
+    const p = {
       // @ts-ignore – z.B. wenn dein Input `defaultValue` kennt
-      defaultValue: i ?? void 0,
-      initialValue: i ?? void 0,
+      defaultValue: n ?? void 0,
+      initialValue: n ?? void 0,
       formValidation: {
-        setValue: (u) => {
-          this.changeValue(l, u);
-        },
-        notValidMessage: a,
-        valid: a === null
+        setValue: c,
+        notValidMessage: r,
+        valid: r === null
       },
-      ...this.currentValidations && this.currentValidations[e] ? {
+      ...a ? {
         required: !0
       } : {}
     };
+    return this.cachedProps.set(e, {
+      value: n,
+      message: r,
+      required: a,
+      props: p
+    }), p;
   }
 }
-const I = (r) => {
+const N = (s) => {
   const {
     initialValues: e,
     validate: t = {},
-    truthyValidationBeforeSubmit: i = !0,
-    useInitialValidation: l = !0,
-    onSubmit: s
-  } = r, a = O.useMemo(() => e, [e]), [u, v] = w(a), V = b(/* @__PURE__ */ new Map()), c = b(u);
-  c.current = u;
-  const h = M((n, f) => {
-    c.current = {
-      ...c.current,
-      [n]: f
-    }, v(c.current);
-  }, []), [S, m] = w(() => new p(h, u, t, l ? new Map(Object.keys(a).map((n) => [n, !0])) : /* @__PURE__ */ new Map(), V.current));
-  F(() => {
-    c.current = a, v(a), m(new p(h, a, t, l ? new Map(Object.keys(a).map((n) => [n, !0])) : /* @__PURE__ */ new Map(), V.current));
-  }, [a]);
-  const j = M((n, f = !0) => {
-    const o = c.current, y = n && new Set(Object.keys(o)).has(String(n)) ? /* @__PURE__ */ new Map([[n, !0]]) : new Map(Object.keys(o).map((P) => [String(P), !0])), g = new p(h, o, t, y, V.current);
-    m(g), f && !new Set(Object.keys(o)).has(String(n)) && s && (!i || g.isValid()) && s(o);
-  }, [h, t, s, i]);
-  return [S, j, u];
+    truthyValidationBeforeSubmit: n = !0,
+    useInitialValidation: V = !0,
+    onSubmit: l
+  } = s, r = y.useMemo(() => e, [e]), [a, u] = P(r), c = v(/* @__PURE__ */ new Map()), p = v(/* @__PURE__ */ new Map()), d = v(/* @__PURE__ */ new Map()), o = v(a);
+  o.current = a;
+  const g = j((i, m) => {
+    o.current = {
+      ...o.current,
+      [i]: m
+    }, u(o.current);
+  }, []), [O, M] = P(() => new w(g, a, t, V ? new Map(Object.keys(r).map((i) => [i, !0])) : /* @__PURE__ */ new Map(), c.current, p.current, d.current)), b = v(!1);
+  I(() => {
+    o.current = r, u(r), b.current && d.current.clear(), b.current = !0, M(new w(g, r, t, V ? new Map(Object.keys(r).map((i) => [i, !0])) : /* @__PURE__ */ new Map(), c.current, p.current, d.current));
+  }, [r]);
+  const R = j((i, m = !0) => {
+    const f = o.current, F = i && new Set(Object.keys(f)).has(String(i)) ? /* @__PURE__ */ new Map([[i, !0]]) : new Map(Object.keys(f).map((q) => [String(q), !0])), S = new w(g, f, t, F, c.current, p.current, d.current);
+    M(S), m && !new Set(Object.keys(f)).has(String(i)) && l && (!n || S.isValid()) && l(f);
+  }, [g, t, l, n]);
+  return [O, R, a];
 };
 export {
-  I as useForm
+  N as useForm
 };

package/dist/components/menu/Menu.js

@@ -1,123 +1,142 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as l } from "../../_virtual/compiler-runtime.js";
+import { jsx as c } from "react/jsx-runtime";
+import { c as r } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/menu/Menu.style.css';/* empty css                */
 import "../../utils/contextStore.js";
 import "react";
-import { mergeComponentProps as r } from "../../utils/component.js";
+import { mergeComponentProps as u } 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;
+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);
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(M, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, j = (o) => {
-  const e = l.c(4);
+  e[0] !== l ? (t = u("menu", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
   let n;
-  e[0] !== o ? (n = r("menu__trigger", o), e[0] = o, e[1] = n) : n = e[1];
-  const c = 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);
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(a, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, E = (o) => {
-  const e = l.c(4);
+  e[0] !== l ? (t = u("menu__trigger", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
   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(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"}`;
+  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);
   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;
-}, q = (o) => {
-  const e = l.c(4);
+  e[0] !== l ? (t = u("menu__portal", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
   let n;
-  e[0] !== o ? (n = r("menu__label", o), e[0] = o, e[1] = n) : n = e[1];
-  const c = 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;
+  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;
+  } else
+    t = e[1], o = e[2], n = e[3], s = 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 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;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(_, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, v = (o) => {
-  const e = l.c(4);
+  e[0] !== l ? (t = u("menu__label", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
   let n;
-  e[0] !== o ? (n = r("menu__item", o), e[0] = o, e[1] = n) : n = e[1];
-  const c = n;
+  return e[2] !== o ? (n = /* @__PURE__ */ c(w, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+}, K = (l) => {
+  const e = r.c(4);
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(m, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, z = (o) => {
-  const e = l.c(4);
+  e[0] !== l ? (t = u("menu__item", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
   let n;
-  e[0] !== o ? (n = r("menu__group", o), e[0] = o, e[1] = n) : n = e[1];
-  const c = 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);
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(b, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, B = (o) => {
-  const e = l.c(4);
+  e[0] !== l ? (t = u("menu__group", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
   let n;
-  e[0] !== o ? (n = r("menu__sub", o), e[0] = o, e[1] = n) : n = e[1];
-  const c = 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;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(I, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, F = (o) => {
-  const e = l.c(4);
+  e[0] !== l ? (t = u("menu__sub", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
   let n;
-  e[0] !== o ? (n = r("menu__sub-trigger", o), e[0] = o, e[1] = n) : n = e[1];
-  const c = n;
+  return e[2] !== o ? (n = /* @__PURE__ */ c(x, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+}, Q = (l) => {
+  const e = r.c(4);
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(C, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, 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;
-}, J = (o) => {
-  const e = l.c(4);
+  e[0] !== l ? (t = u("menu__sub-trigger", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
   let n;
-  e[0] !== o ? (n = r("menu__separator", o), e[0] = o, e[1] = n) : n = e[1];
-  const c = 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);
+  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;
+  } else
+    t = e[1], o = e[2], n = e[3];
+  const s = 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;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(D, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, K = (o) => {
-  const e = l.c(4);
+  e[0] !== l ? (t = u("menu__separator", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
   let n;
-  e[0] !== o ? (n = r("menu__checkbox-item", o), e[0] = o, e[1] = n) : n = e[1];
-  const c = n;
+  return e[2] !== o ? (n = /* @__PURE__ */ c(C, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+}, W = (l) => {
+  const e = r.c(4);
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(w, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, N = (o) => {
-  const e = l.c(4);
+  e[0] !== l ? (t = u("menu__checkbox-item", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
   let n;
-  e[0] !== o ? (n = r("menu__item-indicator", o), e[0] = o, e[1] = n) : n = e[1];
-  const c = n;
+  return e[2] !== o ? (n = /* @__PURE__ */ c(h, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+}, X = (l) => {
+  const e = r.c(4);
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u($, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
-}, O = (o) => {
-  const e = l.c(4);
+  e[0] !== l ? (t = u("menu__item-indicator", l), e[0] = l, e[1] = t) : t = e[1];
+  const o = t;
   let n;
-  e[0] !== o ? (n = r("menu__arrow", o), e[0] = o, e[1] = n) : n = e[1];
-  const c = n;
+  return e[2] !== o ? (n = /* @__PURE__ */ c(I, { ...o }), e[2] = o, e[3] = n) : n = e[3], n;
+}, Y = (l) => {
+  const e = r.c(4);
   let t;
-  return e[2] !== c ? (t = /* @__PURE__ */ u(d, { ...c }), e[2] = c, e[3] = t) : t = e[3], t;
+  e[0] !== l ? (t = u("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;
 };
 export {
-  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
+  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
 };

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

@@ -11,3 +11,11 @@ export declare const ScrollAreaViewport: React.FC<ScrollAreaViewportProps>;
 export declare const ScrollAreaScrollbar: React.FC<ScrollAreaScrollbarProps>;
 export declare const ScrollAreaThumb: React.FC<ScrollAreaThumbProps>;
 export declare const ScrollAreaCorner: React.FC<ScrollAreaCornerProps>;
+export type AutoScrollAreaProps = ScrollAreaProps;
+/**
+ * ScrollArea that sizes itself to its content and scrolls once the content
+ * exceeds the available height of the surrounding Radix popper (menus,
+ * sub menus, tooltips). Used internally by MenuContent, MenuSubContent,
+ * ContextMenuContent, ContextMenuSubContent and TooltipContent.
+ */
+export declare const AutoScrollArea: React.FC<AutoScrollAreaProps>;

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

@@ -1,46 +1,77 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c } from "../../_virtual/compiler-runtime.js";
+import { jsx as o, jsxs as w } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import A from "react";
 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 * as s from "@radix-ui/react-scroll-area";
 import '../../assets/components/scroll-area/ScrollArea.style.css';/* empty css                      */
-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 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 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 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 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 r[2] !== e ? (l = /* @__PURE__ */ o(i.ScrollAreaCorner, { ...e }), r[2] = e, r[3] = l) : l = r[3], l;
+const y = (l) => {
+  const e = n.c(4);
+  let t;
+  e[0] !== l ? (t = a("scroll-area", l), e[0] = l, e[1] = t) : t = e[1];
+  let r;
+  return e[2] !== t ? (r = /* @__PURE__ */ o(s.ScrollArea, { ...t }), e[2] = t, e[3] = r) : r = e[3], r;
+}, C = (l) => {
+  const e = n.c(4);
+  let t;
+  e[0] !== l ? (t = a("scroll-area__viewport", l), e[0] = l, e[1] = t) : t = e[1];
+  let r;
+  return e[2] !== t ? (r = /* @__PURE__ */ o(s.ScrollAreaViewport, { ...t }), e[2] = t, e[3] = r) : r = e[3], r;
+}, j = (l) => {
+  const e = n.c(4);
+  let t;
+  e[0] !== l ? (t = a("scroll-area__scrollbar", l), e[0] = l, e[1] = t) : t = e[1];
+  let r;
+  return e[2] !== t ? (r = /* @__PURE__ */ o(s.ScrollAreaScrollbar, { ...t }), e[2] = t, e[3] = r) : r = e[3], r;
+}, E = (l) => {
+  const e = n.c(4);
+  let t;
+  e[0] !== l ? (t = a("scroll-area__thumb", l), e[0] = l, e[1] = t) : t = e[1];
+  let r;
+  return e[2] !== t ? (r = /* @__PURE__ */ o(s.ScrollAreaThumb, { ...t }), e[2] = t, e[3] = r) : r = e[3], r;
+}, P = (l) => {
+  const e = n.c(4);
+  let t;
+  e[0] !== l ? (t = a("scroll-area__corner", l), e[0] = l, e[1] = t) : t = e[1];
+  let r;
+  return e[2] !== t ? (r = /* @__PURE__ */ o(s.ScrollAreaCorner, { ...t }), e[2] = t, e[3] = r) : r = e[3], r;
+}, k = (l) => {
+  const e = n.c(14);
+  let t, r, i;
+  e[0] !== l ? ({
+    children: t,
+    mah: i,
+    ...r
+  } = l, e[0] = l, e[1] = t, e[2] = r, e[3] = i) : (t = e[1], r = e[2], i = e[3]);
+  const S = i === void 0 ? "var(--radix-popper-available-height, 100vh)" : i, b = A.useRef(null), [d, $] = A.useState();
+  let f, m;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = () => {
+    const v = b.current;
+    if (!v)
+      return;
+    const x = new ResizeObserver((g) => {
+      const R = g[0];
+      R && $(R.contentRect.height);
+    });
+    return x.observe(v), () => x.disconnect();
+  }, m = [], e[4] = f, e[5] = m) : (f = e[4], m = e[5]), A.useLayoutEffect(f, m);
+  const _ = d !== void 0 ? `${d}px` : void 0;
+  let c;
+  e[6] !== t ? (c = /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o("div", { ref: b, children: t }) }), e[6] = t, e[7] = c) : c = e[7];
+  let u;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ o(j, { orientation: "vertical", children: /* @__PURE__ */ o(E, {}) }), e[8] = u) : u = e[8];
+  let h;
+  return e[9] !== S || e[10] !== r || e[11] !== _ || e[12] !== c ? (h = /* @__PURE__ */ w(y, { className: "scroll-area--auto", mah: S, h: _, ...r, children: [
+    c,
+    u
+  ] }), e[9] = S, e[10] = r, e[11] = _, e[12] = c, e[13] = h) : h = e[13], h;
 };
 export {
-  _ as ScrollArea,
-  h as ScrollAreaCorner,
-  $ as ScrollAreaScrollbar,
-  x as ScrollAreaThumb,
-  b as ScrollAreaViewport
+  k as AutoScrollArea,
+  y as ScrollArea,
+  P as ScrollAreaCorner,
+  j as ScrollAreaScrollbar,
+  E as ScrollAreaThumb,
+  C as ScrollAreaViewport
 };

package/dist/components/tooltip/Tooltip.js

@@ -1,51 +1,61 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../_virtual/compiler-runtime.js";
+import { jsx as n } from "react/jsx-runtime";
+import { c as m } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
 import "react";
-import { mergeComponentProps as a } from "../../utils/component.js";
+import { mergeComponentProps as f } from "../../utils/component.js";
 import "js-md5";
-import * as c from "@radix-ui/react-tooltip";
+import * as s from "@radix-ui/react-tooltip";
 import '../../assets/components/tooltip/Tooltip.style.css';/* empty css                   */
-const w = (o) => {
-  const t = s.c(4);
-  let i;
-  t[0] !== o ? (i = a("tooltip", o), t[0] = o, t[1] = i) : i = t[1];
-  const l = i;
-  let e;
-  return t[2] !== l ? (e = /* @__PURE__ */ r(c.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ r(c.Tooltip, { ...l }) }), t[2] = l, t[3] = e) : e = t[3], e;
-}, x = (o) => {
-  const t = s.c(4);
-  let i;
-  t[0] !== o ? (i = a("tooltip__trigger", o), t[0] = o, t[1] = i) : i = t[1];
-  const l = i;
-  let e;
-  return t[2] !== l ? (e = /* @__PURE__ */ r(c.TooltipTrigger, { ...l }), t[2] = l, t[3] = e) : e = t[3], e;
-}, P = (o) => {
-  const t = s.c(4);
-  let i;
-  t[0] !== o ? (i = a("tooltip__portal", o), t[0] = o, t[1] = i) : i = t[1];
-  const l = i;
-  let e;
-  return t[2] !== l ? (e = /* @__PURE__ */ r(c.TooltipPortal, { ...l }), t[2] = l, t[3] = e) : e = t[3], e;
-}, p = (o) => {
-  const t = s.c(6), i = o.align, l = `tooltip__content tooltip__content--${o.color ?? "tertiary"}`;
-  let e;
-  t[0] !== o || t[1] !== l ? (e = a(l, o), t[0] = o, t[1] = l, t[2] = e) : e = t[2];
-  const n = e;
-  let m;
-  return t[3] !== o.align || t[4] !== n ? (m = /* @__PURE__ */ r(c.TooltipContent, { align: i, ...n }), t[3] = o.align, t[4] = n, t[5] = m) : m = t[5], m;
-}, y = (o) => {
-  const t = s.c(5), i = `tooltip__arrow tooltip__arrow--${o.color ?? "tertiary"}}`;
+import { AutoScrollArea as p } from "../scroll-area/ScrollArea.js";
+const y = (i) => {
+  const t = m.c(4);
+  let o;
+  t[0] !== i ? (o = f("tooltip", i), t[0] = i, t[1] = o) : o = t[1];
+  const e = o;
   let l;
-  t[0] !== o || t[1] !== i ? (l = a(i, o), t[0] = o, t[1] = i, t[2] = l) : l = t[2];
-  const e = l;
-  let n;
-  return t[3] !== e ? (n = /* @__PURE__ */ r(c.TooltipArrow, { ...e }), t[3] = e, t[4] = n) : n = t[4], n;
+  return t[2] !== e ? (l = /* @__PURE__ */ n(s.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ n(s.Tooltip, { ...e }) }), t[2] = e, t[3] = l) : l = t[3], l;
+}, C = (i) => {
+  const t = m.c(4);
+  let o;
+  t[0] !== i ? (o = f("tooltip__trigger", i), t[0] = i, t[1] = o) : o = t[1];
+  const e = o;
+  let l;
+  return t[2] !== e ? (l = /* @__PURE__ */ n(s.TooltipTrigger, { ...e }), t[2] = e, t[3] = l) : l = t[3], l;
+}, R = (i) => {
+  const t = m.c(4);
+  let o;
+  t[0] !== i ? (o = f("tooltip__portal", i), t[0] = i, t[1] = o) : o = t[1];
+  const e = o;
+  let l;
+  return t[2] !== e ? (l = /* @__PURE__ */ n(s.TooltipPortal, { ...e }), t[2] = e, t[3] = l) : l = t[3], l;
+}, j = (i) => {
+  const t = m.c(12);
+  let o, e, l, r;
+  if (t[0] !== i) {
+    const {
+      children: _,
+      ...g
+    } = i;
+    e = _, o = s.TooltipContent, r = i.align, l = f(`tooltip__content tooltip__content--${i.color ?? "tertiary"}`, g), t[0] = i, t[1] = o, t[2] = e, t[3] = l, t[4] = r;
+  } else
+    o = t[1], e = t[2], l = t[3], r = t[4];
+  const T = l;
+  let c;
+  t[5] !== e ? (c = /* @__PURE__ */ n(p, { children: e }), t[5] = e, t[6] = c) : c = t[6];
+  let a;
+  return t[7] !== o || t[8] !== r || t[9] !== T || t[10] !== c ? (a = /* @__PURE__ */ n(o, { align: r, ...T, children: c }), t[7] = o, t[8] = r, t[9] = T, t[10] = c, t[11] = a) : a = t[11], a;
+}, v = (i) => {
+  const t = m.c(5), o = `tooltip__arrow tooltip__arrow--${i.color ?? "tertiary"}}`;
+  let e;
+  t[0] !== i || t[1] !== o ? (e = f(o, i), t[0] = i, t[1] = o, t[2] = e) : e = t[2];
+  const l = e;
+  let r;
+  return t[3] !== l ? (r = /* @__PURE__ */ n(s.TooltipArrow, { ...l }), t[3] = l, t[4] = r) : r = t[4], r;
 };
 export {
-  w as Tooltip,
-  y as TooltipArrow,
-  p as TooltipContent,
-  P as TooltipPortal,
-  x as TooltipTrigger
+  y as Tooltip,
+  v as TooltipArrow,
+  j as TooltipContent,
+  R as TooltipPortal,
+  C as TooltipTrigger
 };