@simplysm/solid 13.0.75 → 13.0.77

package/dist/components/layout/sidebar/Sidebar.js

@@ -1,25 +1,341 @@
 import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
 import { spread as _$spread } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
-import { memo as _$memo } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<aside>`);
-import { splitProps, createMemo } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div class="absolute inset-0 z-sidebar-backdrop bg-black/50 sm:hidden"role=button tabindex=0>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div><div>`), _tmpl$4 = /* @__PURE__ */ _$template(`<span class=truncate>`), _tmpl$5 = /* @__PURE__ */ _$template(`<div class="flex flex-col"><span class=font-bold></span><span>`), _tmpl$6 = /* @__PURE__ */ _$template(`<hr>`), _tmpl$7 = /* @__PURE__ */ _$template(`<div><button type=button><div class="relative flex flex-1 items-center gap-3"><div class="flex size-10 items-center justify-center rounded-full bg-primary-500 text-white">`), _tmpl$8 = /* @__PURE__ */ _$template(`<span class=font-bold>`), _tmpl$9 = /* @__PURE__ */ _$template(`<aside>`);
+import { createContext, useContext, splitProps, createMemo, createSignal, createEffect, Show, For } from "solid-js";
+import { useBeforeLeave, useLocation, useNavigate } from "@solidjs/router";
 import { createMediaQuery } from "@solid-primitives/media";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
-import { useSidebarContext, SM_MEDIA_QUERY } from "./SidebarContext.js";
+import { IconUser } from "@tabler/icons-solidjs";
+import { bg, border, text } from "../../../styles/base.styles.js";
+import { themeTokens } from "../../../styles/theme.styles.js";
 import { mergeStyles } from "../../../helpers/mergeStyles.js";
