@j2-health/design-system 0.5.0 → 0.5.2

package/dist/src/components/navMenu/NavMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenu.cjs","sources":["../../../../src/components/navMenu/NavMenu.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ItemType } from 'antd/es/menu/interface'\nimport cx from 'classnames'\nimport { Menu } from '../menu'\n\nimport SmallLogo from '../../svgs/j2-logo-menu-collapse.svg?react'\nimport LogoWithText from '../../svgs/j2-logo-menu.svg?react'\nimport ExpandIcon from '../../svgs/menu-sidebar-expand.svg?react'\nimport CollapseIcon from '../../svgs/menu-sidebar-collapse.svg?react'\nimport { Button } from '../button'\n\nimport styles from './NavMenu.module.css'\nimport { Tooltip } from '../tooltip'\n\ntype Props = {\n  href?: string\n  items: ItemType[]\n  headerSlot?: React.ReactNode\n  defaultOpenKeys?: string[]\n  defaultSelectedKeys?: string[]\n  footerItems: ItemType[]\n  className?: string\n  onCollapse?: (isCollapsed: boolean) => void\n}\n\nexport const NavMenu = ({\n  href = '/',\n  items,\n  headerSlot,\n  defaultOpenKeys,\n  defaultSelectedKeys,\n  footerItems,\n  className,\n  onCollapse,\n}: Props) => {\n  const [isCollapsed, setIsCollapsed] = React.useState(false)\n  const [isToggleTooltipOpen, setToggleTooltipOpen] = React.useState(false)\n\n  const toggleCollapse = React.useCallback(() => {\n    setIsCollapsed(!isCollapsed)\n    setToggleTooltipOpen(false)\n    onCollapse?.(!isCollapsed)\n  }, [isCollapsed])\n\n  return (\n    <div\n      className={cx(\n        styles.navMenuContainer,\n        isCollapsed && styles.collapsed,\n        'bg-white',\n        className\n      )}\n    >\n      <div className={cx('flex', 'flex-col', 'h-full')}>\n        <div className=\"py-5 px-3\">\n          <div\n            className={cx(\n              'flex',\n              'items-center',\n              isCollapsed ? 'justify-center' : 'justify-between',\n              styles.headerContainer,\n              'min-h-9'\n            )}\n          >\n            <a\n              href={href}\n              className={cx('flex', 'items-center', 'gap-2', styles.logo)}\n            >\n              {isCollapsed ? <SmallLogo /> : <LogoWithText />}\n            </a>\n            <Tooltip\n              title={isCollapsed ? 'Expand Menu' : 'Collapse Menu'}\n              placement=\"right\"\n              arrow={false}\n              onOpenChange={(shouldBeOpen) => {\n                setToggleTooltipOpen(shouldBeOpen)\n              }}\n              open={isToggleTooltipOpen}\n            >\n              <Button\n                type=\"text\"\n                icon={isCollapsed ? <ExpandIcon /> : <CollapseIcon />}\n                onClick={toggleCollapse}\n                className={cx('toggle-button')}\n              />\n            </Tooltip>\n          </div>\n          {headerSlot && <div className={cx('mt-5')}>{headerSlot}</div>}\n        </div>\n        <div className={cx('flex', 'flex-col', 'justify-between', 'flex-1')}>\n          <Menu\n            key={`nav-menu-main-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            items={items}\n            defaultOpenKeys={isCollapsed ? undefined : defaultOpenKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\n          />\n          <Menu\n            key={`nav-menu-footer-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            selectable={false}\n            items={footerItems}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","jsx","styles","jsxs","SmallLogo","LogoWithText","Tooltip","Button","ExpandIcon","CollapseIcon","Menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,UAAU,CAAC;AAAA,EACtB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,CAAC,aAAa,cAAc,IAAIA,iBAAM,SAAS,KAAK;AAC1D,QAAM,CAAC,qBAAqB,oBAAoB,IAAIA,iBAAM,SAAS,KAAK;AAExE,QAAM,iBAAiBA,iBAAM,YAAY,MAAM;AAC7C,mBAAe,CAAC,WAAW;AAC3B,yBAAqB,KAAK;AAC1B,6CAAa,CAAC;AAAA,EAChB,GAAG,CAAC,WAAW,CAAC;AAEhB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACTC,eAAAA,QAAO;AAAA,QACP,eAAeA,eAAAA,QAAO;AAAA,QACtB;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,0CAAC,OAAA,EAAI,WAAW,GAAG,QAAQ,YAAY,QAAQ,GAC7C,UAAA;AAAA,QAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,cAAc,mBAAmB;AAAA,gBACjCD,eAAAA,QAAO;AAAA,gBACP;AAAA,cAAA;AAAA,cAGF,UAAA;AAAA,gBAAAD,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC;AAAA,oBACA,WAAW,GAAG,QAAQ,gBAAgB,SAASC,eAAAA,QAAO,IAAI;AAAA,oBAEzD,UAAA,cAAcD,+BAACG,oBAAA,CAAA,CAAU,mCAAMC,YAAA,CAAA,CAAa;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAE/CJ,2BAAAA;AAAAA,kBAACK,QAAAA;AAAAA,kBAAA;AAAA,oBACC,OAAO,cAAc,gBAAgB;AAAA,oBACrC,WAAU;AAAA,oBACV,OAAO;AAAA,oBACP,cAAc,CAAC,iBAAiB;AAC9B,2CAAqB,YAAY;AAAA,oBACnC;AAAA,oBACA,MAAM;AAAA,oBAEN,UAAAL,2BAAAA;AAAAA,sBAACM,OAAAA;AAAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,MAAM,cAAcN,2BAAAA,IAACO,mBAAA,CAAA,CAAW,mCAAMC,qBAAA,EAAa;AAAA,wBACnD,SAAS;AAAA,wBACT,WAAW,GAAG,eAAe;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAC/B;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA;AAAA,UAED,cAAcR,2BAAAA,IAAC,OAAA,EAAI,WAAW,GAAG,MAAM,GAAI,UAAA,WAAA,CAAW;AAAA,QAAA,GACzD;AAAA,QACAE,gCAAC,SAAI,WAAW,GAAG,QAAQ,YAAY,mBAAmB,QAAQ,GAChE,UAAA;AAAA,UAAAF,2BAAAA;AAAAA,YAACS,KAAAA;AAAAA,YAAA;AAAA,cAEC,MAAM;AAAA,cACN,SAAS;AAAA,cACT;AAAA,cACA,iBAAiB,cAAc,SAAY;AAAA,cAC3C;AAAA,YAAA;AAAA,YALK,iBAAiB,WAAW;AAAA,UAAA;AAAA,UAOnCT,2BAAAA;AAAAA,YAACS,KAAAA;AAAAA,YAAA;AAAA,cAEC,MAAM;AAAA,cACN,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,OAAO;AAAA,YAAA;AAAA,YAJF,mBAAmB,WAAW;AAAA,UAAA;AAAA,QAKrC,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"NavMenu.cjs","names":["React","cx","styles","SmallLogo","LogoWithText","Tooltip","Button","ExpandIcon","CollapseIcon","Menu"],"sources":["../../../../src/components/navMenu/NavMenu.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ItemType } from 'antd/es/menu/interface'\nimport cx from 'classnames'\nimport { Menu } from '../menu'\n\nimport SmallLogo from '../../svgs/j2-logo-menu-collapse.svg'\nimport LogoWithText from '../../svgs/j2-logo-menu.svg'\nimport ExpandIcon from '../../svgs/menu-sidebar-expand.svg'\nimport CollapseIcon from '../../svgs/menu-sidebar-collapse.svg'\nimport { Button } from '../button'\n\nimport styles from './NavMenu.module.css'\nimport { Tooltip } from '../tooltip'\n\ntype Props = {\n  href?: string\n  items: ItemType[]\n  headerSlot?: React.ReactNode\n  defaultOpenKeys?: string[]\n  defaultSelectedKeys?: string[]\n  footerItems: ItemType[]\n  className?: string\n  onCollapse?: (isCollapsed: boolean) => void\n}\n\nexport const NavMenu = ({\n  href = '/',\n  items,\n  headerSlot,\n  defaultOpenKeys,\n  defaultSelectedKeys,\n  footerItems,\n  className,\n  onCollapse,\n}: Props) => {\n  const [isCollapsed, setIsCollapsed] = React.useState(false)\n  const [isToggleTooltipOpen, setToggleTooltipOpen] = React.useState(false)\n\n  const toggleCollapse = React.useCallback(() => {\n    setIsCollapsed(!isCollapsed)\n    setToggleTooltipOpen(false)\n    onCollapse?.(!isCollapsed)\n  }, [isCollapsed])\n\n  return (\n    <div\n      className={cx(\n        styles.navMenuContainer,\n        isCollapsed && styles.collapsed,\n        'bg-white',\n        className\n      )}\n    >\n      <div className={cx('flex', 'flex-col', 'h-full')}>\n        <div className=\"py-5 px-3\">\n          <div\n            className={cx(\n              'flex',\n              'items-center',\n              isCollapsed ? 'justify-center' : 'justify-between',\n              styles.headerContainer,\n              'min-h-9'\n            )}\n          >\n            <a\n              href={href}\n              className={cx('flex', 'items-center', 'gap-2', styles.logo)}\n            >\n              {isCollapsed ? <SmallLogo /> : <LogoWithText />}\n            </a>\n            <Tooltip\n              title={isCollapsed ? 'Expand Menu' : 'Collapse Menu'}\n              placement=\"right\"\n              arrow={false}\n              onOpenChange={(shouldBeOpen) => {\n                setToggleTooltipOpen(shouldBeOpen)\n              }}\n              open={isToggleTooltipOpen}\n            >\n              <Button\n                type=\"text\"\n                icon={isCollapsed ? <ExpandIcon /> : <CollapseIcon />}\n                onClick={toggleCollapse}\n                className={cx('toggle-button')}\n              />\n            </Tooltip>\n          </div>\n          {headerSlot && <div className={cx('mt-5')}>{headerSlot}</div>}\n        </div>\n        <div className={cx('flex', 'flex-col', 'justify-between', 'flex-1')}>\n          <Menu\n            key={`nav-menu-main-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            items={items}\n            defaultOpenKeys={isCollapsed ? undefined : defaultOpenKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\n          />\n          <Menu\n            key={`nav-menu-footer-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            selectable={false}\n            items={footerItems}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAa,WAAW,EACtB,OAAO,KACP,OACA,YACA,iBACA,qBACA,aACA,WACA,iBACW;CACX,MAAM,CAAC,aAAa,kBAAkBA,QAAM,SAAS,KAAK;CAC1D,MAAM,CAAC,qBAAqB,wBAAwBA,QAAM,SAAS,KAAK;CAExE,MAAM,iBAAiBA,QAAM,kBAAkB;EAC7C,eAAe,CAAC,WAAW;EAC3B,qBAAqB,KAAK;EAC1B,aAAa,CAAC,WAAW;CAC3B,GAAG,CAAC,WAAW,CAAC;CAEhB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,YAAA,GAAWC,WAAAA,QAAAA,CACTC,uBAAAA,QAAO,kBACP,eAAeA,uBAAAA,QAAO,WACtB,YACA,SACF;EAEA,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,YAAA,GAAWD,WAAAA,QAAAA,CAAG,QAAQ,YAAY,QAAQ;GAA/C,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KACE,YAAA,GAAWA,WAAAA,QAAAA,CACT,QACA,gBACA,cAAc,mBAAmB,mBACjCC,uBAAAA,QAAO,iBACP,SACF;KAPF,UAAA,CASE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;MACQ;MACN,YAAA,GAAWD,WAAAA,QAAAA,CAAG,QAAQ,gBAAgB,SAASC,uBAAAA,QAAO,IAAI;MAEzD,UAAA,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,SAAD,CAAY,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,SAAD,CAAe,CAAA;KAC7C,CAAA,GACH,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,SAAD;MACE,OAAO,cAAc,gBAAgB;MACrC,WAAU;MACV,OAAO;MACP,eAAe,iBAAiB;OAC9B,qBAAqB,YAAY;MACnC;MACA,MAAM;MAEN,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;OACE,MAAK;OACL,MAAM,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,SAAD,CAAa,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,SAAD,CAAe,CAAA;OACpD,SAAS;OACT,YAAA,GAAWP,WAAAA,QAAAA,CAAG,eAAe;MAC9B,CAAA;KACM,CAAA,CACN;IACJ,CAAA,GAAA,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,YAAA,GAAWA,WAAAA,QAAAA,CAAG,MAAM;KAAI,UAAA;IAAgB,CAAA,CACzD;GACL,CAAA,GAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,YAAA,GAAWA,WAAAA,QAAAA,CAAG,QAAQ,YAAY,mBAAmB,QAAQ;IAAlE,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACQ,aAAAA,MAAD;KAEE,MAAM;KACN,SAAS;KACF;KACP,iBAAiB,cAAc,KAAA,IAAY;KACtB;IACtB,GANM,iBAAiB,aAMvB,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,MAAD;KAEE,MAAM;KACN,SAAS;KACT,YAAY;KACZ,OAAO;IACR,GALM,mBAAmB,aAKzB,CACE;GACF,CAAA,CAAA;;CACF,CAAA;AAET"}

package/dist/src/components/navMenu/NavMenu.js

@@ -1,115 +1,73 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import cx from "classnames";
+import { Button } from "../button/Button.js";
+import { Tooltip } from "../tooltip/Tooltip.js";
+import { Menu } from "../menu/Menu.js";
 import SvgJ2LogoMenuCollapse from "../../svgs/j2-logo-menu-collapse.svg.js";
 import SvgJ2LogoMenu from "../../svgs/j2-logo-menu.svg.js";
 import SvgMenuSidebarExpand from "../../svgs/menu-sidebar-expand.svg.js";
 import SvgMenuSidebarCollapse from "../../svgs/menu-sidebar-collapse.svg.js";
-import styles from "./NavMenu.module.css.js";
-import { Tooltip } from "../tooltip/Tooltip.js";
-import { Button } from "../button/Button.js";
-import { Menu } from "../menu/Menu.js";
-const NavMenu = ({
-  href = "/",
-  items,
-  headerSlot,
-  defaultOpenKeys,
-  defaultSelectedKeys,
-  footerItems,
-  className,
-  onCollapse
-}) => {
-  const [isCollapsed, setIsCollapsed] = React.useState(false);
-  const [isToggleTooltipOpen, setToggleTooltipOpen] = React.useState(false);
-  const toggleCollapse = React.useCallback(() => {
-    setIsCollapsed(!isCollapsed);
-    setToggleTooltipOpen(false);
-    onCollapse == null ? void 0 : onCollapse(!isCollapsed);
-  }, [isCollapsed]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cx(
-        styles.navMenuContainer,
-        isCollapsed && styles.collapsed,
-        "bg-white",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs("div", { className: cx("flex", "flex-col", "h-full"), children: [
-        /* @__PURE__ */ jsxs("div", { className: "py-5 px-3", children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cx(
-                "flex",
-                "items-center",
-                isCollapsed ? "justify-center" : "justify-between",
-                styles.headerContainer,
-                "min-h-9"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "a",
-                  {
-                    href,
-                    className: cx("flex", "items-center", "gap-2", styles.logo),
-                    children: isCollapsed ? /* @__PURE__ */ jsx(SvgJ2LogoMenuCollapse, {}) : /* @__PURE__ */ jsx(SvgJ2LogoMenu, {})
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Tooltip,
-                  {
-                    title: isCollapsed ? "Expand Menu" : "Collapse Menu",
-                    placement: "right",
-                    arrow: false,
-                    onOpenChange: (shouldBeOpen) => {
-                      setToggleTooltipOpen(shouldBeOpen);
-                    },
-                    open: isToggleTooltipOpen,
-                    children: /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        type: "text",
-                        icon: isCollapsed ? /* @__PURE__ */ jsx(SvgMenuSidebarExpand, {}) : /* @__PURE__ */ jsx(SvgMenuSidebarCollapse, {}),
-                        onClick: toggleCollapse,
-                        className: cx("toggle-button")
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          ),
-          headerSlot && /* @__PURE__ */ jsx("div", { className: cx("mt-5"), children: headerSlot })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: cx("flex", "flex-col", "justify-between", "flex-1"), children: [
-          /* @__PURE__ */ jsx(
-            Menu,
-            {
-              mode: "inline",
-              compact: isCollapsed,
-              items,
-              defaultOpenKeys: isCollapsed ? void 0 : defaultOpenKeys,
-              defaultSelectedKeys
-            },
-            `nav-menu-main-${isCollapsed}`
-          ),
-          /* @__PURE__ */ jsx(
-            Menu,
-            {
-              mode: "inline",
-              compact: isCollapsed,
-              selectable: false,
-              items: footerItems
-            },
-            `nav-menu-footer-${isCollapsed}`
-          )
-        ] })
-      ] })
-    }
-  );
-};
-export {
-  NavMenu
+import NavMenu_module_default from "./NavMenu.module.css.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+//#region src/components/navMenu/NavMenu.tsx
+var NavMenu = ({ href = "/", items, headerSlot, defaultOpenKeys, defaultSelectedKeys, footerItems, className, onCollapse }) => {
+	const [isCollapsed, setIsCollapsed] = React.useState(false);
+	const [isToggleTooltipOpen, setToggleTooltipOpen] = React.useState(false);
+	const toggleCollapse = React.useCallback(() => {
+		setIsCollapsed(!isCollapsed);
+		setToggleTooltipOpen(false);
+		onCollapse?.(!isCollapsed);
+	}, [isCollapsed]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(NavMenu_module_default.navMenuContainer, isCollapsed && NavMenu_module_default.collapsed, "bg-white", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cx("flex", "flex-col", "h-full"),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "py-5 px-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: cx("flex", "items-center", isCollapsed ? "justify-center" : "justify-between", NavMenu_module_default.headerContainer, "min-h-9"),
+					children: [/* @__PURE__ */ jsx("a", {
+						href,
+						className: cx("flex", "items-center", "gap-2", NavMenu_module_default.logo),
+						children: isCollapsed ? /* @__PURE__ */ jsx(SvgJ2LogoMenuCollapse, {}) : /* @__PURE__ */ jsx(SvgJ2LogoMenu, {})
+					}), /* @__PURE__ */ jsx(Tooltip, {
+						title: isCollapsed ? "Expand Menu" : "Collapse Menu",
+						placement: "right",
+						arrow: false,
+						onOpenChange: (shouldBeOpen) => {
+							setToggleTooltipOpen(shouldBeOpen);
+						},
+						open: isToggleTooltipOpen,
+						children: /* @__PURE__ */ jsx(Button, {
+							type: "text",
+							icon: isCollapsed ? /* @__PURE__ */ jsx(SvgMenuSidebarExpand, {}) : /* @__PURE__ */ jsx(SvgMenuSidebarCollapse, {}),
+							onClick: toggleCollapse,
+							className: cx("toggle-button")
+						})
+					})]
+				}), headerSlot && /* @__PURE__ */ jsx("div", {
+					className: cx("mt-5"),
+					children: headerSlot
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: cx("flex", "flex-col", "justify-between", "flex-1"),
+				children: [/* @__PURE__ */ jsx(Menu, {
+					mode: "inline",
+					compact: isCollapsed,
+					items,
+					defaultOpenKeys: isCollapsed ? void 0 : defaultOpenKeys,
+					defaultSelectedKeys
+				}, `nav-menu-main-${isCollapsed}`), /* @__PURE__ */ jsx(Menu, {
+					mode: "inline",
+					compact: isCollapsed,
+					selectable: false,
+					items: footerItems
+				}, `nav-menu-footer-${isCollapsed}`)]
+			})]
+		})
+	});
 };
