@cerberus-design/react 0.18.4 → 0.19.1

package/build/modern/chunk-IX7BYPTS.js

@@ -0,0 +1,29 @@
+// src/components/deprecated/aria-helpers/trap-focus.aria.ts
+function trapFocus(modalRef) {
+  const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+  const focusable = Array.from(
+    modalRef.current?.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-IX7BYPTS.js.map

package/build/modern/chunk-IX7BYPTS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/aria-helpers/trap-focus.aria.ts"],"sourcesContent":["import type { KeyboardEvent, KeyboardEventHandler, RefObject } from 'react'\n\n/**\n * @deprecated will be removed in a future release\n */\nexport function trapFocus(\n  modalRef: RefObject<HTMLDialogElement | null>,\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":";AAKO,SAAS,UACd,UACyC;AACzC,QAAM,oBACJ;AACF,QAAM,YAAY,MAAM;AAAA,IACtB,SAAS,SAAS,iBAAiB,iBAAiB,KAAK,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/modern/chunk-J3XTP6VP.js

@@ -0,0 +1,23 @@
+import {
+  CheckboxControl,
+  CheckboxGroup,
+  CheckboxHiddenInput,
+  CheckboxIndicator,
+  CheckboxLabel,
+  CheckboxRoot
+} from "./chunk-CMQZN2GZ.js";
+
+// src/components/checkbox/parts.ts
+var CheckboxParts = {
+  Root: CheckboxRoot,
+  Label: CheckboxLabel,
+  Control: CheckboxControl,
+  Indicator: CheckboxIndicator,
+  HiddenInput: CheckboxHiddenInput,
+  Group: CheckboxGroup
+};
+
+export {
+  CheckboxParts
+};
+//# sourceMappingURL=chunk-J3XTP6VP.js.map

package/build/modern/chunk-JG5V3AK4.js

@@ -0,0 +1,94 @@
+import {
+  FieldStartIndicator
+} from "./chunk-EMDNETC7.js";
+import {
+  FieldStatusIndicator
+} from "./chunk-VIKVLJGG.js";
+import {
+  CerberusFieldErrorText
+} from "./chunk-QTV75ATT.js";
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
+
+// src/components/field/primitives.tsx
+import {
+  Field
+} from "@ark-ui/react/field";
+import { ark } from "@ark-ui/react";
+import { field } from "styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(field);
+var FieldRoot = withSlotRecipe(Field.Root, "root");
+function FieldLabelEl(props) {
+  const { children, ...nativeProps } = props;
+  return /* @__PURE__ */ jsxs(Field.Label, { ...nativeProps, children: [
+    children,
+    /* @__PURE__ */ jsx(Field.RequiredIndicator, { children: "(required)" })
+  ] });
+}
+var FieldLabel = withSlotRecipe(FieldLabelEl, "label");
+function FieldRequiredIndicatorEl(props) {
+  return /* @__PURE__ */ jsx(Field.RequiredIndicator, { ...props, children: "(required)" });
+}
+var FieldRequiredIndicator = withNoRecipe(
+  FieldRequiredIndicatorEl
+);
+var FieldInputRoot = withSlotRecipe(
+  ark.div,
+  "inputRoot"
+);
+var FieldInput = withSlotRecipe(Field.Input, "input");
+var FieldHelperText = withSlotRecipe(
+  Field.HelperText,
+  "helperText"
+);
+var FieldErrorText = withSlotRecipe(
+  CerberusFieldErrorText,
+  "errorText"
+);
+var FieldTextarea = withSlotRecipe(
+  Field.Textarea,
+  "textarea"
+);
+var Input = CerberusFieldInput;
+var Textarea = FieldTextarea;
+
+// src/components/field/input.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function CerberusFieldInput(props) {
+  const [{ startIcon, endIcon }, fieldProps] = splitProps(props, [
+    "startIcon",
+    "endIcon"
+  ]);
+  const hasStartIcon = Boolean(startIcon);
+  return /* @__PURE__ */ jsxs2(FieldInputRoot, { children: [
+    /* @__PURE__ */ jsx2(FieldStartIndicator, { children: startIcon }),
+    /* @__PURE__ */ jsx2(
+      FieldInput,
+      {
+        ...fieldProps,
+        ...hasStartIcon && { "data-has": "start-indicator" }
+      }
+    ),
+    /* @__PURE__ */ jsx2(FieldStatusIndicator, { fallback: endIcon })
+  ] });
+}
+
+export {
+  CerberusFieldInput,
+  FieldRoot,
+  FieldLabel,
+  FieldRequiredIndicator,
+  FieldInputRoot,
+  FieldInput,
+  FieldHelperText,
+  FieldErrorText,
+  FieldTextarea,
+  Input,
+  Textarea
+};
+//# sourceMappingURL=chunk-JG5V3AK4.js.map

package/build/modern/chunk-JG5V3AK4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/field/primitives.tsx","../../src/components/field/input.tsx"],"sourcesContent":["import {\n  Field,\n  type FieldHelperTextProps as ArkFieldHelperTextProps,\n  type FieldInputProps as ArkFieldInputProps,\n  type FieldLabelProps as ArkFieldLabelProps,\n  type FieldRootProps as ArkFieldRootProps,\n  type FieldTextareaProps as ArkFieldTextareaProps,\n  type FieldRequiredIndicatorProps as ArkFieldRequiredIndicatorProps,\n} from '@ark-ui/react/field'\nimport { ark, type HTMLArkProps } from '@ark-ui/react'\nimport { field, type FieldVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\nimport { CerberusFieldInput } from './input'\nimport { CerberusFieldErrorText } from './error-text'\n\n/**\n * This module contains all the primitives of the Field component.\n * @module 'field'\n */\n\nconst { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(field)\n\n// Root\n\nexport type FieldRootProps = CerberusPrimitiveProps<\n  ArkFieldRootProps & FieldVariantProps\n>\nexport const FieldRoot = withSlotRecipe<FieldRootProps>(Field.Root, 'root')\n\n// Label\n\nfunction FieldLabelEl(props: FieldLabelProps) {\n  const { children, ...nativeProps } = props\n  return (\n    <Field.Label {...nativeProps}>\n      {children}\n      <Field.RequiredIndicator>(required)</Field.RequiredIndicator>\n    </Field.Label>\n  )\n}\n\nexport type FieldLabelProps = CerberusPrimitiveProps<ArkFieldLabelProps>\nexport const FieldLabel = withSlotRecipe<FieldLabelProps>(FieldLabelEl, 'label')\n\n// Required Indicator\n\nfunction FieldRequiredIndicatorEl(props: FieldRequiredIndicatorProps) {\n  return (\n    <Field.RequiredIndicator {...props}>(required)</Field.RequiredIndicator>\n  )\n}\n\nexport type FieldRequiredIndicatorProps =\n  CerberusPrimitiveProps<ArkFieldRequiredIndicatorProps>\nexport const FieldRequiredIndicator = withNoRecipe<FieldRequiredIndicatorProps>(\n  FieldRequiredIndicatorEl,\n)\n\n// Input\n\nexport type FieldInputRootProps = CerberusPrimitiveProps<\n  HTMLArkProps<'div'> & FieldVariantProps\n>\nexport const FieldInputRoot = withSlotRecipe<FieldInputRootProps>(\n  ark.div,\n  'inputRoot',\n)\n\nexport type FieldInputProps = CerberusPrimitiveProps<\n  ArkFieldInputProps & FieldVariantProps\n>\nexport const FieldInput = withSlotRecipe<FieldInputProps>(Field.Input, 'input')\n\n// Helper Text\n\nexport type FieldHelperTextProps =\n  CerberusPrimitiveProps<ArkFieldHelperTextProps>\nexport const FieldHelperText = withSlotRecipe<FieldHelperTextProps>(\n  Field.HelperText,\n  'helperText',\n)\n\n// Error Text\n\nexport type FieldErrorTextProps =\n  CerberusPrimitiveProps<ArkFieldHelperTextProps>\nexport const FieldErrorText = withSlotRecipe<FieldErrorTextProps>(\n  CerberusFieldErrorText,\n  'errorText',\n)\n\n// Textarea\n\nexport type FieldTextareaProps = CerberusPrimitiveProps<ArkFieldTextareaProps>\nexport const FieldTextarea = withSlotRecipe<FieldTextareaProps>(\n  Field.Textarea,\n  'textarea',\n)\n\n/**\n * A named export for the FieldInput component.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * import { Input } from '@cerberus/react'\n *\n * <Field\n *   label=\"Enter your email\"\n *   helperText=\"We'll never share your email with anyone else.\"\n *   errorText=\"Email is required.\"\n *   required\n * >\n *   <Input type=\"email\" />\n * </Field>\n * ```\n */\nexport const Input = CerberusFieldInput\n\n/**\n * A named export for the FieldTextarea component.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * import { Textarea } from '@cerberus/react'\n *\n * <Field\n *   label=\"Comments\"\n *   helperText=\"Your comments are valuable to us.\"\n * >\n *   <Textarea />\n * </Field>\n * ```\n */\nexport const Textarea = FieldTextarea\n","import type { ReactNode } from 'react'\nimport type { FieldVariantProps } from 'styled-system/recipes'\nimport { FieldStartIndicator } from './start-indicator'\nimport { FieldStatusIndicator } from './status-indicator'\nimport {\n  FieldInputRoot,\n  FieldInput as PrimitiveInput,\n  type FieldInputProps as PrimitiveInputProps,\n} from './primitives'\nimport { splitProps } from '../../utils/index'\n\n/**\n * This module contains an abstraction of the Field.Input component.\n * @module 'field/input'\n */\n\nexport interface FieldInputElProps\n  extends Omit<PrimitiveInputProps, 'size'>,\n    FieldVariantProps {\n  /**\n   * An optional icon to display at the start of the input.\n   */\n  startIcon?: ReactNode\n  /**\n   * An optional icon to display at the end of the input.\n   */\n  endIcon?: ReactNode\n}\n\nexport function CerberusFieldInput(props: FieldInputElProps) {\n  const [{ startIcon, endIcon }, fieldProps] = splitProps(props, [\n    'startIcon',\n    'endIcon',\n  ])\n  const hasStartIcon = Boolean(startIcon)\n\n  return (\n    <FieldInputRoot>\n      <FieldStartIndicator>{startIcon}</FieldStartIndicator>\n      <PrimitiveInput\n        {...(fieldProps as Omit<FieldInputElProps, 'size'>)}\n        {...(hasStartIcon && { 'data-has': 'start-indicator' })}\n      />\n      <FieldStatusIndicator fallback={endIcon} />\n    </FieldInputRoot>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,OAOK;AACP,SAAS,WAA8B;AACvC,SAAS,aAAqC;AA2B1C,SAEE,KAFF;AAdJ,IAAM,EAAE,gBAAgB,aAAa,IAAI,wBAAwB,KAAK;AAO/D,IAAM,YAAY,eAA+B,MAAM,MAAM,MAAM;AAI1E,SAAS,aAAa,OAAwB;AAC5C,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE,qBAAC,MAAM,OAAN,EAAa,GAAG,aACd;AAAA;AAAA,IACD,oBAAC,MAAM,mBAAN,EAAwB,wBAAU;AAAA,KACrC;AAEJ;AAGO,IAAM,aAAa,eAAgC,cAAc,OAAO;AAI/E,SAAS,yBAAyB,OAAoC;AACpE,SACE,oBAAC,MAAM,mBAAN,EAAyB,GAAG,OAAO,wBAAU;AAElD;AAIO,IAAM,yBAAyB;AAAA,EACpC;AACF;AAOO,IAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ;AACF;AAKO,IAAM,aAAa,eAAgC,MAAM,OAAO,OAAO;AAMvE,IAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN;AACF;AAMO,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AACF;AAKO,IAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN;AACF;AAmBO,IAAM,QAAQ;AAiBd,IAAM,WAAW;;;ACnGpB,SACE,OAAAA,MADF,QAAAC,aAAA;AARG,SAAS,mBAAmB,OAA0B;AAC3D,QAAM,CAAC,EAAE,WAAW,QAAQ,GAAG,UAAU,IAAI,WAAW,OAAO;AAAA,IAC7D;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,eAAe,QAAQ,SAAS;AAEtC,SACE,gBAAAA,MAAC,kBACC;AAAA,oBAAAD,KAAC,uBAAqB,qBAAU;AAAA,IAChC,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAI;AAAA,QACJ,GAAI,gBAAgB,EAAE,YAAY,kBAAkB;AAAA;AAAA,IACvD;AAAA,IACA,gBAAAA,KAAC,wBAAqB,UAAU,SAAS;AAAA,KAC3C;AAEJ;","names":["jsx","jsxs"]}

package/build/modern/chunk-JHCKXQEK.js

@@ -0,0 +1,27 @@
+import {
+  Spinner
+} from "./chunk-QUOJS5LL.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/notifications/match-icon.tsx
+import { ark } from "@ark-ui/react/factory";
+import { toast } from "styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function MatchNotificationIcon(props) {
+  const { icons } = useCerberusContext();
+  const type = props.type || "info";
+  const styles = toast();
+  const key = `${type}Notification`;
+  const Icon = icons[key] || ToastLoadingIcon;
+  return /* @__PURE__ */ jsx(ark.div, { className: styles.icon, children: /* @__PURE__ */ jsx(Icon, {}) });
+}
+function ToastLoadingIcon() {
+  return /* @__PURE__ */ jsx(Spinner, { size: "1rem" });
+}
+
+export {
+  MatchNotificationIcon
+};
+//# sourceMappingURL=chunk-JHCKXQEK.js.map

package/build/modern/chunk-JHCKXQEK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/match-icon.tsx"],"sourcesContent":["'use client'\n\nimport { ark } from '@ark-ui/react/factory'\nimport { toast } from 'styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Spinner } from '../spinner/index'\nimport type { NotifyOptions } from './types'\n\n/**\n * This private module contains a component that returns the correct icon for a\n * notification based on the palette. If there is no result, it is assumed to\n * be a 'loading' type.\n * @module 'notification/match-icon'\n */\n\ninterface MatchNotificationIconProps {\n  type?: NotifyOptions['palette']\n}\n\nexport function MatchNotificationIcon(props: MatchNotificationIconProps) {\n  const { icons } = useCerberusContext()\n  const type = props.type || 'info'\n  const styles = toast()\n\n  const key = `${type}Notification` as keyof typeof icons\n  const Icon = icons[key] || ToastLoadingIcon\n\n  return (\n    <ark.div className={styles.icon}>\n      <Icon />\n    </ark.div>\n  )\n}\n\nfunction ToastLoadingIcon() {\n  return <Spinner size=\"1rem\" />\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,WAAW;AACpB,SAAS,aAAa;AA0BhB;AAVC,SAAS,sBAAsB,OAAmC;AACvE,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,SAAS,MAAM;AAErB,QAAM,MAAM,GAAG,IAAI;AACnB,QAAM,OAAO,MAAM,GAAG,KAAK;AAE3B,SACE,oBAAC,IAAI,KAAJ,EAAQ,WAAW,OAAO,MACzB,8BAAC,QAAK,GACR;AAEJ;AAEA,SAAS,mBAAmB;AAC1B,SAAO,oBAAC,WAAQ,MAAK,QAAO;AAC9B;","names":[]}

package/build/modern/chunk-JIXUOTH4.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-JIXUOTH4.js.map

package/build/modern/chunk-JSK6OD6J.js

@@ -0,0 +1,21 @@
+import {
+  TabsContent,
+  TabsIndicator,
+  TabsList,
+  TabsRoot,
+  TabsTrigger
+} from "./chunk-SQIB5EOA.js";
+
+// src/components/tabs/parts.ts
+var TabsParts = {
+  Root: TabsRoot,
+  List: TabsList,
+  Trigger: TabsTrigger,
+  Content: TabsContent,
+  Indicator: TabsIndicator
+};
+
+export {
+  TabsParts
+};
+//# sourceMappingURL=chunk-JSK6OD6J.js.map

package/build/modern/chunk-JYWTA3OZ.js

@@ -0,0 +1,18 @@
+import {
+  useFeatureFlags
+} from "./chunk-CJFW36DZ.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/feature-flag/feature-flag.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-JYWTA3OZ.js.map

package/build/modern/chunk-JYWTA3OZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/feature-flag/feature-flag.tsx"],"sourcesContent":["'use client'\n\nimport type { PropsWithChildren } from 'react'\nimport { useFeatureFlags } from '../../context/feature-flags'\nimport { Show } from '../show/index'\n\nexport interface FeatureFlagProps {\n  /**\n   * The name of the feature flag to check.\n   */\n  flag: string\n}\n\n/**\n * A component that allows you to show or hide content based on a feature flag.\n * @see https://cerberus.digitalu.design/react/feature-flags\n */\nexport function FeatureFlag(props: PropsWithChildren<FeatureFlagProps>) {\n  const showContent = useFeatureFlags(props.flag)\n  return <Show when={showContent}>{props.children}</Show>\n}\n"],"mappings":";;;;;;;;AAmBS;AAFF,SAAS,YAAY,OAA4C;AACtE,QAAM,cAAc,gBAAgB,MAAM,IAAI;AAC9C,SAAO,oBAAC,QAAK,MAAM,aAAc,gBAAM,UAAS;AAClD;","names":[]}

package/build/modern/chunk-KIKGNZ2H.js

@@ -0,0 +1,86 @@
+import {
+  useNavMenuContext
+} from "./chunk-FXWN3SPS.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/deprecated/NavMenuList.tsx
+import { useMemo } from "react";
+import { cx } from "styled-system/css";
+import { vstack } from "styled-system/patterns";
+import { jsx } from "react/jsx-runtime";
+function getPosition(position) {
+  const defaultPositions = {
+    left: "auto",
+    right: "auto",
+    top: "auto",
+    bottom: "auto"
+  };
+  switch (position) {
+    case "right":
+      return { ...defaultPositions, 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 = vstack({
+  alignItems: "flex-start",
+  bgColor: "page.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 } = useNavMenuContext();
+  const locationStyles = useMemo(
+    () => getPosition(position ?? "bottom"),
+    [position]
+  );
+  return /* @__PURE__ */ jsx(Show, { when: expanded, children: /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ...nativeProps,
+      "data-position": position ?? "bottom",
+      className: cx(nativeProps.className, navListStyles),
+      ref: menuRef,
+      style: locationStyles
+    }
+  ) });
+}
+
+export {
+  getPosition,
+  NavMenuList
+};
+//# sourceMappingURL=chunk-KIKGNZ2H.js.map

package/build/modern/chunk-KIKGNZ2H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/NavMenuList.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { cx } from 'styled-system/css'\nimport { vstack } from 'styled-system/patterns'\nimport { useNavMenuContext } from '../../context/navMenu'\nimport type { Positions } from '../../types'\nimport { Show } from '../show/index'\n\n/**\n * This module contains the NavMenuList component.\n * @module\n */\n\ninterface GetPositionResult {\n  /**\n   * The left position of the element.\n   */\n  left: string\n  /**\n   * The right position of the element.\n   */\n  right: string\n  /**\n   * The top position of the element.\n   */\n  top: string\n  /**\n   * The bottom position of the element.\n   */\n  bottom: string\n}\n\n/**\n * @deprecated use the {@link Menu} family instead\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  /**\n   * The unique identifier for the NavMenuList. Required for accessibility.\n   */\n  id: string\n  /**\n   * The position of the NavMenuList.\n   * @type 'top' | 'right' | 'bottom' | 'left'\n   * @default 'bottom'\n   */\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 * @see https://cerberus.digitalu.design/react/nav-menu\n *\n * @example\n * ```tsx\n * <NavMenu>\n *  <NavMenuList id=\"nav-menu-list\" position=\"bottom\">\n *   <NavMenuLink href=\"/home\">Home</NavMenuLink>\n *   <NavMenuLink href=\"/about\">About</NavMenuLink>\n *  </NavMenuList>\n * </NavMenu>\n * ```\n **/\nexport function NavMenuList(props: NavMenuListProps) {\n  const { position, ...nativeProps } = props\n  const { menuRef, expanded } = useNavMenuContext()\n  const locationStyles = useMemo(\n    () => getPosition(position ?? 'bottom'),\n    [position],\n  )\n\n  return (\n    <Show when={expanded}>\n      <ul\n        {...nativeProps}\n        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;AA0HjB;AA1FC,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;AA8BM,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,QAAM,EAAE,SAAS,SAAS,IAAI,kBAAkB;AAChD,QAAM,iBAAiB;AAAA,IACrB,MAAM,YAAY,YAAY,QAAQ;AAAA,IACtC,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,oBAAC,QAAK,MAAM,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe,YAAY;AAAA,MAC3B,WAAW,GAAG,YAAY,WAAW,aAAa;AAAA,MAClD,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,EACT,GACF;AAEJ;","names":[]}

package/build/modern/chunk-KLZPY4YX.js

@@ -0,0 +1,42 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/rating/primitives.tsx
+import {
+  RatingGroup
+} from "@ark-ui/react/rating-group";
+import {
+  ratingGroup
+} from "styled-system/recipes";
+var { withSlotRecipe } = createCerberusPrimitive(ratingGroup);
+var RatingRoot = withSlotRecipe(
+  RatingGroup.Root,
+  "root"
+);
+var RatingLabel = withSlotRecipe(
+  RatingGroup.Label,
+  "label"
+);
+var RatingControl = withSlotRecipe(
+  RatingGroup.Control,
+  "control"
+);
+var RatingContext = RatingGroup.Context;
+var RatingItem = withSlotRecipe(
+  RatingGroup.Item,
+  "item"
+);
+var RatingItemContext = RatingGroup.ItemContext;
+var RatingHiddenInput = RatingGroup.HiddenInput;
+
+export {
+  RatingRoot,
+  RatingLabel,
+  RatingControl,
+  RatingContext,
+  RatingItem,
+  RatingItemContext,
+  RatingHiddenInput
+};
+//# sourceMappingURL=chunk-KLZPY4YX.js.map

package/build/modern/chunk-KLZPY4YX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/rating/primitives.tsx"],"sourcesContent":["import {\n  RatingGroup,\n  type RatingGroupContextProps as ArkRatingGroupContextProps,\n  type RatingGroupControlProps as ArkRatingGroupControlProps,\n  type RatingGroupHiddenInputProps as ArkRatingGroupHiddenInputProps,\n  type RatingGroupItemContextProps as ArkRatingGroupItemContextProps,\n  type RatingGroupItemProps as ArkRatingGroupItemProps,\n  type RatingGroupLabelProps as ArkRatingGroupLabelProps,\n  type RatingGroupRootProps as ArkRatingGroupRootProps,\n} from '@ark-ui/react/rating-group'\nimport {\n  ratingGroup,\n  type RatingGroupVariantProps,\n} from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the primitives of the Rating component.\n * @module 'rating/primitives'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(ratingGroup)\n\n// Root\n\nexport type RatingRootProps = CerberusPrimitiveProps<\n  ArkRatingGroupRootProps & RatingGroupVariantProps\n>\nexport const RatingRoot = withSlotRecipe<RatingRootProps>(\n  RatingGroup.Root,\n  'root',\n)\n\n// Label\n\nexport type RatingLabelProps = CerberusPrimitiveProps<ArkRatingGroupLabelProps>\nexport const RatingLabel = withSlotRecipe<RatingLabelProps>(\n  RatingGroup.Label,\n  'label',\n)\n\n// Control\n\nexport type RatingGroupControlProps =\n  CerberusPrimitiveProps<ArkRatingGroupControlProps>\nexport const RatingControl = withSlotRecipe<RatingGroupControlProps>(\n  RatingGroup.Control,\n  'control',\n)\n\n// Context\n\nexport type RatingGroupContextProps = ArkRatingGroupContextProps\nexport const RatingContext = RatingGroup.Context\n\n// Item\n\nexport type RatingGroupItemProps = CerberusPrimitiveProps<\n  ArkRatingGroupItemProps & RatingGroupVariantProps\n>\nexport const RatingItem = withSlotRecipe<RatingGroupItemProps>(\n  RatingGroup.Item,\n  'item',\n)\n\n// Item Context\nexport type RatingGroupItemContextProps = ArkRatingGroupItemContextProps\nexport const RatingItemContext = RatingGroup.ItemContext\n\n// Hidden Input\n\nexport type RatingGroupHiddenInputProps = ArkRatingGroupHiddenInputProps\nexport const RatingHiddenInput = RatingGroup.HiddenInput\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAQK;AACP;AAAA,EACE;AAAA,OAEK;AAWP,IAAM,EAAE,eAAe,IAAI,wBAAwB,WAAW;AAOvD,IAAM,aAAa;AAAA,EACxB,YAAY;AAAA,EACZ;AACF;AAKO,IAAM,cAAc;AAAA,EACzB,YAAY;AAAA,EACZ;AACF;AAMO,IAAM,gBAAgB;AAAA,EAC3B,YAAY;AAAA,EACZ;AACF;AAKO,IAAM,gBAAgB,YAAY;AAOlC,IAAM,aAAa;AAAA,EACxB,YAAY;AAAA,EACZ;AACF;AAIO,IAAM,oBAAoB,YAAY;AAKtC,IAAM,oBAAoB,YAAY;","names":[]}

package/build/modern/chunk-KM3G4YFF.js

@@ -0,0 +1,33 @@
+import {
+  Avatar
+} from "./chunk-OMM4CPZU.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/admonition/match-avatar.tsx
+import { useRef } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+function MatchAvatar(props) {
+  const { palette = "page" } = props;
+  const { icons } = useCerberusContext();
+  const {
+    infoNotification: InfoIcon,
+    successNotification: SuccessIcon,
+    warningNotification: WarningIcon,
+    dangerNotification: DangerIcon
+  } = icons;
+  const elRef = useRef({
+    page: /* @__PURE__ */ jsx(Avatar, { gradient: "charon-light", fallback: /* @__PURE__ */ jsx(InfoIcon, {}), size: "sm" }),
+    info: /* @__PURE__ */ jsx(Avatar, { gradient: "amphiaraus-dark", fallback: /* @__PURE__ */ jsx(InfoIcon, {}), size: "sm" }),
+    success: /* @__PURE__ */ jsx(Avatar, { gradient: "thanatos-dark", fallback: /* @__PURE__ */ jsx(SuccessIcon, {}), size: "sm" }),
+    warning: /* @__PURE__ */ jsx(Avatar, { gradient: "asphodel-light", fallback: /* @__PURE__ */ jsx(WarningIcon, {}), size: "sm" }),
+    danger: /* @__PURE__ */ jsx(Avatar, { gradient: "hades-light", fallback: /* @__PURE__ */ jsx(DangerIcon, {}), size: "sm" })
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: elRef.current[palette] });
+}
+
+export {
+  MatchAvatar
+};
+//# sourceMappingURL=chunk-KM3G4YFF.js.map

package/build/modern/chunk-KSYZMMXN.js

@@ -0,0 +1,20 @@
+import {
+  DatePickerViewControlGroup
+} from "./chunk-A655GBYQ.js";
+import {
+  DatePickerParts
+} from "./chunk-BWZXR2WZ.js";
+
+// src/components/date-picker/month-view.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DatePickerMonthView(props) {
+  return /* @__PURE__ */ jsx(DatePickerParts.View, { ...props, view: "month", children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePicker) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DatePickerViewControlGroup, {}),
+    /* @__PURE__ */ jsx(DatePickerParts.Table, { children: /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePicker.getMonthsGrid({ columns: 4, format: "short" }).map((months, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: months.map((month, id2) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, { value: month.value, children: /* @__PURE__ */ jsx(DatePickerParts.TableCellTrigger, { children: month.label }) }, id2)) }, id)) }) })
+  ] }) }) });
+}
+
+export {
+  DatePickerMonthView
+};
+//# sourceMappingURL=chunk-KSYZMMXN.js.map

