@cerberus-design/react 0.15.0-next-7669d47 → 0.15.0-next-e5dbdbd

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

@@ -96,6 +96,7 @@ import { KeyboardSensor } from '@dnd-kit/core';
 import { KeyboardSensorOptions } from '@dnd-kit/core';
 import { KeyboardSensorProps } from '@dnd-kit/core';
 import { LabelVariantProps } from '@cerberus/styled-system/recipes';
+import { ListCollection } from '@ark-ui/react/select';
 import { MeasuringConfiguration } from '@dnd-kit/core';
 import { MeasuringFrequency } from '@dnd-kit/core';
 import { MeasuringStrategy } from '@dnd-kit/core';
@@ -107,7 +108,6 @@ import { MouseEventHandler } from 'react';
 import { MouseSensor } from '@dnd-kit/core';
 import { MouseSensorOptions } from '@dnd-kit/core';
 import { NotificationVariantProps } from '@cerberus/styled-system/recipes';
-import type { OptionHTMLAttributes } from 'react';
 import { Over } from '@dnd-kit/core';
 import { PointerActivationConstraint } from '@dnd-kit/core';
 import { PointerEventHandlers } from '@dnd-kit/core';
@@ -127,7 +127,11 @@ import { rectIntersection } from '@dnd-kit/core';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { ScreenReaderInstructions } from '@dnd-kit/core';
-import type { SelectHTMLAttributes } from 'react';
+import { SelectItemGroupLabelProps } from '@ark-ui/react/select';
+import { SelectItemGroupProps } from '@ark-ui/react/select';
+import { SelectItemProps } from '@ark-ui/react/select';
+import { SelectRootProps } from '@ark-ui/react/select';
+import { SelectValueChangeDetails } from '@ark-ui/react/select';
 import { SelectVariantProps } from '@cerberus/styled-system/recipes';
 import { Sensor } from '@dnd-kit/core';
 import { SensorContext } from '@dnd-kit/core';
@@ -520,6 +524,19 @@ declare type BaseNotificationHeadingProps = HTMLAttributes<HTMLParagraphElement>
 export { BaseNotificationHeadingProps }
 export { BaseNotificationHeadingProps as BaseNotificationHeadingProps_alias_1 }
 
+declare interface BaseSelectProps {
+    /**
+     * The placeholder text when no option is selected.
+     */
+    placeholder?: string;
+    /**
+     * The label of the select.
+     */
+    label: string;
+}
+export { BaseSelectProps }
+export { BaseSelectProps as BaseSelectProps_alias_1 }
+
 /**
  * A component that allows the user to perform actions
  * @see https://cerberus.digitalu.design/react/button
@@ -749,6 +766,18 @@ declare function createNavTriggerProps(values: NavTriggerAriaValues): NavTrigger
 export { createNavTriggerProps }
 export { createNavTriggerProps as createNavTriggerProps_alias_1 }
 
+/**
+ * A helper function to create a SelectCollection object.
+ * @param collection - An array of SelectCollectionItem objects that matches
+ * the following shape:
+ * ```ts
+ * [{ label: 'Hades', value: 'hades', disabled?: true }]
+ * ```
+ */
+declare function createSelectCollection(collection: SelectCollectionItem[]): ListCollection<SelectCollectionItem>;
+export { createSelectCollection }
+export { createSelectCollection as createSelectCollection_alias_1 }
+
 /**
  * Provides a CTA modal to the app.
  * @see https://cerberus.digitalu.design/react/cta-modal
@@ -1117,6 +1146,7 @@ declare interface DefinedIcons<T extends IconType = IconType> {
     invalidAlt: T;
     redo: T;
     selectArrow: T;
+    selectChecked: T;
     toggleChecked: T;
 }
 export { DefinedIcons }
@@ -1989,6 +2019,9 @@ declare type LegendProps = HTMLAttributes<HTMLLegendElement> & LabelVariantProps
 export { LegendProps }
 export { LegendProps as LegendProps_alias_1 }
 
+export { ListCollection }
+export { ListCollection as ListCollection_alias_1 }
+
 /**
  * Create a system configuration object to be used on the CerberusProvider.
  * @param options The system configuration options you want to customize.
@@ -2552,19 +2585,45 @@ declare interface NotifyOptions {
 export { NotifyOptions }
 export { NotifyOptions as NotifyOptions_alias_1 }
 
+declare function Option_2(props: OptionProps): JSX_2.Element;
+export { Option_2 as Option }
+export { Option_2 as Option_alias_1 }
+
 /**
- * Option component
- * props: OptionHTMLAttributes<HTMLOptionElement>
+ * The OptionGroup component is a group of options in the dropdown list.
+ * @definition [Select docs](https://cerberus.digitalu.design/react/select)
+ * @definition [ARK docs](https://ark-ui.com/react/docs/components/select)
  * @example
  * ```tsx
- * <Option value="one">Option 1</Option>
+ * <OptionGroup>
+ *  <OptionGroupLabel>Greek gods</OptionGroupLabel>
+ *  ...
+ * </OptionGroup>
  * ```
  */
