@cerberus-design/react 0.6.1 → 0.7.0

package/build/legacy/chunk-KESKDLX6.js

@@ -0,0 +1,30 @@
+// src/aria-helpers/trap-focus.aria.ts
+function trapFocus(modalRef) {
+  var _a;
+  const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+  const focusable = Array.from(
+    ((_a = modalRef.current) == null ? void 0 : _a.querySelectorAll(focusableElements)) ?? []
+  );
+  const firstFocusable = focusable[0];
+  const lastFocusable = focusable[focusable.length - 1];
+  return function handleKeyDown(event) {
+    if (event.key === "Tab") {
+      if (event.shiftKey) {
+        if (document.activeElement === firstFocusable) {
+          lastFocusable.focus();
+          event.preventDefault();
+        }
+      } else {
+        if (document.activeElement === lastFocusable) {
+          firstFocusable.focus();
+          event.preventDefault();
+        }
+      }
+    }
+  };
+}
+
+export {
+  trapFocus
+};
+//# sourceMappingURL=chunk-KESKDLX6.js.map

package/build/legacy/chunk-KESKDLX6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/aria-helpers/trap-focus.aria.ts"],"sourcesContent":["import type { KeyboardEvent, KeyboardEventHandler, RefObject } from 'react'\n\nexport function trapFocus(\n  modalRef: RefObject<HTMLDialogElement>,\n): KeyboardEventHandler<HTMLDialogElement> {\n  const focusableElements =\n    'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n  const focusable = Array.from(\n    modalRef.current?.querySelectorAll(focusableElements) ?? [],\n  )\n  const firstFocusable = focusable[0] as HTMLElement\n  const lastFocusable = focusable[focusable.length - 1] as HTMLElement\n\n  return function handleKeyDown(event: KeyboardEvent<HTMLDialogElement>) {\n    if (event.key === 'Tab') {\n      if (event.shiftKey) {\n        if (document.activeElement === firstFocusable) {\n          lastFocusable.focus()\n          event.preventDefault()\n        }\n      } else {\n        if (document.activeElement === lastFocusable) {\n          firstFocusable.focus()\n          event.preventDefault()\n        }\n      }\n    }\n  }\n}\n"],"mappings":";AAEO,SAAS,UACd,UACyC;AAJ3C;AAKE,QAAM,oBACJ;AACF,QAAM,YAAY,MAAM;AAAA,MACtB,cAAS,YAAT,mBAAkB,iBAAiB,uBAAsB,CAAC;AAAA,EAC5D;AACA,QAAM,iBAAiB,UAAU,CAAC;AAClC,QAAM,gBAAgB,UAAU,UAAU,SAAS,CAAC;AAEpD,SAAO,SAAS,cAAc,OAAyC;AACrE,QAAI,MAAM,QAAQ,OAAO;AACvB,UAAI,MAAM,UAAU;AAClB,YAAI,SAAS,kBAAkB,gBAAgB;AAC7C,wBAAc,MAAM;AACpB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF,OAAO;AACL,YAAI,SAAS,kBAAkB,eAAe;AAC5C,yBAAe,MAAM;AACrB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/build/legacy/{chunk-S7HBD2A7.js → chunk-KFUXGX33.js}

@@ -1,6 +1,6 @@
 import {
   useTabsContext
-} from "./chunk-DQOYTLGB.js";
+} from "./chunk-7KJIZIAU.js";
 
 // src/aria-helpers/tabs.aria.ts
 import { useEffect, useState } from "react";
@@ -61,4 +61,4 @@ function useTabsKeyboardNavigation() {
 export {
   useTabsKeyboardNavigation
 };
-//# sourceMappingURL=chunk-S7HBD2A7.js.map
+//# sourceMappingURL=chunk-KFUXGX33.js.map

package/build/legacy/chunk-OGSAAB6K.js

@@ -0,0 +1,12 @@
+// src/components/ModalHeading.tsx
+import { cx } from "@cerberus-design/styled-system/css";
+import { modal } from "@cerberus-design/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function ModalHeading(props) {
+  return /* @__PURE__ */ jsx("p", { ...props, className: cx(props.className, modal().heading) });
+}
+
+export {
+  ModalHeading
+};
+//# sourceMappingURL=chunk-OGSAAB6K.js.map

