@kimdw-rtk/ui 0.0.18 → 0.0.21

package/dist/components/Navigation/Navigation.spec.d.ts

@@ -1,2 +1,2 @@
-
-export {  }
+export {};
+//# sourceMappingURL=Navigation.spec.d.ts.map

package/dist/components/Navigation/Navigation.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.spec.tsx"],"names":[],"mappings":""}

package/dist/components/Navigation/NavigationAside.css.d.ts

@@ -1,3 +1,2 @@
-declare const wide: string;
-
-export { wide };
+export declare const wide: string;
+//# sourceMappingURL=NavigationAside.css.d.ts.map

package/dist/components/Navigation/NavigationAside.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationAside.css.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationAside.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAIf,CAAC"}

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

@@ -0,0 +1,9 @@
+import { styleWithLayer } from '../../utils/styleUtils.css.js';
+
+const wide = styleWithLayer({
+    display: 'flex',
+    alignItems: 'center',
+    gap: '0.5em',
+});
+
+export { wide };

package/dist/components/Navigation/NavigationAside.d.ts

@@ -1,10 +1,5 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-
+import type { UIComponent } from '@/types';
 type NavigationAsideProps = UIComponent<'aside'>;
-declare const NavigationAside: react.ForwardRefExoticComponent<Omit<NavigationAsideProps, "ref"> & react.RefAttributes<HTMLElement>>;
-
-export { NavigationAside };
+export declare const NavigationAside: import("react").ForwardRefExoticComponent<Omit<NavigationAsideProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=NavigationAside.d.ts.map

package/dist/components/Navigation/NavigationAside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationAside.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationAside.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,KAAK,oBAAoB,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;AAEjD,eAAO,MAAM,eAAe,2HAQ3B,CAAC"}

package/dist/components/Navigation/NavigationAside.js

@@ -0,0 +1,12 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { wide } from './NavigationAside.css.js';
+import { sx } from '../../styles/sx.js';
+
+const NavigationAside = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("aside", { ref: ref, className: clsx(className, sx(propSx)), ...props, children: jsxRuntimeExports.jsx("div", { className: wide, children: children }) }));
+});
+NavigationAside.displayName = 'NavigationAside';
+
+export { NavigationAside };

package/dist/components/Navigation/NavigationBar.css.d.ts

@@ -1,2 +1,15 @@
-import '@vanilla-extract/recipes';
-export { n as navigationBar, a as navigationBarContainer } from '../../NavigationBar.css-Dryo_NT0.js';
+export declare const navigationBarContainer: string;
+export declare const navigationBar: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        sm: {
+            height: "4em";
+        };
+        md: {
+            height: "5em";
+        };
+        lg: {
+            height: "6em";
+        };
+    };
+}>;
+//# sourceMappingURL=NavigationBar.css.d.ts.map

package/dist/components/Navigation/NavigationBar.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.css.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationBar.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,QAAoB,CAAC;AAExD,eAAO,MAAM,aAAa;;;;;;;;;;;;EAkCxB,CAAC"}

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

@@ -0,0 +1,35 @@
+import { createContainer } from '../../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+import { recipeWithLayer } from '../../utils/styleUtils.css.js';
+import { theme } from '../../themes/theme.css.js';
+
+const navigationBarContainer = createContainer();
+const 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',
+            },
+        },
+    },
+});
+
+export { navigationBar, navigationBarContainer };

package/dist/components/Navigation/NavigationBar.d.ts

@@ -1,12 +1,6 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.js';
-import { n as navigationBar } from '../../NavigationBar.css-Dryo_NT0.js';
-export { N as navigationBarCss } from '../../NavigationBar.css-Dryo_NT0.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-
-type NavigationBarProps = UIComponent<'nav', typeof navigationBar>;
-declare const NavigationBar: react.ForwardRefExoticComponent<Omit<NavigationBarProps, "ref"> & react.RefAttributes<HTMLElement>>;
-
-export { NavigationBar };
+import type { UIComponent } from '@/types';
+import * as s from './NavigationBar.css';
+type NavigationBarProps = UIComponent<'nav', typeof s.navigationBar>;
+export declare const NavigationBar: import("react").ForwardRefExoticComponent<Omit<NavigationBarProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export { s as navigationBarCss };
+//# sourceMappingURL=NavigationBar.d.ts.map

package/dist/components/Navigation/NavigationBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,qBAAqB,CAAC;AAEzC,KAAK,kBAAkB,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;AAErE,eAAO,MAAM,aAAa,yHAUzB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,gBAAgB,EAAE,CAAC"}

package/dist/components/Navigation/NavigationBar.js

