@layers-app/shared 0.2.6 → 0.2.8

package/dist/components/OnboardingTour/OnboardingTourWrapper.js

@@ -0,0 +1,164 @@
+import { jsx as p, Fragment as q } from "react/jsx-runtime";
+import { useRef as x, useCallback as A, useMemo as R, useEffect as W } from "react";
+import { useTranslation as M } from "react-i18next";
+import { OnboardingTour as U } from "@gfazioli/mantine-onboarding-tour";
+import { Text as D } from "@mantine/core";
+import { DefaultSingleFooter as V, DefaultMultiFooter as G } from "./OnboardingTourFooter.js";
+import { useOnboardingTour as H } from "./useOnboardingTour.js";
+/* empty css                          */
+const w = "onboarding-tour-popover-dropdown", T = "data-onboarding-tour-active-dropdown", J = (n) => typeof n == "string" ? /* @__PURE__ */ p(D, { fw: 500, size: "md", c: "white", mb: 4, children: n }) : n, K = (n) => typeof n == "string" ? /* @__PURE__ */ p(D, { size: "sm", c: "gray.3", children: n }) : n, nt = ({
+  featureKey: n,
+  tour: d,
+  children: P,
+  onComplete: m,
+  dependsOn: k,
+  withPopoverMoveAnimation: O = !1,
+  classNames: N = {},
+  focusRevealProps: g,
+  onOnboardingTourEnd: C,
+  onOnboardingTourClose: S,
+  onOnboardingTourChange: $,
+  onOnboardingTourStart: E,
+  ...F
+}) => {
+  const { t: l } = M("pages"), { started: y, complete: f } = H(n, { dependsOn: k }), c = x(null), b = x(null), B = A(() => {
+    f(), m?.(), C?.();
+  }, [f, m, C]), _ = A(() => {
+    f(), m?.(), S?.();
+  }, [f, m, S]), j = R(() => {
+    const o = d.length, e = o === 1;
+    return d.map((r, s) => {
+      const a = {
+        ...r,
+        title: J(r.title),
+        content: K(r.content)
+      };
+      return r.footer === void 0 && (e ? a.footer = (u) => /* @__PURE__ */ p(
+        V,
+        {
+          controller: u,
+          label: l("onboarding.continue")
+        }
+      ) : a.footer = (u) => /* @__PURE__ */ p(
+        G,
+        {
+          controller: u,
+          stepIndex: s,
+          totalSteps: o,
+          labels: {
+            stepOf: l("onboarding.stepOf", {
+              current: s + 1,
+              total: o
+            }),
+            back: l("onboarding.back"),
+            next: l("onboarding.next"),
+            done: l("onboarding.done")
+          }
+        }
+      )), a;
+    });
+  }, [d, l]), z = R(() => {
+    const o = typeof g == "object" ? g : void 0, e = o?.popoverProps ?? {}, r = e.classNames ?? {}, s = e.styles ?? {}, a = [w, r.dropdown].filter(Boolean).join(" ");
+    return {
+      ...o,
+      disableTargetInteraction: o?.disableTargetInteraction ?? !0,
+      overlayProps: {
+        blur: 0,
+        ...o?.overlayProps
+      },
+      popoverProps: {
+        position: "bottom",
+        offset: 10,
+        transitionProps: {
+          duration: 0,
+          ...e.transitionProps ?? {}
+        },
+        ...e,
+        classNames: {
+          ...r,
+          dropdown: a
+        },
+        styles: {
+          ...s,
+          dropdown: {
+            backgroundColor: "var(--mantine-color-dark-7)",
+            padding: 16,
+            color: "white",
+            border: "none",
+            width: 300,
+            ...s.dropdown
+          },
+          arrow: {
+            backgroundColor: "var(--mantine-color-dark-7)",
+            border: "none",
+            ...s.arrow
+          }
+        }
+      }
+    };
+  }, [g]);
+  return W(() => {
+    if (!y || !O) return;
+    let o = 0;
+    const e = document.createElement("style");
+    e.setAttribute("data-onboarding-tour-popover-animation", "true"), e.textContent = `.${w}:not([${T}]) { opacity: 0 !important; pointer-events: none !important; }`, document.head.appendChild(e);
+    const r = (t) => {
+      t.removeAttribute(T), t.style.removeProperty("position"), t.style.removeProperty("top"), t.style.removeProperty("left"), t.style.removeProperty("width"), t.style.removeProperty("transform"), t.style.removeProperty("opacity"), t.style.removeProperty("pointer-events"), t.style.removeProperty("will-change"), t.style.removeProperty("transition");
+    }, s = (t) => {
+      const i = t.getBoundingClientRect();
+      if (i.width === 0 || i.height === 0) return;
+      const v = i.top, h = i.left, I = b.current?.top ?? v, L = b.current?.left ?? h;
+      c.current && c.current !== t && r(c.current), c.current = t, t.setAttribute(T, "true"), Object.assign(t.style, {
+        position: "fixed",
+        top: `${I}px`,
+        left: `${L}px`,
+        width: `${i.width}px`,
+        transform: "none",
+        opacity: "1",
+        pointerEvents: "auto",
+        willChange: "top, left",
+        transition: "top 260ms cubic-bezier(0.2, 0, 0, 1), left 260ms cubic-bezier(0.2, 0, 0, 1)"
+      }), requestAnimationFrame(() => {
+        t.isConnected && (t.style.top = `${v}px`, t.style.left = `${h}px`);
+      }), b.current = { top: v, left: h };
+    }, a = () => {
+      const t = Array.from(
+        document.querySelectorAll(`.${w}`)
+      ), i = t[t.length - 1];
+      i && s(i);
+    }, u = new MutationObserver(() => {
+      cancelAnimationFrame(o), o = requestAnimationFrame(a);
+    });
+    return a(), u.observe(document.body, { childList: !0, subtree: !0 }), () => {
+      u.disconnect(), cancelAnimationFrame(o), e.remove(), c.current && (r(c.current), c.current = null), b.current = null;
+    };
+  }, [y, O]), d.length === 0 ? /* @__PURE__ */ p(q, { children: P }) : /* @__PURE__ */ p(
+    U,
+    {
+      tour: j,
+      started: y,
+      onOnboardingTourStart: () => {
+        E?.();
+      },
+      onOnboardingTourChange: (o) => {
+        $?.(o);
+      },
+      onOnboardingTourEnd: B,
+      onOnboardingTourClose: _,
+      withPrevButton: !1,
+      withNextButton: !1,
+      withSkipButton: !1,
+      withStepper: !1,
+      maw: 300,
+      classNames: {
+        ...N
+      },
+      focusRevealProps: z,
+      ...F,
+      children: P
+    }
+  );
+};
+export {
+  nt as OnboardingTourWrapper
+};