package/build/legacy/chunk-OGSAAB6K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ModalHeading.tsx"],"sourcesContent":["import { cx } from '@cerberus-design/styled-system/css'\nimport { modal } from '@cerberus-design/styled-system/recipes'\nimport type { HTMLAttributes } from 'react'\n\n/**\n * This module contains the ModalHeading component for a customizable modal.\n * @module\n */\n\nexport type ModalHeadingProps = HTMLAttributes<HTMLParagraphElement>\n\n/**\n * The ModalHeading component is a heading element for a customizable modal.\n * @example\n * ```tsx\n * <Modal>\n *   <ModalHeading>Modal Heading</ModalHeading>\n * </Modal>\n * ```\n */\nexport function ModalHeading(props: ModalHeadingProps) {\n  return <p {...props} className={cx(props.className, modal().heading)} />\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,aAAa;AAoBb;AADF,SAAS,aAAa,OAA0B;AACrD,SAAO,oBAAC,OAAG,GAAG,OAAO,WAAW,GAAG,MAAM,WAAW,MAAM,EAAE,OAAO,GAAG;AACxE;","names":[]}

package/build/{modern/chunk-G2QMBSK5.js → legacy/chunk-PMCYXRAH.js}

@@ -32,7 +32,7 @@ function getPosition(position) {
 }
 var navListStyles = vstack({
   alignItems: "flex-start",
-  bgColor: "neutral.surface.100",
+  bgColor: "page.surface.100",
   boxShadow: "lg",
   gap: "2",
   opacity: "0",
@@ -83,4 +83,4 @@ export {
   getPosition,
   NavMenuList
 };
-//# sourceMappingURL=chunk-G2QMBSK5.js.map
+//# sourceMappingURL=chunk-PMCYXRAH.js.map

package/build/legacy/chunk-PMCYXRAH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/NavMenuList.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { vstack } from '@cerberus/styled-system/patterns'\nimport { useNavMenuContext } from '../context/navMenu'\nimport type { Positions } from '../types'\nimport { Show } from './Show'\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: 'page.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":";;;;;;;;AAEA,SAAS,eAAoC;AAC7C,SAAS,UAAU;AACnB,SAAS,cAAc;AA4FjB;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,gBAAgB,OAAO;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,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,iBAAe,YAAY;AAAA,MAC3B,WAAW,GAAG,YAAY,WAAW,aAAa;AAAA,MAClD,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,EACT,GACF;AAEJ;","names":[]}

package/build/legacy/{chunk-734PGVLT.js → chunk-TAZI77TP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZAU4JVLL.js";
 import {
   $cerberusIcons
-} from "./chunk-3CBN7U25.js";
+} from "./chunk-6TXQZ3PB.js";
 
 // src/components/Toggle.tsx
 import { cx } from "@cerberus-design/styled-system/css";
@@ -55,4 +55,4 @@ function Toggle(props) {
 export {
   Toggle
 };
-//# sourceMappingURL=chunk-734PGVLT.js.map
+//# sourceMappingURL=chunk-TAZI77TP.js.map

package/build/legacy/chunk-TPFNVGYA.js

@@ -0,0 +1,21 @@
+// src/components/Modal.tsx
+import { cx } from "@cerberus-design/styled-system/css";
+import { modal } from "@cerberus-design/styled-system/recipes";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+function ModalEl(props, ref) {
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      ...props,
+      className: cx(props.className, modal().dialog),
+      ref
+    }
+  );
+}
+var Modal = forwardRef(ModalEl);
+
+export {
+  Modal
+};
+//# sourceMappingURL=chunk-TPFNVGYA.js.map

package/build/legacy/chunk-TPFNVGYA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Modal.tsx"],"sourcesContent":["import { cx } from '@cerberus-design/styled-system/css'\nimport { modal } from '@cerberus-design/styled-system/recipes'\nimport { forwardRef, type ForwardedRef, type HTMLAttributes } from 'react'\n\n/**\n * This module contains the Modal root component for a customizable modal.\n * @module\n */\n\n// Modal\n\nexport type ModalProps = HTMLAttributes<HTMLDialogElement>\n\nfunction ModalEl(props: ModalProps, ref: ForwardedRef<HTMLDialogElement>) {\n  return (\n    <dialog\n      {...props}\n      className={cx(props.className, modal().dialog)}\n      ref={ref}\n    />\n  )\n}\n\n/**\n * The Modal component is the root element for a customizable modal.\n * @example\n * ```tsx\n * const { modalRef } = useModal()\n *\n * <Modal ref={modalRef}>\n *  <ModalIcon icon={$cerberusIcons.alert} />\n *  <h2>Modal Heading</h2>\n *  <p>Modal description</p>\n * </Modal>\n * ```\n */\nexport const Modal = forwardRef(ModalEl)\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,aAAa;AACtB,SAAS,kBAA0D;AAa/D;AAFJ,SAAS,QAAQ,OAAmB,KAAsC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,MAAM,WAAW,MAAM,EAAE,MAAM;AAAA,MAC7C;AAAA;AAAA,EACF;AAEJ;AAeO,IAAM,QAAQ,WAAW,OAAO;","names":[]}

package/build/legacy/chunk-TZNYJ3G7.js

@@ -0,0 +1,25 @@
+// src/hooks/useModal.ts
+import { useCallback, useMemo, useRef } from "react";
+function useModal() {
+  const modalRef = useRef(null);
+  const show = useCallback(() => {
+    var _a;
+    (_a = modalRef.current) == null ? void 0 : _a.showModal();
+  }, []);
+  const close = useCallback(() => {
+    var _a;
+    (_a = modalRef.current) == null ? void 0 : _a.close();
+  }, []);
+  return useMemo(() => {
+    return {
+      modalRef,
+      show,
+      close
+    };
+  }, [modalRef, show, close]);
+}
+
+export {
+  useModal
+};
+//# sourceMappingURL=chunk-TZNYJ3G7.js.map

package/build/legacy/chunk-TZNYJ3G7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useModal.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useMemo, useRef, type RefObject } from 'react'\n\n/**\n * This module provides a hook for using a custom modal.\n * @module\n */\n\ninterface UseModalReturnValue {\n  modalRef: RefObject<HTMLDialogElement>\n  show: () => void\n  close: () => void\n}\n\nexport function useModal(): UseModalReturnValue {\n  const modalRef = useRef<HTMLDialogElement | null>(null)\n\n  const show = useCallback(() => {\n    modalRef.current?.showModal()\n  }, [])\n\n  const close = useCallback(() => {\n    modalRef.current?.close()\n  }, [])\n\n  return useMemo(() => {\n    return {\n      modalRef,\n      show,\n      close,\n    }\n  }, [modalRef, show, close])\n}\n"],"mappings":";AAEA,SAAS,aAAa,SAAS,cAA8B;AAatD,SAAS,WAAgC;AAC9C,QAAM,WAAW,OAAiC,IAAI;AAEtD,QAAM,OAAO,YAAY,MAAM;AAlBjC;AAmBI,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAtBlC;AAuBI,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,KAAK,CAAC;AAC5B;","names":[]}

package/build/legacy/chunk-UPODPCRD.js

@@ -0,0 +1,12 @@
+// src/components/ModalDescription.tsx
+import { cx } from "@cerberus-design/styled-system/css";
+import { modal } from "@cerberus-design/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function ModalDescription(props) {
+  return /* @__PURE__ */ jsx("p", { ...props, className: cx(props.className, modal().description) });
+}
+
+export {
+  ModalDescription
+};
+//# sourceMappingURL=chunk-UPODPCRD.js.map

