@cerberus-design/react 0.0.1-next-bbce7d4 → 0.0.1-next-7d9e858

package/build/modern/_tsup-dts-rollup.d.cts

@@ -1,8 +1,16 @@
-import type { ButtonHTMLAttributes } from 'react';
+import type { AnchorHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes } from 'react';
+import { ElementType } from 'react';
+import { HTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
+import { RefObject } from 'react';
 
+/**
+ * A component that allows the user to perform actions
+ * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Button.tsx
+ */
 declare function Button(props: ButtonProps): JSX_2.Element;
 export { Button }
 export { Button as Button_alias_1 }
@@ -19,6 +27,13 @@ declare type ColorModes = 'light' | 'dark';
 export { ColorModes }
 export { ColorModes as ColorModes_alias_1 }
 
+declare function createNavTriggerProps(values: NavTriggerAriaValues): {
+    "aria-controls": string;
+    "aria-expanded": boolean;
+};
+export { createNavTriggerProps }
+export { createNavTriggerProps as createNavTriggerProps_alias_1 }
+
 declare type CustomThemes<K extends string = DefaultThemes> = 'cerberus' | K;
 export { CustomThemes }
 export { CustomThemes as CustomThemes_alias_1 }
@@ -27,10 +42,86 @@ declare type DefaultThemes = 'cerberus';
 export { DefaultThemes }
 export { DefaultThemes as DefaultThemes_alias_1 }
 
+declare function getPosition(position: Positions): {
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+};
+export { getPosition }
+export { getPosition as getPosition_alias_1 }
+
 declare const MODE_KEY = "cerberus-mode";
 export { MODE_KEY }
 export { MODE_KEY as MODE_KEY_alias_1 }
 
+declare function NavMenu(props: PropsWithChildren): JSX_2.Element;
+export { NavMenu }
+export { NavMenu as NavMenu_alias_1 }
+
+declare interface NavMenuContextValue {
+    triggerRef: NavTriggerRef | null;
+    menuRef: NavMenuRef | null;
+    expanded: boolean;
+    onToggle: () => void;
+}
+export { NavMenuContextValue }
+export { NavMenuContextValue as NavMenuContextValue_alias_1 }
+
+declare function NavMenuLink(props: NavMenuLinkProps): JSX_2.Element;
+export { NavMenuLink }
+export { NavMenuLink as NavMenuLink_alias_1 }
+
+declare interface NavMenuLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    as?: ElementType;
+}
+export { NavMenuLinkProps }
+export { NavMenuLinkProps as NavMenuLinkProps_alias_1 }
+
+declare function NavMenuList(props: NavMenuListProps): JSX_2.Element;
+export { NavMenuList }
+export { NavMenuList as NavMenuList_alias_1 }
+
+declare interface NavMenuListProps extends HTMLAttributes<HTMLUListElement> {
+    id: string;
+    position?: Positions;
+}
+export { NavMenuListProps }
+export { NavMenuListProps as NavMenuListProps_alias_1 }
+
+declare type NavMenuRef = RefObject<HTMLUListElement>;
+export { NavMenuRef }
+export { NavMenuRef as NavMenuRef_alias_1 }
+
+/**
+ * A component that allows the user to trigger a navigation menu.
+ * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/NavMenuTrigger.tsx
+ */
+declare function NavMenuTrigger(props: NavMenuTriggerProps): JSX_2.Element;
+export { NavMenuTrigger }
+export { NavMenuTrigger as NavMenuTrigger_alias_1 }
+
+declare interface NavMenuTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonProps, NavTriggerAriaValues {
+    as?: ElementType;
+}
+export { NavMenuTriggerProps }
+export { NavMenuTriggerProps as NavMenuTriggerProps_alias_1 }
+
+declare interface NavTriggerAriaValues {
+    controls: string;
+    expanded?: boolean;
+}
+export { NavTriggerAriaValues }
+export { NavTriggerAriaValues as NavTriggerAriaValues_alias_1 }
+
+declare type NavTriggerRef = RefObject<HTMLButtonElement>;
+export { NavTriggerRef }
+export { NavTriggerRef as NavTriggerRef_alias_1 }
+
+declare type Positions = 'top' | 'right' | 'bottom' | 'left';
+export { Positions }
+export { Positions as Positions_alias_1 }
+
 /**
  * Conditionally render its children or an optional fallback component
  * based on the SolidJS component.
@@ -64,6 +155,10 @@ declare function ThemeProvider(props: PropsWithChildren<unknown>): JSX_2.Element
 export { ThemeProvider }
 export { ThemeProvider as ThemeProvider_alias_1 }
 
+declare function useNavMenuContext(): NavMenuContextValue;
+export { useNavMenuContext }
+export { useNavMenuContext as useNavMenuContext_alias_1 }
+
 declare function useTheme<C extends string = DefaultThemes>(defaultTheme?: CustomThemes<C>, defaultColorMode?: ColorModes): {
     theme: CustomThemes<C>;
     mode: ColorModes;

package/build/modern/_tsup-dts-rollup.d.ts

@@ -1,8 +1,16 @@
-import type { ButtonHTMLAttributes } from 'react';
+import type { AnchorHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes } from 'react';
+import { ElementType } from 'react';
+import { HTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
+import { RefObject } from 'react';
 
+/**
+ * A component that allows the user to perform actions
+ * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Button.tsx
+ */
 declare function Button(props: ButtonProps): JSX_2.Element;
 export { Button }
 export { Button as Button_alias_1 }