package/build/modern/chunk-KSYZMMXN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/month-view.tsx"],"sourcesContent":["'use client'\n\nimport type { UseDatePickerContext } from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\nimport type { DatePickerViewProps } from './primitives'\n\n/**\n * This private module contains an abstraction of the DatePickerMonthView\n * component.\n * @module 'date-picker/month-view'\n */\n\n/**\n * An abstraction of the DatePickerMonthView that renders the month view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerMonthView(props: DatePickerViewProps) {\n  return (\n    <DatePickerParts.View {...props} view=\"month\">\n      <DatePickerParts.Context>\n        {(datePicker: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableBody>\n                {datePicker\n                  .getMonthsGrid({ columns: 4, format: 'short' })\n                  .map((months, id) => (\n                    <DatePickerParts.TableRow key={id}>\n                      {months.map((month, id) => (\n                        <DatePickerParts.TableCell key={id} value={month.value}>\n                          <DatePickerParts.TableCellTrigger>\n                            {month.label}\n                          </DatePickerParts.TableCellTrigger>\n                        </DatePickerParts.TableCell>\n                      ))}\n                    </DatePickerParts.TableRow>\n                  ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n"],"mappings":";;;;;;;;AAuBU,mBACE,KADF;AALH,SAAS,oBAAoB,OAA4B;AAC9D,SACE,oBAAC,gBAAgB,MAAhB,EAAsB,GAAG,OAAO,MAAK,SACpC,8BAAC,gBAAgB,SAAhB,EACE,WAAC,eACA,iCACE;AAAA,wBAAC,8BAA2B;AAAA,IAE5B,oBAAC,gBAAgB,OAAhB,EACC,8BAAC,gBAAgB,WAAhB,EACE,qBACE,cAAc,EAAE,SAAS,GAAG,QAAQ,QAAQ,CAAC,EAC7C,IAAI,CAAC,QAAQ,OACZ,oBAAC,gBAAgB,UAAhB,EACE,iBAAO,IAAI,CAAC,OAAOA,QAClB,oBAAC,gBAAgB,WAAhB,EAAmC,OAAO,MAAM,OAC/C,8BAAC,gBAAgB,kBAAhB,EACE,gBAAM,OACT,KAH8BA,GAIhC,CACD,KAP4B,EAQ/B,CACD,GACL,GACF;AAAA,KACF,GAEJ,GACF;AAEJ;","names":["id"]}

package/build/modern/chunk-KYYKBLP2.js

@@ -0,0 +1,35 @@
+import {
+  ProgressBarBar,
+  ProgressBarRoot
+} from "./chunk-UXU2CVPI.js";
+
+// src/components/progress/progress-bar.tsx
+import { jsx } from "react/jsx-runtime";
+function ProgressBar(props) {
+  const { indeterminate, now, label, ...nativeProps } = props;
+  const nowClamped = Math.min(100, Math.max(0, now || 0));
+  const width = {
+    width: indeterminate ? "50%" : `${nowClamped}%`
+  };
+  return /* @__PURE__ */ jsx(
+    ProgressBarRoot,
+    {
+      ...nativeProps,
+      "aria-label": label,
+      "aria-valuenow": indeterminate ? 0 : nowClamped,
+      children: /* @__PURE__ */ jsx(
+        ProgressBarBar,
+        {
+          ...indeterminate && { "data-state": "indeterminate" },
+          "data-complete": nowClamped === 100,
+          style: width
+        }
+      )
+    }
+  );
+}
+
+export {
+  ProgressBar
+};
+//# sourceMappingURL=chunk-KYYKBLP2.js.map

