@cerberus-design/react 0.16.0 → 0.17.0

package/build/legacy/components/combobox/index.cjs

@@ -0,0 +1,326 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/combobox/index.ts
+var combobox_exports = {};
+__export(combobox_exports, {
+  ComboItemGroup: () => ComboItemGroup,
+  ComboItemText: () => ComboItemText,
+  ComboItemWithIndicator: () => ComboItemWithIndicator,
+  Combobox: () => Combobox2,
+  ComboboxClearTrigger: () => ComboboxClearTrigger,
+  ComboboxContent: () => ComboboxContent,
+  ComboboxControl: () => ComboboxControl,
+  ComboboxInput: () => ComboboxInput,
+  ComboboxItem: () => ComboboxItem,
+  ComboboxItemGroup: () => ComboboxItemGroup,
+  ComboboxItemGroupLabel: () => ComboboxItemGroupLabel,
+  ComboboxItemIndicator: () => ComboboxItemIndicator,
+  ComboboxItemText: () => ComboboxItemText,
+  ComboboxLabel: () => ComboboxLabel,
+  ComboboxParts: () => ComboboxParts,
+  ComboboxPositioner: () => ComboboxPositioner,
+  ComboboxRoot: () => ComboboxRoot,
+  ComboboxStartIcon: () => ComboboxStartIcon,
+  ComboboxTrigger: () => ComboboxTrigger,
+  useStatefulCollection: () => useStatefulCollection
+});
+module.exports = __toCommonJS(combobox_exports);
+
+// src/components/combobox/primitives.tsx
+var import_combobox = require("@ark-ui/react/combobox");
+var import_factory = require("@ark-ui/react/factory");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("@cerberus/styled-system/css");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ComboboxRoot(props) {
+  const { size, ...rootProps } = props;
+  const styles = (0, import_recipes.combobox)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function ComboboxLabel(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox.Combobox.Label, { ...props, className: (0, import_css.cx)(styles.label, props.className) });
+}
+function ComboboxControl(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.Control,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.control, props.className)
+    }
+  );
+}
+function ComboboxInput(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox.Combobox.Input, { ...props, className: (0, import_css.cx)(styles.input, props.className) });
+}
+function ComboboxTrigger(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.Trigger,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.trigger, props.className)
+    }
+  );
+}
+function ComboboxClearTrigger(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.ClearTrigger,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.clearTrigger, props.className)
+    }
+  );
+}
+function ComboboxPositioner(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.Positioner,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.positioner, props.className)
+    }
+  );
+}
+function ComboboxContent(props) {
+  const { size, ...contentProps } = props;
+  const styles = (0, import_recipes.combobox)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.Content,
+    {
+      ...contentProps,
+      className: (0, import_css.cx)(styles.content, contentProps.className)
+    }
+  );
+}
+function ComboboxItemGroup(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.ItemGroup,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.itemGroup, props.className)
+    }
+  );
+}
+function ComboboxItemGroupLabel(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.ItemGroupLabel,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.itemGroupLabel, props.className)
+    }
+  );
+}
+function ComboboxItem(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox.Combobox.Item, { ...props, className: (0, import_css.cx)(styles.item, props.className) });
+}
+function ComboboxItemText(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.ItemText,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.itemText, props.className)
+    }
+  );
+}
+function ComboboxItemIndicator(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.ItemIndicator,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.itemIndicator, props.className)
+    }
+  );
+}
+function ComboboxStartIcon(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_factory.ark.span, { ...props, className: styles.startIcon });
+}
+var ComboItemText = ComboboxItemText;
+
+// src/components/combobox/parts.ts
+var ComboboxParts = {
+  Root: ComboboxRoot,
+  Label: ComboboxLabel,
+  Control: ComboboxControl,
+  Input: ComboboxInput,
+  Trigger: ComboboxTrigger,
+  ClearTrigger: ComboboxClearTrigger,
+  Positioner: ComboboxPositioner,
+  Content: ComboboxContent,
+  ItemGroup: ComboboxItemGroup,
+  ItemGroupLabel: ComboboxItemGroupLabel,
+  Item: ComboboxItem,
+  ItemText: ComboboxItemText,
+  ItemIndicator: ComboboxItemIndicator
+};
+
+// src/context/cerberus.tsx
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CerberusContext = (0, import_react.createContext)(null);
+function useCerberusContext() {
+  const context = (0, import_react.useContext)(CerberusContext);
+  if (!context) {
+    throw new Error("useCerberus must be used within a CerberusProvider");
+  }
+  return context;
+}
+
+// src/components/Portal.tsx
+var import_react2 = require("@ark-ui/react");
+var Portal = import_react2.Portal;
+
+// src/components/Show.tsx
+var import_react3 = require("react");
+function Show(props) {
+  const { when, children, fallback } = props;
+  const condition = (0, import_react3.useMemo)(() => when ?? false, [when]);
+  return (0, import_react3.useMemo)(() => {
+    if (condition) return children;
+    return fallback ?? null;
+  }, [condition, children, fallback]);
+}
+
+// src/components/combobox/combobox.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Combobox2(props) {
+  const { label, children, startIcon, ...rootProps } = props;
+  const { icons } = useCerberusContext();
+  const { selectArrow: SelectArrow, close: CloseIcon } = icons;
+  const hasStartIcon = Boolean(startIcon);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(ComboboxParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Show, { when: Boolean(label), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ComboboxParts.Label, { children: label }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(ComboboxParts.Control, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Show, { when: hasStartIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ComboboxStartIcon, { children: startIcon }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ComboboxParts.Input,
+        {
+          ...hasStartIcon && { "data-has": "start-indicator" }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ComboboxParts.ClearTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseIcon, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ComboboxParts.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SelectArrow, {}) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ComboboxParts.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ComboboxParts.Content, { size: rootProps.size, children }) }) })
+  ] });
+}
+
+// src/components/combobox/item.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function ComboItemWithIndicator(props) {
+  const { icons } = useCerberusContext();
+  const { selectChecked: CheckedIcon } = icons;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(ComboboxParts.Item, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ComboboxParts.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CheckedIcon, {}) }),
+    props.children
+  ] });
+}
+
+// src/components/combobox/item-group.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function ComboItemGroup(props) {
+  const { label, children, ...groupProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(ComboboxParts.ItemGroup, { ...groupProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ComboboxParts.ItemGroupLabel, { children: label }),
+    children
+  ] });
+}
+
+// src/components/combobox/use-stateful-collection.ts
+var import_react4 = require("react");
+
+// src/components/select/primitives.tsx
+var import_select = require("@ark-ui/react/select");
+var import_recipes2 = require("@cerberus/styled-system/recipes");
+var import_css2 = require("@cerberus/styled-system/css");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function createSelectCollection(collection) {
+  return (0, import_select.createListCollection)({
+    items: collection
+  });
+}
+
+// src/components/combobox/use-stateful-collection.ts
+function useStatefulCollection(initialItems = []) {
+  const [items, setItems] = (0, import_react4.useState)(initialItems);
+  const [filterValue, setFilterValue] = (0, import_react4.useState)([]);
+  const collection = (0, import_react4.useMemo)(() => createSelectCollection(items), [items]);
+  const handleInputChange = (0, import_react4.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 (0, import_react4.useMemo)(
+    () => ({
+      collection,
+      filterChars: filterValue,
+      handleInputChange
+    }),
+    [collection, filterValue, handleInputChange]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ComboItemGroup,
+  ComboItemText,
+  ComboItemWithIndicator,
+  Combobox,
+  ComboboxClearTrigger,
+  ComboboxContent,
+  ComboboxControl,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxItemGroup,
+  ComboboxItemGroupLabel,
+  ComboboxItemIndicator,
+  ComboboxItemText,
+  ComboboxLabel,
+  ComboboxParts,
+  ComboboxPositioner,
+  ComboboxRoot,
+  ComboboxStartIcon,
+  ComboboxTrigger,
+  useStatefulCollection
+});
+//# sourceMappingURL=index.cjs.map

package/build/legacy/components/combobox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/combobox/index.ts","../../../../src/components/combobox/primitives.tsx","../../../../src/components/combobox/parts.ts","../../../../src/context/cerberus.tsx","../../../../src/components/Portal.tsx","../../../../src/components/Show.tsx","../../../../src/components/combobox/combobox.tsx","../../../../src/components/combobox/item.tsx","../../../../src/components/combobox/item-group.tsx","../../../../src/components/combobox/use-stateful-collection.ts","../../../../src/components/select/primitives.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './combobox'\nexport * from './item'\nexport * from './item-group'\nexport * from './use-stateful-collection'\n","import {\n  Combobox,\n  type ComboboxClearTriggerProps,\n  type ComboboxContentProps,\n  type ComboboxControlProps,\n  type ComboboxInputProps,\n  type ComboboxItemGroupLabelProps,\n  type ComboboxItemGroupProps,\n  type ComboboxItemIndicatorProps,\n  type ComboboxItemProps,\n  type ComboboxItemTextProps,\n  type ComboboxLabelProps,\n  type ComboboxPositionerProps,\n  type ComboboxRootProps,\n  type ComboboxTriggerProps,\n} from '@ark-ui/react/combobox'\nimport { ark } from '@ark-ui/react/factory'\nimport type { SelectCollectionItem } from '../select/select'\nimport {\n  combobox,\n  type ComboboxVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\nimport type { PropsWithChildren } from 'react'\n\n/**\n * This module contains the primitives of the Combobox.\n * @module 'combobox/primitives'\n */\n\n/**\n * The ComboboxRoot component is the context provider for the Combobox\n * component.\n */\nexport function ComboboxRoot(\n  props: ComboboxRootProps<SelectCollectionItem> & ComboboxVariantProps,\n) {\n  const { size, ...rootProps } = props\n  const styles = combobox({ size })\n  return (\n    <Combobox.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The label that appears above the combobox input.\n */\nexport function ComboboxLabel(props: ComboboxLabelProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Label {...props} className={cx(styles.label, props.className)} />\n  )\n}\n\n/**\n * The control that wraps the combobox input.\n */\nexport function ComboboxControl(props: ComboboxControlProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The input of the combobox.\n */\nexport function ComboboxInput(props: ComboboxInputProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Input {...props} className={cx(styles.input, props.className)} />\n  )\n}\n\n/**\n * The trigger that opens the dropdown.\n */\nexport function ComboboxTrigger(props: ComboboxTriggerProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger to clear the combobox input.\n */\nexport function ComboboxClearTrigger(props: ComboboxClearTriggerProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ClearTrigger\n      {...props}\n      className={cx(styles.clearTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The positioner that wraps the content.\n */\nexport function ComboboxPositioner(props: ComboboxPositionerProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Positioner\n      {...props}\n      className={cx(styles.positioner, props.className)}\n    />\n  )\n}\n\n/**\n * The content of the combobox component.\n */\nexport function ComboboxContent(\n  props: ComboboxContentProps & ComboboxVariantProps,\n) {\n  const { size, ...contentProps } = props\n  const styles = combobox({ size })\n  return (\n    <Combobox.Content\n      {...contentProps}\n      className={cx(styles.content, contentProps.className)}\n    />\n  )\n}\n\n/**\n * A group of items in the combobox component.\n */\nexport function ComboboxItemGroup(props: ComboboxItemGroupProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemGroup\n      {...props}\n      className={cx(styles.itemGroup, props.className)}\n    />\n  )\n}\n\n/**\n * The label for a group of items in the combobox component.\n */\nexport function ComboboxItemGroupLabel(props: ComboboxItemGroupLabelProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemGroupLabel\n      {...props}\n      className={cx(styles.itemGroupLabel, props.className)}\n    />\n  )\n}\n\n/**\n * An individual item in the combobox component.\n */\nexport function ComboboxItem(props: ComboboxItemProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Item {...props} className={cx(styles.item, props.className)} />\n  )\n}\n\n/**\n * The text that labels a single item of the combobox.\n */\nexport function ComboboxItemText(props: ComboboxItemTextProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemText\n      {...props}\n      className={cx(styles.itemText, props.className)}\n    />\n  )\n}\n\n/**\n * The indicator that appears when the item has been selected.\n */\nexport function ComboboxItemIndicator(props: ComboboxItemIndicatorProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemIndicator\n      {...props}\n      className={cx(styles.itemIndicator, props.className)}\n    />\n  )\n}\n\n/**\n * The icon that appears at the start of the combobox input.\n */\nexport function ComboboxStartIcon(props: PropsWithChildren) {\n  const styles = combobox()\n  return <ark.span {...props} className={styles.startIcon} />\n}\n\n// We are only doing this to make the API consistent\nexport const ComboItemText = ComboboxItemText\n\nexport type ComboboxInputValueChangeDetails = Combobox.InputValueChangeDetails\n","import type { ElementType } from 'react'\nimport {\n  ComboboxClearTrigger,\n  ComboboxContent,\n  ComboboxControl,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxItemGroup,\n  ComboboxItemGroupLabel,\n  ComboboxItemIndicator,\n  ComboboxItemText,\n  ComboboxLabel,\n  ComboboxPositioner,\n  ComboboxRoot,\n  ComboboxTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Combobox parts.\n * @module 'combobox/parts'\n */\n\ninterface ComboboxPartsValue {\n  /**\n   * The context provider for the Select component.\n   */\n  Root: ElementType\n  /**\n   * The label that appears above the select input.\n   */\n  Label: ElementType\n  /**\n   * The control that wraps the select trigger.\n   */\n  Control: ElementType\n  /**\n   * The filterable input of the combobox.\n   */\n  Input: ElementType\n  /**\n   * The trigger that opens the dropdown.\n   */\n  Trigger: ElementType\n  /**\n   * The trigger to clear the select input.\n   */\n  ClearTrigger: ElementType\n  /**\n   * The positioner that wraps the content.\n   */\n  Positioner: ElementType\n  /**\n   * The content of the select component.\n   */\n  Content: ElementType\n  /**\n   * A group of items in the select component.\n   */\n  ItemGroup: ElementType\n  /**\n   * The label for a group of items in the select component.\n   */\n  ItemGroupLabel: ElementType\n  /**\n   * An individual item in the select component.\n   */\n  Item: ElementType\n  /**\n   * The text that labels a single radio of the field.\n   */\n  ItemText: ElementType\n  /**\n   * The indicator that appears when the item has been selected.\n   */\n  ItemIndicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the ComboboxParts object and\n * the entire family of components vs. only what you use.\n */\nexport const ComboboxParts: ComboboxPartsValue = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  Control: ComboboxControl,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  ClearTrigger: ComboboxClearTrigger,\n  Positioner: ComboboxPositioner,\n  Content: ComboboxContent,\n  ItemGroup: ComboboxItemGroup,\n  ItemGroupLabel: ComboboxItemGroupLabel,\n  Item: ComboboxItem,\n  ItemText: ComboboxItemText,\n  ItemIndicator: ComboboxItemIndicator,\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n","import {\n  Portal as ArkPortal,\n  type PortalProps as ArkPortalProps,\n} from '@ark-ui/react'\n\n/**\n * This module is the Portal component.\n * @module\n */\n\nexport type PortalProps = ArkPortalProps\n\n/**\n * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.\n * @see https://cerberus.digitalu.design/react/portal\n * @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)\n * @example\n * ```tsx\n * 'use client'\n *\n * import { Portal } from '@cerberus/react'\n *\n * function SomeFeatureWithinSSRPage() {\n *   return (\n *     <Portal>\n *       <div>Portal Content outside of the React VDom tree</div>\n *     </Portal>\n *   )\n * }\n */\nexport const Portal = ArkPortal\n","'use client'\n\nimport { useMemo, type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show(props: PropsWithChildren<ShowProps>): ReactNode {\n  const { when, children, fallback } = props\n  const condition = useMemo(() => when ?? false, [when])\n\n  return useMemo(() => {\n    if (condition) return children\n    return fallback ?? null\n  }, [condition, children, fallback])\n}\n","'use client'\n\nimport type { ComboboxRootProps } from '@ark-ui/react/combobox'\nimport type { ComboboxVariantProps } from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport type { SelectCollectionItem } from '../select/select'\nimport { type FieldInputProps } from '../field/index'\nimport { Portal } from '../Portal'\nimport { Show } from '../Show'\nimport { ComboboxParts } from './parts'\nimport { ComboboxStartIcon } from './primitives'\n\nexport interface ComboboxProps\n  extends ComboboxRootProps<SelectCollectionItem>,\n    ComboboxVariantProps {\n  /**\n   * The label that appears above the combobox input.\n   */\n  label?: string\n  /**\n   * The icon that appears at the start of the combobox input.\n   */\n  startIcon?: FieldInputProps['startIcon']\n}\n\nexport function Combobox(props: ComboboxProps) {\n  const { label, children, startIcon, ...rootProps } = props\n\n  const { icons } = useCerberusContext()\n  const { selectArrow: SelectArrow, close: CloseIcon } = icons\n\n  const hasStartIcon = Boolean(startIcon)\n\n  return (\n    <ComboboxParts.Root {...rootProps}>\n      <Show when={Boolean(label)}>\n        <ComboboxParts.Label>{label}</ComboboxParts.Label>\n      </Show>\n\n      <ComboboxParts.Control>\n        <Show when={hasStartIcon}>\n          <ComboboxStartIcon>{startIcon}</ComboboxStartIcon>\n        </Show>\n\n        <ComboboxParts.Input\n          {...(hasStartIcon && { 'data-has': 'start-indicator' })}\n        />\n\n        <ComboboxParts.ClearTrigger>\n          <CloseIcon />\n        </ComboboxParts.ClearTrigger>\n        <ComboboxParts.Trigger>\n          <SelectArrow />\n        </ComboboxParts.Trigger>\n      </ComboboxParts.Control>\n\n      <Portal>\n        <ComboboxParts.Positioner>\n          <ComboboxParts.Content size={rootProps.size}>\n            {children}\n          </ComboboxParts.Content>\n        </ComboboxParts.Positioner>\n      </Portal>\n    </ComboboxParts.Root>\n  )\n}\n","'use client'\n\nimport type { ComboboxItemProps } from '@ark-ui/react'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { ComboboxParts } from './parts'\n\n/**\n * This module contains the ComboboxItemWithIndicator component.\n * @module 'combobox/item'\n */\n\n/**\n * An abstraction of the ComboboxItem component that includes an indicator.\n * @description [Combobox Docs](https://cerberus.digitalu.design/react/combobox)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/combobox)\n */\nexport function ComboItemWithIndicator(props: ComboboxItemProps) {\n  const { icons } = useCerberusContext()\n  const { selectChecked: CheckedIcon } = icons\n\n  return (\n    <ComboboxParts.Item {...props}>\n      <ComboboxParts.ItemIndicator>\n        <CheckedIcon />\n      </ComboboxParts.ItemIndicator>\n\n      {props.children}\n    </ComboboxParts.Item>\n  )\n}\n","import type { ComboboxItemGroupProps } from '@ark-ui/react/combobox'\nimport { ComboboxParts } from './parts'\n\nexport interface ComboItemGroupProps extends ComboboxItemGroupProps {\n  /**\n   * The label that appears for the combobox item group.\n   */\n  label?: string\n}\n\nexport function ComboItemGroup(props: ComboItemGroupProps) {\n  const { label, children, ...groupProps } = props\n  return (\n    <ComboboxParts.ItemGroup {...groupProps}>\n      <ComboboxParts.ItemGroupLabel>{label}</ComboboxParts.ItemGroupLabel>\n      {children}\n    </ComboboxParts.ItemGroup>\n  )\n}\n","'use client'\n\nimport { useCallback, useMemo, useState } from 'react'\nimport type { ComboboxInputValueChangeDetails } from '@ark-ui/react/combobox'\nimport type { SelectCollectionItem } from '../select/select'\nimport { createSelectCollection } from '../select/primitives'\n\n/**\n * This module contains a custom hook that provides a stateful collection for\n * the Combobox component.\n */\n\nexport interface StatefulCollectionReturn {\n  /**\n   * The collection of items.\n   */\n  collection: ReturnType<typeof createSelectCollection>\n  /**\n   * The filter value split into an array of characters.\n   */\n  filterChars: string[]\n  /**\n   * The function to handle input changes.\n   */\n  handleInputChange: (details: ComboboxInputValueChangeDetails) => void\n}\n\n/**\n * This hook provides a stateful collection for the Combobox component.\n * It returns a collection of items and a function to handle input changes.\n * @param initialItems - The initial collection of items.\n * @return An object containing the collection and a function to handle input changes.\n */\nexport function useStatefulCollection(\n  initialItems: SelectCollectionItem[] = [],\n): StatefulCollectionReturn {\n  const [items, setItems] = useState(initialItems)\n  const [filterValue, setFilterValue] = useState<string[]>([])\n\n  const collection = useMemo(() => createSelectCollection(items), [items])\n\n  const handleInputChange = useCallback(\n    (details: ComboboxInputValueChangeDetails) => {\n      if (details.inputValue === '') {\n        return setItems(initialItems)\n      }\n      setItems((prev) =>\n        prev.filter((item) =>\n          item.value.includes(details.inputValue.toLowerCase()),\n        ),\n      )\n      setFilterValue(details.inputValue.split(''))\n    },\n    [initialItems],\n  )\n\n  return useMemo(\n    () => ({\n      collection,\n      filterChars: filterValue,\n      handleInputChange,\n    }),\n    [collection, filterValue, handleInputChange],\n  )\n}\n","import {\n  createListCollection,\n  Select,\n  type ListCollection,\n  type SelectClearTriggerProps,\n  type SelectContentProps,\n  type SelectControlProps,\n  type SelectHiddenSelectProps,\n  type SelectIndicatorProps,\n  type SelectItemGroupLabelProps,\n  type SelectItemGroupProps,\n  type SelectItemIndicatorProps,\n  type SelectItemProps,\n  type SelectItemTextProps,\n  type SelectLabelProps,\n  type SelectPositionerProps,\n  type SelectRootProps,\n  type SelectTriggerProps,\n  type SelectValueChangeDetails,\n  type SelectValueTextProps,\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 type { SelectCollectionItem } from './select'\n\n/**\n * This module contains the Select primitives\n * @module 'react/select'\n */\n\n/**\n * The SelectRoot component is the context provider for the Select component.\n */\nexport function SelectRoot(\n  props: SelectRootProps<SelectCollectionItem> & SelectVariantProps,\n) {\n  const { size, ...rootProps } = props\n  const styles = select({ size })\n  return (\n    <Select.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The label that appears above the select input.\n */\nexport function SelectLabel(props: SelectLabelProps) {\n  const styles = select()\n  return (\n    <Select.Label {...props} className={cx(styles.label, props.className)} />\n  )\n}\n\n/**\n * The control that wraps the select trigger.\n */\nexport function SelectControl(props: SelectControlProps) {\n  return <Select.Control {...props} />\n}\n\n/**\n * The trigger that opens the dropdown.\n */\nexport function SelectTrigger(props: SelectTriggerProps) {\n  const styles = select()\n  return (\n    <Select.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The text that appears in the trigger.\n */\nexport function SelectValueText(props: SelectValueTextProps) {\n  return <Select.ValueText {...props} />\n}\n\n/**\n * The indicator that appears in the trigger.\n */\nexport function SelectIndicator(props: SelectIndicatorProps) {\n  const styles = select()\n  return (\n    <Select.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger that clears the selected value.\n */\nexport function SelectClearTrigger(props: SelectClearTriggerProps) {\n  return <Select.ClearTrigger {...props} />\n}\n\n/**\n * The positioner that contains the dropdown.\n */\nexport function SelectPositioner(props: SelectPositionerProps) {\n  const styles = select()\n  return (\n    <Select.Positioner\n      {...props}\n      className={cx(styles.positioner, props.className)}\n    />\n  )\n}\n\n/**\n * The content of the dropdown (i.e. the container itself).\n */\nexport function SelectContent(props: SelectContentProps & SelectVariantProps) {\n  const { size, ...contentProps } = props\n  const styles = select({ size })\n  return (\n    <Select.Content\n      {...contentProps}\n      className={cx(styles.content, contentProps.className)}\n    />\n  )\n}\n\n/**\n * The container for a group of item options.\n */\nexport function SelectItemGroup(props: SelectItemGroupProps) {\n  return <Select.ItemGroup {...props} />\n}\n\n/**\n * The label for a group of item options.\n */\nexport function SelectItemGroupLabel(props: SelectItemGroupLabelProps) {\n  const styles = select()\n  return (\n    <Select.ItemGroupLabel\n      {...props}\n      className={cx(styles.itemGroupLabel, props.className)}\n    />\n  )\n}\n\n/**\n * The container for an item in the select content.\n */\nexport function SelectItem(props: SelectItemProps) {\n  const styles = select()\n  return <Select.Item {...props} className={cx(styles.item, props.className)} />\n}\n\n/**\n * The text for an item option.\n */\nexport function SelectItemText(props: SelectItemTextProps) {\n  return <Select.ItemText {...props} />\n}\n\n/**\n * The indicator for an item option shown when it is selected.\n */\nexport function SelectItemIndicator(props: SelectItemIndicatorProps) {\n  const styles = select()\n  return (\n    <Select.ItemIndicator\n      {...props}\n      className={cx(styles.itemIndicator, props.className)}\n    />\n  )\n}\n\n/**\n * The native input for a select item.\n */\nexport function SelectHiddenSelect(props: SelectHiddenSelectProps) {\n  return <Select.HiddenSelect {...props} />\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":"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","names":["Combobox","import_jsx_runtime","import_react","ArkPortal","import_react","import_jsx_runtime","Combobox","import_jsx_runtime","import_jsx_runtime","import_react","import_recipes","import_css","import_jsx_runtime"]}

package/build/legacy/components/combobox/index.d.cts

@@ -0,0 +1,24 @@
+export { ComboboxParts_alias_1 as ComboboxParts } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxRoot_alias_1 as ComboboxRoot } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxLabel_alias_1 as ComboboxLabel } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxControl_alias_1 as ComboboxControl } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxInput_alias_1 as ComboboxInput } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxTrigger_alias_1 as ComboboxTrigger } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxClearTrigger_alias_1 as ComboboxClearTrigger } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxPositioner_alias_1 as ComboboxPositioner } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxContent_alias_1 as ComboboxContent } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxItemGroup_alias_1 as ComboboxItemGroup } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxItemGroupLabel_alias_1 as ComboboxItemGroupLabel } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxItem_alias_1 as ComboboxItem } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxItemText_alias_1 as ComboboxItemText } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxItemIndicator_alias_1 as ComboboxItemIndicator } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxStartIcon_alias_1 as ComboboxStartIcon } from '../../_tsup-dts-rollup.cjs';
+export { ComboItemText_alias_1 as ComboItemText } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxInputValueChangeDetails_alias_1 as ComboboxInputValueChangeDetails } from '../../_tsup-dts-rollup.cjs';
+export { Combobox_alias_2 as Combobox } from '../../_tsup-dts-rollup.cjs';
+export { ComboboxProps_alias_2 as ComboboxProps } from '../../_tsup-dts-rollup.cjs';
+export { ComboItemWithIndicator_alias_1 as ComboItemWithIndicator } from '../../_tsup-dts-rollup.cjs';
+export { ComboItemGroup_alias_1 as ComboItemGroup } from '../../_tsup-dts-rollup.cjs';
+export { ComboItemGroupProps_alias_1 as ComboItemGroupProps } from '../../_tsup-dts-rollup.cjs';
+export { useStatefulCollection_alias_1 as useStatefulCollection } from '../../_tsup-dts-rollup.cjs';
+export { StatefulCollectionReturn_alias_1 as StatefulCollectionReturn } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/combobox/item-group.cjs