@@ -19,6 +27,13 @@ declare type ColorModes = 'light' | 'dark';
 export { ColorModes }
 export { ColorModes as ColorModes_alias_1 }
 
+declare function createNavTriggerProps(values: NavTriggerAriaValues): {
+    "aria-controls": string;
+    "aria-expanded": boolean;
+};
+export { createNavTriggerProps }
+export { createNavTriggerProps as createNavTriggerProps_alias_1 }
+
 declare type CustomThemes<K extends string = DefaultThemes> = 'cerberus' | K;
 export { CustomThemes }
 export { CustomThemes as CustomThemes_alias_1 }
@@ -27,10 +42,86 @@ declare type DefaultThemes = 'cerberus';
 export { DefaultThemes }
 export { DefaultThemes as DefaultThemes_alias_1 }
 
+declare function getPosition(position: Positions): {
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+};
+export { getPosition }
+export { getPosition as getPosition_alias_1 }
+
 declare const MODE_KEY = "cerberus-mode";
 export { MODE_KEY }
 export { MODE_KEY as MODE_KEY_alias_1 }
 
+declare function NavMenu(props: PropsWithChildren): JSX_2.Element;
+export { NavMenu }
+export { NavMenu as NavMenu_alias_1 }
+
+declare interface NavMenuContextValue {
+    triggerRef: NavTriggerRef | null;
+    menuRef: NavMenuRef | null;
+    expanded: boolean;
+    onToggle: () => void;
+}
+export { NavMenuContextValue }
+export { NavMenuContextValue as NavMenuContextValue_alias_1 }
+
+declare function NavMenuLink(props: NavMenuLinkProps): JSX_2.Element;
+export { NavMenuLink }
+export { NavMenuLink as NavMenuLink_alias_1 }
+
+declare interface NavMenuLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    as?: ElementType;
+}
+export { NavMenuLinkProps }
+export { NavMenuLinkProps as NavMenuLinkProps_alias_1 }
+
+declare function NavMenuList(props: NavMenuListProps): JSX_2.Element;
+export { NavMenuList }
+export { NavMenuList as NavMenuList_alias_1 }
+
+declare interface NavMenuListProps extends HTMLAttributes<HTMLUListElement> {
+    id: string;
+    position?: Positions;
+}
+export { NavMenuListProps }
+export { NavMenuListProps as NavMenuListProps_alias_1 }
+
+declare type NavMenuRef = RefObject<HTMLUListElement>;
+export { NavMenuRef }
+export { NavMenuRef as NavMenuRef_alias_1 }
+
+/**
+ * A component that allows the user to trigger a navigation menu.
+ * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/NavMenuTrigger.tsx
+ */
+declare function NavMenuTrigger(props: NavMenuTriggerProps): JSX_2.Element;
+export { NavMenuTrigger }
+export { NavMenuTrigger as NavMenuTrigger_alias_1 }
+
+declare interface NavMenuTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonProps, NavTriggerAriaValues {
+    as?: ElementType;
+}
+export { NavMenuTriggerProps }
+export { NavMenuTriggerProps as NavMenuTriggerProps_alias_1 }
+
+declare interface NavTriggerAriaValues {
+    controls: string;
+    expanded?: boolean;
+}
+export { NavTriggerAriaValues }
+export { NavTriggerAriaValues as NavTriggerAriaValues_alias_1 }
+
+declare type NavTriggerRef = RefObject<HTMLButtonElement>;
+export { NavTriggerRef }
+export { NavTriggerRef as NavTriggerRef_alias_1 }
+
+declare type Positions = 'top' | 'right' | 'bottom' | 'left';
+export { Positions }
+export { Positions as Positions_alias_1 }
+
 /**
  * Conditionally render its children or an optional fallback component
  * based on the SolidJS component.
@@ -64,6 +155,10 @@ declare function ThemeProvider(props: PropsWithChildren<unknown>): JSX_2.Element
 export { ThemeProvider }
 export { ThemeProvider as ThemeProvider_alias_1 }
 
+declare function useNavMenuContext(): NavMenuContextValue;
+export { useNavMenuContext }
+export { useNavMenuContext as useNavMenuContext_alias_1 }
+
 declare function useTheme<C extends string = DefaultThemes>(defaultTheme?: CustomThemes<C>, defaultColorMode?: ColorModes): {
     theme: CustomThemes<C>;
     mode: ColorModes;

package/build/modern/aria-helpers/nav-menu.aria.cjs

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/aria-helpers/nav-menu.aria.ts
+var nav_menu_aria_exports = {};
+__export(nav_menu_aria_exports, {
+  createNavTriggerProps: () => createNavTriggerProps
+});
+module.exports = __toCommonJS(nav_menu_aria_exports);
+function createNavTriggerProps(values) {
+  return {
+    ["aria-controls"]: values.controls,
+    ["aria-expanded"]: values.expanded ?? false
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createNavTriggerProps
+});
+//# sourceMappingURL=nav-menu.aria.cjs.map

package/build/modern/aria-helpers/nav-menu.aria.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/aria-helpers/nav-menu.aria.ts"],"sourcesContent":["export interface NavTriggerAriaValues {\n  controls: string\n  expanded?: boolean\n}\n\nexport function createNavTriggerProps(values: NavTriggerAriaValues) {\n  return {\n    ['aria-controls']: values.controls,\n    ['aria-expanded']: values.expanded ?? false,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKO,SAAS,sBAAsB,QAA8B;AAClE,SAAO;AAAA,IACL,CAAC,eAAe,GAAG,OAAO;AAAA,IAC1B,CAAC,eAAe,GAAG,OAAO,YAAY;AAAA,EACxC;AACF;","names":[]}

package/build/modern/aria-helpers/nav-menu.aria.d.cts

@@ -0,0 +1,2 @@
+export { createNavTriggerProps_alias_1 as createNavTriggerProps } from '../_tsup-dts-rollup';
+export { NavTriggerAriaValues_alias_1 as NavTriggerAriaValues } from '../_tsup-dts-rollup';

package/build/modern/aria-helpers/nav-menu.aria.d.ts

@@ -0,0 +1,2 @@
+export { createNavTriggerProps_alias_1 as createNavTriggerProps } from '../_tsup-dts-rollup';
+export { NavTriggerAriaValues_alias_1 as NavTriggerAriaValues } from '../_tsup-dts-rollup';

package/build/modern/aria-helpers/nav-menu.aria.js

@@ -0,0 +1,11 @@
+// src/aria-helpers/nav-menu.aria.ts
+function createNavTriggerProps(values) {
+  return {
+    ["aria-controls"]: values.controls,
+    ["aria-expanded"]: values.expanded ?? false
+  };
+}
+export {
+  createNavTriggerProps
+};
+//# sourceMappingURL=nav-menu.aria.js.map

package/build/modern/aria-helpers/nav-menu.aria.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/aria-helpers/nav-menu.aria.ts"],"sourcesContent":["export interface NavTriggerAriaValues {\n  controls: string\n  expanded?: boolean\n}\n\nexport function createNavTriggerProps(values: NavTriggerAriaValues) {\n  return {\n    ['aria-controls']: values.controls,\n    ['aria-expanded']: values.expanded ?? false,\n  }\n}\n"],"mappings":";AAKO,SAAS,sBAAsB,QAA8B;AAClE,SAAO;AAAA,IACL,CAAC,eAAe,GAAG,OAAO;AAAA,IAC1B,CAAC,eAAe,GAAG,OAAO,YAAY;AAAA,EACxC;AACF;","names":[]}

package/build/modern/components/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus-design/styled-system/css'\nimport { button } from '@cerberus-design/styled-system/recipes'\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  palette?: 'action' | 'danger'\n  usage?: 'filled' | 'outline' | 'text'\n  shape?: 'sharp' | 'rounded'\n}\n\nexport function Button(props: ButtonProps) {\n  const { palette, usage, shape, ...nativeProps } = props\n  return (\n    <button\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        button({\n          palette,\n          usage,\n          shape,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAAmB;AACnB,qBAAuB;AAWnB;AAHG,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,SAAS,OAAO,OAAO,GAAG,YAAY,IAAI;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,uBAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus-design/styled-system/css'\nimport { button } from '@cerberus-design/styled-system/recipes'\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  palette?: 'action' | 'danger'\n  usage?: 'filled' | 'outline' | 'text'\n  shape?: 'sharp' | 'rounded'\n}\n\n/**\n * A component that allows the user to perform actions\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Button.tsx\n */\nexport function Button(props: ButtonProps) {\n  const { palette, usage, shape, ...nativeProps } = props\n  return (\n    <button\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        button({\n          palette,\n          usage,\n          shape,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAAmB;AACnB,qBAAuB;AAenB;AAHG,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,SAAS,OAAO,OAAO,GAAG,YAAY,IAAI;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,uBAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus-design/styled-system/css'\nimport { button } from '@cerberus-design/styled-system/recipes'\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  palette?: 'action' | 'danger'\n  usage?: 'filled' | 'outline' | 'text'\n  shape?: 'sharp' | 'rounded'\n}\n\nexport function Button(props: ButtonProps) {\n  const { palette, usage, shape, ...nativeProps } = props\n  return (\n    <button\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        button({\n          palette,\n          usage,\n          shape,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,cAAc;AAWnB;AAHG,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,SAAS,OAAO,OAAO,GAAG,YAAY,IAAI;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus-design/styled-system/css'\nimport { button } from '@cerberus-design/styled-system/recipes'\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  palette?: 'action' | 'danger'\n  usage?: 'filled' | 'outline' | 'text'\n  shape?: 'sharp' | 'rounded'\n}\n\n/**\n * A component that allows the user to perform actions\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Button.tsx\n */\nexport function Button(props: ButtonProps) {\n  const { palette, usage, shape, ...nativeProps } = props\n  return (\n    <button\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        button({\n          palette,\n          usage,\n          shape,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,cAAc;AAenB;AAHG,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,SAAS,OAAO,OAAO,GAAG,YAAY,IAAI;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/components/NavMenuLink.cjs

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/NavMenuLink.tsx
+var NavMenuLink_exports = {};
+__export(NavMenuLink_exports, {
+  NavMenuLink: () => NavMenuLink
+});
+module.exports = __toCommonJS(NavMenuLink_exports);
+var import_Show = require("./Show.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function NavMenuLink(props) {
+  const { as, ...nativeProps } = props;
+  const hasAs = Boolean(as);
+  const AsSub = as;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Show.Show, { when: hasAs, fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { ...nativeProps }), children: hasAs && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AsSub, { ...nativeProps }) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavMenuLink
+});
+//# sourceMappingURL=NavMenuLink.cjs.map

package/build/modern/components/NavMenuLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NavMenuLink.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ElementType } from 'react'\nimport { Show } from './Show'\n\nexport interface NavMenuLinkProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  as?: ElementType\n}\n\nexport function NavMenuLink(props: NavMenuLinkProps) {\n  const { as, ...nativeProps } = props\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  return (\n    <li>\n      <Show when={hasAs} fallback={<a {...nativeProps} />}>\n        {hasAs && <AsSub {...nativeProps} />}\n      </Show>\n    </li>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAqB;AAcc;AAP5B,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,IAAI,GAAG,YAAY,IAAI;AAC/B,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,SACE,4CAAC,QACC,sDAAC,oBAAK,MAAM,OAAO,UAAU,4CAAC,OAAG,GAAG,aAAa,GAC9C,mBAAS,4CAAC,SAAO,GAAG,aAAa,GACpC,GACF;AAEJ;","names":[]}

package/build/modern/components/NavMenuLink.d.cts

@@ -0,0 +1,2 @@
+export { NavMenuLink_alias_1 as NavMenuLink } from '../_tsup-dts-rollup';
+export { NavMenuLinkProps_alias_1 as NavMenuLinkProps } from '../_tsup-dts-rollup';

package/build/modern/components/NavMenuLink.d.ts

@@ -0,0 +1,2 @@
+export { NavMenuLink_alias_1 as NavMenuLink } from '../_tsup-dts-rollup';
+export { NavMenuLinkProps_alias_1 as NavMenuLinkProps } from '../_tsup-dts-rollup';

package/build/modern/components/NavMenuLink.js

@@ -0,0 +1,13 @@
+// src/components/NavMenuLink.tsx
+import { Show } from "./Show.js";
+import { jsx } from "react/jsx-runtime";
+function NavMenuLink(props) {
+  const { as, ...nativeProps } = props;
+  const hasAs = Boolean(as);
+  const AsSub = as;
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Show, { when: hasAs, fallback: /* @__PURE__ */ jsx("a", { ...nativeProps }), children: hasAs && /* @__PURE__ */ jsx(AsSub, { ...nativeProps }) }) });
+}
+export {
+  NavMenuLink
+};
+//# sourceMappingURL=NavMenuLink.js.map

package/build/modern/components/NavMenuLink.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NavMenuLink.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ElementType } from 'react'\nimport { Show } from './Show'\n\nexport interface NavMenuLinkProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  as?: ElementType\n}\n\nexport function NavMenuLink(props: NavMenuLinkProps) {\n  const { as, ...nativeProps } = props\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  return (\n    <li>\n      <Show when={hasAs} fallback={<a {...nativeProps} />}>\n        {hasAs && <AsSub {...nativeProps} />}\n      </Show>\n    </li>\n  )\n}\n"],"mappings":";AACA,SAAS,YAAY;AAcc;AAP5B,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,IAAI,GAAG,YAAY,IAAI;AAC/B,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,SACE,oBAAC,QACC,8BAAC,QAAK,MAAM,OAAO,UAAU,oBAAC,OAAG,GAAG,aAAa,GAC9C,mBAAS,oBAAC,SAAO,GAAG,aAAa,GACpC,GACF;AAEJ;","names":[]}

