@mastra/playground-ui 68.0.0-alpha.0 → 68.0.0-alpha.2

package/dist/buttons-group-Dc6R7YSs.cjs

@@ -0,0 +1,48 @@
+require('./buttons-group.css');const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
+const require_primitives_control_size = require("./primitives/control-size.cjs.js");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/components/ButtonsGroup/buttons-group.tsx
+/** Joins related actions into one pill. To pick one of several options, use `SegmentedControl` instead. */
+var ButtonsGroup = react.forwardRef(({ children, className, orientation = "horizontal", size = "md", ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives_control_size.ControlSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref,
+			role: "group",
+			"data-slot": "buttons-group",
+			"data-orientation": orientation,
+			"data-size": size,
+			className: require_utils.cn("flex w-fit items-stretch", orientation === "vertical" ? "flex-col" : "flex-row", className),
+			...props,
+			children
+		})
+	});
+});
+ButtonsGroup.displayName = "ButtonsGroup";
+var buttonsGroupTextClassName = require_utils.cn("inline-flex items-center justify-center border border-border bg-card text-foreground select-none", "shrink-0 gap-[.75em] rounded-full px-[1em] text-label whitespace-nowrap", "[&>svg]:size-[1.1em] [&>svg]:opacity-50");
+var ButtonsGroupText = react.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		"data-slot": "buttons-group-text",
+		className: require_utils.cn(buttonsGroupTextClassName, className),
+		...props
+	});
+});
+ButtonsGroupText.displayName = "ButtonsGroupText";
+Object.defineProperty(exports, "ButtonsGroup", {
+	enumerable: true,
+	get: function() {
+		return ButtonsGroup;
+	}
+});
+Object.defineProperty(exports, "ButtonsGroupText", {
+	enumerable: true,
+	get: function() {
+		return ButtonsGroupText;
+	}
+});
+
+//# sourceMappingURL=buttons-group-Dc6R7YSs.cjs.map

package/dist/buttons-group-Dc6R7YSs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons-group-Dc6R7YSs.cjs","names":["React","ControlSizeContext","cn"],"sources":["../src/ds/components/ButtonsGroup/buttons-group.tsx"],"sourcesContent":["import './buttons-group.css';\nimport * as React from 'react';\n\nimport { ControlSizeContext } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'horizontal' | 'vertical';\n\nexport type ButtonsGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n  /**\n   * The rung every segment sits on. The group owns it: a child's own `size` cannot lift a\n   * segment off the group's rung, so a group can never render with a step in it.\n   */\n  size?: ControlSize;\n};\n\n/** Joins related actions into one pill. To pick one of several options, use `SegmentedControl` instead. */\nexport const ButtonsGroup = React.forwardRef<HTMLDivElement, ButtonsGroupProps>(\n  ({ children, className, orientation = 'horizontal', size = 'md', ...props }, ref) => {\n    return (\n      <ControlSizeContext.Provider value={size}>\n        <div\n          ref={ref}\n          role=\"group\"\n          data-slot=\"buttons-group\"\n          data-orientation={orientation}\n          data-size={size}\n          className={cn('flex w-fit items-stretch', orientation === 'vertical' ? 'flex-col' : 'flex-row', className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ControlSizeContext.Provider>\n    );\n  },\n);\nButtonsGroup.displayName = 'ButtonsGroup';\n\n// No size of its own: a text segment only exists inside a group, and the group sets the\n// height. `text-label` is the type role at every rung (see `controlSizeClasses`), so the\n// box grows and the type does not.\nconst buttonsGroupTextClassName = cn(\n  'inline-flex items-center justify-center border border-border bg-card text-foreground select-none',\n  'shrink-0 gap-[.75em] rounded-full px-[1em] text-label whitespace-nowrap',\n  '[&>svg]:size-[1.1em] [&>svg]:opacity-50',\n);\n\nexport type ButtonsGroupTextProps = React.ComponentPropsWithoutRef<'div'>;\n\nexport const ButtonsGroupText = React.forwardRef<HTMLDivElement, ButtonsGroupTextProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div ref={ref} data-slot=\"buttons-group-text\" className={cn(buttonsGroupTextClassName, className)} {...props} />\n    );\n  },\n);\nButtonsGroupText.displayName = 'ButtonsGroupText';\n"],"mappings":";;;;;;;;AAmBA,IAAa,eAAeA,MAAM,YAC/B,EAAE,UAAU,WAAW,cAAc,cAAc,OAAO,MAAM,GAAG,SAAS,QAAQ;CACnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gCAAAA,mBAAmB,UAApB;EAA6B,OAAO;EAClC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACO;GACL,MAAK;GACL,aAAU;GACV,oBAAkB;GAClB,aAAW;GACX,WAAWC,cAAAA,GAAG,4BAA4B,gBAAgB,aAAa,aAAa,YAAY,SAAS;GACzG,GAAI;GAEH;EACE,CAAA;CACsB,CAAA;AAEjC,CACF;AACA,aAAa,cAAc;AAK3B,IAAM,4BAA4BA,cAAAA,GAChC,oGACA,2EACA,yCACF;AAIA,IAAa,mBAAmBF,MAAM,YACnC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAChC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAU;EAAK,aAAU;EAAqB,WAAWE,cAAAA,GAAG,2BAA2B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnH,CACF;AACA,iBAAiB,cAAc"}

package/dist/buttons-group-DkFlnMiL.js

@@ -0,0 +1,35 @@
+import { t as cn } from "./utils-DQx8TpNT.js";
+import { ControlSizeContext } from "./primitives/control-size.es.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import './buttons-group.css';// src/ds/components/ButtonsGroup/buttons-group.tsx
+/** Joins related actions into one pill. To pick one of several options, use `SegmentedControl` instead. */
+var ButtonsGroup = React$1.forwardRef(({ children, className, orientation = "horizontal", size = "md", ...props }, ref) => {
+	return /* @__PURE__ */ jsx(ControlSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			role: "group",
+			"data-slot": "buttons-group",
+			"data-orientation": orientation,
+			"data-size": size,
+			className: cn("flex w-fit items-stretch", orientation === "vertical" ? "flex-col" : "flex-row", className),
+			...props,
+			children
+		})
+	});
+});
+ButtonsGroup.displayName = "ButtonsGroup";
+var buttonsGroupTextClassName = cn("inline-flex items-center justify-center border border-border bg-card text-foreground select-none", "shrink-0 gap-[.75em] rounded-full px-[1em] text-label whitespace-nowrap", "[&>svg]:size-[1.1em] [&>svg]:opacity-50");
+var ButtonsGroupText = React$1.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "buttons-group-text",
+		className: cn(buttonsGroupTextClassName, className),
+		...props
+	});
+});
+ButtonsGroupText.displayName = "ButtonsGroupText";
+export { ButtonsGroupText as n, ButtonsGroup as t };
+
+//# sourceMappingURL=buttons-group-DkFlnMiL.js.map