-//# sourceMappingURL=NavMenu.js.map
+//#endregion
+export { NavMenu };
+
+//# sourceMappingURL=NavMenu.js.map

package/dist/src/components/navMenu/NavMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenu.js","sources":["../../../../src/components/navMenu/NavMenu.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ItemType } from 'antd/es/menu/interface'\nimport cx from 'classnames'\nimport { Menu } from '../menu'\n\nimport SmallLogo from '../../svgs/j2-logo-menu-collapse.svg?react'\nimport LogoWithText from '../../svgs/j2-logo-menu.svg?react'\nimport ExpandIcon from '../../svgs/menu-sidebar-expand.svg?react'\nimport CollapseIcon from '../../svgs/menu-sidebar-collapse.svg?react'\nimport { Button } from '../button'\n\nimport styles from './NavMenu.module.css'\nimport { Tooltip } from '../tooltip'\n\ntype Props = {\n  href?: string\n  items: ItemType[]\n  headerSlot?: React.ReactNode\n  defaultOpenKeys?: string[]\n  defaultSelectedKeys?: string[]\n  footerItems: ItemType[]\n  className?: string\n  onCollapse?: (isCollapsed: boolean) => void\n}\n\nexport const NavMenu = ({\n  href = '/',\n  items,\n  headerSlot,\n  defaultOpenKeys,\n  defaultSelectedKeys,\n  footerItems,\n  className,\n  onCollapse,\n}: Props) => {\n  const [isCollapsed, setIsCollapsed] = React.useState(false)\n  const [isToggleTooltipOpen, setToggleTooltipOpen] = React.useState(false)\n\n  const toggleCollapse = React.useCallback(() => {\n    setIsCollapsed(!isCollapsed)\n    setToggleTooltipOpen(false)\n    onCollapse?.(!isCollapsed)\n  }, [isCollapsed])\n\n  return (\n    <div\n      className={cx(\n        styles.navMenuContainer,\n        isCollapsed && styles.collapsed,\n        'bg-white',\n        className\n      )}\n    >\n      <div className={cx('flex', 'flex-col', 'h-full')}>\n        <div className=\"py-5 px-3\">\n          <div\n            className={cx(\n              'flex',\n              'items-center',\n              isCollapsed ? 'justify-center' : 'justify-between',\n              styles.headerContainer,\n              'min-h-9'\n            )}\n          >\n            <a\n              href={href}\n              className={cx('flex', 'items-center', 'gap-2', styles.logo)}\n            >\n              {isCollapsed ? <SmallLogo /> : <LogoWithText />}\n            </a>\n            <Tooltip\n              title={isCollapsed ? 'Expand Menu' : 'Collapse Menu'}\n              placement=\"right\"\n              arrow={false}\n              onOpenChange={(shouldBeOpen) => {\n                setToggleTooltipOpen(shouldBeOpen)\n              }}\n              open={isToggleTooltipOpen}\n            >\n              <Button\n                type=\"text\"\n                icon={isCollapsed ? <ExpandIcon /> : <CollapseIcon />}\n                onClick={toggleCollapse}\n                className={cx('toggle-button')}\n              />\n            </Tooltip>\n          </div>\n          {headerSlot && <div className={cx('mt-5')}>{headerSlot}</div>}\n        </div>\n        <div className={cx('flex', 'flex-col', 'justify-between', 'flex-1')}>\n          <Menu\n            key={`nav-menu-main-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            items={items}\n            defaultOpenKeys={isCollapsed ? undefined : defaultOpenKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\n          />\n          <Menu\n            key={`nav-menu-footer-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            selectable={false}\n            items={footerItems}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["SmallLogo","LogoWithText","ExpandIcon","CollapseIcon"],"mappings":";;;;;;;;;;;AAyBO,MAAM,UAAU,CAAC;AAAA,EACtB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,KAAK;AAC1D,QAAM,CAAC,qBAAqB,oBAAoB,IAAI,MAAM,SAAS,KAAK;AAExE,QAAM,iBAAiB,MAAM,YAAY,MAAM;AAC7C,mBAAe,CAAC,WAAW;AAC3B,yBAAqB,KAAK;AAC1B,6CAAa,CAAC;AAAA,EAChB,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,OAAO;AAAA,QACP,eAAe,OAAO;AAAA,QACtB;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,+BAAC,OAAA,EAAI,WAAW,GAAG,QAAQ,YAAY,QAAQ,GAC7C,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,cAAc,mBAAmB;AAAA,gBACjC,OAAO;AAAA,gBACP;AAAA,cAAA;AAAA,cAGF,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC;AAAA,oBACA,WAAW,GAAG,QAAQ,gBAAgB,SAAS,OAAO,IAAI;AAAA,oBAEzD,UAAA,cAAc,oBAACA,uBAAA,CAAA,CAAU,wBAAMC,eAAA,CAAA,CAAa;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAE/C;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAO,cAAc,gBAAgB;AAAA,oBACrC,WAAU;AAAA,oBACV,OAAO;AAAA,oBACP,cAAc,CAAC,iBAAiB;AAC9B,2CAAqB,YAAY;AAAA,oBACnC;AAAA,oBACA,MAAM;AAAA,oBAEN,UAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,MAAM,cAAc,oBAACC,sBAAA,CAAA,CAAW,wBAAMC,wBAAA,EAAa;AAAA,wBACnD,SAAS;AAAA,wBACT,WAAW,GAAG,eAAe;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAC/B;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA;AAAA,UAED,cAAc,oBAAC,OAAA,EAAI,WAAW,GAAG,MAAM,GAAI,UAAA,WAAA,CAAW;AAAA,QAAA,GACzD;AAAA,QACA,qBAAC,SAAI,WAAW,GAAG,QAAQ,YAAY,mBAAmB,QAAQ,GAChE,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAM;AAAA,cACN,SAAS;AAAA,cACT;AAAA,cACA,iBAAiB,cAAc,SAAY;AAAA,cAC3C;AAAA,YAAA;AAAA,YALK,iBAAiB,WAAW;AAAA,UAAA;AAAA,UAOnC;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAM;AAAA,cACN,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,OAAO;AAAA,YAAA;AAAA,YAJF,mBAAmB,WAAW;AAAA,UAAA;AAAA,QAKrC,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"NavMenu.js","names":["styles","SmallLogo","LogoWithText","ExpandIcon","CollapseIcon"],"sources":["../../../../src/components/navMenu/NavMenu.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ItemType } from 'antd/es/menu/interface'\nimport cx from 'classnames'\nimport { Menu } from '../menu'\n\nimport SmallLogo from '../../svgs/j2-logo-menu-collapse.svg'\nimport LogoWithText from '../../svgs/j2-logo-menu.svg'\nimport ExpandIcon from '../../svgs/menu-sidebar-expand.svg'\nimport CollapseIcon from '../../svgs/menu-sidebar-collapse.svg'\nimport { Button } from '../button'\n\nimport styles from './NavMenu.module.css'\nimport { Tooltip } from '../tooltip'\n\ntype Props = {\n  href?: string\n  items: ItemType[]\n  headerSlot?: React.ReactNode\n  defaultOpenKeys?: string[]\n  defaultSelectedKeys?: string[]\n  footerItems: ItemType[]\n  className?: string\n  onCollapse?: (isCollapsed: boolean) => void\n}\n\nexport const NavMenu = ({\n  href = '/',\n  items,\n  headerSlot,\n  defaultOpenKeys,\n  defaultSelectedKeys,\n  footerItems,\n  className,\n  onCollapse,\n}: Props) => {\n  const [isCollapsed, setIsCollapsed] = React.useState(false)\n  const [isToggleTooltipOpen, setToggleTooltipOpen] = React.useState(false)\n\n  const toggleCollapse = React.useCallback(() => {\n    setIsCollapsed(!isCollapsed)\n    setToggleTooltipOpen(false)\n    onCollapse?.(!isCollapsed)\n  }, [isCollapsed])\n\n  return (\n    <div\n      className={cx(\n        styles.navMenuContainer,\n        isCollapsed && styles.collapsed,\n        'bg-white',\n        className\n      )}\n    >\n      <div className={cx('flex', 'flex-col', 'h-full')}>\n        <div className=\"py-5 px-3\">\n          <div\n            className={cx(\n              'flex',\n              'items-center',\n              isCollapsed ? 'justify-center' : 'justify-between',\n              styles.headerContainer,\n              'min-h-9'\n            )}\n          >\n            <a\n              href={href}\n              className={cx('flex', 'items-center', 'gap-2', styles.logo)}\n            >\n              {isCollapsed ? <SmallLogo /> : <LogoWithText />}\n            </a>\n            <Tooltip\n              title={isCollapsed ? 'Expand Menu' : 'Collapse Menu'}\n              placement=\"right\"\n              arrow={false}\n              onOpenChange={(shouldBeOpen) => {\n                setToggleTooltipOpen(shouldBeOpen)\n              }}\n              open={isToggleTooltipOpen}\n            >\n              <Button\n                type=\"text\"\n                icon={isCollapsed ? <ExpandIcon /> : <CollapseIcon />}\n                onClick={toggleCollapse}\n                className={cx('toggle-button')}\n              />\n            </Tooltip>\n          </div>\n          {headerSlot && <div className={cx('mt-5')}>{headerSlot}</div>}\n        </div>\n        <div className={cx('flex', 'flex-col', 'justify-between', 'flex-1')}>\n          <Menu\n            key={`nav-menu-main-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            items={items}\n            defaultOpenKeys={isCollapsed ? undefined : defaultOpenKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\n          />\n          <Menu\n            key={`nav-menu-footer-${isCollapsed}`}\n            mode={'inline'}\n            compact={isCollapsed}\n            selectable={false}\n            items={footerItems}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAyBA,IAAa,WAAW,EACtB,OAAO,KACP,OACA,YACA,iBACA,qBACA,aACA,WACA,iBACW;CACX,MAAM,CAAC,aAAa,kBAAkB,MAAM,SAAS,KAAK;CAC1D,MAAM,CAAC,qBAAqB,wBAAwB,MAAM,SAAS,KAAK;CAExE,MAAM,iBAAiB,MAAM,kBAAkB;EAC7C,eAAe,CAAC,WAAW;EAC3B,qBAAqB,KAAK;EAC1B,aAAa,CAAC,WAAW;CAC3B,GAAG,CAAC,WAAW,CAAC;CAEhB,OACE,oBAAC,OAAD;EACE,WAAW,GACTA,uBAAO,kBACP,eAAeA,uBAAO,WACtB,YACA,SACF;EAEA,UAAA,qBAAC,OAAD;GAAK,WAAW,GAAG,QAAQ,YAAY,QAAQ;GAA/C,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,OAAD;KACE,WAAW,GACT,QACA,gBACA,cAAc,mBAAmB,mBACjCA,uBAAO,iBACP,SACF;KAPF,UAAA,CASE,oBAAC,KAAD;MACQ;MACN,WAAW,GAAG,QAAQ,gBAAgB,SAASA,uBAAO,IAAI;MAEzD,UAAA,cAAc,oBAACC,uBAAD,CAAY,CAAA,IAAI,oBAACC,eAAD,CAAe,CAAA;KAC7C,CAAA,GACH,oBAAC,SAAD;MACE,OAAO,cAAc,gBAAgB;MACrC,WAAU;MACV,OAAO;MACP,eAAe,iBAAiB;OAC9B,qBAAqB,YAAY;MACnC;MACA,MAAM;MAEN,UAAA,oBAAC,QAAD;OACE,MAAK;OACL,MAAM,cAAc,oBAACC,sBAAD,CAAa,CAAA,IAAI,oBAACC,wBAAD,CAAe,CAAA;OACpD,SAAS;OACT,WAAW,GAAG,eAAe;MAC9B,CAAA;KACM,CAAA,CACN;IACJ,CAAA,GAAA,cAAc,oBAAC,OAAD;KAAK,WAAW,GAAG,MAAM;KAAI,UAAA;IAAgB,CAAA,CACzD;GACL,CAAA,GAAA,qBAAC,OAAD;IAAK,WAAW,GAAG,QAAQ,YAAY,mBAAmB,QAAQ;IAAlE,UAAA,CACE,oBAAC,MAAD;KAEE,MAAM;KACN,SAAS;KACF;KACP,iBAAiB,cAAc,KAAA,IAAY;KACtB;IACtB,GANM,iBAAiB,aAMvB,GACD,oBAAC,MAAD;KAEE,MAAM;KACN,SAAS;KACT,YAAY;KACZ,OAAO;IACR,GALM,mBAAmB,aAKzB,CACE;GACF,CAAA,CAAA;;CACF,CAAA;AAET"}

package/dist/src/components/navMenu/NavMenu.module.css.cjs

@@ -1,18 +1,19 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const navMenuContainer = "_navMenuContainer_1ul3o_1";
-const collapsed = "_collapsed_1ul3o_5";
-const headerContainer = "_headerContainer_1ul3o_8";
-const logo = "_logo_1ul3o_9";
-const styles = {
-  navMenuContainer,
-  collapsed,
-  headerContainer,
-  logo
+//#region src/components/navMenu/NavMenu.module.css
+var navMenuContainer = "_navMenuContainer_1ul3o_1";
+var collapsed = "_collapsed_1ul3o_5";
+var headerContainer = "_headerContainer_1ul3o_8";
+var logo = "_logo_1ul3o_9";
+var NavMenu_module_default = {
+	navMenuContainer,
+	collapsed,
+	headerContainer,
+	logo
 };
+//#endregion
 exports.collapsed = collapsed;
-exports.default = styles;
+exports.default = NavMenu_module_default;
 exports.headerContainer = headerContainer;
 exports.logo = logo;
 exports.navMenuContainer = navMenuContainer;
-//# sourceMappingURL=NavMenu.module.css.cjs.map
+
+//# sourceMappingURL=NavMenu.module.css.cjs.map

package/dist/src/components/navMenu/NavMenu.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenu.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavMenu.module.css.cjs","names":[],"sources":["../../../../src/components/navMenu/NavMenu.module.css"],"sourcesContent":[".navMenuContainer {\n  height: 100vh;\n  display: inline-block;\n\n  &.collapsed {\n    width: 80px;\n\n    .headerContainer {\n      .logo {\n        display: block;\n      }\n\n      :global(.toggle-button) {\n        display: none;\n      }\n\n      &:hover {\n        .logo {\n          display: none;\n        }\n\n        :global(.toggle-button) {\n          display: block;\n        }\n      }\n    }\n  }\n}\n"],"mappings":""}

package/dist/src/components/navMenu/NavMenu.module.css.js

@@ -1,18 +1,15 @@
-const navMenuContainer = "_navMenuContainer_1ul3o_1";
-const collapsed = "_collapsed_1ul3o_5";
-const headerContainer = "_headerContainer_1ul3o_8";
-const logo = "_logo_1ul3o_9";
-const styles = {
-  navMenuContainer,
-  collapsed,
-  headerContainer,
-  logo
+//#region src/components/navMenu/NavMenu.module.css
+var navMenuContainer = "_navMenuContainer_1ul3o_1";
+var collapsed = "_collapsed_1ul3o_5";
+var headerContainer = "_headerContainer_1ul3o_8";
+var logo = "_logo_1ul3o_9";
+var NavMenu_module_default = {
+	navMenuContainer,
+	collapsed,
+	headerContainer,
+	logo
 };
-export {
-  collapsed,
-  styles as default,
-  headerContainer,
-  logo,
-  navMenuContainer
-};
-//# sourceMappingURL=NavMenu.module.css.js.map
+//#endregion
+export { collapsed, NavMenu_module_default as default, headerContainer, logo, navMenuContainer };
+
+//# sourceMappingURL=NavMenu.module.css.js.map

package/dist/src/components/navMenu/NavMenu.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavMenu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"NavMenu.module.css.js","names":[],"sources":["../../../../src/components/navMenu/NavMenu.module.css"],"sourcesContent":[".navMenuContainer {\n  height: 100vh;\n  display: inline-block;\n\n  &.collapsed {\n    width: 80px;\n\n    .headerContainer {\n      .logo {\n        display: block;\n      }\n\n      :global(.toggle-button) {\n        display: none;\n      }\n\n      &:hover {\n        .logo {\n          display: none;\n        }\n\n        :global(.toggle-button) {\n          display: block;\n        }\n      }\n    }\n  }\n}\n"],"mappings":""}

package/dist/src/components/notification/Notification.module.css.cjs

@@ -1,9 +1,8 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const messageOnly = "_messageOnly_a124a_14";
-const s = {
-  messageOnly
-};
-exports.default = s;
+//#region src/components/notification/Notification.module.css
+var messageOnly = "_messageOnly_a124a_14";
+var Notification_module_default = { messageOnly };
+//#endregion
+exports.default = Notification_module_default;
 exports.messageOnly = messageOnly;
-//# sourceMappingURL=Notification.module.css.cjs.map
+
+//# sourceMappingURL=Notification.module.css.cjs.map

package/dist/src/components/notification/Notification.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Notification.module.css.cjs","names":[],"sources":["../../../../src/components/notification/Notification.module.css"],"sourcesContent":[":global(.ant-notification-notice-title) {\n  font-size: var(--j2-font-size-lg);\n  font-weight: var(--j2-font-weight-strong);\n  line-height: var(--j2-line-height-lg);\n  color: var(--j2-color-text-heading);\n}\n\n:global(.ant-notification-notice-description) {\n  font-size: var(--j2-font-size);\n  line-height: var(--j2-line-height);\n  color: var(--j2-color-text);\n}\n\n.messageOnly {\n  :global(.ant-notification-notice-title) {\n    font-weight: var(--j2-font-weight-normal);\n  }\n  :global(.ant-notification-notice-title) {\n    margin-bottom: 0 !important;\n  }\n}\n"],"mappings":""}

package/dist/src/components/notification/Notification.module.css.js

@@ -1,9 +1,7 @@
-const messageOnly = "_messageOnly_a124a_14";
-const s = {
-  messageOnly
-};
-export {
-  s as default,
-  messageOnly
-};
-//# sourceMappingURL=Notification.module.css.js.map
+//#region src/components/notification/Notification.module.css
+var messageOnly = "_messageOnly_a124a_14";
+var Notification_module_default = { messageOnly };
+//#endregion
+export { Notification_module_default as default, messageOnly };
+
+//# sourceMappingURL=Notification.module.css.js.map

package/dist/src/components/notification/Notification.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Notification.module.css.js","names":[],"sources":["../../../../src/components/notification/Notification.module.css"],"sourcesContent":[":global(.ant-notification-notice-title) {\n  font-size: var(--j2-font-size-lg);\n  font-weight: var(--j2-font-weight-strong);\n  line-height: var(--j2-line-height-lg);\n  color: var(--j2-color-text-heading);\n}\n\n:global(.ant-notification-notice-description) {\n  font-size: var(--j2-font-size);\n  line-height: var(--j2-line-height);\n  color: var(--j2-color-text);\n}\n\n.messageOnly {\n  :global(.ant-notification-notice-title) {\n    font-weight: var(--j2-font-weight-normal);\n  }\n  :global(.ant-notification-notice-title) {\n    margin-bottom: 0 !important;\n  }\n}\n"],"mappings":""}

package/dist/src/components/notification/useNotification.cjs

@@ -1,55 +1,64 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const antd = require("antd");
-const Notification_module = require("./Notification.module.css.cjs");
-const react = require("@phosphor-icons/react");
-const cx = require("classnames");
-const getIcon = (type) => {
-  switch (type) {
-    case "error":
-      return /* @__PURE__ */ jsxRuntime.jsx(react.XCircleIcon, { color: "var(--j2-color-error)", weight: "duotone", size: 24 });
-    case "success":
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        react.CheckCircleIcon,
-        {
-          color: "var(--j2-color-success)",
-          weight: "duotone",
-          size: 24
-        }
-      );
-    case "info":
-      return /* @__PURE__ */ jsxRuntime.jsx(react.InfoIcon, { color: "var(--j2-color-info)", weight: "duotone", size: 24 });
-    case "warning":
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        react.WarningCircleIcon,
-        {
-          color: "var(--j2-color-warning)",
-          weight: "duotone",
-          size: 24
-        }
-      );
-  }
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_Notification_module = require("./Notification.module.css.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let antd = require("antd");
+let _phosphor_icons_react = require("@phosphor-icons/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames, 1);
+//#region src/components/notification/useNotification.tsx
+var getIcon = (type) => {
+	switch (type) {
+		case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.XCircleIcon, {
+			color: "var(--j2-color-error)",
+			weight: "duotone",
+			size: 24
+		});
+		case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.CheckCircleIcon, {
+			color: "var(--j2-color-success)",
+			weight: "duotone",
+			size: 24
+		});
+		case "info": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.InfoIcon, {
+			color: "var(--j2-color-info)",
+			weight: "duotone",
+			size: 24
+		});
+		case "warning": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.WarningCircleIcon, {
+			color: "var(--j2-color-warning)",
+			weight: "duotone",
+			size: 24
+		});
+	}
 };
