@kimdw-rtk/ui 0.0.17 → 0.0.20

package/dist/components/Navigation/NavigationBar.css.mjs

@@ -1,40 +1,27 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationBar.css.ts
-import { createContainer } from "@vanilla-extract/css";
-import { recipeWithLayer } from "#styleUtils.mjs";
-import { theme } from "#themes.mjs";
-var navigationBarContainer = createContainer();
-var navigationBar = recipeWithLayer({
-  base: {
-    zIndex: "20",
-    position: "sticky",
-    top: "0",
-    width: "100%",
-    borderBottom: `1px solid rgb(${theme.color["border.weak"]})`,
-    backgroundColor: `rgba(${theme.color.background}, 0.75)`,
-    backdropFilter: "blur(2rem) saturate(150%)",
-    color: `rgb(${theme.color.border})`,
-    transition: "border-bottom-color 0.2s ease",
-    containerType: "inline-size",
-    containerName: navigationBarContainer
-  },
-  variants: {
-    size: {
-      sm: {
-        height: "4em"
-      },
-      md: {
-        height: "5em"
-      },
-      lg: {
-        height: "6em"
-      }
-    }
-  }
-});
+import {
+  navigationBar,
+  navigationBarContainer
+} from "../../chunk-LB2ZL6PH.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
 export {
   navigationBar,
   navigationBarContainer
 };
-//# sourceMappingURL=NavigationBar.css.mjs.map
+//# sourceMappingURL=NavigationBar.css.mjs.map

package/dist/components/Navigation/NavigationBar.css.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationBar.css.ts"],"sourcesContent":["import { createContainer } from '@vanilla-extract/css';\n\nimport { recipeWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nexport const navigationBarContainer = createContainer();\n\nexport const navigationBar = recipeWithLayer({\n  base: {\n    zIndex: '20',\n    position: 'sticky',\n    top: '0',\n\n    width: '100%',\n    borderBottom: `1px solid rgb(${theme.color['border.weak']})`,\n\n    backgroundColor: `rgba(${theme.color.background}, 0.75)`,\n    backdropFilter: 'blur(2rem) saturate(150%)',\n\n    color: `rgb(${theme.color.border})`,\n\n    transition: 'border-bottom-color 0.2s ease',\n\n    containerType: 'inline-size',\n    containerName: navigationBarContainer,\n  },\n  variants: {\n    size: {\n      sm: {\n        height: '4em',\n      },\n\n      md: {\n        height: '5em',\n      },\n\n      lg: {\n        height: '6em',\n      },\n    },\n  },\n});\n"],"mappings":";;;AAAA,SAAS,uBAAuB;AAEhC,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEf,IAAM,yBAAyB,gBAAgB;AAE/C,IAAM,gBAAgB,gBAAgB;AAAA,EAC3C,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,KAAK;AAAA,IAEL,OAAO;AAAA,IACP,cAAc,iBAAiB,MAAM,MAAM,aAAa,CAAC;AAAA,IAEzD,iBAAiB,QAAQ,MAAM,MAAM,UAAU;AAAA,IAC/C,gBAAgB;AAAA,IAEhB,OAAO,OAAO,MAAM,MAAM,MAAM;AAAA,IAEhC,YAAY;AAAA,IAEZ,eAAe;AAAA,IACf,eAAe;AAAA,EACjB;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,QAAQ;AAAA,MACV;AAAA,MAEA,IAAI;AAAA,QACF,QAAQ;AAAA,MACV;AAAA,MAEA,IAAI;AAAA,QACF,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Navigation/NavigationBar.mjs

@@ -1,26 +1,32 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationBar.tsx
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { sx } from "#styles.mjs";
-import * as s from "./NavigationBar.css.mjs";
-import { jsx } from "react/jsx-runtime";
-var NavigationBar = forwardRef(
-  ({ className, size = "md", sx: propSx, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "nav",
-      {
-        ref,
-        className: clsx(s.navigationBar({ size }), className, sx(propSx)),
-        ...props
-      }
-    );
-  }
-);
-NavigationBar.displayName = "NavigationBar";
+import {
+  NavigationBar
+} from "../../chunk-6UTDKUCL.mjs";
+import {
+  NavigationBar_css_exports
+} from "../../chunk-LB2ZL6PH.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-3BVACFSH.mjs";
+import "../../chunk-QB7MZLGH.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
 export {
   NavigationBar,
-  s as navigationBarCss
+  NavigationBar_css_exports as navigationBarCss
 };
-//# sourceMappingURL=NavigationBar.mjs.map
+//# sourceMappingURL=NavigationBar.mjs.map

package/dist/components/Navigation/NavigationBar.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationBar.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './NavigationBar.css';\n\ntype NavigationBarProps = UIComponent<'nav', typeof s.navigationBar>;\n\nexport const NavigationBar = forwardRef<HTMLElement, NavigationBarProps>(\n  ({ className, size = 'md', sx: propSx, ...props }, ref) => {\n    return (\n      <nav\n        ref={ref}\n        className={clsx(s.navigationBar({ size }), className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nNavigationBar.displayName = 'NavigationBar';\n\nexport { s as navigationBarCss };\n"],"mappings":";;;AAAA,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAOb;AAHC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,OAAO,MAAM,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAO,gBAAc,EAAE,KAAK,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QAC/D,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Navigation/NavigationContainer.css.mjs

@@ -1,16 +1,9 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationContainer.css.ts
-import { style } from "@vanilla-extract/css";
-var container = style({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  gap: "0.5em",
-  height: "100%",
-  margin: "0 auto"
-});
+import {
+  container
+} from "../../chunk-7O5GPAWT.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
 export {
   container
 };
-//# sourceMappingURL=NavigationContainer.css.mjs.map
+//# sourceMappingURL=NavigationContainer.css.mjs.map

package/dist/components/Navigation/NavigationContainer.css.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationContainer.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const container = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: '0.5em',\n\n  height: '100%',\n  margin: '0 auto',\n});\n"],"mappings":";;;AAAA,SAAS,aAAa;AAEf,IAAM,YAAY,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,KAAK;AAAA,EAEL,QAAQ;AAAA,EACR,QAAQ;AACV,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Navigation/NavigationContainer.mjs

@@ -1,24 +1,27 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationContainer.tsx
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { sx } from "#styles.mjs";
-import * as s from "./NavigationContainer.css.mjs";
-import { jsx } from "react/jsx-runtime";
-var NavigationContainer = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: clsx(className, s.container, sx(propSx)),
-      ...props,
-      children
-    }
-  );
-});
-NavigationContainer.displayName = "NavigationContainer";
+import {
+  NavigationContainer
+} from "../../chunk-PHDFLY3V.mjs";
+import "../../chunk-7O5GPAWT.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-3BVACFSH.mjs";
+import "../../chunk-QB7MZLGH.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
 export {
   NavigationContainer
 };
-//# sourceMappingURL=NavigationContainer.mjs.map
+//# sourceMappingURL=NavigationContainer.mjs.map

package/dist/components/Navigation/NavigationContainer.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './NavigationContainer.css';\n\ntype NavigationContainerProps = UIComponent<'div'>;\n\nexport const NavigationContainer = forwardRef<\n  HTMLDivElement,\n  NavigationContainerProps\n>(({ children, className, sx: propSx, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clsx(className, s.container, sx(propSx))}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\nNavigationContainer.displayName = 'NavigationContainer';\n"],"mappings":";;;AAAA,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AASf;AALG,IAAM,sBAAsB,WAGjC,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAa,aAAW,GAAG,MAAM,CAAC;AAAA,MACjD,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,oBAAoB,cAAc;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Navigation/NavigationDrawer.css.mjs

@@ -1,58 +1,30 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationDrawer.css.ts
-import { recipeWithLayer, styleWithLayer } from "#styleUtils.mjs";
-import { theme } from "#themes.mjs";
-import { navigationBarContainer } from "./NavigationBar.css.mjs";
-var narrow = styleWithLayer({
-  display: "none",
-  "@container": {
-    [`${navigationBarContainer} (max-width: 800px)`]: {
-      display: "block"
-    }
-  }
-});
-var wide = styleWithLayer({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  gap: "0.5em",
-  flexGrow: "1",
-  "@container": {
-    [`${navigationBarContainer} (max-width: 800px)`]: {
-      display: "none"
-    }
-  }
-});
-var popup = recipeWithLayer({
-  base: {
-    position: "absolute",
-    top: "100%",
-    height: "calc(100vh - 100%)",
-    left: "0",
-    width: "100%",
-    zIndex: "100",
-    maxHeight: "100vh",
-    padding: "0.75em",
-    borderBottom: `1px solid rgb(${theme.color.border})`,
-    backgroundColor: `rgb(${theme.color.background})`,
-    transition: "opacity 0.2s ease"
-  },
-  variants: {
-    isVisible: {
-      true: {
-        opacity: "1"
-      },
-      false: {
-        opacity: "0",
-        pointerEvents: "none"
-      }
-    }
-  }
-});
+import {
+  narrow,
+  popup,
+  wide
+} from "../../chunk-SMSD7KQC.mjs";
+import "../../chunk-LB2ZL6PH.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
 export {
   narrow,
   popup,
   wide
 };
-//# sourceMappingURL=NavigationDrawer.css.mjs.map
+//# sourceMappingURL=NavigationDrawer.css.mjs.map

package/dist/components/Navigation/NavigationDrawer.css.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationDrawer.css.ts"],"sourcesContent":["import { recipeWithLayer, styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nimport { navigationBarContainer } from './NavigationBar.css';\n\nexport const narrow = styleWithLayer({\n  display: 'none',\n\n  '@container': {\n    [`${navigationBarContainer} (max-width: 800px)`]: {\n      display: 'block',\n    },\n  },\n});\n\nexport const wide = styleWithLayer({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: '0.5em',\n  flexGrow: '1',\n\n  '@container': {\n    [`${navigationBarContainer} (max-width: 800px)`]: {\n      display: 'none',\n    },\n  },\n});\n\nexport const popup = recipeWithLayer({\n  base: {\n    position: 'absolute',\n    top: '100%',\n    height: 'calc(100vh - 100%)',\n    left: '0',\n    width: '100%',\n    zIndex: '100',\n\n    maxHeight: '100vh',\n    padding: '0.75em',\n    borderBottom: `1px solid rgb(${theme.color.border})`,\n\n    backgroundColor: `rgb(${theme.color.background})`,\n\n    transition: 'opacity 0.2s ease',\n  },\n\n  variants: {\n    isVisible: {\n      true: {\n        opacity: '1',\n      },\n\n      false: {\n        opacity: '0',\n\n        pointerEvents: 'none',\n      },\n    },\n  },\n});\n"],"mappings":";;;AAAA,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,aAAa;AAEtB,SAAS,8BAA8B;AAEhC,IAAM,SAAS,eAAe;AAAA,EACnC,SAAS;AAAA,EAET,cAAc;AAAA,IACZ,CAAC,GAAG,sBAAsB,qBAAqB,GAAG;AAAA,MAChD,SAAS;AAAA,IACX;AAAA,EACF;AACF,CAAC;AAEM,IAAM,OAAO,eAAe;AAAA,EACjC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,UAAU;AAAA,EAEV,cAAc;AAAA,IACZ,CAAC,GAAG,sBAAsB,qBAAqB,GAAG;AAAA,MAChD,SAAS;AAAA,IACX;AAAA,EACF;AACF,CAAC;AAEM,IAAM,QAAQ,gBAAgB;AAAA,EACnC,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IAER,WAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAc,iBAAiB,MAAM,MAAM,MAAM;AAAA,IAEjD,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAAA,IAE9C,YAAY;AAAA,EACd;AAAA,EAEA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MAEA,OAAO;AAAA,QACL,SAAS;AAAA,QAET,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Navigation/NavigationDrawer.mjs

@@ -1,61 +1,120 @@
 "use client";
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationDrawer.tsx
-import { useEffect, useState } from "react";
-import { AlignJustifyIcon, XIcon } from "lucide-react";
-import { Box, Button } from "#components.mjs";
-import * as s from "./NavigationDrawer.css.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var NavigationDrawer = ({ menu, aside }) => {
-  const [isExpanded, setIsExpanded] = useState(false);
-  const handleClick = () => {
-    setIsExpanded((prev) => !prev);
-  };
-  useEffect(() => {
-    if (isExpanded) {
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      if (isExpanded) {
-        document.body.style.overflow = "auto";
-      }
-    };
-  }, [isExpanded]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: s.wide, children: [
-      menu,
-      aside
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: s.narrow, children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "icon-md",
-          color: "secondary",
-          variant: "ghost",
-          onClick: handleClick,
-          children: isExpanded ? /* @__PURE__ */ jsx(XIcon, {}) : /* @__PURE__ */ jsx(AlignJustifyIcon, {})
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: s.popup({ isVisible: isExpanded }), children: /* @__PURE__ */ jsxs(
-        Box,
-        {
-          flex: true,
-          gap: "xl",
-          flexDirection: "column-reverse",
-          alignItems: "flex-end",
-          paddingY: "lg",
-          children: [
-            /* @__PURE__ */ jsx(Box, { width: "100%", onClick: () => setIsExpanded(false), children: menu }),
-            aside
-          ]
-        }
-      ) })
-    ] })
-  ] });
-};
+import {
+  NavigationDrawer
+} from "../../chunk-CYEA26C2.mjs";
+import "../../chunk-WJDRFQEL.mjs";
+import "../../chunk-YGZR6ZHF.mjs";
+import "../../chunk-CTR67SPK.mjs";
+import "../../chunk-NGBGBZIA.mjs";
+import "../../chunk-3TEECTEU.mjs";
+import "../../chunk-YPBKY4KY.mjs";
+import "../../chunk-RJNVHMG3.mjs";
+import "../../chunk-R3YFMJNK.mjs";
+import "../../chunk-2MPNSJ7L.mjs";
+import "../../chunk-NL5D6TSN.mjs";
+import "../../chunk-455US7NO.mjs";
+import "../../chunk-YSWSIZRW.mjs";
+import "../../chunk-R7D6LSFB.mjs";
+import "../../chunk-XCRKMOR5.mjs";
+import "../../chunk-IBGFUFFR.mjs";
+import "../../chunk-KKIH6GWN.mjs";
+import "../../chunk-ENIPJ5MJ.mjs";
+import "../../chunk-NMXGRXPZ.mjs";
+import "../../chunk-BLJ4C7CC.mjs";
+import "../../chunk-MBU4ZZMW.mjs";
+import "../../chunk-EZPSJANN.mjs";
+import "../../chunk-ZP5V7DTU.mjs";
+import "../../chunk-EMHL3KE2.mjs";
+import "../../chunk-BPBPOD3V.mjs";
+import "../../chunk-JWH433FN.mjs";
+import "../../chunk-QKSJOEK7.mjs";
+import "../../chunk-NAWVFME3.mjs";
+import "../../chunk-BK6EITML.mjs";
+import "../../chunk-GLIP4B4W.mjs";
+import "../../chunk-YLHVM6FZ.mjs";
+import "../../chunk-MW2QFW2T.mjs";
+import "../../chunk-AQ2YSKXF.mjs";
+import "../../chunk-34E66B27.mjs";
+import "../../chunk-XID2AJCU.mjs";
+import "../../chunk-GVJA7DQA.mjs";
+import "../../chunk-FTMWTNWG.mjs";
+import "../../chunk-GT7GN2QG.mjs";
+import "../../chunk-VQGHCB66.mjs";
+import "../../chunk-IESMIXIT.mjs";
+import "../../chunk-AWNE44MO.mjs";
+import "../../chunk-7MYGRT4R.mjs";
+import "../../chunk-W2ZZ73OE.mjs";
+import "../../chunk-2WFHG2YW.mjs";
+import "../../chunk-GEL32YK3.mjs";
+import "../../chunk-WSKWQTO5.mjs";
+import "../../chunk-BPXPTOKH.mjs";
+import "../../chunk-YYDUIOTW.mjs";
+import "../../chunk-MKBJ3TVL.mjs";
+import "../../chunk-R7R3E7TW.mjs";
+import "../../chunk-JL5TLDT5.mjs";
+import "../../chunk-7E5FVWTQ.mjs";
+import "../../chunk-365RDTP4.mjs";
+import "../../chunk-7JP3LYPL.mjs";
+import "../../chunk-EL5D5UFZ.mjs";
+import "../../chunk-DVQXTZIW.mjs";
+import "../../chunk-P7RFQ4ZN.mjs";
+import "../../chunk-ZPQFOD2J.mjs";
+import "../../chunk-SMSD7KQC.mjs";
+import "../../chunk-MUTUVSBC.mjs";
+import "../../chunk-HH5ONOZI.mjs";
+import "../../chunk-6UTDKUCL.mjs";
+import "../../chunk-LB2ZL6PH.mjs";
+import "../../chunk-PHDFLY3V.mjs";
+import "../../chunk-7O5GPAWT.mjs";
+import "../../chunk-OVCHAMNO.mjs";
+import "../../chunk-3QDDQQWR.mjs";
+import "../../chunk-FIW4QCEX.mjs";
+import "../../chunk-T4PP2UZL.mjs";
+import "../../chunk-BWDKLUDE.mjs";
+import "../../chunk-N35E7W2X.mjs";
+import "../../chunk-3YZLVHFV.mjs";
+import "../../chunk-A3AH63XW.mjs";
+import "../../chunk-NXK7NS3Z.mjs";
+import "../../chunk-CNHGBEJR.mjs";
+import "../../chunk-HK3UBRZS.mjs";
+import "../../chunk-XXMQJZUF.mjs";
+import "../../chunk-6DDAI64X.mjs";
+import "../../chunk-JEPXGFMX.mjs";
+import "../../chunk-YJLRG5U3.mjs";
+import "../../chunk-WZHWRBOT.mjs";
+import "../../chunk-EO3Y3BYG.mjs";
+import "../../chunk-RRNRBLG6.mjs";
+import "../../chunk-6R4BEU23.mjs";
+import "../../chunk-5BGMNH5Y.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-EUM3RGEU.mjs";
+import "../../chunk-BNMVSGHE.mjs";
+import "../../chunk-PCCDR4JX.mjs";
+import "../../chunk-SO4CXB6J.mjs";
+import "../../chunk-3BVACFSH.mjs";
+import "../../chunk-4HE7QAS2.mjs";
+import "../../chunk-QB7MZLGH.mjs";
+import "../../chunk-BKCR5453.mjs";
+import "../../chunk-WVWYRS4M.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
 export {
   NavigationDrawer
 };
