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

package/build/legacy/components/NavMenuTrigger.cjs

@@ -1,98 +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/NavMenuTrigger.tsx
-var NavMenuTrigger_exports = {};
-__export(NavMenuTrigger_exports, {
-  NavMenuTrigger: () => NavMenuTrigger
-});
-module.exports = __toCommonJS(NavMenuTrigger_exports);
-var import_react = require("react");
-var import_css = require("@cerberus/styled-system/css.cjs");
-var import_recipes = require("@cerberus/styled-system/recipes.cjs");
-var import_nav_menu = require("../aria-helpers/nav-menu.aria.cjs");
-var import_Show = require("./Show.cjs");
-var import_navMenu = require("../context/navMenu.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-function NavMenuTrigger(props) {
-  const {
-    as,
-    palette,
-    usage,
-    shape,
-    controls,
-    expanded: propsExpanded,
-    onClick,
-    ...nativeProps
-  } = props;
-  const { triggerRef, onToggle, expanded } = (0, import_navMenu.useNavMenuContext)();
-  const ariaProps = (0, import_nav_menu.createNavTriggerProps)({
-    controls,
-    expanded: propsExpanded ?? expanded
-  });
-  const hasAs = Boolean(as);
-  const AsSub = as;
-  const handleClick = (0, import_react.useCallback)(
-    (e) => {
-      if (onClick)
-        return onClick(e);
-      onToggle();
-    },
-    [onClick, onToggle]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Show.Show,
-    {
-      when: hasAs,
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "button",
-        {
-          ...nativeProps,
-          ...ariaProps,
-          className: (0, import_css.cx)(
-            nativeProps.className,
-            (0, import_recipes.button)({
-              palette,
-              usage,
-              shape
-            })
-          ),
-          onClick: handleClick,
-          ref: triggerRef,
-          children: props.children
-        }
-      ),
-      children: hasAs && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        AsSub,
-        {
-          ...nativeProps,
-          ...ariaProps,
-          onClick: handleClick,
-          ref: triggerRef
-        }
-      )
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NavMenuTrigger
-});
-//# sourceMappingURL=NavMenuTrigger.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/NavMenuTrigger.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  type ButtonHTMLAttributes,\n  type ElementType,\n  type MouseEvent,\n} from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { button } from '@cerberus/styled-system/recipes'\nimport {\n  createNavTriggerProps,\n  type NavTriggerAriaValues,\n} from '../aria-helpers/nav-menu.aria'\nimport { Show } from './Show'\nimport type { ButtonProps } from './Button'\nimport { useNavMenuContext } from '../context/navMenu'\n\nexport interface NavMenuTriggerProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    ButtonProps,\n    NavTriggerAriaValues {\n  as?: ElementType\n}\n\n/**\n * A component that allows the user to trigger a navigation menu.\n * @definition [NavMenu Docs](https://cerberus.digitalu.design/react/nav-menu)\n * @example\n * ```tsx\n * <NavMenu>\n *   <NavMenuTrigger controls=\"nav-menu-list\">\n *     Menu\n *   </NavMenuTrigger>\n * </NavMenu>\n * ```\n */\nexport function NavMenuTrigger(props: NavMenuTriggerProps): JSX.Element {\n  const {\n    as,\n    palette,\n    usage,\n    shape,\n    controls,\n    expanded: propsExpanded,\n    onClick,\n    ...nativeProps\n  } = props\n  const { triggerRef, onToggle, expanded } = useNavMenuContext()\n  const ariaProps = createNavTriggerProps({\n    controls,\n    expanded: propsExpanded ?? expanded,\n  })\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      if (onClick) return onClick(e)\n      onToggle()\n    },\n    [onClick, onToggle],\n  )\n\n  return (\n    <Show\n      when={hasAs}\n      fallback={\n        <button\n          {...nativeProps}\n          {...ariaProps}\n          className={cx(\n            nativeProps.className,\n            button({\n              palette,\n              usage,\n              shape,\n            }),\n          )}\n          onClick={handleClick}\n          ref={triggerRef}\n        >\n          {props.children}\n        </button>\n      }\n    >\n      {hasAs && (\n        <AsSub\n          {...nativeProps}\n          {...ariaProps}\n          onClick={handleClick}\n          ref={triggerRef}\n        />\n      )}\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAKO;AACP,iBAAmB;AACnB,qBAAuB;AACvB,sBAGO;AACP,kBAAqB;AAErB,qBAAkC;AAoD1B;AA/BD,SAAS,eAAe,OAAyC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,YAAY,UAAU,SAAS,QAAI,kCAAkB;AAC7D,QAAM,gBAAY,uCAAsB;AAAA,IACtC;AAAA,IACA,UAAU,iBAAiB;AAAA,EAC7B,CAAC;AACD,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,QAAM,kBAAc;AAAA,IAClB,CAAC,MAAqC;AACpC,UAAI;AAAS,eAAO,QAAQ,CAAC;AAC7B,eAAS;AAAA,IACX;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,UACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,eAAW;AAAA,YACT,YAAY;AAAA,gBACZ,uBAAO;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,UACA,SAAS;AAAA,UACT,KAAK;AAAA,UAEJ,gBAAM;AAAA;AAAA,MACT;AAAA,MAGD,mBACC;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,KAAK;AAAA;AAAA,MACP;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

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