-const useNotification = () => {
-  const [api, contextHolder] = antd.notification.useNotification();
-  const openNotification = (type, config) => {
-    const { message, title, btn, actions, ...restConfig } = config;
-    api[type]({
-      icon: getIcon(type),
-      ...restConfig,
-      title: title ?? message,
-      actions: actions ?? btn,
-      closeIcon: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { color: "var(--j2-color-icon)", size: 22, weight: "regular" }),
-      className: cx({
-        [Notification_module.default.messageOnly]: (title ?? message) && !config.description
-      })
-    });
-  };
-  const closeNotification = (key) => {
-    api.destroy(key);
-  };
-  return { openNotification, closeNotification, contextHolder };
+var useNotification = () => {
+	const [api, contextHolder] = antd.notification.useNotification();
+	const openNotification = (type, config) => {
+		const { message, title, btn, actions, ...restConfig } = config;
+		api[type]({
+			icon: getIcon(type),
+			...restConfig,
+			title: title ?? message,
+			actions: actions ?? btn,
+			closeIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.XIcon, {
+				color: "var(--j2-color-icon)",
+				size: 22,
+				weight: "regular"
+			}),
+			className: (0, classnames.default)({ [require_Notification_module.default.messageOnly]: (title ?? message) && !config.description })
+		});
+	};
+	const closeNotification = (key) => {
+		api.destroy(key);
+	};
+	return {
+		openNotification,
+		closeNotification,
+		contextHolder
+	};
 };