package/build/legacy/chunk-UPODPCRD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ModalDescription.tsx"],"sourcesContent":["import { cx } from '@cerberus-design/styled-system/css'\nimport { modal } from '@cerberus-design/styled-system/recipes'\nimport type { HTMLAttributes } from 'react'\n\n/**\n * This module contains the ModalDescription component for a customizable modal.\n * @module\n */\n\nexport type ModalDescriptionProps = HTMLAttributes<HTMLParagraphElement>\n\n/**\n * The ModalDescription component is a heading element for a customizable modal.\n * @example\n * ```tsx\n * <Modal>\n *   <ModalDescription>Modal Heading</ModalDescription>\n * </Modal>\n * ```\n */\nexport function ModalDescription(props: ModalDescriptionProps) {\n  return <p {...props} className={cx(props.className, modal().description)} />\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,aAAa;AAoBb;AADF,SAAS,iBAAiB,OAA8B;AAC7D,SAAO,oBAAC,OAAG,GAAG,OAAO,WAAW,GAAG,MAAM,WAAW,MAAM,EAAE,WAAW,GAAG;AAC5E;","names":[]}

package/build/legacy/chunk-VULPMZUW.js

@@ -0,0 +1,18 @@
+import {
+  useFeatureFlags
+} from "./chunk-4M3EUP57.js";
+import {
+  Show
+} from "./chunk-4O4QFF4S.js";
+
+// src/components/FeatureFlag.tsx
+import { jsx } from "react/jsx-runtime";
+function FeatureFlag(props) {
+  const showContent = useFeatureFlags(props.flag);
+  return /* @__PURE__ */ jsx(Show, { when: showContent, children: props.children });
+}
+
+export {
+  FeatureFlag
+};
+//# sourceMappingURL=chunk-VULPMZUW.js.map

package/build/legacy/chunk-VULPMZUW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/FeatureFlag.tsx"],"sourcesContent":["'use client'\n\nimport type { PropsWithChildren } from 'react'\nimport { useFeatureFlags } from '../context/feature-flags'\nimport { Show } from './Show'\n\nexport interface FeatureFlagProps {\n  flag: string\n}\n\nexport function FeatureFlag(props: PropsWithChildren<FeatureFlagProps>) {\n  const showContent = useFeatureFlags(props.flag)\n  return <Show when={showContent}>{props.children}</Show>\n}\n"],"mappings":";;;;;;;;AAYS;AAFF,SAAS,YAAY,OAA4C;AACtE,QAAM,cAAc,gBAAgB,MAAM,IAAI;AAC9C,SAAO,oBAAC,QAAK,MAAM,aAAc,gBAAM,UAAS;AAClD;","names":[]}

package/build/{modern/chunk-5GSXIYD3.js → legacy/chunk-X2JMXTBH.js}

@@ -1,6 +1,6 @@
 import {
   useTabsContext
-} from "./chunk-DQOYTLGB.js";
+} from "./chunk-7KJIZIAU.js";
 
 // src/components/TabList.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -8,7 +8,7 @@ import { hstack } from "@cerberus/styled-system/patterns";
 import { jsx } from "react/jsx-runtime";
 function TabList(props) {
   const { description, ...nativeProps } = props;
-  const { id } = useTabsContext();
+  const { id, styles } = useTabsContext();
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -17,11 +17,9 @@ function TabList(props) {
       className: cx(
         nativeProps.className,
         hstack({
-          borderBottom: "1px solid",
-          borderBottomColor: "action.border.100",
-          gap: "0",
-          w: "full"
-        })
+          gap: "0"
+        }),
+        styles.tabList
       ),
       id: id ?? nativeProps.id
     }