-declare function Option_2(props: OptionProps): JSX_2.Element;
-export { Option_2 as Option }
-export { Option_2 as Option_alias_1 }
+declare function OptionGroup(props: SelectItemGroupProps): JSX_2.Element;
+export { OptionGroup }
+export { OptionGroup as OptionGroup_alias_1 }
+
+/**
+ * The OptionGroupLabel component is the label of the OptionGroup.
+ * @definition [Select docs](https://cerberus.digitalu.design/react/select)
+ * @definition [ARK docs](https://ark-ui.com/react/docs/components/select)
+ * @example
+ * ```tsx
+ * <OptionGroupLabel>Greek gods</OptionGroupLabel>
+ * ```
+ */
+declare function OptionGroupLabel(props: SelectItemGroupLabelProps): JSX_2.Element;
+export { OptionGroupLabel }
+export { OptionGroupLabel as OptionGroupLabel_alias_1 }
 
-declare type OptionProps = OptionHTMLAttributes<HTMLOptionElement>;
+declare interface OptionProps extends SelectItemProps {
+    /**
+     * The CollectionListItem to be displayed in the dropdown list.
+     */
+    item: SelectCollectionItem;
+}
 export { OptionProps }
 export { OptionProps as OptionProps_alias_1 }
 
@@ -2830,42 +2889,77 @@ export { RootColorsResult as RootColorsResult_alias_1 }
 export { ScreenReaderInstructions }
 
 /**
- * Used to allow users to select a single option from a list of options.
- * @see https://cerberus.digitalu.design/react/select
- * @memberof module:Field
+ * The Select component is a dropdown list that allows users to select an
+ * option from a list.
+ * @definition [Select docs](https://cerberus.digitalu.design/react/select)
+ * @definition [ARK docs](https://ark-ui.com/react/docs/components/select)
  * @example
  * ```tsx
- * <Field>
- *   <Select describedby="help:fruit" id="fruit">
- *    <Option value="">Choose option</Option>
- *    <Option value="one">Option 1</Option>
- *    <Option value="two">Option 2</Option>
- *    <Option value="three">Option 3</Option>
- *   </Select>
- * </Field>
- * ```
+ * import { Select, Option, createListCollection } from '@cerberus-design/react'
+ *
+ * export function SelectBasicPreview() {
+ *  const collection = createListCollection({
+ *   items: [
+ *    { label: 'Hades', value: 'hades' },
+ *    { label: 'Persephone', value: 'persephone' },
+ *    { label: 'Zeus', value: 'zeus', disabled: true },
+ *   ]
+ *  })
+ *
+ *  return (
+ *   <Select
+ *    collection={collection}
+ *    label="Select Relative"
+ *    placeholder="Choose option"
+ *   >
+ *   {collection.items.map((item) => (
+ *    <Option key={item.value} item={item} />
+ *   ))}
+ *  </Select>
+ *  )
+ * }
  */
 declare function Select(props: SelectProps): JSX_2.Element;
 export { Select }
 export { Select as Select_alias_1 }
 
+declare interface SelectCollection {
+    /**
+     * The items to be displayed in the dropdown list.
+     */
+    items: SelectCollectionItem[];
+}
+export { SelectCollection }
+export { SelectCollection as SelectCollection_alias_1 }
+
 /**
- * This module contains the select components.
- * @module
+ * This module contains the Select components.
+ * @module 'react/select'
  */
-declare type SelectProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> & SelectVariantProps & {
+declare interface SelectCollectionItem {
     /**
-     * The unique id of the select element. Required for accessibility.
+     * What is displayed in the dropdown list.
      */
-    id: string;
+    label: string;
     /**
-     * The id of the FieldMessage that describes the select element.
+     * The value of the selected item used in the form.
      */
-    describedBy?: string;
-};
+    value: string;
+    /**
+     * If the item is disabled.
+     */
+    disabled?: boolean;
+}
+export { SelectCollectionItem }
+export { SelectCollectionItem as SelectCollectionItem_alias_1 }
+
+declare type SelectProps = SelectRootProps<SelectCollectionItem> & BaseSelectProps & SelectVariantProps;
 export { SelectProps }
 export { SelectProps as SelectProps_alias_1 }
 