@@ -1,2 +0,0 @@
-export { NavMenuTrigger_alias_1 as NavMenuTrigger } from '../_tsup-dts-rollup';
-export { NavMenuTriggerProps_alias_1 as NavMenuTriggerProps } from '../_tsup-dts-rollup';

package/build/legacy/components/Show.cjs

@@ -1,41 +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/Show.tsx
-var Show_exports = {};
-__export(Show_exports, {
-  Show: () => Show
-});
-module.exports = __toCommonJS(Show_exports);
-var import_react = require("react");
-function Show(props) {
-  const { when, children, fallback } = props;
-  const condition = (0, import_react.useMemo)(() => when ?? false, [when]);
-  return (0, import_react.useMemo)(() => {
-    if (condition)
-      return children;
-    return fallback ?? null;
-  }, [condition, children, fallback]);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Show
-});
-//# sourceMappingURL=Show.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Show.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, type PropsWithChildren, type ReactNode } from 'react'\n\nexport interface ShowProps {\n  when: boolean | null | undefined\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render its children or an optional fallback component\n * based on the SolidJS component.\n * @definition [Show docs](https://cerberus.digitalu.design/react/show)\n * @example\n * ```tsx\n * <Show when={condition}>\n *  <div>Content</div>\n * </Show>\n */\nexport function Show(props: PropsWithChildren<ShowProps>): ReactNode {\n  const { when, children, fallback } = props\n  const condition = useMemo(() => when ?? false, [when])\n\n  return useMemo(() => {\n    if (condition) return children\n    return fallback ?? null\n  }, [condition, children, fallback])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAgE;AAiBzD,SAAS,KAAK,OAAgD;AACnE,QAAM,EAAE,MAAM,UAAU,SAAS,IAAI;AACrC,QAAM,gBAAY,sBAAQ,MAAM,QAAQ,OAAO,CAAC,IAAI,CAAC;AAErD,aAAO,sBAAQ,MAAM;AACnB,QAAI;AAAW,aAAO;AACtB,WAAO,YAAY;AAAA,EACrB,GAAG,CAAC,WAAW,UAAU,QAAQ,CAAC;AACpC;","names":[]}

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

@@ -1,2 +0,0 @@
-export { Show_alias_1 as Show } from '../_tsup-dts-rollup';
-export { ShowProps_alias_1 as ShowProps } from '../_tsup-dts-rollup';

package/build/legacy/context/field.cjs

@@ -1,55 +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/context/field.tsx
-var field_exports = {};
-__export(field_exports, {
-  Field: () => Field,
-  useFieldContext: () => useFieldContext
-});
-module.exports = __toCommonJS(field_exports);
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var FieldContext = (0, import_react.createContext)(null);
-function Field(props) {
-  const value = (0, import_react.useMemo)(
-    () => ({
-      disabled: props.disabled,
-      readonly: props.readonly,
-      required: props.required,
-      invalid: props.invalid
-    }),
-    [props.disabled, props.readonly, props.required, props.invalid]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldContext.Provider, { value, children: props.children });
-}
-function useFieldContext() {
-  const context = (0, import_react.useContext)(FieldContext);
-  if (!context) {
-    throw new Error("useFieldContext must be used within a Field Provider.");
-  }
-  return context;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Field,
-  useFieldContext
-});
-//# sourceMappingURL=field.cjs.map