package/dist/buttons-group-DkFlnMiL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons-group-DkFlnMiL.js","names":["React"],"sources":["../src/ds/components/ButtonsGroup/buttons-group.tsx"],"sourcesContent":["import './buttons-group.css';\nimport * as React from 'react';\n\nimport { ControlSizeContext } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'horizontal' | 'vertical';\n\nexport type ButtonsGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n  /**\n   * The rung every segment sits on. The group owns it: a child's own `size` cannot lift a\n   * segment off the group's rung, so a group can never render with a step in it.\n   */\n  size?: ControlSize;\n};\n\n/** Joins related actions into one pill. To pick one of several options, use `SegmentedControl` instead. */\nexport const ButtonsGroup = React.forwardRef<HTMLDivElement, ButtonsGroupProps>(\n  ({ children, className, orientation = 'horizontal', size = 'md', ...props }, ref) => {\n    return (\n      <ControlSizeContext.Provider value={size}>\n        <div\n          ref={ref}\n          role=\"group\"\n          data-slot=\"buttons-group\"\n          data-orientation={orientation}\n          data-size={size}\n          className={cn('flex w-fit items-stretch', orientation === 'vertical' ? 'flex-col' : 'flex-row', className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ControlSizeContext.Provider>\n    );\n  },\n);\nButtonsGroup.displayName = 'ButtonsGroup';\n\n// No size of its own: a text segment only exists inside a group, and the group sets the\n// height. `text-label` is the type role at every rung (see `controlSizeClasses`), so the\n// box grows and the type does not.\nconst buttonsGroupTextClassName = cn(\n  'inline-flex items-center justify-center border border-border bg-card text-foreground select-none',\n  'shrink-0 gap-[.75em] rounded-full px-[1em] text-label whitespace-nowrap',\n  '[&>svg]:size-[1.1em] [&>svg]:opacity-50',\n);\n\nexport type ButtonsGroupTextProps = React.ComponentPropsWithoutRef<'div'>;\n\nexport const ButtonsGroupText = React.forwardRef<HTMLDivElement, ButtonsGroupTextProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div ref={ref} data-slot=\"buttons-group-text\" className={cn(buttonsGroupTextClassName, className)} {...props} />\n    );\n  },\n);\nButtonsGroupText.displayName = 'ButtonsGroupText';\n"],"mappings":";;;;;;AAmBA,IAAa,eAAeA,QAAM,YAC/B,EAAE,UAAU,WAAW,cAAc,cAAc,OAAO,MAAM,GAAG,SAAS,QAAQ;CACnF,OACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;EAClC,UAAA,oBAAC,OAAD;GACO;GACL,MAAK;GACL,aAAU;GACV,oBAAkB;GAClB,aAAW;GACX,WAAW,GAAG,4BAA4B,gBAAgB,aAAa,aAAa,YAAY,SAAS;GACzG,GAAI;GAEH;EACE,CAAA;CACsB,CAAA;AAEjC,CACF;AACA,aAAa,cAAc;AAK3B,IAAM,4BAA4B,GAChC,oGACA,2EACA,yCACF;AAIA,IAAa,mBAAmBA,QAAM,YACnC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAChC,OACE,oBAAC,OAAD;EAAU;EAAK,aAAU;EAAqB,WAAW,GAAG,2BAA2B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnH,CACF;AACA,iBAAiB,cAAc"}

package/dist/{ButtonsGroup.css → buttons-group.css}

@@ -121,6 +121,8 @@
   [data-slot='buttons-group'] > :is(.shadow-raised, .shadow-input) {
     box-shadow: inset 0 0 0 9999px var(--surface-tint);
     border-width: 1px;
+    /* Button gives a border's width back from its padding, so the label stays put. */
+    --control-border: 1px;
   }
 
   /* One border per seam, and no overlap. A border is a translucent alpha of the

package/dist/chart-plot.css

@@ -1,7 +1,8 @@
 /*
  * The plot box is a size container; the chart inside is drawn at `--chart-drawn-w/h` and scaled to
- * the box's live size, so between redraws it moves with its card. `tan(atan2(a, b))` is a / b as a
- * plain number, which `scale()` needs. At rest the drawn size is the box size and the scale is 1.
+ * the box's live size `--chart-box-w/h`, so between redraws it moves with its card. Both are plain
+ * numbers of CSS pixels: Safari resolves `100cqw / 539px` against different zoom levels, so a zoomed
+ * page stretched every chart by the zoom factor. At rest the two sizes match and the scale is 1.
  */
 .chart-plot-box {
   container-type: size;
@@ -24,7 +25,7 @@
 
 .chart-plot-stretch {
   transform-origin: 0 0;
-  transform: scale(tan(atan2(100cqw, var(--chart-drawn-w))), tan(atan2(100cqh, var(--chart-drawn-h))));
+  transform: scale(calc(var(--chart-box-w) / var(--chart-drawn-w)), calc(var(--chart-box-h) / var(--chart-drawn-h)));
 }
 
 /*
@@ -35,7 +36,7 @@
 .chart-plot-stretch .recharts-surface text:not([transform]) {
   transform-box: fill-box;
   transform-origin: center;
-  transform: scale(tan(atan2(var(--chart-drawn-w), 100cqw)), tan(atan2(var(--chart-drawn-h), 100cqh)));
+  transform: scale(calc(var(--chart-drawn-w) / var(--chart-box-w)), calc(var(--chart-drawn-h) / var(--chart-box-h)));
 }
 
 .chart-plot-stretch .recharts-surface text[text-anchor='start']:not([transform]) {

package/dist/clear-filters-button-Buc973vw.cjs

@@ -0,0 +1,27 @@
+const require_Button = require("./Button-DLcMcuUL.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+// src/ds/components/ClearFiltersButton/clear-filters-button.tsx
+/**
+* Resets every filter in a toolbar: a round icon button at the toolbar's height, named by its
+* tooltip. A single filter's own × removes just that filter, so this one never uses an ×.
+*/
+function ClearFiltersButton({ onClick, label = "Clear filters", disabled }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		type: "button",
+		size: "icon-sm",
+		"aria-label": label,
+		tooltip: label,
+		onClick,
+		disabled,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RotateCcwIcon, {})
+	});
+}
+Object.defineProperty(exports, "ClearFiltersButton", {
+	enumerable: true,
+	get: function() {
+		return ClearFiltersButton;
+	}
+});
+
+//# sourceMappingURL=clear-filters-button-Buc973vw.cjs.map

package/dist/clear-filters-button-Buc973vw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear-filters-button-Buc973vw.cjs","names":["Button","RotateCcwIcon"],"sources":["../src/ds/components/ClearFiltersButton/clear-filters-button.tsx"],"sourcesContent":["import { RotateCcwIcon } from 'lucide-react';\nimport type { MouseEventHandler } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\n\nexport type ClearFiltersButtonProps = {\n  onClick: MouseEventHandler<HTMLButtonElement>;\n  /** Tooltip and accessible name. */\n  label?: string;\n  disabled?: boolean;\n};\n\n/**\n * Resets every filter in a toolbar: a round icon button at the toolbar's height, named by its\n * tooltip. A single filter's own × removes just that filter, so this one never uses an ×.\n */\nexport function ClearFiltersButton({ onClick, label = 'Clear filters', disabled }: ClearFiltersButtonProps) {\n  return (\n    <Button type=\"button\" size=\"icon-sm\" aria-label={label} tooltip={label} onClick={onClick} disabled={disabled}>\n      <RotateCcwIcon />\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAAgB,mBAAmB,EAAE,SAAS,QAAQ,iBAAiB,YAAqC;CAC1G,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;EAAQ,MAAK;EAAS,MAAK;EAAU,cAAY;EAAO,SAAS;EAAgB;EAAmB;EAClG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,eAAD,CAAgB,CAAA;CACV,CAAA;AAEZ"}

package/dist/clear-filters-button-CNrRuHOY.js

@@ -0,0 +1,22 @@
+import { t as Button } from "./Button-CLXTbAY8.js";
+import { jsx } from "react/jsx-runtime";
+import { RotateCcwIcon } from "lucide-react";
+// src/ds/components/ClearFiltersButton/clear-filters-button.tsx
+/**
+* Resets every filter in a toolbar: a round icon button at the toolbar's height, named by its
+* tooltip. A single filter's own × removes just that filter, so this one never uses an ×.
+*/
+function ClearFiltersButton({ onClick, label = "Clear filters", disabled }) {
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		size: "icon-sm",
+		"aria-label": label,
+		tooltip: label,
+		onClick,
+		disabled,
+		children: /* @__PURE__ */ jsx(RotateCcwIcon, {})
+	});
+}
+export { ClearFiltersButton as t };
+
+//# sourceMappingURL=clear-filters-button-CNrRuHOY.js.map

package/dist/clear-filters-button-CNrRuHOY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear-filters-button-CNrRuHOY.js","names":[],"sources":["../src/ds/components/ClearFiltersButton/clear-filters-button.tsx"],"sourcesContent":["import { RotateCcwIcon } from 'lucide-react';\nimport type { MouseEventHandler } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\n\nexport type ClearFiltersButtonProps = {\n  onClick: MouseEventHandler<HTMLButtonElement>;\n  /** Tooltip and accessible name. */\n  label?: string;\n  disabled?: boolean;\n};\n\n/**\n * Resets every filter in a toolbar: a round icon button at the toolbar's height, named by its\n * tooltip. A single filter's own × removes just that filter, so this one never uses an ×.\n */\nexport function ClearFiltersButton({ onClick, label = 'Clear filters', disabled }: ClearFiltersButtonProps) {\n  return (\n    <Button type=\"button\" size=\"icon-sm\" aria-label={label} tooltip={label} onClick={onClick} disabled={disabled}>\n      <RotateCcwIcon />\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAAgB,mBAAmB,EAAE,SAAS,QAAQ,iBAAiB,YAAqC;CAC1G,OACE,oBAAC,QAAD;EAAQ,MAAK;EAAS,MAAK;EAAU,cAAY;EAAO,SAAS;EAAgB;EAAmB;EAClG,UAAA,oBAAC,eAAD,CAAgB,CAAA;CACV,CAAA;AAEZ"}

package/dist/{combobox-wFudhN8F.js → combobox-D21no8t5.js}

@@ -1,8 +1,8 @@
 import { t as cn } from "./utils-DQx8TpNT.js";
 import { deprecatedErrorAria } from "./primitives/form-element.es.js";
-import { i as isIconButtonSize, t as Button } from "./Button-Bw1e3ONi.js";
+import { s as isIconButtonSize, t as Button } from "./Button-CLXTbAY8.js";
 import { n as keepOwnAccessibleName, r as useFieldAriaIds } from "./field-control-aria-BaRSUUMR.js";
-import { S as comboboxStyles, _ as ComboboxRoot, b as ComboboxTrigger, g as ComboboxList, l as ComboboxInput, n as ComboboxChips, o as ComboboxContent, r as ComboboxChipsInput, s as ComboboxEmpty, t as ComboboxChip, u as ComboboxItem, v as ComboboxSearch, x as ComboboxValue } from "./combobox-parts-W7KRQUsV.js";
+import { S as comboboxStyles, _ as ComboboxRoot, b as ComboboxTrigger, g as ComboboxList, l as ComboboxInput, n as ComboboxChips, o as ComboboxContent, r as ComboboxChipsInput, s as ComboboxEmpty, t as ComboboxChip, u as ComboboxItem, v as ComboboxSearch, x as ComboboxValue } from "./combobox-parts-D90ir0Py.js";
 import { n as FieldBlock, t as fieldErrorId } from "./field-error-id-DBSuJ3HM.js";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -159,7 +159,7 @@ function MultipleComboboxControl({ shape, controlProps, placeholder, selectedCou
 		})
 	});
 }
-function SingleCombobox({ shape, controlProps, options, value, onValueChange, placeholder = "Select option...", searchPlaceholder = "Search...", emptyText = "No option found.", className, disabled = false, variant = "default", size = "md", open, onOpenChange, container, align = "start", showChevron = true, iconOnlyValue = false, allowCustomValue = false, onInputValueChange }) {
+function SingleCombobox({ shape, controlProps, options, value, onValueChange, placeholder = "Select option", searchPlaceholder = "Search", emptyText = "No option found.", className, disabled = false, variant = "default", size = "md", open, onOpenChange, container, align = "start", showChevron = true, iconOnlyValue = false, allowCustomValue = false, onInputValueChange }) {
 	const [inputValue, setInputValue] = React$1.useState("");
 	const filter = useOptionFilter();
 	const inField = shape === "field";
@@ -208,7 +208,7 @@ function SingleCombobox({ shape, controlProps, options, value, onValueChange, pl
 		})]
 	});
 }