@@ -0,0 +1,178 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/combobox/item-group.tsx
+var item_group_exports = {};
+__export(item_group_exports, {
+  ComboItemGroup: () => ComboItemGroup
+});
+module.exports = __toCommonJS(item_group_exports);
+
+// src/components/combobox/primitives.tsx
+var import_combobox = require("@ark-ui/react/combobox");
+var import_factory = require("@ark-ui/react/factory");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("@cerberus/styled-system/css");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ComboboxRoot(props) {
+  const { size, ...rootProps } = props;
+  const styles = (0, import_recipes.combobox)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function ComboboxLabel(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox.Combobox.Label, { ...props, className: (0, import_css.cx)(styles.label, props.className) });
+}
+function ComboboxControl(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.Control,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.control, props.className)
+    }
+  );
+}
+function ComboboxInput(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox.Combobox.Input, { ...props, className: (0, import_css.cx)(styles.input, props.className) });
+}
+function ComboboxTrigger(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.Trigger,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.trigger, props.className)
+    }
+  );
+}
+function ComboboxClearTrigger(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.ClearTrigger,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.clearTrigger, props.className)
+    }
+  );
+}
+function ComboboxPositioner(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.Positioner,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.positioner, props.className)
+    }
+  );
+}
+function ComboboxContent(props) {
+  const { size, ...contentProps } = props;
+  const styles = (0, import_recipes.combobox)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.Content,
+    {
+      ...contentProps,
+      className: (0, import_css.cx)(styles.content, contentProps.className)
+    }
+  );
+}
+function ComboboxItemGroup(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.ItemGroup,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.itemGroup, props.className)
+    }
+  );
+}
+function ComboboxItemGroupLabel(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.ItemGroupLabel,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.itemGroupLabel, props.className)
+    }
+  );
+}
+function ComboboxItem(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_combobox.Combobox.Item, { ...props, className: (0, import_css.cx)(styles.item, props.className) });
+}
+function ComboboxItemText(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.ItemText,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.itemText, props.className)
+    }
+  );
+}
+function ComboboxItemIndicator(props) {
+  const styles = (0, import_recipes.combobox)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_combobox.Combobox.ItemIndicator,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.itemIndicator, props.className)
+    }
+  );
+}
+
+// src/components/combobox/parts.ts
+var ComboboxParts = {
+  Root: ComboboxRoot,
+  Label: ComboboxLabel,
+  Control: ComboboxControl,
+  Input: ComboboxInput,
+  Trigger: ComboboxTrigger,
+  ClearTrigger: ComboboxClearTrigger,
+  Positioner: ComboboxPositioner,
+  Content: ComboboxContent,
+  ItemGroup: ComboboxItemGroup,
+  ItemGroupLabel: ComboboxItemGroupLabel,
+  Item: ComboboxItem,
+  ItemText: ComboboxItemText,
+  ItemIndicator: ComboboxItemIndicator
+};
+
+// src/components/combobox/item-group.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function ComboItemGroup(props) {
+  const { label, children, ...groupProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(ComboboxParts.ItemGroup, { ...groupProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ComboboxParts.ItemGroupLabel, { children: label }),
+    children
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ComboItemGroup
+});
+//# sourceMappingURL=item-group.cjs.map

