@layers-app/shared 0.2.6 → 0.2.7

package/dist/components/NavMenu/components/NavMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/components/NavMenuItem.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,8DAAgC,gBAAgB,6CAQtE,CAAC;AA+OH,eAAO,MAAM,eAAe,GAAI,0CAI7B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,4CAiCA,CAAC"}
+{"version":3,"file":"NavMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/components/NavMenuItem.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,8DAAgC,gBAAgB,6CAQtE,CAAC;AAkPH,eAAO,MAAM,eAAe,GAAI,0CAI7B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,4CAiCA,CAAC"}

package/dist/components/NavMenu/components/NavMenuItem.js

@@ -1,29 +1,29 @@
 import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { memo as m, useRef as k, useEffect as O, useMemo as y } from "react";
+import { memo as f, useRef as S, useEffect as k, useMemo as v } from "react";
 import { useTranslation as g } from "react-i18next";
-import { NavLink as E } from "react-router-dom";
-import { MoreHorizontalIcon as I, ArrowRight01Icon as M } from "@hugeicons/core-free-icons";
+import { NavLink as O } from "react-router-dom";
+import { MoreHorizontalIcon as E, ArrowRight01Icon as M } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as C } from "@hugeicons/react";
-import { Flex as h, Loader as N, Text as w, FocusTrap as P, Tooltip as b, Center as R } from "@mantine/core";
+import { Flex as h, Loader as N, Text as w, FocusTrap as P, Tooltip as I, Center as R } from "@mantine/core";
 import { useForm as j } from "@mantine/form";
 import { useClickOutside as z } from "@mantine/hooks";
 import { useAsyncStatus as A } from "../../../hooks/useAsyncStatus.js";
 import { useMenu as D } from "../../../hooks/useMenu.js";
 import { appContainerStore as T } from "../../AppContainer/hooks/useAppContainerStore.js";
 import { EmojiPicker as F } from "../../EmojiPicker/EmojiPicker.js";
-import { EntityIcon as x } from "../../EntityIcon.js";
+import { EntityIcon as b } from "../../EntityIcon.js";
 import { NavMenu as L } from "../NavMenu.js";
-import { useNavMenuStore as f } from "../store.js";
+import { useNavMenuStore as m } from "../store.js";
 import { NavMenuActionIcon as B } from "./NavMenuActionIcon.js";
 import s from "../NavMenu.module.css.js";