+//#endregion
 exports.useNotification = useNotification;
-//# sourceMappingURL=useNotification.cjs.map
+
+//# sourceMappingURL=useNotification.cjs.map

package/dist/src/components/notification/useNotification.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useNotification.cjs","sources":["../../../../src/components/notification/useNotification.tsx"],"sourcesContent":["import { notification } from 'antd'\nimport type { NotificationArgsProps } from 'antd'\nimport s from './Notification.module.css'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport cx from 'classnames'\nimport React from 'react'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type OpenNotificationFunc = (\n  type: Expand<NotificationType>,\n  config: Expand<NotificationArgsProps>\n) => void\n\nconst getIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'error':\n      return (\n        <XCircleIcon color=\"var(--j2-color-error)\" weight=\"duotone\" size={24} />\n      )\n    case 'success':\n      return (\n        <CheckCircleIcon\n          color=\"var(--j2-color-success)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n    case 'info':\n      return (\n        <InfoIcon color=\"var(--j2-color-info)\" weight=\"duotone\" size={24} />\n      )\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          color=\"var(--j2-color-warning)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n  }\n}\n\nexport const useNotification = () => {\n  const [api, contextHolder] = notification.useNotification()\n\n  const openNotification: OpenNotificationFunc = (\n    type: Expand<NotificationType>,\n    config: Expand<NotificationArgsProps>\n  ) => {\n    const { message, title, btn, actions, ...restConfig } = config\n    api[type]({\n      icon: getIcon(type),\n      ...restConfig,\n      title: title ?? message,\n      actions: actions ?? btn,\n      closeIcon: (\n        <XIcon color=\"var(--j2-color-icon)\" size={22} weight=\"regular\" />\n      ),\n      className: cx({\n        [s.messageOnly]: (title ?? message) && !config.description,\n      }),\n    })\n  }\n\n  const closeNotification = (key?: React.Key) => {\n    api.destroy(key)\n  }\n\n  return { openNotification, closeNotification, contextHolder }\n}\n"],"names":["XCircleIcon","jsx","CheckCircleIcon","InfoIcon","WarningCircleIcon","notification","XIcon","s"],"mappings":";;;;;;;AAoBA,MAAM,UAAU,CAAC,SAA2B;AAC1C,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,4CACGA,mBAAA,EAAY,OAAM,yBAAwB,QAAO,WAAU,MAAM,IAAI;AAAA,IAE1E,KAAK;AACH,aACEC,2BAAAA;AAAAA,QAACC,MAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACH,4CACGC,gBAAA,EAAS,OAAM,wBAAuB,QAAO,WAAU,MAAM,IAAI;AAAA,IAEtE,KAAK;AACH,aACEF,2BAAAA;AAAAA,QAACG,MAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGR;AAEO,MAAM,kBAAkB,MAAM;AACnC,QAAM,CAAC,KAAK,aAAa,IAAIC,KAAAA,aAAa,gBAAA;AAE1C,QAAM,mBAAyC,CAC7C,MACA,WACG;AACH,UAAM,EAAE,SAAS,OAAO,KAAK,SAAS,GAAG,eAAe;AACxD,QAAI,IAAI,EAAE;AAAA,MACR,MAAM,QAAQ,IAAI;AAAA,MAClB,GAAG;AAAA,MACH,OAAO,SAAS;AAAA,MAChB,SAAS,WAAW;AAAA,MACpB,0CACGC,MAAAA,OAAA,EAAM,OAAM,wBAAuB,MAAM,IAAI,QAAO,WAAU;AAAA,MAEjE,WAAW,GAAG;AAAA,QACZ,CAACC,oBAAAA,QAAE,WAAW,IAAI,SAAS,YAAY,CAAC,OAAO;AAAA,MAAA,CAChD;AAAA,IAAA,CACF;AAAA,EACH;AAEA,QAAM,oBAAoB,CAAC,QAAoB;AAC7C,QAAI,QAAQ,GAAG;AAAA,EACjB;AAEA,SAAO,EAAE,kBAAkB,mBAAmB,cAAA;AAChD;;"}
+{"version":3,"file":"useNotification.cjs","names":["XCircleIcon","CheckCircleIcon","InfoIcon","WarningCircleIcon","notification","XIcon","cx","s"],"sources":["../../../../src/components/notification/useNotification.tsx"],"sourcesContent":["import { notification } from 'antd'\nimport type { NotificationArgsProps } from 'antd'\nimport s from './Notification.module.css'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n} from '@phosphor-icons/react'\nimport cx from 'classnames'\nimport React from 'react'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type OpenNotificationFunc = (\n  type: Expand<NotificationType>,\n  config: Expand<NotificationArgsProps>\n) => void\n\nconst getIcon = (type: NotificationType) => {\n  switch (type) {\n    case 'error':\n      return (\n        <XCircleIcon color=\"var(--j2-color-error)\" weight=\"duotone\" size={24} />\n      )\n    case 'success':\n      return (\n        <CheckCircleIcon\n          color=\"var(--j2-color-success)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n    case 'info':\n      return (\n        <InfoIcon color=\"var(--j2-color-info)\" weight=\"duotone\" size={24} />\n      )\n    case 'warning':\n      return (\n        <WarningCircleIcon\n          color=\"var(--j2-color-warning)\"\n          weight=\"duotone\"\n          size={24}\n        />\n      )\n  }\n}\n\nexport const useNotification = () => {\n  const [api, contextHolder] = notification.useNotification()\n\n  const openNotification: OpenNotificationFunc = (\n    type: Expand<NotificationType>,\n    config: Expand<NotificationArgsProps>\n  ) => {\n    const { message, title, btn, actions, ...restConfig } = config\n    api[type]({\n      icon: getIcon(type),\n      ...restConfig,\n      title: title ?? message,\n      actions: actions ?? btn,\n      closeIcon: (\n        <XIcon color=\"var(--j2-color-icon)\" size={22} weight=\"regular\" />\n      ),\n      className: cx({\n        [s.messageOnly]: (title ?? message) && !config.description,\n      }),\n    })\n  }\n\n  const closeNotification = (key?: React.Key) => {\n    api.destroy(key)\n  }\n\n  return { openNotification, closeNotification, contextHolder }\n}\n"],"mappings":";;;;;;;;;;AAoBA,IAAM,WAAW,SAA2B;CAC1C,QAAQ,MAAR;EACE,KAAK,SACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,aAAD;GAAa,OAAM;GAAwB,QAAO;GAAU,MAAM;EAAK,CAAA;EAE3E,KAAK,WACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,iBAAD;GACE,OAAM;GACN,QAAO;GACP,MAAM;EACP,CAAA;EAEL,KAAK,QACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,UAAD;GAAU,OAAM;GAAuB,QAAO;GAAU,MAAM;EAAK,CAAA;EAEvE,KAAK,WACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,mBAAD;GACE,OAAM;GACN,QAAO;GACP,MAAM;EACP,CAAA;CAEP;AACF;AAEA,IAAa,wBAAwB;CACnC,MAAM,CAAC,KAAK,iBAAiBC,KAAAA,aAAa,gBAAgB;CAE1D,MAAM,oBACJ,MACA,WACG;EACH,MAAM,EAAE,SAAS,OAAO,KAAK,SAAS,GAAG,eAAe;EACxD,IAAI,KAAK,CAAC;GACR,MAAM,QAAQ,IAAI;GAClB,GAAG;GACH,OAAO,SAAS;GAChB,SAAS,WAAW;GACpB,WACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,OAAD;IAAO,OAAM;IAAuB,MAAM;IAAI,QAAO;GAAW,CAAA;GAElE,YAAA,GAAWC,WAAAA,QAAAA,CAAG,GACXC,4BAAAA,QAAE,eAAe,SAAS,YAAY,CAAC,OAAO,YACjD,CAAC;EACH,CAAC;CACH;CAEA,MAAM,qBAAqB,QAAoB;EAC7C,IAAI,QAAQ,GAAG;CACjB;CAEA,OAAO;EAAE;EAAkB;EAAmB;CAAc;AAC9D"}