package/build/modern/components/NavMenuList.cjs

@@ -0,0 +1,81 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/NavMenuList.tsx
+var NavMenuList_exports = {};
+__export(NavMenuList_exports, {
+  NavMenuList: () => NavMenuList,
+  getPosition: () => getPosition
+});
+module.exports = __toCommonJS(NavMenuList_exports);
+var import_react = require("react");
+var import_navMenu = require("../context/navMenu.cjs");
+var import_Show = require("./Show.cjs");
+var import_css = require("@cerberus-design/styled-system/css");
+var import_jsx_runtime = require("react/jsx-runtime");
+function getPosition(position) {
+  const defaultPositions = {
+    left: "auto",
+    right: "auto",
+    top: "auto",
+    bottom: "auto"
+  };
+  switch (position) {
+    case "right":
+      return { ...defaultPositions, bottom: "50%", left: "110%" };
+    case "left":
+      return { ...defaultPositions, bottom: "50%", right: "110%" };
+    case "bottom":
+      return { ...defaultPositions, top: "110%" };
+    case "top":
+      return { ...defaultPositions, bottom: "110%" };
+    default:
+      return defaultPositions;
+  }
+}
+function NavMenuList(props) {
+  const { position, ...nativeProps } = props;
+  const { menuRef, expanded } = (0, import_navMenu.useNavMenuContext)();
+  const locationStyles = (0, import_react.useMemo)(
+    () => getPosition(position ?? "bottom"),
+    [position]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Show.Show, { when: expanded, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "ul",
+    {
+      ...nativeProps,
+      className: (0, import_css.cx)(
+        nativeProps.className,
+        (0, import_css.css)({
+          position: "absolute",
+          zIndex: "dropdown"
+        })
+      ),
+      ref: menuRef,
+      style: locationStyles
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavMenuList,
+  getPosition
+});
+//# sourceMappingURL=NavMenuList.cjs.map

package/build/modern/components/NavMenuList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NavMenuList.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { useNavMenuContext } from '../context/navMenu'\nimport { Show } from './Show'\nimport type { Positions } from '../types'\nimport { css, cx } from '@cerberus-design/styled-system/css'\n\nexport function getPosition(position: Positions) {\n  const defaultPositions = {\n    left: 'auto',\n    right: 'auto',\n    top: 'auto',\n    bottom: 'auto',\n  }\n  switch (position) {\n    case 'right':\n      return { ...defaultPositions, bottom: '50%', left: '110%' }\n    case 'left':\n      return { ...defaultPositions, bottom: '50%', right: '110%' }\n    case 'bottom':\n      return { ...defaultPositions, top: '110%' }\n    case 'top':\n      return { ...defaultPositions, bottom: '110%' }\n    default:\n      return defaultPositions\n  }\n}\n\n// <NavMenuList />\n\nexport interface NavMenuListProps extends HTMLAttributes<HTMLUListElement> {\n  id: string\n  position?: Positions\n}\n\nexport function NavMenuList(props: NavMenuListProps) {\n  const { position, ...nativeProps } = props\n  const { menuRef, expanded } = useNavMenuContext()\n  const locationStyles = useMemo(\n    () => getPosition(position ?? 'bottom'),\n    [position],\n  )\n\n  return (\n    <Show when={expanded}>\n      <ul\n        {...nativeProps}\n        className={cx(\n          nativeProps.className,\n          css({\n            position: 'absolute',\n            zIndex: 'dropdown',\n          }),\n        )}\n        ref={menuRef}\n        style={locationStyles}\n      />\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;AAC7C,qBAAkC;AAClC,kBAAqB;AAErB,iBAAwB;AAwClB;AAtCC,SAAS,YAAY,UAAqB;AAC/C,QAAM,mBAAmB;AAAA,IACvB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACA,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO,MAAM,OAAO;AAAA,IAC5D,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO,OAAO,OAAO;AAAA,IAC7D,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,OAAO;AAAA,IAC5C,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO;AAAA,IAC/C;AACE,aAAO;AAAA,EACX;AACF;AASO,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,QAAM,EAAE,SAAS,SAAS,QAAI,kCAAkB;AAChD,QAAM,qBAAiB;AAAA,IACrB,MAAM,YAAY,YAAY,QAAQ;AAAA,IACtC,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,4CAAC,oBAAK,MAAM,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,gBAAI;AAAA,UACF,UAAU;AAAA,UACV,QAAQ;AAAA,QACV,CAAC;AAAA,MACH;AAAA,MACA,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,EACT,GACF;AAEJ;","names":[]}

package/build/modern/components/NavMenuList.d.cts

@@ -0,0 +1,3 @@
+export { getPosition_alias_1 as getPosition } from '../_tsup-dts-rollup';
+export { NavMenuList_alias_1 as NavMenuList } from '../_tsup-dts-rollup';
+export { NavMenuListProps_alias_1 as NavMenuListProps } from '../_tsup-dts-rollup';

package/build/modern/components/NavMenuList.d.ts

@@ -0,0 +1,3 @@
+export { getPosition_alias_1 as getPosition } from '../_tsup-dts-rollup';
+export { NavMenuList_alias_1 as NavMenuList } from '../_tsup-dts-rollup';
+export { NavMenuListProps_alias_1 as NavMenuListProps } from '../_tsup-dts-rollup';

package/build/modern/components/NavMenuList.js

@@ -0,0 +1,56 @@
+"use client";
+
+// src/components/NavMenuList.tsx
+import { useMemo } from "react";
+import { useNavMenuContext } from "../context/navMenu.js";
+import { Show } from "./Show.js";
+import { css, cx } from "@cerberus-design/styled-system/css";
+import { jsx } from "react/jsx-runtime";
+function getPosition(position) {
+  const defaultPositions = {
+    left: "auto",
+    right: "auto",
+    top: "auto",
+    bottom: "auto"
+  };
+  switch (position) {
+    case "right":
+      return { ...defaultPositions, bottom: "50%", left: "110%" };
+    case "left":
+      return { ...defaultPositions, bottom: "50%", right: "110%" };
+    case "bottom":
+      return { ...defaultPositions, top: "110%" };
+    case "top":
+      return { ...defaultPositions, bottom: "110%" };
+    default:
+      return defaultPositions;
+  }
+}
+function NavMenuList(props) {
+  const { position, ...nativeProps } = props;
+  const { menuRef, expanded } = useNavMenuContext();
+  const locationStyles = useMemo(
+    () => getPosition(position ?? "bottom"),
+    [position]
+  );
+  return /* @__PURE__ */ jsx(Show, { when: expanded, children: /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ...nativeProps,
+      className: cx(
+        nativeProps.className,
+        css({
+          position: "absolute",
+          zIndex: "dropdown"
+        })
+      ),
+      ref: menuRef,
+      style: locationStyles
+    }
+  ) });
+}
+export {
+  NavMenuList,
+  getPosition
+};
+//# sourceMappingURL=NavMenuList.js.map

