@code0-tech/pictor 0.0.0-mvp.2 → 0.0.0-mvp.20

package/dist/components/d-user/DUserContent.js

@@ -0,0 +1,84 @@
+import { jsx as d, jsxs as p } from "react/jsx-runtime";
+import { c as V } from "../../_virtual/compiler-runtime.js";
+import B from "react";
+import { Flex as h } from "../flex/Flex.js";
+import { Avatar as E } from "../avatar/Avatar.js";
+import { useUserSession as k } from "./DUser.session.hook.js";
+import { useService as w } from "../../utils/contextStore.js";
+import "merge-props";
+import { DUserReactiveService as F } from "./DUser.service.js";
+import { Text as R } from "../text/Text.js";
+import { Badge as C } from "../badge/Badge.js";
+import { IconMailCheck as M } from "@tabler/icons-react";
+import "../button/Button.js";
+const Z = (D) => {
+  const e = V.c(37), {
+    userId: u,
+    onRemove: A
+  } = D, z = A === void 0 ? T : A, b = w(F), I = k(), [U, $] = B.useState(!1);
+  let y;
+  e[0] !== u || e[1] !== b ? (y = b.getById(u), e[0] = u, e[1] = b, e[2] = y) : y = e[2];
+  const t = y, j = I?.user?.id === t.id;
+  let g;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+    gap: ".7rem"
+  }, e[3] = g) : g = e[3];
+  let r;
+  e[4] !== t.username ? (r = /* @__PURE__ */ d(E, { identifier: t.username, bg: "transparent" }), e[4] = t.username, e[5] = r) : r = e[5];
+  let v;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (v = {
+    gap: ".35rem",
+    flexDirection: "column"
+  }, e[6] = v) : v = e[6];
+  let S;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (S = {
+    gap: "0.35rem"
+  }, e[7] = S) : S = e[7];
+  let i;
+  e[8] !== t.username ? (i = /* @__PURE__ */ d(R, { size: "md", hierarchy: "primary", children: t.username }), e[8] = t.username, e[9] = i) : i = e[9];
+  let l;
+  e[10] !== t.admin ? (l = t.admin ? /* @__PURE__ */ d(C, { color: "secondary", children: "Admin" }) : null, e[10] = t.admin, e[11] = l) : l = e[11];
+  let s;
+  e[12] !== i || e[13] !== l ? (s = /* @__PURE__ */ p(h, { align: "center", style: S, children: [
+    i,
+    l
+  ] }), e[12] = i, e[13] = l, e[14] = s) : s = e[14];
+  let n;
+  e[15] !== t.email ? (n = /* @__PURE__ */ d(R, { size: "md", hierarchy: "tertiary", children: t.email }), e[15] = t.email, e[16] = n) : n = e[16];
+  let m;
+  e[17] !== s || e[18] !== n ? (m = /* @__PURE__ */ p(h, { style: v, children: [
+    s,
+    n
+  ] }), e[17] = s, e[18] = n, e[19] = m) : m = e[19];
+  let o;
+  e[20] !== m || e[21] !== r ? (o = /* @__PURE__ */ p(h, { style: g, align: "center", children: [
+    r,
+    m
+  ] }), e[20] = m, e[21] = r, e[22] = o) : o = e[22];
+  let _;
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    gap: "1.3rem"
+  }, e[23] = _) : _ = e[23];
+  let c;
+  e[24] !== t.emailVerifiedAt ? (c = t.emailVerifiedAt ? /* @__PURE__ */ p(C, { color: "secondary", children: [
+    /* @__PURE__ */ d(M, { size: 16 }),
+    /* @__PURE__ */ d(R, { size: "xs", children: "Email verified" })
+  ] }) : null, e[24] = t.emailVerifiedAt, e[25] = c) : c = e[25];
+  let a;
+  e[26] !== j || e[27] !== z || e[28] !== U || e[29] !== u ? (a = null, e[26] = j, e[27] = z, e[28] = U, e[29] = u, e[30] = a) : a = e[30];
+  let f;
+  e[31] !== c || e[32] !== a ? (f = /* @__PURE__ */ p(h, { style: _, align: "center", children: [
+    c,
+    a
+  ] }), e[31] = c, e[32] = a, e[33] = f) : f = e[33];
+  let x;
+  return e[34] !== o || e[35] !== f ? (x = /* @__PURE__ */ p(h, { justify: "space-between", align: "center", children: [
+    o,
+    f
+  ] }), e[34] = o, e[35] = f, e[36] = x) : x = e[36], x;
+};
+function T() {
+}
+export {
+  Z as DUserContent
+};

