@simplysm/solid 13.0.0-beta.6 → 13.0.1

package/dist/components/layout/topbar/Topbar.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/layout/topbar/Topbar.tsx"],
-  "sourcesContent": ["import { type JSX, type ParentComponent, splitProps, Show } from \"solid-js\";\nimport { IconMenu2 } from \"@tabler/icons-solidjs\";\nimport clsx from \"clsx\";\nimport { Icon } from \"../../display/Icon\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Button } from \"../../form-control/Button\";\nimport { useSidebarContextOptional } from \"../sidebar/SidebarContext\";\nimport { TopbarContainer } from \"./TopbarContainer\";\nimport { TopbarMenu } from \"./TopbarMenu\";\nimport { TopbarUser } from \"./TopbarUser\";\n\nexport type { TopbarContainerProps } from \"./TopbarContainer\";\nexport type { TopbarMenuItem, TopbarMenuProps } from \"./TopbarMenu\";\nexport type { TopbarUserMenu, TopbarUserProps } from \"./TopbarUser\";\n\nconst baseClass = clsx(\n  // \uB808\uC774\uC544\uC6C3\n  \"flex\",\n  \"flex-row\",\n  \"gap-2\",\n  \"items-center\",\n  // \uD06C\uAE30\n  \"min-h-12\",\n  \"px-2\",\n  // \uBC30\uACBD/\uD14C\uB450\uB9AC\n  \"bg-white\",\n  \"dark:bg-base-950\",\n  \"border-b\",\n  \"border-base-200\",\n  \"dark:border-base-700\",\n  // \uC2A4\uD06C\uB864\n  \"overflow-x-auto\",\n  \"overflow-y-hidden\",\n  // \uAE30\uD0C0\n  \"select-none\",\n);\n\nexport interface TopbarProps extends JSX.HTMLAttributes<HTMLElement> {\n  children: JSX.Element;\n}\n\n/**\n * \uC0C1\uB2E8\uBC14 \uBCF8\uCCB4 \uCEF4\uD3EC\uB10C\uD2B8\n *\n * @remarks\n * - SidebarContext\uAC00 \uC788\uC744 \uACBD\uC6B0 \uC0AC\uC774\uB4DC\uBC14 \uD1A0\uAE00 \uBC84\uD2BC \uC790\uB3D9 \uD45C\uC2DC\n * - SidebarContainer \uB0B4\uBD80\uC5D0\uC11C \uC0AC\uC6A9\uD558\uBA74 \uD1A0\uAE00 \uBC84\uD2BC\uC774 \uB098\uD0C0\uB0A8\n * - \uB2E8\uB3C5 \uC0AC\uC6A9 \uC2DC \uD1A0\uAE00 \uBC84\uD2BC \uC5C6\uC774 \uC21C\uC218 Topbar\uB85C \uB3D9\uC791\n *\n * @example\n * ```tsx\n * <Topbar>\n *   <h1 class=\"text-lg font-bold\">\uC571 \uC774\uB984</h1>\n *   <Topbar.Menu menus={menuItems} />\n *   <div class=\"flex-1\" />\n *   <Topbar.User menus={userMenus}>\uC0AC\uC6A9\uC790</Topbar.User>\n * </Topbar>\n * ```\n */\ninterface TopbarComponent extends ParentComponent<TopbarProps> {\n  Container: typeof TopbarContainer;\n  Menu: typeof TopbarMenu;\n  User: typeof TopbarUser;\n}\n\nconst TopbarBase: ParentComponent<TopbarProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"children\", \"class\"]);\n\n  // SidebarContext \uC120\uD0DD\uC801 \uC0AC\uC6A9 (Context \uC5C6\uC73C\uBA74 \uD1A0\uAE00 \uBC84\uD2BC \uBBF8\uD45C\uC2DC)\n  const sidebarContext = useSidebarContextOptional();\n\n  const handleToggle = () => {\n    sidebarContext?.setToggle((v) => !v);\n  };\n\n  const getClassName = () => twMerge(baseClass, local.class);\n\n  return (\n    <header {...rest} data-topbar class={getClassName()}>\n      <Show when={sidebarContext}>\n        <Button variant=\"ghost\" onClick={handleToggle} class=\"p-2\" aria-label=\"\uC0AC\uC774\uB4DC\uBC14 \uD1A0\uAE00\">\n          <Icon icon={IconMenu2} size=\"1.5em\" />\n        </Button>\n      </Show>\n      {local.children}\n    </header>\n  );\n};\n\nexport const Topbar = TopbarBase as TopbarComponent;\nTopbar.Container = TopbarContainer;\nTopbar.Menu = TopbarMenu;\nTopbar.User = TopbarUser;\n"],
-  "mappings": "AAAA,SAAyC,YAAY,YAAY;AACjE,SAAS,iBAAiB;AAC1B,OAAO,UAAU;AACjB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,iCAAiC;AAC1C,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAM3B,MAAM,YAAY;AAAA;AAAA,EAEhB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAEA;AACF;AA8BA,MAAM,aAA2C,CAAC,UAAU;AAC1D,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,YAAY,OAAO,CAAC;AAG7D,QAAM,iBAAiB,0BAA0B;AAEjD,QAAM,eAAe,MAAM;AACzB,qDAAgB,UAAU,CAAC,MAAM,CAAC;AAAA,EACpC;AAEA,QAAM,eAAe,MAAM,QAAQ,WAAW,MAAM,KAAK;AAEzD,SACE,oCAAC,YAAQ,GAAG,MAAM,eAAW,MAAC,OAAO,aAAa,KAChD,oCAAC,QAAK,MAAM,kBACV,oCAAC,UAAO,SAAQ,SAAQ,SAAS,cAAc,OAAM,OAAM,cAAW,2CACpE,oCAAC,QAAK,MAAM,WAAW,MAAK,SAAQ,CACtC,CACF,GACC,MAAM,QACT;AAEJ;AAEO,MAAM,SAAS;AACtB,OAAO,YAAY;AACnB,OAAO,OAAO;AACd,OAAO,OAAO;",
-  "names": []
+  "mappings": ";;;;;;AAAA,SAAyCA,YAAYC,YAAY;AACjE,SAASC,iBAAiB;AAC1B,OAAOC,UAAU;AACjB,SAASC,YAAY;AACrB,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SAASC,iCAAiC;AAC1C,SAASC,uBAAuB;AAChC,SAASC,kBAAkB;AAC3B,SAASC,kBAAkB;AAM3B,MAAMC,YAAYR;;EAEhB;EACA;EACA;EACA;;EAEA;EACA;;EAEA;EACA;EACA;EACA;EACA;;EAEA;EACA;;EAEA;AACF;AA8BA,MAAMS,aAA4CC,WAAU;AAC1D,QAAM,CAACC,OAAOC,IAAI,IAAIf,WAAWa,OAAO,CAAC,YAAY,OAAO,CAAC;AAG7D,QAAMG,iBAAiBT,0BAA0B;AAEjD,QAAMU,eAAeA,MAAM;AACzBD,qDAAgBE,UAAWC,OAAM,CAACA;EACpC;AAEA,QAAMC,eAAeA,MAAMf,QAAQM,WAAWG,MAAMO,KAAK;AAEzD,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,aAAAF,MAAAG,aACcV,MAAI;MAAA,eAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eAAqBK,aAAa;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAM,aAAAJ,MAAAK,kBAChD1B,MAAI;MAAC2B,MAAMZ;MAAc,IAAAa,WAAA;AAAA,eAAAF,kBACvBrB,QAAM;UAACwB,SAAO;UAASC,SAASd;UAAY,SAAA;UAAA,cAAA;UAAA,IAAAY,WAAA;AAAA,mBAAAF,kBAC1CvB,MAAI;cAAC4B,MAAM9B;cAAW+B,MAAI;YAAA,CAAA;UAAA;QAAA,CAAA;MAAA;IAAA,CAAA,GAAA,IAAA;AAAAP,aAAAJ,MAAA,MAG9BR,MAAMe,UAAQ,IAAA;AAAA,WAAAP;EAAA,GAAA;AAGrB;AAEO,MAAMY,SAAStB;AACtBsB,OAAOC,YAAY3B;AACnB0B,OAAOE,OAAO3B;AACdyB,OAAOG,OAAO3B;",
+  "names": ["splitProps", "Show", "IconMenu2", "clsx", "Icon", "twMerge", "Button", "useSidebarContextOptional", "TopbarContainer", "TopbarMenu", "TopbarUser", "baseClass", "TopbarBase", "props", "local", "rest", "sidebarContext", "handleToggle", "setToggle", "v", "getClassName", "class", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "_$insert", "_$createComponent", "when", "children", "variant", "onClick", "icon", "size", "Topbar", "Container", "Menu", "User"]
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopbarContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/topbar/TopbarContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAc,MAAM,UAAU,CAAC;AAMtE,MAAM,WAAW,oBAAqB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,oBAAoB,CAUjE,CAAC"}

