npm - @mastra/playground-ui - Versions diffs - 68.0.0 → 69.0.0-alpha.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1784) hide show

package/dist/{combobox-parts-D90ir0Py.js → combobox-parts-C9o4UfH_.js} RENAMED Viewed

@@ -1,14 +1,14 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
 import { t as cva } from "./dist-BhWtUEhi.js";
-import { FLOATING_POSITION_METHOD } from "./primitives/floating.es.js";
+import { n as ButtonChevron, o as buttonVariants, r as ButtonIcon, s as isIconButtonSize } from "./Button-Bi7aXd_G.js";
 import { controlTriggerOpenState } from "./primitives/control-size.es.js";
 import { fieldTriggerErrorBorder } from "./primitives/form-element.es.js";
-import { n as ButtonChevron, o as buttonVariants, r as ButtonIcon, s as isIconButtonSize } from "./Button-CLXTbAY8.js";
 import { menuEmptyClass, menuItemCheckClass, menuItemClass, menuLabelClass, menuPopupClass, menuPositionerClass, menuSearchClasses, menuSeparatorClass } from "./primitives/menu-item.es.js";
-import { n as ScrollAreaViewport, t as ScrollArea } from "./scroll-area-C226l0v0.js";
-import { usePortalContainer } from "./primitives/portal-container.es.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
+import { n as ScrollAreaViewport, t as ScrollArea } from "./scroll-area-9-S7wfSs.js";
+import { FLOATING_POSITION_METHOD } from "./primitives/floating.es.js";
 import { passwordManagerOptOutProps } from "./primitives/password-manager-autofill.es.js";
 import { usePopupAnchor } from "./primitives/popup-anchor.es.js";
+import { usePortalContainer } from "./primitives/portal-container.es.js";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronDown, Search, X } from "lucide-react";
@@ -39,6 +39,12 @@ var comboboxItemClass = cva(menuItemClass, {
 	} },
 	defaultVariants: { multiple: false }
 });