@@ -31,4 +29,4 @@ function TabList(props) {
 export {
   TabList
 };
-//# sourceMappingURL=chunk-5GSXIYD3.js.map
+//# sourceMappingURL=chunk-X2JMXTBH.js.map

package/build/{modern/chunk-5GSXIYD3.js.map → legacy/chunk-X2JMXTBH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/TabList.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\nimport { useTabsContext } from '../context/tabs'\n\n/**\n * This module provides a TabList component.\n * @module\n */\n\nexport interface TabListProps extends HTMLAttributes<HTMLDivElement> {\n  description: string\n}\n\n/**\n * The TabList component provides a container for tab elements.\n * @param description - a description of what the tab list contains\n * @example\n * ```tsx\n * <TabList description=\"Button details\">\n *  <Tab id=\"overview\">Overview</Tab>\n *  <Tab id=\"guidelines\">Guidelines</Tab>\n * </TabList>\n * ```\n */\nexport function TabList(props: PropsWithChildren<TabListProps>) {\n  const { description, ...nativeProps } = props\n  const { id } = useTabsContext()\n\n  return (\n    <div\n      {...nativeProps}\n      aria-describedby={description}\n      className={cx(\n        nativeProps.className,\n        hstack({\n          borderBottom: '1px solid',\n          borderBottomColor: 'action.border.100',\n          gap: '0',\n          w: 'full',\n        }),\n      )}\n      id={id ?? nativeProps.id}\n    />\n  )\n}\n"],"mappings":";;;;;AAEA,SAAS,UAAU;AACnB,SAAS,cAAc;AA6BnB;AALG,SAAS,QAAQ,OAAwC;AAC9D,QAAM,EAAE,aAAa,GAAG,YAAY,IAAI;AACxC,QAAM,EAAE,GAAG,IAAI,eAAe;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,oBAAkB;AAAA,MAClB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL,cAAc;AAAA,UACd,mBAAmB;AAAA,UACnB,KAAK;AAAA,UACL,GAAG;AAAA,QACL,CAAC;AAAA,MACH;AAAA,MACA,IAAI,MAAM,YAAY;AAAA;AAAA,EACxB;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/TabList.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\nimport { useTabsContext } from '../context/tabs'\n\n/**\n * This module provides a TabList component.\n * @module\n */\n\nexport interface TabListProps extends HTMLAttributes<HTMLDivElement> {\n  description: string\n}\n\n/**\n * The TabList component provides a container for tab elements.\n * @param description - a description of what the tab list contains\n * @example\n * ```tsx\n * <TabList description=\"Button details\">\n *  <Tab id=\"overview\">Overview</Tab>\n *  <Tab id=\"guidelines\">Guidelines</Tab>\n * </TabList>\n * ```\n */\nexport function TabList(props: PropsWithChildren<TabListProps>) {\n  const { description, ...nativeProps } = props\n  const { id, styles } = useTabsContext()\n\n  return (\n    <div\n      {...nativeProps}\n      aria-describedby={description}\n      className={cx(\n        nativeProps.className,\n        hstack({\n          gap: '0',\n        }),\n        styles.tabList,\n      )}\n      id={id ?? nativeProps.id}\n    />\n  )\n}\n"],"mappings":";;;;;AAEA,SAAS,UAAU;AACnB,SAAS,cAAc;AA6BnB;AALG,SAAS,QAAQ,OAAwC;AAC9D,QAAM,EAAE,aAAa,GAAG,YAAY,IAAI;AACxC,QAAM,EAAE,IAAI,OAAO,IAAI,eAAe;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,oBAAkB;AAAA,MAClB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL,KAAK;AAAA,QACP,CAAC;AAAA,QACD,OAAO;AAAA,MACT;AAAA,MACA,IAAI,MAAM,YAAY;AAAA;AAAA,EACxB;AAEJ;","names":[]}

package/build/legacy/components/FeatureFlag.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  FeatureFlag
+} from "../chunk-VULPMZUW.js";
+import "../chunk-4M3EUP57.js";
+import "../chunk-4O4QFF4S.js";
+export {
+  FeatureFlag
+};
+//# sourceMappingURL=FeatureFlag.js.map

package/build/legacy/components/FeatureFlag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/Input.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Input
-} from "../chunk-X4YQ27D5.js";
-import "../chunk-ZAU4JVLL.js";
+} from "../chunk-5GEC53G7.js";
 import "../chunk-4O4QFF4S.js";