package/dist/components/layout/topbar/TopbarContainer.js

@@ -1,3 +1,8 @@
+import { template as _$template } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div>`);
 import { splitProps } from "solid-js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -5,7 +10,17 @@ const containerClass = clsx("flex h-full flex-col");
 const TopbarContainer = (props) => {
   const [local, rest] = splitProps(props, ["children", "class"]);
   const getClassName = () => twMerge(containerClass, local.class);
-  return /* @__PURE__ */ React.createElement("div", { ...rest, "data-topbar-container": true, class: getClassName() }, local.children);
+  return (() => {
+    var _el$ = _tmpl$();
+    _$spread(_el$, _$mergeProps(rest, {
+      "data-topbar-container": "",
+      get ["class"]() {
+        return getClassName();
+      }
+    }), false, true);
+    _$insert(_el$, () => local.children);
+    return _el$;
+  })();
 };
 export {
   TopbarContainer

package/dist/components/layout/topbar/TopbarContainer.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/layout/topbar/TopbarContainer.tsx"],
-  "sourcesContent": ["import { type JSX, type ParentComponent, splitProps } from \"solid-js\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nconst containerClass = clsx(\"flex h-full flex-col\");\n\nexport interface TopbarContainerProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  children: JSX.Element;\n}\n\n/**\n * Topbar + \uCF58\uD150\uCE20 \uC601\uC5ED\uC744 \uAC10\uC2F8\uB294 \uB808\uC774\uC544\uC6C3 \uCEE8\uD14C\uC774\uB108\n *\n * @remarks\n * - `flex flex-col h-full` \uAD6C\uC870\uB85C Topbar\uC640 \uCF58\uD150\uCE20\uB97C \uC218\uC9C1 \uBC30\uCE58\n * - Context \uC5C6\uC774 \uC21C\uC218 \uB808\uC774\uC544\uC6C3 \uC5ED\uD560\uB9CC \uC218\uD589\n * - \uBD80\uBAA8 \uC694\uC18C\uC5D0 \uB192\uC774\uAC00 \uC9C0\uC815\uB418\uC5B4\uC57C \uD568\n *\n * @example\n * ```tsx\n * <TopbarContainer>\n *   <Topbar>\n *     <h1>\uC571 \uC774\uB984</h1>\n *     <TopbarMenu menus={menuItems} />\n *   </Topbar>\n *   <main class=\"flex-1 overflow-auto\">\uCF58\uD150\uCE20</main>\n * </TopbarContainer>\n * ```\n */\nexport const TopbarContainer: ParentComponent<TopbarContainerProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"children\", \"class\"]);\n\n  const getClassName = () => twMerge(containerClass, local.class);\n\n  return (\n    <div {...rest} data-topbar-container class={getClassName()}>\n      {local.children}\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,SAAyC,kBAAkB;AAC3D,OAAO,UAAU;AACjB,SAAS,eAAe;AAExB,MAAM,iBAAiB,KAAK,sBAAsB;AAyB3C,MAAM,kBAAyD,CAAC,UAAU;AAC/E,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,YAAY,OAAO,CAAC;AAE7D,QAAM,eAAe,MAAM,QAAQ,gBAAgB,MAAM,KAAK;AAE9D,SACE,oCAAC,SAAK,GAAG,MAAM,yBAAqB,MAAC,OAAO,aAAa,KACtD,MAAM,QACT;AAEJ;",
-  "names": []
+  "mappings": ";;;;;AAAA,SAAyCA,kBAAkB;AAC3D,OAAOC,UAAU;AACjB,SAASC,eAAe;AAExB,MAAMC,iBAAiBF,KAAK,sBAAsB;AAyB3C,MAAMG,kBAA0DC,WAAU;AAC/E,QAAM,CAACC,OAAOC,IAAI,IAAIP,WAAWK,OAAO,CAAC,YAAY,OAAO,CAAC;AAE7D,QAAMG,eAAeA,MAAMN,QAAQC,gBAAgBG,MAAMG,KAAK;AAE9D,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,aAAAF,MAAAG,aACWN,MAAI;MAAA,yBAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eAA+BC,aAAa;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAM,aAAAJ,MAAA,MACvDJ,MAAMS,QAAQ;AAAA,WAAAL;EAAA,GAAA;AAGrB;",
+  "names": ["splitProps", "clsx", "twMerge", "containerClass", "TopbarContainer", "props", "local", "rest", "getClassName", "class", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "_$insert", "children"]
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopbarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/topbar/TopbarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAmD,MAAM,UAAU,CAAC;AAErG,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAa1F,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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CAkCjD,CAAC"}

package/dist/components/layout/topbar/TopbarMenu.js