+var comboboxPopupWidthClass = {
+	sm: "w-48",
+	md: "w-64",
+	lg: "w-80",
+	xl: "w-96"
+};
 var comboboxStyles = {
 	/** @deprecated A `Field` lays out the combobox and its error. */
 	root: "flex flex-col gap-1.5",
@@ -66,6 +72,8 @@ var comboboxStyles = {
 	listScroller: "max-h-dropdown overflow-y-auto overflow-x-hidden",
 	/** Option item base — rounded-lg sits concentrically inside rounded-xl + p-1. */
 	item: comboboxItemClass({ multiple: false }),
+	/** An item's content beside its check: start slot, text, end slot. */
+	itemContent: "flex min-w-0 flex-1 items-center gap-2",
 	/** Multi-select item — same item rhythm with a right-aligned selected check. */
 	itemMulti: comboboxItemClass({ multiple: true }),
 	/** Right-aligned slot grouping end content + selection check. */
@@ -76,10 +84,10 @@ var comboboxStyles = {
 	checkIcon: "size-full",
 	/** Option label/description wrapper */
 	optionText: "flex flex-col gap-0.5 min-w-0",
-	/** Option label */
-	optionLabel: "truncate",
-	/** Option description */
-	optionDescription: "text-caption text-muted-foreground truncate",
+	/** Option label: wraps (ids break anywhere) and clamps at two lines, so a long label stays readable without growing the row. */
+	optionLabel: "line-clamp-2 whitespace-normal wrap-anywhere",
+	/** Option description: same two-line clamp as the label. */
+	optionDescription: "text-caption text-muted-foreground line-clamp-2 whitespace-normal wrap-anywhere",
 	/** Option end slot — `ml-auto` makes it push right inside flex containers (used by multi-select). */
 	optionEnd: "ml-auto flex items-center shrink-0",
 	/** @deprecated A `FieldError` colors the error. */
@@ -239,7 +247,8 @@ function ComboboxSearch({ className, ...props }) {
 /**
 * The popup. Under a field (ComboboxInput or ComboboxChips) it opens at the field's width; under a
 * compact ComboboxTrigger it takes the trigger's width, at least 11rem. Either way the width never
-* follows the filtered items, so it holds still while you type; long labels truncate.
+* follows the filtered items, so it holds still while you type. (`Combobox`'s `popupWidth` picks a
+* fixed, wider width for long options instead.)
 */
 function ComboboxContent({ className, side = "bottom", sideOffset = 4, align = "start", alignOffset = 0, anchor, container, ...props }) {
 	const popupAnchor = usePopupAnchor();
@@ -284,7 +293,7 @@ function ComboboxItem({ className, children, ref, ...props }) {
 		className: cn(comboboxItemClass({}), className),
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: "flex min-w-0 flex-1 items-center gap-2",
+			className: comboboxStyles.itemContent,
 			children
 		}), /* @__PURE__ */ jsx("span", {
 			className: comboboxStyles.checkContainer,
@@ -423,6 +432,6 @@ function ComboboxChipsInput({ className, onFocus, ...props }) {
 		...props
 	});
 }
-export { comboboxTriggerClass as C, comboboxStyles as S, ComboboxRoot as _, ComboboxCollection as a, ComboboxTrigger as b, ComboboxGroup as c, ComboboxItemContent as d, ComboboxItemDescription as f, ComboboxList as g, ComboboxLabel as h, ComboboxClear as i, ComboboxInput as l, ComboboxItemTitle as m, ComboboxChips as n, ComboboxContent as o, ComboboxItemEnd as p, ComboboxChipsInput as r, ComboboxEmpty as s, ComboboxChip as t, ComboboxItem as u, ComboboxSearch as v, ComboboxValue as x, ComboboxSeparator as y };
+export { comboboxStyles as C, comboboxPopupWidthClass as S, ComboboxRoot as _, ComboboxCollection as a, ComboboxTrigger as b, ComboboxGroup as c, ComboboxItemContent as d, ComboboxItemDescription as f, ComboboxList as g, ComboboxLabel as h, ComboboxClear as i, ComboboxInput as l, ComboboxItemTitle as m, ComboboxChips as n, ComboboxContent as o, ComboboxItemEnd as p, ComboboxChipsInput as r, ComboboxEmpty as s, ComboboxChip as t, ComboboxItem as u, ComboboxSearch as v, comboboxTriggerClass as w, ComboboxValue as x, ComboboxSeparator as y };
-//# sourceMappingURL=combobox-parts-D90ir0Py.js.map
+//# sourceMappingURL=combobox-parts-C9o4UfH_.js.map

package/dist/combobox-parts-C9o4UfH_.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"combobox-parts-C9o4UfH_.js","names":["BaseCombobox","_Fragment","React"],"sources":["../src/ds/components/Combobox/combobox-styles.ts","../src/ds/components/Combobox/combobox-parts.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { buttonVariants, isIconButtonSize } from '../Button/Button';\nimport type { ButtonSize } from '../Button/Button';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport type { ControlTriggerVisualVariant } from '@/ds/primitives/control-size';\nimport { fieldTriggerErrorBorder, fieldTriggerStyle, fieldTriggerWidthStyle } from '@/ds/primitives/form-element';\nimport {\n menuItemCheckClass,\n menuItemClass,\n menuPopupClass,\n menuPositionerClass,\n menuSearchClasses,\n menuEmptyClass,\n} from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n/**\n * A combobox is a form field, so it reuses the Button's size/shape recipe,\n * mirroring `SelectTrigger`: `default` (the Input's overlay surface — the\n * default here too) and `ghost` (borderless, for breadcrumbs/inline pickers). Only the high-emphasis `primary`\n * look is intentionally NOT offered (a field is not a call-to-action).\n */\nexport type ComboboxVisualVariant = ControlTriggerVisualVariant;\nexport type ComboboxLegacyVariant = 'link';\nexport type ComboboxVariant = ComboboxVisualVariant | ComboboxLegacyVariant;\n\nfunction normalizeComboboxVariant(variant: ComboboxVariant): ComboboxVisualVariant {\n return variant === 'link' ? 'ghost' : variant;\n}\n\n/**\n * Single source of truth for both the single- and multi-select combobox\n * triggers. A combobox = a button + a trailing chevron, so it reuses the Button\n * recipe (variant colors, size = height/text/padding/radius, unified border\n * focus, disabled) and layers only the combobox-specific extras — exactly like\n * `SelectTrigger`.\n */\nexport function comboboxTriggerClass({\n variant,\n size,\n className,\n}: {\n variant: ComboboxVariant;\n size: ButtonSize;\n className?: string;\n}): string {\n const visualVariant = normalizeComboboxVariant(variant);\n\n return cn(\n buttonVariants({ variant: visualVariant, size }),\n visualVariant === 'default' && fieldTriggerStyle,\n // Fill the field and push the value left / chevron right (Button's base\n // centers its content with `justify-center`). Icon sizes are a fixed square\n // showing only the chevron, so they keep Button's centering.\n !isIconButtonSize(size) && cn(fieldTriggerWidthStyle, 'justify-between'),\n // Read as \"active\" while the popup is open, per variant (see map above).\n controlTriggerOpenState[visualVariant],\n 'data-[placeholder]:text-muted-foreground',\n fieldTriggerErrorBorder,\n className,\n );\n}\n\n/** Options are shared menu items, which already grow to fit a second line. */\nexport const comboboxItemClass = cva(menuItemClass, {\n variants: {\n multiple: {\n false: '',\n true: '',\n },\n },\n defaultVariants: {\n multiple: false,\n },\n});\n\n/** Fixed popup widths a call site can pick; without one the popup takes the trigger's width. Never narrower than the trigger or wider than the screen. */\nexport type ComboboxPopupWidth = 'sm' | 'md' | 'lg' | 'xl';\n\nexport const comboboxPopupWidthClass: Record<ComboboxPopupWidth, string> = {\n sm: 'w-48',\n md: 'w-64',\n lg: 'w-80',\n xl: 'w-96',\n};\n\nexport const comboboxStyles = {\n /** @deprecated A `Field` lays out the combobox and its error. */\n root: 'flex flex-col gap-1.5',\n\n /** Chevron icon in trigger — decorative icon token shared by every field. */\n\n /** Placeholder text color */\n placeholder: 'text-muted-foreground',\n\n /**\n * Popup container — shared menu popup, but the search row sits edge-to-edge\n * above the list, so padding/scrolling move to the list itself.\n */\n popup: cn(menuPopupClass, 'max-h-none overflow-hidden p-0'),\n\n /** Positioner */\n positioner: cn(menuPositionerClass, 'pointer-events-auto'),\n\n /** Search input container — borderless top section, hairline divider below. */\n searchContainer: menuSearchClasses.container,\n\n /** Search icon */\n searchIcon: menuSearchClasses.icon,\n\n /** Search input */\n searchInput: cn(menuSearchClasses.input, 'disabled:cursor-not-allowed disabled:opacity-50'),\n\n /** Empty state */\n empty: cn(menuEmptyClass, 'empty:hidden'),\n\n /** Options list */\n // `empty:p-0` — Empty renders outside the List, so an empty List must not leave its padding behind.\n list: 'p-1 empty:p-0',\n\n /** Scroll container around the List. */\n listScroller: 'max-h-dropdown overflow-y-auto overflow-x-hidden',\n\n /** Option item base — rounded-lg sits concentrically inside rounded-xl + p-1. */\n item: comboboxItemClass({ multiple: false }),\n\n /** An item's content beside its check: start slot, text, end slot. */\n itemContent: 'flex min-w-0 flex-1 items-center gap-2',\n\n /** Multi-select item — same item rhythm with a right-aligned selected check. */\n itemMulti: comboboxItemClass({ multiple: true }),\n\n /** Right-aligned slot grouping end content + selection check. */\n itemRightSlot: 'ml-auto flex items-center gap-2 shrink-0',\n\n /** Check indicator container — inline, shown only when item is selected. */\n checkContainer: cn(menuItemCheckClass, 'ml-0'),\n\n /** Check icon (single select) */\n checkIcon: 'size-full',\n\n /** Option label/description wrapper */\n optionText: 'flex flex-col gap-0.5 min-w-0',\n\n /** Option label: wraps (ids break anywhere) and clamps at two lines, so a long label stays readable without growing the row. */\n optionLabel: 'line-clamp-2 whitespace-normal wrap-anywhere',\n\n /** Option description: same two-line clamp as the label. */\n optionDescription: 'text-caption text-muted-foreground line-clamp-2 whitespace-normal wrap-anywhere',\n\n /** Option end slot — `ml-auto` makes it push right inside flex containers (used by multi-select). */\n optionEnd: 'ml-auto flex items-center shrink-0',\n\n /** @deprecated A `FieldError` colors the error. */\n error: 'text-body-sm text-destructive-foreground',\n} as const;\n","// Composable Combobox parts: shadcn's structure and names (https://ui.shadcn.com/docs/components/combobox),\n// built on Base UI like theirs, styled with our design system. The root is `ComboboxRoot` because\n// `Combobox` is the options-driven component in combobox.tsx.\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { Check, ChevronDown, Search, X } from 'lucide-react';\nimport * as React from 'react';\nimport { comboboxItemClass, comboboxStyles, comboboxTriggerClass } from './combobox-styles';\nimport type { ComboboxVariant } from './combobox-styles';\nimport { ButtonChevron, ButtonIcon, isIconButtonSize } from '@/ds/components/Button/Button';\nimport type { ButtonSize, TextButtonSize } from '@/ds/components/Button/Button';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { menuLabelClass, menuSeparatorClass } from '@/ds/primitives/menu-item';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { usePopupAnchor } from '@/ds/primitives/popup-anchor';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport type { PortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n/**\n * Root. Same props as Base UI's `Combobox.Root` (`items`, `value`, `onValueChange`, `multiple`,\n * `autoHighlight`, `filter`, ...). Pick one of three shapes:\n * - Search in the field: `ComboboxInput` + `ComboboxContent`.\n * - Multiple, chips in the field: `ComboboxChips` (chips + `ComboboxChipsInput`) + `ComboboxContent`.\n * - Compact trigger, search in the popup: `ComboboxTrigger` + `ComboboxContent` starting with\n * `ComboboxSearch`. For small triggers (an icon, a ghost button in a toolbar).\n */\nfunction ComboboxRoot<Value, Multiple extends boolean | undefined = false>(\n props: BaseCombobox.Root.Props<Value, Multiple>,\n) {\n return <BaseCombobox.Root {...props} />;\n}\n\n/**\n * The field surface: today's trigger look, focus shown while the input inside has focus. The\n * chevron ends every field, at the same padding as today's Combobox trigger.\n */\nconst fieldClass = (size: TextButtonSize = 'md') =>\n cn(\n comboboxTriggerClass({ variant: 'default', size }),\n 'cursor-text gap-2 focus-within:[--surface-rim:var(--field-rim-focus)]',\n // Disabled like other form elements (muted text, not-allowed cursor), keyed off the input.\n 'has-[input:disabled]:cursor-not-allowed has-[input:disabled]:bg-field-disabled has-[input:disabled]:[&_*]:cursor-not-allowed has-[input:disabled]:[&_*]:text-muted-foreground',\n // The input inside carries `aria-invalid`; the field shows it like other invalid fields.\n 'has-[[aria-invalid=true]]:[--field-rim-focus:var(--destructive-indicator)] has-[[aria-invalid=true]]:[--field-rim:var(--destructive-indicator)]',\n );\n\n/**\n * Text starts 0.9em in (the Button recipe's padding, shared with Select and today's Combobox).\n * The chevron is a 22px circle; its arrow's ink sits 6.33px inside the circle's edge (3px circle\n * inset + 3.33px icon inset), so the end padding puts that ink 0.9em from the end, like the text.\n */\nconst fieldPx = '0.9em';\n\n/** Inline so it wins over the Button recipe's `px` (same layer, later in the sheet). */\nconst fieldStyle: React.CSSProperties = {\n paddingInlineStart: fieldPx,\n paddingInlineEnd: `calc(${fieldPx} - 6.33px)`,\n};\n\n/**\n * Chips sit 4px from the field's edge on top, bottom and left: 3px visible inside the 1px rim,\n * the same 3px as the gap between chips. A chip is the field height minus that padding (22px).\n */\nconst chipsFieldStyle: React.CSSProperties = {\n // Longhands only: a `padding` shorthand here would also reset the chevron's end padding.\n paddingBlock: '4px',\n paddingInlineStart: '4px',\n paddingInlineEnd: fieldStyle.paddingInlineEnd,\n};\n\n// `w-0` + `flex-1`: an input's default width (about 20 characters) would otherwise set the field's\n// minimum width, so it couldn't shrink into a narrow column.\nconst inputClass =\n 'h-full w-0 min-w-0 flex-1 bg-transparent text-foreground outline-none placeholder:text-muted-foreground';\n\n/** Caret at the end of the value instead of selecting it, the way a text field behaves. */\nfunction moveCaretToEnd(event: React.FocusEvent<HTMLInputElement>) {\n const input = event.currentTarget;\n // Deferred one frame so it runs after the click places the caret; clicking the label lands here too.\n requestAnimationFrame(() => input.setSelectionRange(input.value.length, input.value.length));\n}\n\n/**\n * The selected value, for a compact `ComboboxTrigger` or a custom display. `children` can be a\n * function of the value; `placeholder` shows while nothing is selected.\n */\nfunction ComboboxValue(props: BaseCombobox.Value.Props) {\n return <BaseCombobox.Value data-slot=\"combobox-value\" {...props} />;\n}\n\n/** The round chevron button that ends ComboboxInput and ComboboxChips. */\nfunction ComboboxFieldTrigger() {\n return (\n <BaseCombobox.Trigger\n data-slot=\"combobox-field-trigger\"\n aria-label=\"Show options\"\n // A round button target: the circle fills on hover, the chevron keeps its color.\n className=\"flex size-5.5 shrink-0 cursor-pointer items-center justify-center rounded-full text-muted-foreground not-data-disabled:hover:bg-fill\"\n >\n {/* Sized like Select's chevron: outside the icon rung, so it keeps Lucide's default stroke\n (1.33px at 16px) instead of the rung's 1px. */}\n <ChevronDown className=\"size-4\" />\n </BaseCombobox.Trigger>\n );\n}\n\ntype ComboboxTriggerProps = Omit<BaseCombobox.Trigger.Props, 'className'> & {\n className?: string;\n /** The Button-recipe look, like Select: `default` (field surface), `outline` or `ghost`. */\n variant?: ComboboxVariant;\n /** Icon sizes (`icon-*`) show only `icon` (or the chevron); `children` stay as accessible text. */\n size?: ButtonSize;\n /** Shown before the value, or alone at icon sizes (e.g. a filter icon), replacing the chevron there. */\n icon?: React.ReactNode;\n showChevron?: boolean;\n};\n\n/**\n * A compact trigger that opens the list, with the search inside the popup (`ComboboxSearch`). For\n * small triggers such as an icon or a ghost button; a form field uses ComboboxInput instead.\n * `children` is what the trigger shows, usually `<ComboboxValue placeholder=\"…\" />`.\n */\nfunction ComboboxTrigger({\n className,\n children,\n variant = 'default',\n size = 'md',\n icon,\n showChevron = !(icon && isIconButtonSize(size)),\n ...props\n}: ComboboxTriggerProps) {\n const iconOnly = isIconButtonSize(size);\n return (\n <BaseCombobox.Trigger\n data-slot=\"combobox-trigger\"\n data-shape={iconOnly ? 'icon' : undefined}\n className={comboboxTriggerClass({ variant, size, className })}\n {...props}\n >\n {isIconButtonSize(size) ? (\n <>\n {icon}\n {children}\n </>\n ) : (\n <>\n {icon && <ButtonIcon size={size}>{icon}</ButtonIcon>}\n {children}\n </>\n )}\n {showChevron && <ButtonChevron size={size} />}\n </BaseCombobox.Trigger>\n );\n}\n\n/** An × that clears the value. ComboboxInput renders it with `showClear`. */\nfunction ComboboxClear({ className, ...props }: BaseCombobox.Clear.Props) {\n return (\n <BaseCombobox.Clear\n data-slot=\"combobox-clear\"\n aria-label=\"Clear\"\n className={cn(\n 'flex size-4 shrink-0 items-center justify-center rounded-full text-muted-foreground hover:text-foreground',\n className,\n )}\n {...props}\n >\n <X className=\"size-3.5\" />\n </BaseCombobox.Clear>\n );\n}\n\ntype ComboboxInputProps = Omit<BaseCombobox.Input.Props, 'size'> & {\n /** The field height, from the control sizes. `md` by default. */\n size?: TextButtonSize;\n /** Shown before the text, e.g. the selected item's icon. */\n start?: React.ReactNode;\n /** The chevron button at the end. On by default. */\n showTrigger?: boolean;\n /** An × before the chevron that clears the value. */\n showClear?: boolean;\n};\n\n/**\n * The field you type in to filter, showing the selected value while it's closed. `children` render\n * inside the field before the chevron (e.g. a muted \"4 items\" detail). The list opens at the\n * field's width. Inside a `Field`, the label and errors link to it.\n */\nfunction ComboboxInput({\n className,\n children,\n showTrigger = true,\n showClear = false,\n size,\n start,\n onFocus,\n ...props\n}: ComboboxInputProps) {\n return (\n <BaseCombobox.InputGroup data-slot=\"combobox-input\" className={cn(fieldClass(size), className)} style={fieldStyle}>\n {start ? {start} : null}\n <BaseCombobox.Input\n onFocus={event => {\n moveCaretToEnd(event);\n onFocus?.(event);\n }}\n className={inputClass}\n {...passwordManagerOptOutProps}\n {...props}\n />\n {children ? {children} : null}\n {showClear ? <ComboboxClear /> : null}\n {showTrigger ? <ComboboxFieldTrigger /> : null}\n </BaseCombobox.InputGroup>\n );\n}\n\n/**\n * The search row at the top of the popup, for a compact `ComboboxTrigger`. The same row as today's\n * Combobox: a search icon, a borderless input and a hairline under it.\n */\nfunction ComboboxSearch({ className, ...props }: BaseCombobox.Input.Props) {\n return (\n <div data-slot=\"combobox-search\" className={comboboxStyles.searchContainer}>\n <Search className={comboboxStyles.searchIcon} />\n <BaseCombobox.Input\n className={cn(comboboxStyles.searchInput, className)}\n {...passwordManagerOptOutProps}\n {...props}\n />\n </div>\n );\n}\n\ntype ComboboxContentProps = BaseCombobox.Popup.Props &\n Pick<BaseCombobox.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & {\n /** Where the popup portals to. Defaults to the nearest dialog or drawer, so it stays interactive there. */\n container?: PortalContainer;\n };\n\n/**\n * The popup. Under a field (ComboboxInput or ComboboxChips) it opens at the field's width; under a\n * compact ComboboxTrigger it takes the trigger's width, at least 11rem. Either way the width never\n * follows the filtered items, so it holds still while you type. (`Combobox`'s `popupWidth` picks a\n * fixed, wider width for long options instead.)\n */\nfunction ComboboxContent({\n className,\n side = 'bottom',\n sideOffset = 4,\n align = 'start',\n alignOffset = 0,\n anchor,\n container,\n ...props\n}: ComboboxContentProps) {\n const popupAnchor = usePopupAnchor();\n const resolvedContainer = usePortalContainer(container);\n return (\n <BaseCombobox.Portal container={resolvedContainer}>\n <BaseCombobox.Positioner\n side={side}\n sideOffset={sideOffset}\n align={align}\n alignOffset={alignOffset}\n // Base UI anchors to the field (the InputGroup of ComboboxInput or ComboboxChips), or to the\n // trigger when the input is in the popup; a crumb switcher anchors to the whole crumb.\n anchor={anchor ?? popupAnchor}\n positionMethod={FLOATING_POSITION_METHOD}\n className={comboboxStyles.positioner}\n >\n <BaseCombobox.Popup\n data-slot=\"combobox-content\"\n // With the popup's `min-w-[max(11rem,var(--anchor-width))]`: the anchor's width, at least 11rem.\n className={cn(comboboxStyles.popup, 'w-(--anchor-width)', className)}\n {...props}\n />\n </BaseCombobox.Positioner>\n </BaseCombobox.Portal>\n );\n}\n\n/** The scrolling list. Children: a render function per item (or per group), like Base UI's List. */\nfunction ComboboxList({ className, ...props }: BaseCombobox.List.Props) {\n return (\n <ScrollArea maxHeight=\"var(--spacing-dropdown)\">\n <ScrollAreaViewport className=\"scroll-py-8\">\n <BaseCombobox.List data-slot=\"combobox-list\" className={cn(comboboxStyles.list, className)} {...props} />\n </ScrollAreaViewport>\n </ScrollArea>\n );\n}\n\n/** One option. A check shows on the right while it's selected. */\nfunction ComboboxItem({ className, children, ref, ...props }: BaseCombobox.Item.Props) {\n return (\n <BaseCombobox.Item ref={ref} data-slot=\"combobox-item\" className={cn(comboboxItemClass({}), className)} {...props}>\n {children}\n \n <BaseCombobox.ItemIndicator>\n <Check className={comboboxStyles.checkIcon} />\n </BaseCombobox.ItemIndicator>\n \n </BaseCombobox.Item>\n );\n}\n\n/** Title over a description inside an item (shadcn's Item / ItemTitle / ItemDescription). */\nfunction ComboboxItemContent({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n \n );\n}\n\nfunction ComboboxItemTitle({ className, ...props }: React.ComponentProps<'span'>) {\n return ;\n}\n\n/** Muted, up to two lines. */\nfunction ComboboxItemDescription({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"combobox-item-description\"\n // `whitespace-normal`: the item recipe's `[&>span]:truncate` makes its content `nowrap`, which\n // would cut the description off mid-word on one line instead of clamping it at two.\n className={cn('line-clamp-2 text-caption whitespace-normal text-muted-foreground', className)}\n {...props}\n />\n );\n}\n\n/** Muted text at the end of an item, e.g. its kind (\"Agent\"). */\nfunction ComboboxItemEnd({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"combobox-item-end\"\n className={cn('ml-auto shrink-0 text-caption text-muted-foreground', className)}\n {...props}\n />\n );\n}\n\n/** A section of items. Pass the section's `items`; render them with ComboboxCollection. */\nfunction ComboboxGroup(props: BaseCombobox.Group.Props) {\n return <BaseCombobox.Group data-slot=\"combobox-group\" {...props} />;\n}\n\n/** A group's heading, styled like menu section labels. */\nfunction ComboboxLabel({ className, ...props }: BaseCombobox.GroupLabel.Props) {\n return <BaseCombobox.GroupLabel data-slot=\"combobox-label\" className={cn(menuLabelClass, className)} {...props} />;\n}\n\n/** Renders a group's filtered items, one render function call per item. */\nfunction ComboboxCollection(props: BaseCombobox.Collection.Props) {\n return <BaseCombobox.Collection data-slot=\"combobox-collection\" {...props} />;\n}\n\n/** Shows its children only when the filter matches nothing. */\nfunction ComboboxEmpty({ className, ...props }: BaseCombobox.Empty.Props) {\n return <BaseCombobox.Empty data-slot=\"combobox-empty\" className={cn(comboboxStyles.empty, className)} {...props} />;\n}\n\nfunction ComboboxSeparator({ className, ...props }: BaseCombobox.Separator.Props) {\n return (\n <BaseCombobox.Separator data-slot=\"combobox-separator\" className={cn(menuSeparatorClass, className)} {...props} />\n );\n}\n\n/**\n * Multi-select field: chips for the picked items, then ComboboxChipsInput. The chips and input wrap\n * inside their own area so the chevron keeps its place on the first row. While the field is one\n * line it keeps the pill shape of every other field; once chips wrap it takes the Textarea corner.\n */\nfunction ComboboxChips({ className, children, 'aria-label': ariaLabel, ...props }: BaseCombobox.InputGroup.Props) {\n // On the inner chips area, so a caller's `ref` reaches the field without merging refs.\n const chipsRef = React.useRef<HTMLDivElement>(null);\n const [multiline, setMultiline] = React.useState(false);\n\n React.useLayoutEffect(() => {\n const field = chipsRef.current?.parentElement;\n // No observer (e.g. jsdom in tests): the field keeps its one-row shape.\n if (!field || typeof ResizeObserver === 'undefined') return;\n // One row is the control height (the field's `min-height`); anything taller means the chips wrapped.\n // The 1px slack absorbs subpixel rounding.\n const rowHeight = parseFloat(getComputedStyle(field).minHeight) || 0;\n const observer = new ResizeObserver(() => setMultiline(field.offsetHeight > rowHeight + 1));\n observer.observe(field);\n return () => observer.disconnect();\n }, []);\n\n // Chips inside an InputGroup, like Base UI's multi-select example: the popup anchors to the group.\n return (\n <BaseCombobox.InputGroup\n data-slot=\"combobox-chips\"\n data-multiline={multiline ? '' : undefined}\n style={chipsFieldStyle}\n className={cn(\n fieldClass(),\n 'h-auto min-h-control-md items-start data-multiline:rounded-xl',\n // The chips field keeps its resting look: no open tint, no placeholder color. InputGroup sets those\n // attributes, which the trigger recipe styles.\n 'data-[placeholder]:text-foreground data-[popup-open]:[--surface-tint:transparent]',\n className,\n )}\n {...props}\n >\n {/* The label names the chips toolbar, as it did when Chips was the outer element. */}\n <BaseCombobox.Chips ref={chipsRef} aria-label={ariaLabel} className=\"flex min-w-0 flex-1 flex-wrap gap-[3px]\">\n {children}\n </BaseCombobox.Chips>\n {/* Same height as a chip, so the chevron centers on the first row. */}\n \n <ComboboxFieldTrigger />\n \n </BaseCombobox.InputGroup>\n );\n}\n\n/** One picked item inside ComboboxChips. The × (or Backspace in the input) removes it. */\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: BaseCombobox.Chip.Props & { showRemove?: boolean }) {\n return (\n <BaseCombobox.Chip\n data-slot=\"combobox-chip\"\n className={cn(\n // 8px from the left edge to the text, 6px from the text to the ×'s ink, 8px from the ink to\n // the right edge. Text in the controls' role (`text-label`), like the field value.\n 'flex h-5.5 items-center rounded-full bg-fill pl-2 text-label text-foreground',\n !showRemove && 'pr-2',\n className,\n )}\n {...props}\n >\n {children}\n {showRemove ? (\n <BaseCombobox.ChipRemove\n data-slot=\"combobox-chip-remove\"\n aria-label={typeof children === 'string' ? `Remove ${children}` : 'Remove'}\n // The whole right end is the hit area: full height, from the gap to the chip's edge. The ×'s\n // ink sits 2.5px inside its 12px icon, so 3.5px / 5.5px padding put it 6px / 8px out.\n className=\"flex h-full cursor-pointer items-center rounded-r-full pr-[5.5px] pl-[3.5px] text-muted-foreground not-data-disabled:hover:text-foreground\"\n >\n {/* Inline so the button's color wins over the field's `[&_svg]` icon colors. */}\n <X className=\"size-3\" style={{ color: 'inherit' }} />\n </BaseCombobox.ChipRemove>\n ) : null}\n </BaseCombobox.Chip>\n );\n}\n\n/** The text input after the chips in ComboboxChips. */\nfunction ComboboxChipsInput({ className, onFocus, ...props }: BaseCombobox.Input.Props) {\n return (\n <BaseCombobox.Input\n data-slot=\"combobox-chip-input\"\n onFocus={event => {\n moveCaretToEnd(event);\n onFocus?.(event);\n }}\n className={cn(\n inputClass,\n // Text lines up with other fields' text when there are no chips; 4px after a chip otherwise.\n // Not `first:`: Base UI inserts a hidden Dismiss element before the input while open.\n 'h-5.5 w-0 min-w-12 flex-1 pl-[calc(0.9em_-_4px)] [[data-slot=combobox-chip]~&]:pl-1',\n className,\n )}\n {...passwordManagerOptOutProps}\n {...props}\n />\n );\n}\n\nexport type { ComboboxTriggerProps, ComboboxInputProps, ComboboxContentProps };\n\nexport {\n ComboboxRoot,\n ComboboxInput,\n ComboboxTrigger,\n ComboboxSearch,\n ComboboxValue,\n ComboboxClear,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxItemContent,\n ComboboxItemTitle,\n ComboboxItemDescription,\n ComboboxItemEnd,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n};\n"],"mappings":"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"}

package/dist/components/AgentIndicator.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_AgentIndicator = require("../AgentIndicator-to30W73z.cjs");
+const require_AgentIndicator = require("../AgentIndicator-zCokR2zb.cjs");
 exports.AgentIndicator = require_AgentIndicator.AgentIndicator;
 exports.agentGlyph = require_AgentIndicator.agentGlyph;
 exports.agentIndicatorStates = require_AgentIndicator.agentIndicatorStates;

package/dist/components/AgentIndicator.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { n as AgentIndicator, t as agentGlyph, r as agentIndicatorStates } from "../AgentIndicator-~~Bs2S8AWJ~~.js";
1	+ export { n as AgentIndicator, t as agentGlyph, r as agentIndicatorStates } from "../AgentIndicator-Dnv_1hvF.js";

package/dist/components/AlertDialog.cjs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Button = require("../Button-BfICfyxD.cjs");
+const require_Dialog = require("../Dialog-Duy3M1ny.cjs");
 const require_utils = require("../utils-uDc1ofX1.cjs");
-const require_Button = require("../Button-DLcMcuUL.cjs");
-const require_Dialog = require("../Dialog-BvWF9HE-.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/components/AlertDialog/alert-dialog.tsx
 function AlertDialog(props) {

package/dist/components/AlertDialog.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
+import { t as Button } from "../Button-Bi7aXd_G.js";
+import { a as DialogContent, c as DialogHeader, d as DialogTitle, f as DialogTrigger, h as dialogActionSizeClasses, i as DialogClose, m as dialogActionLayoutClasses, n as DialogBody, o as DialogDescription, r as DialogCancel, s as DialogFooter, t as Dialog } from "../Dialog-OBPu3rl2.js";
 import { t as cn } from "../utils-DQx8TpNT.js";
-import { t as Button } from "../Button-CLXTbAY8.js";
-import { a as DialogContent, c as DialogHeader, d as DialogTitle, f as DialogTrigger, h as dialogActionSizeClasses, i as DialogClose, m as dialogActionLayoutClasses, n as DialogBody, o as DialogDescription, r as DialogCancel, s as DialogFooter, t as Dialog } from "../Dialog-DaWtxwd9.js";
 import { jsx } from "react/jsx-runtime";
 // src/ds/components/AlertDialog/alert-dialog.tsx
 function AlertDialog(props) {

package/dist/components/AttachmentCard.cjs.js CHANGED Viewed

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_AttachmentCard = require("../AttachmentCard-CciBqu7E.cjs");
+const require_AttachmentCard = require("../AttachmentCard-BycDEelL.cjs");
 exports.AttachmentCard = require_AttachmentCard.AttachmentCard;

package/dist/components/AttachmentCard.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as AttachmentCard } from "../AttachmentCard-~~DbGp7TYl~~.js";
1	+ export { t as AttachmentCard } from "../AttachmentCard-Bt3-QAxJ.js";

package/dist/components/Avatar.cjs.js CHANGED Viewed

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Avatar = require("../Avatar-Iiqjad9K.cjs");
+const require_Avatar = require("../Avatar-Dxpc0YUx.cjs");
 exports.Avatar = require_Avatar.Avatar;

package/dist/components/Avatar.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as Avatar } from "../Avatar-~~Dj8aP7OI~~.js";
1	+ export { t as Avatar } from "../Avatar-DOoEXudh.js";

package/dist/components/Badge.cjs.js CHANGED Viewed

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Badge = require("../Badge-DZ6r6bcw.cjs");
+const require_Badge = require("../Badge-DqaMg7Gy.cjs");
 exports.Badge = require_Badge.Badge;

package/dist/components/Badge.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as Badge } from "../Badge-~~aVu5iGAF~~.js";
1	+ export { t as Badge } from "../Badge-C7NnqmMx.js";

package/dist/components/Breadcrumb.cjs.js CHANGED Viewed

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_icons_Icon = require("../icons/Icon.cjs.js");
-const require_primitives_control_size = require("../primitives/control-size.cjs.js");
-const require_primitives_transitions = require("../primitives/transitions.cjs.js");
-const require_primitives_typography = require("../primitives/typography.cjs.js");
 const require_icons_SlashIcon = require("../icons/SlashIcon.cjs.js");
 const require_components_Skeleton = require("./Skeleton.cjs.js");
+const require_primitives_control_size = require("../primitives/control-size.cjs.js");
 const require_primitives_popup_anchor = require("../primitives/popup-anchor.cjs.js");
+const require_primitives_transitions = require("../primitives/transitions.cjs.js");
+const require_primitives_typography = require("../primitives/typography.cjs.js");
+const require_utils = require("../utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -72,7 +72,8 @@ var Crumb = ({ className, as, to, isCurrent, action, switcher, icon, isLoading,
 // src/ds/components/Breadcrumb/crumb-switcher.ts
 var crumbSwitcherTriggerProps = {
 	variant: "ghost",
-	size: "icon-sm"
+	size: "icon-sm",
+	popupWidth: "md"
 };
 exports.Breadcrumb = Breadcrumb;
 exports.Crumb = Crumb;

package/dist/components/Breadcrumb.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumb.cjs.js","names":["cn","Skeleton","React","_Fragment","controlSizeClasses","controlStateColorTransition","quietTextHoverInGroup","quietTextHover","Icon","PopupAnchorProvider","SlashIcon"],"sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx","../../src/ds/components/Breadcrumb/crumb-switcher.ts"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { PopupAnchorProvider } from '@/ds/primitives/popup-anchor';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover, quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n children?: React.ReactNode;\n label?: string;\n className?: string;\n listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n return (\n <nav aria-label={label} className={className}>\n <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n </nav>\n );\n};\n\nexport interface CrumbProps {\n isCurrent?: boolean;\n as: React.ElementType;\n className?: string;\n to?: string;\n prefetch?: boolean \| null;\n children?: React.ReactNode;\n /** Prefix icon (bare SVG). The crumb wraps it in `<Icon>` and aligns it like a Button adornment. /\n icon?: React.ReactNode;\n /* Renders `CrumbSkeleton` in place of the label. /\n isLoading?: boolean;\n /\n Sibling control rendered next to the label (never inside it). Expected to be a\n * `size=\"icon-sm\"` ghost control, e.g. a CopyButton. Entity switchers go in `switcher`.\n /\n action?: React.ReactNode;\n /\n Entity switcher rendered next to the label; spread `crumbSwitcherTriggerProps` on it.\n * When the crumb doesn't navigate (current crumb, or no `to`), its hit area covers the whole crumb.\n /\n switcher?: React.ReactNode;\n 'data-testid'?: string;\n}\n\nexport const CrumbSkeleton = (props: { 'data-testid'?: string }) => <Skeleton className=\"h-3 w-24\" {...props} />;\n\nexport const Crumb = ({\n className,\n as,\n to,\n isCurrent,\n action,\n switcher,\n icon,\n isLoading,\n children,\n ...props\n}: CrumbProps) => {\n const Root = as \|\| 'span';\n const switcherCoversCrumb = Boolean(switcher && (isCurrent \|\| !to));\n const crumbRef = React.useRef<HTMLLIElement>(null);\n\n return (\n <>\n <li\n ref={crumbRef}\n className={cn(\n 'group flex h-control-sm min-w-0 items-center',\n isCurrent ? 'shrink' : 'shrink-0',\n switcherCoversCrumb &&\n 'relative rounded-full has-[[data-slot=crumb-switcher]_[data-popup-open]]:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:hover:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:active:bg-fill',\n )}\n >\n <Root\n aria-current={isCurrent ? 'page' : undefined}\n className={cn(\n // Same box as `buttonVariants({ variant: 'ghost', size: 'sm' })` so a label and an\n // icon-sm control sitting next to it share height, radius, padding and colors.\n 'inline-flex min-w-0 items-center gap-2 overflow-hidden rounded-full px-[.9em]',\n controlSizeClasses.sm,\n controlStateColorTransition,\n // Long labels truncate: the current crumb gets more room than nav crumbs.\n isCurrent\n ? 'max-w-xs cursor-default text-foreground'\n : switcherCoversCrumb\n ? cn(quietTextHoverInGroup, 'max-w-48')\n : cn(quietTextHover, 'max-w-48 cursor-pointer hover:bg-fill-subtle active:bg-fill'),\n className,\n )}\n to={to}\n {...props}\n >\n {icon && (\n <Icon\n className={cn(\n 'ml-[-.3em] shrink-0 opacity-50 group-hover:opacity-100',\n 'transition-opacity duration-normal ease-out-custom',\n )}\n >\n {icon}\n </Icon>\n )}\n {isLoading ? (\n <CrumbSkeleton />\n ) : (\n // `text-overflow` needs a block container, so the label truncates in its\n // own box rather than on the flex Root. Works for plain strings and for\n // components that resolve to a string (route-header `Component` crumbs).\n <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n )}\n </Root>\n {switcher && (\n <span\n data-slot=\"crumb-switcher\"\n className={cn(\n '-ml-1 flex h-control-sm shrink-0 items-center',\n switcherCoversCrumb &&\n '[&_button]:bg-transparent! [&_button:enabled]:after:absolute [&_button:enabled]:after:inset-0 [&_button:enabled]:after:rounded-full',\n )}\n >\n {/ The switcher's popup opens from the crumb's start, like a menu on the whole crumb. */}\n <PopupAnchorProvider value={crumbRef}>{switcher}</PopupAnchorProvider>\n </span>\n )}\n {action && <span className=\"-ml-1 flex h-control-sm shrink-0 items-center\">{action}</span>}\n </li>\n {!isCurrent && (\n <li role=\"separator\" className=\"flex h-full items-center\">\n <Icon className=\"text-placeholder\">\n <SlashIcon />\n </Icon>\n </li>\n )}\n </>\n );\n};\n","import type { ComboboxProps } from '../Combobox';\n\nexport const crumbSwitcherTriggerProps = {\n variant: 'ghost',\n size: 'icon-sm',\n} as const satisfies Pick<ComboboxProps, 'variant' \| 'size'>;\n"],"mappings":";;;;;;;;;;;;;;AAkBA,IAAa,cAAc,EAAE,UAAU,OAAO,WAAW,oBAAqC;CAC5F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,cAAY;EAAkB;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;GAAI,WAAWA,cAAAA,GAAG,6BAA6B,aAAa;GAAI;EAAa,CAAA;CAC1E,CAAA;AAET;AA0BA,IAAa,iBAAiB,UAAsC,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,UAAD;CAAU,WAAU;CAAW,GAAI;AAAQ,CAAA;AAE/G,IAAa,SAAS,EACpB,WACA,IACA,IACA,WACA,QACA,UACA,MACA,WACA,UACA,GAAG,YACa;CAChB,MAAM,OAAO,MAAM;CACnB,MAAM,sBAAsB,QAAQ,aAAa,aAAa,CAAC,GAAG;CAClE,MAAM,WAAWC,MAAAA,QAAM,OAAsB,IAAI;CAEjD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;EACE,KAAK;EACL,WAAWH,cAAAA,GACT,gDACA,YAAY,WAAW,YACvB,uBACE,6NACJ;EAPF,UAAA;GASE,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;IACE,gBAAc,YAAY,SAAS,KAAA;IACnC,WAAWA,cAAAA,GAGT,iFACAI,gCAAAA,mBAAmB,IACnBC,+BAAAA,6BAEA,YACI,4CACA,sBACEL,cAAAA,GAAGM,8BAAAA,uBAAuB,UAAU,IACpCN,cAAAA,GAAGO,8BAAAA,gBAAgB,6DAA6D,GACtF,SACF;IACI;IACJ,GAAI;IAjBN,UAAA,CAmBG,QACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,MAAD;KACE,WAAWR,cAAAA,GACT,0DACA,oDACF;KAEC,UAAA;IACG,CAAA,GAEP,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,CAAgB,CAAA,IAKhB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAA2B;IAAe,CAAA,CAExD;;GACL,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,aAAU;IACV,WAAWA,cAAAA,GACT,iDACA,uBACE,qIACJ;IAGA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACS,gCAAAA,qBAAD;KAAqB,OAAO;KAAW,UAAA;IAA8B,CAAA;GACjE,CAAA;GAEP,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAAiD,UAAA;GAAa,CAAA;EACvF;CACH,CAAA,GAAA,CAAC,aACA,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAI,MAAK;EAAY,WAAU;EAC7B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,mBAAAA,MAAD;GAAM,WAAU;GACd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,wBAAAA,WAAD,CAAY,CAAA;EACR,CAAA;CACJ,CAAA,CAEN,EAAA,CAAA;AAEN;;AC3IA,IAAa,4BAA4B;CACvC,SAAS;CACT,MAAM;~~AACR~~"}
1	+ {"version":3,"file":"Breadcrumb.cjs.js","names":["cn","Skeleton","React","_Fragment","controlSizeClasses","controlStateColorTransition","quietTextHoverInGroup","quietTextHover","Icon","PopupAnchorProvider","SlashIcon"],"sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx","../../src/ds/components/Breadcrumb/crumb-switcher.ts"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { PopupAnchorProvider } from '@/ds/primitives/popup-anchor';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover, quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n children?: React.ReactNode;\n label?: string;\n className?: string;\n listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n return (\n <nav aria-label={label} className={className}>\n <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n </nav>\n );\n};\n\nexport interface CrumbProps {\n isCurrent?: boolean;\n as: React.ElementType;\n className?: string;\n to?: string;\n prefetch?: boolean \| null;\n children?: React.ReactNode;\n /** Prefix icon (bare SVG). The crumb wraps it in `<Icon>` and aligns it like a Button adornment. /\n icon?: React.ReactNode;\n /* Renders `CrumbSkeleton` in place of the label. /\n isLoading?: boolean;\n /\n Sibling control rendered next to the label (never inside it). Expected to be a\n * `size=\"icon-sm\"` ghost control, e.g. a CopyButton. Entity switchers go in `switcher`.\n /\n action?: React.ReactNode;\n /\n Entity switcher rendered next to the label; spread `crumbSwitcherTriggerProps` on it.\n * When the crumb doesn't navigate (current crumb, or no `to`), its hit area covers the whole crumb.\n /\n switcher?: React.ReactNode;\n 'data-testid'?: string;\n}\n\nexport const CrumbSkeleton = (props: { 'data-testid'?: string }) => <Skeleton className=\"h-3 w-24\" {...props} />;\n\nexport const Crumb = ({\n className,\n as,\n to,\n isCurrent,\n action,\n switcher,\n icon,\n isLoading,\n children,\n ...props\n}: CrumbProps) => {\n const Root = as \|\| 'span';\n const switcherCoversCrumb = Boolean(switcher && (isCurrent \|\| !to));\n const crumbRef = React.useRef<HTMLLIElement>(null);\n\n return (\n <>\n <li\n ref={crumbRef}\n className={cn(\n 'group flex h-control-sm min-w-0 items-center',\n isCurrent ? 'shrink' : 'shrink-0',\n switcherCoversCrumb &&\n 'relative rounded-full has-[[data-slot=crumb-switcher]_[data-popup-open]]:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:hover:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:active:bg-fill',\n )}\n >\n <Root\n aria-current={isCurrent ? 'page' : undefined}\n className={cn(\n // Same box as `buttonVariants({ variant: 'ghost', size: 'sm' })` so a label and an\n // icon-sm control sitting next to it share height, radius, padding and colors.\n 'inline-flex min-w-0 items-center gap-2 overflow-hidden rounded-full px-[.9em]',\n controlSizeClasses.sm,\n controlStateColorTransition,\n // Long labels truncate: the current crumb gets more room than nav crumbs.\n isCurrent\n ? 'max-w-xs cursor-default text-foreground'\n : switcherCoversCrumb\n ? cn(quietTextHoverInGroup, 'max-w-48')\n : cn(quietTextHover, 'max-w-48 cursor-pointer hover:bg-fill-subtle active:bg-fill'),\n className,\n )}\n to={to}\n {...props}\n >\n {icon && (\n <Icon\n className={cn(\n 'ml-[-.3em] shrink-0 opacity-50 group-hover:opacity-100',\n 'transition-opacity duration-normal ease-out-custom',\n )}\n >\n {icon}\n </Icon>\n )}\n {isLoading ? (\n <CrumbSkeleton />\n ) : (\n // `text-overflow` needs a block container, so the label truncates in its\n // own box rather than on the flex Root. Works for plain strings and for\n // components that resolve to a string (route-header `Component` crumbs).\n <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n )}\n </Root>\n {switcher && (\n <span\n data-slot=\"crumb-switcher\"\n className={cn(\n '-ml-1 flex h-control-sm shrink-0 items-center',\n switcherCoversCrumb &&\n '[&_button]:bg-transparent! [&_button:enabled]:after:absolute [&_button:enabled]:after:inset-0 [&_button:enabled]:after:rounded-full',\n )}\n >\n {/ The switcher's popup opens from the crumb's start, like a menu on the whole crumb. */}\n <PopupAnchorProvider value={crumbRef}>{switcher}</PopupAnchorProvider>\n </span>\n )}\n {action && <span className=\"-ml-1 flex h-control-sm shrink-0 items-center\">{action}</span>}\n </li>\n {!isCurrent && (\n <li role=\"separator\" className=\"flex h-full items-center\">\n <Icon className=\"text-placeholder\">\n <SlashIcon />\n </Icon>\n </li>\n )}\n </>\n );\n};\n","import type { ComboboxProps } from '../Combobox';\n\nexport const crumbSwitcherTriggerProps = {\n variant: 'ghost',\n size: 'icon-sm',\n // The trigger is just a chevron, so give the popup room for entity names.\n popupWidth: 'md',\n} as const satisfies Pick<ComboboxProps, 'variant' \| 'size' \| 'popupWidth'>;\n"],"mappings":";;;;;;;;;;;;;;AAkBA,IAAa,cAAc,EAAE,UAAU,OAAO,WAAW,oBAAqC;CAC5F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,cAAY;EAAkB;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;GAAI,WAAWA,cAAAA,GAAG,6BAA6B,aAAa;GAAI;EAAa,CAAA;CAC1E,CAAA;AAET;AA0BA,IAAa,iBAAiB,UAAsC,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,UAAD;CAAU,WAAU;CAAW,GAAI;AAAQ,CAAA;AAE/G,IAAa,SAAS,EACpB,WACA,IACA,IACA,WACA,QACA,UACA,MACA,WACA,UACA,GAAG,YACa;CAChB,MAAM,OAAO,MAAM;CACnB,MAAM,sBAAsB,QAAQ,aAAa,aAAa,CAAC,GAAG;CAClE,MAAM,WAAWC,MAAAA,QAAM,OAAsB,IAAI;CAEjD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;EACE,KAAK;EACL,WAAWH,cAAAA,GACT,gDACA,YAAY,WAAW,YACvB,uBACE,6NACJ;EAPF,UAAA;GASE,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;IACE,gBAAc,YAAY,SAAS,KAAA;IACnC,WAAWA,cAAAA,GAGT,iFACAI,gCAAAA,mBAAmB,IACnBC,+BAAAA,6BAEA,YACI,4CACA,sBACEL,cAAAA,GAAGM,8BAAAA,uBAAuB,UAAU,IACpCN,cAAAA,GAAGO,8BAAAA,gBAAgB,6DAA6D,GACtF,SACF;IACI;IACJ,GAAI;IAjBN,UAAA,CAmBG,QACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,MAAD;KACE,WAAWR,cAAAA,GACT,0DACA,oDACF;KAEC,UAAA;IACG,CAAA,GAEP,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,CAAgB,CAAA,IAKhB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAA2B;IAAe,CAAA,CAExD;;GACL,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,aAAU;IACV,WAAWA,cAAAA,GACT,iDACA,uBACE,qIACJ;IAGA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACS,gCAAAA,qBAAD;KAAqB,OAAO;KAAW,UAAA;IAA8B,CAAA;GACjE,CAAA;GAEP,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAAiD,UAAA;GAAa,CAAA;EACvF;CACH,CAAA,GAAA,CAAC,aACA,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAI,MAAK;EAAY,WAAU;EAC7B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,mBAAAA,MAAD;GAAM,WAAU;GACd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,wBAAAA,WAAD,CAAY,CAAA;EACR,CAAA;CACJ,CAAA,CAEN,EAAA,CAAA;AAEN;;AC3IA,IAAa,4BAA4B;CACvC,SAAS;CACT,MAAM;CAEN,YAAY;AACd"}