+export { SelectValueChangeDetails }
+export { SelectValueChangeDetails as SelectValueChangeDetails_alias_1 }
+
 export { Sensor }
 
 export { SensorContext }

package/build/modern/{chunk-UZVQ4INR.js → chunk-AIJ75ENY.js}

@@ -5,7 +5,7 @@ import {
   Show
 } from "./chunk-BUVVRQLZ.js";
 
-// src/components/NavMenuList.tsx
+// src/components/deprecated/NavMenuList.tsx
 import { useMemo } from "react";
 import { cx } from "@cerberus/styled-system/css";
 import { vstack } from "@cerberus/styled-system/patterns";
@@ -83,4 +83,4 @@ export {
   getPosition,
   NavMenuList
 };
-//# sourceMappingURL=chunk-UZVQ4INR.js.map
+//# sourceMappingURL=chunk-AIJ75ENY.js.map

package/build/modern/chunk-AIJ75ENY.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 '@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\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): 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;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,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/modern/{chunk-NUMM4TNC.js → chunk-AUALRL3U.js}

@@ -1,4 +1,4 @@
-// src/components/ModalHeader.tsx
+// src/components/deprecated/ModalHeader.tsx
 import { cx } from "@cerberus/styled-system/css";
 import { vstack } from "@cerberus/styled-system/patterns";
 import { jsx } from "react/jsx-runtime";