package/build/legacy/context/field.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/context/field.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type PropsWithChildren,\n} from 'react'\n\nexport interface FieldContextValue {\n  disabled?: boolean\n  readonly?: boolean\n  required?: boolean\n  invalid?: boolean\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null)\n\nexport function Field(\n  props: PropsWithChildren<FieldContextValue>,\n): JSX.Element {\n  const value = useMemo(\n    () => ({\n      disabled: props.disabled,\n      readonly: props.readonly,\n      required: props.required,\n      invalid: props.invalid,\n    }),\n    [props.disabled, props.readonly, props.required, props.invalid],\n  )\n\n  return (\n    <FieldContext.Provider value={value}>\n      {props.children}\n    </FieldContext.Provider>\n  )\n}\n\nexport function useFieldContext(): FieldContextValue {\n  const context = useContext(FieldContext)\n  if (!context) {\n    throw new Error('useFieldContext must be used within a Field Provider.')\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAKO;AAyBH;AAhBJ,IAAM,mBAAe,4BAAwC,IAAI;AAE1D,SAAS,MACd,OACa;AACb,QAAM,YAAQ;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM;AAAA,IACjB;AAAA,IACA,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,UAAU,MAAM,OAAO;AAAA,EAChE;AAEA,SACE,4CAAC,aAAa,UAAb,EAAsB,OACpB,gBAAM,UACT;AAEJ;AAEO,SAAS,kBAAqC;AACnD,QAAM,cAAU,yBAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/build/legacy/context/field.d.cts

@@ -1,3 +0,0 @@
-export { Field_alias_1 as Field } from '../_tsup-dts-rollup';
-export { useFieldContext_alias_1 as useFieldContext } from '../_tsup-dts-rollup';
-export { FieldContextValue_alias_1 as FieldContextValue } from '../_tsup-dts-rollup';

package/build/legacy/context/navMenu.cjs

@@ -1,70 +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/context/navMenu.tsx
-var navMenu_exports = {};
-__export(navMenu_exports, {
-  NavMenu: () => NavMenu,
-  useNavMenuContext: () => useNavMenuContext
-});
-module.exports = __toCommonJS(navMenu_exports);
-var import_css = require("@cerberus/styled-system/css.cjs");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var NavMenuContext = (0, import_react.createContext)(null);
-function NavMenu(props) {
-  const triggerRef = (0, import_react.useRef)(null);
-  const menuRef = (0, import_react.useRef)(null);
-  const [expanded, setExpanded] = (0, import_react.useState)(false);
-  const handleToggle = (0, import_react.useCallback)(() => {
-    setExpanded((prev) => !prev);
-  }, []);
-  const value = (0, import_react.useMemo)(
-    () => ({
-      triggerRef,
-      menuRef,
-      expanded,
-      onToggle: handleToggle
-    }),
-    [expanded, handleToggle]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavMenuContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "nav",
-    {
-      className: (0, import_css.css)({
-        position: "relative"
-      }),
-      children: props.children
-    }
-  ) });
-}
-function useNavMenuContext() {
-  const context = (0, import_react.useContext)(NavMenuContext);
-  if (!context) {
-    throw new Error("useNavMenuContext must be used within a NavMenu.");
-  }
-  return context;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NavMenu,
-  useNavMenuContext
-});
-//# sourceMappingURL=navMenu.cjs.map