package/build/modern/components/NavMenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NavMenuList.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { useNavMenuContext } from '../context/navMenu'\nimport { Show } from './Show'\nimport type { Positions } from '../types'\nimport { css, cx } from '@cerberus-design/styled-system/css'\n\nexport function getPosition(position: Positions) {\n  const defaultPositions = {\n    left: 'auto',\n    right: 'auto',\n    top: 'auto',\n    bottom: 'auto',\n  }\n  switch (position) {\n    case 'right':\n      return { ...defaultPositions, bottom: '50%', left: '110%' }\n    case 'left':\n      return { ...defaultPositions, bottom: '50%', right: '110%' }\n    case 'bottom':\n      return { ...defaultPositions, top: '110%' }\n    case 'top':\n      return { ...defaultPositions, bottom: '110%' }\n    default:\n      return defaultPositions\n  }\n}\n\n// <NavMenuList />\n\nexport interface NavMenuListProps extends HTMLAttributes<HTMLUListElement> {\n  id: string\n  position?: Positions\n}\n\nexport function NavMenuList(props: NavMenuListProps) {\n  const { position, ...nativeProps } = props\n  const { menuRef, expanded } = useNavMenuContext()\n  const locationStyles = useMemo(\n    () => getPosition(position ?? 'bottom'),\n    [position],\n  )\n\n  return (\n    <Show when={expanded}>\n      <ul\n        {...nativeProps}\n        className={cx(\n          nativeProps.className,\n          css({\n            position: 'absolute',\n            zIndex: 'dropdown',\n          }),\n        )}\n        ref={menuRef}\n        style={locationStyles}\n      />\n    </Show>\n  )\n}\n"],"mappings":";;;AAEA,SAAS,eAAoC;AAC7C,SAAS,yBAAyB;AAClC,SAAS,YAAY;AAErB,SAAS,KAAK,UAAU;AAwClB;AAtCC,SAAS,YAAY,UAAqB;AAC/C,QAAM,mBAAmB;AAAA,IACvB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACA,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO,MAAM,OAAO;AAAA,IAC5D,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO,OAAO,OAAO;AAAA,IAC7D,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,OAAO;AAAA,IAC5C,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO;AAAA,IAC/C;AACE,aAAO;AAAA,EACX;AACF;AASO,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,QAAM,EAAE,SAAS,SAAS,IAAI,kBAAkB;AAChD,QAAM,iBAAiB;AAAA,IACrB,MAAM,YAAY,YAAY,QAAQ;AAAA,IACtC,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,oBAAC,QAAK,MAAM,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,IAAI;AAAA,UACF,UAAU;AAAA,UACV,QAAQ;AAAA,QACV,CAAC;AAAA,MACH;AAAA,MACA,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,EACT,GACF;AAEJ;","names":[]}