@cerberus-design/react 0.15.0-next-e5dbdbd → 0.15.0-next-b2ad645

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

@@ -127,6 +127,7 @@ import { rectIntersection } from '@dnd-kit/core';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { ScreenReaderInstructions } from '@dnd-kit/core';
+import { Select as Select_2 } from '@ark-ui/react/select';
 import { SelectItemGroupLabelProps } from '@ark-ui/react/select';
 import { SelectItemGroupProps } from '@ark-ui/react/select';
 import { SelectItemProps } from '@ark-ui/react/select';
@@ -2923,6 +2924,13 @@ declare function Select(props: SelectProps): JSX_2.Element;
 export { Select }
 export { Select as Select_alias_1 }
 
+/**
+ * Select Primitive: The trigger that clears the selected value
+ */
+declare const SelectClearTrigger: ForwardRefExoticComponent<Select_2.ClearTriggerProps & RefAttributes<HTMLButtonElement>>;
+export { SelectClearTrigger }
+export { SelectClearTrigger as SelectClearTrigger_alias_1 }
+
 declare interface SelectCollection {
     /**
      * The items to be displayed in the dropdown list.
@@ -2953,13 +2961,104 @@ declare interface SelectCollectionItem {
 export { SelectCollectionItem }
 export { SelectCollectionItem as SelectCollectionItem_alias_1 }
 
+/**
+ * Select Primitive: The content of the dropdown (i.e. the container itself)
+ */
+declare const SelectContent: ForwardRefExoticComponent<Select_2.ContentProps & RefAttributes<HTMLDivElement>>;
+export { SelectContent }
+export { SelectContent as SelectContent_alias_1 }
+
+/**
+ * Select Primitive: The wrapper to the select trigger that opens the dropdown
+ */
+declare const SelectControl: ForwardRefExoticComponent<Select_2.ControlProps & RefAttributes<HTMLDivElement>>;
+export { SelectControl }
+export { SelectControl as SelectControl_alias_1 }
+
+/**
+ * Select Primitive: The indicator that appears in the trigger
+ */
+declare const SelectIndicator: ForwardRefExoticComponent<Select_2.IndicatorProps & RefAttributes<HTMLDivElement>>;
+export { SelectIndicator }
+export { SelectIndicator as SelectIndicator_alias_1 }
+
+/**
+ * Select Primitive: The container for an item option
+ */
+declare const SelectItem: ForwardRefExoticComponent<Select_2.ItemProps & RefAttributes<HTMLDivElement>>;
+export { SelectItem }
+export { SelectItem as SelectItem_alias_1 }
+
+/**
+ * Select Primitive: The container for a group of item options
+ */
+declare const SelectItemGroup: ForwardRefExoticComponent<Select_2.ItemGroupProps & RefAttributes<HTMLDivElement>>;
+export { SelectItemGroup }
+export { SelectItemGroup as SelectItemGroup_alias_1 }
+
+/**
+ * Select Primitive: The label for a group of item options
+ */
+declare const SelectItemGroupLabel: ForwardRefExoticComponent<Select_2.ItemGroupLabelProps & RefAttributes<HTMLDivElement>>;
+export { SelectItemGroupLabel }
+export { SelectItemGroupLabel as SelectItemGroupLabel_alias_1 }
+
+/**
+ * Select Primitive: The indicator for an item option
+ */
+declare const SelectItemIndicator: ForwardRefExoticComponent<Select_2.ItemIndicatorProps & RefAttributes<HTMLDivElement>>;
+export { SelectItemIndicator }
+export { SelectItemIndicator as SelectItemIndicator_alias_1 }
+
+/**
+ * Select Primitive: The text for an item option
+ */
+declare const SelectItemText: ForwardRefExoticComponent<Select_2.ItemTextProps & RefAttributes<HTMLDivElement>>;
+export { SelectItemText }
+export { SelectItemText as SelectItemText_alias_1 }
+
+/**
+ * Select Primitive: The label that appears above the select input
+ */
+declare const SelectLabel: ForwardRefExoticComponent<Select_2.LabelProps & RefAttributes<HTMLLabelElement>>;
+export { SelectLabel }
+export { SelectLabel as SelectLabel_alias_1 }
+
+/**
+ * Select Primitive: The positioner that contains the dropdown
+ */
+declare const SelectPositioner: ForwardRefExoticComponent<Select_2.PositionerProps & RefAttributes<HTMLDivElement>>;
+export { SelectPositioner }
+export { SelectPositioner as SelectPositioner_alias_1 }
+
 declare type SelectProps = SelectRootProps<SelectCollectionItem> & BaseSelectProps & SelectVariantProps;
 export { SelectProps }
 export { SelectProps as SelectProps_alias_1 }
 
+/**
+ * Select Primitive: The context provider for the Select family
+ */
+declare function SelectRoot(props: SelectRootProps<SelectCollectionItem>): JSX_2.Element;
+export { SelectRoot }
+export { SelectRoot as SelectRoot_alias_1 }
+
+/**
+ * Select Primitive: The trigger that opens the dropdown
+ */
+declare const SelectTrigger: ForwardRefExoticComponent<Select_2.TriggerProps & RefAttributes<HTMLButtonElement>>;
+export { SelectTrigger }
+export { SelectTrigger as SelectTrigger_alias_1 }
+
 export { SelectValueChangeDetails }
 export { SelectValueChangeDetails as SelectValueChangeDetails_alias_1 }
 
+/**
+ * Select Primitive: The text that appears in the trigger
+ */
+declare const SelectValueText: ForwardRefExoticComponent<Select_2.ValueTextProps & RefAttributes<HTMLSpanElement>>;
+export { SelectValueText }
+export { SelectValueText as SelectValueText_alias_1 }
+
 export { Sensor }
 
 export { SensorContext }

package/build/modern/chunk-FV4UITYD.js

@@ -0,0 +1,97 @@
+import {
+  Text
+} from "./chunk-RU5LOXWI.js";
+import {
+  SelectContent,
+  SelectControl,
+  SelectIndicator,
+  SelectItem,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectLabel,
+  SelectPositioner,
+  SelectRoot,
+  SelectTrigger,
+  SelectValueText
+} from "./chunk-YWMPB2JR.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(SelectRoot, { className: styles.root, collection, ...rootProps, children: [
+    /* @__PURE__ */ jsxs(SelectLabel, { 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(SelectControl, { className: styles.control, children: /* @__PURE__ */ jsxs(SelectTrigger, { className: styles.trigger, children: [
+      /* @__PURE__ */ jsx(SelectValueText, { placeholder }),
+      /* @__PURE__ */ jsxs(HStack, { children: [
+        /* @__PURE__ */ jsx(Show, { when: props.invalid, children: /* @__PURE__ */ jsx(InvalidIcon, { "data-part": "invalid-icon" }) }),
+        /* @__PURE__ */ jsx(SelectIndicator, { className: styles.indicator, children: /* @__PURE__ */ jsx(SelectArrow, {}) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(SelectPositioner, { className: styles.positioner, children: /* @__PURE__ */ jsx(SelectContent, { 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(SelectItem, { ...itemProps, item, className: styles.item, children: [
+    /* @__PURE__ */ jsx(SelectItemText, { className: styles.itemText, children: item?.label }),
+    /* @__PURE__ */ jsx(SelectItemIndicator, { className: styles.itemIndicator, children: /* @__PURE__ */ jsx(CheckedIcon, {}) })
+  ] });
+}
+function OptionGroup(props) {
+  return /* @__PURE__ */ jsx(SelectItemGroup, { ...props });
+}
+function OptionGroupLabel(props) {
+  const styles = select();
+  return /* @__PURE__ */ jsx(
+    SelectItemGroupLabel,
+    {
+      ...props,
+      className: cx(props.className, styles.itemGroupLabel)
+    }
+  );
+}
+function createSelectCollection(collection) {
+  return createListCollection({
+    items: collection
+  });
+}
+
+export {
+  Select,
+  Option,
+  OptionGroup,
+  OptionGroupLabel,
+  createSelectCollection
+};
+//# sourceMappingURL=chunk-FV4UITYD.js.map

package/build/modern/chunk-FV4UITYD.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'\nimport {\n  SelectContent,\n  SelectControl,\n  SelectIndicator,\n  SelectItem,\n  SelectItemGroup,\n  SelectItemGroupLabel,\n  SelectItemIndicator,\n  SelectItemText,\n  SelectLabel,\n  SelectPositioner,\n  SelectRoot,\n  SelectTrigger,\n  SelectValueText,\n} from './Select.server'\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    <SelectRoot className={styles.root} collection={collection} {...rootProps}>\n      <SelectLabel 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      </SelectLabel>\n\n      <SelectControl className={styles.control}>\n        <SelectTrigger className={styles.trigger}>\n          <SelectValueText placeholder={placeholder} />\n\n          <HStack>\n            <Show when={props.invalid}>\n              <InvalidIcon data-part=\"invalid-icon\" />\n            </Show>\n            <SelectIndicator className={styles.indicator}>\n              <SelectArrow />\n            </SelectIndicator>\n          </HStack>\n        </SelectTrigger>\n      </SelectControl>\n\n      <Portal>\n        <SelectPositioner className={styles.positioner}>\n          <SelectContent className={styles.content}>\n            {props.children}\n          </SelectContent>\n        </SelectPositioner>\n      </Portal>\n\n      <ArkSelect.HiddenSelect />\n    </SelectRoot>\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    <SelectItem {...itemProps} item={item} className={styles.item}>\n      <SelectItemText className={styles.itemText}>{item?.label}</SelectItemText>\n      <SelectItemIndicator className={styles.itemIndicator}>\n        <CheckedIcon />\n      </SelectItemIndicator>\n    </SelectItem>\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 <SelectItemGroup {...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    <SelectItemGroupLabel\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;AAuGjB,SAGI,KAHJ;AATC,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,qBAAC,cAAW,WAAW,OAAO,MAAM,YAAyB,GAAG,WAC9D;AAAA,yBAAC,eAAY,WAAW,OAAO,OAC5B;AAAA;AAAA,MACD,oBAAC,QAAK,MAAM,MAAM,UAChB,8BAAC,QAAK,IAAG,QAAO,OAAM,iBAAgB,wBAEtC,GACF;AAAA,OACF;AAAA,IAEA,oBAAC,iBAAc,WAAW,OAAO,SAC/B,+BAAC,iBAAc,WAAW,OAAO,SAC/B;AAAA,0BAAC,mBAAgB,aAA0B;AAAA,MAE3C,qBAAC,UACC;AAAA,4BAAC,QAAK,MAAM,MAAM,SAChB,8BAAC,eAAY,aAAU,gBAAe,GACxC;AAAA,QACA,oBAAC,mBAAgB,WAAW,OAAO,WACjC,8BAAC,eAAY,GACf;AAAA,SACF;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,UACC,8BAAC,oBAAiB,WAAW,OAAO,YAClC,8BAAC,iBAAc,WAAW,OAAO,SAC9B,gBAAM,UACT,GACF,GACF;AAAA,IAEA,oBAAC,UAAU,cAAV,EAAuB;AAAA,KAC1B;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,cAAY,GAAG,WAAW,MAAY,WAAW,OAAO,MACvD;AAAA,wBAAC,kBAAe,WAAW,OAAO,UAAW,gBAAM,OAAM;AAAA,IACzD,oBAAC,uBAAoB,WAAW,OAAO,eACrC,8BAAC,eAAY,GACf;AAAA,KACF;AAEJ;AAcO,SAAS,YAAY,OAA6B;AACvD,SAAO,oBAAC,mBAAiB,GAAG,OAAO;AACrC;AAWO,SAAS,iBAAiB,OAAkC;AACjE,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC;AAAA;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-YWMPB2JR.js

@@ -0,0 +1,41 @@
+// src/components/Select.server.tsx
+import { Select as ArkSelect } from "@ark-ui/react/select";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SelectRoot(props) {
+  const { children, ...rootProps } = props;
+  return /* @__PURE__ */ jsxs(ArkSelect.Root, { ...rootProps, children: [
+    children,
+    /* @__PURE__ */ jsx(ArkSelect.HiddenSelect, {})
+  ] });
+}
+var SelectLabel = ArkSelect.Label;
+var SelectControl = ArkSelect.Control;
+var SelectTrigger = ArkSelect.Trigger;
+var SelectValueText = ArkSelect.ValueText;
+var SelectIndicator = ArkSelect.Indicator;
+var SelectClearTrigger = ArkSelect.ClearTrigger;
+var SelectPositioner = ArkSelect.Positioner;
+var SelectContent = ArkSelect.Content;
+var SelectItemGroup = ArkSelect.ItemGroup;
+var SelectItemGroupLabel = ArkSelect.ItemGroupLabel;
+var SelectItem = ArkSelect.Item;
+var SelectItemText = ArkSelect.ItemText;
+var SelectItemIndicator = ArkSelect.ItemIndicator;
+
+export {
+  SelectRoot,
+  SelectLabel,
+  SelectControl,
+  SelectTrigger,
+  SelectValueText,
+  SelectIndicator,
+  SelectClearTrigger,
+  SelectPositioner,
+  SelectContent,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItem,
+  SelectItemText,
+  SelectItemIndicator
+};
+//# sourceMappingURL=chunk-YWMPB2JR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Select.server.tsx"],"sourcesContent":["import { Select as ArkSelect, type SelectRootProps } from '@ark-ui/react/select'\nimport type { SelectCollectionItem } from './Select'\n\n/**\n * Select Primitive: The context provider for the Select family\n */\nexport function SelectRoot(props: SelectRootProps<SelectCollectionItem>) {\n  const { children, ...rootProps } = props\n  return (\n    <ArkSelect.Root {...rootProps}>\n      {children}\n      <ArkSelect.HiddenSelect />\n    </ArkSelect.Root>\n  )\n}\n\n/**\n * Select Primitive: The label that appears above the select input\n */\nexport const SelectLabel = ArkSelect.Label\n\n/**\n * Select Primitive: The wrapper to the select trigger that opens the dropdown\n */\nexport const SelectControl = ArkSelect.Control\n\n/**\n * Select Primitive: The trigger that opens the dropdown\n */\nexport const SelectTrigger = ArkSelect.Trigger\n\n/**\n * Select Primitive: The text that appears in the trigger\n */\nexport const SelectValueText = ArkSelect.ValueText\n\n/**\n * Select Primitive: The indicator that appears in the trigger\n */\nexport const SelectIndicator = ArkSelect.Indicator\n\n/**\n * Select Primitive: The trigger that clears the selected value\n */\nexport const SelectClearTrigger = ArkSelect.ClearTrigger\n\n/**\n * Select Primitive: The positioner that contains the dropdown\n */\nexport const SelectPositioner = ArkSelect.Positioner\n\n/**\n * Select Primitive: The content of the dropdown (i.e. the container itself)\n */\nexport const SelectContent = ArkSelect.Content\n\n/**\n * Select Primitive: The container for a group of item options\n */\nexport const SelectItemGroup = ArkSelect.ItemGroup\n\n/**\n * Select Primitive: The label for a group of item options\n */\nexport const SelectItemGroupLabel = ArkSelect.ItemGroupLabel\n\n/**\n * Select Primitive: The container for an item option\n */\nexport const SelectItem = ArkSelect.Item\n\n/**\n * Select Primitive: The text for an item option\n */\nexport const SelectItemText = ArkSelect.ItemText\n\n/**\n * Select Primitive: The indicator for an item option\n */\nexport const SelectItemIndicator = ArkSelect.ItemIndicator\n"],"mappings":";AAAA,SAAS,UAAU,iBAAuC;AAStD,SAEE,KAFF;AAHG,SAAS,WAAW,OAA8C;AACvE,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AACnC,SACE,qBAAC,UAAU,MAAV,EAAgB,GAAG,WACjB;AAAA;AAAA,IACD,oBAAC,UAAU,cAAV,EAAuB;AAAA,KAC1B;AAEJ;AAKO,IAAM,cAAc,UAAU;AAK9B,IAAM,gBAAgB,UAAU;AAKhC,IAAM,gBAAgB,UAAU;AAKhC,IAAM,kBAAkB,UAAU;AAKlC,IAAM,kBAAkB,UAAU;AAKlC,IAAM,qBAAqB,UAAU;AAKrC,IAAM,mBAAmB,UAAU;AAKnC,IAAM,gBAAgB,UAAU;AAKhC,IAAM,kBAAkB,UAAU;AAKlC,IAAM,uBAAuB,UAAU;AAKvC,IAAM,aAAa,UAAU;AAK7B,IAAM,iBAAiB,UAAU;AAKjC,IAAM,sBAAsB,UAAU;","names":[]}

package/build/modern/components/Select.js

@@ -5,8 +5,9 @@ import {
   OptionGroupLabel,
   Select,
   createSelectCollection
-} from "../chunk-X6WFDKKJ.js";
+} from "../chunk-FV4UITYD.js";
 import "../chunk-RU5LOXWI.js";
+import "../chunk-YWMPB2JR.js";
 import "../chunk-IQJDVFPP.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";

package/build/modern/components/Select.server.js

@@ -0,0 +1,33 @@
+import {
+  SelectClearTrigger,
+  SelectContent,
+  SelectControl,
+  SelectIndicator,
+  SelectItem,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectLabel,
+  SelectPositioner,
+  SelectRoot,
+  SelectTrigger,
+  SelectValueText
+} from "../chunk-YWMPB2JR.js";
+export {
+  SelectClearTrigger,
+  SelectContent,
+  SelectControl,
+  SelectIndicator,
+  SelectItem,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectLabel,
+  SelectPositioner,
+  SelectRoot,
+  SelectTrigger,
+  SelectValueText
+};
+//# sourceMappingURL=Select.server.js.map

package/build/modern/components/Select.server.js.map

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

package/build/modern/index.js

@@ -1,3 +1,7 @@
+import {
+  ThemeProvider,
+  useThemeContext
+} from "./chunk-EB37HRCN.js";
 import {
   Modal
 } from "./chunk-Q3I4H6EC.js";
@@ -20,6 +24,10 @@ import {
 import {
   NavMenuTrigger
 } from "./chunk-BRVZVAPT.js";
+import {
+  ConfirmModal,
+  useConfirmModal
+} from "./chunk-BHB56M7S.js";
 import {
   CTAModal,
   useCTAModal
@@ -37,9 +45,8 @@ import {
   usePromptModal
 } from "./chunk-SD3OVTHT.js";
 import {
-  ThemeProvider,
-  useThemeContext
-} from "./chunk-EB37HRCN.js";
+  Td
+} from "./chunk-3R4TIF2X.js";
 import {
   Textarea
 } from "./chunk-JIJM6JFJ.js";
@@ -55,20 +62,32 @@ import {
 import {
   Tooltip
 } from "./chunk-LPALHB6R.js";
-import {
-  ConfirmModal,
-  useConfirmModal
-} from "./chunk-BHB56M7S.js";
 import {
   Option,
   OptionGroup,
   OptionGroupLabel,
   Select,
   createSelectCollection
-} from "./chunk-X6WFDKKJ.js";
+} from "./chunk-FV4UITYD.js";
 import {
   Text
 } from "./chunk-RU5LOXWI.js";
+import {
+  SelectClearTrigger,
+  SelectContent,
+  SelectControl,
+  SelectIndicator,
+  SelectItem,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectLabel,
+  SelectPositioner,
+  SelectRoot,
+  SelectTrigger,
+  SelectValueText
+} from "./chunk-YWMPB2JR.js";
 import {
   Spinner
 } from "./chunk-7SYJFI5E.js";
@@ -94,9 +113,6 @@ import {
 import {
   Tbody
 } from "./chunk-ZR37P4NZ.js";
-import {
-  Td
-} from "./chunk-3R4TIF2X.js";
 import {
   Legend
 } from "./chunk-ILQW5VZT.js";
@@ -374,6 +390,20 @@ export {
   Radio,
   RangePickerInput,
   Select,
+  SelectClearTrigger,
+  SelectContent,
+  SelectControl,
+  SelectIndicator,
+  SelectItem,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectLabel,
+  SelectPositioner,
+  SelectRoot,
+  SelectTrigger,
+  SelectValueText,
   Show,
   Spinner,
   THEME_KEY,

package/build/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["/**\n * This module is the entry point for the Cerberus React package.\n * @module\n */\n\n// deprecated\n\nexport * from './components/deprecated/Modal'\nexport * from './components/deprecated/ModalHeader'\nexport * from './components/deprecated/ModalHeading'\nexport * from './components/deprecated/ModalDescription'\nexport * from './components/deprecated/NavMenuTrigger'\nexport * from './components/deprecated/NavMenuList'\nexport * from './components/deprecated/NavMenuLink'\n\n// components\n\nexport * from './components/Accordion'\nexport * from './components/Accordion.client'\nexport * from './components/AccordionItemGroup'\nexport * from './components/Admonition'\nexport * from './components/Avatar'\nexport * from './components/Button'\nexport * from './components/Checkbox'\nexport * from './components/CircularProgress'\nexport * from './components/DatePicker.client'\nexport * from './components/DatePicker.server'\nexport * from './components/Dialog'\nexport * from './components/Dialog.client'\nexport * from './components/Droppable'\nexport * from './components/FieldMessage'\nexport * from './components/FeatureFlag'\nexport * from './components/Fieldset'\nexport * from './components/FieldsetLabel'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/IconButton'\nexport * from './components/Input'\nexport * from './components/Label'\nexport * from './components/Legend'\nexport * from './components/Menu'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/ProgressBar'\nexport * from './components/Radio'\nexport * from './components/Spinner'\nexport * from './components/Tabs.client'\nexport * from './components/Table'\nexport * from './components/Thead'\nexport * from './components/Th'\nexport * from './components/Td'\nexport * from './components/Tbody'\nexport * from './components/Tag'\nexport * from './components/Text'\nexport * from './components/Textarea'\nexport * from './components/Toggle'\nexport * from './components/Tooltip'\nexport * from './components/Select'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/cerberus'\nexport * from './context/confirm-modal'\nexport * from './context/cta-modal'\nexport * from './context/feature-flags'\nexport * from './context/field'\nexport * from './context/navMenu'\nexport * from './context/notification-center'\nexport * from './context/prompt-modal'\nexport * from './context/tabs'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useDate'\nexport * from './hooks/useModal'\nexport * from './hooks/useTheme'\nexport * from './hooks/useToggle'\nexport * from './hooks/useRootColors'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/trap-focus.aria'\n\n// utils\n\nexport * from './config/index'\nexport * from './utils/index'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,cAAc;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["/**\n * This module is the entry point for the Cerberus React package.\n * @module\n */\n\n// deprecated\n\nexport * from './components/deprecated/Modal'\nexport * from './components/deprecated/ModalHeader'\nexport * from './components/deprecated/ModalHeading'\nexport * from './components/deprecated/ModalDescription'\nexport * from './components/deprecated/NavMenuTrigger'\nexport * from './components/deprecated/NavMenuList'\nexport * from './components/deprecated/NavMenuLink'\n\n// components\n\nexport * from './components/Accordion'\nexport * from './components/Accordion.client'\nexport * from './components/AccordionItemGroup'\nexport * from './components/Admonition'\nexport * from './components/Avatar'\nexport * from './components/Button'\nexport * from './components/Checkbox'\nexport * from './components/CircularProgress'\nexport * from './components/DatePicker.client'\nexport * from './components/DatePicker.server'\nexport * from './components/Dialog'\nexport * from './components/Dialog.client'\nexport * from './components/Droppable'\nexport * from './components/FieldMessage'\nexport * from './components/FeatureFlag'\nexport * from './components/Fieldset'\nexport * from './components/FieldsetLabel'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/IconButton'\nexport * from './components/Input'\nexport * from './components/Label'\nexport * from './components/Legend'\nexport * from './components/Menu'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/ProgressBar'\nexport * from './components/Radio'\nexport * from './components/Spinner'\nexport * from './components/Tabs.client'\nexport * from './components/Table'\nexport * from './components/Thead'\nexport * from './components/Th'\nexport * from './components/Td'\nexport * from './components/Tbody'\nexport * from './components/Tag'\nexport * from './components/Text'\nexport * from './components/Textarea'\nexport * from './components/Toggle'\nexport * from './components/Tooltip'\nexport * from './components/Select'\nexport * from './components/Select.server'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/cerberus'\nexport * from './context/confirm-modal'\nexport * from './context/cta-modal'\nexport * from './context/feature-flags'\nexport * from './context/field'\nexport * from './context/navMenu'\nexport * from './context/notification-center'\nexport * from './context/prompt-modal'\nexport * from './context/tabs'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useDate'\nexport * from './hooks/useModal'\nexport * from './hooks/useTheme'\nexport * from './hooks/useToggle'\nexport * from './hooks/useRootColors'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/trap-focus.aria'\n\n// utils\n\nexport * from './config/index'\nexport * from './utils/index'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.15.0-next-e5dbdbd",
+  "version": "0.15.0-next-b2ad645",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -25,8 +25,8 @@
     "react": "^18",
     "react-dom": "^18",
     "tsup": "^8.1.0",
-    "@cerberus-design/configs": "0.0.0",
-    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.15.0-next-e5dbdbd"
+    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.15.0-next-b2ad645",
+    "@cerberus-design/configs": "0.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Select.server.tsx

@@ -0,0 +1,80 @@
+import { Select as ArkSelect, type SelectRootProps } from '@ark-ui/react/select'
+import type { SelectCollectionItem } from './Select'
+
+/**
+ * Select Primitive: The context provider for the Select family
+ */
+export function SelectRoot(props: SelectRootProps<SelectCollectionItem>) {
+  const { children, ...rootProps } = props
+  return (
+    <ArkSelect.Root {...rootProps}>
+      {children}
+      <ArkSelect.HiddenSelect />
+    </ArkSelect.Root>
+  )
+}
+
+/**
+ * Select Primitive: The label that appears above the select input
+ */
+export const SelectLabel = ArkSelect.Label
+
+/**
+ * Select Primitive: The wrapper to the select trigger that opens the dropdown
+ */
+export const SelectControl = ArkSelect.Control
+
+/**
+ * Select Primitive: The trigger that opens the dropdown
+ */
+export const SelectTrigger = ArkSelect.Trigger
+
+/**
+ * Select Primitive: The text that appears in the trigger
+ */
+export const SelectValueText = ArkSelect.ValueText
+
+/**
+ * Select Primitive: The indicator that appears in the trigger
+ */
+export const SelectIndicator = ArkSelect.Indicator
+
+/**
+ * Select Primitive: The trigger that clears the selected value
+ */
+export const SelectClearTrigger = ArkSelect.ClearTrigger
+
+/**
+ * Select Primitive: The positioner that contains the dropdown
+ */
+export const SelectPositioner = ArkSelect.Positioner
+
+/**
+ * Select Primitive: The content of the dropdown (i.e. the container itself)
+ */
+export const SelectContent = ArkSelect.Content
+
+/**
+ * Select Primitive: The container for a group of item options
+ */
+export const SelectItemGroup = ArkSelect.ItemGroup
+
+/**
+ * Select Primitive: The label for a group of item options
+ */
+export const SelectItemGroupLabel = ArkSelect.ItemGroupLabel
+
+/**
+ * Select Primitive: The container for an item option
+ */
+export const SelectItem = ArkSelect.Item
+
+/**
+ * Select Primitive: The text for an item option
+ */
+export const SelectItemText = ArkSelect.ItemText
+
+/**
+ * Select Primitive: The indicator for an item option
+ */
+export const SelectItemIndicator = ArkSelect.ItemIndicator