package/dist/components/Breadcrumb.es.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { t as cn } from "../utils-DQx8TpNT.js";
 import { Icon } from "../icons/Icon.es.js";
-import { controlSizeClasses } from "../primitives/control-size.es.js";
-import { controlStateColorTransition } from "../primitives/transitions.es.js";
-import { quietTextHover, quietTextHoverInGroup } from "../primitives/typography.es.js";
 import { SlashIcon } from "../icons/SlashIcon.es.js";
 import { Skeleton } from "./Skeleton.es.js";
+import { controlSizeClasses } from "../primitives/control-size.es.js";
 import { PopupAnchorProvider } from "../primitives/popup-anchor.es.js";
+import { controlStateColorTransition } from "../primitives/transitions.es.js";
+import { quietTextHover, quietTextHoverInGroup } from "../primitives/typography.es.js";
+import { t as cn } from "../utils-DQx8TpNT.js";
 import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // src/ds/components/Breadcrumb/Breadcrumb.tsx
@@ -69,7 +69,8 @@ var Crumb = ({ className, as, to, isCurrent, action, switcher, icon, isLoading,
 // src/ds/components/Breadcrumb/crumb-switcher.ts
 var crumbSwitcherTriggerProps = {
 	variant: "ghost",
-	size: "icon-sm"
+	size: "icon-sm",
+	popupWidth: "md"
 };
 export { Breadcrumb, Crumb, CrumbSkeleton, crumbSwitcherTriggerProps };

package/dist/components/Breadcrumb.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumb.es.js","names":["_Fragment"],"sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx","../../src/ds/components/Breadcrumb/crumb-switcher.ts"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { PopupAnchorProvider } from '@/ds/primitives/popup-anchor';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover, quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n children?: React.ReactNode;\n label?: string;\n className?: string;\n listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n return (\n <nav aria-label={label} className={className}>\n <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n </nav>\n );\n};\n\nexport interface CrumbProps {\n isCurrent?: boolean;\n as: React.ElementType;\n className?: string;\n to?: string;\n prefetch?: boolean \| null;\n children?: React.ReactNode;\n /** Prefix icon (bare SVG). The crumb wraps it in `<Icon>` and aligns it like a Button adornment. /\n icon?: React.ReactNode;\n /* Renders `CrumbSkeleton` in place of the label. /\n isLoading?: boolean;\n /\n Sibling control rendered next to the label (never inside it). Expected to be a\n * `size=\"icon-sm\"` ghost control, e.g. a CopyButton. Entity switchers go in `switcher`.\n /\n action?: React.ReactNode;\n /\n Entity switcher rendered next to the label; spread `crumbSwitcherTriggerProps` on it.\n * When the crumb doesn't navigate (current crumb, or no `to`), its hit area covers the whole crumb.\n /\n switcher?: React.ReactNode;\n 'data-testid'?: string;\n}\n\nexport const CrumbSkeleton = (props: { 'data-testid'?: string }) => <Skeleton className=\"h-3 w-24\" {...props} />;\n\nexport const Crumb = ({\n className,\n as,\n to,\n isCurrent,\n action,\n switcher,\n icon,\n isLoading,\n children,\n ...props\n}: CrumbProps) => {\n const Root = as \|\| 'span';\n const switcherCoversCrumb = Boolean(switcher && (isCurrent \|\| !to));\n const crumbRef = React.useRef<HTMLLIElement>(null);\n\n return (\n <>\n <li\n ref={crumbRef}\n className={cn(\n 'group flex h-control-sm min-w-0 items-center',\n isCurrent ? 'shrink' : 'shrink-0',\n switcherCoversCrumb &&\n 'relative rounded-full has-[[data-slot=crumb-switcher]_[data-popup-open]]:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:hover:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:active:bg-fill',\n )}\n >\n <Root\n aria-current={isCurrent ? 'page' : undefined}\n className={cn(\n // Same box as `buttonVariants({ variant: 'ghost', size: 'sm' })` so a label and an\n // icon-sm control sitting next to it share height, radius, padding and colors.\n 'inline-flex min-w-0 items-center gap-2 overflow-hidden rounded-full px-[.9em]',\n controlSizeClasses.sm,\n controlStateColorTransition,\n // Long labels truncate: the current crumb gets more room than nav crumbs.\n isCurrent\n ? 'max-w-xs cursor-default text-foreground'\n : switcherCoversCrumb\n ? cn(quietTextHoverInGroup, 'max-w-48')\n : cn(quietTextHover, 'max-w-48 cursor-pointer hover:bg-fill-subtle active:bg-fill'),\n className,\n )}\n to={to}\n {...props}\n >\n {icon && (\n <Icon\n className={cn(\n 'ml-[-.3em] shrink-0 opacity-50 group-hover:opacity-100',\n 'transition-opacity duration-normal ease-out-custom',\n )}\n >\n {icon}\n </Icon>\n )}\n {isLoading ? (\n <CrumbSkeleton />\n ) : (\n // `text-overflow` needs a block container, so the label truncates in its\n // own box rather than on the flex Root. Works for plain strings and for\n // components that resolve to a string (route-header `Component` crumbs).\n <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n )}\n </Root>\n {switcher && (\n <span\n data-slot=\"crumb-switcher\"\n className={cn(\n '-ml-1 flex h-control-sm shrink-0 items-center',\n switcherCoversCrumb &&\n '[&_button]:bg-transparent! [&_button:enabled]:after:absolute [&_button:enabled]:after:inset-0 [&_button:enabled]:after:rounded-full',\n )}\n >\n {/ The switcher's popup opens from the crumb's start, like a menu on the whole crumb. */}\n <PopupAnchorProvider value={crumbRef}>{switcher}</PopupAnchorProvider>\n </span>\n )}\n {action && <span className=\"-ml-1 flex h-control-sm shrink-0 items-center\">{action}</span>}\n </li>\n {!isCurrent && (\n <li role=\"separator\" className=\"flex h-full items-center\">\n <Icon className=\"text-placeholder\">\n <SlashIcon />\n </Icon>\n </li>\n )}\n </>\n );\n};\n","import type { ComboboxProps } from '../Combobox';\n\nexport const crumbSwitcherTriggerProps = {\n variant: 'ghost',\n size: 'icon-sm',\n} as const satisfies Pick<ComboboxProps, 'variant' \| 'size'>;\n"],"mappings":";;;;;;;;;;;AAkBA,IAAa,cAAc,EAAE,UAAU,OAAO,WAAW,oBAAqC;CAC5F,OACE,oBAAC,OAAD;EAAK,cAAY;EAAkB;EACjC,UAAA,oBAAC,MAAD;GAAI,WAAW,GAAG,6BAA6B,aAAa;GAAI;EAAa,CAAA;CAC1E,CAAA;AAET;AA0BA,IAAa,iBAAiB,UAAsC,oBAAC,UAAD;CAAU,WAAU;CAAW,GAAI;AAAQ,CAAA;AAE/G,IAAa,SAAS,EACpB,WACA,IACA,IACA,WACA,QACA,UACA,MACA,WACA,UACA,GAAG,YACa;CAChB,MAAM,OAAO,MAAM;CACnB,MAAM,sBAAsB,QAAQ,aAAa,aAAa,CAAC,GAAG;CAClE,MAAM,WAAW,MAAM,OAAsB,IAAI;CAEjD,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,qBAAC,MAAD;EACE,KAAK;EACL,WAAW,GACT,gDACA,YAAY,WAAW,YACvB,uBACE,6NACJ;EAPF,UAAA;GASE,qBAAC,MAAD;IACE,gBAAc,YAAY,SAAS,KAAA;IACnC,WAAW,GAGT,iFACA,mBAAmB,IACnB,6BAEA,YACI,4CACA,sBACE,GAAG,uBAAuB,UAAU,IACpC,GAAG,gBAAgB,6DAA6D,GACtF,SACF;IACI;IACJ,GAAI;IAjBN,UAAA,CAmBG,QACC,oBAAC,MAAD;KACE,WAAW,GACT,0DACA,oDACF;KAEC,UAAA;IACG,CAAA,GAEP,YACC,oBAAC,eAAD,CAAgB,CAAA,IAKhB,oBAAC,QAAD;KAAM,WAAU;KAA2B;IAAe,CAAA,CAExD;;GACL,YACC,oBAAC,QAAD;IACE,aAAU;IACV,WAAW,GACT,iDACA,uBACE,qIACJ;IAGA,UAAA,oBAAC,qBAAD;KAAqB,OAAO;KAAW,UAAA;IAA8B,CAAA;GACjE,CAAA;GAEP,UAAU,oBAAC,QAAD;IAAM,WAAU;IAAiD,UAAA;GAAa,CAAA;EACvF;CACH,CAAA,GAAA,CAAC,aACA,oBAAC,MAAD;EAAI,MAAK;EAAY,WAAU;EAC7B,UAAA,oBAAC,MAAD;GAAM,WAAU;GACd,UAAA,oBAAC,WAAD,CAAY,CAAA;EACR,CAAA;CACJ,CAAA,CAEN,EAAA,CAAA;AAEN;;AC3IA,IAAa,4BAA4B;CACvC,SAAS;CACT,MAAM;~~AACR~~"}
1	+ {"version":3,"file":"Breadcrumb.es.js","names":["_Fragment"],"sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx","../../src/ds/components/Breadcrumb/crumb-switcher.ts"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { PopupAnchorProvider } from '@/ds/primitives/popup-anchor';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover, quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n children?: React.ReactNode;\n label?: string;\n className?: string;\n listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n return (\n <nav aria-label={label} className={className}>\n <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n </nav>\n );\n};\n\nexport interface CrumbProps {\n isCurrent?: boolean;\n as: React.ElementType;\n className?: string;\n to?: string;\n prefetch?: boolean \| null;\n children?: React.ReactNode;\n /** Prefix icon (bare SVG). The crumb wraps it in `<Icon>` and aligns it like a Button adornment. /\n icon?: React.ReactNode;\n /* Renders `CrumbSkeleton` in place of the label. /\n isLoading?: boolean;\n /\n Sibling control rendered next to the label (never inside it). Expected to be a\n * `size=\"icon-sm\"` ghost control, e.g. a CopyButton. Entity switchers go in `switcher`.\n /\n action?: React.ReactNode;\n /\n Entity switcher rendered next to the label; spread `crumbSwitcherTriggerProps` on it.\n * When the crumb doesn't navigate (current crumb, or no `to`), its hit area covers the whole crumb.\n /\n switcher?: React.ReactNode;\n 'data-testid'?: string;\n}\n\nexport const CrumbSkeleton = (props: { 'data-testid'?: string }) => <Skeleton className=\"h-3 w-24\" {...props} />;\n\nexport const Crumb = ({\n className,\n as,\n to,\n isCurrent,\n action,\n switcher,\n icon,\n isLoading,\n children,\n ...props\n}: CrumbProps) => {\n const Root = as \|\| 'span';\n const switcherCoversCrumb = Boolean(switcher && (isCurrent \|\| !to));\n const crumbRef = React.useRef<HTMLLIElement>(null);\n\n return (\n <>\n <li\n ref={crumbRef}\n className={cn(\n 'group flex h-control-sm min-w-0 items-center',\n isCurrent ? 'shrink' : 'shrink-0',\n switcherCoversCrumb &&\n 'relative rounded-full has-[[data-slot=crumb-switcher]_[data-popup-open]]:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:hover:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:active:bg-fill',\n )}\n >\n <Root\n aria-current={isCurrent ? 'page' : undefined}\n className={cn(\n // Same box as `buttonVariants({ variant: 'ghost', size: 'sm' })` so a label and an\n // icon-sm control sitting next to it share height, radius, padding and colors.\n 'inline-flex min-w-0 items-center gap-2 overflow-hidden rounded-full px-[.9em]',\n controlSizeClasses.sm,\n controlStateColorTransition,\n // Long labels truncate: the current crumb gets more room than nav crumbs.\n isCurrent\n ? 'max-w-xs cursor-default text-foreground'\n : switcherCoversCrumb\n ? cn(quietTextHoverInGroup, 'max-w-48')\n : cn(quietTextHover, 'max-w-48 cursor-pointer hover:bg-fill-subtle active:bg-fill'),\n className,\n )}\n to={to}\n {...props}\n >\n {icon && (\n <Icon\n className={cn(\n 'ml-[-.3em] shrink-0 opacity-50 group-hover:opacity-100',\n 'transition-opacity duration-normal ease-out-custom',\n )}\n >\n {icon}\n </Icon>\n )}\n {isLoading ? (\n <CrumbSkeleton />\n ) : (\n // `text-overflow` needs a block container, so the label truncates in its\n // own box rather than on the flex Root. Works for plain strings and for\n // components that resolve to a string (route-header `Component` crumbs).\n <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n )}\n </Root>\n {switcher && (\n <span\n data-slot=\"crumb-switcher\"\n className={cn(\n '-ml-1 flex h-control-sm shrink-0 items-center',\n switcherCoversCrumb &&\n '[&_button]:bg-transparent! [&_button:enabled]:after:absolute [&_button:enabled]:after:inset-0 [&_button:enabled]:after:rounded-full',\n )}\n >\n {/ The switcher's popup opens from the crumb's start, like a menu on the whole crumb. */}\n <PopupAnchorProvider value={crumbRef}>{switcher}</PopupAnchorProvider>\n </span>\n )}\n {action && <span className=\"-ml-1 flex h-control-sm shrink-0 items-center\">{action}</span>}\n </li>\n {!isCurrent && (\n <li role=\"separator\" className=\"flex h-full items-center\">\n <Icon className=\"text-placeholder\">\n <SlashIcon />\n </Icon>\n </li>\n )}\n </>\n );\n};\n","import type { ComboboxProps } from '../Combobox';\n\nexport const crumbSwitcherTriggerProps = {\n variant: 'ghost',\n size: 'icon-sm',\n // The trigger is just a chevron, so give the popup room for entity names.\n popupWidth: 'md',\n} as const satisfies Pick<ComboboxProps, 'variant' \| 'size' \| 'popupWidth'>;\n"],"mappings":";;;;;;;;;;;AAkBA,IAAa,cAAc,EAAE,UAAU,OAAO,WAAW,oBAAqC;CAC5F,OACE,oBAAC,OAAD;EAAK,cAAY;EAAkB;EACjC,UAAA,oBAAC,MAAD;GAAI,WAAW,GAAG,6BAA6B,aAAa;GAAI;EAAa,CAAA;CAC1E,CAAA;AAET;AA0BA,IAAa,iBAAiB,UAAsC,oBAAC,UAAD;CAAU,WAAU;CAAW,GAAI;AAAQ,CAAA;AAE/G,IAAa,SAAS,EACpB,WACA,IACA,IACA,WACA,QACA,UACA,MACA,WACA,UACA,GAAG,YACa;CAChB,MAAM,OAAO,MAAM;CACnB,MAAM,sBAAsB,QAAQ,aAAa,aAAa,CAAC,GAAG;CAClE,MAAM,WAAW,MAAM,OAAsB,IAAI;CAEjD,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,qBAAC,MAAD;EACE,KAAK;EACL,WAAW,GACT,gDACA,YAAY,WAAW,YACvB,uBACE,6NACJ;EAPF,UAAA;GASE,qBAAC,MAAD;IACE,gBAAc,YAAY,SAAS,KAAA;IACnC,WAAW,GAGT,iFACA,mBAAmB,IACnB,6BAEA,YACI,4CACA,sBACE,GAAG,uBAAuB,UAAU,IACpC,GAAG,gBAAgB,6DAA6D,GACtF,SACF;IACI;IACJ,GAAI;IAjBN,UAAA,CAmBG,QACC,oBAAC,MAAD;KACE,WAAW,GACT,0DACA,oDACF;KAEC,UAAA;IACG,CAAA,GAEP,YACC,oBAAC,eAAD,CAAgB,CAAA,IAKhB,oBAAC,QAAD;KAAM,WAAU;KAA2B;IAAe,CAAA,CAExD;;GACL,YACC,oBAAC,QAAD;IACE,aAAU;IACV,WAAW,GACT,iDACA,uBACE,qIACJ;IAGA,UAAA,oBAAC,qBAAD;KAAqB,OAAO;KAAW,UAAA;IAA8B,CAAA;GACjE,CAAA;GAEP,UAAU,oBAAC,QAAD;IAAM,WAAU;IAAiD,UAAA;GAAa,CAAA;EACvF;CACH,CAAA,GAAA,CAAC,aACA,oBAAC,MAAD;EAAI,MAAK;EAAY,WAAU;EAC7B,UAAA,oBAAC,MAAD;GAAM,WAAU;GACd,UAAA,oBAAC,WAAD,CAAY,CAAA;EACR,CAAA;CACJ,CAAA,CAEN,EAAA,CAAA;AAEN;;AC3IA,IAAa,4BAA4B;CACvC,SAAS;CACT,MAAM;CAEN,YAAY;AACd"}