-import { SidebarContainer } from "./SidebarContainer.js";
-import { SidebarMenu } from "./SidebarMenu.js";
-import { SidebarUser } from "./SidebarUser.js";
-const baseClass = clsx("absolute", "top-0", "left-0", "bottom-0", "w-64", "z-sidebar", "flex", "flex-col", "bg-base-100", "dark:bg-base-800", "border-r", "border-base-200", "dark:border-base-700", "transition-transform", "duration-300", "sm:duration-100");
-const mobileOpenClass = clsx("shadow-xl");
-const SidebarBase = (props) => {
+import { ripple } from "../../../directives/ripple.js";
+import { Collapse } from "../../disclosure/Collapse.js";
+import { Icon } from "../../display/Icon.js";
+import { List } from "../../data/list/List.js";
+import { ListItem } from "../../data/list/ListItem.js";
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
+void ripple;
+const SM_MEDIA_QUERY = "(min-width: 640px)";
+const SidebarContext = createContext();
+function _useSidebar() {
+  const context = useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used inside SidebarContainer");
+  }
+  return context;
+}
+function _useSidebarOptional() {
+  return useContext(SidebarContext);
+}
+const useSidebar = Object.assign(_useSidebar, {
+  optional: _useSidebarOptional
+});
+const SidebarContainer = (props) => {
+  const [local, rest] = splitProps(props, ["children", "class", "style"]);
+  const i18n = useI18n();
+  const [toggle, setToggle] = createSignal(false);
+  const isDesktop = createMediaQuery(SM_MEDIA_QUERY);
+  const isOpen = createMemo(() => {
+    if (isDesktop()) {
+      return !toggle();
+    }
+    return toggle();
+  });
+  const handleBackdropClick = () => {
+    setToggle(false);
+  };
+  useBeforeLeave(() => {
+    if (!isDesktop() && toggle()) {
+      setToggle(false);
+    }
+  });
+  const getPaddingLeft = () => {
+    if (isDesktop() && isOpen()) {
+      return "16rem";
+    }
+    return void 0;
+  };
+  const getClassName = () => twMerge("relative h-full transition-[padding-left] duration-100", local.class);
+  return _$createComponent(SidebarContext.Provider, {
+    value: {
+      toggle,
+      setToggle
+    },
+    get children() {
+      var _el$ = _tmpl$2();
+      _$spread(_el$, _$mergeProps(rest, {
+        "data-sidebar-container": "",
+        get ["class"]() {
+          return getClassName();
+        },
+        get style() {
+          return mergeStyles(local.style, {
+            "padding-left": getPaddingLeft()
+          });
+        }
+      }), false, true);
+      _$insert(_el$, () => local.children, null);
+      _$insert(_el$, _$createComponent(Show, {
+        get when() {
+          return _$memo(() => !!!isDesktop())() && isOpen();
+        },
+        get children() {
+          var _el$2 = _tmpl$();
+          _el$2.$$keydown = (e) => e.key === "Escape" && handleBackdropClick();
+          _el$2.$$click = handleBackdropClick;
+          _$effect(() => _$setAttribute(_el$2, "aria-label", i18n.t("sidebar.closeSidebar")));
+          return _el$2;
+        }
+      }), null);
+      return _el$;
+    }
+  });
+};
+const MenuContext = createContext();
+const SidebarMenu = (props) => {
+  const [local, rest] = splitProps(props, ["menus", "class"]);
+  const i18n = useI18n();
+  const location = useLocation();
+  const findSelectedPath = (menus, pathname, path = []) => {
+    for (const menu of menus) {
+      const currentPath = [...path, menu];
+      if (menu.href === pathname) {
+        return currentPath;
+      }
+      if (menu.children) {
+        const found = findSelectedPath(menu.children, pathname, currentPath);
+        if (found) return found;
+      }
+    }
+    return null;
+  };
+  const initialOpenItems = createMemo(() => {
+    const selectedPath = findSelectedPath(local.menus, location.pathname);
+    return selectedPath ? new Set(selectedPath.slice(0, -1)) : /* @__PURE__ */ new Set();
+  });
+  const getClassName = () => twMerge("flex-1 overflow-y-auto", local.class);
+  return _$createComponent(MenuContext.Provider, {
+    value: {
+      initialOpenItems
+    },
+    get children() {
+      var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
+      _$spread(_el$3, _$mergeProps(rest, {
+        "data-sidebar-menu": "",
+        get ["class"]() {
+          return getClassName();
+        }
+      }), false, true);
+      _$insert(_el$4, () => i18n.t("sidebarMenu.menu"));
+      _$insert(_el$3, _$createComponent(List, {
+        inset: true,
+        get children() {
+          return _$createComponent(For, {
+            get each() {
+              return local.menus;
+            },
+            children: (menu) => _$createComponent(MenuItem, {
+              menu,
+              size: "lg"
+            })
+          });
+        }
+      }), null);
+      _$effect(() => _$className(_el$4, clsx("px-4 py-2 text-xs font-bold", text.muted, "uppercase tracking-wider")));
+      return _el$3;
+    }
+  });
+};
+const MenuItem = (props) => {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const menuContext = useContext(MenuContext);
+  const hasChildren = () => props.menu.children !== void 0 && props.menu.children.length > 0;
+  const isExternalLink = () => {
+    var _a;
+    return ((_a = props.menu.href) == null ? void 0 : _a.includes("://")) ?? false;
+  };
+  const isSelected = () => props.menu.href === location.pathname;
+  const shouldBeOpen = () => menuContext.initialOpenItems().has(props.menu);
+  const [open, setOpen] = createSignal(false);
+  createEffect(() => {
+    if (shouldBeOpen()) {
+      setOpen(true);
+    }
+  });
+  const handleClick = () => {
+    if (hasChildren()) {
+      setOpen((v) => !v);
+    } else if (props.menu.href !== void 0) {
+      if (isExternalLink()) {
+        window.open(props.menu.href, "_blank", "noopener,noreferrer");
+      } else {
+        navigate(props.menu.href);
+      }
+    }
+  };
+  return _$createComponent(ListItem, {
+    get selected() {
+      return isSelected();
+    },
+    get open() {
+      return open();
+    },
+    onOpenChange: setOpen,
+    onClick: handleClick,
+    get size() {
+      return props.size;
+    },
+    get children() {
+      return [_$createComponent(Show, {
+        get when() {
+          return props.menu.icon;
+        },
+        get children() {
+          return _$createComponent(Icon, {
+            get icon() {
+              return props.menu.icon;
+            }
+          });
+        }
+      }), (() => {
+        var _el$5 = _tmpl$4();
+        _$insert(_el$5, () => props.menu.title);
+        return _el$5;
+      })(), _$createComponent(Show, {
+        get when() {
+          return hasChildren();
+        },
+        get children() {
+          return _$createComponent(ListItem.Children, {
+            get children() {
+              return _$createComponent(For, {
+                get each() {
+                  return props.menu.children;
+                },
+                children: (child) => _$createComponent(MenuItem, {
+                  menu: child
+                })
+              });
+            }
+          });
+        }
+      })];
+    }
+  });
+};
+const SidebarUser = (props) => {
+  const [local, rest] = splitProps(props, ["name", "icon", "description", "class", "menus"]);
+  const [open, setOpen] = createSignal(false);
+  const hasMenus = () => local.menus !== void 0 && local.menus.length > 0;
+  const handleClick = () => {
+    if (hasMenus()) {
+      setOpen((v) => !v);
+    }
+  };
+  const handleMenuClick = (menu) => {
+    setOpen(false);
+    menu.onClick();
+  };
+  const getHeaderClassName = () => twMerge(clsx("m-1 flex cursor-pointer items-center rounded-md p-2 text-left transition-colors", themeTokens.base.hoverBg), !hasMenus() && "cursor-default hover:bg-transparent dark:hover:bg-transparent");
+  const getContainerClassName = () => twMerge("m-2 flex flex-col overflow-hidden rounded bg-white dark:bg-base-900", local.class);
+  return (() => {
+    var _el$6 = _tmpl$7(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild;
+    _$spread(_el$6, _$mergeProps(rest, {
+      "data-sidebar-user": "",
+      get ["class"]() {
+        return getContainerClassName();
+      }
+    }), false, true);
+    _el$7.$$click = handleClick;
+    _$use(ripple, _el$7, () => hasMenus());
+    _$insert(_el$9, _$createComponent(Icon, {
+      get icon() {
+        return local.icon ?? IconUser;
+      },
+      "class": "size-6"
+    }));
+    _$insert(_el$8, _$createComponent(Show, {
+      get when() {
+        return local.description;
+      },
+      get fallback() {
+        return (() => {
+          var _el$12 = _tmpl$8();
+          _$insert(_el$12, () => local.name);
+          return _el$12;
+        })();
+      },
+      get children() {
+        var _el$0 = _tmpl$5(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling;
+        _$insert(_el$1, () => local.name);
+        _$insert(_el$10, () => local.description);
+        _$effect(() => _$className(_el$10, clsx("text-sm", text.muted)));
+        return _el$0;
+      }
+    }), null);
+    _$insert(_el$6, _$createComponent(Show, {
+      get when() {
+        return hasMenus();
+      },
+      get children() {
+        return _$createComponent(Collapse, {
+          get open() {
+            return open();
+          },
+          get children() {
+            return [(() => {
+              var _el$11 = _tmpl$6();
+              _$effect(() => _$className(_el$11, border.default));
+              return _el$11;
+            })(), _$createComponent(List, {
+              inset: true,
+              get children() {
+                return _$createComponent(For, {
+                  get each() {
+                    return local.menus;
+                  },
+                  children: (menu) => _$createComponent(ListItem, {
+                    onClick: () => handleMenuClick(menu),
+                    get children() {
+                      return menu.title;
+                    }
+                  })
+                });
+              }
+            })];
+          }
+        });
+      }
+    }), null);
+    _$effect((_p$) => {
+      var _v$ = getHeaderClassName(), _v$2 = hasMenus() ? open() : void 0;
+      _v$ !== _p$.e && _$className(_el$7, _p$.e = _v$);
+      _v$2 !== _p$.t && _$setAttribute(_el$7, "aria-expanded", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$6;
+  })();
+};
+const SidebarInner = (props) => {
   const [local, rest] = splitProps(props, ["children", "class", "style"]);
   const {
     toggle
-  } = useSidebarContext();
+  } = useSidebar();
   const isDesktop = createMediaQuery(SM_MEDIA_QUERY);
   const isOpen = createMemo(() => {
     if (isDesktop()) {
@@ -30,10 +346,10 @@ const SidebarBase = (props) => {
   const getTransform = () => {
     return isOpen() ? "translateX(0)" : "translateX(-100%)";
   };
-  const getClassName = () => twMerge(baseClass, !isDesktop() && isOpen() && mobileOpenClass, local.class);
+  const getClassName = () => twMerge(clsx("absolute inset-y-0 left-0 z-sidebar flex w-64 flex-col", bg.muted, "border-r", border.default, "transition-transform duration-300 sm:duration-100"), !isDesktop() && isOpen() && "shadow-xl", local.class);
   return (() => {
-    var _el$ = _tmpl$();
-    _$spread(_el$, _$mergeProps(rest, {
+    var _el$13 = _tmpl$9();
+    _$spread(_el$13, _$mergeProps(rest, {
       "data-sidebar": "",
       get ["class"]() {
         return getClassName();
@@ -50,15 +366,19 @@ const SidebarBase = (props) => {
         return !isOpen() || void 0;
       }
     }), false, true);
-    _$insert(_el$, () => local.children);
-    return _el$;
+    _$insert(_el$13, () => local.children);
+    return _el$13;
   })();
 };
-const Sidebar = SidebarBase;
-Sidebar.Container = SidebarContainer;
-Sidebar.Menu = SidebarMenu;
-Sidebar.User = SidebarUser;
+const Sidebar = Object.assign(SidebarInner, {
+  Container: SidebarContainer,
+  Menu: SidebarMenu,
+  User: SidebarUser
+});
+_$delegateEvents(["click", "keydown"]);
 export {
-  Sidebar
+  SM_MEDIA_QUERY,
+  Sidebar,
+  useSidebar
 };
 //# sourceMappingURL=Sidebar.js.map

package/dist/components/layout/sidebar/Sidebar.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/layout/sidebar/Sidebar.tsx"],
-  "mappings": ";;;;;;AAAA,SAAyCA,YAAYC,kBAAkB;AACvE,SAASC,wBAAwB;AACjC,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,mBAAmBC,sBAAsB;AAClD,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AACjC,SAASC,mBAAmB;AAC5B,SAASC,mBAAmB;AAM5B,MAAMC,YAAYR,KAChB,YACA,SACA,UACA,YACA,QACA,aACA,QACA,YACA,eACA,oBACA,YACA,mBACA,wBACA,wBACA,gBACA,iBACF;AAEA,MAAMS,kBAAkBT,KAAK,WAAW;AA8BxC,MAAMU,cAA8CC,WAAU;AAC5D,QAAM,CAACC,OAAOC,IAAI,IAAIhB,WAAWc,OAAO,CAAC,YAAY,SAAS,OAAO,CAAC;AAEtE,QAAM;IAAEG;EAAO,IAAIZ,kBAAkB;AAGrC,QAAMa,YAAYhB,iBAAiBI,cAAc;AAGjD,QAAMa,SAASlB,WAAW,MAAM;AAC9B,QAAIiB,UAAU,GAAG;AACf,aAAO,CAACD,OAAO;IACjB;AACA,WAAOA,OAAO;EAChB,CAAC;AAGD,QAAMG,eAAeA,MAAM;AACzB,WAAOD,OAAO,IAAI,kBAAkB;EACtC;AAEA,QAAME,eAAeA,MACnBjB,QAAQO,WAAW,CAACO,UAAU,KAAKC,OAAO,KAAKP,iBAAiBG,MAAMO,KAAK;AAE7E,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,aAAAF,MAAAG,aAEQV,MAAI;MAAA,gBAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eAEDK,aAAa;MAAC;MAAA,IACrBM,QAAK;AAAA,eAAEpB,YAAYQ,MAAMY,OAAO;UAAEC,WAAWR,aAAa;QAAE,CAAC;MAAC;MAAA,KAAA,aAAA,IAAA;AAAA,eACjD,CAACD,OAAO;MAAC;MAAA,IACtBU,QAAK;AAAA,eAAE,CAACV,OAAO,KAAKW;MAAS;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAC,aAAAR,MAAA,MAE5BR,MAAMiB,QAAQ;AAAA,WAAAT;EAAA,GAAA;AAGrB;AAEO,MAAMU,UAAUpB;AACvBoB,QAAQC,YAAY1B;AACpByB,QAAQE,OAAO1B;AACfwB,QAAQG,OAAO1B;",
-  "names": ["splitProps", "createMemo", "createMediaQuery", "clsx", "twMerge", "useSidebarContext", "SM_MEDIA_QUERY", "mergeStyles", "SidebarContainer", "SidebarMenu", "SidebarUser", "baseClass", "mobileOpenClass", "SidebarBase", "props", "local", "rest", "toggle", "isDesktop", "isOpen", "getTransform", "getClassName", "class", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "style", "transform", "inert", "undefined", "_$insert", "children", "Sidebar", "Container", "Menu", "User"]
+  "mappings": "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",
+  "names": ["createContext", "useContext", "splitProps", "createMemo", "createSignal", "createEffect", "Show", "For", "useBeforeLeave", "useLocation", "useNavigate", "createMediaQuery", "clsx", "twMerge", "IconUser", "bg", "border", "text", "themeTokens", "mergeStyles", "ripple", "Collapse", "Icon", "List", "ListItem", "useI18n", "SM_MEDIA_QUERY", "SidebarContext", "_useSidebar", "context", "Error", "_useSidebarOptional", "useSidebar", "Object", "assign", "optional", "SidebarContainer", "props", "local", "rest", "i18n", "toggle", "setToggle", "isDesktop", "isOpen", "handleBackdropClick", "getPaddingLeft", "undefined", "getClassName", "class", "_$createComponent", "Provider", "value", "children", "_el$", "_tmpl$2", "_$spread", "_$mergeProps", "style", "_$insert", "when", "_$memo", "_el$2", "_tmpl$", "$$keydown", "e", "key", "$$click", "_$effect", "_$setAttribute", "t", "MenuContext", "SidebarMenu", "location", "findSelectedPath", "menus", "pathname", "path", "menu", "currentPath", "href", "found", "initialOpenItems", "selectedPath", "Set", "slice", "_el$3", "_tmpl$3", "_el$4", "firstChild", "inset", "each", "MenuItem", "size", "_$className", "muted", "navigate", "menuContext", "hasChildren", "length", "isExternalLink", "includes", "isSelected", "shouldBeOpen", "has", "open", "setOpen", "handleClick", "v", "window", "selected", "onOpenChange", "onClick", "icon", "_el$5", "_tmpl$4", "title", "Children", "child", "SidebarUser", "hasMenus", "handleMenuClick", "getHeaderClassName", "base", "hoverBg", "getContainerClassName", "_el$6", "_tmpl$7", "_el$7", "_el$8", "_el$9", "_$use", "description", "fallback", "_el$12", "_tmpl$8", "name", "_el$0", "_tmpl$5", "_el$1", "_el$10", "nextSibling", "_el$11", "_tmpl$6", "default", "_p$", "_v$", "_v$2", "SidebarInner", "getTransform", "_el$13", "_tmpl$9", "transform", "inert", "Sidebar", "Container", "Menu", "User", "_$delegateEvents"]
 }

package/dist/components/layout/topbar/Topbar.d.ts

@@ -1,37 +1,48 @@
-import { type JSX, type ParentComponent } from "solid-js";
-import { TopbarActions } from "./TopbarActions";
-import { TopbarContainer } from "./TopbarContainer";
-import { TopbarMenu } from "./TopbarMenu";
-import { TopbarUser } from "./TopbarUser";
-export type { TopbarContainerProps } from "./TopbarContainer";
-export type { TopbarMenuItem, TopbarMenuProps } from "./TopbarMenu";
-export type { TopbarUserMenu, TopbarUserProps } from "./TopbarUser";
-export interface TopbarProps extends JSX.HTMLAttributes<HTMLElement> {
+import { type JSX, type ParentComponent, type Component, type Accessor, type Setter } from "solid-js";
+import { type IconProps } from "@tabler/icons-solidjs";
+export interface TopbarContextValue {
+    actions: Accessor<JSX.Element | undefined>;
+    setActions: Setter<JSX.Element | undefined>;
+}
+export declare const TopbarContext: import("solid-js").Context<TopbarContextValue | undefined>;
+export declare function useTopbarActionsAccessor(): Accessor<JSX.Element | undefined>;
+export declare function useTopbarActions(accessor: () => JSX.Element): void;
+export interface TopbarContainerProps extends JSX.HTMLAttributes<HTMLDivElement> {
     children: JSX.Element;
 }
-/**
- * Topbar main component
- *
- * @remarks
- * - Automatically shows sidebar toggle button if SidebarContext exists
- * - Toggle button appears when used inside SidebarContainer
- * - Acts as pure Topbar without toggle button when used standalone
- *
- * @example
- * ```tsx
- * <Topbar>
- *   <h1 class="text-lg font-bold">App Name</h1>
- *   <Topbar.Menu menus={menuItems} />
- *   <div class="flex-1" />
- *   <Topbar.User menus={userMenus}>User</Topbar.User>
- * </Topbar>
- * ```
- */
-interface TopbarComponent extends ParentComponent<TopbarProps> {
-    Actions: typeof TopbarActions;
-    Container: typeof TopbarContainer;
-    Menu: typeof TopbarMenu;
-    User: typeof TopbarUser;
+export interface TopbarMenuItem {
+    title: string;
+    href?: string;
+    icon?: Component<IconProps>;
+    children?: TopbarMenuItem[];
+}
+export interface TopbarMenuProps extends Omit<JSX.HTMLAttributes<HTMLElement>, "children"> {
+    /**
+     * Menu items array
+     */
+    menus: TopbarMenuItem[];
+}
+export interface TopbarUserMenu {
+    title: string;
+    onClick: () => void;
+}
+export interface TopbarUserProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "onClick"> {
+    /**
+     * Dropdown menu (dropdown shown only when provided)
+     */
+    menus?: TopbarUserMenu[];
+    /**
+     * User information area (customizable)
+     */
+    children: JSX.Element;
+}
+export interface TopbarProps extends JSX.HTMLAttributes<HTMLElement> {
+    children: JSX.Element;
 }
-export declare const Topbar: TopbarComponent;
+export declare const Topbar: ParentComponent<TopbarProps> & {
+    Container: ParentComponent<TopbarContainerProps>;
+    Menu: Component<TopbarMenuProps>;
+    User: ParentComponent<TopbarUserProps>;
+    Actions: Component;
+};
 //# sourceMappingURL=Topbar.d.ts.map

package/dist/components/layout/topbar/Topbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Topbar.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\layout\\topbar\\Topbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAoB,MAAM,UAAU,CAAC;AAQ5E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAwBpE,MAAM,WAAW,WAAY,SAAQ,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,UAAU,eAAgB,SAAQ,eAAe,CAAC,WAAW,CAAC;IAC5D,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;IAClC,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,IAAI,EAAE,OAAO,UAAU,CAAC;CACzB;AA2BD,eAAO,MAAM,MAAM,EAAiB,eAAe,CAAC"}
+{"version":3,"file":"Topbar.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\layout\\topbar\\Topbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,eAAe,EACpB,KAAK,SAAS,EAMd,KAAK,QAAQ,EACb,KAAK,MAAM,EAIZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAerG,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,4DAAsC,CAAC;AAEjE,wBAAgB,wBAAwB,IAAI,QAAQ,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,CAM5E;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,OAAO,GAAG,IAAI,CAWlE;AAID,MAAM,WAAW,oBAAqB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACxF;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC1F;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IAEzB;;OAEG;IACH,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAID,MAAM,WAAW,WAAY,SAAQ,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AA2WD,eAAO,MAAM,MAAM;;;;;CAKjB,CAAC"}