package/build/modern/chunk-KYYKBLP2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/progress/progress-bar.tsx"],"sourcesContent":["import {\n  ProgressBarBar,\n  ProgressBarRoot,\n  type ProgressBarRootProps,\n} from './primitives'\n\n/**\n * This module contains the ProgressBar component.\n * @module\n */\n\nexport type NonIndeterminateProgressBarProps = {\n  /**\n   * A unique identifier for the progress bar. Required for accessibility.\n   */\n  id: string\n  /**\n   * A description label for the progress bar. Required for accessibility.\n   */\n  label: string\n  /**\n   * The state of the progress bar.\n   */\n  indeterminate?: never\n  /**\n   * The current value of the progress bar.\n   */\n  now: number\n}\nexport type IndeterminateProgressBarProps = {\n  /**\n   * A unique identifier for the progress bar. Required for accessibility.\n   */\n  id: string\n  /**\n   * A description label for the progress bar. Required for accessibility.\n   */\n  label: string\n  /**\n   * The state of the progress bar.\n   */\n  indeterminate?: true\n  /**\n   * The current value of the progress bar.\n   */\n  now?: never\n}\nexport type ProgressBarProps = ProgressBarRootProps &\n  (NonIndeterminateProgressBarProps | IndeterminateProgressBarProps)\n\n/**\n * The ProgressBar component is used to display the progress of a task.\n * @see https://cerberus.digitalu.design/react/progress-indicators\n * @example\n * ```tsx\n * <ProgressBar value={75} />\n * ```\n */\nexport function ProgressBar(props: ProgressBarProps) {\n  const { indeterminate, now, label, ...nativeProps } = props\n\n  const nowClamped = Math.min(100, Math.max(0, now || 0))\n  const width = {\n    width: indeterminate ? '50%' : `${nowClamped}%`,\n  }\n\n  return (\n    <ProgressBarRoot\n      {...nativeProps}\n      aria-label={label}\n      aria-valuenow={indeterminate ? 0 : nowClamped}\n    >\n      <ProgressBarBar\n        {...(indeterminate && { 'data-state': 'indeterminate' })}\n        data-complete={nowClamped === 100}\n        style={width}\n      />\n    </ProgressBarRoot>\n  )\n}\n"],"mappings":";;;;;;AAwEM;AAdC,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,eAAe,KAAK,OAAO,GAAG,YAAY,IAAI;AAEtD,QAAM,aAAa,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AACtD,QAAM,QAAQ;AAAA,IACZ,OAAO,gBAAgB,QAAQ,GAAG,UAAU;AAAA,EAC9C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,cAAY;AAAA,MACZ,iBAAe,gBAAgB,IAAI;AAAA,MAEnC;AAAA,QAAC;AAAA;AAAA,UACE,GAAI,iBAAiB,EAAE,cAAc,gBAAgB;AAAA,UACtD,iBAAe,eAAe;AAAA,UAC9B,OAAO;AAAA;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-L2G4XKLT.js