package/dist/components/Button.cjs.js CHANGED Viewed

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
-const require_Button = require("../Button-DLcMcuUL.cjs");
-const require_merge_refs = require("../merge-refs-C0BDbPAW.cjs");
+const require_Button = require("../Button-BfICfyxD.cjs");
 const require_components_Kbd = require("./Kbd.cjs.js");
 const require_keyboard_use_keydown = require("../keyboard/use-keydown.cjs.js");
+const require_merge_refs = require("../merge-refs-C0BDbPAW.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/components/Button.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { a as TriggerChevron, i as ButtonLabel, n as ButtonChevron, o as buttonVariants, r as ButtonIcon, s as isIconButtonSize, t as Button } from "../Button-CLXTbAY8.js";
-import { t as mergeRefs } from "../merge-refs-BXb4SnRx.js";
+import { a as TriggerChevron, i as ButtonLabel, n as ButtonChevron, o as buttonVariants, r as ButtonIcon, s as isIconButtonSize, t as Button } from "../Button-Bi7aXd_G.js";
 import { Kbd } from "./Kbd.es.js";
 import { useKeydown } from "../keyboard/use-keydown.es.js";
+import { t as mergeRefs } from "../merge-refs-BXb4SnRx.js";
 import React, { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Plus } from "lucide-react";

package/dist/components/ButtonsGroup.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_buttons_group = require("../buttons-group-Dc6R7YSs.cjs");
+const require_buttons_group = require("../buttons-group-DM6_Kohs.cjs");
 exports.ButtonsGroup = require_buttons_group.ButtonsGroup;
 exports.ButtonsGroupText = require_buttons_group.ButtonsGroupText;

package/dist/components/ButtonsGroup.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as ButtonsGroup, n as ButtonsGroupText } from "../buttons-group-~~DkFlnMiL~~.js";
1	+ export { t as ButtonsGroup, n as ButtonsGroupText } from "../buttons-group-DA_wORqQ.js";

