@cerberus-design/react 0.1.0 → 0.1.1-next-3a4c6c1

package/src/components/NavMenuTrigger.tsx

@@ -12,9 +12,9 @@ import {
   createNavTriggerProps,
   type NavTriggerAriaValues,
 } from '../aria-helpers/nav-menu.aria'
-import { Show } from './Show'
-import type { ButtonProps } from './Button'
 import { useNavMenuContext } from '../context/navMenu'
+import type { ButtonProps } from './Button'
+import { Show } from './Show'
 
 export interface NavMenuTriggerProps
   extends ButtonHTMLAttributes<HTMLButtonElement>,

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

@@ -1,254 +0,0 @@
-import type { AnchorHTMLAttributes } from 'react';
-import { ButtonHTMLAttributes } from 'react';
-import { ElementType } from 'react';
-import { HTMLAttributes } from 'react';
-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.Element;
-export { Button }
-export { Button as Button_alias_1 }
-
-/**
- * This module contains the Button component.
- * @module
- */
-declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    palette?: 'action' | 'danger';
-    usage?: 'filled' | 'outline' | 'text';
-    shape?: 'sharp' | 'rounded';
-}
-export { ButtonProps }
-export { ButtonProps as ButtonProps_alias_1 }
-
-declare type ColorModes = 'light' | 'dark';
-export { ColorModes }
-export { ColorModes as ColorModes_alias_1 }
-
-declare function createNavTriggerProps(values: NavTriggerAriaValues): NavTriggerAriaReturn;
-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 }
-
-declare type DefaultThemes = 'cerberus';
-export { DefaultThemes }
-export { DefaultThemes as DefaultThemes_alias_1 }
-
-declare function Field(props: PropsWithChildren<FieldContextValue>): JSX.Element;
-export { Field }
-export { Field as Field_alias_1 }
-
-declare interface FieldContextValue {
-    disabled?: boolean;
-    readonly?: boolean;
-    required?: boolean;
-    invalid?: boolean;
-}
-export { FieldContextValue }
-export { FieldContextValue as FieldContextValue_alias_1 }
-
-declare function getPosition(position: Positions): GetPositionResult;
-export { getPosition }
-export { getPosition as getPosition_alias_1 }
-
-declare interface GetPositionResult {
-    left: string;
-    right: string;
-    top: string;
-    bottom: string;
-}
-
-/**
- * A component that allows the user to perform actions using an icon
- * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx
- */
-declare function IconButton(props: IconButtonProps): JSX.Element;
-export { IconButton }
-export { IconButton as IconButton_alias_1 }
-
-declare interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    ariaLabel: string;
-    palette?: ButtonProps['palette'];
-    usage?: IconButtonUsage;
-    shape?: 'circle';
-}
-export { IconButtonProps }
-export { IconButtonProps as IconButtonProps_alias_1 }
-
-/**
- * This module contains the Icon Button component.
- * @module
- */
-declare type IconButtonUsage = Exclude<ButtonProps['usage'], 'outline'>;
-export { IconButtonUsage }
-export { IconButtonUsage as IconButtonUsage_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.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.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 }
-
-/**
- * A component that allows the user to display a menu of navigation links.
- * @definition [Disclosure Nav](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/)
- * @definition [NavMenu Docs](https://cerberus.digitalu.design/react/nav-menu)
- *
- * @example
- * ```tsx
- * <NavMenuList id="nav-menu-list" position="bottom">
- *  <NavMenuLink href="/home">Home</NavMenuLink>
- * <NavMenuLink href="/about">About</NavMenuLink>
- * </NavMenuList>
- * ```
- **/
-declare function NavMenuList(props: NavMenuListProps): JSX.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.
- * @definition [NavMenu Docs](https://cerberus.digitalu.design/react/nav-menu)
- * @example
- * ```tsx
- * <NavMenu>
- *   <NavMenuTrigger controls="nav-menu-list">
- *     Menu
- *   </NavMenuTrigger>
- * </NavMenu>
- * ```
- */
-declare function NavMenuTrigger(props: NavMenuTriggerProps): JSX.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 NavTriggerAriaReturn {
-    ['aria-controls']: string;
-    ['aria-expanded']: boolean;
-}
-
-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.
- * @definition [Show docs](https://cerberus.digitalu.design/react/show)
- * @example
- * ```tsx
- * <Show when={condition}>
- *  <div>Content</div>
- * </Show>
- */
-declare function Show(props: PropsWithChildren<ShowProps>): ReactNode;
-export { Show }
-export { Show as Show_alias_1 }
-
-declare interface ShowProps {
-    when: boolean | null | undefined;
-    fallback?: ReactNode;
-}
-export { ShowProps }
-export { ShowProps as ShowProps_alias_1 }
-
-declare const THEME_KEY = "cerberus-theme";
-export { THEME_KEY }
-export { THEME_KEY as THEME_KEY_alias_1 }
-
-declare interface ThemeContextValue<T extends string = DefaultThemes> {
-    theme: CustomThemes<T>;
-    mode: ColorModes;
-    updateTheme: (theme: T) => void;
-    updateMode: () => void;
-}
-export { ThemeContextValue }
-export { ThemeContextValue as ThemeContextValue_alias_1 }
-
-/**
- * A context provider that allows the user to set the theme and mode of the application.
- * @example
- * ```tsx
- * <ThemeProvider>
- *  <App />
- * </ThemeProvider>
- * ```
- */
-declare function ThemeProvider(props: PropsWithChildren<unknown>): JSX.Element;
-export { ThemeProvider }
-export { ThemeProvider as ThemeProvider_alias_1 }
-
-declare function useFieldContext(): FieldContextValue;
-export { useFieldContext }
-export { useFieldContext as useFieldContext_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): ThemeContextValue<C>;
-export { useTheme }
-export { useTheme as useTheme_alias_1 }
-
-declare function useThemeContext(): ThemeContextValue<DefaultThemes>;
-export { useThemeContext }
-export { useThemeContext as useThemeContext_alias_1 }
-
-export { }

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

@@ -1,36 +0,0 @@
-"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/legacy/aria-helpers/nav-menu.aria.cjs.map

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

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

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

package/build/legacy/components/Button.cjs

@@ -1,50 +0,0 @@
-"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/Button.tsx
-var Button_exports = {};
-__export(Button_exports, {
-  Button: () => Button
-});
-module.exports = __toCommonJS(Button_exports);
-var import_css = require("@cerberus/styled-system/css.cjs");
-var import_recipes = require("@cerberus/styled-system/recipes.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-function Button(props) {
-  const { palette, usage, shape, ...nativeProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    {
-      ...nativeProps,
-      className: (0, import_css.cx)(
-        nativeProps.className,
-        (0, import_recipes.button)({
-          palette,
-          usage,
-          shape
-        })
-      )
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button
-});
-//# sourceMappingURL=Button.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { button } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Button component.\n * @module\n */\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): JSX.Element {\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;AAoBnB;AAHG,SAAS,OAAO,OAAiC;AACtD,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/legacy/components/Button.d.cts

@@ -1,2 +0,0 @@
-export { Button_alias_1 as Button } from '../_tsup-dts-rollup';
-export { ButtonProps_alias_1 as ButtonProps } from '../_tsup-dts-rollup';

package/build/legacy/components/IconButton.cjs

@@ -1,50 +0,0 @@
-"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/IconButton.tsx
-var IconButton_exports = {};
-__export(IconButton_exports, {
-  IconButton: () => IconButton
-});
-module.exports = __toCommonJS(IconButton_exports);
-var import_css = require("@cerberus/styled-system/css.cjs");
-var import_recipes = require("@cerberus/styled-system/recipes.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-function IconButton(props) {
-  const { ariaLabel, palette, usage, ...nativeProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    {
-      ...nativeProps,
-      "aria-label": ariaLabel ?? "Icon Button",
-      className: (0, import_css.cx)(
-        nativeProps.className,
-        (0, import_recipes.iconButton)({
-          palette,
-          usage
-        })
-      )
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  IconButton
-});
-//# sourceMappingURL=IconButton.cjs.map

package/build/legacy/components/IconButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { iconButton } from '@cerberus/styled-system/recipes'\nimport type { ButtonProps } from './Button'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport type IconButtonUsage = Exclude<ButtonProps['usage'], 'outline'>\nexport interface IconButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  ariaLabel: string\n  palette?: ButtonProps['palette']\n  usage?: IconButtonUsage\n  shape?: 'circle'\n}\n\n/**\n * A component that allows the user to perform actions using an icon\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n  const { ariaLabel, palette, usage, ...nativeProps } = props\n  return (\n    <button\n      {...nativeProps}\n      aria-label={ariaLabel ?? 'Icon Button'}\n      className={cx(\n        nativeProps.className,\n        iconButton({\n          palette,\n          usage,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAAmB;AACnB,qBAA2B;AAwBvB;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,GAAG,YAAY,IAAI;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,cAAY,aAAa;AAAA,MACzB,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,2BAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/components/IconButton.d.cts

@@ -1,3 +0,0 @@
-export { IconButton_alias_1 as IconButton } from '../_tsup-dts-rollup';
-export { IconButtonUsage_alias_1 as IconButtonUsage } from '../_tsup-dts-rollup';
-export { IconButtonProps_alias_1 as IconButtonProps } from '../_tsup-dts-rollup';

package/build/legacy/components/NavMenuLink.cjs

@@ -1,69 +0,0 @@
-"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_css = require("@cerberus/styled-system/css.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",
-    {
-      className: (0, import_css.css)({
-        w: "full"
-      }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_Show.Show,
-        {
-          when: hasAs,
-          fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "a",
-            {
-              ...nativeProps,
-              className: (0, import_css.cx)(
-                nativeProps.className,
-                (0, import_css.css)({
-                  color: "action.navigation.initial",
-                  textStyle: "link",
-                  _hover: {
-                    color: "action.navigation.hover"
-                  }
-                })
-              )
-            }
-          ),
-          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/legacy/components/NavMenuLink.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/NavMenuLink.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ElementType } from 'react'\nimport { Show } from './Show'\nimport { css, cx } from '@cerberus/styled-system/css'\n\nexport interface NavMenuLinkProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  as?: ElementType\n}\n\nexport function NavMenuLink(props: NavMenuLinkProps): JSX.Element {\n  const { as, ...nativeProps } = props\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  return (\n    <li\n      className={css({\n        w: 'full',\n      })}\n    >\n      <Show\n        when={hasAs}\n        fallback={\n          <a\n            {...nativeProps}\n            className={cx(\n              nativeProps.className,\n              css({\n                color: 'action.navigation.initial',\n                textStyle: 'link',\n                _hover: {\n                  color: 'action.navigation.hover',\n                },\n              }),\n            )}\n          />\n        }\n      >\n        {hasAs && <AsSub {...nativeProps} />}\n      </Show>\n    </li>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAqB;AACrB,iBAAwB;AAqBd;AAdH,SAAS,YAAY,OAAsC;AAChE,QAAM,EAAE,IAAI,GAAG,YAAY,IAAI;AAC/B,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,gBAAI;AAAA,QACb,GAAG;AAAA,MACL,CAAC;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,UACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,eAAW;AAAA,gBACT,YAAY;AAAA,oBACZ,gBAAI;AAAA,kBACF,OAAO;AAAA,kBACP,WAAW;AAAA,kBACX,QAAQ;AAAA,oBACN,OAAO;AAAA,kBACT;AAAA,gBACF,CAAC;AAAA,cACH;AAAA;AAAA,UACF;AAAA,UAGD,mBAAS,4CAAC,SAAO,GAAG,aAAa;AAAA;AAAA,MACpC;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

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

package/build/legacy/components/NavMenuList.cjs

@@ -1,107 +0,0 @@
-"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/styled-system/css.cjs");
-var import_patterns = require("@cerberus/styled-system/patterns.cjs");
-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, top: "0%", left: "105%" };
-    case "left":
-      return { ...defaultPositions, top: "0%", right: "105%" };
-    case "bottom":
-      return { ...defaultPositions, top: "110%" };
-    case "top":
-      return { ...defaultPositions, bottom: "110%" };
-    default:
-      return defaultPositions;
-  }
-}
-var navListStyles = (0, import_patterns.vstack)({
-  alignItems: "flex-start",
-  bgColor: "neutral.surface.100",
-  boxShadow: "lg",
-  gap: "2",
-  opacity: "0",
-  p: "4",
-  position: "absolute",
-  rounded: "md",
-  zIndex: "dropdown",
-  _motionSafe: {
-    animationName: "zoomIn",
-    animationDelay: "100ms",
-    animationDuration: "150ms",
-    animationFillMode: "both",
-    animationTimingFunction: "ease-in-out"
-  },
-  _positionBottom: {
-    transformOrigin: "top left"
-  },
-  _positionTop: {
-    transformOrigin: "bottom left"
-  },
-  _positionLeft: {
-    transformOrigin: "top right"
-  },
-  _positionRight: {
-    transformOrigin: "top left"
-  }
-});
-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,
-      "data-position": position ?? "bottom",
-      className: (0, import_css.cx)(nativeProps.className, navListStyles),
-      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/legacy/components/NavMenuList.cjs.map

@@ -1 +0,0 @@
-{"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 { cx } from '@cerberus/styled-system/css'\nimport { vstack } from '@cerberus/styled-system/patterns'\n\ninterface GetPositionResult {\n  left: string\n  right: string\n  top: string\n  bottom: string\n}\n\nexport function getPosition(position: Positions): GetPositionResult {\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, top: '0%', left: '105%' }\n    case 'left':\n      return { ...defaultPositions, top: '0%', right: '105%' }\n    case 'bottom':\n      return { ...defaultPositions, top: '110%' }\n    case 'top':\n      return { ...defaultPositions, bottom: '110%' }\n    default:\n      return defaultPositions\n  }\n}\n\nconst navListStyles = vstack({\n  alignItems: 'flex-start',\n  bgColor: 'neutral.surface.100',\n  boxShadow: 'lg',\n  gap: '2',\n  opacity: '0',\n  p: '4',\n  position: 'absolute',\n  rounded: 'md',\n  zIndex: 'dropdown',\n  _motionSafe: {\n    animationName: 'zoomIn',\n    animationDelay: '100ms',\n    animationDuration: '150ms',\n    animationFillMode: 'both',\n    animationTimingFunction: 'ease-in-out',\n  },\n  _positionBottom: {\n    transformOrigin: 'top left',\n  },\n  _positionTop: {\n    transformOrigin: 'bottom left',\n  },\n  _positionLeft: {\n    transformOrigin: 'top right',\n  },\n  _positionRight: {\n    transformOrigin: 'top left',\n  },\n})\n\nexport interface NavMenuListProps extends HTMLAttributes<HTMLUListElement> {\n  id: string\n  position?: Positions\n}\n\n/**\n * A component that allows the user to display a menu of navigation links.\n * @definition [Disclosure Nav](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/)\n * @definition [NavMenu Docs](https://cerberus.digitalu.design/react/nav-menu)\n *\n * @example\n * ```tsx\n * <NavMenuList id=\"nav-menu-list\" position=\"bottom\">\n *  <NavMenuLink href=\"/home\">Home</NavMenuLink>\n * <NavMenuLink href=\"/about\">About</NavMenuLink>\n * </NavMenuList>\n * ```\n **/\nexport function NavMenuList(props: NavMenuListProps): JSX.Element {\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        data-position={position ?? 'bottom'}\n        className={cx(nativeProps.className, navListStyles)}\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,iBAAmB;AACnB,sBAAuB;AAyFjB;AAhFC,SAAS,YAAY,UAAwC;AAClE,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,KAAK,MAAM,MAAM,OAAO;AAAA,IACxD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,OAAO,OAAO;AAAA,IACzD,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;AAEA,IAAM,oBAAgB,wBAAO;AAAA,EAC3B,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,GAAG;AAAA,EACH,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AAAA,IACX,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,EAC3B;AAAA,EACA,iBAAiB;AAAA,IACf,iBAAiB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,IACZ,iBAAiB;AAAA,EACnB;AAAA,EACA,eAAe;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB;AAAA,IACd,iBAAiB;AAAA,EACnB;AACF,CAAC;AAoBM,SAAS,YAAY,OAAsC;AAChE,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,iBAAe,YAAY;AAAA,MAC3B,eAAW,eAAG,YAAY,WAAW,aAAa;AAAA,MAClD,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,EACT,GACF;AAEJ;","names":[]}

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

@@ -1,3 +0,0 @@
-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';