@@ -0,0 +1,38 @@
+import {
+  createSelectCollection
+} from "./chunk-MG2YW4IP.js";
+
+// src/components/combobox/use-stateful-collection.ts
+import { useCallback, useMemo, useState } from "react";
+function useStatefulCollection(initialItems = []) {
+  const [items, setItems] = useState(initialItems);
+  const [filterValue, setFilterValue] = useState([]);
+  const collection = useMemo(() => createSelectCollection(items), [items]);
+  const handleInputChange = useCallback(
+    (details) => {
+      if (details.inputValue === "") {
+        return setItems(initialItems);
+      }
+      setItems(
+        (prev) => prev.filter(
+          (item) => item.value.includes(details.inputValue.toLowerCase())
+        )
+      );
+      setFilterValue(details.inputValue.split(""));
+    },
+    [initialItems]
+  );
+  return useMemo(
+    () => ({
+      collection,
+      filterChars: filterValue,
+      handleInputChange
+    }),
+    [collection, filterValue, handleInputChange]
+  );
+}
+
+export {
+  useStatefulCollection
+};
+//# sourceMappingURL=chunk-L2G4XKLT.js.map

package/build/modern/chunk-LRHHDORZ.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-LRHHDORZ.js.map

package/build/modern/chunk-LRIYLZSL.js