@@ -0,0 +1,14 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { navigationBar } from './NavigationBar.css.js';
+import * as NavigationBar_css from './NavigationBar.css.js';
+export { NavigationBar_css as navigationBarCss };
+import { sx } from '../../styles/sx.js';
+
+const NavigationBar = forwardRef(({ className, size = 'md', sx: propSx, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("nav", { ref: ref, className: clsx(navigationBar({ size }), className, sx(propSx)), ...props }));
+});
+NavigationBar.displayName = 'NavigationBar';
+
+export { NavigationBar };

package/dist/components/Navigation/NavigationContainer.css.d.ts

@@ -1,3 +1,2 @@
-declare const container: string;
-
-export { container };
+export declare const container: string;
+//# sourceMappingURL=NavigationContainer.css.d.ts.map

package/dist/components/Navigation/NavigationContainer.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationContainer.css.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationContainer.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,QAQpB,CAAC"}

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

@@ -0,0 +1,12 @@
+import { style } from '../../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+
+const container = style({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: '0.5em',
+    height: '100%',
+    margin: '0 auto',
+});
+
+export { container };

package/dist/components/Navigation/NavigationContainer.d.ts

@@ -1,10 +1,5 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-
+import type { UIComponent } from '@/types';
 type NavigationContainerProps = UIComponent<'div'>;
-declare const NavigationContainer: react.ForwardRefExoticComponent<Omit<NavigationContainerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { NavigationContainer };
+export declare const NavigationContainer: import("react").ForwardRefExoticComponent<Omit<NavigationContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=NavigationContainer.d.ts.map

package/dist/components/Navigation/NavigationContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,KAAK,wBAAwB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAEnD,eAAO,MAAM,mBAAmB,kIAa9B,CAAC"}

package/dist/components/Navigation/NavigationContainer.js

@@ -0,0 +1,12 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { container } from './NavigationContainer.css.js';
+import { sx } from '../../styles/sx.js';
+
+const NavigationContainer = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(className, container, sx(propSx)), ...props, children: children }));
+});
+NavigationContainer.displayName = 'NavigationContainer';
+
+export { NavigationContainer };

package/dist/components/Navigation/NavigationDrawer.css.d.ts

@@ -1,8 +1,6 @@
-import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
-
-declare const narrow: string;
-declare const wide: string;
-declare const popup: _vanilla_extract_recipes.RuntimeFn<{
+export declare const narrow: string;
+export declare const wide: string;
+export declare const popup: import("@vanilla-extract/recipes").RuntimeFn<{
     isVisible: {
         true: {
             opacity: "1";
@@ -13,5 +11,4 @@ declare const popup: _vanilla_extract_recipes.RuntimeFn<{
         };
     };
 }>;
-
-export { narrow, popup, wide };
+//# sourceMappingURL=NavigationDrawer.css.d.ts.map

package/dist/components/Navigation/NavigationDrawer.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationDrawer.css.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationDrawer.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM,QAQjB,CAAC;AAEH,eAAO,MAAM,IAAI,QAYf,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;EA+BhB,CAAC"}

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

@@ -0,0 +1,52 @@
+import { styleWithLayer, recipeWithLayer } from '../../utils/styleUtils.css.js';
+import { navigationBarContainer } from './NavigationBar.css.js';
+import { theme } from '../../themes/theme.css.js';
+
+const narrow = styleWithLayer({
+    display: 'none',
+    '@container': {
+        [`${navigationBarContainer} (max-width: 800px)`]: {
+            display: 'block',
+        },
+    },
+});
+const wide = styleWithLayer({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: '0.5em',
+    flexGrow: '1',
+    '@container': {
+        [`${navigationBarContainer} (max-width: 800px)`]: {
+            display: 'none',
+        },
+    },
+});
+const 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',
+            },
+        },
+    },
+});
+
+export { narrow, popup, wide };

package/dist/components/Navigation/NavigationDrawer.d.ts

@@ -1,10 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
+import { type ReactNode } from 'react';
 interface NavigationDrawerProps {
     menu: ReactNode;
     aside: ReactNode;
 }