package/dist/components/Card.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Card = require("../Card-C6iEBgVq.cjs");
+const require_Card = require("../Card-C9oCXvxU.cjs");
 exports.Card = require_Card.Card;
 exports.CardContent = require_Card.CardContent;
 exports.CardDescription = require_Card.CardDescription;

package/dist/components/Card.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as Card, n as CardContent, r as CardDescription, i as CardFooter, a as CardHeader, o as CardLink, s as CardTitle } from "../Card-~~LU1aWO7U~~.js";
1	+ export { t as Card, n as CardContent, r as CardDescription, i as CardFooter, a as CardHeader, o as CardLink, s as CardTitle } from "../Card-ClDoUQNb.js";

package/dist/components/ChartSkeleton.cjs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../utils-uDc1ofX1.cjs");
-const require_primitives_shimmer = require("../primitives/shimmer.cjs.js");
 const require_primitives_chart_layout = require("../primitives/chart-layout.cjs.js");
+const require_primitives_shimmer = require("../primitives/shimmer.cjs.js");
+const require_utils = require("../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/components/ChartSkeleton/chart-skeleton.tsx

package/dist/components/ChartSkeleton.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { t as cn } from "../utils-DQx8TpNT.js";
-import { useShimmerDelay } from "../primitives/shimmer.es.js";
 import { CHART_MARGIN } from "../primitives/chart-layout.es.js";
+import { useShimmerDelay } from "../primitives/shimmer.es.js";
+import { t as cn } from "../utils-DQx8TpNT.js";
 import { useId } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // src/ds/components/ChartSkeleton/chart-skeleton.tsx

package/dist/components/ChartTooltip.cjs.js CHANGED Viewed

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_primitives_raised_surface = require("../primitives/raised-surface.cjs.js");
+const require_utils = require("../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/components/ChartTooltip/chart-tooltip.tsx
 /**

package/dist/components/ChartTooltip.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { t as cn } from "../utils-DQx8TpNT.js";
 import { overlaySurfaceStyle } from "../primitives/raised-surface.es.js";
+import { t as cn } from "../utils-DQx8TpNT.js";
 import { jsx } from "react/jsx-runtime";
 // src/ds/components/ChartTooltip/chart-tooltip.tsx
 /**

package/dist/components/ChatShell.cjs.js CHANGED Viewed

@@ -1,6 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_MessageScroller = require("../MessageScroller-D-mK1uuu.cjs");
+const require_chat_shell_context = require("../chat-shell-context-ONCslAGn.cjs");
+const require_merge_refs = require("../merge-refs-C0BDbPAW.cjs");
 const require_utils = require("../utils-uDc1ofX1.cjs");
-const require_MessageScroller = require("../MessageScroller-CGsfTd1Z.cjs");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/components/ChatShell/chat-shell.tsx
 /**
@@ -17,12 +20,16 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * the composer), `--chat-inset-end` (room an overlay panel claims on the end edge).
 */
 function ChatShellRoot({ className, scroller, ...props }) {
+	const [regions] = (0, react.useState)(require_chat_shell_context.createChatShellRegions);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MessageScroller.MessageScrollerProvider, {
 		...scroller,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			"data-slot": "chat-shell",
-			className: require_utils.cn("@container relative isolate flex min-h-0 min-w-0 flex-col", "[--chat-column:48rem] [--chat-edge:0.5rem] [--chat-fade:2rem] [--chat-gutter:0.75rem] [--chat-inset-end:0px]", "[--chat-surface:var(--color-background)] [--chat-veil:100%]", className),
-			...props
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_chat_shell_context.ChatShellRegionsContext.Provider, {
+			value: regions,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				"data-slot": "chat-shell",
+				className: require_utils.cn("@container relative isolate flex min-h-0 min-w-0 flex-col", "[--chat-column:48rem] [--chat-edge:0.5rem] [--chat-fade:2rem] [--chat-gutter:0.75rem] [--chat-inset-end:0px]", "[--chat-surface:var(--color-background)] [--chat-veil:100%]", className),
+				...props
+			})
 		})
 	});
 }