@@ -1,13 +1,21 @@
+import { template as _$template } from "solid-js/web";
+import { memo as _$memo } 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 { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<nav>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div>`), _tmpl$3 = /* @__PURE__ */ _$template(`<span>`), _tmpl$4 = /* @__PURE__ */ _$template(`<span class=truncate>`);
 import { For, Show, splitProps, createSignal, createMemo } from "solid-js";
 import { useLocation, useNavigate } from "@solidjs/router";
 import { IconChevronDown, IconDotsVertical } from "@tabler/icons-solidjs";
-import { Icon } from "../../display/Icon";
+import { Icon } from "../../display/Icon.js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
-import { Button } from "../../form-control/Button";
-import { Dropdown } from "../../disclosure/Dropdown";
-import { List } from "../../data/list/List";
-import { ListItem } from "../../data/list/ListItem";
+import { Button } from "../../form-control/Button.js";
+import { Dropdown } from "../../disclosure/Dropdown.js";
+import { List } from "../../data/list/List.js";
+import { ListItem } from "../../data/list/ListItem.js";
 const desktopNavBaseClass = clsx("hidden sm:flex", "flex-row gap-1", "items-center");
 const mobileWrapperClass = clsx("flex sm:hidden");
 const menuButtonContentClass = clsx("flex items-center", "gap-1");
@@ -15,18 +23,70 @@ const TopbarMenu = (props) => {
   const [local, rest] = splitProps(props, ["menus", "class"]);
   const [mobileMenuOpen, setMobileMenuOpen] = createSignal(false);
   let mobileButtonRef;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("nav", { ...rest, "data-topbar-menu": true, class: twMerge(desktopNavBaseClass, local.class) }, /* @__PURE__ */ React.createElement(For, { each: local.menus }, (menu) => /* @__PURE__ */ React.createElement(TopbarMenuButton, { menu }))), /* @__PURE__ */ React.createElement("div", { class: mobileWrapperClass }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      ref: mobileButtonRef,
+  return [(() => {
+    var _el$ = _tmpl$();
+    _$spread(_el$, _$mergeProps(rest, {
+      "data-topbar-menu": "",
+      get ["class"]() {
+        return twMerge(desktopNavBaseClass, local.class);
+      }
+    }), false, true);
+    _$insert(_el$, _$createComponent(For, {
+      get each() {
+        return local.menus;
+      },
+      children: (menu) => _$createComponent(TopbarMenuButton, {
+        menu
+      })
+    }));
+    return _el$;
+  })(), (() => {
+    var _el$2 = _tmpl$2();
+    _$className(_el$2, mobileWrapperClass);
+    _$insert(_el$2, _$createComponent(Button, {
+      ref(r$) {
+        var _ref$ = mobileButtonRef;
+        typeof _ref$ === "function" ? _ref$(r$) : mobileButtonRef = r$;
+      },
       variant: "ghost",
       onClick: () => setMobileMenuOpen((v) => !v),
       "aria-label": "\uBA54\uB274",
       "aria-haspopup": "menu",
-      "aria-expanded": mobileMenuOpen()
-    },
-    /* @__PURE__ */ React.createElement(Icon, { icon: IconDotsVertical, size: "1.25em" })
-  ), /* @__PURE__ */ React.createElement(Dropdown, { triggerRef: () => mobileButtonRef, open: mobileMenuOpen(), onOpenChange: setMobileMenuOpen }, /* @__PURE__ */ React.createElement(List, { inset: true }, /* @__PURE__ */ React.createElement(For, { each: local.menus }, (menu) => /* @__PURE__ */ React.createElement(TopbarMenuDropdownItem, { menu, onClose: () => setMobileMenuOpen(false) }))))));
+      get ["aria-expanded"]() {
+        return mobileMenuOpen();
+      },
+      get children() {
+        return _$createComponent(Icon, {
+          icon: IconDotsVertical,
+          size: "1.25em"
+        });
+      }
+    }), null);
+    _$insert(_el$2, _$createComponent(Dropdown, {
+      triggerRef: () => mobileButtonRef,
+      get open() {
+        return mobileMenuOpen();
+      },
+      onOpenChange: setMobileMenuOpen,
+      get children() {
+        return _$createComponent(List, {
+          inset: true,
+          get children() {
+            return _$createComponent(For, {
+              get each() {
+                return local.menus;
+              },
+              children: (menu) => _$createComponent(TopbarMenuDropdownItem, {
+                menu,
+                onClose: () => setMobileMenuOpen(false)
+              })
+            });
+          }
+        });
+      }
+    }), null);
+    return _el$2;
+  })()];
 };
 const TopbarMenuButton = (props) => {
   const location = useLocation();
@@ -63,21 +123,86 @@ const TopbarMenuButton = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      ref: buttonRef,
-      variant: isSelected() ? "solid" : "ghost",
-      theme: isSelected() ? "primary" : "base",
-      onClick: handleClick,
-      class: menuButtonContentClass,
-      "aria-haspopup": hasChildren() ? "menu" : void 0,
-      "aria-expanded": hasChildren() ? open() : void 0
+  return [_$createComponent(Button, {
+    ref(r$) {
+      var _ref$2 = buttonRef;
+      typeof _ref$2 === "function" ? _ref$2(r$) : buttonRef = r$;
+    },
+    get variant() {
+      return isSelected() ? "solid" : "ghost";
+    },
+    get theme() {
+      return isSelected() ? "primary" : "base";
+    },
+    onClick: handleClick,
+    "class": menuButtonContentClass,
+    get ["aria-haspopup"]() {
+      return hasChildren() ? "menu" : void 0;
+    },
+    get ["aria-expanded"]() {
+      return _$memo(() => !!hasChildren())() ? open() : void 0;
     },
-    /* @__PURE__ */ React.createElement(Show, { when: props.menu.icon }, /* @__PURE__ */ React.createElement(Icon, { icon: props.menu.icon })),
-    /* @__PURE__ */ React.createElement("span", null, props.menu.title),
-    /* @__PURE__ */ React.createElement(Show, { when: hasChildren() }, /* @__PURE__ */ React.createElement(Icon, { icon: IconChevronDown, size: "1em", class: clsx("transition-transform", open() && "rotate-180") }))
-  ), /* @__PURE__ */ React.createElement(Show, { when: hasChildren() }, /* @__PURE__ */ React.createElement(Dropdown, { triggerRef: () => buttonRef, open: open(), onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(List, { inset: true }, /* @__PURE__ */ React.createElement(For, { each: props.menu.children }, (child) => /* @__PURE__ */ React.createElement(TopbarMenuDropdownItem, { menu: child, onClose: () => setOpen(false) }))))));
+    get children() {
+      return [_$createComponent(Show, {
+        get when() {
+          return props.menu.icon;
+        },
+        get children() {
+          return _$createComponent(Icon, {
+            get icon() {
+              return props.menu.icon;
+            }
+          });
+        }
+      }), (() => {
+        var _el$3 = _tmpl$3();
+        _$insert(_el$3, () => props.menu.title);
+        return _el$3;
+      })(), _$createComponent(Show, {
+        get when() {
+          return hasChildren();
+        },
+        get children() {
+          return _$createComponent(Icon, {
+            icon: IconChevronDown,
+            size: "1em",
+            get ["class"]() {
+              return clsx("transition-transform", open() && "rotate-180");
+            }
+          });
+        }
+      })];
+    }
+  }), _$createComponent(Show, {
+    get when() {
+      return hasChildren();
+    },
+    get children() {
+      return _$createComponent(Dropdown, {
+        triggerRef: () => buttonRef,
+        get open() {
+          return open();
+        },
+        onOpenChange: setOpen,
+        get children() {
+          return _$createComponent(List, {
+            inset: true,
+            get children() {
+              return _$createComponent(For, {
+                get each() {
+                  return props.menu.children;
+                },
+                children: (child) => _$createComponent(TopbarMenuDropdownItem, {
+                  menu: child,
+                  onClose: () => setOpen(false)
+                })
+              });
+            }
+          });
+        }
+      });
+    }
+  })];
 };
 const TopbarMenuDropdownItem = (props) => {
   const location = useLocation();
@@ -98,7 +223,54 @@ const TopbarMenuDropdownItem = (props) => {
       props.onClose();
     }
   };
-  return /* @__PURE__ */ React.createElement(ListItem, { selected: isSelected(), readonly: props.menu.href === void 0 && hasChildren(), onClick: handleClick }, /* @__PURE__ */ React.createElement(Show, { when: props.menu.icon }, /* @__PURE__ */ React.createElement(Icon, { icon: props.menu.icon })), /* @__PURE__ */ React.createElement("span", { class: "truncate" }, props.menu.title), /* @__PURE__ */ React.createElement(Show, { when: hasChildren() }, /* @__PURE__ */ React.createElement(ListItem.Children, null, /* @__PURE__ */ React.createElement(For, { each: props.menu.children }, (child) => /* @__PURE__ */ React.createElement(TopbarMenuDropdownItem, { menu: child, onClose: props.onClose })))));
+  return _$createComponent(ListItem, {
+    get selected() {
+      return isSelected();
+    },
+    get readonly() {
+      return _$memo(() => props.menu.href === void 0)() && hasChildren();
+    },
+    onClick: handleClick,
+    get children() {
+      return [_$createComponent(Show, {
+        get when() {
+          return props.menu.icon;
+        },
+        get children() {
+          return _$createComponent(Icon, {
+            get icon() {
+              return props.menu.icon;
+            }
+          });
+        }
+      }), (() => {
+        var _el$4 = _tmpl$4();
+        _$insert(_el$4, () => props.menu.title);
+        return _el$4;
+      })(), _$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(TopbarMenuDropdownItem, {
+                  menu: child,
+                  get onClose() {
+                    return props.onClose;
+                  }
+                })
+              });
+            }
+          });
+        }
+      })];
+    }
+  });
 };
 export {
   TopbarMenu

package/dist/components/layout/topbar/TopbarMenu.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/layout/topbar/TopbarMenu.tsx"],
-  "sourcesContent": ["import { type Component, type JSX, For, Show, splitProps, createSignal, createMemo } from \"solid-js\";\nimport { useLocation, useNavigate } from \"@solidjs/router\";\nimport { IconChevronDown, IconDotsVertical, type IconProps } from \"@tabler/icons-solidjs\";\nimport { Icon } from \"../../display/Icon\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Button } from \"../../form-control/Button\";\nimport { Dropdown } from \"../../disclosure/Dropdown\";\nimport { List } from \"../../data/list/List\";\nimport { ListItem } from \"../../data/list/ListItem\";\n\nconst desktopNavBaseClass = clsx(\"hidden sm:flex\", \"flex-row gap-1\", \"items-center\");\nconst mobileWrapperClass = clsx(\"flex sm:hidden\");\nconst menuButtonContentClass = clsx(\"flex items-center\", \"gap-1\");\n\nexport interface TopbarMenuItem {\n  title: string;\n  href?: string;\n  icon?: Component<IconProps>;\n  children?: TopbarMenuItem[];\n}\n\nexport interface TopbarMenuProps extends Omit<JSX.HTMLAttributes<HTMLElement>, \"children\"> {\n  /**\n   * \uBA54\uB274 \uC544\uC774\uD15C \uBC30\uC5F4\n   */\n  menus: TopbarMenuItem[];\n}\n\n/**\n * Topbar \uB4DC\uB86D\uB2E4\uC6B4 \uBA54\uB274 \uCEF4\uD3EC\uB10C\uD2B8\n *\n * @remarks\n * - children\uC774 \uC788\uB294 \uD56D\uBAA9: \uD074\uB9AD \uC2DC \uB4DC\uB86D\uB2E4\uC6B4 \uD45C\uC2DC\n * - children\uC774 \uC5C6\uB294 \uD56D\uBAA9: \uD074\uB9AD \uC2DC \uBC14\uB85C \uB124\uBE44\uAC8C\uC774\uC158\n * - \uC678\uBD80 \uB9C1\uD06C(://\uD3EC\uD568)\uB294 \uC0C8 \uD0ED\uC5D0\uC11C \uC5F4\uAE30\n * - pathname \uC815\uD655 \uC77C\uCE58\uB85C \uC120\uD0DD \uC0C1\uD0DC \uD310\uB2E8\n * - \uD558\uC704 \uBA54\uB274\uB294 List/ListItem\uC73C\uB85C \uB80C\uB354\uB9C1 (\uBAA8\uB4E0 \uACC4\uCE35 \uD3BC\uCE68)\n *\n * @example\n * ```tsx\n * <TopbarMenu menus={[\n *   { title: \"\uB300\uC2DC\uBCF4\uB4DC\", href: \"/dashboard\", icon: IconHome },\n *   {\n *     title: \"\uBA54\uB2741\",\n *     icon: IconFolder,\n *     children: [\n *       { title: \"\uC11C\uBE0C\uBA54\uB2741\", href: \"/menu1/sub1\" },\n *       { title: \"\uC11C\uBE0C\uBA54\uB2742\", href: \"/menu1/sub2\" },\n *     ],\n *   },\n * ]} />\n * ```\n */\nexport const TopbarMenu: Component<TopbarMenuProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"menus\", \"class\"]);\n  const [mobileMenuOpen, setMobileMenuOpen] = createSignal(false);\n  let mobileButtonRef: HTMLButtonElement | undefined;\n\n  return (\n    <>\n      {/* \uB370\uC2A4\uD06C\uD0D1 \uBA54\uB274 (640px \uC774\uC0C1\uC5D0\uC11C\uB9CC \uD45C\uC2DC) */}\n      <nav {...rest} data-topbar-menu class={twMerge(desktopNavBaseClass, local.class)}>\n        <For each={local.menus}>{(menu) => <TopbarMenuButton menu={menu} />}</For>\n      </nav>\n\n      {/* \uBAA8\uBC14\uC77C \uD584\uBC84\uAC70 (640px \uBBF8\uB9CC\uC5D0\uC11C\uB9CC \uD45C\uC2DC) */}\n      <div class={mobileWrapperClass}>\n        <Button\n          ref={mobileButtonRef}\n          variant=\"ghost\"\n          onClick={() => setMobileMenuOpen((v) => !v)}\n          aria-label=\"\uBA54\uB274\"\n          aria-haspopup=\"menu\"\n          aria-expanded={mobileMenuOpen()}\n        >\n          <Icon icon={IconDotsVertical} size=\"1.25em\" />\n        </Button>\n        <Dropdown triggerRef={() => mobileButtonRef} open={mobileMenuOpen()} onOpenChange={setMobileMenuOpen}>\n          <List inset>\n            <For each={local.menus}>\n              {(menu) => <TopbarMenuDropdownItem menu={menu} onClose={() => setMobileMenuOpen(false)} />}\n            </For>\n          </List>\n        </Dropdown>\n      </div>\n    </>\n  );\n};\n\ninterface TopbarMenuButtonProps {\n  menu: TopbarMenuItem;\n}\n\nconst TopbarMenuButton: Component<TopbarMenuButtonProps> = (props) => {\n  const location = useLocation();\n  const navigate = useNavigate();\n\n  const [open, setOpen] = createSignal(false);\n  let buttonRef: HTMLButtonElement | undefined;\n\n  const hasChildren = () => props.menu.children !== undefined && props.menu.children.length > 0;\n  const isExternalLink = () => props.menu.href?.includes(\"://\") ?? false;\n\n  const isAnyChildSelected = (items: TopbarMenuItem[]): boolean => {\n    for (const item of items) {\n      if (item.href === location.pathname) return true;\n      if (item.children && isAnyChildSelected(item.children)) return true;\n    }\n    return false;\n  };\n\n  // \uD604\uC7AC \uBA54\uB274 \uB610\uB294 \uD558\uC704 \uBA54\uB274\uAC00 \uC120\uD0DD\uB418\uC5C8\uB294\uC9C0 \uD655\uC778 (createMemo\uB85C \uCE90\uC2F1)\n  const isSelected = createMemo(() => {\n    if (props.menu.href === location.pathname) return true;\n    if (props.menu.children) {\n      return isAnyChildSelected(props.menu.children);\n    }\n    return false;\n  });\n\n  const handleClick = () => {\n    if (hasChildren()) {\n      setOpen((v) => !v);\n    } else if (props.menu.href !== undefined) {\n      if (isExternalLink()) {\n        window.open(props.menu.href, \"_blank\", \"noopener,noreferrer\");\n      } else {\n        navigate(props.menu.href);\n      }\n    }\n  };\n\n  return (\n    <>\n      <Button\n        ref={buttonRef}\n        variant={isSelected() ? \"solid\" : \"ghost\"}\n        theme={isSelected() ? \"primary\" : \"base\"}\n        onClick={handleClick}\n        class={menuButtonContentClass}\n        aria-haspopup={hasChildren() ? \"menu\" : undefined}\n        aria-expanded={hasChildren() ? open() : undefined}\n      >\n        <Show when={props.menu.icon}>\n          <Icon icon={props.menu.icon!} />\n        </Show>\n        <span>{props.menu.title}</span>\n        <Show when={hasChildren()}>\n          <Icon icon={IconChevronDown} size=\"1em\" class={clsx(\"transition-transform\", open() && \"rotate-180\")} />\n        </Show>\n      </Button>\n      <Show when={hasChildren()}>\n        <Dropdown triggerRef={() => buttonRef} open={open()} onOpenChange={setOpen}>\n          <List inset>\n            <For each={props.menu.children}>\n              {(child) => <TopbarMenuDropdownItem menu={child} onClose={() => setOpen(false)} />}\n            </For>\n          </List>\n        </Dropdown>\n      </Show>\n    </>\n  );\n};\n\ninterface TopbarMenuDropdownItemProps {\n  menu: TopbarMenuItem;\n  onClose: () => void;\n}\n\nconst TopbarMenuDropdownItem: Component<TopbarMenuDropdownItemProps> = (props) => {\n  const location = useLocation();\n  const navigate = useNavigate();\n\n  const hasChildren = () => props.menu.children !== undefined && props.menu.children.length > 0;\n  const isExternalLink = () => props.menu.href?.includes(\"://\") ?? false;\n  const isSelected = () => props.menu.href === location.pathname;\n\n  const handleClick = () => {\n    if (props.menu.href !== undefined) {\n      if (isExternalLink()) {\n        window.open(props.menu.href, \"_blank\", \"noopener,noreferrer\");\n      } else {\n        navigate(props.menu.href);\n      }\n      props.onClose();\n    }\n    // href\uAC00 \uC5C6\uACE0 children\uB9CC \uC788\uB294 \uACBD\uC6B0 \uD074\uB9AD\uD574\uB3C4 \uB2EB\uD788\uC9C0 \uC54A\uC74C\n  };\n\n  return (\n    <ListItem selected={isSelected()} readonly={props.menu.href === undefined && hasChildren()} onClick={handleClick}>\n      <Show when={props.menu.icon}>\n        <Icon icon={props.menu.icon!} />\n      </Show>\n      <span class=\"truncate\">{props.menu.title}</span>\n      <Show when={hasChildren()}>\n        <ListItem.Children>\n          <For each={props.menu.children}>\n            {(child) => <TopbarMenuDropdownItem menu={child} onClose={props.onClose} />}\n          </For>\n        </ListItem.Children>\n      </Show>\n    </ListItem>\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["For", "Show", "splitProps", "createSignal", "createMemo", "useLocation", "useNavigate", "IconChevronDown", "IconDotsVertical", "Icon", "clsx", "twMerge", "Button", "Dropdown", "List", "ListItem", "desktopNavBaseClass", "mobileWrapperClass", "menuButtonContentClass", "TopbarMenu", "props", "local", "rest", "mobileMenuOpen", "setMobileMenuOpen", "mobileButtonRef", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "class", "_$insert", "_$createComponent", "each", "menus", "children", "menu", "TopbarMenuButton", "_el$2", "_tmpl$2", "_$className", "ref", "r$", "_ref$", "variant", "onClick", "v", "icon", "size", "triggerRef", "open", "onOpenChange", "inset", "TopbarMenuDropdownItem", "onClose", "location", "navigate", "setOpen", "buttonRef", "hasChildren", "undefined", "length", "isExternalLink", "href", "includes", "isAnyChildSelected", "items", "item", "pathname", "isSelected", "handleClick", "window", "_ref$2", "theme", "_$memo", "when", "_el$3", "_tmpl$3", "title", "child", "selected", "readonly", "_el$4", "_tmpl$4", "Children"]
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopbarUser.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/topbar/TopbarUser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,GAAG,EAAE,KAAK,eAAe,EAAoB,MAAM,UAAU,CAAC;AAa/F,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;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,eAAe,CA+CvD,CAAC"}

package/dist/components/layout/topbar/TopbarUser.js

@@ -1,12 +1,19 @@
+import { template as _$template } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } 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";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div>`);
 import { createSignal, For, Show, splitProps } from "solid-js";
 import { IconChevronDown } from "@tabler/icons-solidjs";
 import clsx from "clsx";
-import { Icon } from "../../display/Icon";
+import { Icon } from "../../display/Icon.js";
 import { twMerge } from "tailwind-merge";
-import { Button } from "../../form-control/Button";
-import { Dropdown } from "../../disclosure/Dropdown";
-import { List } from "../../data/list/List";
-import { ListItem } from "../../data/list/ListItem";
+import { Button } from "../../form-control/Button.js";
+import { Dropdown } from "../../disclosure/Dropdown.js";
+import { List } from "../../data/list/List.js";
+import { ListItem } from "../../data/list/ListItem.js";
 const wrapperBaseClass = clsx("flex items-center");
 const buttonContentClass = clsx("flex items-center", "gap-1");
 const TopbarUser = (props) => {
@@ -24,19 +31,79 @@ const TopbarUser = (props) => {
     menu.onClick();
   };
   const getClassName = () => twMerge(wrapperBaseClass, local.class);
-  return /* @__PURE__ */ React.createElement("div", { ...rest, "data-topbar-user": true, class: getClassName() }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      ref: buttonRef,
+  return (() => {
+    var _el$ = _tmpl$();
+    _$spread(_el$, _$mergeProps(rest, {
+      "data-topbar-user": "",
+      get ["class"]() {
+        return getClassName();
+      }
+    }), false, true);
+    _$insert(_el$, _$createComponent(Button, {
+      ref(r$) {
+        var _ref$ = buttonRef;
+        typeof _ref$ === "function" ? _ref$(r$) : buttonRef = r$;
+      },
       variant: "ghost",
       onClick: handleClick,
-      class: buttonContentClass,
-      "aria-haspopup": hasMenus() ? "menu" : void 0,
-      "aria-expanded": hasMenus() ? open() : void 0
-    },
-    local.children,
-    /* @__PURE__ */ React.createElement(Show, { when: hasMenus() }, /* @__PURE__ */ React.createElement(Icon, { icon: IconChevronDown, size: "1em", class: clsx("transition-transform", open() && "rotate-180") }))
-  ), /* @__PURE__ */ React.createElement(Show, { when: hasMenus() }, /* @__PURE__ */ React.createElement(Dropdown, { triggerRef: () => buttonRef, open: open(), onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(List, { inset: true }, /* @__PURE__ */ React.createElement(For, { each: local.menus }, (menu) => /* @__PURE__ */ React.createElement(ListItem, { onClick: () => handleMenuClick(menu) }, menu.title))))));
+      "class": buttonContentClass,
+      get ["aria-haspopup"]() {
+        return hasMenus() ? "menu" : void 0;
+      },
+      get ["aria-expanded"]() {
+        return _$memo(() => !!hasMenus())() ? open() : void 0;
+      },
+      get children() {
+        return [_$memo(() => local.children), _$createComponent(Show, {
+          get when() {
+            return hasMenus();
+          },
+          get children() {
+            return _$createComponent(Icon, {
+              icon: IconChevronDown,
+              size: "1em",
+              get ["class"]() {
+                return clsx("transition-transform", open() && "rotate-180");
+              }
+            });
+          }
+        })];
+      }
+    }), null);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return hasMenus();
+      },
+      get children() {
+        return _$createComponent(Dropdown, {
+          triggerRef: () => buttonRef,
+          get open() {
+            return open();
+          },
+          onOpenChange: setOpen,
+          get children() {
+            return _$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);
+    return _el$;
+  })();
 };
 export {
   TopbarUser

package/dist/components/layout/topbar/TopbarUser.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/layout/topbar/TopbarUser.tsx"],
-  "sourcesContent": ["import { createSignal, For, type JSX, type ParentComponent, Show, splitProps } from \"solid-js\";\nimport { IconChevronDown } from \"@tabler/icons-solidjs\";\nimport clsx from \"clsx\";\nimport { Icon } from \"../../display/Icon\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Button } from \"../../form-control/Button\";\nimport { Dropdown } from \"../../disclosure/Dropdown\";\nimport { List } from \"../../data/list/List\";\nimport { ListItem } from \"../../data/list/ListItem\";\n\nconst wrapperBaseClass = clsx(\"flex items-center\");\nconst buttonContentClass = clsx(\"flex items-center\", \"gap-1\");\n\nexport interface TopbarUserMenu {\n  title: string;\n  onClick: () => void;\n}\n\nexport interface TopbarUserProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onClick\"> {\n  /**\n   * \uB4DC\uB86D\uB2E4\uC6B4 \uBA54\uB274 (\uC788\uC744 \uB54C\uB9CC \uB4DC\uB86D\uB2E4\uC6B4 \uD45C\uC2DC)\n   */\n  menus?: TopbarUserMenu[];\n\n  /**\n   * \uC0AC\uC6A9\uC790 \uC815\uBCF4 \uC601\uC5ED (\uCEE4\uC2A4\uD130\uB9C8\uC774\uC9D5)\n   */\n  children: JSX.Element;\n}\n\n/**\n * Topbar \uC0AC\uC6A9\uC790 \uC815\uBCF4 \uCEF4\uD3EC\uB10C\uD2B8\n *\n * @remarks\n * - children\uC73C\uB85C \uC0AC\uC6A9\uC790 \uC815\uBCF4 \uD45C\uC2DC \uCEE4\uC2A4\uD130\uB9C8\uC774\uC9D5\n * - menus\uAC00 \uC788\uC744 \uB54C \uD074\uB9AD \uC2DC Dropdown\uC73C\uB85C \uBA54\uB274 \uD45C\uC2DC\n * - Button\uC758 ghost \uC2A4\uD0C0\uC77C \uC0AC\uC6A9\n *\n * @example\n * ```tsx\n * <TopbarUser menus={[\n *   { title: \"\uD504\uB85C\uD544\", onClick: () => navigate(\"/profile\") },\n *   { title: \"\uB85C\uADF8\uC544\uC6C3\", onClick: handleLogout },\n * ]}>\n *   <span>\uC0AC\uC6A9\uC790\uBA85</span>\n * </TopbarUser>\n * ```\n */\nexport const TopbarUser: ParentComponent<TopbarUserProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"menus\"]);\n\n  const [open, setOpen] = createSignal(false);\n  let buttonRef: HTMLButtonElement | undefined;\n\n  const hasMenus = () => local.menus !== undefined && local.menus.length > 0;\n\n  const handleClick = () => {\n    if (hasMenus()) {\n      setOpen((v) => !v);\n    }\n  };\n\n  const handleMenuClick = (menu: TopbarUserMenu) => {\n    setOpen(false);\n    menu.onClick();\n  };\n\n  const getClassName = () => twMerge(wrapperBaseClass, local.class);\n\n  return (\n    <div {...rest} data-topbar-user class={getClassName()}>\n      <Button\n        ref={buttonRef}\n        variant=\"ghost\"\n        onClick={handleClick}\n        class={buttonContentClass}\n        aria-haspopup={hasMenus() ? \"menu\" : undefined}\n        aria-expanded={hasMenus() ? open() : undefined}\n      >\n        {local.children}\n        <Show when={hasMenus()}>\n          <Icon icon={IconChevronDown} size=\"1em\" class={clsx(\"transition-transform\", open() && \"rotate-180\")} />\n        </Show>\n      </Button>\n      <Show when={hasMenus()}>\n        <Dropdown triggerRef={() => buttonRef} open={open()} onOpenChange={setOpen}>\n          <List inset>\n            <For each={local.menus}>\n              {(menu) => <ListItem onClick={() => handleMenuClick(menu)}>{menu.title}</ListItem>}\n            </For>\n          </List>\n        </Dropdown>\n      </Show>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,SAAS,cAAc,KAAqC,MAAM,kBAAkB;AACpF,SAAS,uBAAuB;AAChC,OAAO,UAAU;AACjB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,MAAM,mBAAmB,KAAK,mBAAmB;AACjD,MAAM,qBAAqB,KAAK,qBAAqB,OAAO;AAqCrD,MAAM,aAA+C,CAAC,UAAU;AACrE,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,YAAY,SAAS,OAAO,CAAC;AAEtE,QAAM,CAAC,MAAM,OAAO,IAAI,aAAa,KAAK;AAC1C,MAAI;AAEJ,QAAM,WAAW,MAAM,MAAM,UAAU,UAAa,MAAM,MAAM,SAAS;AAEzE,QAAM,cAAc,MAAM;AACxB,QAAI,SAAS,GAAG;AACd,cAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,IACnB;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,SAAyB;AAChD,YAAQ,KAAK;AACb,SAAK,QAAQ;AAAA,EACf;AAEA,QAAM,eAAe,MAAM,QAAQ,kBAAkB,MAAM,KAAK;AAEhE,SACE,oCAAC,SAAK,GAAG,MAAM,oBAAgB,MAAC,OAAO,aAAa,KAClD;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,MACP,iBAAe,SAAS,IAAI,SAAS;AAAA,MACrC,iBAAe,SAAS,IAAI,KAAK,IAAI;AAAA;AAAA,IAEpC,MAAM;AAAA,IACP,oCAAC,QAAK,MAAM,SAAS,KACnB,oCAAC,QAAK,MAAM,iBAAiB,MAAK,OAAM,OAAO,KAAK,wBAAwB,KAAK,KAAK,YAAY,GAAG,CACvG;AAAA,EACF,GACA,oCAAC,QAAK,MAAM,SAAS,KACnB,oCAAC,YAAS,YAAY,MAAM,WAAW,MAAM,KAAK,GAAG,cAAc,WACjE,oCAAC,QAAK,OAAK,QACT,oCAAC,OAAI,MAAM,MAAM,SACd,CAAC,SAAS,oCAAC,YAAS,SAAS,MAAM,gBAAgB,IAAI,KAAI,KAAK,KAAM,CACzE,CACF,CACF,CACF,CACF;AAEJ;",
-  "names": []
+  "mappings": ";;;;;;;AAAA,SAASA,cAAcC,KAAqCC,MAAMC,kBAAkB;AACpF,SAASC,uBAAuB;AAChC,OAAOC,UAAU;AACjB,SAASC,YAAY;AACrB,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SAASC,gBAAgB;AACzB,SAASC,YAAY;AACrB,SAASC,gBAAgB;AAEzB,MAAMC,mBAAmBP,KAAK,mBAAmB;AACjD,MAAMQ,qBAAqBR,KAAK,qBAAqB,OAAO;AAqCrD,MAAMS,aAAgDC,WAAU;AACrE,QAAM,CAACC,OAAOC,IAAI,IAAId,WAAWY,OAAO,CAAC,YAAY,SAAS,OAAO,CAAC;AAEtE,QAAM,CAACG,MAAMC,OAAO,IAAInB,aAAa,KAAK;AAC1C,MAAIoB;AAEJ,QAAMC,WAAWA,MAAML,MAAMM,UAAUC,UAAaP,MAAMM,MAAME,SAAS;AAEzE,QAAMC,cAAcA,MAAM;AACxB,QAAIJ,SAAS,GAAG;AACdF,cAASO,OAAM,CAACA,CAAC;IACnB;EACF;AAEA,QAAMC,kBAAmBC,UAAyB;AAChDT,YAAQ,KAAK;AACbS,SAAKC,QAAQ;EACf;AAEA,QAAMC,eAAeA,MAAMvB,QAAQK,kBAAkBI,MAAMe,KAAK;AAEhE,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,aAAAF,MAAAG,aACWlB,MAAI;MAAA,oBAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eAA0Ba,aAAa;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAM,aAAAJ,MAAAK,kBAClD7B,QAAM;MAAA8B,IAAAC,IAAA;AAAA,YAAAC,QACApB;AAAS,eAAAoB,UAAA,aAAAA,MAAAD,EAAA,IAATnB,YAASmB;MAAA;MACdE,SAAO;MACPZ,SAASJ;MAAW,SACbZ;MAAkB,KAAA,eAAA,IAAA;AAAA,eACVQ,SAAS,IAAI,SAASE;MAAS;MAAA,KAAA,eAAA,IAAA;AAAA,eAC/BmB,OAAA,MAAA,CAAA,CAAArB,SAAS,CAAC,EAAA,IAAGH,KAAK,IAAIK;MAAS;MAAA,IAAAoB,WAAA;AAAA,eAAA,CAAAD,OAAA,MAE7C1B,MAAM2B,QAAQ,GAAAN,kBACdnC,MAAI;UAAA,IAAC0C,OAAI;AAAA,mBAAEvB,SAAS;UAAC;UAAA,IAAAsB,WAAA;AAAA,mBAAAN,kBACnB/B,MAAI;cAACuC,MAAMzC;cAAiB0C,MAAI;cAAA,KAAA,OAAA,IAAA;AAAA,uBAAczC,KAAK,wBAAwBa,KAAK,KAAK,YAAY;cAAC;YAAA,CAAA;UAAA;QAAA,CAAA,CAAA;MAAA;IAAA,CAAA,GAAA,IAAA;AAAAkB,aAAAJ,MAAAK,kBAGtGnC,MAAI;MAAA,IAAC0C,OAAI;AAAA,eAAEvB,SAAS;MAAC;MAAA,IAAAsB,WAAA;AAAA,eAAAN,kBACnB5B,UAAQ;UAACsC,YAAYA,MAAM3B;UAAS,IAAEF,OAAI;AAAA,mBAAEA,KAAK;UAAC;UAAE8B,cAAc7B;UAAO,IAAAwB,WAAA;AAAA,mBAAAN,kBACvE3B,MAAI;cAACuC,OAAK;cAAA,IAAAN,WAAA;AAAA,uBAAAN,kBACRpC,KAAG;kBAAA,IAACiD,OAAI;AAAA,2BAAElC,MAAMM;kBAAK;kBAAAqB,UAClBf,UAAIS,kBAAM1B,UAAQ;oBAACkB,SAASA,MAAMF,gBAAgBC,IAAI;oBAAC,IAAAe,WAAA;AAAA,6BAAGf,KAAKuB;oBAAK;kBAAA,CAAA;gBAAY,CAAA;cAAA;YAAA,CAAA;UAAA;QAAA,CAAA;MAAA;IAAA,CAAA,GAAA,IAAA;AAAA,WAAAnB;EAAA,GAAA;AAOhG;",
+  "names": ["createSignal", "For", "Show", "splitProps", "IconChevronDown", "clsx", "Icon", "twMerge", "Button", "Dropdown", "List", "ListItem", "wrapperBaseClass", "buttonContentClass", "TopbarUser", "props", "local", "rest", "open", "setOpen", "buttonRef", "hasMenus", "menus", "undefined", "length", "handleClick", "v", "handleMenuClick", "menu", "onClick", "getClassName", "class", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "_$insert", "_$createComponent", "ref", "r$", "_ref$", "variant", "_$memo", "children", "when", "icon", "size", "triggerRef", "onOpenChange", "inset", "each", "title"]
 }

package/dist/directives/ripple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../src/directives/ripple.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGzC,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,GAAG,CAAC;QACZ,UAAU,UAAU;YAClB,MAAM,EAAE,OAAO,CAAC;SACjB;KACF;CACF;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,CA6HzE"}

package/dist/directives/ripple.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/directives/ripple.ts"],
-  "sourcesContent": ["import type { Accessor } from \"solid-js\";\nimport { onCleanup } from \"solid-js\";\n\ndeclare module \"solid-js\" {\n  namespace JSX {\n    interface Directives {\n      ripple: boolean;\n    }\n  }\n}\n\n/**\n * \uC778\uD130\uB799\uD2F0\uBE0C \uC694\uC18C\uC5D0 ripple \uD6A8\uACFC\uB97C \uCD94\uAC00\uD558\uB294 directive.\n *\n * @remarks\n * - \uB0B4\uBD80\uC5D0 ripple-container div\uB97C \uC0DD\uC131\uD558\uC5EC overflow: hidden \uC801\uC6A9 (\uBD80\uBAA8 \uC694\uC18C \uC601\uD5A5 \uC5C6\uC74C)\n * - \uC694\uC18C\uC758 position\uC774 `static`\uC77C \uB54C\uB9CC `relative`\uB85C \uBCC0\uACBD (cleanup \uC2DC \uC6D0\uB798 \uAC12 \uBCF5\uC6D0)\n * - \uB2E8\uC77C ripple \uBAA8\uB4DC: \uC0C8 \uD074\uB9AD \uC2DC \uC774\uC804 ripple \uC81C\uAC70\n * - `prefers-reduced-motion: reduce` \uC124\uC815 \uC2DC ripple \uBE44\uD65C\uC131\uD654\n *\n * @example\n * ```tsx\n * <button use:ripple={!props.disabled}>Click me</button>\n * ```\n */\nexport function ripple(el: HTMLElement, accessor: Accessor<boolean>): void {\n  let containerEl: HTMLDivElement | undefined;\n  let indicatorEl: HTMLDivElement | undefined;\n  let rafId: number | undefined;\n  let originalPosition: string | undefined;\n  let positionApplied = false;\n\n  const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\n  // ripple container \uC0DD\uC131 (\uB0B4\uBD80\uC5D0\uC11C overflow: hidden \uCC98\uB9AC)\n  const ensureContainer = () => {\n    if (containerEl) return containerEl;\n\n    containerEl = document.createElement(\"div\");\n    containerEl.style.cssText =\n      \"position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; pointer-events: none; border-radius: inherit;\";\n    el.appendChild(containerEl);\n\n    return containerEl;\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    if (!accessor()) return;\n    if (prefersReducedMotion.matches) return;\n\n    // position \uD655\uC778 \uBC0F \uC801\uC6A9 (container \uBC30\uCE58\uB97C \uC704\uD574 \uD544\uC694)\n    if (getComputedStyle(el).position === \"static\") {\n      if (!positionApplied) originalPosition = el.style.position;\n      el.style.position = \"relative\";\n      positionApplied = true;\n    }\n\n    const container = ensureContainer();\n\n    if (indicatorEl) {\n      indicatorEl.remove();\n      indicatorEl = undefined;\n    }\n\n    const rect = el.getBoundingClientRect();\n    const x = event.clientX - rect.left;\n    const y = event.clientY - rect.top;\n\n    // \uD074\uB9AD \uC704\uCE58\uC5D0\uC11C \uAC00\uC7A5 \uBA3C \uBAA8\uC11C\uB9AC\uAE4C\uC9C0\uC758 \uAC70\uB9AC\uB97C \uBC18\uC9C0\uB984\uC73C\uB85C \uC0AC\uC6A9\n    const maxDist = Math.max(\n      Math.hypot(x, y),\n      Math.hypot(rect.width - x, y),\n      Math.hypot(x, rect.height - y),\n      Math.hypot(rect.width - x, rect.height - y),\n    );\n    const size = maxDist * 2;\n\n    indicatorEl = document.createElement(\"div\");\n    indicatorEl.classList.add(\n      \"absolute\",\n      \"pointer-events-none\",\n      \"rounded-full\",\n      \"bg-black/20\",\n      \"dark:bg-white/20\",\n      \"transition-[transform,opacity]\",\n      \"duration-500\",\n      \"ease-in-out\",\n    );\n    Object.assign(indicatorEl.style, {\n      width: `${size}px`,\n      height: `${size}px`,\n      top: `${y - size / 2}px`,\n      left: `${x - size / 2}px`,\n      transform: \"scale(0)\",\n      opacity: \"1\",\n    });\n\n    indicatorEl.addEventListener(\"transitionend\", (e) => {\n      if (e.propertyName === \"opacity\" && indicatorEl && indicatorEl.style.opacity === \"0\") {\n        indicatorEl.remove();\n        indicatorEl = undefined;\n      }\n    });\n\n    container.appendChild(indicatorEl);\n\n    rafId = requestAnimationFrame(() => {\n      rafId = undefined;\n      if (indicatorEl) {\n        indicatorEl.style.transform = \"scale(1)\";\n      }\n    });\n  };\n\n  const onPointerUp = () => {\n    if (indicatorEl) {\n      indicatorEl.style.opacity = \"0\";\n    }\n  };\n\n  el.addEventListener(\"pointerdown\", onPointerDown);\n  el.addEventListener(\"pointerup\", onPointerUp);\n  el.addEventListener(\"pointercancel\", onPointerUp);\n  el.addEventListener(\"pointerleave\", onPointerUp);\n\n  onCleanup(() => {\n    el.removeEventListener(\"pointerdown\", onPointerDown);\n    el.removeEventListener(\"pointerup\", onPointerUp);\n    el.removeEventListener(\"pointercancel\", onPointerUp);\n    el.removeEventListener(\"pointerleave\", onPointerUp);\n\n    if (rafId !== undefined) {\n      cancelAnimationFrame(rafId);\n      rafId = undefined;\n    }\n\n    if (indicatorEl) {\n      indicatorEl.remove();\n      indicatorEl = undefined;\n    }\n\n    if (containerEl) {\n      containerEl.remove();\n      containerEl = undefined;\n    }\n\n    if (positionApplied && originalPosition !== undefined) {\n      el.style.position = originalPosition;\n    }\n  });\n}\n"],
   "mappings": "AACA,SAAS,iBAAiB;AAwBnB,SAAS,OAAO,IAAiB,UAAmC;AACzE,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,kBAAkB;AAEtB,QAAM,uBAAuB,OAAO,WAAW,kCAAkC;AAGjF,QAAM,kBAAkB,MAAM;AAC5B,QAAI,YAAa,QAAO;AAExB,kBAAc,SAAS,cAAc,KAAK;AAC1C,gBAAY,MAAM,UAChB;AACF,OAAG,YAAY,WAAW;AAE1B,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,CAAC,UAAwB;AAC7C,QAAI,CAAC,SAAS,EAAG;AACjB,QAAI,qBAAqB,QAAS;AAGlC,QAAI,iBAAiB,EAAE,EAAE,aAAa,UAAU;AAC9C,UAAI,CAAC,gBAAiB,oBAAmB,GAAG,MAAM;AAClD,SAAG,MAAM,WAAW;AACpB,wBAAkB;AAAA,IACpB;AAEA,UAAM,YAAY,gBAAgB;AAElC,QAAI,aAAa;AACf,kBAAY,OAAO;AACnB,oBAAc;AAAA,IAChB;AAEA,UAAM,OAAO,GAAG,sBAAsB;AACtC,UAAM,IAAI,MAAM,UAAU,KAAK;AAC/B,UAAM,IAAI,MAAM,UAAU,KAAK;AAG/B,UAAM,UAAU,KAAK;AAAA,MACnB,KAAK,MAAM,GAAG,CAAC;AAAA,MACf,KAAK,MAAM,KAAK,QAAQ,GAAG,CAAC;AAAA,MAC5B,KAAK,MAAM,GAAG,KAAK,SAAS,CAAC;AAAA,MAC7B,KAAK,MAAM,KAAK,QAAQ,GAAG,KAAK,SAAS,CAAC;AAAA,IAC5C;AACA,UAAM,OAAO,UAAU;AAEvB,kBAAc,SAAS,cAAc,KAAK;AAC1C,gBAAY,UAAU;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,WAAO,OAAO,YAAY,OAAO;AAAA,MAC/B,OAAO,GAAG,IAAI;AAAA,MACd,QAAQ,GAAG,IAAI;AAAA,MACf,KAAK,GAAG,IAAI,OAAO,CAAC;AAAA,MACpB,MAAM,GAAG,IAAI,OAAO,CAAC;AAAA,MACrB,WAAW;AAAA,MACX,SAAS;AAAA,IACX,CAAC;AAED,gBAAY,iBAAiB,iBAAiB,CAAC,MAAM;AACnD,UAAI,EAAE,iBAAiB,aAAa,eAAe,YAAY,MAAM,YAAY,KAAK;AACpF,oBAAY,OAAO;AACnB,sBAAc;AAAA,MAChB;AAAA,IACF,CAAC;AAED,cAAU,YAAY,WAAW;AAEjC,YAAQ,sBAAsB,MAAM;AAClC,cAAQ;AACR,UAAI,aAAa;AACf,oBAAY,MAAM,YAAY;AAAA,MAChC;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,cAAc,MAAM;AACxB,QAAI,aAAa;AACf,kBAAY,MAAM,UAAU;AAAA,IAC9B;AAAA,EACF;AAEA,KAAG,iBAAiB,eAAe,aAAa;AAChD,KAAG,iBAAiB,aAAa,WAAW;AAC5C,KAAG,iBAAiB,iBAAiB,WAAW;AAChD,KAAG,iBAAiB,gBAAgB,WAAW;AAE/C,YAAU,MAAM;AACd,OAAG,oBAAoB,eAAe,aAAa;AACnD,OAAG,oBAAoB,aAAa,WAAW;AAC/C,OAAG,oBAAoB,iBAAiB,WAAW;AACnD,OAAG,oBAAoB,gBAAgB,WAAW;AAElD,QAAI,UAAU,QAAW;AACvB,2BAAqB,KAAK;AAC1B,cAAQ;AAAA,IACV;AAEA,QAAI,aAAa;AACf,kBAAY,OAAO;AACnB,oBAAc;AAAA,IAChB;AAEA,QAAI,aAAa;AACf,kBAAY,OAAO;AACnB,oBAAc;AAAA,IAChB;AAEA,QAAI,mBAAmB,qBAAqB,QAAW;AACrD,SAAG,MAAM,WAAW;AAAA,IACtB;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/dist/helpers/createAppStructure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAppStructure.d.ts","sourceRoot":"","sources":["../../src/helpers/createAppStructure.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAc,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAIhF,MAAM,WAAW,qBAAqB,CAAC,OAAO;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,QAAQ,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,oBAAoB,CAAC,OAAO;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,EAAE,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,gBAAgB,CAAC,OAAO,IAAI,qBAAqB,CAAC,OAAO,CAAC,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAEvG,MAAM,WAAW,mBAAmB,CAAC,OAAO;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,KAAK,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC;CAC3B;AAID,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY,CAAC,OAAO;IACnC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;IACnC,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,WAAW,EAAE,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC;IACzC,eAAe,EAAE,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;IACzC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAC/C;AAkGD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,IAAI,EAAE;IAChD,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,QAAQ,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,CAAC;IAChD,UAAU,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAChD,GAAG,YAAY,CAAC,OAAO,CAAC,CAwBxB"}

package/dist/helpers/createAppStructure.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/helpers/createAppStructure.ts"],
-  "sourcesContent": ["import { type Accessor, createMemo } from \"solid-js\";\nimport type { Component } from \"solid-js\";\nimport type { IconProps } from \"@tabler/icons-solidjs\";\nimport type { SidebarMenuItem } from \"../components/layout/sidebar/SidebarMenu\";\n\n// \u2500\u2500 \uC785\uB825 \uD0C0\uC785 \u2500\u2500\n\nexport interface AppStructureGroupItem<TModule> {\n  code: string;\n  title: string;\n  icon?: Component<IconProps>;\n  modules?: TModule[];\n  requiredModules?: TModule[];\n  children: AppStructureItem<TModule>[];\n}\n\nexport interface AppStructureLeafItem<TModule> {\n  code: string;\n  title: string;\n  icon?: Component<IconProps>;\n  modules?: TModule[];\n  requiredModules?: TModule[];\n  component?: Component;\n  perms?: (\"use\" | \"edit\")[];\n  subPerms?: AppStructureSubPerm<TModule>[];\n  isNotMenu?: boolean;\n}\n\nexport type AppStructureItem<TModule> = AppStructureGroupItem<TModule> | AppStructureLeafItem<TModule>;\n\nexport interface AppStructureSubPerm<TModule> {\n  code: string;\n  title: string;\n  modules?: TModule[];\n  requiredModules?: TModule[];\n  perms: (\"use\" | \"edit\")[];\n}\n\n// \u2500\u2500 \uCD9C\uB825 \uD0C0\uC785 \u2500\u2500\n\nexport interface AppRoute {\n  path: string;\n  component: Component;\n}\n\nexport interface AppFlatMenu {\n  titleChain: string[];\n  href: string;\n}\n\nexport interface AppStructure<TModule> {\n  items: AppStructureItem<TModule>[];\n  routes: AppRoute[];\n  usableMenus: Accessor<SidebarMenuItem[]>;\n  usableFlatMenus: Accessor<AppFlatMenu[]>;\n  permRecord: Accessor<Record<string, boolean>>;\n}\n\n// \u2500\u2500 \uB0B4\uBD80 \uD5EC\uD37C \u2500\u2500\n\nfunction isGroupItem<TModule>(item: AppStructureItem<TModule>): item is AppStructureGroupItem<TModule> {\n  return \"children\" in item;\n}\n\nfunction checkModules<TModule>(\n  modules: TModule[] | undefined,\n  requiredModules: TModule[] | undefined,\n  usableModules: TModule[] | undefined,\n): boolean {\n  if (usableModules === undefined) return true;\n\n  if (modules !== undefined && modules.length > 0) {\n    if (!modules.some((m) => usableModules.includes(m))) return false;\n  }\n\n  if (requiredModules !== undefined && requiredModules.length > 0) {\n    if (!requiredModules.every((m) => usableModules.includes(m))) return false;\n  }\n\n  return true;\n}\n\nfunction collectRoutes<TModule>(items: AppStructureItem<TModule>[], parentCodes: string[], routes: AppRoute[]): void {\n  for (const item of items) {\n    const codes = [...parentCodes, item.code];\n\n    if (isGroupItem(item)) {\n      collectRoutes(item.children, codes, routes);\n    } else if (item.component !== undefined) {\n      routes.push({\n        path: \"/\" + codes.join(\"/\"),\n        component: item.component,\n      });\n    }\n  }\n}\n\nfunction extractRoutes<TModule>(items: AppStructureItem<TModule>[]): AppRoute[] {\n  const routes: AppRoute[] = [];\n  for (const top of items) {\n    if (isGroupItem(top)) {\n      collectRoutes(top.children, [], routes);\n    }\n  }\n  return routes;\n}\n\nfunction buildMenus<TModule>(\n  items: AppStructureItem<TModule>[],\n  basePath: string,\n  usableModules: TModule[] | undefined,\n  permRecord: Record<string, boolean>,\n): SidebarMenuItem[] {\n  const result: SidebarMenuItem[] = [];\n\n  for (const item of items) {\n    if (!checkModules(item.modules, item.requiredModules, usableModules)) continue;\n\n    const href = basePath + \"/\" + item.code;\n\n    if (isGroupItem(item)) {\n      const children = buildMenus(item.children, href, usableModules, permRecord);\n      if (children.length > 0) {\n        result.push({ title: item.title, icon: item.icon, children });\n      }\n    } else {\n      if (item.isNotMenu) continue;\n      if (item.perms?.includes(\"use\") && !permRecord[href + \"/use\"]) continue;\n\n      result.push({ title: item.title, href, icon: item.icon });\n    }\n  }\n\n  return result;\n}\n\nfunction flattenMenus(menus: SidebarMenuItem[], titleChain: string[] = []): AppFlatMenu[] {\n  const result: AppFlatMenu[] = [];\n\n  for (const menu of menus) {\n    const chain = [...titleChain, menu.title];\n\n    if (menu.children !== undefined) {\n      result.push(...flattenMenus(menu.children, chain));\n    } else if (menu.href !== undefined) {\n      result.push({ titleChain: chain, href: menu.href });\n    }\n  }\n\n  return result;\n}\n\n// \u2500\u2500 \uBA54\uC778 \uD568\uC218 \u2500\u2500\n\nexport function createAppStructure<TModule>(opts: {\n  items: AppStructureItem<TModule>[];\n  usableModules?: Accessor<TModule[] | undefined>;\n  permRecord?: Accessor<Record<string, boolean>>;\n}): AppStructure<TModule> {\n  const permRecord = () => opts.permRecord?.() ?? {};\n\n  const routes = extractRoutes(opts.items);\n\n  const usableMenus = createMemo(() => {\n    const menus: SidebarMenuItem[] = [];\n    for (const top of opts.items) {\n      if (isGroupItem(top)) {\n        menus.push(...buildMenus(top.children, \"/\" + top.code, opts.usableModules?.(), permRecord()));\n      }\n    }\n    return menus;\n  });\n\n  const usableFlatMenus = createMemo(() => flattenMenus(usableMenus()));\n\n  return {\n    items: opts.items,\n    routes,\n    usableMenus,\n    usableFlatMenus,\n    permRecord,\n  };\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/helpers/mergeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/mergeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,GAAG,CAAC,aAAa,CA4BpG"}

package/dist/helpers/mergeStyles.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/helpers/mergeStyles.ts"],
-  "sourcesContent": ["import { type JSX } from \"solid-js\";\n\n/**\n * CSS \uC2A4\uD0C0\uC77C\uC744 \uBCD1\uD569\uD558\uB294 \uC720\uD2F8\uB9AC\uD2F0 \uD568\uC218\n *\n * @remarks\n * - string\uACFC object \uD615\uD0DC\uC758 \uC2A4\uD0C0\uC77C\uC744 \uBAA8\uB450 \uC9C0\uC6D0\n * - object \uD615\uD0DC\uB294 \uD558\uB098\uC758 \uAC1D\uCCB4\uB85C \uBCD1\uD569 (\uB098\uC911 \uAC12\uC774 \uC6B0\uC120)\n * - string\uC740 \uD30C\uC2F1\uD558\uC5EC \uBCD1\uD569\n * - undefined\uB294 \uBB34\uC2DC\n *\n * @example\n * ```tsx\n * // Object \uBCD1\uD569\n * mergeStyles({ color: \"red\" }, { background: \"blue\" })\n * // => { color: \"red\", background: \"blue\" }\n *\n * // String \uBCD1\uD569\n * mergeStyles(\"color: red;\", \"background: blue;\")\n * // => { color: \"red\", background: \"blue\" }\n *\n * // Mixed \uBCD1\uD569\n * mergeStyles({ color: \"red\" }, \"background: blue;\")\n * // => { color: \"red\", background: \"blue\" }\n * ```\n */\nexport function mergeStyles(...styles: (JSX.CSSProperties | string | undefined)[]): JSX.CSSProperties {\n  const result: Record<string, string> = {};\n\n  for (const style of styles) {\n    if (style === undefined) continue;\n\n    if (typeof style === \"string\") {\n      // CSS string \uD30C\uC2F1\n      const declarations = style.split(\";\").filter((s) => s.trim());\n      for (const declaration of declarations) {\n        const colonIndex = declaration.indexOf(\":\");\n        if (colonIndex === -1) continue;\n\n        const property = declaration.slice(0, colonIndex).trim();\n        const value = declaration.slice(colonIndex + 1).trim();\n        if (property && value) {\n          // kebab-case\uB97C camelCase\uB85C \uBCC0\uD658\n          const camelProperty = property.replace(/-([a-z])/g, (_, letter: string) => letter.toUpperCase());\n          result[camelProperty] = value;\n        }\n      }\n    } else {\n      // Object \uC2A4\uD0C0\uC77C \uBCD1\uD569\n      Object.assign(result, style);\n    }\n  }\n\n  return result as JSX.CSSProperties;\n}\n"],
   "mappings": "AAAA,eAAyB;AA0BlB,SAAS,eAAe,QAAuE;AACpG,QAAM,SAAiC,CAAC;AAExC,aAAW,SAAS,QAAQ;AAC1B,QAAI,UAAU,OAAW;AAEzB,QAAI,OAAO,UAAU,UAAU;AAE7B,YAAM,eAAe,MAAM,MAAM,GAAG,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC;AAC5D,iBAAW,eAAe,cAAc;AACtC,cAAM,aAAa,YAAY,QAAQ,GAAG;AAC1C,YAAI,eAAe,GAAI;AAEvB,cAAM,WAAW,YAAY,MAAM,GAAG,UAAU,EAAE,KAAK;AACvD,cAAM,QAAQ,YAAY,MAAM,aAAa,CAAC,EAAE,KAAK;AACrD,YAAI,YAAY,OAAO;AAErB,gBAAM,gBAAgB,SAAS,QAAQ,aAAa,CAAC,GAAG,WAAmB,OAAO,YAAY,CAAC;AAC/F,iBAAO,aAAa,IAAI;AAAA,QAC1B;AAAA,MACF;AAAA,IACF,OAAO;AAEL,aAAO,OAAO,QAAQ,KAAK;AAAA,IAC7B;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }