@kimdw-rtk/ui 0.0.17 → 0.0.18

package/dist/components/Dialog/DialogFooter.css.mjs

@@ -1,8 +1,5 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Dialog/DialogFooter.css.ts
-import { styleWithLayer } from "#styleUtils.mjs";
-var container = styleWithLayer({
+import { styleWithLayer } from "#styleUtils";
+const container = styleWithLayer({
   maxWidth: "calc(100vw - 2rem)",
   minWidth: "min(20rem, calc(100vw - 2rem))",
   padding: "1rem",
@@ -11,7 +8,7 @@ var container = styleWithLayer({
   backgroundColor: "#fff",
   userSelect: "none"
 });
-var message = styleWithLayer({
+const message = styleWithLayer({
   marginBottom: "1rem",
   lineHeight: "150%",
   wordBreak: "break-all"

package/dist/components/Dialog/DialogFooter.css.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Dialog/DialogFooter.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const container = styleWithLayer({\n  maxWidth: 'calc(100vw - 2rem)',\n  minWidth: 'min(20rem, calc(100vw - 2rem))',\n  padding: '1rem',\n  borderRadius: '0.25rem',\n  boxSizing: 'border-box',\n\n  backgroundColor: '#fff',\n\n  userSelect: 'none',\n});\n\nexport const message = styleWithLayer({\n  marginBottom: '1rem',\n\n  lineHeight: '150%',\n  wordBreak: 'break-all',\n});\n"],"mappings":";;;AAAA,SAAS,sBAAsB;AAExB,IAAM,YAAY,eAAe;AAAA,EACtC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,WAAW;AAAA,EAEX,iBAAiB;AAAA,EAEjB,YAAY;AACd,CAAC;AAEM,IAAM,UAAU,eAAe;AAAA,EACpC,cAAc;AAAA,EAEd,YAAY;AAAA,EACZ,WAAW;AACb,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/components/Dialog/DialogFooter.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const container = styleWithLayer({\n  maxWidth: 'calc(100vw - 2rem)',\n  minWidth: 'min(20rem, calc(100vw - 2rem))',\n  padding: '1rem',\n  borderRadius: '0.25rem',\n  boxSizing: 'border-box',\n\n  backgroundColor: '#fff',\n\n  userSelect: 'none',\n});\n\nexport const message = styleWithLayer({\n  marginBottom: '1rem',\n\n  lineHeight: '150%',\n  wordBreak: 'break-all',\n});\n"],"mappings":"AAAA,SAAS,sBAAsB;AAExB,MAAM,YAAY,eAAe;AAAA,EACtC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,WAAW;AAAA,EAEX,iBAAiB;AAAA,EAEjB,YAAY;AACd,CAAC;AAEM,MAAM,UAAU,eAAe;AAAA,EACpC,cAAc;AAAA,EAEd,YAAY;AAAA,EACZ,WAAW;AACb,CAAC;","names":[]}

package/dist/components/Dialog/DialogFooter.mjs

@@ -1,12 +1,9 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Dialog/DialogFooter.tsx
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
-import { Box } from "#components.mjs";
-import { sx } from "#styles.mjs";
-import { jsx } from "react/jsx-runtime";
-var DialogFooter = forwardRef(
+import { Box } from "#components";
+import { sx } from "#styles";
+const DialogFooter = forwardRef(
   ({ children, className, sx: propSx, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       Box,

package/dist/components/Dialog/DialogFooter.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Dialog/DialogFooter.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Box } from '#components';\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\ntype DialogFooterProps = Omit<UIComponent<'div'>, 'color'>;\n\nexport const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        flex\n        justifyContent=\"flex-end\"\n        className={clsx(className, sx(propSx))}\n        {...props}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nDialogFooter.displayName = 'DialogFooter';\n"],"mappings":";;;AAAA,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,WAAW;AACpB,SAAS,UAAU;AAQb;AAHC,IAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,gBAAe;AAAA,QACf,WAAW,KAAK,WAAW,GAAG,MAAM,CAAC;AAAA,QACpC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/Dialog/DialogFooter.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Box } from '#components';\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\ntype DialogFooterProps = Omit<UIComponent<'div'>, 'color'>;\n\nexport const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        flex\n        justifyContent=\"flex-end\"\n        className={clsx(className, sx(propSx))}\n        {...props}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nDialogFooter.displayName = 'DialogFooter';\n"],"mappings":"AAaM;AAbN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,WAAW;AACpB,SAAS,UAAU;AAKZ,MAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,gBAAe;AAAA,QACf,WAAW,KAAK,WAAW,GAAG,MAAM,CAAC;AAAA,QACpC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

package/dist/components/Dialog/DialogHeader.css.mjs

@@ -1,16 +1,13 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Dialog/DialogHeader.css.ts
-import { styleWithLayer } from "#styleUtils.mjs";
-import { theme } from "#themes.mjs";
-var container = styleWithLayer({
+import { styleWithLayer } from "#styleUtils";
+import { theme } from "#themes";
+const container = styleWithLayer({
   position: "sticky",
   top: "0",
   padding: "1.5rem",
   zIndex: "10",
   backgroundColor: `rgb(${theme.color.background})`
 });
-var close = styleWithLayer({
+const close = styleWithLayer({
   width: "1.25rem",
   height: "1.25rem",
   padding: "0",

package/dist/components/Dialog/DialogHeader.css.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Dialog/DialogHeader.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nexport const container = styleWithLayer({\n  position: 'sticky',\n  top: '0',\n  padding: '1.5rem',\n  zIndex: '10',\n\n  backgroundColor: `rgb(${theme.color.background})`,\n});\n\nexport const close = styleWithLayer({\n  width: '1.25rem',\n  height: '1.25rem',\n  padding: '0',\n  border: '0',\n\n  backgroundColor: 'transparent',\n\n  fontSize: '1em',\n  color: `rgb(${theme.color['muted-foreground']})`,\n\n  cursor: 'pointer',\n\n  transition: 'color 0.1s ease',\n\n  ':hover': {\n    color: `rgb(${theme.color['foreground']})`,\n  },\n});\n"],"mappings":";;;AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AAEf,IAAM,YAAY,eAAe;AAAA,EACtC,UAAU;AAAA,EACV,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AAAA,EAER,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAChD,CAAC;AAEM,IAAM,QAAQ,eAAe;AAAA,EAClC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EAER,iBAAiB;AAAA,EAEjB,UAAU;AAAA,EACV,OAAO,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAAA,EAE7C,QAAQ;AAAA,EAER,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,OAAO,OAAO,MAAM,MAAM,YAAY,CAAC;AAAA,EACzC;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/components/Dialog/DialogHeader.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nexport const container = styleWithLayer({\n  position: 'sticky',\n  top: '0',\n  padding: '1.5rem',\n  zIndex: '10',\n\n  backgroundColor: `rgb(${theme.color.background})`,\n});\n\nexport const close = styleWithLayer({\n  width: '1.25rem',\n  height: '1.25rem',\n  padding: '0',\n  border: '0',\n\n  backgroundColor: 'transparent',\n\n  fontSize: '1em',\n  color: `rgb(${theme.color['muted-foreground']})`,\n\n  cursor: 'pointer',\n\n  transition: 'color 0.1s ease',\n\n  ':hover': {\n    color: `rgb(${theme.color['foreground']})`,\n  },\n});\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AAEf,MAAM,YAAY,eAAe;AAAA,EACtC,UAAU;AAAA,EACV,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AAAA,EAER,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAChD,CAAC;AAEM,MAAM,QAAQ,eAAe;AAAA,EAClC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EAER,iBAAiB;AAAA,EAEjB,UAAU;AAAA,EACV,OAAO,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAAA,EAE7C,QAAQ;AAAA,EAER,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,OAAO,OAAO,MAAM,MAAM,YAAY,CAAC;AAAA,EACzC;AACF,CAAC;","names":[]}

package/dist/components/Dialog/DialogHeader.mjs

@@ -1,14 +1,11 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Dialog/DialogHeader.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
 import { XIcon } from "lucide-react";
-import { Box } from "#components.mjs";
-import { sx } from "#styles.mjs";
-import * as s from "./DialogHeader.css.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DialogHeader = forwardRef(
+import { Box } from "#components";
+import { sx } from "#styles";
+import * as s from "./DialogHeader.css";
+const DialogHeader = forwardRef(
   ({ children, className, sx: propSx, onCloseClick, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       Box,

package/dist/components/Dialog/DialogHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Dialog/DialogHeader.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\nimport { XIcon } from 'lucide-react';\n\nimport { Box } from '#components';\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './DialogHeader.css';\n\ninterface DialogHeaderProps extends Omit<UIComponent<'div'>, 'color'> {\n  onCloseClick?: () => void;\n}\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n  ({ children, className, sx: propSx, onCloseClick, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        fontSize=\"lg\"\n        fontWeight=\"normal\"\n        className={clsx(s.container, className, sx(propSx))}\n        {...props}\n      >\n        <span>{children}</span>\n        <button className={s.close} onClick={onCloseClick} aria-label=\"닫기\">\n          <XIcon />\n        </button>\n      </Box>\n    );\n  },\n);\nDialogHeader.displayName = 'DialogHeader';\n"],"mappings":";;;AAAA,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AACjB,SAAS,aAAa;AAEtB,SAAS,WAAW;AACpB,SAAS,UAAU;AAGnB,YAAY,OAAO;AASb,SAUE,KAVF;AAHC,IAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,cAAc,GAAG,MAAM,GAAG,QAAQ;AACpE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,UAAS;AAAA,QACT,YAAW;AAAA,QACX,WAAW,KAAO,aAAW,WAAW,GAAG,MAAM,CAAC;AAAA,QACjD,GAAG;AAAA,QAEJ;AAAA,8BAAC,UAAM,UAAS;AAAA,UAChB,oBAAC,YAAO,WAAa,SAAO,SAAS,cAAc,cAAW,gBAC5D,8BAAC,SAAM,GACT;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/Dialog/DialogHeader.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\nimport { XIcon } from 'lucide-react';\n\nimport { Box } from '#components';\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './DialogHeader.css';\n\ninterface DialogHeaderProps extends Omit<UIComponent<'div'>, 'color'> {\n  onCloseClick?: () => void;\n}\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n  ({ children, className, sx: propSx, onCloseClick, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        fontSize=\"lg\"\n        fontWeight=\"normal\"\n        className={clsx(s.container, className, sx(propSx))}\n        {...props}\n      >\n        <span>{children}</span>\n        <button className={s.close} onClick={onCloseClick} aria-label=\"닫기\">\n          <XIcon />\n        </button>\n      </Box>\n    );\n  },\n);\nDialogHeader.displayName = 'DialogHeader';\n"],"mappings":"AAkBM,SAUE,KAVF;AAlBN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AACjB,SAAS,aAAa;AAEtB,SAAS,WAAW;AACpB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAMZ,MAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,cAAc,GAAG,MAAM,GAAG,QAAQ;AACpE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,UAAS;AAAA,QACT,YAAW;AAAA,QACX,WAAW,KAAK,EAAE,WAAW,WAAW,GAAG,MAAM,CAAC;AAAA,QACjD,GAAG;AAAA,QAEJ;AAAA,8BAAC,UAAM,UAAS;AAAA,UAChB,oBAAC,YAAO,WAAW,EAAE,OAAO,SAAS,cAAc,cAAW,gBAC5D,8BAAC,SAAM,GACT;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

package/dist/components/Dialog/index.mjs

@@ -1,6 +1,5 @@
-// src/components/Dialog/index.ts
-export * from "./Dialog.mjs";
-export * from "./DialogContent.mjs";
-export * from "./DialogFooter.mjs";
-export * from "./DialogHeader.mjs";
+export * from "./Dialog";
+export * from "./DialogContent";
+export * from "./DialogFooter";
+export * from "./DialogHeader";
 //# sourceMappingURL=index.mjs.map

package/dist/components/Dialog/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Dialog/index.ts"],"sourcesContent":["export * from './Dialog';\nexport * from './DialogContent';\nexport * from './DialogFooter';\nexport * from './DialogHeader';\n"],"mappings":";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/Dialog/index.ts"],"sourcesContent":["export * from './Dialog';\nexport * from './DialogContent';\nexport * from './DialogFooter';\nexport * from './DialogHeader';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/Navigation/Navigation.spec.mjs

@@ -1,13 +1,12 @@
-// src/components/Navigation/Navigation.spec.tsx
 import {
   NavigationAside,
   NavigationBar,
   NavigationItem,
   NavigationLogo,
   NavigationMenu
-} from "#components.mjs";
-import { uiTest } from "../../tests/uiTest.mjs";
-import { NavigationContainer } from "./NavigationContainer.mjs";
+} from "#components";
+import { uiTest } from "../../tests/uiTest";
+import { NavigationContainer } from "./NavigationContainer";
 describe("Navigation \uCEF4\uD3EC\uB10C\uD2B8", () => {
   uiTest(NavigationAside, "NavigationAside");
   uiTest(NavigationBar, "NavigationBar");

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Navigation/Navigation.spec.tsx"],"sourcesContent":["import {\n  NavigationAside,\n  NavigationBar,\n  NavigationItem,\n  NavigationLogo,\n  NavigationMenu,\n} from '#components';\n\nimport { uiTest } from '../../tests/uiTest';\nimport { NavigationContainer } from './NavigationContainer';\n\ndescribe('Navigation 컴포넌트', () => {\n  uiTest(NavigationAside, 'NavigationAside');\n  uiTest(NavigationBar, 'NavigationBar');\n  uiTest(NavigationItem, 'NavigationItem');\n  uiTest(NavigationLogo, 'NavigationLogo');\n  uiTest(NavigationMenu, 'NavigationMenu');\n  uiTest(NavigationContainer, 'NavigationContainer');\n});\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,cAAc;AACvB,SAAS,2BAA2B;AAEpC,SAAS,uCAAmB,MAAM;AAChC,SAAO,iBAAiB,iBAAiB;AACzC,SAAO,eAAe,eAAe;AACrC,SAAO,gBAAgB,gBAAgB;AACvC,SAAO,gBAAgB,gBAAgB;AACvC,SAAO,gBAAgB,gBAAgB;AACvC,SAAO,qBAAqB,qBAAqB;AACnD,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/components/Navigation/Navigation.spec.tsx"],"sourcesContent":["import {\n  NavigationAside,\n  NavigationBar,\n  NavigationItem,\n  NavigationLogo,\n  NavigationMenu,\n} from '#components';\n\nimport { uiTest } from '../../tests/uiTest';\nimport { NavigationContainer } from './NavigationContainer';\n\ndescribe('Navigation 컴포넌트', () => {\n  uiTest(NavigationAside, 'NavigationAside');\n  uiTest(NavigationBar, 'NavigationBar');\n  uiTest(NavigationItem, 'NavigationItem');\n  uiTest(NavigationLogo, 'NavigationLogo');\n  uiTest(NavigationMenu, 'NavigationMenu');\n  uiTest(NavigationContainer, 'NavigationContainer');\n});\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,cAAc;AACvB,SAAS,2BAA2B;AAEpC,SAAS,uCAAmB,MAAM;AAChC,SAAO,iBAAiB,iBAAiB;AACzC,SAAO,eAAe,eAAe;AACrC,SAAO,gBAAgB,gBAAgB;AACvC,SAAO,gBAAgB,gBAAgB;AACvC,SAAO,gBAAgB,gBAAgB;AACvC,SAAO,qBAAqB,qBAAqB;AACnD,CAAC;","names":[]}

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

@@ -1,8 +1,5 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationAside.css.ts
-import { styleWithLayer } from "#styleUtils.mjs";
-var wide = styleWithLayer({
+import { styleWithLayer } from "#styleUtils";
+const wide = styleWithLayer({
   display: "flex",
   alignItems: "center",
   gap: "0.5em"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationAside.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const wide = styleWithLayer({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '0.5em',\n});\n"],"mappings":";;;AAAA,SAAS,sBAAsB;AAExB,IAAM,OAAO,eAAe;AAAA,EACjC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AACP,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/components/Navigation/NavigationAside.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const wide = styleWithLayer({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '0.5em',\n});\n"],"mappings":"AAAA,SAAS,sBAAsB;AAExB,MAAM,OAAO,eAAe;AAAA,EACjC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AACP,CAAC;","names":[]}

package/dist/components/Navigation/NavigationAside.mjs

@@ -1,13 +1,10 @@
 "use client";
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationAside.tsx
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
-import { sx } from "#styles.mjs";
-import * as s from "./NavigationAside.css.mjs";
-import { jsx } from "react/jsx-runtime";
-var NavigationAside = forwardRef(
+import { sx } from "#styles";
+import * as s from "./NavigationAside.css";
+const NavigationAside = forwardRef(
   ({ children, className, sx: propSx, ...props }, ref) => {
     return /* @__PURE__ */ jsx("aside", { ref, className: clsx(className, sx(propSx)), ...props, children: /* @__PURE__ */ jsx("div", { className: s.wide, children }) });
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationAside.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './NavigationAside.css';\n\ntype NavigationAsideProps = UIComponent<'aside'>;\n\nexport const NavigationAside = forwardRef<HTMLElement, NavigationAsideProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <aside ref={ref} className={clsx(className, sx(propSx))} {...props}>\n        <div className={s.wide}>{children}</div>\n      </aside>\n    );\n  },\n);\nNavigationAside.displayName = 'NavigationAside';\n"],"mappings":";;;;AAEA,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAQX;AAJD,IAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,WACE,oBAAC,WAAM,KAAU,WAAW,KAAK,WAAW,GAAG,MAAM,CAAC,GAAI,GAAG,OAC3D,8BAAC,SAAI,WAAa,QAAO,UAAS,GACpC;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/Navigation/NavigationAside.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './NavigationAside.css';\n\ntype NavigationAsideProps = UIComponent<'aside'>;\n\nexport const NavigationAside = forwardRef<HTMLElement, NavigationAsideProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <aside ref={ref} className={clsx(className, sx(propSx))} {...props}>\n        <div className={s.wide}>{children}</div>\n      </aside>\n    );\n  },\n);\nNavigationAside.displayName = 'NavigationAside';\n"],"mappings":";AAiBQ;AAfR,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,WACE,oBAAC,WAAM,KAAU,WAAW,KAAK,WAAW,GAAG,MAAM,CAAC,GAAI,GAAG,OAC3D,8BAAC,SAAI,WAAW,EAAE,MAAO,UAAS,GACpC;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;","names":[]}

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

@@ -1,11 +1,8 @@
-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({
+import { recipeWithLayer } from "#styleUtils";
+import { theme } from "#themes";
+const navigationBarContainer = createContainer();
+const navigationBar = recipeWithLayer({
   base: {
     zIndex: "20",
     position: "sticky",

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

@@ -1 +1 @@
-{"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":["../../../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,MAAM,yBAAyB,gBAAgB;AAE/C,MAAM,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":[]}

package/dist/components/Navigation/NavigationBar.mjs

@@ -1,12 +1,9 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationBar.tsx
+import { jsx } from "react/jsx-runtime";
 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(
+import { sx } from "#styles";
+import * as s from "./NavigationBar.css";
+const NavigationBar = forwardRef(
   ({ className, size = "md", sx: propSx, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "nav",

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

@@ -1 +1 @@
-{"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":["../../../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":"AAcM;AAdN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,OAAO,MAAM,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,EAAE,cAAc,EAAE,KAAK,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QAC/D,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

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

@@ -1,8 +1,5 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationContainer.css.ts
 import { style } from "@vanilla-extract/css";
-var container = style({
+const container = style({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",

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

@@ -1 +1 @@
-{"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":["../../../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,MAAM,YAAY,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,KAAK;AAAA,EAEL,QAAQ;AAAA,EACR,QAAQ;AACV,CAAC;","names":[]}

package/dist/components/Navigation/NavigationContainer.mjs

@@ -1,12 +1,9 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationContainer.tsx
+import { jsx } from "react/jsx-runtime";
 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) => {
+import { sx } from "#styles";
+import * as s from "./NavigationContainer.css";
+const NavigationContainer = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {

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

@@ -1 +1 @@
-{"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":["../../../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":"AAgBI;AAhBJ,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,sBAAsB,WAGjC,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC;AAAA,MACjD,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,oBAAoB,cAAc;","names":[]}

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

@@ -1,10 +1,7 @@
-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({
+import { recipeWithLayer, styleWithLayer } from "#styleUtils";
+import { theme } from "#themes";
+import { navigationBarContainer } from "./NavigationBar.css";
+const narrow = styleWithLayer({
   display: "none",
   "@container": {
     [`${navigationBarContainer} (max-width: 800px)`]: {
@@ -12,7 +9,7 @@ var narrow = styleWithLayer({
     }
   }
 });
-var wide = styleWithLayer({
+const wide = styleWithLayer({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
@@ -24,7 +21,7 @@ var wide = styleWithLayer({
     }
   }
 });
-var popup = recipeWithLayer({
+const popup = recipeWithLayer({
   base: {
     position: "absolute",
     top: "100%",

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

@@ -1 +1 @@
-{"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":["../../../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,MAAM,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,MAAM,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,MAAM,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":[]}

package/dist/components/Navigation/NavigationDrawer.mjs

@@ -1,13 +1,10 @@
 "use client";
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationDrawer.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 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 }) => {
+import { Box, Button } from "#components";
+import * as s from "./NavigationDrawer.css";
+const NavigationDrawer = ({ menu, aside }) => {
   const [isExpanded, setIsExpanded] = useState(false);
   const handleClick = () => {
     setIsExpanded((prev) => !prev);

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

@@ -1 +1 @@
-{"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":["../../../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":";AAmCI,mBAYoB,KAXlB,YADF;AAjCJ,SAAS,WAAW,gBAAgC;AAEpD,SAAS,kBAAkB,aAAa;AAExC,SAAS,KAAK,cAAc;AAE5B,YAAY,OAAO;AAOZ,MAAM,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,WAAW,EAAE,MACf;AAAA;AAAA,MACA;AAAA,OACH;AAAA,IACA,qBAAC,SAAI,WAAW,EAAE,QAChB;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,WAAW,EAAE,MAAM,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":[]}

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

@@ -1,11 +1,8 @@
-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({
+import { recipeWithLayer } from "#styleUtils";
+import { theme } from "#themes";
+import { spacing, typography } from "#tokens";
+import { narrow } from "./NavigationDrawer.css";
+const container = recipeWithLayer({
   base: {
     position: "relative",
     lineHeight: "0",

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

@@ -1 +1 @@
-{"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":["../../../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,MAAM,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":[]}

package/dist/components/Navigation/NavigationItem.mjs

@@ -1,12 +1,9 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationItem.tsx
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
-import { sx } from "#styles.mjs";
-import * as s from "./NavigationItem.css.mjs";
-import { jsx } from "react/jsx-runtime";
-var NavigationItem = forwardRef(
+import { sx } from "#styles";
+import * as s from "./NavigationItem.css";
+const NavigationItem = forwardRef(
   ({ style, className, sx: propSx, isSelected = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationItem.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 './NavigationItem.css';\n\ntype NavigationItemProps = UIComponent<'div', typeof s.container>;\n\nexport const NavigationItem = forwardRef<HTMLDivElement, NavigationItemProps>(\n  ({ style, className, sx: propSx, isSelected = false, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        style={{ ...style }}\n        className={clsx(s.container({ isSelected }), className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nNavigationItem.displayName = 'NavigationItem';\n"],"mappings":";;;AAAA,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAOb;AAHC,IAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,OAAO,WAAW,IAAI,QAAQ,aAAa,OAAO,GAAG,MAAM,GAAG,QAAQ;AACvE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,EAAE,GAAG,MAAM;AAAA,QAClB,WAAW,KAAO,YAAU,EAAE,WAAW,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QACjE,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/Navigation/NavigationItem.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 './NavigationItem.css';\n\ntype NavigationItemProps = UIComponent<'div', typeof s.container>;\n\nexport const NavigationItem = forwardRef<HTMLDivElement, NavigationItemProps>(\n  ({ style, className, sx: propSx, isSelected = false, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        style={{ ...style }}\n        className={clsx(s.container({ isSelected }), className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nNavigationItem.displayName = 'NavigationItem';\n"],"mappings":"AAcM;AAdN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,OAAO,WAAW,IAAI,QAAQ,aAAa,OAAO,GAAG,MAAM,GAAG,QAAQ;AACvE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,EAAE,GAAG,MAAM;AAAA,QAClB,WAAW,KAAK,EAAE,UAAU,EAAE,WAAW,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QACjE,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":[]}

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

@@ -1,8 +1,5 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationLogo.css.ts
-import { styleWithLayer } from "#styleUtils.mjs";
-var navigationLogo = styleWithLayer({
+import { styleWithLayer } from "#styleUtils";
+const navigationLogo = styleWithLayer({
   marginRight: "0.5em"
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationLogo.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const navigationLogo = styleWithLayer({\n  marginRight: '0.5em',\n});\n"],"mappings":";;;AAAA,SAAS,sBAAsB;AAExB,IAAM,iBAAiB,eAAe;AAAA,EAC3C,aAAa;AACf,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/components/Navigation/NavigationLogo.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const navigationLogo = styleWithLayer({\n  marginRight: '0.5em',\n});\n"],"mappings":"AAAA,SAAS,sBAAsB;AAExB,MAAM,iBAAiB,eAAe;AAAA,EAC3C,aAAa;AACf,CAAC;","names":[]}

package/dist/components/Navigation/NavigationLogo.mjs

@@ -1,12 +1,9 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationLogo.tsx
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
-import { sx } from "#styles.mjs";
-import * as s from "./NavigationLogo.css.mjs";
-import { jsx } from "react/jsx-runtime";
-var NavigationLogo = forwardRef(
+import { sx } from "#styles";
+import * as s from "./NavigationLogo.css";
+const NavigationLogo = forwardRef(
   ({ className, sx: propSx, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationLogo.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 './NavigationLogo.css';\n\ntype NavigationLogoProps = UIComponent<'div'>;\n\nexport const NavigationLogo = forwardRef<HTMLDivElement, NavigationLogoProps>(\n  ({ className, sx: propSx, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          s.navigationLogo,\n          className,\n          sx({ marginRight: { mobile: 'lg', desktop: '3xl' } }),\n          sx(propSx),\n        )}\n        {...props}\n      />\n    );\n  },\n);\nNavigationLogo.displayName = 'NavigationLogo';\n"],"mappings":";;;AAAA,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAOb;AAHC,IAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACP;AAAA,UACF;AAAA,UACA,GAAG,EAAE,aAAa,EAAE,QAAQ,MAAM,SAAS,MAAM,EAAE,CAAC;AAAA,UACpD,GAAG,MAAM;AAAA,QACX;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/Navigation/NavigationLogo.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 './NavigationLogo.css';\n\ntype NavigationLogoProps = UIComponent<'div'>;\n\nexport const NavigationLogo = forwardRef<HTMLDivElement, NavigationLogoProps>(\n  ({ className, sx: propSx, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          s.navigationLogo,\n          className,\n          sx({ marginRight: { mobile: 'lg', desktop: '3xl' } }),\n          sx(propSx),\n        )}\n        {...props}\n      />\n    );\n  },\n);\nNavigationLogo.displayName = 'NavigationLogo';\n"],"mappings":"AAcM;AAdN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,EAAE;AAAA,UACF;AAAA,UACA,GAAG,EAAE,aAAa,EAAE,QAAQ,MAAM,SAAS,MAAM,EAAE,CAAC;AAAA,UACpD,GAAG,MAAM;AAAA,QACX;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":[]}

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

@@ -1,11 +1,8 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationMenu.css.ts
-import { styleWithLayer } from "#styleUtils.mjs";
-import { theme } from "#themes.mjs";
-import { spacing } from "#tokens.mjs";
-import { narrow } from "./NavigationDrawer.css.mjs";
-var navigationMenu = styleWithLayer({
+import { styleWithLayer } from "#styleUtils";
+import { theme } from "#themes";
+import { spacing } from "#tokens";
+import { narrow } from "./NavigationDrawer.css";
+const navigationMenu = styleWithLayer({
   display: "flex",
   alignItems: "center",
   gap: "0.5em",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationMenu.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\nimport { spacing } from '#tokens';\n\nimport { narrow } from './NavigationDrawer.css';\n\nexport const navigationMenu = styleWithLayer({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '0.5em',\n\n  selectors: {\n    [`${narrow} &`]: {\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      gap: '0',\n\n      width: '100%',\n      borderTop: `1px solid rgb(${theme.color['border.weak']})`,\n      paddingTop: spacing['md'],\n    },\n  },\n});\n"],"mappings":";;;AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB,SAAS,eAAe;AAExB,SAAS,cAAc;AAEhB,IAAM,iBAAiB,eAAe;AAAA,EAC3C,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA,EAEL,WAAW;AAAA,IACT,CAAC,GAAG,MAAM,IAAI,GAAG;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK;AAAA,MAEL,OAAO;AAAA,MACP,WAAW,iBAAiB,MAAM,MAAM,aAAa,CAAC;AAAA,MACtD,YAAY,QAAQ,IAAI;AAAA,IAC1B;AAAA,EACF;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/components/Navigation/NavigationMenu.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\nimport { spacing } from '#tokens';\n\nimport { narrow } from './NavigationDrawer.css';\n\nexport const navigationMenu = styleWithLayer({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '0.5em',\n\n  selectors: {\n    [`${narrow} &`]: {\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      gap: '0',\n\n      width: '100%',\n      borderTop: `1px solid rgb(${theme.color['border.weak']})`,\n      paddingTop: spacing['md'],\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB,SAAS,eAAe;AAExB,SAAS,cAAc;AAEhB,MAAM,iBAAiB,eAAe;AAAA,EAC3C,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA,EAEL,WAAW;AAAA,IACT,CAAC,GAAG,MAAM,IAAI,GAAG;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK;AAAA,MAEL,OAAO;AAAA,MACP,WAAW,iBAAiB,MAAM,MAAM,aAAa,CAAC;AAAA,MACtD,YAAY,QAAQ,IAAI;AAAA,IAC1B;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/components/Navigation/NavigationMenu.mjs

@@ -1,12 +1,9 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Navigation/NavigationMenu.tsx
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
-import { sx } from "#styles.mjs";
-import * as s from "./NavigationMenu.css.mjs";
-import { jsx } from "react/jsx-runtime";
-var NavigationMenu = forwardRef(
+import { sx } from "#styles";
+import * as s from "./NavigationMenu.css";
+const NavigationMenu = forwardRef(
   ({ className, sx: propSx, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationMenu.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 './NavigationMenu.css';\n\ntype NavigationMenuProps = UIComponent<'div'>;\n\nexport const NavigationMenu = forwardRef<HTMLDivElement, NavigationMenuProps>(\n  ({ className, sx: propSx, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(s.navigationMenu, className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nNavigationMenu.displayName = 'NavigationMenu';\n\nexport { s as navigationMenuCss };\n"],"mappings":";;;AAAA,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAOb;AAHC,IAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAO,kBAAgB,WAAW,GAAG,MAAM,CAAC;AAAA,QACtD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/Navigation/NavigationMenu.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 './NavigationMenu.css';\n\ntype NavigationMenuProps = UIComponent<'div'>;\n\nexport const NavigationMenu = forwardRef<HTMLDivElement, NavigationMenuProps>(\n  ({ className, sx: propSx, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(s.navigationMenu, className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nNavigationMenu.displayName = 'NavigationMenu';\n\nexport { s as navigationMenuCss };\n"],"mappings":"AAcM;AAdN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,EAAE,gBAAgB,WAAW,GAAG,MAAM,CAAC;AAAA,QACtD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":[]}

package/dist/components/Navigation/index.mjs

@@ -1,9 +1,8 @@
-// src/components/Navigation/index.ts
-export * from "./NavigationAside.mjs";
-export * from "./NavigationBar.mjs";
-export * from "./NavigationContainer.mjs";
-export * from "./NavigationDrawer.mjs";
-export * from "./NavigationItem.mjs";
-export * from "./NavigationLogo.mjs";
-export * from "./NavigationMenu.mjs";
+export * from "./NavigationAside";
+export * from "./NavigationBar";
+export * from "./NavigationContainer";
+export * from "./NavigationDrawer";
+export * from "./NavigationItem";
+export * from "./NavigationLogo";
+export * from "./NavigationMenu";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Navigation/index.ts"],"sourcesContent":["export * from './NavigationAside';\nexport * from './NavigationBar';\nexport * from './NavigationContainer';\nexport * from './NavigationDrawer';\nexport * from './NavigationItem';\nexport * from './NavigationLogo';\nexport * from './NavigationMenu';\n"],"mappings":";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/Navigation/index.ts"],"sourcesContent":["export * from './NavigationAside';\nexport * from './NavigationBar';\nexport * from './NavigationContainer';\nexport * from './NavigationDrawer';\nexport * from './NavigationItem';\nexport * from './NavigationLogo';\nexport * from './NavigationMenu';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}