-const re = m(({ item: e, ignoreDepth: a }) => {
-  const { useStore: r } = f(), i = r((t) => t.editId === e.id);
-  return /* @__PURE__ */ n(S, { depth: a ? void 0 : e.depth, children: i ? /* @__PURE__ */ n(H, { item: e }) : /* @__PURE__ */ n(V, { item: e }) });
-}), V = m(({ item: e }) => {
-  const { api: a, useStore: r } = f(), i = r((o) => o.props.onClick), { isMobile: t } = D(), { t: l } = g("appContainer"), d = () => {
+const re = f(({ item: e, ignoreDepth: a }) => {
+  const { useStore: r } = m(), i = r((o) => o.editId === e.id);
+  return /* @__PURE__ */ n(x, { depth: a ? void 0 : e.depth, testId: e.testId, children: i ? /* @__PURE__ */ n($, { item: e }) : /* @__PURE__ */ n(V, { item: e }) });
+}), V = f(({ item: e }) => {
+  const { api: a, useStore: r } = m(), i = r((t) => t.props.onClick), { isMobile: o } = D(), { t: l } = g("appContainer"), d = () => {
     i ? i(e) : e.hasChildren && a.toggleOpened(e);
   }, c = e.data?.isReadOnly, p = e.href ? /* @__PURE__ */ n(
-    E,
+    O,
     {
       to: e.href,
       className: s.item,
@@ -31,9 +31,9 @@ const re = m(({ item: e, ignoreDepth: a }) => {
       "data-has-children": e.hasChildren,
       "data-read-only": c,
       onClick: c ? void 0 : () => {
-        t && !e.hasChildren && T.api.closeToolbar();
+        o && !e.hasChildren && T.api.closeToolbar();
       },
-      children: /* @__PURE__ */ n(v, { item: e })
+      children: /* @__PURE__ */ n(y, { item: e })
     }
   ) : /* @__PURE__ */ n(
     "div",
@@ -43,14 +43,14 @@ const re = m(({ item: e, ignoreDepth: a }) => {
       "data-has-children": e.hasChildren,
       "data-read-only": c,
       onClick: c ? void 0 : d,
-      children: /* @__PURE__ */ n(v, { item: e })
+      children: /* @__PURE__ */ n(y, { item: e })
     }
   );
-  return c ? /* @__PURE__ */ n(b, { label: l("readOnlyAccess"), position: "right", withArrow: !0, children: p }) : p;
-}), v = m(({ item: e }) => {
-  const { t: a } = g(), { useStore: r, api: i } = f(), t = r((o) => o.opened.includes(e.id)), l = r((o) => o.loading[e.id]), d = y(
-    () => ({ ...e.data, isOpen: t }),
-    [t, e.data]
+  return c ? /* @__PURE__ */ n(I, { label: l("readOnlyAccess"), position: "right", withArrow: !0, children: p }) : p;
+}), y = f(({ item: e }) => {
+  const { t: a } = g(), { useStore: r, api: i } = m(), o = r((t) => t.opened.includes(e.id)), l = r((t) => t.loading[e.id]), d = v(
+    () => ({ ...e.data, isOpen: o }),
+    [o, e.data]
   ), c = e.data?.isReadOnly, p = c ? 0.3 : void 0;
   return /* @__PURE__ */ u(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
     /* @__PURE__ */ u(h, { gap: 4, miw: 0, flex: 1, children: [
@@ -58,8 +58,9 @@ const re = m(({ item: e, ignoreDepth: a }) => {
         B,
         {
           className: s.chevron,
-          onClick: (o) => {
-            o.preventDefault(), o.stopPropagation(), i.toggleOpened(e);
+          "data-cy": e.testId ? `${e.testId}-expand` : void 0,
+          onClick: (t) => {
+            t.preventDefault(), t.stopPropagation(), i.toggleOpened(e);
           },
           children: /* @__PURE__ */ n(
             C,
@@ -67,16 +68,16 @@ const re = m(({ item: e, ignoreDepth: a }) => {
               icon: M,
               size: 16,
               style: {
-                transform: `rotate(${t ? 90 : 0}deg)`,
+                transform: `rotate(${o ? 90 : 0}deg)`,
                 transition: "transform 0.1s ease-in-out"
               }
             }
           )
         }
       ),
-      /* @__PURE__ */ n("div", { className: s.icon, style: { opacity: p }, children: /* @__PURE__ */ n(x, { item: d }) }),
+      /* @__PURE__ */ n("div", { className: s.icon, style: { opacity: p }, children: /* @__PURE__ */ n(b, { item: d }) }),
       /* @__PURE__ */ n(
-        b,
+        I,
         {
           disabled: e.title.length < 25,
           label: e.title || a("noName"),
@@ -91,8 +92,8 @@ const re = m(({ item: e, ignoreDepth: a }) => {
               fw: 500,
               miw: 0,
               c: "var(--mantine-color-text)",
-              onDoubleClick: (o) => {
-                r.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (o.preventDefault(), o.stopPropagation(), i.startEditing(e.id));
+              onDoubleClick: (t) => {
+                r.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (t.preventDefault(), t.stopPropagation(), i.startEditing(e.id));
               },
               children: e.title || a("noName")
             }
@@ -102,32 +103,32 @@ const re = m(({ item: e, ignoreDepth: a }) => {
     ] }),
     e.rightSection
   ] });
-}), H = m(({ item: e }) => {
-  const { api: a, useStore: r } = f(), i = k(null), t = j({
+}), $ = f(({ item: e }) => {
+  const { api: a, useStore: r } = m(), i = S(null), o = j({
     initialValues: {
       name: e.title,
       icon: e.data?.icon || ""
     }
-  }), l = (o) => {
+  }), l = (t) => {
     a.handleEdit({
       id: e.id,
-      name: o.name ?? "",
-      icon: o.icon ?? ""
+      name: t.name ?? "",
+      icon: t.icon ?? ""
     }), a.stopEditing();
   }, d = z(() => {
-    l(t.getValues());
+    l(o.getValues());
   });
-  O(() => {
+  k(() => {
     i.current && i.current.select();
   }, []);
-  const c = y(
+  const c = v(
     () => ["SPRINT", "PROJECT"].includes(e.data?.type || ""),
     [e.data?.type]
-  ), p = r((o) => o.opened.includes(e.id));
+  ), p = r((t) => t.opened.includes(e.id));
   return /* @__PURE__ */ n(
     "form",
     {
-      onSubmit: t.onSubmit(l),
+      onSubmit: o.onSubmit(l),
       className: s.item,
       ref: d,
       "data-editing": !0,
@@ -141,12 +142,12 @@ const re = m(({ item: e, ignoreDepth: a }) => {
             popoverProps: {
               floatingStrategy: "fixed"
             },
-            value: t.values.icon,
-            onChange: (o) => t.setFieldValue("icon", o),
+            value: o.values.icon,
+            onChange: (t) => o.setFieldValue("icon", t),
             children: /* @__PURE__ */ n(L.ActionIcon, { disabled: c, children: /* @__PURE__ */ n(
-              x,
+              b,
               {
-                item: { ...e.data, isOpen: p, icon: t.values.icon }
+                item: { ...e.data, isOpen: p, icon: o.values.icon }
               }
             ) })
           }
@@ -156,24 +157,26 @@ const re = m(({ item: e, ignoreDepth: a }) => {
           {
             ref: i,
             className: s.editInput,
-            ...t.getInputProps("name"),
+            "data-cy": e.testId ? `${e.testId}-rename-input` : void 0,
+            ...o.getInputProps("name"),
             maxLength: 255,
-            onFocus: (o) => o.target.select()
+            onFocus: (t) => t.target.select()
           }
         ) })
       ] })
     }
   );
-}), S = m(
-  ({ depth: e = 0, children: a }) => /* @__PURE__ */ u(
+}), x = f(
+  ({ depth: e = 0, children: a, testId: r }) => /* @__PURE__ */ u(
     "div",
     {
       className: s.itemContainer,
+      "data-cy": r,
       style: {
         "--depth": e
       },
       children: [
-        Array.from({ length: e }).map((r, i) => /* @__PURE__ */ n("div", { className: s.depthBox }, i)),
+        Array.from({ length: e }).map((i, o) => /* @__PURE__ */ n("div", { className: s.depthBox }, o)),
         a
       ]
     }
@@ -183,14 +186,14 @@ const re = m(({ item: e, ignoreDepth: a }) => {
   itemId: a,
   currentChildrenCount: r
 }) => {
-  const { t: i } = g("appContainer"), { api: t } = f(), { isLoading: l, onSubmit: d } = A();
-  return /* @__PURE__ */ n(S, { depth: e, children: /* @__PURE__ */ n(
+  const { t: i } = g("appContainer"), { api: o } = m(), { isLoading: l, onSubmit: d } = A();
+  return /* @__PURE__ */ n(x, { depth: e, children: /* @__PURE__ */ n(
     "div",
     {
       className: s.item,
-      onClick: () => d(() => t.loadMore({ itemId: a, currentChildrenCount: r })),
+      onClick: () => d(() => o.loadMore({ itemId: a, currentChildrenCount: r })),
       children: /* @__PURE__ */ n(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ u(h, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
-        /* @__PURE__ */ n("div", { className: s.icon, children: l ? /* @__PURE__ */ n(N, { size: 16 }) : /* @__PURE__ */ n(C, { icon: I, size: 16 }) }),
+        /* @__PURE__ */ n("div", { className: s.icon, children: l ? /* @__PURE__ */ n(N, { size: 16 }) : /* @__PURE__ */ n(C, { icon: E, size: 16 }) }),
         /* @__PURE__ */ n(w, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: i("loadMore") })
       ] }) })
     }

package/dist/components/NavMenu/types.d.ts

@@ -19,6 +19,7 @@ export type NavMenuItemDef<DATA = NavMenuItemData> = {
     order?: number;
     data?: DATA;
     isDisabledEditByDoubleClick?: boolean;
+    testId?: string;
 };
 export type ExpandNavMenuItemDef<DATA = NavMenuItemData> = NavMenuItemDef<DATA> & {
     depth: number;

package/dist/components/NavMenu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CAEtB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,IAAI,GAAG,eAAe,IACrD,cAAc,CAAC,IAAI,CAAC,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,IAAI,GAAG,eAAe,IAAI,CAAC,CAAC,EAAE;IAC3D,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,0BAA0B,CAAC;CACtC,KAAK,IAAI,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAEpB,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CAEtB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,IAAI,GAAG,eAAe,IACrD,cAAc,CAAC,IAAI,CAAC,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,IAAI,GAAG,eAAe,IAAI,CAAC,CAAC,EAAE;IAC3D,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,0BAA0B,CAAC;CACtC,KAAK,IAAI,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAEpB,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC"}

package/dist/components/SocialLinkRow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SocialLinkRow/index.tsx"],"names":[],"mappings":"AA0BA,UAAU,kBAAkB;IAC1B,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,GAAI,8BAI3B,kBAAkB,4CAqHpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SocialLinkRow/index.tsx"],"names":[],"mappings":"AAmBA,UAAU,kBAAkB;IAC1B,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,GAAI,8BAI3B,kBAAkB,4CAiIpB,CAAC"}

package/dist/components/SocialLinkRow/index.js

@@ -1,42 +1,42 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import a from "react";
 import { useTranslation as E } from "react-i18next";
-import { Cancel01Icon as f } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as h } from "@hugeicons/react";
-import { Group as S, Flex as i, Text as d, ActionIcon as g, Button as x, TextInput as b } from "@mantine/core";
-import z from "../../assets/svg/socials/github.svg.js";
-import T from "../../assets/svg/socials/instagram.svg.js";
-import L from "../../assets/svg/socials/x.svg.js";
-import _ from "../../assets/svg/socials/youtube.svg.js";
-const D = {
-  Instagram: T,
-  "X (Twitter)": L,
-  Youtube: _,
-  GitHub: z
-}, O = ({
+import { Cancel01Icon as h } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as p } from "@hugeicons/react";
+import { Flex as o, Text as d, ActionIcon as g, Button as x, TextInput as S } from "@mantine/core";
+import b from "../../assets/svg/socials/github.svg.js";
+import z from "../../assets/svg/socials/instagram.svg.js";
+import T from "../../assets/svg/socials/x.svg.js";
+import L from "../../assets/svg/socials/youtube.svg.js";
+const _ = {
+  Instagram: z,
+  "X (Twitter)": T,
+  Youtube: L,
+  GitHub: b
+}, N = ({
   social: n,
   onSave: v,
   onClear: w
 }) => {
-  const { t: r } = E(), [I, l] = a.useState(!1), [s, c] = a.useState(n.link || ""), [k, u] = a.useState(null), m = (e) => e.length > 30 ? r("MAX_LENGTH_EXCEEDED", { max: 30, ns: "errors" }) : /[\u0400-\u04FF]/.test(e) ? r("CYRILLIC_NOT_ALLOWED", { ns: "errors" }) : null, C = (e) => {
-    c(e), u(m(e));
-  }, p = () => {
-    const e = m(s);
+  const { t: r } = E(), [I, l] = a.useState(!1), [s, c] = a.useState(n.link || ""), [k, m] = a.useState(null), u = (e) => e.length > 30 ? r("MAX_LENGTH_EXCEEDED", { max: 30, ns: "errors" }) : /[\u0400-\u04FF]/.test(e) ? r("CYRILLIC_NOT_ALLOWED", { ns: "errors" }) : null, C = (e) => {
+    c(e), m(u(e));
+  }, f = () => {
+    const e = u(s);
     if (e) {
-      u(e);
+      m(e);
       return;
     }
     v(s), l(!1);
   };
-  return /* @__PURE__ */ o(S, { justify: "space-between", w: "100%", children: [
-    /* @__PURE__ */ o(i, { maw: 343, w: "100%", gap: 8, children: [
-      a.createElement(D[n.name], {
+  return /* @__PURE__ */ i(o, { justify: "space-between", children: [
+    /* @__PURE__ */ i(o, { maw: 343, gap: 8, children: [
+      a.createElement(_[n.name], {
         height: 16,
         width: 16
       }),
       /* @__PURE__ */ t(d, { fw: 500, size: "sm", children: n.name })
     ] }),
-    n.link ? /* @__PURE__ */ o(i, { align: "center", gap: 16, children: [
+    n.link ? /* @__PURE__ */ i(o, { align: "center", gap: 16, children: [
       /* @__PURE__ */ t(d, { size: "sm", c: "var(--mantine-color-text)", children: n.link }),
       /* @__PURE__ */ t(
         g,
@@ -45,17 +45,17 @@ const D = {
           variant: "subtle",
           size: "xs",
           children: /* @__PURE__ */ t(
-            h,
+            p,
             {
               onClick: () => {
                 w(), c("");
               },
-              icon: f
+              icon: h
             }
           )
         }
       )
-    ] }) : !n.link && !I ? /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
+    ] }) : !n.link && !I ? /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(
       x,
       {
         c: "var(--mantine-color-text)",
@@ -67,43 +67,65 @@ const D = {
         },
         children: r("addUsername")
       }
-    ) }) : /* @__PURE__ */ o(i, { flex: 1, align: "center", gap: 16, children: [
-      /* @__PURE__ */ t(
-        b,
-        {
-          flex: 1,
-          placeholder: r("username"),
-          variant: "default",
-          size: "xs",
-          value: s,
-          onChange: (e) => C(e.currentTarget.value),
-          onKeyDown: (e) => {
-            e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), p());
-          },
-          error: k
-        }
-      ),
-      /* @__PURE__ */ t(x, { onClick: p, variant: "transparent", px: 0, size: "xs", children: r("send") }),
-      /* @__PURE__ */ t(
-        g,
-        {
-          color: "var(--mantine-color-text)",
-          variant: "subtle",
-          size: "xs",
-          children: /* @__PURE__ */ t(
-            h,
+    ) }) : /* @__PURE__ */ i(
+      o,
+      {
+        align: "center",
+        justify: "end",
+        w: "100%",
+        maw: 335,
+        miw: 0,
+        gap: 16,
+        children: [
+          /* @__PURE__ */ t(
+            S,
             {
-              onClick: () => {
-                c(""), l(!1), u(null);
+              flex: 1,
+              miw: 50,
+              placeholder: r("username"),
+              variant: "default",
+              size: "xs",
+              value: s,
+              onChange: (e) => C(e.currentTarget.value),
+              onKeyDown: (e) => {
+                e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), f());
               },
-              icon: f
+              error: k
+            }
+          ),
+          /* @__PURE__ */ t(
+            x,
+            {
+              w: 34,
+              onClick: f,
+              variant: "transparent",
+              px: 0,
+              size: "xs",
+              children: r("send")
+            }
+          ),
+          /* @__PURE__ */ t(
+            g,
+            {
+              color: "var(--mantine-color-text)",
+              variant: "subtle",
+              size: "xs",
+              children: /* @__PURE__ */ t(
+                p,
+                {
+                  onClick: () => {
+                    c(""), l(!1), m(null);
+                  },
+                  icon: h
+                }
+              )
             }
           )
-        }
-      )
-    ] })
+        ]
+      }
+    )
   ] });
 };
 export {
-  O as SocialLinkRow
+  N as SocialLinkRow
 };

package/dist/components/TimezonePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimezonePicker/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,aAAa,EAQd,MAAM,eAAe,CAAC;AAIvB,UAAU,mBAAoB,SAAQ,aAAa;IACjD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CA8FrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimezonePicker/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,aAAa,EAQd,MAAM,eAAe,CAAC;AAIvB,UAAU,mBAAoB,SAAQ,aAAa;IACjD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CA+FrB,CAAC"}

package/dist/components/TimezonePicker/index.js

@@ -1,44 +1,45 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useState as p, useMemo as v } from "react";
-import { useTranslation as S } from "react-i18next";
-import { Tick02Icon as w, Search01Icon as x } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as u } from "@hugeicons/react";
-import C from "../../assets/svg/globeIcon.svg.js";
-import { useCombobox as I, Combobox as t, Flex as T, InputBase as D, Input as k, Stack as y, TextInput as z, ScrollArea as O } from "@mantine/core";
-import { getTimeZones as P } from "../../helpers/timezones.js";
-const G = ({
-  label: m,
-  timezone: h,
-  onChange: d,
-  ...f
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { useState as f, useMemo as g } from "react";
+import { useTranslation as b } from "react-i18next";
+import { Tick02Icon as v, Search01Icon as S } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as p } from "@hugeicons/react";
+import x from "../../assets/svg/globeIcon.svg.js";
+import { useCombobox as w, Combobox as t, Flex as C, InputBase as I, Input as T, Stack as D, TextInput as k, ScrollArea as y } from "@mantine/core";
+import { getTimeZones as O } from "../../helpers/timezones.js";
+const F = ({
+  label: u,
+  timezone: r,
+  onChange: h,
+  ...m
 }) => {
-  const [c, a] = p(""), g = v(() => P(), []), { t: i } = S(), n = I({
+  const [c, a] = f(""), d = g(() => O(), []), { t: i } = b(), n = w({
     onDropdownClose: () => {
       n.resetSelectedOption(), n.focusTarget(), a("");
     },
     onDropdownOpen: () => {
       n.focusSearchInput();
     }
-  }), [r, b] = p(h), s = g.filter(
-    (o) => o.label.toLowerCase().includes(c.toLowerCase().trim())
-  ).map((o) => /* @__PURE__ */ e(
+  }), s = d.filter(
+    (e) => e.label.toLowerCase().includes(c.toLowerCase().trim())
+  ).map((e) => /* @__PURE__ */ o(
     t.Option,
     {
-      active: r === o.value,
-      value: o.value,
-      children: /* @__PURE__ */ l(T, { justify: "space-between", align: "center", children: [
-        o.label,
-        r === o.value ? /* @__PURE__ */ e(
-          u,
+      active: r === e.value,
+      value: e.value,
+      px: "xs",
+      children: /* @__PURE__ */ l(C, { justify: "space-between", align: "center", children: [
+        e.label,
+        r === e.value ? /* @__PURE__ */ o(
+          p,
           {
             color: "var(--mantine-primary-color-filled)",
             size: 16,
-            icon: w
+            icon: v
           }
         ) : null
       ] })
     },
-    o.value
+    e.value
   ));
   return /* @__PURE__ */ l(
     t,
@@ -46,45 +47,45 @@ const G = ({
       position: "bottom",
       store: n,
       withinPortal: !1,
-      onOptionSubmit: (o) => {
-        b(o), d(o), n.closeDropdown();
+      onOptionSubmit: (e) => {
+        h(e), n.closeDropdown();
       },
-      ...f,
+      ...m,
       children: [
-        /* @__PURE__ */ e(t.Target, { children: /* @__PURE__ */ e(
-          D,
+        /* @__PURE__ */ o(t.Target, { children: /* @__PURE__ */ o(
+          I,
           {
-            label: m,
+            label: u,
             value: r || "",
             component: "button",
             type: "button",
-            leftSection: /* @__PURE__ */ e(C, { width: 16, height: 16 }),
+            leftSection: /* @__PURE__ */ o(x, { width: 16, height: 16 }),
             flex: 1,
             pointer: !0,
-            rightSection: /* @__PURE__ */ e(t.Chevron, {}),
+            rightSection: /* @__PURE__ */ o(t.Chevron, {}),
             onClick: () => n.toggleDropdown(),
             rightSectionPointerEvents: "none",
-            children: r || /* @__PURE__ */ e(k.Placeholder, { children: i("pickValue") })
+            children: r || /* @__PURE__ */ o(T.Placeholder, { children: i("pickValue") })
           }
         ) }),
-        /* @__PURE__ */ e(t.Dropdown, { children: /* @__PURE__ */ l(y, { gap: 12, children: [
-          /* @__PURE__ */ e(
-            z,
+        /* @__PURE__ */ o(t.Dropdown, { children: /* @__PURE__ */ l(D, { gap: 12, children: [
+          /* @__PURE__ */ o(
+            k,
             {
               variant: "filled",
               size: "sm",
               placeholder: `${i("search")}...`,
               value: c,
-              onChange: (o) => a(o.currentTarget.value),
-              leftSection: /* @__PURE__ */ e(u, { color: "dimmed", size: 16, icon: x })
+              onChange: (e) => a(e.currentTarget.value),
+              leftSection: /* @__PURE__ */ o(p, { color: "dimmed", size: 16, icon: S })
             }
           ),
-          /* @__PURE__ */ e(t.Options, { children: /* @__PURE__ */ e(O.Autosize, { mah: 200, type: "scroll", children: s.length > 0 ? s : /* @__PURE__ */ e(t.Empty, { children: i("nothingData") }) }) })
+          /* @__PURE__ */ o(t.Options, { children: /* @__PURE__ */ o(y.Autosize, { mah: 200, type: "scroll", children: s.length > 0 ? s : /* @__PURE__ */ o(t.Empty, { children: i("nothingData") }) }) })
         ] }) })
       ]
     }
   );
 };
 export {
-  G as TimezonePicker
+  F as TimezonePicker
 };

package/dist/components/UserAvatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,WAAW,eACf,SAAQ,WAAW,EACjB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,wFAsCtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,WAAW,eACf,SAAQ,WAAW,EACjB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,wFAuCtB,CAAC"}

package/dist/components/UserAvatar/index.js

@@ -1,34 +1,35 @@
-import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
+import { jsx as t, Fragment as c } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
 import { Avatar as d } from "@mantine/core";
 import { IconUser as l } from "@tabler/icons-react";
 import { ProjectIcon as f } from "../ProjectIcon/ProjectIcon.js";
-const A = e(
-  ({ user: r, size: t = 24, emptyIcon: m, ...i }, n) => {
+const A = m(
+  ({ user: r, size: o = 24, emptyIcon: e, ...i }, n) => {
     const a = r?.avatar || r?.avatarUrl;
-    return a && (a.includes("i=") || a.includes("e=")) ? /* @__PURE__ */ o(
+    return a && (a.includes("i=") || a.includes("e=")) ? /* @__PURE__ */ t(
       f,
       {
         icon: a,
         name: r?.name,
         fallbackColorById: r?.id,
-        size: t,
-        textSize: typeof t == "number" ? t * 0.75 : void 0,
+        size: o,
+        textSize: typeof o == "number" ? o * 0.75 : void 0,
         radius: i.radius,
         ...i,
         ref: n
       }
-    ) : /* @__PURE__ */ o(
+    ) : /* @__PURE__ */ t(
       d,
       {
         src: a,
         color: "initials",
         tt: "uppercase",
-        size: t,
+        size: o,
+        variant: "filled",
         name: r?.id ?? "",
         ...i,
         ref: n,
-        children: r ? /* @__PURE__ */ o(c, { children: r.name?.charAt(0) }) : /* @__PURE__ */ o(c, { children: m ?? /* @__PURE__ */ o(l, { size: "70%" }) })
+        children: r ? /* @__PURE__ */ t(c, { children: r.name?.charAt(0) }) : /* @__PURE__ */ t(c, { children: e ?? /* @__PURE__ */ t(l, { size: "70%" }) })
       }
     );
   }

package/dist/components/WorkspaceMenu/WorkspaceItem.js

@@ -15,7 +15,7 @@ const g = ({ workspace: e, onClick: a }) => {
       children: /* @__PURE__ */ n(o, { gap: 12, children: [
         /* @__PURE__ */ t(h, { workspace: e, size: 36 }),
         /* @__PURE__ */ n(i, { flex: 1, miw: 0, children: [
-          /* @__PURE__ */ t(m, { truncate: !0, size: "sm", fw: 500, c: "var(--mantine-color-bright", children: e.workspaceName }),
+          /* @__PURE__ */ t(m, { truncate: !0, size: "sm", fw: 500, c: "var(--mantine-color-bright)", children: e.workspaceName }),
           !e?.invitation && /* @__PURE__ */ t(m, { c: "gray", fw: 500, size: "xs", component: "span", children: /* @__PURE__ */ n(o, { gap: 8, component: "span", children: [
             e.totalMembers ? /* @__PURE__ */ n(s, { children: [
               r("member", { count: e.totalMembers }),