@kimdw-rtk/ui 0.0.8 → 0.0.11

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

@@ -1,34 +1,38 @@
-import { recipeWithLayer } from '#styleUtils';
-import { theme } from '#themes';
-import { spacing, typography } from '#tokens';
-import { narrow } from './NavigationDrawer.css';
-export 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)`,
-            },
-        },
+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",
+    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
+};
+//# sourceMappingURL=NavigationItem.css.js.map

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

@@ -0,0 +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,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.d.cts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { UIComponent } from '../../types/ui.types.cjs';
+import { container } from './NavigationItem.css.cjs';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.cjs';
+
+type NavigationItemProps = UIComponent<'div', typeof container>;
+declare const NavigationItem: react.ForwardRefExoticComponent<Omit<NavigationItemProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { NavigationItem };

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

@@ -1,6 +1,11 @@
-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
+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 };

package/dist/components/Navigation/NavigationItem.js

@@ -1,9 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import clsx from 'clsx';
-import { sx } from '#styles';
-import * as s from './NavigationItem.css';
-export const NavigationItem = forwardRef(({ style, className, sx: propSx, isSelected = false, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, style: { ...style }, className: clsx(s.container({ isSelected }), className, sx(propSx)), ...props }));
-});
-NavigationItem.displayName = 'NavigationItem';
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+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",
+      {
+        ref,
+        style: { ...style },
+        className: clsx(s.container({ isSelected }), className, sx(propSx)),
+        ...props
+      }
+    );
+  }
+);
+NavigationItem.displayName = "NavigationItem";
+export {
+  NavigationItem
+};
+//# sourceMappingURL=NavigationItem.js.map

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

@@ -0,0 +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":"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.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _jsxruntime = require('react/jsx-runtime');
+var _react = require('react');
+var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
+var _styles = require('#styles');
+var _NavigationLogocss = require('./NavigationLogo.css'); var s = _interopRequireWildcard(_NavigationLogocss);
+const NavigationLogo = _react.forwardRef.call(void 0, 
+  ({ className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _clsx2.default.call(void 0, 
+          s.navigationLogo,
+          className,
+          _styles.sx.call(void 0, { marginRight: { mobile: "lg", desktop: "3xl" } }),
+          _styles.sx.call(void 0, propSx)
+        ),
+        ...props
+      }
+    );
+  }
+);
+NavigationLogo.displayName = "NavigationLogo";
+
+
+exports.NavigationLogo = NavigationLogo;
+//# sourceMappingURL=NavigationLogo.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Navigation/NavigationLogo.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationLogo.cjs"],"names":[],"mappings":"AAcM,0eAAA;AAdN,8BAA2B;AAE3B,wEAAiB;AAEjB,iCAAmB;AAGnB,8GAAmB;AAIZ,MAAM,eAAA,EAAiB,+BAAA;AAAA,EAC5B,CAAC,EAAE,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AAC5C,IAAA,uBACE,6BAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,4BAAA;AAAA,UACT,CAAA,CAAE,cAAA;AAAA,UACF,SAAA;AAAA,UACA,wBAAA,EAAK,WAAA,EAAa,EAAE,MAAA,EAAQ,IAAA,EAAM,OAAA,EAAS,MAAM,EAAE,CAAC,CAAA;AAAA,UACpD,wBAAA,MAAS;AAAA,QACX,CAAA;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IACN,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,cAAA,CAAe,YAAA,EAAc,gBAAA;ACJ7B;AACE;AACF,wCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationLogo.cjs","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",null]}

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

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _styleUtils = require('#styleUtils');
+const navigationLogo = _styleUtils.styleWithLayer.call(void 0, {
+  marginRight: "0.5em"
+});
+
+
+exports.navigationLogo = navigationLogo;
+//# sourceMappingURL=NavigationLogo.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Navigation/NavigationLogo.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationLogo.css.cjs"],"names":[],"mappings":"AAAA,kHAA+B;AAExB,MAAM,eAAA,EAAiB,wCAAA;AAAe,EAC3C,WAAA,EAAa;AACf,CAAC,CAAA;ACAD;AACE;AACF,wCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationLogo.css.cjs","sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const navigationLogo = styleWithLayer({\n  marginRight: '0.5em',\n});\n",null]}

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

@@ -0,0 +1,3 @@
+declare const navigationLogo: string;
+
+export { navigationLogo };

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

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

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

@@ -1,4 +1,8 @@
-import { styleWithLayer } from '#styleUtils';
-export const navigationLogo = styleWithLayer({
-    marginRight: '0.5em',
+import { styleWithLayer } from "#styleUtils";
+const navigationLogo = styleWithLayer({
+  marginRight: "0.5em"
 });
+export {
+  navigationLogo
+};
+//# sourceMappingURL=NavigationLogo.css.js.map

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

@@ -0,0 +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,MAAM,iBAAiB,eAAe;AAAA,EAC3C,aAAa;AACf,CAAC;","names":[]}

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

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

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

@@ -1,5 +1,10 @@
-import type { UIComponent } from '#types';
+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';
+
 type NavigationLogoProps = UIComponent<'div'>;
-export declare const NavigationLogo: import("react").ForwardRefExoticComponent<Omit<NavigationLogoProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=NavigationLogo.d.ts.map
+declare const NavigationLogo: react.ForwardRefExoticComponent<Omit<NavigationLogoProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { NavigationLogo };

package/dist/components/Navigation/NavigationLogo.js

@@ -1,9 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import clsx from 'clsx';
-import { sx } from '#styles';
-import * as s from './NavigationLogo.css';
-export const NavigationLogo = forwardRef(({ className, sx: propSx, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: clsx(s.navigationLogo, className, sx({ marginRight: { mobile: 'lg', desktop: '3xl' } }), sx(propSx)), ...props }));
-});
-NavigationLogo.displayName = 'NavigationLogo';
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { sx } from "#styles";
+import * as s from "./NavigationLogo.css";
+const NavigationLogo = forwardRef(
+  ({ className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx(
+          s.navigationLogo,
+          className,
+          sx({ marginRight: { mobile: "lg", desktop: "3xl" } }),
+          sx(propSx)
+        ),
+        ...props
+      }
+    );
+  }
+);
+NavigationLogo.displayName = "NavigationLogo";
+export {
+  NavigationLogo
+};
+//# sourceMappingURL=NavigationLogo.js.map

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

@@ -0,0 +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":"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.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _jsxruntime = require('react/jsx-runtime');
+var _react = require('react');
+var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
+var _styles = require('#styles');
+var _NavigationMenucss = require('./NavigationMenu.css'); var s = _interopRequireWildcard(_NavigationMenucss);
+const NavigationMenu = _react.forwardRef.call(void 0, 
+  ({ className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _clsx2.default.call(void 0, s.navigationMenu, className, _styles.sx.call(void 0, propSx)),
+        ...props
+      }
+    );
+  }
+);
+NavigationMenu.displayName = "NavigationMenu";
+
+
+
+exports.NavigationMenu = NavigationMenu; exports.navigationMenuCss = s;
+//# sourceMappingURL=NavigationMenu.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Navigation/NavigationMenu.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationMenu.cjs"],"names":[],"mappings":"AAcM,0eAAA;AAdN,8BAA2B;AAE3B,wEAAiB;AAEjB,iCAAmB;AAGnB,8GAAmB;AAIZ,MAAM,eAAA,EAAiB,+BAAA;AAAA,EAC5B,CAAC,EAAE,SAAA,EAAW,EAAA,EAAI,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AAC5C,IAAA,uBACE,6BAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,4BAAA,CAAK,CAAE,cAAA,EAAgB,SAAA,EAAW,wBAAA,MAAS,CAAC,CAAA;AAAA,QACtD,GAAG;AAAA,MAAA;AAAA,IACN,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,cAAA,CAAe,YAAA,EAAc,gBAAA;ACJ7B;AACE;AACA;AACF,uEAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationMenu.cjs","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",null]}

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

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _styleUtils = require('#styleUtils');
+var _themes = require('#themes');
+var _tokens = require('#tokens');
+var _NavigationDrawercss = require('./NavigationDrawer.css');
+const navigationMenu = _styleUtils.styleWithLayer.call(void 0, {
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5em",
+  selectors: {
+    [`${_NavigationDrawercss.narrow} &`]: {
+      flexDirection: "column",
+      alignItems: "stretch",
+      gap: "0",
+      width: "100%",
+      borderTop: `1px solid rgb(${_themes.theme.color["border.weak"]})`,
+      paddingTop: _tokens.spacing["md"]
+    }
+  }
+});
+
+
+exports.navigationMenu = navigationMenu;
+//# sourceMappingURL=NavigationMenu.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Navigation/NavigationMenu.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationMenu.css.cjs"],"names":[],"mappings":"AAAA,kHAA+B;AAC/B,iCAAsB;AACtB,iCAAwB;AAExB,6DAAuB;AAEhB,MAAM,eAAA,EAAiB,wCAAA;AAAe,EAC3C,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK,OAAA;AAAA,EAEL,SAAA,EAAW;AAAA,IACT,CAAC,CAAA,EAAA;AACC,MAAA;AACA,MAAA;AACA,MAAA;AAEA,MAAA;AACA,MAAA;AACA,MAAA;AACF,IAAA;AACF,EAAA;AACD;ACHK;AACA;AACA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/NavigationMenu.css.cjs","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",null]}

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

@@ -0,0 +1 @@
+export { n as navigationMenu } from '../../NavigationMenu.css-B_dOkuGn.cjs';

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

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

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

@@ -1,19 +1,23 @@
-import { styleWithLayer } from '#styleUtils';
-import { theme } from '#themes';
-import { spacing } from '#tokens';
-import { narrow } from './NavigationDrawer.css';
-export 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'],
-        },
-    },
+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",
+  selectors: {
+    [`${narrow} &`]: {
+      flexDirection: "column",
+      alignItems: "stretch",
+      gap: "0",
+      width: "100%",
+      borderTop: `1px solid rgb(${theme.color["border.weak"]})`,
+      paddingTop: spacing["md"]
+    }
+  }
 });
+export {
+  navigationMenu
+};
+//# sourceMappingURL=NavigationMenu.css.js.map

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

@@ -0,0 +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,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.d.cts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { UIComponent } from '../../types/ui.types.cjs';
+export { N as navigationMenuCss } from '../../NavigationMenu.css-B_dOkuGn.cjs';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.cjs';
+
+type NavigationMenuProps = UIComponent<'div'>;
+declare const NavigationMenu: react.ForwardRefExoticComponent<Omit<NavigationMenuProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { NavigationMenu };

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

@@ -1,6 +1,11 @@
-import type { UIComponent } from '#types';
-import * as s from './NavigationMenu.css';
+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';
+
 type NavigationMenuProps = UIComponent<'div'>;
-export declare const NavigationMenu: import("react").ForwardRefExoticComponent<Omit<NavigationMenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { s as navigationMenuCss };
-//# sourceMappingURL=NavigationMenu.d.ts.map
+declare const NavigationMenu: react.ForwardRefExoticComponent<Omit<NavigationMenuProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { NavigationMenu };

package/dist/components/Navigation/NavigationMenu.js

@@ -1,10 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import clsx from 'clsx';
-import { sx } from '#styles';
-import * as s from './NavigationMenu.css';
-export const NavigationMenu = forwardRef(({ className, sx: propSx, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: clsx(s.navigationMenu, className, sx(propSx)), ...props }));
-});
-NavigationMenu.displayName = 'NavigationMenu';
-export { s as navigationMenuCss };
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { sx } from "#styles";
+import * as s from "./NavigationMenu.css";
+const NavigationMenu = forwardRef(
+  ({ className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx(s.navigationMenu, className, sx(propSx)),
+        ...props
+      }
+    );
+  }
+);
+NavigationMenu.displayName = "NavigationMenu";
+export {
+  NavigationMenu,
+  s as navigationMenuCss
+};
+//# sourceMappingURL=NavigationMenu.js.map

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

@@ -0,0 +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":"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.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _NavigationAside = require('./NavigationAside'); _createStarExport(_NavigationAside);
+var _NavigationBar = require('./NavigationBar'); _createStarExport(_NavigationBar);
+var _NavigationContainer = require('./NavigationContainer'); _createStarExport(_NavigationContainer);
+var _NavigationDrawer = require('./NavigationDrawer'); _createStarExport(_NavigationDrawer);
+var _NavigationItem = require('./NavigationItem'); _createStarExport(_NavigationItem);
+var _NavigationLogo = require('./NavigationLogo'); _createStarExport(_NavigationLogo);
+var _NavigationMenu = require('./NavigationMenu'); _createStarExport(_NavigationMenu);
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Navigation/index.ts"],"names":[],"mappings":"AAAA,0bAAc;AACd,mFAAc;AACd,qGAAc;AACd,4FAAc;AACd,sFAAc;AACd,sFAAc;AACd,sFAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/Navigation/index.cjs","sourcesContent":["export * from './NavigationAside';\nexport * from './NavigationBar';\nexport * from './NavigationContainer';\nexport * from './NavigationDrawer';\nexport * from './NavigationItem';\nexport * from './NavigationLogo';\nexport * from './NavigationMenu';\n"]}

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

@@ -0,0 +1,16 @@
+export { NavigationAside } from './NavigationAside.cjs';
+export { NavigationBar } from './NavigationBar.cjs';
+export { NavigationContainer } from './NavigationContainer.cjs';
+export { NavigationDrawer } from './NavigationDrawer.cjs';
+export { NavigationItem } from './NavigationItem.cjs';
+export { NavigationLogo } from './NavigationLogo.cjs';
+export { NavigationMenu } from './NavigationMenu.cjs';
+export { N as navigationBarCss } from '../../NavigationBar.css-Dryo_NT0.cjs';
+export { N as navigationMenuCss } from '../../NavigationMenu.css-B_dOkuGn.cjs';
+import 'react';
+import '../../types/ui.types.cjs';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.cjs';
+import 'react/jsx-runtime';
+import './NavigationItem.css.cjs';

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

@@ -1,8 +1,16 @@
-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
+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';

package/dist/components/Navigation/index.js

@@ -1,7 +1,8 @@
-export * from './NavigationAside';
-export * from './NavigationBar';
-export * from './NavigationContainer';
-export * from './NavigationDrawer';
-export * from './NavigationItem';
-export * from './NavigationLogo';
-export * from './NavigationMenu';
+export * from "./NavigationAside";
+export * from "./NavigationBar";
+export * from "./NavigationContainer";
+export * from "./NavigationDrawer";
+export * from "./NavigationItem";
+export * from "./NavigationLogo";
+export * from "./NavigationMenu";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}