@layers-app/shared 0.2.5 → 0.2.6

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

@@ -0,0 +1,31 @@
+import type { FloatingPosition, PopoverProps } from '@mantine/core';
+export interface MediaFile {
+    id: string;
+    title: string;
+    type: 'FOLDER' | 'ATTACHMENT';
+    contentType: string;
+    fileSize: number;
+    updatedAt: string;
+}
+export interface BreadcrumbItem {
+    id: string;
+    name: string;
+}
+export type MediaLibraryTab = 'disk' | 'favorites' | 'shared';
+export interface MediaLibraryProps {
+    children: React.ReactNode;
+    items: MediaFile[];
+    isLoading?: boolean;
+    breadcrumbs?: BreadcrumbItem[];
+    activeTab?: MediaLibraryTab;
+    tabs?: MediaLibraryTab[];
+    onTabChange?: (tab: MediaLibraryTab) => void;
+    onFolderClick?: (folder: MediaFile) => void;
+    onBreadcrumbClick?: (crumb: BreadcrumbItem, index: number) => void;
+    onSelect?: (file: MediaFile) => void;
+    onOpenedChange?: (opened: boolean) => void;
+    width?: number;
+    position?: FloatingPosition;
+    popoverProps?: PopoverProps;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MediaLibrary/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B"}

package/dist/components/NoData/NoData.d.ts

@@ -154,16 +154,21 @@ export declare const illustrationMap: {
     }>;
 };
 export type IllustrationType = keyof typeof illustrationMap | string | ReactNode;
+interface NoDataButtonProps extends PolymorphicComponentProps<'button', ButtonProps> {
+    hidden?: boolean;
+}
 export type NoDataProps = {
     title?: ReactNode;
     titleProps?: TitleProps;
     description?: ReactNode;
     descriptionProps?: TextProps;
-    buttons?: PolymorphicComponentProps<'button', ButtonProps>[];
+    buttons?: NoDataButtonProps[];
     illustration?: IllustrationType;
     size?: number;
     width?: number | string;
     height?: number | string;
+    subStackProps?: StackProps;
 } & StackProps;
 export declare const NoData: FC<NoDataProps>;
+export {};
 //# sourceMappingURL=NoData.d.ts.map