-import "../chunk-3CBN7U25.js";
-import "../chunk-5MNCW677.js";
+import "../chunk-ZAU4JVLL.js";
+import "../chunk-6TXQZ3PB.js";
+import "../chunk-C45DY4VE.js";
 export {
   Input
 };

package/build/legacy/components/Label.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Label
-} from "../chunk-HE3HFKYU.js";
-import "../chunk-ZAU4JVLL.js";
+} from "../chunk-CU7HXAKM.js";
 import "../chunk-4O4QFF4S.js";
+import "../chunk-ZAU4JVLL.js";
 export {
   Label
 };

package/build/legacy/components/Modal.js

@@ -0,0 +1,7 @@
+import {
+  Modal
+} from "../chunk-TPFNVGYA.js";
+export {
+  Modal
+};
+//# sourceMappingURL=Modal.js.map

package/build/legacy/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/ModalDescription.js

@@ -0,0 +1,7 @@
+import {
+  ModalDescription
+} from "../chunk-UPODPCRD.js";
+export {
+  ModalDescription
+};
+//# sourceMappingURL=ModalDescription.js.map

package/build/legacy/components/ModalDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/ModalHeader.js

@@ -0,0 +1,7 @@
+import {
+  ModalHeader
+} from "../chunk-2F5TB2EV.js";
+export {
+  ModalHeader
+};
+//# sourceMappingURL=ModalHeader.js.map