package/dist/components/d-user/DUserList.d.ts

@@ -0,0 +1,10 @@
+import { User } from '@code0-tech/sagittarius-graphql-types';
+import { DUserView } from './DUser.view';
+import { default as React } from 'react';
+import { Card } from '../card/Card';
+export interface DUserListProps extends Omit<Card, "children" | "onSelect"> {
+    filter?: (user: DUserView, index: number) => boolean;
+    onSelect?: (userId: User['id']) => void;
+    onRemove?: (userId: User['id']) => void;
+}
+export declare const DUserList: React.FC<DUserListProps>;

package/dist/components/d-user/DUserList.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import p from "react";
+import { useService as u, useStore as l } from "../../utils/contextStore.js";
+import "merge-props";
+import { DUserReactiveService as t } from "./DUser.service.js";
+import { Card as v } from "../card/Card.js";
+import S from "../card/CardSection.js";
+import { DUserContent as a } from "./DUserContent.js";
+const k = (i) => {
+  const {
+    filter: m = () => !0,
+    onRemove: s,
+    onSelect: o,
+    ...c
+  } = i, n = u(t), d = l(t), f = p.useMemo(() => n.values(), [d]);
+  return /* @__PURE__ */ e(v, { ...c, children: f.filter(m).map((r) => r && r.id && /* @__PURE__ */ e(S, { border: !0, hover: !0, onClick: () => {
+    o && o(r.id);
+  }, children: /* @__PURE__ */ e(a, { onRemove: s, userId: r?.id }) }, r.id)) });
+};
+export {
+  k as DUserList
+};

package/dist/components/d-user/DUserMenu.js