-function MultipleCombobox({ shape, controlProps, options, value = EMPTY_VALUES, onValueChange, clearLabel, placeholder = "Select options...", searchPlaceholder = "Search...", emptyText = "No option found.", className, disabled = false, variant = "default", size = "md", open, onOpenChange, container, align = "start", showChevron = true, iconOnlyValue = false }) {
+function MultipleCombobox({ shape, controlProps, options, value = EMPTY_VALUES, onValueChange, clearLabel, placeholder = "Select options", searchPlaceholder = "Search", emptyText = "No option found.", className, disabled = false, variant = "default", size = "md", open, onOpenChange, container, align = "start", showChevron = true, iconOnlyValue = false }) {
 	const filter = useOptionFilter();
 	const selectedValues = new Set(value);
 	const selectedOptions = options.filter((option) => selectedValues.has(option.value));
@@ -299,4 +299,4 @@ function Combobox$1(props) {
 }
 export { Combobox$1 as t };
 
-//# sourceMappingURL=combobox-wFudhN8F.js.map
+//# sourceMappingURL=combobox-D21no8t5.js.map

package/dist/{combobox-wFudhN8F.js.map → combobox-D21no8t5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"combobox-wFudhN8F.js","names":["BaseCombobox","_Fragment","React","Combobox"],"sources":["../src/ds/components/Combobox/combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport {\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxRoot,\n  ComboboxSearch,\n  ComboboxTrigger,\n  ComboboxValue,\n} from './combobox-parts';\nimport { comboboxStyles } from './combobox-styles';\nimport type { ComboboxVariant } from './combobox-styles';\nimport { Button, isIconButtonSize } from '@/ds/components/Button/Button';\nimport type { ButtonSize } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName, useFieldAriaIds } from '@/ds/components/Field/field-control-aria';\nimport { FieldBlock } from '@/ds/components/FormFieldBlocks/block/field-block';\nimport { fieldErrorId } from '@/ds/components/FormFieldBlocks/block/field-error-id';\nimport { deprecatedErrorAria } from '@/ds/primitives/form-element';\nimport type { PortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\nexport type { ComboboxVariant } from './combobox-styles';\n\nexport type ComboboxOption = {\n  label: string;\n  value: string;\n  description?: string;\n  displayLabel?: React.ReactNode;\n  start?: React.ReactNode;\n  end?: React.ReactNode;\n  /** Extra terms the search matches besides `label` (aliases, ids, a provider name). Never displayed. */\n  keywords?: readonly string[];\n};\n\ntype ComboboxSharedProps = {\n  options: ComboboxOption[];\n  placeholder?: React.ReactNode;\n  /** The search row's placeholder for compact triggers. A field (inside a `Field`) searches in itself and shows `placeholder`. */\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  /**\n   * `default` inside a `Field` is a form field you type in to search. `ghost` (and the legacy `outline`/`link`),\n   * or any variant outside a `Field`, is a compact trigger with the search inside the popup.\n   */\n  variant?: ComboboxVariant;\n  /** Icon sizes (`icon-*`) render a chevron-only trigger with the search in the popup; pass `aria-label` to name it. */\n  size?: ButtonSize;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  container?: PortalContainer;\n  id?: string;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  /** Which edge of the trigger the popup lines up with. `end` opens it leftwards (e.g. an icon trigger at the end of a row). */\n  align?: 'start' | 'center' | 'end';\n  showChevron?: boolean;\n  iconOnlyValue?: boolean;\n  allowCustomValue?: boolean;\n  /** Called with the search text as it changes (and with `''` after a compact trigger's selection resets it). */\n  onInputValueChange?: (value: string) => void;\n  /** @deprecated Wrap the combobox in `<Field invalid>` with a `FieldError`. */\n  error?: string;\n  /** @deprecated Only keyed the `error` message id; a `Field` links its error without one. */\n  name?: string;\n};\n\nexport type ComboboxSingleProps = ComboboxSharedProps & {\n  multiple?: false;\n  value?: string;\n  onValueChange?: (value: string) => void;\n};\n\nexport type ComboboxMultipleProps = ComboboxSharedProps & {\n  multiple: true;\n  value?: readonly string[];\n  onValueChange?: (value: string[]) => void;\n  clearLabel?: string;\n};\n\nexport type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;\n\nconst EMPTY_VALUES: readonly string[] = [];\n\nfunction isMultipleCombobox(props: ComboboxProps): props is ComboboxMultipleProps {\n  return props.multiple === true;\n}\n\n/** The text a field shows for its value: a plain-text `displayLabel` wins over `label`. */\nfunction optionText(option: ComboboxOption) {\n  return typeof option.displayLabel === 'string' ? option.displayLabel : option.label;\n}\n\n/** Inputs take a text placeholder only; a ReactNode placeholder keeps the compact trigger. */\nfunction textPlaceholder(placeholder: React.ReactNode) {\n  return typeof placeholder === 'string' ? placeholder : undefined;\n}\n\n/**\n * How the combobox renders:\n * - `field`: a single select inside a `Field` searches in the field, like a text input.\n * - `chips`: a multiple select inside a `Field` shows its picks as chips and searches in the field.\n * - `trigger`: everything else (toolbars, breadcrumbs, inline pickers that callers lay out as a button)\n *   keeps a compact trigger with the search inside the popup.\n */\ntype ComboboxShape = 'field' | 'chips' | 'trigger';\n\nfunction getComboboxShape({\n  inFieldContext,\n  multiple,\n  variant,\n  size,\n  iconOnlyValue,\n  showChevron,\n  placeholder,\n}: {\n  inFieldContext: boolean;\n  multiple: boolean;\n  variant: ComboboxVariant;\n  size: ButtonSize;\n  iconOnlyValue: boolean;\n  showChevron: boolean;\n  placeholder: React.ReactNode;\n}): ComboboxShape {\n  if (!inFieldContext) return 'trigger';\n  if (variant !== 'default') return 'trigger';\n  if (isIconButtonSize(size)) return 'trigger';\n  if (iconOnlyValue || !showChevron) return 'trigger';\n  if (placeholder !== undefined && textPlaceholder(placeholder) === undefined) return 'trigger';\n  if (!multiple) return 'field';\n  // The chips field is tuned to the medium control height.\n  if (size !== 'md') return 'trigger';\n  return 'chips';\n}\n\n/** A \"Use “text”\" option for typed text that isn't one of the options yet. */\nfunction getCustomOption(options: ComboboxOption[], inputValue: string): ComboboxOption | undefined {\n  const value = inputValue.trim();\n  if (!value) return undefined;\n  // A field shows the selected option's text while it's closed; that isn't a new value.\n  if (options.some(option => option.value === value || optionText(option) === value)) return undefined;\n  return { label: `Use “${value}”`, value };\n}\n\n/** Matches the label like Base UI's default filter, the text a field shows, and any keywords. */\nfunction useOptionFilter() {\n  const { contains } = BaseCombobox.useFilter();\n  return (option: ComboboxOption, query: string) =>\n    [option.label, optionText(option), ...(option.keywords ?? [])].some(text => contains(text, query));\n}\n\n/** Names the control when nothing else does: an `id` or a `Field` links a label to it instead. */\nfunction getFallbackAriaLabel({ hasLabel, multiple }: { hasLabel: boolean; multiple: boolean }) {\n  if (hasLabel) return undefined;\n  return multiple ? 'Select options' : 'Select option';\n}\n\nfunction getControlProps({\n  id,\n  ariaLabel,\n  ariaDescribedBy,\n  hasLabel,\n  multiple,\n  error,\n  errorName,\n}: {\n  id?: string;\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  hasLabel: boolean;\n  multiple: boolean;\n  error?: string;\n  errorName: string;\n}) {\n  const describedBy = [ariaDescribedBy, error ? fieldErrorId(errorName) : undefined].filter(Boolean).join(' ');\n  return {\n    id,\n    'aria-label': ariaLabel ?? getFallbackAriaLabel({ hasLabel, multiple }),\n    ...keepOwnAccessibleName({ 'aria-label': ariaLabel }),\n    ...deprecatedErrorAria(Boolean(error)),\n    'aria-describedby': describedBy || undefined,\n  };\n}\n\ntype ControlProps = ReturnType<typeof getControlProps>;\n\nfunction triggerClassName({ iconOnlyValue, className }: { iconOnlyValue: boolean; className?: string }) {\n  return cn(iconOnlyValue && 'w-auto px-2.5', className);\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span className={comboboxStyles.optionText}>\n      <span className={comboboxStyles.optionLabel}>{option.label}</span>\n      {option.description && <span className={comboboxStyles.optionDescription}>{option.description}</span>}\n    </span>\n  );\n}\n\nfunction ComboboxClearFooter({ label, onClear }: { label: string; onClear: () => void }) {\n  return (\n    <div className=\"border-t border-border p-1\">\n      <Button\n        type=\"button\"\n        variant=\"destructive-ghost\"\n        size=\"sm\"\n        className=\"w-full justify-start\"\n        onClick={onClear}\n        icon={<X />}\n      >\n        {label}\n      </Button>\n    </div>\n  );\n}\n\n/** The popup: the search row for a compact trigger (a field searches in itself), then the options. */\nfunction ComboboxOptionsContent({\n  showSearch,\n  searchPlaceholder,\n  emptyText,\n  align,\n  container,\n  footer,\n}: {\n  showSearch: boolean;\n  searchPlaceholder: string;\n  emptyText: string;\n  align: 'start' | 'center' | 'end';\n  container?: PortalContainer;\n  footer?: React.ReactNode;\n}) {\n  return (\n    <ComboboxContent align={align} container={container}>\n      {showSearch ? <ComboboxSearch placeholder={searchPlaceholder} /> : null}\n      <ComboboxEmpty>{emptyText}</ComboboxEmpty>\n      <ComboboxList>\n        {(option: ComboboxOption) => (\n          <ComboboxItem key={option.value} value={option}>\n            {option.start}\n            <ComboboxOptionText option={option} />\n            {option.end ? <span className={comboboxStyles.optionEnd}>{option.end}</span> : null}\n          </ComboboxItem>\n        )}\n      </ComboboxList>\n      {footer}\n    </ComboboxContent>\n  );\n}\n\ntype TriggerLookProps = {\n  variant: ComboboxVariant;\n  size: ButtonSize;\n  showChevron: boolean;\n  iconOnlyValue: boolean;\n  className?: string;\n};\n\nfunction SingleComboboxControl({\n  shape,\n  controlProps,\n  placeholder,\n  selectedOption,\n  look,\n}: {\n  shape: ComboboxShape;\n  controlProps: ControlProps;\n  placeholder: React.ReactNode;\n  selectedOption?: ComboboxOption;\n  look: TriggerLookProps;\n}) {\n  if (shape === 'field') {\n    return (\n      <ComboboxInput\n        {...controlProps}\n        size={isIconButtonSize(look.size) ? undefined : look.size}\n        placeholder={textPlaceholder(placeholder)}\n        start={selectedOption?.start}\n        className={look.className}\n      />\n    );\n  }\n\n  return (\n    <ComboboxTrigger\n      {...controlProps}\n      variant={look.variant}\n      size={look.size}\n      showChevron={look.showChevron}\n      icon={isIconButtonSize(look.size) ? undefined : selectedOption?.start}\n      className={triggerClassName(look)}\n    >\n      {selectedOption?.displayLabel ?? <ComboboxValue placeholder={placeholder} />}\n    </ComboboxTrigger>\n  );\n}\n\nfunction MultipleComboboxControl({\n  shape,\n  controlProps,\n  placeholder,\n  selectedCount,\n  look,\n}: {\n  shape: ComboboxShape;\n  controlProps: ControlProps;\n  placeholder: React.ReactNode;\n  selectedCount: number;\n  look: TriggerLookProps;\n}) {\n  if (shape === 'chips') {\n    return (\n      <ComboboxChips className={look.className}>\n        <ComboboxValue>\n          {(items: ComboboxOption[]) => (\n            <>\n              {items.map(item => (\n                <ComboboxChip key={item.value}>{item.label}</ComboboxChip>\n              ))}\n              <ComboboxChipsInput\n                {...controlProps}\n                placeholder={items.length === 0 ? textPlaceholder(placeholder) : undefined}\n              />\n            </>\n          )}\n        </ComboboxValue>\n      </ComboboxChips>\n    );\n  }\n\n  const text = selectedCount === 0 ? placeholder : `${selectedCount} selected`;\n  return (\n    <ComboboxTrigger\n      {...controlProps}\n      variant={look.variant}\n      size={look.size}\n      showChevron={look.showChevron}\n      className={triggerClassName(look)}\n    >\n      <span className={cn(selectedCount === 0 && comboboxStyles.placeholder)}>{text}</span>\n    </ComboboxTrigger>\n  );\n}\n\ntype ShapeProps = { shape: ComboboxShape; controlProps: ControlProps };\n\nfunction SingleCombobox({\n  shape,\n  controlProps,\n  options,\n  value,\n  onValueChange,\n  placeholder = 'Select option...',\n  searchPlaceholder = 'Search...',\n  emptyText = 'No option found.',\n  className,\n  disabled = false,\n  variant = 'default',\n  size = 'md',\n  open,\n  onOpenChange,\n  container,\n  align = 'start',\n  showChevron = true,\n  iconOnlyValue = false,\n  allowCustomValue = false,\n  onInputValueChange,\n}: ComboboxSingleProps & ShapeProps) {\n  // The search text: a field's own text, or the compact trigger's popup search.\n  const [inputValue, setInputValue] = React.useState('');\n  const filter = useOptionFilter();\n  const inField = shape === 'field';\n  const selectedOption = options.find(option => option.value === value);\n  const customOption = allowCustomValue ? getCustomOption(options, inputValue) : undefined;\n  const items = customOption ? [customOption, ...options] : options;\n\n  function handleInputValueChange(next: string) {\n    setInputValue(next);\n    onInputValueChange?.(next);\n  }\n\n  function handleValueChange(item: ComboboxOption | null) {\n    if (!item) return;\n    onValueChange?.(item.value);\n    // A field shows the picked option; a compact trigger's popup search starts empty next time.\n    if (!inField) handleInputValueChange('');\n  }\n\n  return (\n    <ComboboxRoot\n      autoHighlight\n      items={items}\n      filter={filter}\n      itemToStringLabel={optionText}\n      // Base UI's \"nothing selected\" is null.\n      value={selectedOption ?? null}\n      // A field owns its text (the selected option's, or the search); a compact trigger's search is reset here.\n      inputValue={inField ? undefined : inputValue}\n      onInputValueChange={handleInputValueChange}\n      onValueChange={handleValueChange}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <SingleComboboxControl\n        shape={shape}\n        controlProps={controlProps}\n        placeholder={placeholder}\n        selectedOption={selectedOption}\n        look={{ variant, size, showChevron, iconOnlyValue, className }}\n      />\n      <ComboboxOptionsContent\n        showSearch={!inField}\n        searchPlaceholder={searchPlaceholder}\n        emptyText={emptyText}\n        align={align}\n        container={container}\n      />\n    </ComboboxRoot>\n  );\n}\n\nfunction MultipleCombobox({\n  shape,\n  controlProps,\n  options,\n  value = EMPTY_VALUES,\n  onValueChange,\n  clearLabel,\n  placeholder = 'Select options...',\n  searchPlaceholder = 'Search...',\n  emptyText = 'No option found.',\n  className,\n  disabled = false,\n  variant = 'default',\n  size = 'md',\n  open,\n  onOpenChange,\n  container,\n  align = 'start',\n  showChevron = true,\n  iconOnlyValue = false,\n}: ComboboxMultipleProps & ShapeProps) {\n  const filter = useOptionFilter();\n  const selectedValues = new Set(value);\n  const selectedOptions = options.filter(option => selectedValues.has(option.value));\n  const footer =\n    clearLabel && selectedOptions.length > 0 ? (\n      <ComboboxClearFooter label={clearLabel} onClear={() => onValueChange?.([])} />\n    ) : undefined;\n\n  return (\n    <ComboboxRoot\n      multiple\n      autoHighlight\n      items={options}\n      filter={filter}\n      value={selectedOptions}\n      onValueChange={items => onValueChange?.(items.map(item => item.value))}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <MultipleComboboxControl\n        shape={shape}\n        controlProps={controlProps}\n        placeholder={placeholder}\n        selectedCount={selectedOptions.length}\n        look={{ variant, size, showChevron, iconOnlyValue, className }}\n      />\n      <ComboboxOptionsContent\n        showSearch={shape !== 'chips'}\n        searchPlaceholder={searchPlaceholder}\n        emptyText={emptyText}\n        align={align}\n        container={container}\n        footer={footer}\n      />\n    </ComboboxRoot>\n  );\n}\n\n/**\n * A searchable select driven by `options`, built on the Combobox parts.\n *\n * Inside a `Field`, a `default` combobox searches right in the field: a text field for a single value,\n * removable chips for `multiple`. Everywhere else (outside a `Field`, `ghost` and icon-size triggers,\n * custom non-text placeholders) it keeps a compact trigger with the search inside the popup. For anything\n * these props don't cover (groups, rich items), compose the parts directly (`ComboboxRoot`, ...).\n */\nexport function Combobox(props: ComboboxProps) {\n  const field = useFieldAriaIds();\n  const generatedName = React.useId();\n  const multiple = isMultipleCombobox(props);\n  const shape = getComboboxShape({\n    inFieldContext: Boolean(field),\n    multiple,\n    variant: props.variant ?? 'default',\n    size: props.size ?? 'md',\n    iconOnlyValue: props.iconOnlyValue ?? false,\n    showChevron: props.showChevron ?? true,\n    placeholder: props.placeholder,\n  });\n  const errorName = props.name ?? generatedName;\n  const controlProps = getControlProps({\n    id: props.id,\n    ariaLabel: props['aria-label'],\n    ariaDescribedBy: props['aria-describedby'],\n    hasLabel: Boolean(props.id || field),\n    multiple,\n    error: props.error,\n    errorName,\n  });\n\n  const root = isMultipleCombobox(props) ? (\n    <MultipleCombobox {...props} shape={shape} controlProps={controlProps} />\n  ) : (\n    <SingleCombobox {...props} shape={shape} controlProps={controlProps} />\n  );\n\n  if (!props.error) return root;\n\n  return (\n    <div className={comboboxStyles.root}>\n      {root}\n      <FieldBlock.ErrorMsg name={errorName}>{props.error}</FieldBlock.ErrorMsg>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"combobox-D21no8t5.js","names":["BaseCombobox","_Fragment","React","Combobox"],"sources":["../src/ds/components/Combobox/combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport {\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxRoot,\n  ComboboxSearch,\n  ComboboxTrigger,\n  ComboboxValue,\n} from './combobox-parts';\nimport { comboboxStyles } from './combobox-styles';\nimport type { ComboboxVariant } from './combobox-styles';\nimport { Button, isIconButtonSize } from '@/ds/components/Button/Button';\nimport type { ButtonSize } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName, useFieldAriaIds } from '@/ds/components/Field/field-control-aria';\nimport { FieldBlock } from '@/ds/components/FormFieldBlocks/block/field-block';\nimport { fieldErrorId } from '@/ds/components/FormFieldBlocks/block/field-error-id';\nimport { deprecatedErrorAria } from '@/ds/primitives/form-element';\nimport type { PortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\nexport type { ComboboxVariant } from './combobox-styles';\n\nexport type ComboboxOption = {\n  label: string;\n  value: string;\n  description?: string;\n  displayLabel?: React.ReactNode;\n  start?: React.ReactNode;\n  end?: React.ReactNode;\n  /** Extra terms the search matches besides `label` (aliases, ids, a provider name). Never displayed. */\n  keywords?: readonly string[];\n};\n\ntype ComboboxSharedProps = {\n  options: ComboboxOption[];\n  placeholder?: React.ReactNode;\n  /** The search row's placeholder for compact triggers. A field (inside a `Field`) searches in itself and shows `placeholder`. */\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  /**\n   * `default` inside a `Field` is a form field you type in to search. `ghost` (and the legacy `outline`/`link`),\n   * or any variant outside a `Field`, is a compact trigger with the search inside the popup.\n   */\n  variant?: ComboboxVariant;\n  /** Icon sizes (`icon-*`) render a chevron-only trigger with the search in the popup; pass `aria-label` to name it. */\n  size?: ButtonSize;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  container?: PortalContainer;\n  id?: string;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  /** Which edge of the trigger the popup lines up with. `end` opens it leftwards (e.g. an icon trigger at the end of a row). */\n  align?: 'start' | 'center' | 'end';\n  showChevron?: boolean;\n  iconOnlyValue?: boolean;\n  allowCustomValue?: boolean;\n  /** Called with the search text as it changes (and with `''` after a compact trigger's selection resets it). */\n  onInputValueChange?: (value: string) => void;\n  /** @deprecated Wrap the combobox in `<Field invalid>` with a `FieldError`. */\n  error?: string;\n  /** @deprecated Only keyed the `error` message id; a `Field` links its error without one. */\n  name?: string;\n};\n\nexport type ComboboxSingleProps = ComboboxSharedProps & {\n  multiple?: false;\n  value?: string;\n  onValueChange?: (value: string) => void;\n};\n\nexport type ComboboxMultipleProps = ComboboxSharedProps & {\n  multiple: true;\n  value?: readonly string[];\n  onValueChange?: (value: string[]) => void;\n  clearLabel?: string;\n};\n\nexport type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;\n\nconst EMPTY_VALUES: readonly string[] = [];\n\nfunction isMultipleCombobox(props: ComboboxProps): props is ComboboxMultipleProps {\n  return props.multiple === true;\n}\n\n/** The text a field shows for its value: a plain-text `displayLabel` wins over `label`. */\nfunction optionText(option: ComboboxOption) {\n  return typeof option.displayLabel === 'string' ? option.displayLabel : option.label;\n}\n\n/** Inputs take a text placeholder only; a ReactNode placeholder keeps the compact trigger. */\nfunction textPlaceholder(placeholder: React.ReactNode) {\n  return typeof placeholder === 'string' ? placeholder : undefined;\n}\n\n/**\n * How the combobox renders:\n * - `field`: a single select inside a `Field` searches in the field, like a text input.\n * - `chips`: a multiple select inside a `Field` shows its picks as chips and searches in the field.\n * - `trigger`: everything else (toolbars, breadcrumbs, inline pickers that callers lay out as a button)\n *   keeps a compact trigger with the search inside the popup.\n */\ntype ComboboxShape = 'field' | 'chips' | 'trigger';\n\nfunction getComboboxShape({\n  inFieldContext,\n  multiple,\n  variant,\n  size,\n  iconOnlyValue,\n  showChevron,\n  placeholder,\n}: {\n  inFieldContext: boolean;\n  multiple: boolean;\n  variant: ComboboxVariant;\n  size: ButtonSize;\n  iconOnlyValue: boolean;\n  showChevron: boolean;\n  placeholder: React.ReactNode;\n}): ComboboxShape {\n  if (!inFieldContext) return 'trigger';\n  if (variant !== 'default') return 'trigger';\n  if (isIconButtonSize(size)) return 'trigger';\n  if (iconOnlyValue || !showChevron) return 'trigger';\n  if (placeholder !== undefined && textPlaceholder(placeholder) === undefined) return 'trigger';\n  if (!multiple) return 'field';\n  // The chips field is tuned to the medium control height.\n  if (size !== 'md') return 'trigger';\n  return 'chips';\n}\n\n/** A \"Use “text”\" option for typed text that isn't one of the options yet. */\nfunction getCustomOption(options: ComboboxOption[], inputValue: string): ComboboxOption | undefined {\n  const value = inputValue.trim();\n  if (!value) return undefined;\n  // A field shows the selected option's text while it's closed; that isn't a new value.\n  if (options.some(option => option.value === value || optionText(option) === value)) return undefined;\n  return { label: `Use “${value}”`, value };\n}\n\n/** Matches the label like Base UI's default filter, the text a field shows, and any keywords. */\nfunction useOptionFilter() {\n  const { contains } = BaseCombobox.useFilter();\n  return (option: ComboboxOption, query: string) =>\n    [option.label, optionText(option), ...(option.keywords ?? [])].some(text => contains(text, query));\n}\n\n/** Names the control when nothing else does: an `id` or a `Field` links a label to it instead. */\nfunction getFallbackAriaLabel({ hasLabel, multiple }: { hasLabel: boolean; multiple: boolean }) {\n  if (hasLabel) return undefined;\n  return multiple ? 'Select options' : 'Select option';\n}\n\nfunction getControlProps({\n  id,\n  ariaLabel,\n  ariaDescribedBy,\n  hasLabel,\n  multiple,\n  error,\n  errorName,\n}: {\n  id?: string;\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  hasLabel: boolean;\n  multiple: boolean;\n  error?: string;\n  errorName: string;\n}) {\n  const describedBy = [ariaDescribedBy, error ? fieldErrorId(errorName) : undefined].filter(Boolean).join(' ');\n  return {\n    id,\n    'aria-label': ariaLabel ?? getFallbackAriaLabel({ hasLabel, multiple }),\n    ...keepOwnAccessibleName({ 'aria-label': ariaLabel }),\n    ...deprecatedErrorAria(Boolean(error)),\n    'aria-describedby': describedBy || undefined,\n  };\n}\n\ntype ControlProps = ReturnType<typeof getControlProps>;\n\nfunction triggerClassName({ iconOnlyValue, className }: { iconOnlyValue: boolean; className?: string }) {\n  return cn(iconOnlyValue && 'w-auto px-2.5', className);\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span className={comboboxStyles.optionText}>\n      <span className={comboboxStyles.optionLabel}>{option.label}</span>\n      {option.description && <span className={comboboxStyles.optionDescription}>{option.description}</span>}\n    </span>\n  );\n}\n\nfunction ComboboxClearFooter({ label, onClear }: { label: string; onClear: () => void }) {\n  return (\n    <div className=\"border-t border-border p-1\">\n      <Button\n        type=\"button\"\n        variant=\"destructive-ghost\"\n        size=\"sm\"\n        className=\"w-full justify-start\"\n        onClick={onClear}\n        icon={<X />}\n      >\n        {label}\n      </Button>\n    </div>\n  );\n}\n\n/** The popup: the search row for a compact trigger (a field searches in itself), then the options. */\nfunction ComboboxOptionsContent({\n  showSearch,\n  searchPlaceholder,\n  emptyText,\n  align,\n  container,\n  footer,\n}: {\n  showSearch: boolean;\n  searchPlaceholder: string;\n  emptyText: string;\n  align: 'start' | 'center' | 'end';\n  container?: PortalContainer;\n  footer?: React.ReactNode;\n}) {\n  return (\n    <ComboboxContent align={align} container={container}>\n      {showSearch ? <ComboboxSearch placeholder={searchPlaceholder} /> : null}\n      <ComboboxEmpty>{emptyText}</ComboboxEmpty>\n      <ComboboxList>\n        {(option: ComboboxOption) => (\n          <ComboboxItem key={option.value} value={option}>\n            {option.start}\n            <ComboboxOptionText option={option} />\n            {option.end ? <span className={comboboxStyles.optionEnd}>{option.end}</span> : null}\n          </ComboboxItem>\n        )}\n      </ComboboxList>\n      {footer}\n    </ComboboxContent>\n  );\n}\n\ntype TriggerLookProps = {\n  variant: ComboboxVariant;\n  size: ButtonSize;\n  showChevron: boolean;\n  iconOnlyValue: boolean;\n  className?: string;\n};\n\nfunction SingleComboboxControl({\n  shape,\n  controlProps,\n  placeholder,\n  selectedOption,\n  look,\n}: {\n  shape: ComboboxShape;\n  controlProps: ControlProps;\n  placeholder: React.ReactNode;\n  selectedOption?: ComboboxOption;\n  look: TriggerLookProps;\n}) {\n  if (shape === 'field') {\n    return (\n      <ComboboxInput\n        {...controlProps}\n        size={isIconButtonSize(look.size) ? undefined : look.size}\n        placeholder={textPlaceholder(placeholder)}\n        start={selectedOption?.start}\n        className={look.className}\n      />\n    );\n  }\n\n  return (\n    <ComboboxTrigger\n      {...controlProps}\n      variant={look.variant}\n      size={look.size}\n      showChevron={look.showChevron}\n      icon={isIconButtonSize(look.size) ? undefined : selectedOption?.start}\n      className={triggerClassName(look)}\n    >\n      {selectedOption?.displayLabel ?? <ComboboxValue placeholder={placeholder} />}\n    </ComboboxTrigger>\n  );\n}\n\nfunction MultipleComboboxControl({\n  shape,\n  controlProps,\n  placeholder,\n  selectedCount,\n  look,\n}: {\n  shape: ComboboxShape;\n  controlProps: ControlProps;\n  placeholder: React.ReactNode;\n  selectedCount: number;\n  look: TriggerLookProps;\n}) {\n  if (shape === 'chips') {\n    return (\n      <ComboboxChips className={look.className}>\n        <ComboboxValue>\n          {(items: ComboboxOption[]) => (\n            <>\n              {items.map(item => (\n                <ComboboxChip key={item.value}>{item.label}</ComboboxChip>\n              ))}\n              <ComboboxChipsInput\n                {...controlProps}\n                placeholder={items.length === 0 ? textPlaceholder(placeholder) : undefined}\n              />\n            </>\n          )}\n        </ComboboxValue>\n      </ComboboxChips>\n    );\n  }\n\n  const text = selectedCount === 0 ? placeholder : `${selectedCount} selected`;\n  return (\n    <ComboboxTrigger\n      {...controlProps}\n      variant={look.variant}\n      size={look.size}\n      showChevron={look.showChevron}\n      className={triggerClassName(look)}\n    >\n      <span className={cn(selectedCount === 0 && comboboxStyles.placeholder)}>{text}</span>\n    </ComboboxTrigger>\n  );\n}\n\ntype ShapeProps = { shape: ComboboxShape; controlProps: ControlProps };\n\nfunction SingleCombobox({\n  shape,\n  controlProps,\n  options,\n  value,\n  onValueChange,\n  placeholder = 'Select option',\n  searchPlaceholder = 'Search',\n  emptyText = 'No option found.',\n  className,\n  disabled = false,\n  variant = 'default',\n  size = 'md',\n  open,\n  onOpenChange,\n  container,\n  align = 'start',\n  showChevron = true,\n  iconOnlyValue = false,\n  allowCustomValue = false,\n  onInputValueChange,\n}: ComboboxSingleProps & ShapeProps) {\n  // The search text: a field's own text, or the compact trigger's popup search.\n  const [inputValue, setInputValue] = React.useState('');\n  const filter = useOptionFilter();\n  const inField = shape === 'field';\n  const selectedOption = options.find(option => option.value === value);\n  const customOption = allowCustomValue ? getCustomOption(options, inputValue) : undefined;\n  const items = customOption ? [customOption, ...options] : options;\n\n  function handleInputValueChange(next: string) {\n    setInputValue(next);\n    onInputValueChange?.(next);\n  }\n\n  function handleValueChange(item: ComboboxOption | null) {\n    if (!item) return;\n    onValueChange?.(item.value);\n    // A field shows the picked option; a compact trigger's popup search starts empty next time.\n    if (!inField) handleInputValueChange('');\n  }\n\n  return (\n    <ComboboxRoot\n      autoHighlight\n      items={items}\n      filter={filter}\n      itemToStringLabel={optionText}\n      // Base UI's \"nothing selected\" is null.\n      value={selectedOption ?? null}\n      // A field owns its text (the selected option's, or the search); a compact trigger's search is reset here.\n      inputValue={inField ? undefined : inputValue}\n      onInputValueChange={handleInputValueChange}\n      onValueChange={handleValueChange}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <SingleComboboxControl\n        shape={shape}\n        controlProps={controlProps}\n        placeholder={placeholder}\n        selectedOption={selectedOption}\n        look={{ variant, size, showChevron, iconOnlyValue, className }}\n      />\n      <ComboboxOptionsContent\n        showSearch={!inField}\n        searchPlaceholder={searchPlaceholder}\n        emptyText={emptyText}\n        align={align}\n        container={container}\n      />\n    </ComboboxRoot>\n  );\n}\n\nfunction MultipleCombobox({\n  shape,\n  controlProps,\n  options,\n  value = EMPTY_VALUES,\n  onValueChange,\n  clearLabel,\n  placeholder = 'Select options',\n  searchPlaceholder = 'Search',\n  emptyText = 'No option found.',\n  className,\n  disabled = false,\n  variant = 'default',\n  size = 'md',\n  open,\n  onOpenChange,\n  container,\n  align = 'start',\n  showChevron = true,\n  iconOnlyValue = false,\n}: ComboboxMultipleProps & ShapeProps) {\n  const filter = useOptionFilter();\n  const selectedValues = new Set(value);\n  const selectedOptions = options.filter(option => selectedValues.has(option.value));\n  const footer =\n    clearLabel && selectedOptions.length > 0 ? (\n      <ComboboxClearFooter label={clearLabel} onClear={() => onValueChange?.([])} />\n    ) : undefined;\n\n  return (\n    <ComboboxRoot\n      multiple\n      autoHighlight\n      items={options}\n      filter={filter}\n      value={selectedOptions}\n      onValueChange={items => onValueChange?.(items.map(item => item.value))}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <MultipleComboboxControl\n        shape={shape}\n        controlProps={controlProps}\n        placeholder={placeholder}\n        selectedCount={selectedOptions.length}\n        look={{ variant, size, showChevron, iconOnlyValue, className }}\n      />\n      <ComboboxOptionsContent\n        showSearch={shape !== 'chips'}\n        searchPlaceholder={searchPlaceholder}\n        emptyText={emptyText}\n        align={align}\n        container={container}\n        footer={footer}\n      />\n    </ComboboxRoot>\n  );\n}\n\n/**\n * A searchable select driven by `options`, built on the Combobox parts.\n *\n * Inside a `Field`, a `default` combobox searches right in the field: a text field for a single value,\n * removable chips for `multiple`. Everywhere else (outside a `Field`, `ghost` and icon-size triggers,\n * custom non-text placeholders) it keeps a compact trigger with the search inside the popup. For anything\n * these props don't cover (groups, rich items), compose the parts directly (`ComboboxRoot`, ...).\n */\nexport function Combobox(props: ComboboxProps) {\n  const field = useFieldAriaIds();\n  const generatedName = React.useId();\n  const multiple = isMultipleCombobox(props);\n  const shape = getComboboxShape({\n    inFieldContext: Boolean(field),\n    multiple,\n    variant: props.variant ?? 'default',\n    size: props.size ?? 'md',\n    iconOnlyValue: props.iconOnlyValue ?? false,\n    showChevron: props.showChevron ?? true,\n    placeholder: props.placeholder,\n  });\n  const errorName = props.name ?? generatedName;\n  const controlProps = getControlProps({\n    id: props.id,\n    ariaLabel: props['aria-label'],\n    ariaDescribedBy: props['aria-describedby'],\n    hasLabel: Boolean(props.id || field),\n    multiple,\n    error: props.error,\n    errorName,\n  });\n\n  const root = isMultipleCombobox(props) ? (\n    <MultipleCombobox {...props} shape={shape} controlProps={controlProps} />\n  ) : (\n    <SingleCombobox {...props} shape={shape} controlProps={controlProps} />\n  );\n\n  if (!props.error) return root;\n\n  return (\n    <div className={comboboxStyles.root}>\n      {root}\n      <FieldBlock.ErrorMsg name={errorName}>{props.error}</FieldBlock.ErrorMsg>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{combobox-8kNAJFlj.cjs → combobox-DIT_6xiG.cjs}

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
 const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_primitives_form_element = require("./primitives/form-element.cjs.js");
-const require_Button = require("./Button-YQRflC47.cjs");
+const require_Button = require("./Button-DLcMcuUL.cjs");
 const require_field_control_aria = require("./field-control-aria-Dw0_ObOU.cjs");
-const require_combobox_parts = require("./combobox-parts-BZVXwbG7.cjs");
+const require_combobox_parts = require("./combobox-parts-C4phOq4t.cjs");
 const require_field_error_id = require("./field-error-id-nGAF0330.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
@@ -161,7 +161,7 @@ function MultipleComboboxControl({ shape, controlProps, placeholder, selectedCou
 		})
 	});
 }
-function SingleCombobox({ shape, controlProps, options, value, onValueChange, placeholder = "Select option...", searchPlaceholder = "Search...", emptyText = "No option found.", className, disabled = false, variant = "default", size = "md", open, onOpenChange, container, align = "start", showChevron = true, iconOnlyValue = false, allowCustomValue = false, onInputValueChange }) {
+function SingleCombobox({ shape, controlProps, options, value, onValueChange, placeholder = "Select option", searchPlaceholder = "Search", emptyText = "No option found.", className, disabled = false, variant = "default", size = "md", open, onOpenChange, container, align = "start", showChevron = true, iconOnlyValue = false, allowCustomValue = false, onInputValueChange }) {
 	const [inputValue, setInputValue] = react.useState("");
 	const filter = useOptionFilter();
 	const inField = shape === "field";
@@ -210,7 +210,7 @@ function SingleCombobox({ shape, controlProps, options, value, onValueChange, pl
 		})]
 	});
 }
-function MultipleCombobox({ shape, controlProps, options, value = EMPTY_VALUES, onValueChange, clearLabel, placeholder = "Select options...", searchPlaceholder = "Search...", emptyText = "No option found.", className, disabled = false, variant = "default", size = "md", open, onOpenChange, container, align = "start", showChevron = true, iconOnlyValue = false }) {
+function MultipleCombobox({ shape, controlProps, options, value = EMPTY_VALUES, onValueChange, clearLabel, placeholder = "Select options", searchPlaceholder = "Search", emptyText = "No option found.", className, disabled = false, variant = "default", size = "md", open, onOpenChange, container, align = "start", showChevron = true, iconOnlyValue = false }) {
 	const filter = useOptionFilter();
 	const selectedValues = new Set(value);
 	const selectedOptions = options.filter((option) => selectedValues.has(option.value));
@@ -306,4 +306,4 @@ Object.defineProperty(exports, "Combobox", {
 	}
 });
 
-//# sourceMappingURL=combobox-8kNAJFlj.cjs.map
+//# sourceMappingURL=combobox-DIT_6xiG.cjs.map

package/dist/combobox-DIT_6xiG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-DIT_6xiG.cjs","names":["isIconButtonSize","BaseCombobox","fieldErrorId","keepOwnAccessibleName","deprecatedErrorAria","cn","comboboxStyles","Button","X","ComboboxContent","ComboboxSearch","ComboboxEmpty","ComboboxList","ComboboxItem","ComboboxInput","ComboboxTrigger","ComboboxValue","ComboboxChips","_Fragment","ComboboxChip","ComboboxChipsInput","React","ComboboxRoot","useFieldAriaIds","FieldBlock"],"sources":["../src/ds/components/Combobox/combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport {\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxRoot,\n  ComboboxSearch,\n  ComboboxTrigger,\n  ComboboxValue,\n} from './combobox-parts';\nimport { comboboxStyles } from './combobox-styles';\nimport type { ComboboxVariant } from './combobox-styles';\nimport { Button, isIconButtonSize } from '@/ds/components/Button/Button';\nimport type { ButtonSize } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName, useFieldAriaIds } from '@/ds/components/Field/field-control-aria';\nimport { FieldBlock } from '@/ds/components/FormFieldBlocks/block/field-block';\nimport { fieldErrorId } from '@/ds/components/FormFieldBlocks/block/field-error-id';\nimport { deprecatedErrorAria } from '@/ds/primitives/form-element';\nimport type { PortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\nexport type { ComboboxVariant } from './combobox-styles';\n\nexport type ComboboxOption = {\n  label: string;\n  value: string;\n  description?: string;\n  displayLabel?: React.ReactNode;\n  start?: React.ReactNode;\n  end?: React.ReactNode;\n  /** Extra terms the search matches besides `label` (aliases, ids, a provider name). Never displayed. */\n  keywords?: readonly string[];\n};\n\ntype ComboboxSharedProps = {\n  options: ComboboxOption[];\n  placeholder?: React.ReactNode;\n  /** The search row's placeholder for compact triggers. A field (inside a `Field`) searches in itself and shows `placeholder`. */\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  /**\n   * `default` inside a `Field` is a form field you type in to search. `ghost` (and the legacy `outline`/`link`),\n   * or any variant outside a `Field`, is a compact trigger with the search inside the popup.\n   */\n  variant?: ComboboxVariant;\n  /** Icon sizes (`icon-*`) render a chevron-only trigger with the search in the popup; pass `aria-label` to name it. */\n  size?: ButtonSize;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  container?: PortalContainer;\n  id?: string;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  /** Which edge of the trigger the popup lines up with. `end` opens it leftwards (e.g. an icon trigger at the end of a row). */\n  align?: 'start' | 'center' | 'end';\n  showChevron?: boolean;\n  iconOnlyValue?: boolean;\n  allowCustomValue?: boolean;\n  /** Called with the search text as it changes (and with `''` after a compact trigger's selection resets it). */\n  onInputValueChange?: (value: string) => void;\n  /** @deprecated Wrap the combobox in `<Field invalid>` with a `FieldError`. */\n  error?: string;\n  /** @deprecated Only keyed the `error` message id; a `Field` links its error without one. */\n  name?: string;\n};\n\nexport type ComboboxSingleProps = ComboboxSharedProps & {\n  multiple?: false;\n  value?: string;\n  onValueChange?: (value: string) => void;\n};\n\nexport type ComboboxMultipleProps = ComboboxSharedProps & {\n  multiple: true;\n  value?: readonly string[];\n  onValueChange?: (value: string[]) => void;\n  clearLabel?: string;\n};\n\nexport type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;\n\nconst EMPTY_VALUES: readonly string[] = [];\n\nfunction isMultipleCombobox(props: ComboboxProps): props is ComboboxMultipleProps {\n  return props.multiple === true;\n}\n\n/** The text a field shows for its value: a plain-text `displayLabel` wins over `label`. */\nfunction optionText(option: ComboboxOption) {\n  return typeof option.displayLabel === 'string' ? option.displayLabel : option.label;\n}\n\n/** Inputs take a text placeholder only; a ReactNode placeholder keeps the compact trigger. */\nfunction textPlaceholder(placeholder: React.ReactNode) {\n  return typeof placeholder === 'string' ? placeholder : undefined;\n}\n\n/**\n * How the combobox renders:\n * - `field`: a single select inside a `Field` searches in the field, like a text input.\n * - `chips`: a multiple select inside a `Field` shows its picks as chips and searches in the field.\n * - `trigger`: everything else (toolbars, breadcrumbs, inline pickers that callers lay out as a button)\n *   keeps a compact trigger with the search inside the popup.\n */\ntype ComboboxShape = 'field' | 'chips' | 'trigger';\n\nfunction getComboboxShape({\n  inFieldContext,\n  multiple,\n  variant,\n  size,\n  iconOnlyValue,\n  showChevron,\n  placeholder,\n}: {\n  inFieldContext: boolean;\n  multiple: boolean;\n  variant: ComboboxVariant;\n  size: ButtonSize;\n  iconOnlyValue: boolean;\n  showChevron: boolean;\n  placeholder: React.ReactNode;\n}): ComboboxShape {\n  if (!inFieldContext) return 'trigger';\n  if (variant !== 'default') return 'trigger';\n  if (isIconButtonSize(size)) return 'trigger';\n  if (iconOnlyValue || !showChevron) return 'trigger';\n  if (placeholder !== undefined && textPlaceholder(placeholder) === undefined) return 'trigger';\n  if (!multiple) return 'field';\n  // The chips field is tuned to the medium control height.\n  if (size !== 'md') return 'trigger';\n  return 'chips';\n}\n\n/** A \"Use “text”\" option for typed text that isn't one of the options yet. */\nfunction getCustomOption(options: ComboboxOption[], inputValue: string): ComboboxOption | undefined {\n  const value = inputValue.trim();\n  if (!value) return undefined;\n  // A field shows the selected option's text while it's closed; that isn't a new value.\n  if (options.some(option => option.value === value || optionText(option) === value)) return undefined;\n  return { label: `Use “${value}”`, value };\n}\n\n/** Matches the label like Base UI's default filter, the text a field shows, and any keywords. */\nfunction useOptionFilter() {\n  const { contains } = BaseCombobox.useFilter();\n  return (option: ComboboxOption, query: string) =>\n    [option.label, optionText(option), ...(option.keywords ?? [])].some(text => contains(text, query));\n}\n\n/** Names the control when nothing else does: an `id` or a `Field` links a label to it instead. */\nfunction getFallbackAriaLabel({ hasLabel, multiple }: { hasLabel: boolean; multiple: boolean }) {\n  if (hasLabel) return undefined;\n  return multiple ? 'Select options' : 'Select option';\n}\n\nfunction getControlProps({\n  id,\n  ariaLabel,\n  ariaDescribedBy,\n  hasLabel,\n  multiple,\n  error,\n  errorName,\n}: {\n  id?: string;\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  hasLabel: boolean;\n  multiple: boolean;\n  error?: string;\n  errorName: string;\n}) {\n  const describedBy = [ariaDescribedBy, error ? fieldErrorId(errorName) : undefined].filter(Boolean).join(' ');\n  return {\n    id,\n    'aria-label': ariaLabel ?? getFallbackAriaLabel({ hasLabel, multiple }),\n    ...keepOwnAccessibleName({ 'aria-label': ariaLabel }),\n    ...deprecatedErrorAria(Boolean(error)),\n    'aria-describedby': describedBy || undefined,\n  };\n}\n\ntype ControlProps = ReturnType<typeof getControlProps>;\n\nfunction triggerClassName({ iconOnlyValue, className }: { iconOnlyValue: boolean; className?: string }) {\n  return cn(iconOnlyValue && 'w-auto px-2.5', className);\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span className={comboboxStyles.optionText}>\n      <span className={comboboxStyles.optionLabel}>{option.label}</span>\n      {option.description && <span className={comboboxStyles.optionDescription}>{option.description}</span>}\n    </span>\n  );\n}\n\nfunction ComboboxClearFooter({ label, onClear }: { label: string; onClear: () => void }) {\n  return (\n    <div className=\"border-t border-border p-1\">\n      <Button\n        type=\"button\"\n        variant=\"destructive-ghost\"\n        size=\"sm\"\n        className=\"w-full justify-start\"\n        onClick={onClear}\n        icon={<X />}\n      >\n        {label}\n      </Button>\n    </div>\n  );\n}\n\n/** The popup: the search row for a compact trigger (a field searches in itself), then the options. */\nfunction ComboboxOptionsContent({\n  showSearch,\n  searchPlaceholder,\n  emptyText,\n  align,\n  container,\n  footer,\n}: {\n  showSearch: boolean;\n  searchPlaceholder: string;\n  emptyText: string;\n  align: 'start' | 'center' | 'end';\n  container?: PortalContainer;\n  footer?: React.ReactNode;\n}) {\n  return (\n    <ComboboxContent align={align} container={container}>\n      {showSearch ? <ComboboxSearch placeholder={searchPlaceholder} /> : null}\n      <ComboboxEmpty>{emptyText}</ComboboxEmpty>\n      <ComboboxList>\n        {(option: ComboboxOption) => (\n          <ComboboxItem key={option.value} value={option}>\n            {option.start}\n            <ComboboxOptionText option={option} />\n            {option.end ? <span className={comboboxStyles.optionEnd}>{option.end}</span> : null}\n          </ComboboxItem>\n        )}\n      </ComboboxList>\n      {footer}\n    </ComboboxContent>\n  );\n}\n\ntype TriggerLookProps = {\n  variant: ComboboxVariant;\n  size: ButtonSize;\n  showChevron: boolean;\n  iconOnlyValue: boolean;\n  className?: string;\n};\n\nfunction SingleComboboxControl({\n  shape,\n  controlProps,\n  placeholder,\n  selectedOption,\n  look,\n}: {\n  shape: ComboboxShape;\n  controlProps: ControlProps;\n  placeholder: React.ReactNode;\n  selectedOption?: ComboboxOption;\n  look: TriggerLookProps;\n}) {\n  if (shape === 'field') {\n    return (\n      <ComboboxInput\n        {...controlProps}\n        size={isIconButtonSize(look.size) ? undefined : look.size}\n        placeholder={textPlaceholder(placeholder)}\n        start={selectedOption?.start}\n        className={look.className}\n      />\n    );\n  }\n\n  return (\n    <ComboboxTrigger\n      {...controlProps}\n      variant={look.variant}\n      size={look.size}\n      showChevron={look.showChevron}\n      icon={isIconButtonSize(look.size) ? undefined : selectedOption?.start}\n      className={triggerClassName(look)}\n    >\n      {selectedOption?.displayLabel ?? <ComboboxValue placeholder={placeholder} />}\n    </ComboboxTrigger>\n  );\n}\n\nfunction MultipleComboboxControl({\n  shape,\n  controlProps,\n  placeholder,\n  selectedCount,\n  look,\n}: {\n  shape: ComboboxShape;\n  controlProps: ControlProps;\n  placeholder: React.ReactNode;\n  selectedCount: number;\n  look: TriggerLookProps;\n}) {\n  if (shape === 'chips') {\n    return (\n      <ComboboxChips className={look.className}>\n        <ComboboxValue>\n          {(items: ComboboxOption[]) => (\n            <>\n              {items.map(item => (\n                <ComboboxChip key={item.value}>{item.label}</ComboboxChip>\n              ))}\n              <ComboboxChipsInput\n                {...controlProps}\n                placeholder={items.length === 0 ? textPlaceholder(placeholder) : undefined}\n              />\n            </>\n          )}\n        </ComboboxValue>\n      </ComboboxChips>\n    );\n  }\n\n  const text = selectedCount === 0 ? placeholder : `${selectedCount} selected`;\n  return (\n    <ComboboxTrigger\n      {...controlProps}\n      variant={look.variant}\n      size={look.size}\n      showChevron={look.showChevron}\n      className={triggerClassName(look)}\n    >\n      <span className={cn(selectedCount === 0 && comboboxStyles.placeholder)}>{text}</span>\n    </ComboboxTrigger>\n  );\n}\n\ntype ShapeProps = { shape: ComboboxShape; controlProps: ControlProps };\n\nfunction SingleCombobox({\n  shape,\n  controlProps,\n  options,\n  value,\n  onValueChange,\n  placeholder = 'Select option',\n  searchPlaceholder = 'Search',\n  emptyText = 'No option found.',\n  className,\n  disabled = false,\n  variant = 'default',\n  size = 'md',\n  open,\n  onOpenChange,\n  container,\n  align = 'start',\n  showChevron = true,\n  iconOnlyValue = false,\n  allowCustomValue = false,\n  onInputValueChange,\n}: ComboboxSingleProps & ShapeProps) {\n  // The search text: a field's own text, or the compact trigger's popup search.\n  const [inputValue, setInputValue] = React.useState('');\n  const filter = useOptionFilter();\n  const inField = shape === 'field';\n  const selectedOption = options.find(option => option.value === value);\n  const customOption = allowCustomValue ? getCustomOption(options, inputValue) : undefined;\n  const items = customOption ? [customOption, ...options] : options;\n\n  function handleInputValueChange(next: string) {\n    setInputValue(next);\n    onInputValueChange?.(next);\n  }\n\n  function handleValueChange(item: ComboboxOption | null) {\n    if (!item) return;\n    onValueChange?.(item.value);\n    // A field shows the picked option; a compact trigger's popup search starts empty next time.\n    if (!inField) handleInputValueChange('');\n  }\n\n  return (\n    <ComboboxRoot\n      autoHighlight\n      items={items}\n      filter={filter}\n      itemToStringLabel={optionText}\n      // Base UI's \"nothing selected\" is null.\n      value={selectedOption ?? null}\n      // A field owns its text (the selected option's, or the search); a compact trigger's search is reset here.\n      inputValue={inField ? undefined : inputValue}\n      onInputValueChange={handleInputValueChange}\n      onValueChange={handleValueChange}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <SingleComboboxControl\n        shape={shape}\n        controlProps={controlProps}\n        placeholder={placeholder}\n        selectedOption={selectedOption}\n        look={{ variant, size, showChevron, iconOnlyValue, className }}\n      />\n      <ComboboxOptionsContent\n        showSearch={!inField}\n        searchPlaceholder={searchPlaceholder}\n        emptyText={emptyText}\n        align={align}\n        container={container}\n      />\n    </ComboboxRoot>\n  );\n}\n\nfunction MultipleCombobox({\n  shape,\n  controlProps,\n  options,\n  value = EMPTY_VALUES,\n  onValueChange,\n  clearLabel,\n  placeholder = 'Select options',\n  searchPlaceholder = 'Search',\n  emptyText = 'No option found.',\n  className,\n  disabled = false,\n  variant = 'default',\n  size = 'md',\n  open,\n  onOpenChange,\n  container,\n  align = 'start',\n  showChevron = true,\n  iconOnlyValue = false,\n}: ComboboxMultipleProps & ShapeProps) {\n  const filter = useOptionFilter();\n  const selectedValues = new Set(value);\n  const selectedOptions = options.filter(option => selectedValues.has(option.value));\n  const footer =\n    clearLabel && selectedOptions.length > 0 ? (\n      <ComboboxClearFooter label={clearLabel} onClear={() => onValueChange?.([])} />\n    ) : undefined;\n\n  return (\n    <ComboboxRoot\n      multiple\n      autoHighlight\n      items={options}\n      filter={filter}\n      value={selectedOptions}\n      onValueChange={items => onValueChange?.(items.map(item => item.value))}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <MultipleComboboxControl\n        shape={shape}\n        controlProps={controlProps}\n        placeholder={placeholder}\n        selectedCount={selectedOptions.length}\n        look={{ variant, size, showChevron, iconOnlyValue, className }}\n      />\n      <ComboboxOptionsContent\n        showSearch={shape !== 'chips'}\n        searchPlaceholder={searchPlaceholder}\n        emptyText={emptyText}\n        align={align}\n        container={container}\n        footer={footer}\n      />\n    </ComboboxRoot>\n  );\n}\n\n/**\n * A searchable select driven by `options`, built on the Combobox parts.\n *\n * Inside a `Field`, a `default` combobox searches right in the field: a text field for a single value,\n * removable chips for `multiple`. Everywhere else (outside a `Field`, `ghost` and icon-size triggers,\n * custom non-text placeholders) it keeps a compact trigger with the search inside the popup. For anything\n * these props don't cover (groups, rich items), compose the parts directly (`ComboboxRoot`, ...).\n */\nexport function Combobox(props: ComboboxProps) {\n  const field = useFieldAriaIds();\n  const generatedName = React.useId();\n  const multiple = isMultipleCombobox(props);\n  const shape = getComboboxShape({\n    inFieldContext: Boolean(field),\n    multiple,\n    variant: props.variant ?? 'default',\n    size: props.size ?? 'md',\n    iconOnlyValue: props.iconOnlyValue ?? false,\n    showChevron: props.showChevron ?? true,\n    placeholder: props.placeholder,\n  });\n  const errorName = props.name ?? generatedName;\n  const controlProps = getControlProps({\n    id: props.id,\n    ariaLabel: props['aria-label'],\n    ariaDescribedBy: props['aria-describedby'],\n    hasLabel: Boolean(props.id || field),\n    multiple,\n    error: props.error,\n    errorName,\n  });\n\n  const root = isMultipleCombobox(props) ? (\n    <MultipleCombobox {...props} shape={shape} controlProps={controlProps} />\n  ) : (\n    <SingleCombobox {...props} shape={shape} controlProps={controlProps} />\n  );\n\n  if (!props.error) return root;\n\n  return (\n    <div className={comboboxStyles.root}>\n      {root}\n      <FieldBlock.ErrorMsg name={errorName}>{props.error}</FieldBlock.ErrorMsg>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{combobox-parts-BZVXwbG7.cjs → combobox-parts-C4phOq4t.cjs}

@@ -2,10 +2,9 @@ const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
 const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_dist = require("./dist-ClDKPtVq.cjs");
 const require_primitives_floating = require("./primitives/floating.cjs.js");
-const require_icons_icon_size_classes = require("./icons/icon-size-classes.cjs.js");
 const require_primitives_control_size = require("./primitives/control-size.cjs.js");
 const require_primitives_form_element = require("./primitives/form-element.cjs.js");
-const require_Button = require("./Button-YQRflC47.cjs");
+const require_Button = require("./Button-DLcMcuUL.cjs");
 const require_primitives_menu_item = require("./primitives/menu-item.cjs.js");
 const require_scroll_area = require("./scroll-area-BP4gPZ4G.cjs");
 const require_primitives_portal_container = require("./primitives/portal-container.cjs.js");
@@ -46,7 +45,6 @@ var comboboxStyles = {
 	/** @deprecated A `Field` lays out the combobox and its error. */
 	root: "flex flex-col gap-1.5",
 	/** Chevron icon in trigger — decorative icon token shared by every field. */
-	chevron: "ml-2 h-4 w-4 shrink-0 text-muted-foreground",
 	/** Placeholder text color */
 	placeholder: "text-muted-foreground",
 	/**
@@ -108,7 +106,7 @@ function ComboboxRoot(props) {
 var fieldClass = (size = "md") => require_utils.cn(comboboxTriggerClass({
 	variant: "default",
 	size
-}), "cursor-text gap-2 focus-within:[--surface-rim:var(--field-rim-focus)] not-disabled:hover:[&_svg]:text-muted-foreground", "has-[input:disabled]:cursor-not-allowed has-[input:disabled]:bg-field-disabled has-[input:disabled]:[&_*]:cursor-not-allowed has-[input:disabled]:[&_*]:text-muted-foreground", "has-[[aria-invalid=true]]:[--field-rim-focus:var(--destructive-indicator)] has-[[aria-invalid=true]]:[--field-rim:var(--destructive-indicator)]");
+}), "cursor-text gap-2 focus-within:[--surface-rim:var(--field-rim-focus)]", "has-[input:disabled]:cursor-not-allowed has-[input:disabled]:bg-field-disabled has-[input:disabled]:[&_*]:cursor-not-allowed has-[input:disabled]:[&_*]:text-muted-foreground", "has-[[aria-invalid=true]]:[--field-rim-focus:var(--destructive-indicator)] has-[[aria-invalid=true]]:[--field-rim:var(--destructive-indicator)]");
 /**
 * Text starts 0.9em in (the Button recipe's padding, shared with Select and today's Combobox).
 * The chevron is a 22px circle; its arrow's ink sits 6.33px inside the circle's edge (3px circle
@@ -173,19 +171,13 @@ function ComboboxTrigger({ className, children, variant = "default", size = "md"
 		children: [require_Button.isIconButtonSize(size) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [icon, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "sr-only",
 			children
-		})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			className: "flex min-w-0 flex-1 items-center gap-2",
-			children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: require_utils.cn("flex shrink-0", require_icons_icon_size_classes.iconSizeClasses[size]),
-				children: icon
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "truncate",
-				children
-			})]
-		}), showChevron ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "flex shrink-0 items-center",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDown, { className: require_utils.cn(comboboxStyles.chevron, iconOnly && "ml-0") })
-		}) : null]
+		})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.ButtonIcon, {
+			size,
+			children: icon
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "min-w-0 flex-1 truncate text-left",
+			children
+		})] }), showChevron && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.ButtonChevron, { size })]
 	});
 }
 /** An × that clears the value. ComboboxInput renders it with `showClear`. */
@@ -572,4 +564,4 @@ Object.defineProperty(exports, "comboboxTriggerClass", {
 	}
 });
 
-//# sourceMappingURL=combobox-parts-BZVXwbG7.cjs.map
+//# sourceMappingURL=combobox-parts-C4phOq4t.cjs.map