package/build/legacy/context/navMenu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/context/navMenu.tsx"],"sourcesContent":["'use client'\n\nimport { css } from '@cerberus/styled-system/css'\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type PropsWithChildren,\n  type RefObject,\n} from 'react'\n\nexport type NavTriggerRef = RefObject<HTMLButtonElement>\nexport type NavMenuRef = RefObject<HTMLUListElement>\n\nexport interface NavMenuContextValue {\n  triggerRef: NavTriggerRef | null\n  menuRef: NavMenuRef | null\n  expanded: boolean\n  onToggle: () => void\n}\n\nconst NavMenuContext = createContext<NavMenuContextValue | null>(null)\n\nexport function NavMenu(props: PropsWithChildren): JSX.Element {\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const menuRef = useRef<HTMLUListElement>(null)\n  const [expanded, setExpanded] = useState<boolean>(false)\n\n  const handleToggle = useCallback(() => {\n    setExpanded((prev) => !prev)\n  }, [])\n\n  const value = useMemo(\n    () => ({\n      triggerRef,\n      menuRef,\n      expanded,\n      onToggle: handleToggle,\n    }),\n    [expanded, handleToggle],\n  )\n\n  return (\n    <NavMenuContext.Provider value={value}>\n      <nav\n        className={css({\n          position: 'relative',\n        })}\n      >\n        {props.children}\n      </nav>\n    </NavMenuContext.Provider>\n  )\n}\n\nexport function useNavMenuContext(): NavMenuContextValue {\n  const context = useContext(NavMenuContext)\n  if (!context) {\n    throw new Error('useNavMenuContext must be used within a NavMenu.')\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,iBAAoB;AACpB,mBASO;AAmCD;AAvBN,IAAM,qBAAiB,4BAA0C,IAAI;AAE9D,SAAS,QAAQ,OAAuC;AAC7D,QAAM,iBAAa,qBAA0B,IAAI;AACjD,QAAM,cAAU,qBAAyB,IAAI;AAC7C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAkB,KAAK;AAEvD,QAAM,mBAAe,0BAAY,MAAM;AACrC,gBAAY,CAAC,SAAS,CAAC,IAAI;AAAA,EAC7B,GAAG,CAAC,CAAC;AAEL,QAAM,YAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,IACA,CAAC,UAAU,YAAY;AAAA,EACzB;AAEA,SACE,4CAAC,eAAe,UAAf,EAAwB,OACvB;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,gBAAI;AAAA,QACb,UAAU;AAAA,MACZ,CAAC;AAAA,MAEA,gBAAM;AAAA;AAAA,EACT,GACF;AAEJ;AAEO,SAAS,oBAAyC;AACvD,QAAM,cAAU,yBAAW,cAAc;AACzC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AACA,SAAO;AACT;","names":[]}

package/build/legacy/context/navMenu.d.cts

@@ -1,5 +0,0 @@
-export { NavMenu_alias_1 as NavMenu } from '../_tsup-dts-rollup';
-export { useNavMenuContext_alias_1 as useNavMenuContext } from '../_tsup-dts-rollup';
-export { NavTriggerRef_alias_1 as NavTriggerRef } from '../_tsup-dts-rollup';
-export { NavMenuRef_alias_1 as NavMenuRef } from '../_tsup-dts-rollup';
-export { NavMenuContextValue_alias_1 as NavMenuContextValue } from '../_tsup-dts-rollup';

package/build/legacy/context/theme.cjs

@@ -1,56 +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/context/theme.tsx
-var theme_exports = {};
-__export(theme_exports, {
-  MODE_KEY: () => MODE_KEY,
-  THEME_KEY: () => THEME_KEY,
-  ThemeProvider: () => ThemeProvider,
-  useThemeContext: () => useThemeContext
-});
-module.exports = __toCommonJS(theme_exports);
-var import_react = require("react");
-var import_useTheme = require("../hooks/useTheme.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-var THEME_KEY = "cerberus-theme";
-var MODE_KEY = "cerberus-mode";
-var ThemeContext = (0, import_react.createContext)(
-  null
-);
-function ThemeProvider(props) {
-  const state = (0, import_useTheme.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value: state, children: props.children });
-}
-function useThemeContext() {
-  const context = (0, import_react.useContext)(ThemeContext);
-  if (!context) {
-    throw new Error("useThemeContext must be used within a ThemeProvider");
-  }
-  return context;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MODE_KEY,
-  THEME_KEY,
-  ThemeProvider,
-  useThemeContext
-});
-//# sourceMappingURL=theme.cjs.map

package/build/legacy/context/theme.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/context/theme.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport { useTheme } from '../hooks/useTheme'\n\nexport type DefaultThemes = 'cerberus'\nexport type CustomThemes<K extends string = DefaultThemes> = 'cerberus' | K\nexport type ColorModes = 'light' | 'dark'\n\nexport interface ThemeContextValue<T extends string = DefaultThemes> {\n  theme: CustomThemes<T>\n  mode: ColorModes\n  updateTheme: (theme: T) => void\n  updateMode: () => void\n}\n\nexport const THEME_KEY = 'cerberus-theme'\nexport const MODE_KEY = 'cerberus-mode'\n\nconst ThemeContext = createContext<ThemeContextValue<DefaultThemes> | null>(\n  null,\n)\n\n/**\n * A context provider that allows the user to set the theme and mode of the application.\n * @example\n * ```tsx\n * <ThemeProvider>\n *  <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider(props: PropsWithChildren<unknown>): JSX.Element {\n  const state = useTheme()\n  return (\n    <ThemeContext.Provider value={state}>\n      {props.children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport function useThemeContext(): ThemeContextValue<DefaultThemes> {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useThemeContext must be used within a ThemeProvider')\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkE;AAClE,sBAAyB;AAgCrB;AAnBG,IAAM,YAAY;AAClB,IAAM,WAAW;AAExB,IAAM,mBAAe;AAAA,EACnB;AACF;AAWO,SAAS,cAAc,OAAgD;AAC5E,QAAM,YAAQ,0BAAS;AACvB,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAO,OAC3B,gBAAM,UACT;AAEJ;AAEO,SAAS,kBAAoD;AAClE,QAAM,cAAU,yBAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;","names":[]}

package/build/legacy/context/theme.d.cts

@@ -1,8 +0,0 @@
-export { ThemeProvider_alias_1 as ThemeProvider } from '../_tsup-dts-rollup';
-export { useThemeContext_alias_1 as useThemeContext } from '../_tsup-dts-rollup';
-export { DefaultThemes_alias_1 as DefaultThemes } from '../_tsup-dts-rollup';
-export { CustomThemes_alias_1 as CustomThemes } from '../_tsup-dts-rollup';
-export { ColorModes_alias_1 as ColorModes } from '../_tsup-dts-rollup';
-export { ThemeContextValue_alias_1 as ThemeContextValue } from '../_tsup-dts-rollup';
-export { THEME_KEY_alias_1 as THEME_KEY } from '../_tsup-dts-rollup';
-export { MODE_KEY_alias_1 as MODE_KEY } from '../_tsup-dts-rollup';

package/build/legacy/global.d.cjs

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=global.d.cjs.map

package/build/legacy/global.d.d.cts

@@ -1 +0,0 @@
-export {};

package/build/legacy/global.d.d.ts

@@ -1 +0,0 @@
-export {};

package/build/legacy/global.d.js

@@ -1 +0,0 @@
-//# sourceMappingURL=global.d.js.map

package/build/legacy/hooks/useTheme.cjs

@@ -1,77 +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/hooks/useTheme.ts
-var useTheme_exports = {};
-__export(useTheme_exports, {
-  useTheme: () => useTheme
-});
-module.exports = __toCommonJS(useTheme_exports);
-var import_react = require("react");
-var import_theme = require("../context/theme.cjs");
-function useTheme(defaultTheme = "cerberus", defaultColorMode = "light") {
-  const [theme, setTheme] = (0, import_react.useState)(defaultTheme);
-  const [colorMode, setColorMode] = (0, import_react.useState)(defaultColorMode);
-  const handleThemeChange = (0, import_react.useCallback)((newTheme) => {
-    setTheme(newTheme);
-    localStorage.setItem(import_theme.THEME_KEY, newTheme);
-  }, []);
-  const handleColorModeChange = (0, import_react.useCallback)(() => {
-    setColorMode((prev) => {
-      const newMode = prev === "light" ? "dark" : "light";
-      localStorage.setItem(import_theme.MODE_KEY, newMode);
-      return newMode;
-    });
-  }, []);
-  (0, import_react.useLayoutEffect)(() => {
-    const theme2 = localStorage.getItem(import_theme.THEME_KEY);
-    if (theme2) {
-      setTheme(theme2);
-    }
-  }, []);
-  (0, import_react.useLayoutEffect)(() => {
-    const mode = localStorage.getItem(import_theme.MODE_KEY);
-    if (mode) {
-      setColorMode(mode);
-    }
-  }, []);
-  (0, import_react.useEffect)(() => {
-    const root = document.documentElement;
-    root.dataset.theme = theme;
-  }, [theme]);
-  (0, import_react.useEffect)(() => {
-    const root = document.documentElement;
-    root.dataset.colorMode = colorMode;
-  }, [colorMode]);
-  return (0, import_react.useMemo)(
-    () => ({
-      theme,
-      mode: colorMode,
-      updateTheme: handleThemeChange,
-      updateMode: handleColorModeChange
-    }),
-    [theme, colorMode, handleThemeChange, handleColorModeChange]
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useTheme
-});
-//# sourceMappingURL=useTheme.cjs.map

package/build/legacy/hooks/useTheme.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport {\n  MODE_KEY,\n  THEME_KEY,\n  type ColorModes,\n  type CustomThemes,\n  type DefaultThemes,\n  type ThemeContextValue,\n} from '../context/theme'\n\nexport function useTheme<C extends string = DefaultThemes>(\n  defaultTheme: CustomThemes<C> = 'cerberus',\n  defaultColorMode: ColorModes = 'light',\n): ThemeContextValue<C> {\n  const [theme, setTheme] = useState<CustomThemes<C>>(defaultTheme)\n  const [colorMode, setColorMode] = useState<ColorModes>(defaultColorMode)\n\n  const handleThemeChange = useCallback((newTheme: CustomThemes<C>) => {\n    setTheme(newTheme)\n    localStorage.setItem(THEME_KEY, newTheme)\n  }, [])\n\n  const handleColorModeChange = useCallback(() => {\n    setColorMode((prev) => {\n      const newMode = prev === 'light' ? 'dark' : 'light'\n      localStorage.setItem(MODE_KEY, newMode)\n      return newMode\n    })\n  }, [])\n\n  useLayoutEffect(() => {\n    const theme = localStorage.getItem(THEME_KEY)\n    if (theme) {\n      setTheme(theme as CustomThemes<C>)\n    }\n  }, [])\n\n  useLayoutEffect(() => {\n    const mode = localStorage.getItem(MODE_KEY)\n    if (mode) {\n      setColorMode(mode as ColorModes)\n    }\n  }, [])\n\n  useEffect(() => {\n    const root = document.documentElement\n    root.dataset.theme = theme\n  }, [theme])\n\n  useEffect(() => {\n    const root = document.documentElement\n    root.dataset.colorMode = colorMode\n  }, [colorMode])\n\n  return useMemo(\n    () => ({\n      theme,\n      mode: colorMode,\n      updateTheme: handleThemeChange,\n      updateMode: handleColorModeChange,\n    }),\n    [theme, colorMode, handleThemeChange, handleColorModeChange],\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAMO;AACP,mBAOO;AAEA,SAAS,SACd,eAAgC,YAChC,mBAA+B,SACT;AACtB,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAA0B,YAAY;AAChE,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAqB,gBAAgB;AAEvE,QAAM,wBAAoB,0BAAY,CAAC,aAA8B;AACnE,aAAS,QAAQ;AACjB,iBAAa,QAAQ,wBAAW,QAAQ;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,QAAM,4BAAwB,0BAAY,MAAM;AAC9C,iBAAa,CAAC,SAAS;AACrB,YAAM,UAAU,SAAS,UAAU,SAAS;AAC5C,mBAAa,QAAQ,uBAAU,OAAO;AACtC,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,oCAAgB,MAAM;AACpB,UAAMA,SAAQ,aAAa,QAAQ,sBAAS;AAC5C,QAAIA,QAAO;AACT,eAASA,MAAwB;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,oCAAgB,MAAM;AACpB,UAAM,OAAO,aAAa,QAAQ,qBAAQ;AAC1C,QAAI,MAAM;AACR,mBAAa,IAAkB;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,UAAM,OAAO,SAAS;AACtB,SAAK,QAAQ,QAAQ;AAAA,EACvB,GAAG,CAAC,KAAK,CAAC;AAEV,8BAAU,MAAM;AACd,UAAM,OAAO,SAAS;AACtB,SAAK,QAAQ,YAAY;AAAA,EAC3B,GAAG,CAAC,SAAS,CAAC;AAEd,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,IACd;AAAA,IACA,CAAC,OAAO,WAAW,mBAAmB,qBAAqB;AAAA,EAC7D;AACF;","names":["theme"]}

package/build/legacy/hooks/useTheme.d.cts

@@ -1 +0,0 @@
-export { useTheme_alias_1 as useTheme } from '../_tsup-dts-rollup';

package/build/legacy/index.cjs

@@ -1,47 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./components/Button.cjs"), module.exports);
-__reExport(src_exports, require("./components/IconButton.cjs"), module.exports);
-__reExport(src_exports, require("./components/NavMenuTrigger.cjs"), module.exports);
-__reExport(src_exports, require("./components/NavMenuList.cjs"), module.exports);
-__reExport(src_exports, require("./components/NavMenuLink.cjs"), module.exports);
-__reExport(src_exports, require("./components/Show.cjs"), module.exports);
-__reExport(src_exports, require("./context/field.cjs"), module.exports);
-__reExport(src_exports, require("./context/navMenu.cjs"), module.exports);
-__reExport(src_exports, require("./context/theme.cjs"), module.exports);
-__reExport(src_exports, require("./hooks/useTheme.cjs"), module.exports);
-__reExport(src_exports, require("./aria-helpers/nav-menu.aria.cjs"), module.exports);
-__reExport(src_exports, require("./types.cjs"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./components/Button.cjs"),
-  ...require("./components/IconButton.cjs"),
-  ...require("./components/NavMenuTrigger.cjs"),
-  ...require("./components/NavMenuList.cjs"),
-  ...require("./components/NavMenuLink.cjs"),
-  ...require("./components/Show.cjs"),
-  ...require("./context/field.cjs"),
-  ...require("./context/navMenu.cjs"),
-  ...require("./context/theme.cjs"),
-  ...require("./hooks/useTheme.cjs"),
-  ...require("./aria-helpers/nav-menu.aria.cjs"),
-  ...require("./types.cjs")
-});
-//# sourceMappingURL=index.cjs.map

package/build/legacy/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["/**\n * This module is the entry point for the Cerberus React package.\n * @module\n */\n\n// components\n\nexport * from './components/Button'\nexport * from './components/IconButton'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/field'\nexport * from './context/navMenu'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\n\n// shared types\n\nexport * from './types'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAOA,wBAAc,oCAPd;AAQA,wBAAc,wCARd;AASA,wBAAc,4CATd;AAUA,wBAAc,yCAVd;AAWA,wBAAc,yCAXd;AAYA,wBAAc,kCAZd;AAgBA,wBAAc,gCAhBd;AAiBA,wBAAc,kCAjBd;AAkBA,wBAAc,gCAlBd;AAsBA,wBAAc,iCAtBd;AA0BA,wBAAc,6CA1Bd;AA8BA,wBAAc,wBA9Bd;","names":[]}

package/build/legacy/index.d.cts

@@ -1,34 +0,0 @@
-export { Button } from './_tsup-dts-rollup';
-export { ButtonProps } from './_tsup-dts-rollup';
-export { IconButton } from './_tsup-dts-rollup';
-export { IconButtonUsage } from './_tsup-dts-rollup';
-export { IconButtonProps } from './_tsup-dts-rollup';
-export { NavMenuTrigger } from './_tsup-dts-rollup';
-export { NavMenuTriggerProps } from './_tsup-dts-rollup';
-export { getPosition } from './_tsup-dts-rollup';
-export { NavMenuList } from './_tsup-dts-rollup';
-export { NavMenuListProps } from './_tsup-dts-rollup';
-export { NavMenuLink } from './_tsup-dts-rollup';
-export { NavMenuLinkProps } from './_tsup-dts-rollup';
-export { Show } from './_tsup-dts-rollup';
-export { ShowProps } from './_tsup-dts-rollup';
-export { Field } from './_tsup-dts-rollup';
-export { useFieldContext } from './_tsup-dts-rollup';
-export { FieldContextValue } from './_tsup-dts-rollup';
-export { NavMenu } from './_tsup-dts-rollup';
-export { useNavMenuContext } from './_tsup-dts-rollup';
-export { NavTriggerRef } from './_tsup-dts-rollup';
-export { NavMenuRef } from './_tsup-dts-rollup';
-export { NavMenuContextValue } from './_tsup-dts-rollup';
-export { ThemeProvider } from './_tsup-dts-rollup';
-export { useThemeContext } from './_tsup-dts-rollup';
-export { DefaultThemes } from './_tsup-dts-rollup';
-export { CustomThemes } from './_tsup-dts-rollup';
-export { ColorModes } from './_tsup-dts-rollup';
-export { ThemeContextValue } from './_tsup-dts-rollup';
-export { THEME_KEY } from './_tsup-dts-rollup';
-export { MODE_KEY } from './_tsup-dts-rollup';
-export { useTheme } from './_tsup-dts-rollup';
-export { createNavTriggerProps } from './_tsup-dts-rollup';
-export { NavTriggerAriaValues } from './_tsup-dts-rollup';
-export { Positions } from './_tsup-dts-rollup';

package/build/legacy/types.cjs

@@ -1,19 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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/types.ts
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.cjs.map

package/build/legacy/types.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["export type Positions = 'top' | 'right' | 'bottom' | 'left'\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/build/legacy/types.d.cts

@@ -1 +0,0 @@
-export { Positions_alias_1 as Positions } from './_tsup-dts-rollup';