@@ -1,28 +1,28 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import l from "react";
-import { Menu as u, MenuTrigger as d, MenuPortal as h, MenuContent as f } from "../menu/Menu.js";
-import { DUserReactiveService as n } from "./DUser.service.js";
-import { useService as s } from "../../utils/contextStore.js";
-import { Avatar as p } from "../avatar/Avatar.js";
-import { Text as o } from "../text/Text.js";
-import { Flex as c } from "../flex/Flex.js";
-const j = (i) => {
-  const m = s(n), a = s(n), r = m.getUserSession()?.user;
-  return l.useMemo(() => /* @__PURE__ */ t(u, { ...i, children: [
-    /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ t(c, { align: "center", style: {
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import o from "react";
+import { Menu as l, MenuTrigger as u, MenuPortal as d, MenuContent as h } from "../menu/Menu.js";
+import { DUserReactiveService as s } from "./DUser.service.js";
+import { useService as f, useStore as x } from "../../utils/contextStore.js";
+import { Avatar as y } from "../avatar/Avatar.js";
+import { Text as c } from "../text/Text.js";
+import { Flex as m } from "../flex/Flex.js";
+const z = (t) => {
+  const n = f(s), a = x(s), r = o.useMemo(() => n.getById(t.userId), [a, n]);
+  return o.useMemo(() => /* @__PURE__ */ i(l, { ...t, children: [
+    /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ i(m, { align: "center", style: {
       gap: ".5rem"
     }, children: [
-      /* @__PURE__ */ e(p, { src: r?.avatarPath ?? "", identifier: r?.username ?? "" }),
-      /* @__PURE__ */ t(c, { style: {
+      /* @__PURE__ */ e(y, { src: r?.avatarPath ?? "", identifier: r?.username ?? "" }),
+      /* @__PURE__ */ i(m, { style: {
         flexDirection: "column"
       }, children: [
-        /* @__PURE__ */ e(o, { size: "md", hierarchy: "secondary", children: r?.username }),
-        /* @__PURE__ */ e(o, { size: "xs", hierarchy: "tertiary", children: r?.email })
+        /* @__PURE__ */ e(c, { size: "md", hierarchy: "secondary", children: r?.username }),
+        /* @__PURE__ */ e(c, { size: "xs", hierarchy: "tertiary", children: r?.email })
       ] })
     ] }) }),
-    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(f, { side: "bottom", align: "start", sideOffset: 8, children: i.children }) })
-  ] }), [a]);
+    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(h, { side: "bottom", align: "start", sideOffset: 8, children: t.children }) })
+  ] }), [r]);
 };
 export {
-  j as default
+  z as default
 };

package/dist/components/d-user/index.d.ts

@@ -1,3 +1,6 @@
 export * from './DUser.service';
 export * from './DUser.view';
 export * from './DUserMenu';
+export * from './DUserCard';
+export * from './DUserList';
+export * from './DUser.session.hook';

package/dist/components/d-user/index.js

@@ -1,17 +1,24 @@
-import { DUserReactiveService as U } from "./DUser.service.js";
-import { DUserView as w } from "./DUser.view.js";
+import { DUserReactiveService as a } from "./DUser.service.js";
+import { DUserView as n } from "./DUser.view.js";
 import "react/jsx-runtime";
 import "react";
-import "../../compiler-runtime-BNHg76kC.js";
-import '../../assets/Flex.css';import '../../assets/Text.css';import '../../assets/Avatar.css';import '../../assets/Menu.css';/* empty css                        */
+import "../../_virtual/compiler-runtime.js";
+import '../../assets/components/flex/Flex.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "merge-props";
 import "@radix-ui/react-dropdown-menu";
 import "../../utils/contextStore.js";
 import "js-md5";
 /* empty css                          */
-/* empty css                        */
-/* empty css                        */
+/* empty css                      */
+/* empty css                      */
+import { DUserCard as d } from "./DUserCard.js";
+import { DUserList as w } from "./DUserList.js";
+import { setUserSession as L, useUserSession as R } from "./DUser.session.hook.js";
 export {
-  U as DUserReactiveService,
-  w as DUserView
+  d as DUserCard,
+  w as DUserList,
+  a as DUserReactiveService,
+  n as DUserView,
+  L as setUserSession,
+  R as useUserSession
 };

package/dist/components/dialog/Dialog.js

@@ -1,23 +1,24 @@
 import { jsx as n, jsxs as g } from "react/jsx-runtime";
-import { c } from "../../compiler-runtime-BNHg76kC.js";
+import { c } from "../../_virtual/compiler-runtime.js";
 import * as r from "@radix-ui/react-dialog";
 import { mergeCode0Props as s } from "../../utils/utils.js";
 import { IconX as d } from "@tabler/icons-react";
-import '../../assets/Dialog.css';const C = (i) => {
+import '../../assets/components/dialog/Dialog.style.css';/* empty css                  */
+const v = (i) => {
   const t = c.c(4);
   let e;
   t[0] !== i ? (e = s("dialog", i), t[0] = i, t[1] = e) : e = t[1];
   const o = e;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ n(r.Root, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, v = (i) => {
+}, P = (i) => {
   const t = c.c(4);
   let e;
   t[0] !== i ? (e = s("dialog__trigger", i), t[0] = i, t[1] = e) : e = t[1];
   const o = e;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ n(r.Trigger, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, P = (i) => {
+}, x = (i) => {
   const t = c.c(4);
   let e;
   t[0] !== i ? (e = s("dialog__portal", i), t[0] = i, t[1] = e) : e = t[1];
@@ -38,7 +39,7 @@ import '../../assets/Dialog.css';const C = (i) => {
   const o = e;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ n(r.Overlay, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, x = (i) => {
+}, y = (i) => {
   const t = c.c(9);
   let e;
   t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(m, {}), t[0] = e) : e = t[0];
@@ -55,28 +56,28 @@ import '../../assets/Dialog.css';const C = (i) => {
       i.children
     ] })
   ] }), t[5] = i.children, t[6] = l, t[7] = a, t[8] = f) : f = t[8], f;
-}, y = (i) => {
+}, T = (i) => {
   const t = c.c(4);
   let e;
   t[0] !== i ? (e = s("dialog__title", i), t[0] = i, t[1] = e) : e = t[1];
   const o = e;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ n(r.Title, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, T = (i) => {
+}, w = (i) => {
   const t = c.c(4);
   let e;
   t[0] !== i ? (e = s("dialog__description", i), t[0] = i, t[1] = e) : e = t[1];
   const o = e;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ n(r.Description, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, w = (i) => {
+}, B = (i) => {
   const t = c.c(4);
   let e;
   t[0] !== i ? (e = s("dialog__header", i), t[0] = i, t[1] = e) : e = t[1];
   const o = e;
   let l;
   return t[2] !== o ? (l = /* @__PURE__ */ n("div", { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
-}, B = (i) => {
+}, j = (i) => {
   const t = c.c(4);
   let e;
   t[0] !== i ? (e = s("dialog__footer", i), t[0] = i, t[1] = e) : e = t[1];
@@ -85,14 +86,14 @@ import '../../assets/Dialog.css';const C = (i) => {
   return t[2] !== o ? (l = /* @__PURE__ */ n("div", { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
 };
 export {
-  C as Dialog,
+  v as Dialog,
   _ as DialogClose,
-  x as DialogContent,
-  T as DialogDescription,
-  B as DialogFooter,
-  w as DialogHeader,
+  y as DialogContent,
+  w as DialogDescription,
+  j as DialogFooter,
+  B as DialogHeader,
   m as DialogOverlay,
-  P as DialogPortal,
-  y as DialogTitle,
-  v as DialogTrigger
+  x as DialogPortal,
+  T as DialogTitle,
+  P as DialogTrigger
 };

package/dist/components/file-tabs/FileTabs.js

@@ -1,61 +1,62 @@
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { c as m } from "../../compiler-runtime-BNHg76kC.js";
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { c as b } from "../../_virtual/compiler-runtime.js";
 import { Tabs as g, List as T, Trigger as v, Content as C } from "@radix-ui/react-tabs";
 import { mergeCode0Props as h } from "../../utils/utils.js";
+import '../../assets/components/file-tabs/FileTabs.style.css';/* empty css                    */
 import { IconX as S } from "@tabler/icons-react";
 import { ScrollAreaViewport as x, ScrollAreaScrollbar as A, ScrollAreaThumb as F, ScrollArea as $ } from "../scroll-area/ScrollArea.js";
-import '../../assets/FileTabs.css';const z = (l) => {
-  const e = m.c(4);
+const E = (t) => {
+  const e = b.c(4);
   let i;
-  e[0] !== l ? (i = h("file-tabs", l), e[0] = l, e[1] = i) : i = e[1];
-  let t;
-  return e[2] !== i ? (t = /* @__PURE__ */ a(g, { "data-slot": "tabs", ...i }), e[2] = i, e[3] = t) : t = e[3], t;
-}, E = (l) => {
-  const e = m.c(10);
+  e[0] !== t ? (i = h("file-tabs", t), e[0] = t, e[1] = i) : i = e[1];
+  let l;
+  return e[2] !== i ? (l = /* @__PURE__ */ a(g, { "data-slot": "tabs", ...i }), e[2] = i, e[3] = l) : l = e[3], l;
+}, I = (t) => {
+  const e = b.c(10);
   let i;
-  e[0] !== l ? (i = h("file-tabs__list", l), e[0] = l, e[1] = i) : i = e[1];
-  let t;
-  e[2] !== l.children ? (t = /* @__PURE__ */ b("div", { className: "file-tabs__list-content", children: [
+  e[0] !== t ? (i = h("file-tabs__list", t), e[0] = t, e[1] = i) : i = e[1];
+  let l;
+  e[2] !== t.children ? (l = /* @__PURE__ */ m("div", { className: "file-tabs__list-content", children: [
     " ",
-    l.children
-  ] }), e[2] = l.children, e[3] = t) : t = e[3];
+    t.children
+  ] }), e[2] = t.children, e[3] = l) : l = e[3];
   let n;
-  e[4] !== l.controls ? (n = l.controls ? /* @__PURE__ */ a("div", { className: "file-tabs__list-controls", children: l.controls }) : null, e[4] = l.controls, e[5] = n) : n = e[5];
+  e[4] !== t.controls ? (n = t.controls ? /* @__PURE__ */ a("div", { className: "file-tabs__list-controls", children: t.controls }) : null, e[4] = t.controls, e[5] = n) : n = e[5];
   let c;
-  return e[6] !== i || e[7] !== t || e[8] !== n ? (c = /* @__PURE__ */ b(T, { "data-slot": "tabs", ...i, children: [
-    t,
+  return e[6] !== i || e[7] !== l || e[8] !== n ? (c = /* @__PURE__ */ m(T, { "data-slot": "tabs", ...i, children: [
+    l,
     n
-  ] }), e[6] = i, e[7] = t, e[8] = n, e[9] = c) : c = e[9], c;
-}, I = (l) => {
-  const e = m.c(10), i = l.value;
-  let t;
-  e[0] !== l ? (t = h("file-tabs__trigger", l), e[0] = l, e[1] = t) : t = e[1];
-  const n = t;
+  ] }), e[6] = i, e[7] = l, e[8] = n, e[9] = c) : c = e[9], c;
+}, P = (t) => {
+  const e = b.c(10), i = t.value;
+  let l;
+  e[0] !== t ? (l = h("file-tabs__trigger", t), e[0] = t, e[1] = l) : l = e[1];
+  const n = l;
   let c;
-  e[2] !== l.closable || e[3] !== l.onClose ? (c = l.closable ? /* @__PURE__ */ a("div", { className: "file-tabs__trigger-icon", onClick: l.onClose, children: /* @__PURE__ */ a(S, { size: 16 }) }) : null, e[2] = l.closable, e[3] = l.onClose, e[4] = c) : c = e[4];
+  e[2] !== t.closable || e[3] !== t.onClose ? (c = t.closable ? /* @__PURE__ */ a("div", { className: "file-tabs__trigger-icon", onClick: t.onClose, children: /* @__PURE__ */ a(S, { size: 16 }) }) : null, e[2] = t.closable, e[3] = t.onClose, e[4] = c) : c = e[4];
   let s;
-  return e[5] !== l.children || e[6] !== l.value || e[7] !== n || e[8] !== c ? (s = /* @__PURE__ */ b(v, { "data-slot": "tabs", "data-value": i, ...n, children: [
-    l.children,
+  return e[5] !== t.children || e[6] !== t.value || e[7] !== n || e[8] !== c ? (s = /* @__PURE__ */ m(v, { "data-slot": "tabs", "data-value": i, ...n, children: [
+    t.children,
     c
-  ] }), e[5] = l.children, e[6] = l.value, e[7] = n, e[8] = c, e[9] = s) : s = e[9], s;
-}, P = (l) => {
-  const e = m.c(15);
-  let i, t, n, c;
-  if (e[0] !== l) {
+  ] }), e[5] = t.children, e[6] = t.value, e[7] = n, e[8] = c, e[9] = s) : s = e[9], s;
+}, R = (t) => {
+  const e = b.c(15);
+  let i, l, n, c;
+  if (e[0] !== t) {
     const {
       children: _,
       ...u
-    } = l;
-    t = _, i = C, c = "tabs", n = h("file-tabs__content", u), e[0] = l, e[1] = i, e[2] = t, e[3] = n, e[4] = c;
+    } = t;
+    l = _, i = C, c = "tabs", n = h("file-tabs__content", u), e[0] = t, e[1] = i, e[2] = l, e[3] = n, e[4] = c;
   } else
-    i = e[1], t = e[2], n = e[3], c = e[4];
+    i = e[1], l = e[2], n = e[3], c = e[4];
   const s = n;
   let o;
-  e[5] !== t ? (o = /* @__PURE__ */ a(x, { children: t }), e[5] = t, e[6] = o) : o = e[6];
+  e[5] !== l ? (o = /* @__PURE__ */ a(x, { children: l }), e[5] = l, e[6] = o) : o = e[6];
   let f;
   e[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ a(A, { orientation: "vertical", children: /* @__PURE__ */ a(F, {}) }), e[7] = f) : f = e[7];
   let r;
-  e[8] !== o ? (r = /* @__PURE__ */ b($, { h: "700px", children: [
+  e[8] !== o ? (r = /* @__PURE__ */ m($, { h: "700px", children: [
     o,
     f
   ] }), e[8] = o, e[9] = r) : r = e[9];
@@ -63,8 +64,8 @@ import '../../assets/FileTabs.css';const z = (l) => {
   return e[10] !== i || e[11] !== c || e[12] !== s || e[13] !== r ? (d = /* @__PURE__ */ a(i, { "data-slot": c, ...s, children: r }), e[10] = i, e[11] = c, e[12] = s, e[13] = r, e[14] = d) : d = e[14], d;
 };
 export {
-  z as FileTabs,
-  P as FileTabsContent,
-  E as FileTabsList,
-  I as FileTabsTrigger
+  E as FileTabs,
+  R as FileTabsContent,
+  I as FileTabsList,
+  P as FileTabsTrigger
 };

package/dist/components/flex/Flex.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as s } from "../../compiler-runtime-BNHg76kC.js";
+import { c as s } from "../../_virtual/compiler-runtime.js";
 import { mergeCode0Props as n } from "../../utils/utils.js";
-import '../../assets/Flex.css';/* empty css                        */
+import '../../assets/components/flex/Flex.style.css';/* empty css                */
 const h = (i) => {
   const e = s.c(6);
   let t, r;

package/dist/components/form/CheckboxInput.js

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as v, Fragment as N } from "react/jsx-runtime";
-import { c as R } from "../../compiler-runtime-BNHg76kC.js";
+import { c as R } from "../../_virtual/compiler-runtime.js";
 import $ from "react";
 import { Checkbox as D, CheckboxIndicator as E } from "@radix-ui/react-checkbox";
 import { InputLabel as F } from "./InputLabel.js";
 import { InputDescription as L } from "./InputDescription.js";
 import { mergeCode0Props as j } from "../../utils/utils.js";
 import { InputMessage as P } from "./InputMessage.js";
-import '../../assets/Input.css';/* empty css                         */
+import '../../assets/components/form/Input.style.css';/* empty css                 */
 import { IconMinus as S, IconCheck as T } from "@tabler/icons-react";
 const U = (l) => {
   const e = R.c(40), [i, z] = $.useState(l.initialValue ?? "indeterminate");

package/dist/components/form/Input.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as r, Fragment as T } from "react/jsx-runtime";
 import h, { useRef as v, useState as x, useEffect as V, useMemo as k } from "react";
 import { mergeCode0Props as y } from "../../utils/utils.js";
-import '../../assets/Input.css';/* empty css                         */
+import '../../assets/components/form/Input.style.css';/* empty css                 */
 import { InputLabel as A } from "./InputLabel.js";
 import { InputDescription as K } from "./InputDescription.js";
 import { InputMessage as H } from "./InputMessage.js";

package/dist/components/form/InputDescription.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as i } from "../../compiler-runtime-BNHg76kC.js";
+import { c as i } from "../../_virtual/compiler-runtime.js";
 const p = (s) => {
   const t = i.c(2), {
     children: r

package/dist/components/form/InputLabel.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as s } from "../../compiler-runtime-BNHg76kC.js";
+import { c as s } from "../../_virtual/compiler-runtime.js";
 const i = (o) => {
   const t = s.c(2), {
     children: l

package/dist/components/form/InputMessage.js

@@ -1,5 +1,5 @@
 import { jsx as c, jsxs as i } from "react/jsx-runtime";
-import { c as m } from "../../compiler-runtime-BNHg76kC.js";
+import { c as m } from "../../_virtual/compiler-runtime.js";
 import { IconExclamationCircle as n } from "@tabler/icons-react";
 const f = (r) => {
   const e = m.c(3), {

package/dist/components/form/InputSuggestion.js

@@ -1,5 +1,5 @@
 import { jsx as p, jsxs as d } from "react/jsx-runtime";
-import { c as I } from "../../compiler-runtime-BNHg76kC.js";
+import { c as I } from "../../_virtual/compiler-runtime.js";
 import { MenuContent as x, MenuLabel as M, MenuItem as w } from "../menu/Menu.js";
 import l from "react";
 import { ScrollArea as R, ScrollAreaViewport as G, ScrollAreaScrollbar as A, ScrollAreaThumb as D } from "../scroll-area/ScrollArea.js";

package/dist/components/form/PinInput.js

@@ -1,11 +1,11 @@
 import { jsx as d, jsxs as F, Fragment as x } from "react/jsx-runtime";
-import { c as I } from "../../compiler-runtime-BNHg76kC.js";
+import { c as I } from "../../_virtual/compiler-runtime.js";
 import { OneTimePasswordFieldInput as C, OneTimePasswordFieldHiddenInput as M, OneTimePasswordField as T } from "@radix-ui/react-one-time-password-field";
 import { mergeCode0Props as V } from "../../utils/utils.js";
 import { InputLabel as _ } from "./InputLabel.js";
 import { InputDescription as $ } from "./InputDescription.js";
 import { InputMessage as w } from "./InputMessage.js";
-import '../../assets/Input.css';/* empty css                         */
+import '../../assets/components/form/Input.style.css';/* empty css                 */
 const y = (l) => {
   const e = I.c(26);
   let t, i, r, n, o, s;

package/dist/components/form/RadioGroup.js

@@ -1,11 +1,11 @@
 import { jsx as p, jsxs as x, Fragment as R } from "react/jsx-runtime";
-import { c as C } from "../../compiler-runtime-BNHg76kC.js";
+import { c as C } from "../../_virtual/compiler-runtime.js";
 import * as M from "@radix-ui/react-radio-group";
 import { mergeCode0Props as v } from "../../utils/utils.js";
 import { InputLabel as G } from "./InputLabel.js";
 import { InputDescription as I } from "./InputDescription.js";
 import { InputMessage as j } from "./InputMessage.js";
-import '../../assets/Input.css';/* empty css                         */
+import '../../assets/components/form/Input.style.css';/* empty css                 */
 const k = (u) => {
   const e = C.c(22);
   let o, t, a, r, l, i;

package/dist/components/form/RadioInput.js

@@ -1,8 +1,8 @@
 import { jsx as c, jsxs as u } from "react/jsx-runtime";
-import { c as f } from "../../compiler-runtime-BNHg76kC.js";
+import { c as f } from "../../_virtual/compiler-runtime.js";
 import * as s from "@radix-ui/react-radio-group";
 import { mergeCode0Props as d } from "../../utils/utils.js";
-import '../../assets/Input.css';/* empty css                         */
+import '../../assets/components/form/Input.style.css';/* empty css                 */
 const R = (t) => {
   const e = f.c(11);
   let l;

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

@@ -1,5 +1,5 @@
 export type Validations<Values> = Partial<{
-    [Key in keyof Values]: (value: Values[Key]) => string | null;
+    [Key in keyof Values]: (value: Values[Key], values?: Values) => string | null;
 }>;
 export interface FormValidationProps<Values> {
     initialValues: Values;
@@ -21,5 +21,6 @@ export type ValidationsProps<Values> = Partial<{
 export type FormValidationReturn<Values> = [IValidation<Values>, () => void];
 export interface IValidation<Values> {
     getInputProps<Key extends keyof Values>(key: Key): ValidationProps<Values[Key]>;
+    isValid(): boolean;
 }
 export declare const useForm: <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>) => FormValidationReturn<Values>;

package/dist/components/form/useForm.js

@@ -1,8 +1,8 @@
-import { useState as c, useMemo as f, useCallback as b } from "react";
-function s(e, t, i) {
-  return (t = g(t)) in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
+import { useState as c, useMemo as p, useCallback as g } from "react";
+function l(e, t, i) {
+  return (t = b(t)) in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
 }
-function g(e) {
+function b(e) {
   var t = P(e, "string");
   return typeof t == "symbol" ? t : t + "";
 }
@@ -10,29 +10,38 @@ function P(e, t) {
   if (typeof e != "object" || !e) return e;
   var i = e[Symbol.toPrimitive];
   if (i !== void 0) {
-    var n = i.call(e, t);
-    if (typeof n != "object") return n;
+    var r = i.call(e, t);
+    if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
 }
 class d {
-  constructor(t, i, n, r) {
-    s(this, "changeValue", void 0), s(this, "initialRender", void 0), s(this, "currentValues", void 0), s(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = i, this.currentValidations = n, this.initialRender = r;
+  constructor(t, i, r, n) {
+    l(this, "changeValue", void 0), l(this, "initialRender", void 0), l(this, "currentValues", void 0), l(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = i, this.currentValidations = r, this.initialRender = n;
+  }
+  isValid() {
+    if (!this.currentValidations) return !0;
+    for (const t in this.currentValidations) {
+      const i = this.currentValidations[t];
+      if (i && i(this.currentValues[t], this.currentValues) !== null)
+        return !1;
+    }
+    return !0;
   }
   getInputProps(t) {
-    const i = this.currentValues[t] || null, n = t, r = this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (a) => null, u = this.initialRender ? null : r(i);
+    const i = this.currentValues[t] || null, r = t, n = this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (u) => null, s = this.initialRender ? null : n(i, this.currentValues);
     return {
       initialValue: i,
       formValidation: {
-        setValue: (a) => {
-          this.changeValue(n, a);
+        setValue: (u) => {
+          this.changeValue(r, u);
         },
         ...this.initialRender ? {
           valid: !0
         } : {
-          notValidMessage: u,
-          valid: u === null ? !0 : !u
+          notValidMessage: s,
+          valid: s === null ? !0 : !s
         }
       },
       ...this.currentValidations && this.currentValidations[t] ? {
@@ -45,12 +54,12 @@ const w = (e) => {
   const {
     initialValues: t,
     validate: i = {},
-    onSubmit: n
-  } = e, [r, u] = c(t), a = (o, m) => u((l) => (l[o] = m, l)), h = f(() => new d(a, t, i, !0), []), [V, p] = c(h), v = b(() => {
-    let o = new d(a, r, i, !1);
-    p(() => o), n && n(r);
+    onSubmit: r
+  } = e, [n, s] = c(t), u = (a, m) => s((o) => (o[a] = m, o)), V = p(() => new d(u, t, i, !0), []), [h, f] = c(V), v = g(() => {
+    let a = new d(u, n, i, !1);
+    f(() => a), r && a.isValid() && r(n);
   }, []);
-  return [V, v];
+  return [h, v];
 };
 export {
   w as useForm

package/dist/components/menu/Menu.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import { c } from "../../compiler-runtime-BNHg76kC.js";
-import '../../assets/Menu.css';/* empty css                        */
+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 s, DropdownMenuLabel as f, DropdownMenuItem as m, DropdownMenu as M, DropdownMenuTrigger as _, DropdownMenuPortal as a, DropdownMenuGroup as g, DropdownMenuSub as w, DropdownMenuSubTrigger as d, DropdownMenuSubContent as b, DropdownMenuSeparator as D, DropdownMenuArrow as $ } from "@radix-ui/react-dropdown-menu";
 const A = (o) => {