-//# sourceMappingURL=NavigationDrawer.mjs.map
+//# sourceMappingURL=NavigationDrawer.mjs.map

package/dist/components/Navigation/NavigationDrawer.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationDrawer.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, type ReactNode } from 'react';\n\nimport { AlignJustifyIcon, XIcon } from 'lucide-react';\n\nimport { Box, Button } from '#components';\n\nimport * as s from './NavigationDrawer.css';\n\ninterface NavigationDrawerProps {\n  menu: ReactNode;\n  aside: ReactNode;\n}\n\nexport const NavigationDrawer = ({ menu, aside }: NavigationDrawerProps) => {\n  const [isExpanded, setIsExpanded] = useState<boolean>(false);\n\n  const handleClick = () => {\n    setIsExpanded((prev) => !prev);\n  };\n\n  useEffect(() => {\n    if (isExpanded) {\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      if (isExpanded) {\n        document.body.style.overflow = 'auto';\n      }\n    };\n  }, [isExpanded]);\n\n  return (\n    <>\n      <div className={s.wide}>\n        {menu}\n        {aside}\n      </div>\n      <div className={s.narrow}>\n        <Button\n          size=\"icon-md\"\n          color=\"secondary\"\n          variant=\"ghost\"\n          onClick={handleClick}\n        >\n          {isExpanded ? <XIcon /> : <AlignJustifyIcon />}\n        </Button>\n        <div className={s.popup({ isVisible: isExpanded })}>\n          <Box\n            flex\n            gap=\"xl\"\n            flexDirection=\"column-reverse\"\n            alignItems=\"flex-end\"\n            paddingY=\"lg\"\n          >\n            <Box width=\"100%\" onClick={() => setIsExpanded(false)}>\n              {menu}\n            </Box>\n            {aside}\n          </Box>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;AAEA,SAAS,WAAW,gBAAgC;AAEpD,SAAS,kBAAkB,aAAa;AAExC,SAAS,KAAK,cAAc;AAE5B,YAAY,OAAO;AA2Bf,mBAYoB,KAXlB,YADF;AApBG,IAAM,mBAAmB,CAAC,EAAE,MAAM,MAAM,MAA6B;AAC1E,QAAM,CAAC,YAAY,aAAa,IAAI,SAAkB,KAAK;AAE3D,QAAM,cAAc,MAAM;AACxB,kBAAc,CAAC,SAAS,CAAC,IAAI;AAAA,EAC/B;AAEA,YAAU,MAAM;AACd,QAAI,YAAY;AACd,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC;AAEA,WAAO,MAAM;AACX,UAAI,YAAY;AACd,iBAAS,KAAK,MAAM,WAAW;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,iCACE;AAAA,yBAAC,SAAI,WAAa,QACf;AAAA;AAAA,MACA;AAAA,OACH;AAAA,IACA,qBAAC,SAAI,WAAa,UAChB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,SAAS;AAAA,UAER,uBAAa,oBAAC,SAAM,IAAK,oBAAC,oBAAiB;AAAA;AAAA,MAC9C;AAAA,MACA,oBAAC,SAAI,WAAa,QAAM,EAAE,WAAW,WAAW,CAAC,GAC/C;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,KAAI;AAAA,UACJ,eAAc;AAAA,UACd,YAAW;AAAA,UACX,UAAS;AAAA,UAET;AAAA,gCAAC,OAAI,OAAM,QAAO,SAAS,MAAM,cAAc,KAAK,GACjD,gBACH;AAAA,YACC;AAAA;AAAA;AAAA,MACH,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Navigation/NavigationItem.css.mjs

@@ -1,41 +1,27 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationItem.css.ts
-import { recipeWithLayer } from "#styleUtils.mjs";
-import { theme } from "#themes.mjs";
-import { spacing, typography } from "#tokens.mjs";
-import { narrow } from "./NavigationDrawer.css.mjs";
-var container = recipeWithLayer({
-  base: {
-    position: "relative",
-    lineHeight: "0",
-    padding: spacing.lg,
-    fontSize: "0.9375em",
-    fontWeight: typography.weight.semiBold,
-    transition: "color 0.2s ease",
-    cursor: "pointer",
-    ":hover": {
-      color: `rgb(${theme.color.foreground})`
-    },
-    selectors: {
-      [`${narrow} &`]: {
-        padding: `${spacing["2xl"]} ${spacing.lg}`,
-        fontSize: "1.125em"
-      }
-    }
-  },
-  variants: {
-    isSelected: {
-      true: {
-        color: `rgb(${theme.color["secondary-foreground"]})`
-      },
-      false: {
-        color: `rgba(${theme.color["secondary-foreground"]}, 0.5)`
-      }
-    }
-  }
-});
+import {
+  container
+} from "../../chunk-7JP3LYPL.mjs";
+import "../../chunk-SMSD7KQC.mjs";
+import "../../chunk-LB2ZL6PH.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
 export {
   container
 };
-//# sourceMappingURL=NavigationItem.css.mjs.map
+//# sourceMappingURL=NavigationItem.css.mjs.map

package/dist/components/Navigation/NavigationItem.css.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationItem.css.ts"],"sourcesContent":["import { recipeWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\nimport { spacing, typography } from '#tokens';\n\nimport { narrow } from './NavigationDrawer.css';\n\nexport const container = recipeWithLayer({\n  base: {\n    position: 'relative',\n\n    lineHeight: '0',\n    padding: spacing.lg,\n\n    fontSize: '0.9375em',\n    fontWeight: typography.weight.semiBold,\n\n    transition: 'color 0.2s ease',\n\n    cursor: 'pointer',\n\n    ':hover': {\n      color: `rgb(${theme.color.foreground})`,\n    },\n\n    selectors: {\n      [`${narrow} &`]: {\n        padding: `${spacing['2xl']} ${spacing.lg}`,\n\n        fontSize: '1.125em',\n      },\n    },\n  },\n  variants: {\n    isSelected: {\n      true: {\n        color: `rgb(${theme.color['secondary-foreground']})`,\n      },\n      false: {\n        color: `rgba(${theme.color['secondary-foreground']}, 0.5)`,\n      },\n    },\n  },\n});\n"],"mappings":";;;AAAA,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,SAAS,kBAAkB;AAEpC,SAAS,cAAc;AAEhB,IAAM,YAAY,gBAAgB;AAAA,EACvC,MAAM;AAAA,IACJ,UAAU;AAAA,IAEV,YAAY;AAAA,IACZ,SAAS,QAAQ;AAAA,IAEjB,UAAU;AAAA,IACV,YAAY,WAAW,OAAO;AAAA,IAE9B,YAAY;AAAA,IAEZ,QAAQ;AAAA,IAER,UAAU;AAAA,MACR,OAAO,OAAO,MAAM,MAAM,UAAU;AAAA,IACtC;AAAA,IAEA,WAAW;AAAA,MACT,CAAC,GAAG,MAAM,IAAI,GAAG;AAAA,QACf,SAAS,GAAG,QAAQ,KAAK,CAAC,IAAI,QAAQ,EAAE;AAAA,QAExC,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,OAAO,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,OAAO,QAAQ,MAAM,MAAM,sBAAsB,CAAC;AAAA,MACpD;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}