@@ -0,0 +1,42 @@
+import {
+  DialogCloseTrigger
+} from "./chunk-HPWLIE64.js";
+import {
+  IconButton
+} from "./chunk-YVYOOJ3X.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/dialog/close-icon-trigger.tsx
+import { dialog } from "styled-system/recipes";
+import { cx } from "styled-system/css";
+import { jsx } from "react/jsx-runtime";
+function DialogCloseIconTrigger(props) {
+  const styles = dialog();
+  const { icons } = useCerberusContext();
+  const { close: CloseIcon } = icons;
+  return /* @__PURE__ */ jsx(
+    DialogCloseTrigger,
+    {
+      ...props,
+      className: cx(styles.closeTrigger, props.className),
+      asChild: true,
+      children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          ariaLabel: "Close dialog",
+          palette: "action",
+          size: "lg",
+          usage: "ghost",
+          children: /* @__PURE__ */ jsx(CloseIcon, {})
+        }
+      )
+    }
+  );
+}
+
+export {
+  DialogCloseIconTrigger
+};
+//# sourceMappingURL=chunk-LRIYLZSL.js.map

package/build/modern/chunk-LRIYLZSL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dialog/close-icon-trigger.tsx"],"sourcesContent":["'use client'\n\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../icon-button/index'\nimport { DialogCloseTrigger, type DialogCloseTriggerProps } from './primitives'\nimport { dialog } from 'styled-system/recipes'\nimport { cx } from 'styled-system/css'\n\n/**\n * This module contains the close trigger for the dialog.\n * @module react/dialog\n */\n\nexport function DialogCloseIconTrigger(props: DialogCloseTriggerProps) {\n  const styles = dialog()\n\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <DialogCloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n      asChild\n    >\n      <IconButton\n        ariaLabel=\"Close dialog\"\n        palette=\"action\"\n        size=\"lg\"\n        usage=\"ghost\"\n      >\n        <CloseIcon />\n      </IconButton>\n    </DialogCloseTrigger>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAKA,SAAS,cAAc;AACvB,SAAS,UAAU;AAyBX;AAlBD,SAAS,uBAAuB,OAAgC;AACrE,QAAM,SAAS,OAAO;AAEtB,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,cAAc,MAAM,SAAS;AAAA,MAClD,SAAO;AAAA,MAEP;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,8BAAC,aAAU;AAAA;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-LW62VSVZ.js

