@layers-app/shared 0.3.4 → 0.3.5-test

package/dist/components/AppContainer/components/AppsSidebar/UserSection.js

@@ -1,25 +1,36 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { useTranslation as O } from "react-i18next";
-import { Link as D } from "react-router-dom";
-import { Delete03Icon as E, UserAdd02Icon as x, HelpCircleIcon as A, Wifi01Icon as M, WifiDisconnected04Icon as L } from "@hugeicons/core-free-icons";
+import { useTranslation as D } from "react-i18next";
+import { Link as E } from "react-router-dom";
+import { Delete03Icon as x, UserAdd02Icon as A, HelpCircleIcon as L, Wifi01Icon as M, WifiDisconnected04Icon as U } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as s } from "@hugeicons/react";
-import { Stack as d, Menu as r, Tooltip as l, Box as I, ActionIcon as U } from "@mantine/core";
-import { IconUserCircle as F } from "@tabler/icons-react";
-import { usePlatform as R } from "../../../../hooks/usePlatform.js";
-import { useTrashModalStore as k, openTrashModal as z, closeTrashModal as j } from "../../../../store/trashModal.js";
-import { useAppContainerDataStore as G } from "../../hooks/useAppContainerDataStore.js";
+import { Stack as d, Menu as r, Tooltip as l, Box as C, ActionIcon as F } from "@mantine/core";
+import { IconUserCircle as R } from "@tabler/icons-react";
+import { usePlatform as k } from "../../../../hooks/usePlatform.js";
+import { useTrashModalStore as z, openTrashModal as j, closeTrashModal as G } from "../../../../store/trashModal.js";
+import { useAppContainerDataStore as H } from "../../hooks/useAppContainerDataStore.js";
 import { AppSidebarButton as c } from "../AppSidebarButton.js";