-declare const NavigationDrawer: ({ menu, aside }: NavigationDrawerProps) => react_jsx_runtime.JSX.Element;
-
-export { NavigationDrawer };
+export declare const NavigationDrawer: ({ menu, aside }: NavigationDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NavigationDrawer.d.ts.map

package/dist/components/Navigation/NavigationDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ5D,UAAU,qBAAqB;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,GAAI,iBAAiB,qBAAqB,4CAmDtE,CAAC"}

package/dist/components/Navigation/NavigationDrawer.js

@@ -0,0 +1,27 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { useState, useEffect } from 'react';
+import { wide, narrow, popup } from './NavigationDrawer.css.js';
+import X from '../../node_modules/.pnpm/lucide-react@0.503.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/x.js';
+import AlignJustify from '../../node_modules/.pnpm/lucide-react@0.503.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/align-justify.js';
+import { Button } from '../Button/index.js';
+import { Box } from '../Box/index.js';
+
+const 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 (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: wide, children: [menu, aside] }), jsxRuntimeExports.jsxs("div", { className: narrow, children: [jsxRuntimeExports.jsx(Button, { size: "icon-md", color: "secondary", variant: "ghost", onClick: handleClick, children: isExpanded ? jsxRuntimeExports.jsx(X, {}) : jsxRuntimeExports.jsx(AlignJustify, {}) }), jsxRuntimeExports.jsx("div", { className: popup({ isVisible: isExpanded }), children: jsxRuntimeExports.jsxs(Box, { flex: true, gap: "xl", flexDirection: "column-reverse", alignItems: "flex-end", paddingY: "lg", children: [jsxRuntimeExports.jsx(Box, { width: "100%", onClick: () => setIsExpanded(false), children: menu }), aside] }) })] })] }));
+};
+
+export { NavigationDrawer };

package/dist/components/Navigation/NavigationItem.css.d.ts

