@layers-app/shared 0.3.0 → 0.3.1

package/dist/components/EmojiPicker/custom-icons/customIcons.js

@@ -1,99 +1,134 @@
-import { StatusCancel as o } from "./StatusCancel.js";
-import { StatusDone as r } from "./StatusDone.js";
-import { StatusProgress00 as a } from "./StatusProgress00.js";
-import { StatusProgress10 as e } from "./StatusProgress10.js";
-import { StatusProgress20 as n } from "./StatusProgress20.js";
-import { StatusProgress30 as g } from "./StatusProgress30.js";
-import { StatusProgress40 as m } from "./StatusProgress40.js";
-import { StatusProgress50 as p } from "./StatusProgress50.js";
-import { StatusProgress60 as c } from "./StatusProgress60.js";
-import { StatusProgress70 as i } from "./StatusProgress70.js";
-import { StatusProgress80 as u } from "./StatusProgress80.js";
-import { StatusProgress90 as d } from "./StatusProgress90.js";
-import { StatusProgress100 as l } from "./StatusProgress100.js";
-const f = [
+import s from "../../../assets/taskPriorities/high.svg.js";
+import r from "../../../assets/taskPriorities/low.svg.js";
+import a from "../../../assets/taskPriorities/none.svg.js";
+import e from "../../../assets/taskPriorities/normal.svg.js";
+import n from "../../../assets/taskPriorities/urgent.svg.js";
+import { StatusCancel as m } from "./StatusCancel.js";
+import { StatusDone as g } from "./StatusDone.js";
+import { StatusProgress00 as i } from "./StatusProgress00.js";
+import { StatusProgress10 as p } from "./StatusProgress10.js";
+import { StatusProgress20 as c } from "./StatusProgress20.js";
+import { StatusProgress30 as u } from "./StatusProgress30.js";
+import { StatusProgress40 as d } from "./StatusProgress40.js";
+import { StatusProgress50 as l } from "./StatusProgress50.js";
+import { StatusProgress60 as y } from "./StatusProgress60.js";
+import { StatusProgress70 as f } from "./StatusProgress70.js";
+import { StatusProgress80 as A } from "./StatusProgress80.js";
+import { StatusProgress90 as S } from "./StatusProgress90.js";
+import { StatusProgress100 as P } from "./StatusProgress100.js";
+const h = [
   {
-    name: "status-done",
+    name: "high-priority",
+    component: s,
+    category: "Additional",
+    tags: ["priority", "high"]
+  },
+  {
+    name: "low-priority",
     component: r,
     category: "Additional",
+    tags: ["priority", "low"]
+  },
+  {
+    name: "none-priority",
+    component: a,
+    category: "Additional",
+    tags: ["priority", "none"]
+  },
+  {
+    name: "normal-priority",
+    component: e,
+    category: "Additional",
+    tags: ["priority", "normal"]
+  },
+  {
+    name: "urgent-priority",
+    component: n,
+    category: "Additional",
+    tags: ["priority", "urgent"]
+  },
+  {
+    name: "status-done",
+    component: g,
+    category: "Additional",
     tags: ["status", "done", "complete", "finished", "ok", "check"]
   },
   {
     name: "status-cancel",
-    component: o,
+    component: m,
     category: "Additional",
     tags: ["status", "cancel", "x", "uncheck"]
   },
   {
     name: "status-progress-00",
-    component: a,
+    component: i,
     category: "Additional",
     tags: ["status", "todo", "progress", "00"]
   },
   {
     name: "status-progress-10",
-    component: e,
+    component: p,
     category: "Additional",
     tags: ["status", "progress", "10"]
   },
   {
     name: "status-progress-20",
-    component: n,
+    component: c,
     category: "Additional",
     tags: ["status", "progress", "20"]
   },
   {
     name: "status-progress-30",
-    component: g,
+    component: u,
     category: "Additional",
     tags: ["status", "progress", "30"]
   },
   {
     name: "status-progress-40",
-    component: m,
+    component: d,
     category: "Additional",
     tags: ["status", "progress", "40"]
   },
   {
     name: "status-progress-50",
-    component: p,
+    component: l,
     category: "Additional",
     tags: ["status", "progress", "50"]
   },
   {
     name: "status-progress-60",
-    component: c,
+    component: y,
     category: "Additional",
     tags: ["status", "progress", "60"]
   },
   {
     name: "status-progress-70",
-    component: i,
+    component: f,
     category: "Additional",
     tags: ["status", "progress", "70"]
   },
   {
     name: "status-progress-80",
-    component: u,
+    component: A,
     category: "Additional",
     tags: ["status", "progress", "80"]
   },
   {
     name: "status-progress-90",
-    component: d,
+    component: S,
     category: "Additional",
     tags: ["status", "progress", "90"]
   },
   {
     name: "status-progress-100",
-    component: l,
+    component: P,
     category: "Additional",
     tags: ["status", "progress", "100", "done", "complete"]
   }
-], O = Object.fromEntries(
-  f.map(({ name: t, component: s }) => [t, s])
+], F = Object.fromEntries(
+  h.map(({ name: t, component: o }) => [t, o])
 );
 export {
-  O as customIcons,
-  f as customIconsData
+  F as customIcons,
+  h as customIconsData
 };

package/dist/components/EntityIcon.d.ts

@@ -1,16 +1,16 @@
-interface IProps {
+export interface EntityIconData {
     type?: string | null;
     icon?: string | null;
     title?: string | null;
     size?: number | null;
+    fz?: number | null;
     id?: string | null;
     parentId?: string | null;
     isFolder?: boolean;
     pathById?: string[];
     isOpen?: boolean;
 }
-export declare const EntityIcon: <T extends IProps>({ item }: {
+export declare const EntityIcon: <T extends EntityIconData>({ item, }: {
     item?: T;
 }) => import("react/jsx-runtime").JSX.Element | null;
-export {};
 //# sourceMappingURL=EntityIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityIcon.d.ts","sourceRoot":"","sources":["../../src/components/EntityIcon.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAOD,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,EAAE,UAAU;IAAE,IAAI,CAAC,EAAE,CAAC,CAAA;CAAE,mDAwHlE,CAAC"}
+{"version":3,"file":"EntityIcon.d.ts","sourceRoot":"","sources":["../../src/components/EntityIcon.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,cAAc,EAAE,WAElD;IACD,IAAI,CAAC,EAAE,CAAC,CAAC;CACV,mDAyHA,CAAC"}

package/dist/components/EntityIcon.js

@@ -1,47 +1,53 @@
 import { jsx as n } from "react/jsx-runtime";
-import { Folder01Icon as t, Folder02Icon as f } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as l } from "@hugeicons/react";
-import { Text as c, Box as s, Avatar as d } from "@mantine/core";
-import p from "../assets/enitityIcons/flow.svg.js";
-import u from "../assets/enitityIcons/form.svg.js";
-import h from "../assets/enitityIcons/page.svg.js";
-import y from "../assets/enitityIcons/sprint.svg.js";
-import { ProjectIcon as i, IconEntity as a, renderIcon as g } from "./ProjectIcon/ProjectIcon.js";
-const I = (o) => o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r) => r === o?.parentId) === 1, k = ({ item: o }) => {
+import { File01Icon as f, Folder02Icon as d, Folder01Icon as p } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as a } from "@hugeicons/react";
+import { Text as c, Box as u, Avatar as h, useMantineTheme as y, parseThemeColor as g } from "@mantine/core";
+import I from "../assets/enitityIcons/flow.svg.js";
+import v from "../assets/enitityIcons/form.svg.js";
+import z from "../assets/enitityIcons/page.svg.js";
+import C from "../assets/enitityIcons/sprint.svg.js";
+import { IconEntity as i, ProjectIcon as t, renderIcon as F } from "./ProjectIcon/ProjectIcon.js";
+const w = (o) => o.type === "FOLDER" || o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r) => r === o?.parentId) === 1, m = ({
+  item: o
+}) => {
   const r = o?.size || 16;
   if (!o) return null;
-  if (o.type === "FOLDER")
-    return /* @__PURE__ */ n(l, { icon: t, size: r });
+  if (w(o)) {
+    const e = i.parse(o.icon);
+    return /* @__PURE__ */ n(x, { color: e?.color, size: r, opened: o.isOpen });
+  }
+  if (o.type === "ATTACHMENT")
+    return /* @__PURE__ */ n(a, { icon: f, size: r });
   if (o.type === "PAGE")
     return /* @__PURE__ */ n(
-      i,
+      t,
       {
         fallbackColor: o.icon ? void 0 : "var(--default-page-icon-color)",
         name: o.title,
         icon: o.icon,
-        fallback: /* @__PURE__ */ n(h, { width: r, height: r })
+        fallback: /* @__PURE__ */ n(z, { width: r, height: r })
       }
     );
   if (o.type === "FORM")
     return /* @__PURE__ */ n(
-      i,
+      t,
       {
         fallbackColor: "var(--default-form-icon-color)",
         icon: o.icon,
-        fallback: /* @__PURE__ */ n(u, { width: r, height: r })
+        fallback: /* @__PURE__ */ n(v, { width: r, height: r })
       }
     );
   if (o.type === "FLOW")
     return /* @__PURE__ */ n(
-      i,
+      t,
       {
         icon: o.icon,
         fallbackColor: "var(--default-flow-icon-color)",
-        fallback: /* @__PURE__ */ n(p, { width: r, height: r })
+        fallback: /* @__PURE__ */ n(I, { width: r, height: r })
       }
     );
   if (o.type === "SPRINT") {
-    const e = a.parse(o.icon);
+    const e = i.parse(o.icon);
     return /* @__PURE__ */ n(
       c,
       {
@@ -54,21 +60,14 @@ const I = (o) => o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r
           lineHeight: "normal",
           width: r + 4
         },
-        children: /* @__PURE__ */ n(y, {})
+        children: /* @__PURE__ */ n(C, {})
       }
     );
   }
   if (o.type === "PROJECT") {
-    const e = a.parse(o.icon);
-    return I(o) ? /* @__PURE__ */ n(
-      l,
-      {
-        color: e?.color || void 0,
-        icon: o.isOpen ? f : t,
-        size: r
-      }
-    ) : e?.emoji ? /* @__PURE__ */ n(
-      s,
+    const e = i.parse(o.icon);
+    return e?.emoji ? /* @__PURE__ */ n(
+      u,
       {
         bg: "gray.1",
         style: {
@@ -79,20 +78,28 @@ const I = (o) => o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r
           width: r,
           height: r
         },
-        children: /* @__PURE__ */ n(i, { p: 0, icon: o.icon, size: 14, textSize: 12 })
+        children: /* @__PURE__ */ n(
+          t,
+          {
+            p: 0,
+            icon: o.icon,
+            size: o.size ?? 14,
+            textSize: o.fz ?? 12
+          }
+        )
       }
     ) : /* @__PURE__ */ n(
-      d,
+      h,
       {
         variant: "filled",
         radius: 4,
         name: o.id || "",
-        size: 16,
+        size: o.size ?? 16,
         color: e?.color || "initials",
         children: /* @__PURE__ */ n(
           c,
           {
-            fz: 12,
+            fz: o.fz ?? 12,
             fw: 500,
             tt: "uppercase",
             lh: 0.9,
@@ -102,14 +109,31 @@ const I = (o) => o.isFolder || o.type === "PROJECT" && o?.pathById?.findIndex((r
               justifyContent: "center",
               lineHeight: "normal"
             },
-            children: g(e, void 0, !0, o.title)
+            children: F(e, void 0, !0, o.title)
           }
         )
       }
     );
   }
   return null;
+}, x = ({
+  color: o,
+  size: r,
+  opened: e
+}) => {
+  const l = y(), s = g({
+    color: o || "gray",
+    theme: l
+  });
+  return /* @__PURE__ */ n(
+    a,
+    {
+      color: s.value || void 0,
+      icon: e ? d : p,
+      size: r
+    }
+  );
 };
 export {
-  k as EntityIcon
+  m as EntityIcon
 };

package/dist/components/EntityTitle/EntityTitle.d.ts

@@ -3,7 +3,7 @@ declare global {
         isTitleFocused: boolean;
     }
 }