package/dist/components/OnboardingTour/index.d.ts

@@ -0,0 +1,4 @@
+export { OnboardingTourWrapper } from './OnboardingTourWrapper';
+export type { OnboardingTourWrapperProps } from './OnboardingTourWrapper';
+export { useOnboardingTour, isOnboardingCompleted, resetOnboarding, } from './useOnboardingTour';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,GAChB,MAAM,qBAAqB,CAAC"}

package/dist/components/OnboardingTour/useOnboardingTour.d.ts

@@ -0,0 +1,14 @@
+export declare const isOnboardingCompleted: (featureKey: string) => boolean;
+export declare const resetOnboarding: (featureKey: string) => void;
+interface UseOnboardingTourOptions {
+    dependsOn?: string;
+}
+interface UseOnboardingTourReturn {
+    started: boolean;
+    completed: boolean;
+    start: () => void;
+    complete: () => void;
+}
+export declare const useOnboardingTour: (featureKey: string, options?: UseOnboardingTourOptions) => UseOnboardingTourReturn;
+export {};
+//# sourceMappingURL=useOnboardingTour.d.ts.map

package/dist/components/OnboardingTour/useOnboardingTour.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnboardingTour.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/useOnboardingTour.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,qBAAqB,GAAI,YAAY,MAAM,KAAG,OAE1D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,KAAG,IAOpD,CAAC;AAEF,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAC5B,YAAY,MAAM,EAClB,UAAU,wBAAwB,KACjC,uBAwDF,CAAC"}