@@ -1,6 +1,4 @@
-import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
-
-declare const container: _vanilla_extract_recipes.RuntimeFn<{
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
     isSelected: {
         true: {
             color: `rgb(var(--${string}))`;
@@ -10,5 +8,4 @@ declare const container: _vanilla_extract_recipes.RuntimeFn<{
         };
     };
 }>;
-
-export { container };
+//# sourceMappingURL=NavigationItem.css.d.ts.map

package/dist/components/Navigation/NavigationItem.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationItem.css.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationItem.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;EAoCpB,CAAC"}

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

@@ -0,0 +1,38 @@
+import { recipeWithLayer } from '../../utils/styleUtils.css.js';
+import { narrow } from './NavigationDrawer.css.js';
+import { spacing } from '../../tokens/semantic/spacing.js';
+import { theme } from '../../themes/theme.css.js';
+import { typography } from '../../tokens/semantic/typography.js';
+
+const 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)`,
+            },
+        },
+    },
+});
+
+export { container };

package/dist/components/Navigation/NavigationItem.d.ts

@@ -1,11 +1,6 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.js';
-import { container } from './NavigationItem.css.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-
-type NavigationItemProps = UIComponent<'div', typeof container>;
-declare const NavigationItem: react.ForwardRefExoticComponent<Omit<NavigationItemProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { NavigationItem };
+import type { UIComponent } from '@/types';
+import * as s from './NavigationItem.css';
+type NavigationItemProps = UIComponent<'div', typeof s.container>;
+export declare const NavigationItem: import("react").ForwardRefExoticComponent<Omit<NavigationItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=NavigationItem.d.ts.map

package/dist/components/Navigation/NavigationItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationItem.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,sBAAsB,CAAC;AAE1C,KAAK,mBAAmB,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,6HAW1B,CAAC"}

package/dist/components/Navigation/NavigationItem.js

@@ -0,0 +1,12 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { container } from './NavigationItem.css.js';
+import { sx } from '../../styles/sx.js';
+
+const NavigationItem = forwardRef(({ style, className, sx: propSx, isSelected = false, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("div", { ref: ref, style: { ...style }, className: clsx(container({ isSelected }), className, sx(propSx)), ...props }));
+});
+NavigationItem.displayName = 'NavigationItem';
+
+export { NavigationItem };

package/dist/components/Navigation/NavigationLogo.css.d.ts

@@ -1,3 +1,2 @@
-declare const navigationLogo: string;
-
-export { navigationLogo };
+export declare const navigationLogo: string;
+//# sourceMappingURL=NavigationLogo.css.d.ts.map

package/dist/components/Navigation/NavigationLogo.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLogo.css.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationLogo.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,QAEzB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { styleWithLayer } from '../../utils/styleUtils.css.js';
+
+const navigationLogo = styleWithLayer({
+    marginRight: '0.5em',
+});
+
+export { navigationLogo };

package/dist/components/Navigation/NavigationLogo.d.ts

@@ -1,10 +1,5 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-
+import type { UIComponent } from '@/types';
 type NavigationLogoProps = UIComponent<'div'>;
-declare const NavigationLogo: react.ForwardRefExoticComponent<Omit<NavigationLogoProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { NavigationLogo };
+export declare const NavigationLogo: import("react").ForwardRefExoticComponent<Omit<NavigationLogoProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=NavigationLogo.d.ts.map

package/dist/components/Navigation/NavigationLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLogo.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationLogo.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,KAAK,mBAAmB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAE9C,eAAO,MAAM,cAAc,6HAe1B,CAAC"}

package/dist/components/Navigation/NavigationLogo.js

@@ -0,0 +1,12 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { navigationLogo } from './NavigationLogo.css.js';
+import { sx } from '../../styles/sx.js';
+
+const NavigationLogo = forwardRef(({ className, sx: propSx, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(navigationLogo, className, sx({ marginRight: { mobile: 'lg', desktop: '3xl' } }), sx(propSx)), ...props }));
+});
+NavigationLogo.displayName = 'NavigationLogo';
+
+export { NavigationLogo };

package/dist/components/Navigation/NavigationMenu.css.d.ts

@@ -1 +1,2 @@
-export { n as navigationMenu } from '../../NavigationMenu.css-B_dOkuGn.js';
+export declare const navigationMenu: string;
+//# sourceMappingURL=NavigationMenu.css.d.ts.map

package/dist/components/Navigation/NavigationMenu.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.css.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationMenu.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,QAgBzB,CAAC"}

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

@@ -0,0 +1,22 @@
+import { styleWithLayer } from '../../utils/styleUtils.css.js';
+import { narrow } from './NavigationDrawer.css.js';
+import { spacing } from '../../tokens/semantic/spacing.js';
+import { theme } from '../../themes/theme.css.js';
+
+const navigationMenu = styleWithLayer({
+    display: 'flex',
+    alignItems: 'center',
+    gap: '0.5em',
+    selectors: {
+        [`${narrow} &`]: {
+            flexDirection: 'column',
+            alignItems: 'stretch',
+            gap: '0',
+            width: '100%',
+            borderTop: `1px solid rgb(${theme.color['border.weak']})`,
+            paddingTop: spacing['md'],
+        },
+    },
+});
+
+export { navigationMenu };

package/dist/components/Navigation/NavigationMenu.d.ts

@@ -1,11 +1,6 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.js';
-export { N as navigationMenuCss } from '../../NavigationMenu.css-B_dOkuGn.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-
+import type { UIComponent } from '@/types';
+import * as s from './NavigationMenu.css';
 type NavigationMenuProps = UIComponent<'div'>;
-declare const NavigationMenu: react.ForwardRefExoticComponent<Omit<NavigationMenuProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { NavigationMenu };
+export declare const NavigationMenu: import("react").ForwardRefExoticComponent<Omit<NavigationMenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { s as navigationMenuCss };
+//# sourceMappingURL=NavigationMenu.d.ts.map

package/dist/components/Navigation/NavigationMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,sBAAsB,CAAC;AAE1C,KAAK,mBAAmB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAE9C,eAAO,MAAM,cAAc,6HAU1B,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,iBAAiB,EAAE,CAAC"}

package/dist/components/Navigation/NavigationMenu.js

@@ -0,0 +1,14 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { navigationMenu } from './NavigationMenu.css.js';
+import * as NavigationMenu_css from './NavigationMenu.css.js';
+export { NavigationMenu_css as navigationMenuCss };
+import { sx } from '../../styles/sx.js';
+
+const NavigationMenu = forwardRef(({ className, sx: propSx, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx("div", { ref: ref, className: clsx(navigationMenu, className, sx(propSx)), ...props }));
+});
+NavigationMenu.displayName = 'NavigationMenu';
+
+export { NavigationMenu };

package/dist/components/Navigation/index.d.ts

@@ -1,16 +1,8 @@
-export { NavigationAside } from './NavigationAside.js';
-export { NavigationBar } from './NavigationBar.js';
-export { NavigationContainer } from './NavigationContainer.js';
-export { NavigationDrawer } from './NavigationDrawer.js';
-export { NavigationItem } from './NavigationItem.js';
-export { NavigationLogo } from './NavigationLogo.js';
-export { NavigationMenu } from './NavigationMenu.js';
-export { N as navigationBarCss } from '../../NavigationBar.css-Dryo_NT0.js';
-export { N as navigationMenuCss } from '../../NavigationMenu.css-B_dOkuGn.js';
-import 'react';
-import '../../types/ui.types.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-import 'react/jsx-runtime';
-import './NavigationItem.css.js';
+export * from './NavigationAside';
+export * from './NavigationBar';
+export * from './NavigationContainer';
+export * from './NavigationDrawer';
+export * from './NavigationItem';
+export * from './NavigationLogo';
+export * from './NavigationMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}