package/build/legacy/components/combobox/item-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/combobox/item-group.tsx","../../../../src/components/combobox/primitives.tsx","../../../../src/components/combobox/parts.ts"],"sourcesContent":["import type { ComboboxItemGroupProps } from '@ark-ui/react/combobox'\nimport { ComboboxParts } from './parts'\n\nexport interface ComboItemGroupProps extends ComboboxItemGroupProps {\n  /**\n   * The label that appears for the combobox item group.\n   */\n  label?: string\n}\n\nexport function ComboItemGroup(props: ComboItemGroupProps) {\n  const { label, children, ...groupProps } = props\n  return (\n    <ComboboxParts.ItemGroup {...groupProps}>\n      <ComboboxParts.ItemGroupLabel>{label}</ComboboxParts.ItemGroupLabel>\n      {children}\n    </ComboboxParts.ItemGroup>\n  )\n}\n","import {\n  Combobox,\n  type ComboboxClearTriggerProps,\n  type ComboboxContentProps,\n  type ComboboxControlProps,\n  type ComboboxInputProps,\n  type ComboboxItemGroupLabelProps,\n  type ComboboxItemGroupProps,\n  type ComboboxItemIndicatorProps,\n  type ComboboxItemProps,\n  type ComboboxItemTextProps,\n  type ComboboxLabelProps,\n  type ComboboxPositionerProps,\n  type ComboboxRootProps,\n  type ComboboxTriggerProps,\n} from '@ark-ui/react/combobox'\nimport { ark } from '@ark-ui/react/factory'\nimport type { SelectCollectionItem } from '../select/select'\nimport {\n  combobox,\n  type ComboboxVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\nimport type { PropsWithChildren } from 'react'\n\n/**\n * This module contains the primitives of the Combobox.\n * @module 'combobox/primitives'\n */\n\n/**\n * The ComboboxRoot component is the context provider for the Combobox\n * component.\n */\nexport function ComboboxRoot(\n  props: ComboboxRootProps<SelectCollectionItem> & ComboboxVariantProps,\n) {\n  const { size, ...rootProps } = props\n  const styles = combobox({ size })\n  return (\n    <Combobox.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The label that appears above the combobox input.\n */\nexport function ComboboxLabel(props: ComboboxLabelProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Label {...props} className={cx(styles.label, props.className)} />\n  )\n}\n\n/**\n * The control that wraps the combobox input.\n */\nexport function ComboboxControl(props: ComboboxControlProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The input of the combobox.\n */\nexport function ComboboxInput(props: ComboboxInputProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Input {...props} className={cx(styles.input, props.className)} />\n  )\n}\n\n/**\n * The trigger that opens the dropdown.\n */\nexport function ComboboxTrigger(props: ComboboxTriggerProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger to clear the combobox input.\n */\nexport function ComboboxClearTrigger(props: ComboboxClearTriggerProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ClearTrigger\n      {...props}\n      className={cx(styles.clearTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The positioner that wraps the content.\n */\nexport function ComboboxPositioner(props: ComboboxPositionerProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Positioner\n      {...props}\n      className={cx(styles.positioner, props.className)}\n    />\n  )\n}\n\n/**\n * The content of the combobox component.\n */\nexport function ComboboxContent(\n  props: ComboboxContentProps & ComboboxVariantProps,\n) {\n  const { size, ...contentProps } = props\n  const styles = combobox({ size })\n  return (\n    <Combobox.Content\n      {...contentProps}\n      className={cx(styles.content, contentProps.className)}\n    />\n  )\n}\n\n/**\n * A group of items in the combobox component.\n */\nexport function ComboboxItemGroup(props: ComboboxItemGroupProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemGroup\n      {...props}\n      className={cx(styles.itemGroup, props.className)}\n    />\n  )\n}\n\n/**\n * The label for a group of items in the combobox component.\n */\nexport function ComboboxItemGroupLabel(props: ComboboxItemGroupLabelProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemGroupLabel\n      {...props}\n      className={cx(styles.itemGroupLabel, props.className)}\n    />\n  )\n}\n\n/**\n * An individual item in the combobox component.\n */\nexport function ComboboxItem(props: ComboboxItemProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Item {...props} className={cx(styles.item, props.className)} />\n  )\n}\n\n/**\n * The text that labels a single item of the combobox.\n */\nexport function ComboboxItemText(props: ComboboxItemTextProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemText\n      {...props}\n      className={cx(styles.itemText, props.className)}\n    />\n  )\n}\n\n/**\n * The indicator that appears when the item has been selected.\n */\nexport function ComboboxItemIndicator(props: ComboboxItemIndicatorProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemIndicator\n      {...props}\n      className={cx(styles.itemIndicator, props.className)}\n    />\n  )\n}\n\n/**\n * The icon that appears at the start of the combobox input.\n */\nexport function ComboboxStartIcon(props: PropsWithChildren) {\n  const styles = combobox()\n  return <ark.span {...props} className={styles.startIcon} />\n}\n\n// We are only doing this to make the API consistent\nexport const ComboItemText = ComboboxItemText\n\nexport type ComboboxInputValueChangeDetails = Combobox.InputValueChangeDetails\n","import type { ElementType } from 'react'\nimport {\n  ComboboxClearTrigger,\n  ComboboxContent,\n  ComboboxControl,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxItemGroup,\n  ComboboxItemGroupLabel,\n  ComboboxItemIndicator,\n  ComboboxItemText,\n  ComboboxLabel,\n  ComboboxPositioner,\n  ComboboxRoot,\n  ComboboxTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Combobox parts.\n * @module 'combobox/parts'\n */\n\ninterface ComboboxPartsValue {\n  /**\n   * The context provider for the Select component.\n   */\n  Root: ElementType\n  /**\n   * The label that appears above the select input.\n   */\n  Label: ElementType\n  /**\n   * The control that wraps the select trigger.\n   */\n  Control: ElementType\n  /**\n   * The filterable input of the combobox.\n   */\n  Input: ElementType\n  /**\n   * The trigger that opens the dropdown.\n   */\n  Trigger: ElementType\n  /**\n   * The trigger to clear the select input.\n   */\n  ClearTrigger: ElementType\n  /**\n   * The positioner that wraps the content.\n   */\n  Positioner: ElementType\n  /**\n   * The content of the select component.\n   */\n  Content: ElementType\n  /**\n   * A group of items in the select component.\n   */\n  ItemGroup: ElementType\n  /**\n   * The label for a group of items in the select component.\n   */\n  ItemGroupLabel: ElementType\n  /**\n   * An individual item in the select component.\n   */\n  Item: ElementType\n  /**\n   * The text that labels a single radio of the field.\n   */\n  ItemText: ElementType\n  /**\n   * The indicator that appears when the item has been selected.\n   */\n  ItemIndicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the ComboboxParts object and\n * the entire family of components vs. only what you use.\n */\nexport const ComboboxParts: ComboboxPartsValue = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  Control: ComboboxControl,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  ClearTrigger: ComboboxClearTrigger,\n  Positioner: ComboboxPositioner,\n  Content: ComboboxContent,\n  ItemGroup: ComboboxItemGroup,\n  ItemGroupLabel: ComboboxItemGroupLabel,\n  Item: ComboboxItem,\n  ItemText: ComboboxItemText,\n  ItemIndicator: ComboboxItemIndicator,\n}\n"],"mappings":"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","names":["import_jsx_runtime"]}

package/build/legacy/components/combobox/item-group.d.cts

@@ -0,0 +1,2 @@
+export { ComboItemGroup_alias_2 as ComboItemGroup } from '../../_tsup-dts-rollup.cjs';
+export { ComboItemGroupProps_alias_2 as ComboItemGroupProps } from '../../_tsup-dts-rollup.cjs';