package/build/legacy/components/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/ModalHeading.js

@@ -0,0 +1,7 @@
+import {
+  ModalHeading
+} from "../chunk-OGSAAB6K.js";
+export {
+  ModalHeading
+};
+//# sourceMappingURL=ModalHeading.js.map

package/build/legacy/components/ModalHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/ModalIcon.js

@@ -0,0 +1,7 @@
+import {
+  ModalIcon
+} from "../chunk-G3JEWPLM.js";
+export {
+  ModalIcon
+};
+//# sourceMappingURL=ModalIcon.js.map

package/build/legacy/components/ModalIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/NavMenuList.js

@@ -2,7 +2,7 @@
 import {
   NavMenuList,
   getPosition
-} from "../chunk-G2QMBSK5.js";
+} from "../chunk-PMCYXRAH.js";
 import "../chunk-KJUCHZHV.js";
 import "../chunk-4O4QFF4S.js";
 export {

package/build/legacy/components/Portal.js

@@ -0,0 +1,7 @@
+import {
+  Portal
+} from "../chunk-4CAT3FHV.js";
+export {
+  Portal
+};
+//# sourceMappingURL=Portal.js.map

package/build/legacy/components/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/Tab.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Tab
-} from "../chunk-YA2UV2AB.js";
-import "../chunk-S7HBD2A7.js";
-import "../chunk-DQOYTLGB.js";
+} from "../chunk-JI4YTPEJ.js";
+import "../chunk-KFUXGX33.js";
+import "../chunk-7KJIZIAU.js";
 export {
   Tab
 };

package/build/legacy/components/TabList.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   TabList
-} from "../chunk-5GSXIYD3.js";
-import "../chunk-DQOYTLGB.js";
+} from "../chunk-X2JMXTBH.js";
+import "../chunk-7KJIZIAU.js";
 export {
   TabList
 };

package/build/legacy/components/TabPanel.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   TabPanel
-} from "../chunk-YJCWUN33.js";
+} from "../chunk-67S42J4B.js";
 import "../chunk-4O4QFF4S.js";
-import "../chunk-DQOYTLGB.js";
+import "../chunk-7KJIZIAU.js";
 export {
   TabPanel
 };

package/build/legacy/components/Tag.js

@@ -1,6 +1,6 @@
 import {
   Tag
-} from "../chunk-5XNLWIZO.js";
+} from "../chunk-EVEEQRH6.js";
 import "../chunk-4O4QFF4S.js";
 export {
   Tag

package/build/legacy/components/Toggle.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Toggle
-} from "../chunk-734PGVLT.js";
+} from "../chunk-TAZI77TP.js";
 import "../chunk-ZAU4JVLL.js";