-export declare const EntityTitle: ({ lock, title, handleTitle, placeholder, error, isReadOnly, accessEdit, nowrap, maxLength, fw, onPressEnter, }: {
+export declare const EntityTitle: ({ lock, title, handleTitle, error, isReadOnly, accessEdit, nowrap, maxLength, fw, onPressEnter, }: {
     title: string;
     lock?: boolean;
     handleTitle?: (title: string) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"EntityTitle.d.ts","sourceRoot":"","sources":["../../../src/components/EntityTitle/EntityTitle.tsx"],"names":[],"mappings":"AAcA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,cAAc,EAAE,OAAO,CAAC;KACzB;CACF;AAED,eAAO,MAAM,WAAW,GAAI,gHAYzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,4CA6FA,CAAC"}
+{"version":3,"file":"EntityTitle.d.ts","sourceRoot":"","sources":["../../../src/components/EntityTitle/EntityTitle.tsx"],"names":[],"mappings":"AAcA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,cAAc,EAAE,OAAO,CAAC;KACzB;CACF;AAED,eAAO,MAAM,WAAW,GAAI,mGAWzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,4CA8FA,CAAC"}

package/dist/components/EntityTitle/EntityTitle.js

@@ -1,34 +1,33 @@
-import { jsx as a, Fragment as x } from "react/jsx-runtime";
-import { useRef as F, useLayoutEffect as T } from "react";
-import { useTranslation as D } from "react-i18next";
-import { useLocation as E } from "react-router-dom";
-import { Textarea as N } from "@mantine/core";
+import { jsx as r, Fragment as v } from "react/jsx-runtime";
+import { useRef as x, useLayoutEffect as F } from "react";
+import { useTranslation as T } from "react-i18next";
+import { useLocation as D } from "react-router-dom";
+import { Textarea as E } from "@mantine/core";
 import s from "./EntityTitle.module.css.js";
-const z = ({
+const q = ({
   lock: c,
   title: t,
   handleTitle: u,
-  placeholder: i,
-  error: f,
-  isReadOnly: d = !1,
-  accessEdit: h = !0,
-  nowrap: m = !1,
-  maxLength: p = 255,
-  fw: w,
-  onPressEnter: y
+  error: i,
+  isReadOnly: f = !1,
+  accessEdit: m = !0,
+  nowrap: d = !1,
+  maxLength: h = 255,
+  fw: p,
+  onPressEnter: w
 }) => {
-  const { t: g } = D(), v = E(), { isNewPage: r } = v.state || {}, n = F(null), l = !h || c || d;
-  return T(() => {
-    if ((r || t === "") && n.current) {
-      const e = n.current;
+  const { t: y } = T("projects"), g = D(), { isNewPage: a } = g.state || {}, o = x(null), l = !m || c || f;
+  return F(() => {
+    if ((a || t === "") && o.current) {
+      const e = o.current;
       requestAnimationFrame(() => {
-        r && (e.focus(), e.setSelectionRange(
+        a && (e.focus(), e.setSelectionRange(
           e.value.length,
           e.value.length
         ));
       });
     }
-  }, [r, n.current, l]), /* @__PURE__ */ a(x, { children: l ? /* @__PURE__ */ a(
+  }, [a, o.current, l]), /* @__PURE__ */ r(v, { children: l ? /* @__PURE__ */ r(
     "h1",
     {
       style: {
@@ -38,40 +37,41 @@ const z = ({
       className: s.EntityTitle,
       children: t
     }
-  ) : /* @__PURE__ */ a(
-    N,
+  ) : /* @__PURE__ */ r(
+    E,
     {
-      ref: n,
+      "data-mantine-stop-propagation": "true",
+      ref: o,
       onKeyDown: (e) => {
-        e.key === "Enter" && (y?.(), e.preventDefault());
+        e.key === "Enter" && (w?.(), e.preventDefault());
       },
       onBlur: (e) => {
         window.isTitleFocused = !1;
-        const o = e.currentTarget.value.trim();
-        o !== t && u?.(o);
+        const n = e.currentTarget.value.trim();
+        n !== t && u?.(n);
       },
       onChange: (e) => {
-        const o = e.currentTarget.value;
-        u?.(o);
+        const n = e.currentTarget.value;
+        u?.(n);
       },
       onFocus: () => {
         window.isTitleFocused = !0;
       },
       value: t,
-      placeholder: i || g("noName"),
-      maxLength: p,
+      placeholder: y("common.taskName"),
+      maxLength: h,
       unstyled: !0,
       autosize: !0,
       "data-autofocus": !0,
-      "data-error": !!f,
+      "data-error": !!i,
       classNames: {
         input: s.textareaInput,
         root: s.textareaRoot
       },
       styles: {
         input: {
-          fontWeight: w || 400,
-          ...m && {
+          fontWeight: p || 400,
+          ...d && {
             whiteSpace: "nowrap",
             overflowX: "auto",
             overflowY: "hidden"
@@ -82,5 +82,5 @@ const z = ({
   ) });
 };
 export {
-  z as EntityTitle
+  q as EntityTitle
 };

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

@@ -1,4 +1,4 @@
-const t = "_textareaRoot_bt8wk_27", e = "_textareaInput_bt8wk_31", a = {
+const t = "_textareaRoot_1bpsw_53", e = "_textareaInput_1bpsw_61", a = {
   textareaRoot: t,
   textareaInput: e
 };

package/dist/components/ErrorPage/components/Error404.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Error404.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorPage/components/Error404.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;eACkX,CAAC;6CADxW,CAAC"}
+{"version":3,"file":"Error404.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorPage/components/Error404.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;eAC+X,CAAC;6CADrX,CAAC"}

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

@@ -1,7 +1,7 @@
-const e = "_featureProgressRoot_179em_1", t = "_progressTrack_179em_5", o = "_collapsedBar_179em_12", l = "_collapsedBarComplete_179em_37", s = "_collapsedTitle_179em_46", c = "_collapsedCompleteRight_179em_50", r = "_collapsedProgressWrap_179em_68", p = "_collapsedProgressWrapHidden_179em_74", a = "_collapsedPercent_179em_78", _ = "_collapsedCloseBtn_179em_85", n = "_collapsedBarOpened_179em_89", m = "_stepsDrawer_179em_93", d = "_stepsDrawerOpened_179em_111", i = "_expandedContainer_179em_119", P = "_expandedProgressRow_179em_123", C = "_expandedProgressEmoji_179em_130", g = "_expandedPercent_179em_136", B = "_stepsList_179em_143", T = "_stepItem_179em_151", u = "_stepCircle_179em_158", x = "_stepCirclePending_179em_171", D = "_stepCircleDone_179em_177", w = "_stepText_179em_183", R = "_startTutorialButtonWrap_179em_193", W = "_startTutorialButton_179em_193", b = "_completeModalBody_179em_210", E = "_completeCelebration_179em_218", O = "_completeCelebrationSvg_179em_226", f = "_completeCone_179em_232", y = "_completeParticleA_179em_238", h = "_completeParticleB_179em_239", j = "_completeParticleC_179em_240", k = "_completeParticleD_179em_241", v = "_completeParticleE_179em_242", A = "_completeParticleF_179em_243", F = "_completeParticleG_179em_244", G = "_completeTitle_179em_377", H = "_completeDescription_179em_384", I = {
+const e = "_featureProgressRoot_bvfoj_1", o = "_progressTrack_bvfoj_9", t = "_collapsedBar_bvfoj_23", l = "_collapsedBarComplete_bvfoj_73", s = "_collapsedTitle_bvfoj_91", c = "_collapsedCompleteRight_bvfoj_99", r = "_collapsedProgressWrap_bvfoj_135", p = "_collapsedProgressWrapHidden_bvfoj_147", a = "_collapsedPercent_bvfoj_155", _ = "_collapsedCloseBtn_bvfoj_169", n = "_collapsedBarOpened_bvfoj_177", d = "_stepsDrawer_bvfoj_185", i = "_stepsDrawerOpened_bvfoj_221", m = "_expandedContainer_bvfoj_237", P = "_expandedProgressRow_bvfoj_245", b = "_expandedProgressEmoji_bvfoj_259", f = "_expandedPercent_bvfoj_271", j = "_stepsList_bvfoj_285", v = "_stepItem_bvfoj_301", C = "_stepCircle_bvfoj_315", g = "_stepCirclePending_bvfoj_341", B = "_stepCircleDone_bvfoj_353", T = "_stepText_bvfoj_365", u = "_startTutorialButtonWrap_bvfoj_385", x = "_startTutorialButton_bvfoj_385", D = "_completeModalBody_bvfoj_419", w = "_completeCelebration_bvfoj_435", R = "_completeCelebrationSvg_bvfoj_451", W = "_completeCone_bvfoj_463", E = "_completeParticleA_bvfoj_475", O = "_completeParticleB_bvfoj_477", y = "_completeParticleC_bvfoj_479", h = "_completeParticleD_bvfoj_481", k = "_completeParticleE_bvfoj_483", A = "_completeParticleF_bvfoj_485", F = "_completeParticleG_bvfoj_487", G = "_completeTitle_bvfoj_753", H = "_completeDescription_bvfoj_767", I = {
   featureProgressRoot: e,
-  progressTrack: t,
-  collapsedBar: o,
+  progressTrack: o,
+  collapsedBar: t,
   collapsedBarComplete: l,
   collapsedTitle: s,
   collapsedCompleteRight: c,
@@ -10,36 +10,36 @@ const e = "_featureProgressRoot_179em_1", t = "_progressTrack_179em_5", o = "_co
   collapsedPercent: a,
   collapsedCloseBtn: _,
   collapsedBarOpened: n,
-  stepsDrawer: m,
-  stepsDrawerOpened: d,
-  expandedContainer: i,
+  stepsDrawer: d,
+  stepsDrawerOpened: i,
+  expandedContainer: m,
   expandedProgressRow: P,
-  expandedProgressEmoji: C,
-  expandedPercent: g,
-  stepsList: B,
-  stepItem: T,
-  stepCircle: u,
-  stepCirclePending: x,
-  stepCircleDone: D,
-  stepText: w,
-  startTutorialButtonWrap: R,
-  startTutorialButton: W,
-  completeModalBody: b,
-  completeCelebration: E,
-  completeCelebrationSvg: O,
-  completeCone: f,
-  completeParticleA: y,
-  completeParticleB: h,
-  completeParticleC: j,
-  completeParticleD: k,
-  completeParticleE: v,
+  expandedProgressEmoji: b,
+  expandedPercent: f,
+  stepsList: j,
+  stepItem: v,
+  stepCircle: C,
+  stepCirclePending: g,
+  stepCircleDone: B,
+  stepText: T,
+  startTutorialButtonWrap: u,
+  startTutorialButton: x,
+  completeModalBody: D,
+  completeCelebration: w,
+  completeCelebrationSvg: R,
+  completeCone: W,
+  completeParticleA: E,
+  completeParticleB: O,
+  completeParticleC: y,
+  completeParticleD: h,
+  completeParticleE: k,
   completeParticleF: A,
   completeParticleG: F,
   completeTitle: G,
   completeDescription: H
 };
 export {
-  o as collapsedBar,
+  t as collapsedBar,
   l as collapsedBarComplete,
   n as collapsedBarOpened,
   _ as collapsedCloseBtn,
@@ -48,34 +48,34 @@ export {
   r as collapsedProgressWrap,
   p as collapsedProgressWrapHidden,
   s as collapsedTitle,
-  E as completeCelebration,
-  O as completeCelebrationSvg,
-  f as completeCone,
+  w as completeCelebration,
+  R as completeCelebrationSvg,
+  W as completeCone,
   H as completeDescription,
-  b as completeModalBody,
-  y as completeParticleA,
-  h as completeParticleB,
-  j as completeParticleC,
-  k as completeParticleD,
-  v as completeParticleE,
+  D as completeModalBody,
+  E as completeParticleA,
+  O as completeParticleB,
+  y as completeParticleC,
+  h as completeParticleD,
+  k as completeParticleE,
   A as completeParticleF,
   F as completeParticleG,
   G as completeTitle,
   I as default,
-  i as expandedContainer,
-  g as expandedPercent,
-  C as expandedProgressEmoji,
+  m as expandedContainer,
+  f as expandedPercent,
+  b as expandedProgressEmoji,
   P as expandedProgressRow,
   e as featureProgressRoot,
-  t as progressTrack,
-  W as startTutorialButton,
-  R as startTutorialButtonWrap,
-  u as stepCircle,
-  D as stepCircleDone,
-  x as stepCirclePending,
-  T as stepItem,
-  w as stepText,
-  m as stepsDrawer,
-  d as stepsDrawerOpened,
-  B as stepsList
+  o as progressTrack,
+  x as startTutorialButton,
+  u as startTutorialButtonWrap,
+  C as stepCircle,
+  B as stepCircleDone,
+  g as stepCirclePending,
+  v as stepItem,
+  T as stepText,
+  d as stepsDrawer,
+  i as stepsDrawerOpened,
+  j as stepsList
 };

package/dist/components/FilePicker/FilePicker.d.ts

@@ -4,7 +4,7 @@ import { DropzoneProps, FileWithPath } from '@mantine/dropzone';
 import type { BreadcrumbItem, MediaFile } from '../MediaLibrary/types';
 import { FileType, ImagePickerGalleryCollection } from './types';
 declare const baseTabsList: readonly ["gallery", "upload", "link", "unsplash", "giphy", "googleDrive", "media"];
-type TabType = (typeof baseTabsList)[number];
+export type TabType = (typeof baseTabsList)[number];
 export type FilePickerProps = PropsWithChildren<{
     onChange?: (v: string) => void;
     onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;
@@ -54,7 +54,9 @@ export type FilePickerProps = PropsWithChildren<{
         onBreadcrumbClick?: (crumb: BreadcrumbItem, index: number) => void;
         onSelect?: (file: MediaFile) => void;
     };
+    inline?: boolean;
+    tab?: TabType | string;
 }>;
-export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken: _giphyToken, unsplashClientId: _unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, onOpenedChange, googleDrive, mediaLibrary, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken: _giphyToken, unsplashClientId: _unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, onOpenedChange, googleDrive, mediaLibrary, inline, tab: tabProp, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FilePicker.d.ts.map