@@ -80,6 +87,15 @@ function ChatShellColumn({ className, ...props }) {
 		...props
 	});
 }
+/** The conversation's reading column. Positioned, so overlays such as `TranscriptAnnotations` travel with the text. */
+function ChatShellTranscript({ className, ref, ...props }) {
+	const { transcriptRef } = require_chat_shell_context.useChatShellRegions();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChatShellColumn, {
+		ref: require_merge_refs.mergeRefs(transcriptRef, ref),
+		className: require_utils.cn("relative", className),
+		...props
+	});
+}
 /**
 * One user turn and the reply under it. The room is the answer's share of the
 * screen: the scroller parks the sent message exactly one room above the end of
@@ -105,12 +121,19 @@ function ChatShellTurn({ opensTurn, holdsRoom, restored, className, ...props })
 * Behind it, one sheet of the page masked in over `--chat-fade` of air, reaching
 * `--chat-veil` at the dock's top edge. The transcript fades out above the
 * composer and nothing shows through around or under the card.
+*
+* Its `ComposerInput` is the conversation's composer, the one
+* `TranscriptAnnotations` focuses.
 */
 function ChatShellDock({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "chat-shell-dock",
-		className: require_utils.cn("sticky bottom-0 z-10 mt-(--chat-fade) shrink-0 pb-(--chat-gutter)", "before:pointer-events-none before:absolute before:inset-x-0 before:-top-(--chat-fade) before:bottom-0 before:-z-10", "before:bg-(--chat-surface) before:[mask-image:linear-gradient(to_bottom,transparent,rgb(0_0_0/var(--chat-veil))_var(--chat-fade))]", className),
-		...props
+	const { composerInputRef } = require_chat_shell_context.useChatShellRegions();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_chat_shell_context.ChatShellComposerInputContext.Provider, {
+		value: composerInputRef,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-slot": "chat-shell-dock",
+			className: require_utils.cn("sticky bottom-0 z-10 mt-(--chat-fade) shrink-0 pb-(--chat-gutter)", "before:pointer-events-none before:absolute before:inset-x-0 before:-top-(--chat-fade) before:bottom-0 before:-z-10", "before:bg-(--chat-surface) before:[mask-image:linear-gradient(to_bottom,transparent,rgb(0_0_0/var(--chat-veil))_var(--chat-fade))]", className),
+			...props
+		})
 	});
 }
 /**
@@ -139,6 +162,7 @@ var ChatShell = Object.assign(ChatShellRoot, {
 	Dock: ChatShellDock,
 	ScrollButton: ChatShellScrollButton,
 	Stage: ChatShellStage,
+	Transcript: ChatShellTranscript,
 	Turn: ChatShellTurn,
 	Viewport: ChatShellViewport
 });