-import "../chunk-3CBN7U25.js";
-import "../chunk-5MNCW677.js";
+import "../chunk-6TXQZ3PB.js";
+import "../chunk-C45DY4VE.js";
 export {
   Toggle
 };

package/build/legacy/config/cerbIcons.js

@@ -1,6 +1,6 @@
 import {
   defaultIcons
-} from "../chunk-5MNCW677.js";
+} from "../chunk-C45DY4VE.js";
 export {
   defaultIcons
 };

package/build/legacy/config/defineIcons.js

@@ -1,8 +1,8 @@
 import {
   $cerberusIcons,
   defineIcons
-} from "../chunk-3CBN7U25.js";
-import "../chunk-5MNCW677.js";
+} from "../chunk-6TXQZ3PB.js";
+import "../chunk-C45DY4VE.js";
 export {
   $cerberusIcons,
   defineIcons

package/build/legacy/context/confirm-modal.js

@@ -0,0 +1,22 @@
+"use client";
+import {
+  ConfirmModal,
+  useConfirmModal
+} from "../chunk-D3ZXZA3U.js";
+import "../chunk-4CAT3FHV.js";
+import "../chunk-TPFNVGYA.js";
+import "../chunk-UPODPCRD.js";
+import "../chunk-2F5TB2EV.js";
+import "../chunk-OGSAAB6K.js";
+import "../chunk-G3JEWPLM.js";
+import "../chunk-2ATICEW3.js";
+import "../chunk-4O4QFF4S.js";
+import "../chunk-KESKDLX6.js";
+import "../chunk-6TXQZ3PB.js";
+import "../chunk-C45DY4VE.js";
+import "../chunk-TZNYJ3G7.js";
+export {
+  ConfirmModal,
+  useConfirmModal
+};
+//# sourceMappingURL=confirm-modal.js.map

package/build/legacy/context/confirm-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/context/feature-flags.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  FeatureFlags,
+  useFeatureFlags
+} from "../chunk-4M3EUP57.js";
+export {
+  FeatureFlags,
+  useFeatureFlags
+};
+//# sourceMappingURL=feature-flags.js.map

package/build/legacy/context/feature-flags.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/context/prompt-modal.js

@@ -0,0 +1,25 @@
+"use client";
+import {
+  PromptModal,
+  usePromptModal
+} from "../chunk-DGPLSWFJ.js";
+import "../chunk-4CAT3FHV.js";
+import "../chunk-TPFNVGYA.js";
+import "../chunk-UPODPCRD.js";
+import "../chunk-2F5TB2EV.js";
+import "../chunk-OGSAAB6K.js";
+import "../chunk-G3JEWPLM.js";
+import "../chunk-2ATICEW3.js";
+import "../chunk-5GEC53G7.js";
+import "../chunk-CU7HXAKM.js";
+import "../chunk-4O4QFF4S.js";
+import "../chunk-ZAU4JVLL.js";
+import "../chunk-KESKDLX6.js";
+import "../chunk-6TXQZ3PB.js";
+import "../chunk-C45DY4VE.js";
+import "../chunk-TZNYJ3G7.js";
+export {
+  PromptModal,
+  usePromptModal
+};
+//# sourceMappingURL=prompt-modal.js.map

package/build/legacy/context/prompt-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/context/tabs.js

@@ -3,7 +3,7 @@ import {
   Tabs,
   TabsContext,
   useTabsContext
-} from "../chunk-DQOYTLGB.js";
+} from "../chunk-7KJIZIAU.js";
 export {
   Tabs,
   TabsContext,

package/build/legacy/hooks/useModal.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  useModal
+} from "../chunk-TZNYJ3G7.js";
+export {
+  useModal
+};
+//# sourceMappingURL=useModal.js.map

package/build/legacy/hooks/useModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}