@@ -22,4 +22,4 @@ function ModalHeader(props) {
 export {
   ModalHeader
 };
-//# sourceMappingURL=chunk-NUMM4TNC.js.map
+//# sourceMappingURL=chunk-AUALRL3U.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/ModalHeader.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { vstack } from '@cerberus/styled-system/patterns'\nimport type { HTMLAttributes } from 'react'\n\n/**\n * This module contains the ModalHeader component for a customizable modal.\n * @module\n */\n\nexport type ModalHeaderProps = HTMLAttributes<HTMLDivElement>\n\n/**\n * @deprecated there is no replacement for this component\n */\nexport function ModalHeader(props: ModalHeaderProps) {\n  return (\n    <div\n      {...props}\n      className={cx(\n        props.className,\n        vstack({\n          alignItems: 'flex-start',\n          gap: 'md',\n          position: 'relative',\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,cAAc;AAenB;AAFG,SAAS,YAAY,OAAyB;AACnD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,UAAU;AAAA,QACZ,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/{chunk-IGHMP4WA.js → chunk-AZRFYQO7.js}

@@ -57,4 +57,4 @@ export {
   AccordionItemTrigger,
   AccordionItemContent
 };
-//# sourceMappingURL=chunk-IGHMP4WA.js.map
+//# sourceMappingURL=chunk-AZRFYQO7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\nexport type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps\n\n/**\n * The context provider for the Accordion family.\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *  <AccordionItemGroup heading=\"Item 1 heading\" value=\"one\">\n *     This is the content\n *  </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function Accordion(props: AccordionProps) {\n  const { size, className, ...rootProps } = props\n  const styles = accordion({ size })\n\n  return (\n    <ArkAccordion.Root\n      collapsible\n      className={cx(className, styles.root)}\n      {...rootProps}\n    />\n  )\n}\n\ntype AccordionItemProps = ArkAccordion.ItemProps & AccordionVariantProps\n\n/**\n * The item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItem(props: AccordionItemProps) {\n  const { size, ...itemProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Item\n      {...itemProps}\n      className={cx(itemProps.className, styles.item)}\n    />\n  )\n}\n\nexport type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps &\n  AccordionVariantProps\n\n/**\n * The trigger for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n  const { size, ...triggerProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemTrigger\n      {...triggerProps}\n      className={cx(triggerProps.className, styles.itemTrigger)}\n    />\n  )\n}\n\nexport type AccordionItemContentProps = ArkAccordion.ItemContentProps &\n  AccordionVariantProps\n\n/**\n * The content for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n  const { size, ...contentProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemContent\n      {...contentProps}\n      className={cx(contentProps.className, styles.itemContent)}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,aAAa,oBAAoB;AAC1C,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAqBH;AALG,SAAS,UAAU,OAAuB;AAC/C,QAAM,EAAE,MAAM,WAAW,GAAG,UAAU,IAAI;AAC1C,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AAEjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,aAAW;AAAA,MACX,WAAW,GAAG,WAAW,OAAO,IAAI;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;AAqBO,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,UAAU,WAAW,OAAO,IAAI;AAAA;AAAA,EAChD;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;","names":[]}

package/build/modern/{chunk-PM7CWT3N.js → chunk-BRVZVAPT.js}

@@ -8,7 +8,7 @@ import {
   createNavTriggerProps
 } from "./chunk-JF76VIL3.js";
 
-// src/components/NavMenuTrigger.tsx
+// src/components/deprecated/NavMenuTrigger.tsx
 import {
   useCallback
 } from "react";
@@ -78,4 +78,4 @@ function NavMenuTrigger(props) {
 export {
   NavMenuTrigger
 };
-//# sourceMappingURL=chunk-PM7CWT3N.js.map
+//# sourceMappingURL=chunk-BRVZVAPT.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/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 { useNavMenuContext } from '../../context/navMenu'\nimport type { ButtonProps } from '../Button'\nimport { Show } from '../Show'\n\n/**\n * This module contains the NavMenuTrigger component.\n * @module\n */\n\nexport interface NavMenuTriggerProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    ButtonProps,\n    NavTriggerAriaValues {\n  /**\n   * The element type to render as. Recommended to use for an IconButton trigger vs a standard Button.\n   * @default 'button'\n   * @example\n   * ```tsx\n   * <NavMenuTrigger as={IconButton} href=\"/home\" />\n   * ```\n   */\n  as?: ElementType\n}\n\n/**\n * @deprecated use the {@link Menu} family instead\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":";;;;;;;;;;;AAEA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,UAAU;AACnB,SAAS,cAAc;AA+Df;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,IAAI,kBAAkB;AAC7D,QAAM,YAAY,sBAAsB;AAAA,IACtC;AAAA,IACA,UAAU,iBAAiB;AAAA,EAC7B,CAAC;AACD,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,QAAM,cAAc;AAAA,IAClB,CAAC,MAAqC;AACpC,UAAI,QAAS,QAAO,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,WAAW;AAAA,YACT,YAAY;AAAA,YACZ,OAAO;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/modern/{chunk-JIRW4XOJ.js → chunk-Q3I4H6EC.js}

@@ -1,4 +1,4 @@
-// src/components/Modal.tsx
+// src/components/deprecated/Modal.tsx
 import { cx } from "@cerberus/styled-system/css";
 import { modal } from "@cerberus/styled-system/recipes";
 import { forwardRef } from "react";
@@ -18,4 +18,4 @@ var Modal = forwardRef(ModalEl);
 export {
   Modal
 };
-//# sourceMappingURL=chunk-JIRW4XOJ.js.map
+//# sourceMappingURL=chunk-Q3I4H6EC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/Modal.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { modal } from '@cerberus/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 * @deprecated use `Dialog` instead\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;AAKO,IAAM,QAAQ,WAAW,OAAO;","names":[]}

package/build/modern/{chunk-7NN3SJ7W.js → chunk-SWX5JWZR.js}

@@ -1,4 +1,4 @@
-// src/components/ModalHeading.tsx
+// src/components/deprecated/ModalHeading.tsx
 import { cx } from "@cerberus/styled-system/css";
 import { modal } from "@cerberus/styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
@@ -9,4 +9,4 @@ function ModalHeading(props) {
 export {
   ModalHeading
 };
-//# sourceMappingURL=chunk-7NN3SJ7W.js.map
+//# sourceMappingURL=chunk-SWX5JWZR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/ModalHeading.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { modal } from '@cerberus/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 * @deprecated use `DialogHeading` instead\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;AAcb;AADF,SAAS,aAAa,OAA0B;AACrD,SAAO,oBAAC,OAAG,GAAG,OAAO,WAAW,GAAG,MAAM,WAAW,MAAM,EAAE,OAAO,GAAG;AACxE;","names":[]}

package/build/modern/{chunk-ZL6ZITLA.js → chunk-WECB67DC.js}

@@ -1,4 +1,4 @@
-// src/components/ModalDescription.tsx
+// src/components/deprecated/ModalDescription.tsx
 import { cx } from "@cerberus/styled-system/css";
 import { modal } from "@cerberus/styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
@@ -9,4 +9,4 @@ function ModalDescription(props) {
 export {
   ModalDescription
 };
-//# sourceMappingURL=chunk-ZL6ZITLA.js.map
+//# sourceMappingURL=chunk-WECB67DC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/ModalDescription.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { modal } from '@cerberus/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 * @deprecated use `DialogDescription` instead\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;AAcb;AADF,SAAS,iBAAiB,OAA8B;AAC7D,SAAO,oBAAC,OAAG,GAAG,OAAO,WAAW,GAAG,MAAM,WAAW,MAAM,EAAE,WAAW,GAAG;AAC5E;","names":[]}

package/build/modern/{chunk-BAWZBF5Q.js → chunk-WN7TJX6J.js}

@@ -5,7 +5,7 @@ import {
   AccordionItem,
   AccordionItemContent,
   AccordionItemTrigger
-} from "./chunk-IGHMP4WA.js";
+} from "./chunk-AZRFYQO7.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
@@ -38,4 +38,4 @@ function AccordionItemGroup(props) {
 export {
   AccordionItemGroup
 };
-//# sourceMappingURL=chunk-BAWZBF5Q.js.map
+//# sourceMappingURL=chunk-WN7TJX6J.js.map

package/build/modern/chunk-X6WFDKKJ.js

@@ -0,0 +1,90 @@
+import {
+  Text
+} from "./chunk-RU5LOXWI.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/Select.tsx
+import {
+  Select as ArkSelect,
+  createListCollection
+} from "@ark-ui/react/select";
+import {
+  select
+} from "@cerberus/styled-system/recipes";
+import { cx } from "@cerberus/styled-system/css";
+import { HStack } from "@cerberus/styled-system/jsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Select(props) {
+  const { collection, label, placeholder, size, ...rootProps } = props;
+  const { icons } = useCerberusContext();
+  const { selectArrow: SelectArrow, invalid: InvalidIcon } = icons;
+  const styles = select({ size });
+  return /* @__PURE__ */ jsxs(
+    ArkSelect.Root,
+    {
+      className: styles.root,
+      collection,
+      ...rootProps,
+      children: [
+        /* @__PURE__ */ jsxs(ArkSelect.Label, { className: styles.label, children: [
+          label,
+          /* @__PURE__ */ jsx(Show, { when: props.required, children: /* @__PURE__ */ jsx(Text, { as: "span", color: "page.text.100", children: "(required)" }) })
+        ] }),
+        /* @__PURE__ */ jsx(ArkSelect.Control, { className: styles.control, children: /* @__PURE__ */ jsxs(ArkSelect.Trigger, { className: styles.trigger, children: [
+          /* @__PURE__ */ jsx(ArkSelect.ValueText, { placeholder }),
+          /* @__PURE__ */ jsxs(HStack, { children: [
+            /* @__PURE__ */ jsx(Show, { when: props.invalid, children: /* @__PURE__ */ jsx(InvalidIcon, { "data-part": "invalid-icon" }) }),
+            /* @__PURE__ */ jsx(ArkSelect.Indicator, { className: styles.indicator, children: /* @__PURE__ */ jsx(SelectArrow, {}) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ArkSelect.Positioner, { className: styles.positioner, children: /* @__PURE__ */ jsx(ArkSelect.Content, { className: styles.content, children: props.children }) }) }),
+        /* @__PURE__ */ jsx(ArkSelect.HiddenSelect, {})
+      ]
+    }
+  );
+}
+function Option(props) {
+  const { item, ...itemProps } = props;
+  const { icons } = useCerberusContext();
+  const { selectChecked: CheckedIcon } = icons;
+  const styles = select();
+  return /* @__PURE__ */ jsxs(ArkSelect.Item, { ...itemProps, item, className: styles.item, children: [
+    /* @__PURE__ */ jsx(ArkSelect.ItemText, { className: styles.itemText, children: item?.label }),
+    /* @__PURE__ */ jsx(ArkSelect.ItemIndicator, { className: styles.itemIndicator, children: /* @__PURE__ */ jsx(CheckedIcon, {}) })
+  ] });
+}
+function OptionGroup(props) {
+  return /* @__PURE__ */ jsx(ArkSelect.ItemGroup, { ...props });
+}
+function OptionGroupLabel(props) {
+  const styles = select();
+  return /* @__PURE__ */ jsx(
+    ArkSelect.ItemGroupLabel,
+    {
+      ...props,
+      className: cx(props.className, styles.itemGroupLabel)
+    }
+  );
+}
+function createSelectCollection(collection) {
+  return createListCollection({
+    items: collection
+  });
+}
+
+export {
+  Select,
+  Option,
+  OptionGroup,
+  OptionGroupLabel,
+  createSelectCollection
+};
+//# sourceMappingURL=chunk-X6WFDKKJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Select.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Select as ArkSelect,\n  createListCollection,\n  type SelectRootProps,\n  type SelectItemProps,\n  type SelectItemGroupProps,\n  type SelectItemGroupLabelProps,\n  type ListCollection,\n  type SelectValueChangeDetails,\n} from '@ark-ui/react/select'\nimport {\n  select,\n  type SelectVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\nimport { HStack } from '@cerberus/styled-system/jsx'\nimport { useCerberusContext } from '../context/cerberus'\nimport { Portal } from './Portal'\nimport { Show } from './Show'\nimport { Text } from './Text'\n\n/**\n * This module contains the Select components.\n * @module 'react/select'\n */\n\nexport interface SelectCollectionItem {\n  /**\n   * What is displayed in the dropdown list.\n   */\n  label: string\n  /**\n   * The value of the selected item used in the form.\n   */\n  value: string\n  /**\n   * If the item is disabled.\n   */\n  disabled?: boolean\n}\n\nexport interface SelectCollection {\n  /**\n   * The items to be displayed in the dropdown list.\n   */\n  items: SelectCollectionItem[]\n}\n\nexport interface BaseSelectProps {\n  /**\n   * The placeholder text when no option is selected.\n   */\n  placeholder?: string\n  /**\n   * The label of the select.\n   */\n  label: string\n}\n\nexport type SelectProps = SelectRootProps<SelectCollectionItem> &\n  BaseSelectProps &\n  SelectVariantProps\n\n/**\n * The Select component is a dropdown list that allows users to select an\n * option from a list.\n * @definition [Select docs](https://cerberus.digitalu.design/react/select)\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/select)\n * @example\n * ```tsx\n * import { Select, Option, createListCollection } from '@cerberus-design/react'\n *\n * export function SelectBasicPreview() {\n *  const collection = createListCollection({\n *   items: [\n *    { label: 'Hades', value: 'hades' },\n *    { label: 'Persephone', value: 'persephone' },\n *    { label: 'Zeus', value: 'zeus', disabled: true },\n *   ]\n *  })\n *\n *  return (\n *   <Select\n *    collection={collection}\n *    label=\"Select Relative\"\n *    placeholder=\"Choose option\"\n *   >\n *   {collection.items.map((item) => (\n *    <Option key={item.value} item={item} />\n *   ))}\n *  </Select>\n *  )\n * }\n */\nexport function Select(props: SelectProps) {\n  const { collection, label, placeholder, size, ...rootProps } = props\n  const { icons } = useCerberusContext()\n  const { selectArrow: SelectArrow, invalid: InvalidIcon } = icons\n\n  const styles = select({ size })\n\n  return (\n    <ArkSelect.Root\n      className={styles.root}\n      collection={collection}\n      {...rootProps}\n    >\n      <ArkSelect.Label className={styles.label}>\n        {label}\n        <Show when={props.required}>\n          <Text as=\"span\" color=\"page.text.100\">\n            (required)\n          </Text>\n        </Show>\n      </ArkSelect.Label>\n\n      <ArkSelect.Control className={styles.control}>\n        <ArkSelect.Trigger className={styles.trigger}>\n          <ArkSelect.ValueText placeholder={placeholder} />\n\n          <HStack>\n            <Show when={props.invalid}>\n              <InvalidIcon data-part=\"invalid-icon\" />\n            </Show>\n            <ArkSelect.Indicator className={styles.indicator}>\n              <SelectArrow />\n            </ArkSelect.Indicator>\n          </HStack>\n        </ArkSelect.Trigger>\n      </ArkSelect.Control>\n\n      <Portal>\n        <ArkSelect.Positioner className={styles.positioner}>\n          <ArkSelect.Content className={styles.content}>\n            {props.children}\n          </ArkSelect.Content>\n        </ArkSelect.Positioner>\n      </Portal>\n\n      <ArkSelect.HiddenSelect />\n    </ArkSelect.Root>\n  )\n}\n\nexport interface OptionProps extends SelectItemProps {\n  /**\n   * The CollectionListItem to be displayed in the dropdown list.\n   */\n  item: SelectCollectionItem\n}\n\nexport function Option(props: OptionProps) {\n  const { item, ...itemProps } = props\n\n  const { icons } = useCerberusContext()\n  const { selectChecked: CheckedIcon } = icons\n\n  const styles = select()\n\n  return (\n    <ArkSelect.Item {...itemProps} item={item} className={styles.item}>\n      <ArkSelect.ItemText className={styles.itemText}>\n        {item?.label}\n      </ArkSelect.ItemText>\n      <ArkSelect.ItemIndicator className={styles.itemIndicator}>\n        <CheckedIcon />\n      </ArkSelect.ItemIndicator>\n    </ArkSelect.Item>\n  )\n}\n\n/**\n * The OptionGroup component is a group of options in the dropdown list.\n * @definition [Select docs](https://cerberus.digitalu.design/react/select)\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/select)\n * @example\n * ```tsx\n * <OptionGroup>\n *  <OptionGroupLabel>Greek gods</OptionGroupLabel>\n *  ...\n * </OptionGroup>\n * ```\n */\nexport function OptionGroup(props: SelectItemGroupProps) {\n  return <ArkSelect.ItemGroup {...props} />\n}\n\n/**\n * The OptionGroupLabel component is the label of the OptionGroup.\n * @definition [Select docs](https://cerberus.digitalu.design/react/select)\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/select)\n * @example\n * ```tsx\n * <OptionGroupLabel>Greek gods</OptionGroupLabel>\n * ```\n */\nexport function OptionGroupLabel(props: SelectItemGroupLabelProps) {\n  const styles = select()\n  return (\n    <ArkSelect.ItemGroupLabel\n      {...props}\n      className={cx(props.className, styles.itemGroupLabel)}\n    />\n  )\n}\n\n/**\n * A helper function to create a SelectCollection object.\n * @param collection - An array of SelectCollectionItem objects that matches\n * the following shape:\n * ```ts\n * [{ label: 'Hades', value: 'hades', disabled?: true }]\n * ```\n */\nexport function createSelectCollection(\n  collection: SelectCollectionItem[],\n): ListCollection<SelectCollectionItem> {\n  return createListCollection({\n    items: collection,\n  })\n}\n\nexport type { SelectValueChangeDetails, ListCollection }\n"],"mappings":";;;;;;;;;;;;;;AAEA;AAAA,EACE,UAAU;AAAA,EACV;AAAA,OAOK;AACP;AAAA,EACE;AAAA,OAEK;AACP,SAAS,UAAU;AACnB,SAAS,cAAc;AA4FjB,SAGI,KAHJ;AAbC,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,YAAY,OAAO,aAAa,MAAM,GAAG,UAAU,IAAI;AAC/D,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,aAAa,aAAa,SAAS,YAAY,IAAI;AAE3D,QAAM,SAAS,OAAO,EAAE,KAAK,CAAC;AAE9B,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACC,WAAW,OAAO;AAAA,MAClB;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,UAAU,OAAV,EAAgB,WAAW,OAAO,OAChC;AAAA;AAAA,UACD,oBAAC,QAAK,MAAM,MAAM,UAChB,8BAAC,QAAK,IAAG,QAAO,OAAM,iBAAgB,wBAEtC,GACF;AAAA,WACF;AAAA,QAEA,oBAAC,UAAU,SAAV,EAAkB,WAAW,OAAO,SACnC,+BAAC,UAAU,SAAV,EAAkB,WAAW,OAAO,SACnC;AAAA,8BAAC,UAAU,WAAV,EAAoB,aAA0B;AAAA,UAE/C,qBAAC,UACC;AAAA,gCAAC,QAAK,MAAM,MAAM,SAChB,8BAAC,eAAY,aAAU,gBAAe,GACxC;AAAA,YACA,oBAAC,UAAU,WAAV,EAAoB,WAAW,OAAO,WACrC,8BAAC,eAAY,GACf;AAAA,aACF;AAAA,WACF,GACF;AAAA,QAEA,oBAAC,UACC,8BAAC,UAAU,YAAV,EAAqB,WAAW,OAAO,YACtC,8BAAC,UAAU,SAAV,EAAkB,WAAW,OAAO,SAClC,gBAAM,UACT,GACF,GACF;AAAA,QAEA,oBAAC,UAAU,cAAV,EAAuB;AAAA;AAAA;AAAA,EAC1B;AAEJ;AASO,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAE/B,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,eAAe,YAAY,IAAI;AAEvC,QAAM,SAAS,OAAO;AAEtB,SACE,qBAAC,UAAU,MAAV,EAAgB,GAAG,WAAW,MAAY,WAAW,OAAO,MAC3D;AAAA,wBAAC,UAAU,UAAV,EAAmB,WAAW,OAAO,UACnC,gBAAM,OACT;AAAA,IACA,oBAAC,UAAU,eAAV,EAAwB,WAAW,OAAO,eACzC,8BAAC,eAAY,GACf;AAAA,KACF;AAEJ;AAcO,SAAS,YAAY,OAA6B;AACvD,SAAO,oBAAC,UAAU,WAAV,EAAqB,GAAG,OAAO;AACzC;AAWO,SAAS,iBAAiB,OAAkC;AACjE,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,MAAM,WAAW,OAAO,cAAc;AAAA;AAAA,EACtD;AAEJ;AAUO,SAAS,uBACd,YACsC;AACtC,SAAO,qBAAqB;AAAA,IAC1B,OAAO;AAAA,EACT,CAAC;AACH;","names":[]}

package/build/modern/{chunk-WPVDQRRF.js → chunk-YOTXFCCC.js}

@@ -2,7 +2,7 @@ import {
   Show
 } from "./chunk-BUVVRQLZ.js";
 
-// src/components/NavMenuLink.tsx
+// src/components/deprecated/NavMenuLink.tsx
 import { css, cx } from "@cerberus/styled-system/css";
 import { jsx } from "react/jsx-runtime";
 function NavMenuLink(props) {
@@ -45,4 +45,4 @@ function NavMenuLink(props) {
 export {
   NavMenuLink
 };
-//# sourceMappingURL=chunk-WPVDQRRF.js.map
+//# sourceMappingURL=chunk-YOTXFCCC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/NavMenuLink.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ElementType } from 'react'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { Show } from '../Show'\n\n/**\n * This module contains the NavMenuLink component.\n * @module\n */\n\nexport interface NavMenuLinkProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The element type to render as. Recommended to use for Next apps with the\n   * `Link` component.\n   */\n  as?: ElementType\n}\n\n/**\n * @deprecated use the {@link Menu} family instead\n */\nexport function NavMenuLink(props: NavMenuLinkProps): JSX.Element {\n  const { as, ...nativeProps } = props\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  return (\n    <li\n      className={css({\n        w: 'full',\n      })}\n    >\n      <Show\n        when={hasAs}\n        fallback={\n          <a\n            {...nativeProps}\n            className={cx(\n              nativeProps.className,\n              css({\n                color: 'action.navigation.initial',\n                textStyle: 'link',\n                _hover: {\n                  color: 'action.navigation.hover',\n                },\n              }),\n            )}\n          />\n        }\n      >\n        {hasAs && <AsSub {...nativeProps} />}\n      </Show>\n    </li>\n  )\n}\n"],"mappings":";;;;;AACA,SAAS,KAAK,UAAU;AAkCd;AAdH,SAAS,YAAY,OAAsC;AAChE,QAAM,EAAE,IAAI,GAAG,YAAY,IAAI;AAC/B,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,IAAI;AAAA,QACb,GAAG;AAAA,MACL,CAAC;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,UACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,WAAW;AAAA,gBACT,YAAY;AAAA,gBACZ,IAAI;AAAA,kBACF,OAAO;AAAA,kBACP,WAAW;AAAA,kBACX,QAAQ;AAAA,oBACN,OAAO;AAAA,kBACT;AAAA,gBACF,CAAC;AAAA,cACH;AAAA;AAAA,UACF;AAAA,UAGD,mBAAS,oBAAC,SAAO,GAAG,aAAa;AAAA;AAAA,MACpC;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/components/Accordion.js

@@ -3,7 +3,7 @@ import {
   AccordionItem,
   AccordionItemContent,
   AccordionItemTrigger
-} from "../chunk-IGHMP4WA.js";
+} from "../chunk-AZRFYQO7.js";
 export {
   Accordion,
   AccordionItem,

package/build/modern/components/AccordionItemGroup.js

@@ -1,8 +1,8 @@
 import {
   AccordionItemGroup
-} from "../chunk-BAWZBF5Q.js";
+} from "../chunk-WN7TJX6J.js";
 import "../chunk-XZGXRRSQ.js";
-import "../chunk-IGHMP4WA.js";
+import "../chunk-AZRFYQO7.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";
 export {

package/build/modern/components/Select.js

@@ -1,13 +1,20 @@
 "use client";
 import {
   Option,
-  Select
-} from "../chunk-KKHL3ZO4.js";
-import "../chunk-UZDVOIW5.js";
+  OptionGroup,
+  OptionGroupLabel,
+  Select,
+  createSelectCollection
+} from "../chunk-X6WFDKKJ.js";
+import "../chunk-RU5LOXWI.js";
+import "../chunk-IQJDVFPP.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";
 export {
   Option,
-  Select
+  OptionGroup,
+  OptionGroupLabel,
+  Select,
+  createSelectCollection
 };
 //# sourceMappingURL=Select.js.map

package/build/modern/components/deprecated/Modal.js

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

package/build/modern/components/deprecated/ModalDescription.js

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

package/build/modern/components/deprecated/ModalHeader.js

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

package/build/modern/components/deprecated/ModalHeading.js

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

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

@@ -0,0 +1,8 @@
+import {
+  NavMenuLink
+} from "../../chunk-YOTXFCCC.js";
+import "../../chunk-BUVVRQLZ.js";
+export {
+  NavMenuLink
+};
+//# sourceMappingURL=NavMenuLink.js.map

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

@@ -0,0 +1,12 @@
+"use client";
+import {
+  NavMenuList,
+  getPosition
+} from "../../chunk-AIJ75ENY.js";
+import "../../chunk-6WS765J3.js";
+import "../../chunk-BUVVRQLZ.js";
+export {
+  NavMenuList,
+  getPosition
+};
+//# sourceMappingURL=NavMenuList.js.map