@@ -0,0 +1,24 @@
+import {
+  TooltipParts
+} from "./chunk-SGFITMUF.js";
+
+// src/components/tooltip/tooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Tooltip(props) {
+  const { content, children, ...rootProps } = props;
+  const position = {
+    placement: props.positioning || "top"
+  };
+  return /* @__PURE__ */ jsxs(TooltipParts.Root, { openDelay: 400, positioning: position, ...rootProps, children: [
+    /* @__PURE__ */ jsx(TooltipParts.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(TooltipParts.Positioner, { children: /* @__PURE__ */ jsxs(TooltipParts.Content, { children: [
+      /* @__PURE__ */ jsx(TooltipParts.Arrow, { children: /* @__PURE__ */ jsx(TooltipParts.ArrowTip, {}) }),
+      content
+    ] }) })
+  ] });
+}
+
+export {
+  Tooltip
+};
+//# sourceMappingURL=chunk-LW62VSVZ.js.map

package/build/modern/chunk-LW62VSVZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { TooltipParts } from './parts'\nimport type { TooltipRootProps } from './primitives'\n\n/**\n * This module contains the Tooltip component.\n * @module Tooltip\n */\n\nexport interface TooltipProps extends TooltipRootProps {\n  /**\n   * The text content to display in the tooltip.\n   */\n  content: ReactNode\n}\n\n/**\n * The Tooltip component is used to provide additional information about an element when it is hovered over.\n * @definition [Tooltip docs](https://cerberus.digitalu.design/react/tooltip)\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Information />\n * </Tooltip>\n */\nexport function Tooltip(props: TooltipProps) {\n  const { content, children, ...rootProps } = props\n  const position = {\n    placement: props.positioning || 'top',\n  }\n\n  return (\n    <TooltipParts.Root openDelay={400} positioning={position} {...rootProps}>\n      <TooltipParts.Trigger asChild>{children}</TooltipParts.Trigger>\n\n      <TooltipParts.Positioner>\n        <TooltipParts.Content>\n          <TooltipParts.Arrow>\n            <TooltipParts.ArrowTip />\n          </TooltipParts.Arrow>\n          {content}\n        </TooltipParts.Content>\n      </TooltipParts.Positioner>\n    </TooltipParts.Root>\n  )\n}\n"],"mappings":";;;;;AAiCM,cAGE,YAHF;AARC,SAAS,QAAQ,OAAqB;AAC3C,QAAM,EAAE,SAAS,UAAU,GAAG,UAAU,IAAI;AAC5C,QAAM,WAAW;AAAA,IACf,WAAW,MAAM,eAAe;AAAA,EAClC;AAEA,SACE,qBAAC,aAAa,MAAb,EAAkB,WAAW,KAAK,aAAa,UAAW,GAAG,WAC5D;AAAA,wBAAC,aAAa,SAAb,EAAqB,SAAO,MAAE,UAAS;AAAA,IAExC,oBAAC,aAAa,YAAb,EACC,+BAAC,aAAa,SAAb,EACC;AAAA,0BAAC,aAAa,OAAb,EACC,8BAAC,aAAa,UAAb,EAAsB,GACzB;AAAA,MACC;AAAA,OACH,GACF;AAAA,KACF;AAEJ;","names":[]}