package/dist/components/NoData/NoData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoData.d.ts","sourceRoot":"","sources":["../../../src/components/NoData/NoData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,WAAW,EAGX,yBAAyB,EAEzB,UAAU,EAEV,SAAS,EAET,UAAU,EACX,MAAM,eAAe,CAAC;AAiCvB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACxB,MAAM,OAAO,eAAe,GAC5B,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,yBAAyB,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC;IAC7D,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,GAAG,UAAU,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAsElC,CAAC"}
+{"version":3,"file":"NoData.d.ts","sourceRoot":"","sources":["../../../src/components/NoData/NoData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,WAAW,EAGX,yBAAyB,EAEzB,UAAU,EAEV,SAAS,EAET,UAAU,EACX,MAAM,eAAe,CAAC;AAiCvB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACxB,MAAM,OAAO,eAAe,GAC5B,MAAM,GACN,SAAS,CAAC;AAEd,UAAU,iBACR,SAAQ,yBAAyB,CAAC,QAAQ,EAAE,WAAW,CAAC;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B,GAAG,UAAU,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA0ElC,CAAC"}

package/dist/components/NoData/NoData.js

@@ -1,72 +1,73 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import u from "react";
-import { Stack as N, Flex as d, Title as h, Text as j, Group as x, Button as y } from "@mantine/core";
-import F from "../../assets/svg/alertMan.svg.js";
-import R from "../../assets/svg/noData/404.svg.js";
-import M from "../../assets/svg/noData/500.svg.js";
-import k from "../../assets/svg/noData/empty.svg.js";
-import w from "../../assets/svg/noData/folder.svg.js";
-import E from "../../assets/svg/noData/noAccess.svg.js";
-import T from "../../assets/svg/noData/noAnswers.svg.js";
-import I from "../../assets/svg/noData/noCloud.svg.js";
-import A from "../../assets/svg/noData/noComments.svg.js";
-import C from "../../assets/svg/noData/noData.svg.js";
-import D from "../../assets/svg/noData/noFlows.svg.js";
-import G from "../../assets/svg/noData/noForms.svg.js";
-import _ from "../../assets/svg/noData/noGroups.svg.js";
-import W from "../../assets/svg/noData/noImage.svg.js";
-import b from "../../assets/svg/noData/noMembers.svg.js";
-import B from "../../assets/svg/noData/noNotifications.svg.js";
-import P from "../../assets/svg/noData/noResults.svg.js";
-import U from "../../assets/svg/noData/noSearchResults.svg.js";
-import V from "../../assets/svg/noData/noTaskResults.svg.js";
-import q from "../../assets/svg/noData/noTasks.svg.js";
-import z from "../../assets/svg/noData/noWorkspaces.svg.js";
-import H from "../../assets/svg/noData/trash.svg.js";
-import J from "../../assets/svg/notSuccessMan.svg.js";
-import K from "../../assets/svg/successMan.svg.js";
-import L from "../../assets/svg/users.svg.js";
-const O = (m) => new RegExp("(\\p{Emoji_Presentation}|\\p{Emoji}\\uFE0F)", "u").test(m), Q = {
-  empty: k,
-  noAccess: E,
-  trash: H,
-  noImage: W,
-  noResults: P,
-  noComments: A,
-  noData: C,
-  emptyFolder: w,
-  noTaskResults: V,
-  noSearchResults: U,
-  noMembers: b,
-  noGroups: _,
-  noNotifications: B,
-  noWorkspaces: z,
-  paymentSuccess: K,
-  notSuccessMan: J,
-  noAnswers: T,
-  alertMan: F,
-  noFlows: D,
-  noTasks: q,
-  noCloud: I,
-  noForms: G,
-  users: L,
-  404: R,
-  500: M
-}, Mo = ({
-  title: m,
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import N from "react";
+import { Stack as f, Flex as h, Title as j, Text as x, Group as y, Button as F } from "@mantine/core";
+import R from "../../assets/svg/alertMan.svg.js";
+import M from "../../assets/svg/noData/404.svg.js";
+import k from "../../assets/svg/noData/500.svg.js";
+import w from "../../assets/svg/noData/empty.svg.js";
+import E from "../../assets/svg/noData/folder.svg.js";
+import T from "../../assets/svg/noData/noAccess.svg.js";
+import I from "../../assets/svg/noData/noAnswers.svg.js";
+import A from "../../assets/svg/noData/noCloud.svg.js";
+import C from "../../assets/svg/noData/noComments.svg.js";
+import D from "../../assets/svg/noData/noData.svg.js";
+import G from "../../assets/svg/noData/noFlows.svg.js";
+import _ from "../../assets/svg/noData/noForms.svg.js";
+import W from "../../assets/svg/noData/noGroups.svg.js";
+import B from "../../assets/svg/noData/noImage.svg.js";
+import P from "../../assets/svg/noData/noMembers.svg.js";
+import U from "../../assets/svg/noData/noNotifications.svg.js";
+import V from "../../assets/svg/noData/noResults.svg.js";
+import b from "../../assets/svg/noData/noSearchResults.svg.js";
+import q from "../../assets/svg/noData/noTaskResults.svg.js";
+import z from "../../assets/svg/noData/noTasks.svg.js";
+import H from "../../assets/svg/noData/noWorkspaces.svg.js";
+import J from "../../assets/svg/noData/trash.svg.js";
+import K from "../../assets/svg/notSuccessMan.svg.js";
+import L from "../../assets/svg/successMan.svg.js";
+import O from "../../assets/svg/users.svg.js";
+const Q = (e) => new RegExp("(\\p{Emoji_Presentation}|\\p{Emoji}\\uFE0F)", "u").test(e), X = {
+  empty: w,
+  noAccess: T,
+  trash: J,
+  noImage: B,
+  noResults: V,
+  noComments: C,
+  noData: D,
+  emptyFolder: E,
+  noTaskResults: q,
+  noSearchResults: b,
+  noMembers: P,
+  noGroups: W,
+  noNotifications: U,
+  noWorkspaces: H,
+  paymentSuccess: L,
+  notSuccessMan: K,
+  noAnswers: I,
+  alertMan: R,
+  noFlows: G,
+  noTasks: z,
+  noCloud: A,
+  noForms: _,
+  users: O,
+  404: M,
+  500: k
+}, ko = ({
+  title: e,
   titleProps: t,
   description: s,
-  descriptionProps: a,
+  descriptionProps: g,
   buttons: n,
   illustration: o,
-  size: e = 145,
-  width: c,
-  height: f,
-  ...g
+  size: m = 145,
+  width: S,
+  height: l,
+  subStackProps: v,
+  ...u
 }) => {
-  const i = o && typeof o == "string" && O(o) || o && u.isValidElement(o), p = o && !i ? Q[o] : null;
-  return /* @__PURE__ */ l(
-    N,
+  const i = o && typeof o == "string" && Q(o) || o && N.isValidElement(o), p = o && !i ? X[o] : null;
+  return /* @__PURE__ */ c(
+    f,
     {
       gap: "sm",
       justify: "center",
@@ -76,28 +77,30 @@ const O = (m) => new RegExp("(\\p{Emoji_Presentation}|\\p{Emoji}\\uFE0F)", "u").
       style: {
         zIndex: 3
       },
-      ...g,
+      ...u,
       children: [
-        o && /* @__PURE__ */ r(
-          d,
-          {
-            justify: "center",
-            style: {
-              height: f || e,
-              width: c || e,
-              fontSize: e
-            },
-            children: i ? /* @__PURE__ */ r("span", { children: o }) : p && /* @__PURE__ */ r(p, {})
-          }
-        ),
-        m && /* @__PURE__ */ r(h, { order: 2, ta: "center", mt: 0, maw: 450, ...t, children: m }),
-        s && /* @__PURE__ */ r(j, { ta: "center", c: "dimmed", maw: 400, ...a, children: s }),
-        n?.length ? /* @__PURE__ */ r(x, { gap: "xs", justify: "center", children: n.map((S, v) => /* @__PURE__ */ r(y, { variant: "filled", ...S }, v)) }) : null
+        /* @__PURE__ */ c(f, { align: "center", gap: "sm", ...v, children: [
+          o && /* @__PURE__ */ r(
+            h,
+            {
+              justify: "center",
+              style: {
+                height: l || m,
+                width: S || m,
+                fontSize: m
+              },
+              children: i ? /* @__PURE__ */ r("span", { children: o }) : p && /* @__PURE__ */ r(p, {})
+            }
+          ),
+          e && /* @__PURE__ */ r(j, { order: 2, ta: "center", mt: 0, maw: 450, ...t, children: e }),
+          s && /* @__PURE__ */ r(x, { ta: "center", c: "dimmed", maw: 400, ...g, children: s })
+        ] }),
+        n?.length ? /* @__PURE__ */ r(y, { gap: "xs", justify: "center", children: n.map((a, d) => a?.hidden ? null : /* @__PURE__ */ r(F, { variant: "filled", ...a }, d)) }) : null
       ]
     }
   );
 };
 export {
-  Mo as NoData,
-  Q as illustrationMap
+  ko as NoData,
+  X as illustrationMap
 };

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

@@ -0,0 +1,12 @@
+import { GroupProps, StackProps } from '@mantine/core';
+interface SettingsSectionProps extends StackProps {
+    title?: string;
+    subTitle?: string | React.ReactNode;
+    description?: string;
+    wrapperProps?: GroupProps;
+    leftSectionProps?: StackProps;
+    children?: React.ReactNode;
+}
+export declare const SettingsSection: ({ title, subTitle, description, children, wrapperProps, leftSectionProps, ...rest }: SettingsSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SettingsSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,UAAU,EAGX,MAAM,eAAe,CAAC;AAIvB,UAAU,oBAAqB,SAAQ,UAAU;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAE9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,GAAI,qFAQ7B,oBAAoB,4CAyBtB,CAAC"}

package/dist/components/SettingsSection/index.js

@@ -0,0 +1,36 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Stack as s, Title as m, Group as d, Text as i } from "@mantine/core";
+import g from "./styles.module.css.js";
+const u = ({
+  title: t,
+  subTitle: n,
+  description: a,
+  children: c,
+  wrapperProps: o,
+  leftSectionProps: p,
+  ...l
+}) => /* @__PURE__ */ e(s, { ...l, w: "100%", gap: 12, children: [
+  t && /* @__PURE__ */ r(m, { order: 4, children: t }),
+  /* @__PURE__ */ e(
+    d,
+    {
+      justify: "space-between",
+      align: "start",
+      px: "sm",
+      py: "lg",
+      className: g.contentWrapper,
+      gap: "auto",
+      ...o,
+      children: [
+        /* @__PURE__ */ e(s, { maw: 296, gap: 4, ...p, children: [
+          /* @__PURE__ */ r(i, { size: "sm", fw: 600, children: n }),
+          /* @__PURE__ */ r(i, { size: "xs", c: "gray", children: a })
+        ] }),
+        c
+      ]
+    }
+  )
+] });
+export {
+  u as SettingsSection
+};

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

@@ -0,0 +1,7 @@
+const t = "_contentWrapper_2wgq8_1", e = {
+  contentWrapper: t
+};
+export {
+  t as contentWrapper,
+  e as default
+};

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

@@ -0,0 +1,11 @@
+interface SocialLinkRowProps {
+    social: {
+        name: string;
+        link: string;
+    };
+    onSave: (link: string) => void;
+    onClear: () => void;
+}
+export declare const SocialLinkRow: ({ social, onSave, onClear, }: SocialLinkRowProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/SocialLinkRow/index.js

@@ -0,0 +1,109 @@
+import { jsxs as o, 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 = ({
+  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);
+    if (e) {
+      u(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], {
+        height: 16,
+        width: 16
+      }),
+      /* @__PURE__ */ t(d, { fw: 500, size: "sm", children: n.name })
+    ] }),
+    n.link ? /* @__PURE__ */ o(i, { align: "center", gap: 16, children: [
+      /* @__PURE__ */ t(d, { size: "sm", c: "var(--mantine-color-text)", children: n.link }),
+      /* @__PURE__ */ t(
+        g,
+        {
+          color: "var(--mantine-color-text)",
+          variant: "subtle",
+          size: "xs",
+          children: /* @__PURE__ */ t(
+            h,
+            {
+              onClick: () => {
+                w(), c("");
+              },
+              icon: f
+            }
+          )
+        }
+      )
+    ] }) : !n.link && !I ? /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
+      x,
+      {
+        c: "var(--mantine-color-text)",
+        size: "xs",
+        variant: "light",
+        color: "gray",
+        onClick: () => {
+          l(!0);
+        },
+        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,
+            {
+              onClick: () => {
+                c(""), l(!1), u(null);
+              },
+              icon: f
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  O as SocialLinkRow
+};

package/dist/components/SortableList/components/SortableItem/SortableItem.js

@@ -1,11 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as d, createContext as p, useContext as b } from "react";
+import { useMemo as d, useContext as p, createContext as b } from "react";
 import { useSortable as S } from "@dnd-kit/sortable";
 import { CSS as v } from "@dnd-kit/utilities";
 import { ActionIcon as x } from "@mantine/core";
 import { IconGripVertical as g } from "@tabler/icons-react";
 /* empty css                 */
-const a = p({
+const a = b({
   attributes: {},
   listeners: void 0,
   ref() {
@@ -41,7 +41,7 @@ function D({
   iconProps: o,
   actionIconProps: n
 }) {
-  const { attributes: t, listeners: e, ref: i } = b(a);
+  const { attributes: t, listeners: e, ref: i } = p(a);
   return /* @__PURE__ */ r(
     x,
     {

package/dist/components/StorageUsageProgress/index.js

@@ -1,17 +1,17 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { useTranslation as h } from "react-i18next";
-import { Box as f, Progress as p, Tooltip as x, Stack as u, Text as n, Flex as T } from "@mantine/core";
-import { storageCategoryColors as b } from "../../types/storageCategories.js";
-import { formatStorage as z } from "../../utils/formatStorage.js";
-import S from "./StorageUsageProgress.module.css.js";
-const v = ({
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { Box as h, Progress as p, Tooltip as u, Stack as x, Text as n, Flex as S } from "@mantine/core";
+import { storageCategoryColors as T } from "../../types/storageCategories.js";
+import { formatStoragePercent as b, formatStorage as z } from "../../utils/formatStorage.js";
+import v from "./StorageUsageProgress.module.css.js";
+const w = ({
   type: c,
-  description: r,
+  description: o,
   usedKb: a,
   percentage: t
-}) => /* @__PURE__ */ i(u, { gap: 2, align: "center", children: [
-  /* @__PURE__ */ o(n, { size: "sm", children: c }),
-  /* @__PURE__ */ i(T, { gap: 5, children: [
+}) => /* @__PURE__ */ i(x, { gap: 2, align: "center", children: [
+  /* @__PURE__ */ r(n, { size: "sm", children: c }),
+  /* @__PURE__ */ i(S, { gap: 5, children: [
     /* @__PURE__ */ i(n, { size: "xl", children: [
       t,
       " %"
@@ -22,20 +22,20 @@ const v = ({
       ")"
     ] })
   ] }),
-  /* @__PURE__ */ o(n, { size: "sm", c: "var(--mantine-color-gray-6)", children: r })
+  /* @__PURE__ */ r(n, { size: "sm", c: "var(--mantine-color-gray-6)", children: o })
 ] }), N = ({
   storageByCategory: c,
-  totalStorageKb: r,
+  totalStorageKb: o,
   size: a = 30
 }) => {
-  const { t } = h("settingsPage"), g = 24, l = c.filter(({ usedKb: e }) => e > 0).map((e) => {
-    const s = e.usedKb / r * 100;
+  const { t } = f("settingsPage"), g = 24, l = c.filter(({ usedKb: e }) => e > 0).map((e) => {
+    const s = e.usedKb / o * 100;
     return {
       ...e,
       percentage: parseFloat(s.toFixed(4))
     };
   });
-  return /* @__PURE__ */ o(f, { w: "100%", children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(h, { w: "100%", children: /* @__PURE__ */ r(
     p.Root,
     {
       radius: "lg",
@@ -43,25 +43,27 @@ const v = ({
       styles: {
         root: { overflow: "visible" }
       },
-      children: l.map(({ type: e, usedKb: s, percentage: d }, m) => /* @__PURE__ */ o(
-        x,
+      children: l.map(({ type: e, usedKb: s, percentage: d }, m) => /* @__PURE__ */ r(
+        u,
         {
           position: "bottom",
-          label: /* @__PURE__ */ o(
-            v,
+          label: /* @__PURE__ */ r(
+            w,
             {
               type: t(`workspace.categories.${e}`),
               usedKb: z(s),
-              percentage: (Math.ceil(s / r * 100 * 10) / 10).toFixed(1),
+              percentage: b(
+                s / o * 100
+              ),
               description: t(`workspace.catDescriptions.${e}`)
             }
           ),
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ r(
             p.Section,
             {
               value: d,
-              color: b[e],
-              className: S.section,
+              color: T[e],
+              className: v.section,
               styles: {
                 section: {
                   borderRadius: 999,

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

@@ -0,0 +1,9 @@
+import { ComboboxProps } from '@mantine/core';
+interface TimezonePickerProps extends ComboboxProps {
+    timezone: string | null;
+    label?: string;
+    onChange: (value: string) => void;
+}
+export declare const TimezonePicker: ({ label, timezone, onChange, ...rest }: TimezonePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}