package/dist/components/OnboardingTour/useOnboardingTour.js

@@ -0,0 +1,50 @@
+import { useState as p, useEffect as w, useCallback as O } from "react";
+const g = "onboarding-completed", a = "onboarding-completed", l = "onboarding-reset", E = () => {
+  try {
+    return JSON.parse(localStorage.getItem(g) || "{}");
+  } catch {
+    return {};
+  }
+}, u = (t) => {
+  try {
+    localStorage.setItem(g, JSON.stringify(t));
+  } catch {
+  }
+}, d = (t) => !!E()[t], b = (t) => {
+  const o = E();
+  delete o[t], u(o), window.dispatchEvent(
+    new CustomEvent(l, { detail: t })
+  );
+}, h = (t, o) => {
+  const { dependsOn: n } = o ?? {}, [r, m] = p(
+    () => d(t)
+  ), [c, s] = p(
+    () => !d(t) && (n ? d(n) : !0)
+  );
+  w(() => {
+    if (r || !n || c) return;
+    const e = (i) => {
+      i.detail === n && !d(t) && s(!0);
+    };
+    return window.addEventListener(a, e), () => window.removeEventListener(a, e);
+  }, [n, r, c, t]), w(() => {
+    const e = (i) => {
+      i.detail === t && (m(!1), s(!0));
+    };
+    return window.addEventListener(l, e), () => window.removeEventListener(l, e);
+  }, [t]);
+  const v = O(() => {
+    const e = E();
+    e[t] = !0, u(e), m(!0), s(!1), window.dispatchEvent(
+      new CustomEvent(a, { detail: t })
+    );
+  }, [t]), C = O(() => {
+    s(!0);
+  }, []);
+  return { started: c, completed: r, start: C, complete: v };
+};
+export {
+  d as isOnboardingCompleted,
+  b as resetOnboarding,
+  h as useOnboardingTour
+};

package/dist/components/SearchFilters/SearchFilters.module.css.js

@@ -1,4 +1,4 @@
-const l = "_filterPill_11m7s_1", e = "_filterPillLabel_11m7s_10", i = {
+const l = "_filterPill_euc2m_1", e = "_filterPillLabel_euc2m_19", i = {
   filterPill: l,
   filterPillLabel: e
 };

package/dist/components/SettingsSection/styles.module.css.js

@@ -1,4 +1,4 @@
-const t = "_contentWrapper_2wgq8_1", e = {
+const t = "_contentWrapper_a1t2j_1", e = {
   contentWrapper: t
 };
 export {

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/StorageUsageProgress/StorageUsageProgress.module.css.js

@@ -1,4 +1,4 @@
-const s = "_section_1uxy4_1", t = {
+const s = "_section_1zd4r_1", t = {
   section: s
 };
 export {

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,4CA6FrB,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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceItem.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceMenu/WorkspaceItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,UAAU,kBAAkB,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa;IAClE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,CAAC;CACd;AAED,eAAO,MAAM,aAAa,GAAI,wBAAwB,kBAAkB,4CAuCvE,CAAC"}
+{"version":3,"file":"WorkspaceItem.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceMenu/WorkspaceItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,UAAU,kBAAkB,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa;IAClE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,CAAC;CACd;AAED,eAAO,MAAM,aAAa,GAAI,wBAAwB,kBAAkB,4CAwCvE,CAAC"}