-import { HelpMenu as H } from "../menus/HelpMenu/HelpMenu.js";
-import { MenuUserDropdown as K } from "../menus/UserMenu/MenuUserDropdown.js";
-const io = ({
-  trashMenu: C,
-  onInviteClick: h
+import { HelpMenu as K } from "../menus/HelpMenu/HelpMenu.js";
+import { MenuUserDropdown as Y } from "../menus/UserMenu/MenuUserDropdown.js";
+const no = ({
+  trashMenu: h,
+  onInviteClick: m,
+  showBorders: T = !0
 }) => {
-  const { t: i } = O("appContainer"), m = R(), { user: f, isAnonym: p, userMenuItems: T, publicMode: S, navbarDisplayFormat: v, onSyncClick: g, syncState: N } = G(), w = k((e) => e.opened), u = !p && !S && f.role !== "mG", y = !p && m.has("inviteUsers") && h, n = v === "iconsAndLabels";
+  const { t: i } = D("appContainer"), f = k(), {
+    user: g,
+    isAnonym: p,
+    userMenuItems: v,
+    publicMode: S,
+    navbarDisplayFormat: N,
+    onSyncClick: u,
+    syncState: w
+  } = H(), O = z((e) => e.opened), y = !p && !S && g.role !== "mG" && h, b = !p && f.has("inviteUsers") && m, n = N === "iconsAndLabels";
   return /* @__PURE__ */ t(
     d,
     {
-      style: { borderTop: "1px solid var(--app-shell-border)" },
+      style: {
+        borderTop: T ? "1px solid var(--app-shell-border)" : void 0
+      },
       flex: 1,
       pt: 8,
       gap: 16,
@@ -28,19 +39,19 @@ const io = ({
         /* @__PURE__ */ t(
           d,
           {
-            justify: !u && !y ? "end" : "space-between",
+            justify: !y && !b ? "end" : "space-between",
             gap: 8,
             flex: 1,
             children: [
-              u && /* @__PURE__ */ t(
+              y && /* @__PURE__ */ t(
                 r,
                 {
                   position: "right",
                   offset: 6,
                   width: 360,
-                  opened: w,
+                  opened: O,
                   onChange: (e) => {
-                    e ? z() : j();
+                    e ? j() : G();
                   },
                   children: [
                     /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(
@@ -53,22 +64,22 @@ const io = ({
                           c,
                           {
                             title: n ? i("trash") : null,
-                            icon: /* @__PURE__ */ o(s, { icon: E, size: 20 })
+                            icon: /* @__PURE__ */ o(s, { icon: x, size: 20 })
                           }
                         )
                       }
                     ) }),
-                    /* @__PURE__ */ o(r.Dropdown, { children: C })
+                    /* @__PURE__ */ o(r.Dropdown, { children: h })
                   ]
                 }
               ),
               /* @__PURE__ */ t(d, { gap: 8, children: [
-                y && /* @__PURE__ */ o(l, { label: i("invite"), position: "right", disabled: n, children: /* @__PURE__ */ o(
+                b && /* @__PURE__ */ o(l, { label: i("invite"), position: "right", disabled: n, children: /* @__PURE__ */ o(
                   c,
                   {
                     title: n ? i("invite") : null,
-                    icon: /* @__PURE__ */ o(s, { icon: x, size: 20 }),
-                    onClick: h
+                    icon: /* @__PURE__ */ o(s, { icon: A, size: 20 }),
+                    onClick: m
                   }
                 ) }),
                 /* @__PURE__ */ t(r, { position: "right-end", offset: 6, width: 260, children: [
@@ -76,28 +87,28 @@ const io = ({
                     c,
                     {
                       title: n ? i("help") : null,
-                      icon: /* @__PURE__ */ o(s, { icon: A, size: 20 })
+                      icon: /* @__PURE__ */ o(s, { icon: L, size: 20 })
                     }
                   ) }) }),
-                  /* @__PURE__ */ o(r.Dropdown, { children: /* @__PURE__ */ o(H, {}) })
+                  /* @__PURE__ */ o(r.Dropdown, { children: /* @__PURE__ */ o(K, {}) })
                 ] }),
-                m.isDesktop && g && (() => {
-                  const e = (N || "").toUpperCase(), a = e === "SYNCED" || e === "OK", b = a ? "var(--mantine-color-green-6)" : e === "SYNCING" ? "var(--mantine-color-blue-6)" : e === "ERROR" || e === "CONFLICT" || e === "OFFLINE" ? "var(--mantine-color-red-6)" : e === "ATTENTION" ? "var(--mantine-color-orange-6)" : "var(--mantine-color-yellow-6)";
+                f.isDesktop && u && (() => {
+                  const e = (w || "").toUpperCase(), a = e === "SYNCED" || e === "OK", I = a ? "var(--mantine-color-green-6)" : e === "SYNCING" ? "var(--mantine-color-blue-6)" : e === "ERROR" || e === "CONFLICT" || e === "OFFLINE" ? "var(--mantine-color-red-6)" : e === "ATTENTION" ? "var(--mantine-color-orange-6)" : "var(--mantine-color-yellow-6)";
                   return /* @__PURE__ */ o(l, { label: i(a ? "sync.tooltipSynced" : e === "SYNCING" ? "sync.tooltipSyncing" : e === "OFFLINE" ? "sync.tooltipOffline" : e === "ERROR" ? "sync.tooltipError" : e === "CONFLICT" ? "sync.tooltipConflict" : e === "ATTENTION" ? "sync.tooltipAttention" : e === "QUEUED" ? "sync.tooltipQueued" : "sync.tooltipSyncing"), position: "right", children: /* @__PURE__ */ o(
                     c,
                     {
                       title: "Sync",
-                      icon: /* @__PURE__ */ t(I, { pos: "relative", display: "inline-flex", children: [
+                      icon: /* @__PURE__ */ t(C, { pos: "relative", display: "inline-flex", children: [
                         /* @__PURE__ */ o(
                           s,
                           {
-                            icon: a ? M : L,
+                            icon: a ? M : U,
                             size: 20,
-                            color: b
+                            color: I
                           }
                         ),
                         /* @__PURE__ */ o(
-                          I,
+                          C,
                           {
                             pos: "absolute",
                             bottom: -2,
@@ -107,12 +118,12 @@ const io = ({
                             style: {
                               borderRadius: "50%",
                               border: "2px solid var(--app-shell-bg)",
-                              backgroundColor: b
+                              backgroundColor: I
                             }
                           }
                         )
                       ] }),
-                      onClick: g
+                      onClick: u
                     }
                   ) });
                 })()
@@ -120,11 +131,11 @@ const io = ({
             ]
           }
         ),
-        p ? /* @__PURE__ */ o(D, { to: "/login", children: /* @__PURE__ */ o(l, { label: "Log in", position: "right", children: /* @__PURE__ */ o(U, { size: "lg", variant: "light", children: /* @__PURE__ */ o(F, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
-          K,
+        p ? /* @__PURE__ */ o(E, { to: "/login", children: /* @__PURE__ */ o(l, { label: "Log in", position: "right", children: /* @__PURE__ */ o(F, { size: "lg", variant: "light", children: /* @__PURE__ */ o(R, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
+          Y,
           {
-            user: f,
-            menuItems: T,
+            user: g,
+            menuItems: v,
             position: "right-end"
           }
         )
@@ -133,5 +144,5 @@ const io = ({
   );
 };
 export {
-  io as UserSection
+  no as UserSection
 };

package/dist/components/AppContainer/components/Main.js

@@ -1,16 +1,16 @@
 import { jsx as e } from "react/jsx-runtime";
 import { appContainerStore as n } from "../hooks/useAppContainerStore.js";
 import s from "../AppContainer.module.css.js";
-const p = ({ children: o, withBg: r = !1 }) => {
-  const a = n.useStore((t) => t.showToolbar);
+const p = ({ children: o, withBg: a = !1 }) => {
+  const r = n.useStore((t) => t.showToolbar);
   return /* @__PURE__ */ e(
     "main",
     {
       className: s.main,
-      "data-tool-sidebar-opened": a,
+      "data-tool-sidebar-opened": r,
       "data-app-container": !0,
       style: {
-        backgroundColor: r ? "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5))" : "unset"
+        backgroundColor: a ? "light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5))" : "unset"
       },
       children: o
     }

package/dist/components/AppContainer/components/SlideAnimation.js

@@ -3,13 +3,13 @@ import { useIsFirstRender as a } from "@mantine/hooks";
 import { AnimatePresence as m, motion as d } from "framer-motion";
 import t from "../AppContainer.module.css.js";
 const u = ({
-  children: n,
-  show: s,
+  children: s,
+  show: n,
   width: e,
   position: r
 }) => {
   const o = a();
-  return /* @__PURE__ */ i(m, { children: s && /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(m, { children: n && /* @__PURE__ */ i(
     d.div,
     {
       className: t.slideContainer,
@@ -32,7 +32,7 @@ const u = ({
           className: t.slideContent,
           style: { width: e },
           "data-position": r,
-          children: n
+          children: s
         }
       )
     }

package/dist/components/AppContainer/components/ToolSidebar.d.ts

@@ -2,6 +2,8 @@ import { PropsWithChildren } from 'react';
 interface ToolSidebarProps extends PropsWithChildren {
     navbarTitle?: string;
     onTitleChange?: (title?: string) => void;
+    isBeta?: boolean;
+    bottomSlot?: React.ReactNode;
 }
 export declare const ToolSidebar: (props: ToolSidebarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/AppContainer/components/ToolSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/ToolSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAsBtE,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CA4HlD,CAAC"}
+{"version":3,"file":"ToolSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/ToolSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAsBtE,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CA2IlD,CAAC"}

package/dist/components/AppContainer/components/ToolSidebar.js

@@ -1,49 +1,49 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { useRef as b, useEffect as m, useMemo as S } from "react";
-import { useTranslation as y } from "react-i18next";
-import { useNavigate as C, useParams as W, useLocation as I, matchPath as z } from "react-router-dom";
-import { ActionIcon as A, Title as L, TextInput as N, Text as k } from "@mantine/core";
-import { useField as B } from "@mantine/form";
-import { IconArrowLeft as H } from "@tabler/icons-react";
-import { AppShell as c } from "../../AppShell/AppShell.js";
-import { NavbarResizer as P } from "../../NavbarResizer/NavbarResizer.js";
-import { useAppContainerDataStore as R } from "../hooks/useAppContainerDataStore.js";
-import { appContainerStore as d } from "../hooks/useAppContainerStore.js";
-import { SidebarToggleButton as V } from "./SidebarToggleButton.js";
-import { SlideAnimation as j } from "./SlideAnimation.js";
-import f from "../AppContainer.module.css.js";
-const _ = (u) => {
-  const { t: g } = y("appContainer"), { children: T, navbarTitle: o, onTitleChange: i } = u, w = C(), { showToolbar: a, toolbarWidth: x } = d.useStore(), { formId: v } = W(), l = b(i);
-  m(() => {
-    l.current = i;
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useRef as y, useEffect as c, useMemo as C } from "react";
+import { useTranslation as W } from "react-i18next";
+import { useNavigate as z, useParams as I, useLocation as A, matchPath as B } from "react-router-dom";
+import { ActionIcon as L, Title as N, TextInput as k, Flex as F, Text as H, Badge as P } from "@mantine/core";
+import { useField as R } from "@mantine/form";
+import { IconArrowLeft as V } from "@tabler/icons-react";
+import { AppShell as d } from "../../AppShell/AppShell.js";
+import { NavbarResizer as j } from "../../NavbarResizer/NavbarResizer.js";
+import { useAppContainerDataStore as D } from "../hooks/useAppContainerDataStore.js";
+import { appContainerStore as f } from "../hooks/useAppContainerStore.js";
+import { SidebarToggleButton as E } from "./SidebarToggleButton.js";
+import { SlideAnimation as M } from "./SlideAnimation.js";
+import u from "../AppContainer.module.css.js";
+const ot = (g) => {
+  const { t: a } = W("appContainer"), { children: x, navbarTitle: o, onTitleChange: i, isBeta: T, bottomSlot: w } = g, b = z(), { showToolbar: l, toolbarWidth: v } = f.useStore(), { formId: S } = I(), s = y(i);
+  c(() => {
+    s.current = i;
   }, [i]);
-  const s = B({
+  const p = R({
     initialValue: o || "",
     onValueChange: (e) => {
-      l.current?.(e);
+      s.current?.(e);
     }
   });
-  m(() => {
-    s.setValue(o || "");
+  c(() => {
+    p.setValue(o || "");
   }, [o]);
-  const p = I(), h = R((e) => e.tools), n = S(() => h.find((e) => !!z({ path: e.path, end: !1 }, p.pathname)), [p.pathname, h]);
+  const h = A(), m = D((e) => e.tools), r = C(() => m.find((e) => !!B({ path: e.path, end: !1 }, h.pathname)), [h.pathname, m]);
   return /* @__PURE__ */ t(
-    j,
+    M,
     {
-      show: a,
+      show: l,
       width: "var(--toolbar-width)",
       position: "left",
-      children: /* @__PURE__ */ r(c.LeftSidebar, { pos: "relative", children: [
-        a && /* @__PURE__ */ t(
-          P,
+      children: /* @__PURE__ */ n(d.LeftSidebar, { pos: "relative", children: [
+        l && /* @__PURE__ */ t(
+          j,
           {
             position: "left",
-            width: x,
-            onChange: d.api.setToolbarWidth
+            width: v,
+            onChange: f.api.setToolbarWidth
           }
         ),
-        /* @__PURE__ */ r(c.Header, { pl: 16, pr: 14, children: [
-          /* @__PURE__ */ r(
+        /* @__PURE__ */ n(d.Header, { pl: 16, pr: 14, children: [
+          /* @__PURE__ */ n(
             "div",
             {
               style: {
@@ -54,33 +54,33 @@ const _ = (u) => {
                 minWidth: 0
               },
               children: [
-                n?.withBackButton && v && n.name && /* @__PURE__ */ t(
-                  A,
+                r?.withBackButton && S && r.name && /* @__PURE__ */ t(
+                  L,
                   {
-                    onClick: () => w(n?.path),
+                    onClick: () => b(r?.path),
                     variant: "light",
                     size: "md",
                     color: "gray",
-                    children: /* @__PURE__ */ t(H, { size: 18 })
+                    children: /* @__PURE__ */ t(V, { size: 18 })
                   }
                 ),
                 /* @__PURE__ */ t(
-                  L,
+                  N,
                   {
                     order: 4,
                     fz: 16,
                     component: "div",
                     style: { flex: 1, minWidth: 0 },
                     children: i ? /* @__PURE__ */ t(
-                      N,
+                      k,
                       {
-                        ...s.getInputProps(),
-                        placeholder: g("noName"),
+                        ...p.getInputProps(),
+                        placeholder: a("noName"),
                         maxLength: 50,
                         minLength: 1,
                         unstyled: !0,
                         classNames: {
-                          input: f.toolTitleInput
+                          input: u.toolTitleInput
                         },
                         styles: {
                           root: {
@@ -98,34 +98,49 @@ const _ = (u) => {
                           }
                         }
                       }
-                    ) : /* @__PURE__ */ t(
-                      k,
-                      {
-                        component: "span",
-                        className: f.toolTitleText,
-                        truncate: "end",
-                        style: {
-                          fontSize: "inherit",
-                          fontWeight: "inherit",
-                          lineHeight: "inherit",
-                          display: "block",
-                          width: "100%"
-                        },
-                        children: o
-                      }
-                    )
+                    ) : /* @__PURE__ */ n(F, { gap: "xs", children: [
+                      /* @__PURE__ */ t(
+                        H,
+                        {
+                          component: "span",
+                          className: u.toolTitleText,
+                          truncate: "end",
+                          style: {
+                            fontSize: "inherit",
+                            fontWeight: "inherit",
+                            lineHeight: "inherit",
+                            display: "block"
+                            // width: '100%',
+                          },
+                          children: o
+                        }
+                      ),
+                      T && /* @__PURE__ */ t(
+                        P,
+                        {
+                          px: 8,
+                          py: 4,
+                          fz: "xs",
+                          fw: 600,
+                          variant: "light",
+                          color: "yellow",
+                          children: a("beta")
+                        }
+                      )
+                    ] })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ t(V, {})
+          /* @__PURE__ */ t(E, {})
         ] }),
-        T
+        x,
+        w
       ] })
     }
   );
 };
 export {
-  _ as ToolSidebar
+  ot as ToolSidebar
 };

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

@@ -27,7 +27,12 @@ export type AppContainerProps = {
     trashMenu?: ReactNode;
     onInviteClick?: () => void;
     withBg?: boolean;
+    isBeta?: boolean;
     hideHeader?: boolean;
+    showSearch?: boolean;
+    showMore?: boolean;
+    showBorders?: boolean;
+    showLogo?: boolean;
 };
 export type AppContainerDataStore = {
     tools: ToolDef[];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/types.ts"],"names":[],"mappings":"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"}

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -3,6 +3,7 @@ import { ColorPickerList } from './ColorPickerList';
 import type { ColorItem } from './types';
 interface ColorCircleProps extends Omit<ColorSwatchProps, 'color'>, Omit<React.ComponentPropsWithoutRef<'div'>, keyof Omit<ColorSwatchProps, 'color'>> {
     value?: string | null;
+    label?: string;
     isActive?: boolean;
     swatchShape?: 'circle' | 'square';
     swatchVariant?: 'filled' | 'outline';

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,gBAAgB,EAEhB,SAAS,EAKV,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgHzC,UAAU,gBACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,EACrC,IAAI,CACF,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACrC,MAAM,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CACtC;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,6GAmDvB,CAAC;AASF,eAAO,MAAM,WAAW;YAvLd,MAAM,GAAG,IAAI;eACV,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;uBACX,OAAO;aACjB,SAAS,EAAE;kBACN,QAAQ,GAAG,QAAQ;oBACjB,QAAQ,GAAG,SAAS;eACzB,OAAO;gBACN,OAAO;iBACN,MAAM;;;;;CAmLnB,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,gBAAgB,EAEhB,SAAS,EAKV,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiHzC,UAAU,gBACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,EACrC,IAAI,CACF,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACrC,MAAM,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CACtC;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,6GAmDvB,CAAC;AASF,eAAO,MAAM,WAAW;YAzLd,MAAM,GAAG,IAAI;eACV,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;uBACX,OAAO;aACjB,SAAS,EAAE;kBACN,QAAQ,GAAG,QAAQ;oBACjB,QAAQ,GAAG,SAAS;eACzB,OAAO;gBACN,OAAO;iBACN,MAAM;;;;;CAqLnB,CAAC"}