@mastra/playground-ui 61.0.0-alpha.4 → 61.0.0-alpha.6

package/dist/{combobox-DoJgbq9N.js.map → combobox-NPw0vrSa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"combobox-DoJgbq9N.js","sources":["../src/ds/components/Combobox/combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { Check, ChevronsUpDown, Search, X } from 'lucide-react';\nimport * as React from 'react';\nimport { comboboxItemClass, comboboxStyles, comboboxTriggerClass } 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 { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport { deprecatedErrorAria } from '@/ds/primitives/form-element';\nimport { usePortalContainer } 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};\n\ntype ComboboxSharedProps = {\n  options: ComboboxOption[];\n  placeholder?: React.ReactNode;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  variant?: ComboboxVariant;\n  /** Icon sizes (`icon-*`) render a chevron-only trigger; pass `aria-label` to name it. */\n  size?: ButtonSize;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  container?: HTMLElement | ShadowRoot | null | React.RefObject<HTMLElement | ShadowRoot | null>;\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 input text as it changes (and with `''` after a single-mode 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: string[] = [];\nconst EMPTY_OPTIONS: ComboboxOption[] = [];\n\nfunction isMultipleCombobox(props: ComboboxProps): props is ComboboxMultipleProps {\n  return props.multiple === true;\n}\n\nconst ComboboxItem = React.forwardRef<HTMLDivElement, BaseCombobox.Item.Props>((props, ref) => (\n  <BaseCombobox.Item ref={useFluidMenuItemRef(ref)} {...props} />\n));\nComboboxItem.displayName = 'ComboboxItem';\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\nexport function Combobox(props: ComboboxProps) {\n  const {\n    options,\n    placeholder = isMultipleCombobox(props) ? 'Select options...' : '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    id,\n    'aria-label': ariaLabel,\n    'aria-describedby': ariaDescribedBy,\n    align = 'start',\n    showChevron = true,\n    iconOnlyValue = false,\n    allowCustomValue = false,\n    onInputValueChange,\n    error,\n    name,\n  } = props;\n  const multiple = isMultipleCombobox(props);\n  const clearLabel = multiple ? props.clearLabel : undefined;\n  const field = useFieldAriaIds();\n  const generatedName = React.useId();\n  const errorName = name ?? generatedName;\n  const describedBy =\n    [ariaDescribedBy, error ? fieldErrorId(errorName) : undefined].filter(Boolean).join(' ') || undefined;\n  const [inputValue, setInputValue] = React.useState('');\n  const customValue = inputValue.trim();\n  const customOption =\n    !multiple && allowCustomValue && customValue && !options.some(option => option.value === customValue)\n      ? { label: `Use “${customValue}”`, value: customValue }\n      : undefined;\n  const displayedOptions = customOption ? [customOption, ...options] : options;\n  const selectedValues = multiple ? (props.value ?? EMPTY_VALUES) : EMPTY_VALUES;\n  const selectedValueSet = React.useMemo(() => new Set(selectedValues), [selectedValues]);\n  const selectedOption = multiple ? null : (options.find(option => option.value === props.value) ?? null);\n  const selectedOptions = multiple ? options.filter(option => selectedValueSet.has(option.value)) : EMPTY_OPTIONS;\n  const triggerText = selectedOptions.length === 0 ? placeholder : `${selectedOptions.length} selected`;\n  const clearSelection = () => {\n    if (isMultipleCombobox(props)) props.onValueChange?.([]);\n  };\n  // Default to the nearest SideDialog/Drawer popup so the list stays\n  // interactive inside a modal drawer; an explicit `container` still wins.\n  const resolvedContainer = usePortalContainer(container);\n  const menu = useFluidMenu<HTMLDivElement>();\n  const iconOnly = isIconButtonSize(size);\n\n  const comboboxContent = (\n    <>\n      <BaseCombobox.Trigger\n        id={id}\n        aria-label={ariaLabel ?? (id || field ? undefined : multiple ? 'Select options' : 'Select option')}\n        {...keepOwnAccessibleName({ 'aria-label': ariaLabel })}\n        {...deprecatedErrorAria(Boolean(error))}\n        aria-describedby={describedBy}\n        data-shape={iconOnly ? 'icon' : undefined}\n        className={comboboxTriggerClass({\n          variant,\n          size,\n          className: cn(iconOnlyValue && 'w-auto px-2.5', className),\n        })}\n      >\n        {iconOnly ? (\n          <span className=\"sr-only\">{multiple ? triggerText : <BaseCombobox.Value placeholder={placeholder} />}</span>\n        ) : multiple ? (\n          <span className={cn('truncate', selectedOptions.length === 0 && comboboxStyles.placeholder)}>\n            {triggerText}\n          </span>\n        ) : (\n          // Keep truncation off the outer wrapper so start adornments are not clipped.\n          <span className={cn('flex min-w-0 flex-1 items-center', iconOnlyValue ? 'justify-center' : 'gap-2')}>\n            {selectedOption?.start}\n            <span className=\"truncate\">\n              {selectedOption?.displayLabel ?? <BaseCombobox.Value placeholder={placeholder} />}\n            </span>\n          </span>\n        )}\n        {/* Wrap the chevron in a `<span>` so the svg is one level deep and\n            escapes Button's `[&>svg]` adornments — mirrors Select's chevron wrap. */}\n        {showChevron ? (\n          <span className=\"flex shrink-0 items-center\">\n            <ChevronsUpDown className={cn(comboboxStyles.chevron, (iconOnly || iconOnlyValue) && 'ml-0')} />\n          </span>\n        ) : null}\n      </BaseCombobox.Trigger>\n\n      <BaseCombobox.Portal container={resolvedContainer}>\n        <BaseCombobox.Positioner\n          align={align}\n          sideOffset={4}\n          positionMethod={FLOATING_POSITION_METHOD}\n          className={comboboxStyles.positioner}\n        >\n          <BaseCombobox.Popup className={comboboxStyles.popup}>\n            <div className={comboboxStyles.searchContainer}>\n              <Search className={comboboxStyles.searchIcon} />\n              <BaseCombobox.Input className={comboboxStyles.searchInput} placeholder={searchPlaceholder} />\n            </div>\n            <BaseCombobox.Empty className={comboboxStyles.empty}>{emptyText}</BaseCombobox.Empty>\n            <ScrollArea maxHeight=\"var(--spacing-dropdown)\">\n              <ScrollAreaViewport className=\"scroll-py-8\">\n                <div className={menu.containerClassName} {...menu.getContainerProps({})}>\n                  <FluidMenuItems menu={menu}>\n                    <BaseCombobox.List className={comboboxStyles.list}>\n                      {(option: ComboboxOption) => {\n                        const isSelected = selectedValueSet.has(option.value);\n\n                        return (\n                          <ComboboxItem key={option.value} value={option} className={comboboxItemClass({ multiple })}>\n                            {multiple ? (\n                              <>\n                                {option.start}\n                                <ComboboxOptionText option={option} />\n                                <span className={comboboxStyles.itemRightSlot}>\n                                  {option.end ? <div className={comboboxStyles.optionEnd}>{option.end}</div> : null}\n                                  <span className={comboboxStyles.checkContainer}>\n                                    {isSelected ? <Check className={comboboxStyles.checkIcon} /> : null}\n                                  </span>\n                                </span>\n                              </>\n                            ) : (\n                              <>\n                                {option.start}\n                                <ComboboxOptionText option={option} />\n                                <span className={comboboxStyles.itemRightSlot}>\n                                  {option.end ? <div className={comboboxStyles.optionEnd}>{option.end}</div> : null}\n                                  <span className={comboboxStyles.checkContainer}>\n                                    <BaseCombobox.ItemIndicator>\n                                      <Check className={comboboxStyles.checkIcon} />\n                                    </BaseCombobox.ItemIndicator>\n                                  </span>\n                                </span>\n                              </>\n                            )}\n                          </ComboboxItem>\n                        );\n                      }}\n                    </BaseCombobox.List>\n                  </FluidMenuItems>\n                </div>\n              </ScrollAreaViewport>\n            </ScrollArea>\n            {selectedValues.length > 0 && clearLabel ? (\n              <div className={cn('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={clearSelection}\n                  icon={<X />}\n                >\n                  {clearLabel}\n                </Button>\n              </div>\n            ) : null}\n          </BaseCombobox.Popup>\n        </BaseCombobox.Positioner>\n      </BaseCombobox.Portal>\n    </>\n  );\n\n  const root = multiple ? (\n    <BaseCombobox.Root\n      multiple\n      autoHighlight\n      items={displayedOptions}\n      value={selectedOptions}\n      onValueChange={items => props.onValueChange?.((items ?? []).map(item => item.value))}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      {comboboxContent}\n    </BaseCombobox.Root>\n  ) : (\n    <BaseCombobox.Root\n      autoHighlight\n      items={displayedOptions}\n      value={selectedOption}\n      inputValue={inputValue}\n      onInputValueChange={value => {\n        setInputValue(value);\n        onInputValueChange?.(value);\n      }}\n      onValueChange={item => {\n        if (item) {\n          props.onValueChange?.(item.value);\n          setInputValue('');\n          onInputValueChange?.('');\n        }\n      }}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      {comboboxContent}\n    </BaseCombobox.Root>\n  );\n\n  if (!error) return root;\n\n  return (\n    <div className={comboboxStyles.root}>\n      {root}\n      <FieldBlock.ErrorMsg name={errorName}>{error}</FieldBlock.ErrorMsg>\n    </div>\n  );\n}\n"],"names":["BaseCombobox"],"mappings":"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"}
+{"version":3,"file":"combobox-NPw0vrSa.js","sources":["../src/ds/components/Combobox/combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { Check, ChevronsUpDown, Search, X } from 'lucide-react';\nimport * as React from 'react';\nimport { comboboxItemClass, comboboxStyles, comboboxTriggerClass } 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 { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport { deprecatedErrorAria } from '@/ds/primitives/form-element';\nimport { usePortalContainer } 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};\n\ntype ComboboxSharedProps = {\n  options: ComboboxOption[];\n  placeholder?: React.ReactNode;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  variant?: ComboboxVariant;\n  /** Icon sizes (`icon-*`) render a chevron-only trigger; pass `aria-label` to name it. */\n  size?: ButtonSize;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  container?: HTMLElement | ShadowRoot | null | React.RefObject<HTMLElement | ShadowRoot | null>;\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 input text as it changes (and with `''` after a single-mode 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: string[] = [];\nconst EMPTY_OPTIONS: ComboboxOption[] = [];\n\nfunction isMultipleCombobox(props: ComboboxProps): props is ComboboxMultipleProps {\n  return props.multiple === true;\n}\n\nconst ComboboxItem = React.forwardRef<HTMLDivElement, BaseCombobox.Item.Props>((props, ref) => (\n  <BaseCombobox.Item ref={useFluidMenuItemRef(ref)} {...props} />\n));\nComboboxItem.displayName = 'ComboboxItem';\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\nexport function Combobox(props: ComboboxProps) {\n  const {\n    options,\n    placeholder = isMultipleCombobox(props) ? 'Select options...' : '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    id,\n    'aria-label': ariaLabel,\n    'aria-describedby': ariaDescribedBy,\n    align = 'start',\n    showChevron = true,\n    iconOnlyValue = false,\n    allowCustomValue = false,\n    onInputValueChange,\n    error,\n    name,\n  } = props;\n  const multiple = isMultipleCombobox(props);\n  const clearLabel = multiple ? props.clearLabel : undefined;\n  const field = useFieldAriaIds();\n  const generatedName = React.useId();\n  const errorName = name ?? generatedName;\n  const describedBy =\n    [ariaDescribedBy, error ? fieldErrorId(errorName) : undefined].filter(Boolean).join(' ') || undefined;\n  const [inputValue, setInputValue] = React.useState('');\n  const customValue = inputValue.trim();\n  const customOption =\n    !multiple && allowCustomValue && customValue && !options.some(option => option.value === customValue)\n      ? { label: `Use “${customValue}”`, value: customValue }\n      : undefined;\n  const displayedOptions = customOption ? [customOption, ...options] : options;\n  const selectedValues = multiple ? (props.value ?? EMPTY_VALUES) : EMPTY_VALUES;\n  const selectedValueSet = React.useMemo(() => new Set(selectedValues), [selectedValues]);\n  const selectedOption = multiple ? null : (options.find(option => option.value === props.value) ?? null);\n  const selectedOptions = multiple ? options.filter(option => selectedValueSet.has(option.value)) : EMPTY_OPTIONS;\n  const triggerText = selectedOptions.length === 0 ? placeholder : `${selectedOptions.length} selected`;\n  const clearSelection = () => {\n    if (isMultipleCombobox(props)) props.onValueChange?.([]);\n  };\n  // Default to the nearest SideDialog/Drawer popup so the list stays\n  // interactive inside a modal drawer; an explicit `container` still wins.\n  const resolvedContainer = usePortalContainer(container);\n  const menu = useFluidMenu<HTMLDivElement>();\n  const iconOnly = isIconButtonSize(size);\n\n  const comboboxContent = (\n    <>\n      <BaseCombobox.Trigger\n        id={id}\n        aria-label={ariaLabel ?? (id || field ? undefined : multiple ? 'Select options' : 'Select option')}\n        {...keepOwnAccessibleName({ 'aria-label': ariaLabel })}\n        {...deprecatedErrorAria(Boolean(error))}\n        aria-describedby={describedBy}\n        data-shape={iconOnly ? 'icon' : undefined}\n        className={comboboxTriggerClass({\n          variant,\n          size,\n          className: cn(iconOnlyValue && 'w-auto px-2.5', className),\n        })}\n      >\n        {iconOnly ? (\n          <span className=\"sr-only\">{multiple ? triggerText : <BaseCombobox.Value placeholder={placeholder} />}</span>\n        ) : multiple ? (\n          <span className={cn('truncate', selectedOptions.length === 0 && comboboxStyles.placeholder)}>\n            {triggerText}\n          </span>\n        ) : (\n          // Keep truncation off the outer wrapper so start adornments are not clipped.\n          <span className={cn('flex min-w-0 flex-1 items-center', iconOnlyValue ? 'justify-center' : 'gap-2')}>\n            {selectedOption?.start}\n            <span className=\"truncate\">\n              {selectedOption?.displayLabel ?? <BaseCombobox.Value placeholder={placeholder} />}\n            </span>\n          </span>\n        )}\n        {/* Wrap the chevron in a `<span>` so the svg is one level deep and\n            escapes Button's `[&>svg]` adornments — mirrors Select's chevron wrap. */}\n        {showChevron ? (\n          <span className=\"flex shrink-0 items-center\">\n            <ChevronsUpDown className={cn(comboboxStyles.chevron, (iconOnly || iconOnlyValue) && 'ml-0')} />\n          </span>\n        ) : null}\n      </BaseCombobox.Trigger>\n\n      <BaseCombobox.Portal container={resolvedContainer}>\n        <BaseCombobox.Positioner\n          align={align}\n          sideOffset={4}\n          positionMethod={FLOATING_POSITION_METHOD}\n          className={comboboxStyles.positioner}\n        >\n          <BaseCombobox.Popup className={comboboxStyles.popup}>\n            <div className={comboboxStyles.searchContainer}>\n              <Search className={comboboxStyles.searchIcon} />\n              <BaseCombobox.Input className={comboboxStyles.searchInput} placeholder={searchPlaceholder} />\n            </div>\n            <BaseCombobox.Empty className={comboboxStyles.empty}>{emptyText}</BaseCombobox.Empty>\n            <ScrollArea maxHeight=\"var(--spacing-dropdown)\">\n              <ScrollAreaViewport className=\"scroll-py-8\">\n                <div className={menu.containerClassName} {...menu.getContainerProps({})}>\n                  <FluidMenuItems menu={menu}>\n                    <BaseCombobox.List className={comboboxStyles.list}>\n                      {(option: ComboboxOption) => {\n                        const isSelected = selectedValueSet.has(option.value);\n\n                        return (\n                          <ComboboxItem key={option.value} value={option} className={comboboxItemClass({ multiple })}>\n                            {multiple ? (\n                              <>\n                                {option.start}\n                                <ComboboxOptionText option={option} />\n                                <span className={comboboxStyles.itemRightSlot}>\n                                  {option.end ? <div className={comboboxStyles.optionEnd}>{option.end}</div> : null}\n                                  <span className={comboboxStyles.checkContainer}>\n                                    {isSelected ? <Check className={comboboxStyles.checkIcon} /> : null}\n                                  </span>\n                                </span>\n                              </>\n                            ) : (\n                              <>\n                                {option.start}\n                                <ComboboxOptionText option={option} />\n                                <span className={comboboxStyles.itemRightSlot}>\n                                  {option.end ? <div className={comboboxStyles.optionEnd}>{option.end}</div> : null}\n                                  <span className={comboboxStyles.checkContainer}>\n                                    <BaseCombobox.ItemIndicator>\n                                      <Check className={comboboxStyles.checkIcon} />\n                                    </BaseCombobox.ItemIndicator>\n                                  </span>\n                                </span>\n                              </>\n                            )}\n                          </ComboboxItem>\n                        );\n                      }}\n                    </BaseCombobox.List>\n                  </FluidMenuItems>\n                </div>\n              </ScrollAreaViewport>\n            </ScrollArea>\n            {selectedValues.length > 0 && clearLabel ? (\n              <div className={cn('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={clearSelection}\n                  icon={<X />}\n                >\n                  {clearLabel}\n                </Button>\n              </div>\n            ) : null}\n          </BaseCombobox.Popup>\n        </BaseCombobox.Positioner>\n      </BaseCombobox.Portal>\n    </>\n  );\n\n  const root = multiple ? (\n    <BaseCombobox.Root\n      multiple\n      autoHighlight\n      items={displayedOptions}\n      value={selectedOptions}\n      onValueChange={items => props.onValueChange?.((items ?? []).map(item => item.value))}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      {comboboxContent}\n    </BaseCombobox.Root>\n  ) : (\n    <BaseCombobox.Root\n      autoHighlight\n      items={displayedOptions}\n      value={selectedOption}\n      inputValue={inputValue}\n      onInputValueChange={value => {\n        setInputValue(value);\n        onInputValueChange?.(value);\n      }}\n      onValueChange={item => {\n        if (item) {\n          props.onValueChange?.(item.value);\n          setInputValue('');\n          onInputValueChange?.('');\n        }\n      }}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      {comboboxContent}\n    </BaseCombobox.Root>\n  );\n\n  if (!error) return root;\n\n  return (\n    <div className={comboboxStyles.root}>\n      {root}\n      <FieldBlock.ErrorMsg name={errorName}>{error}</FieldBlock.ErrorMsg>\n    </div>\n  );\n}\n"],"names":["BaseCombobox"],"mappings":"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"}

package/dist/{command-DD3WIrQX.cjs → command-D9tAe7E8.cjs}

@@ -4,8 +4,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const cmdk = require('cmdk');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const dialog = require('./dialog-d_AK1NQD.cjs');
-const scrollArea = require('./scroll-area-CEuf7Omb.cjs');
+const dialog = require('./dialog-c2AhB8HM.cjs');
+const scrollArea = require('./scroll-area-gN-e805H.cjs');
 const Txt = require('./Txt-DNnvlrBo.cjs');
 const primitives_fluidMenu = require('./primitives/fluid-menu.cjs.js');
 const primitives_transitions = require('./primitives/transitions.cjs.js');
@@ -42,8 +42,51 @@ const Command = React__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Command.displayName = cmdk.Command.displayName;
+const commandDialogContentClasses = {
+  default: "overflow-hidden py-0",
+  inset: "top-1/4 translate-y-0 overflow-hidden rounded-[calc(var(--radius-xl)+--spacing(1))] bg-muted p-1"
+};
+const commandDialogCommandClasses = {
+  default: utils_cn.cn(
+    "[&_[data-slot=command-input-wrapper]_svg]:size-5",
+    "**:[[cmdk-input]]:h-12",
+    "[&_[cmdk-item]_svg]:size-5"
+  ),
+  inset: utils_cn.cn(
+    "gap-1",
+    "[&_[data-slot=command-input-wrapper]_svg]:size-icon-md",
+    "**:[[cmdk-input]]:h-11 **:[[cmdk-input]]:text-label",
+    "[&_[cmdk-item]_svg]:size-icon-sm",
+    "**:[[cmdk-empty]]:px-4 **:[[cmdk-empty]]:pt-3 **:[[cmdk-empty]]:pb-1 **:[[cmdk-empty]]:text-left **:[[cmdk-empty]]:text-caption"
+  )
+};
+const commandDialogHeadingCase = {
+  default: "upper",
+  inset: "sentence"
+};
+const CommandDialogVariantContext = React__namespace.createContext("default");
+const CommandDialogBody = ({
+  variant,
+  footer,
+  children
+}) => {
+  if (variant === "default") return children;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-slot": "command-dialog-panel",
+        className: "flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl bg-background",
+        children
+      }
+    ),
+    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "command-dialog-footer", className: "flex items-center justify-between gap-3 pr-1", children: footer })
+  ] });
+};
 const CommandDialog = ({
   children,
+  variant = "default",
+  footer,
   title = "Command Palette",
   description = "Search for commands and actions",
   size,
@@ -70,8 +113,9 @@ const CommandDialog = ({
     {
       size,
       showOverlay,
+      showCloseButton: variant !== "inset",
       overlayClassName,
-      className: utils_cn.cn("overflow-hidden py-0", contentClassName),
+      className: utils_cn.cn(commandDialogContentClasses[variant], contentClassName),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { className: "sr-only", children: title }),
         /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { className: "sr-only", children: description }),
@@ -82,16 +126,15 @@ const CommandDialog = ({
             loop: true,
             filter,
             onKeyDown: handleKeyDown,
+            "data-heading-case": commandDialogHeadingCase[variant],
             className: utils_cn.cn(
               "**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:text-column **:[[cmdk-group-heading]]:text-muted-foreground",
               "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2",
-              "[&_[data-slot=command-input-wrapper]_svg]:size-5",
-              "**:[[cmdk-input]]:h-12",
               "**:[[cmdk-item]]:p-2",
-              "[&_[cmdk-item]_svg]:size-5",
+              commandDialogCommandClasses[variant],
               commandClassName
             ),
-            children
+            children: /* @__PURE__ */ jsxRuntime.jsx(CommandDialogVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxRuntime.jsx(CommandDialogBody, { variant, footer, children }) })
           }
         )
       ]
@@ -138,12 +181,14 @@ const CommandList = React__namespace.forwardRef(
     ...props
   }, ref) => {
     const menu = primitives_fluidMenu.useFluidMenu({ activeAttr: "data-selected" });
+    const animateHeight = React__namespace.useContext(CommandDialogVariantContext) === "inset";
     const list = /* @__PURE__ */ jsxRuntime.jsx(
       cmdk.Command.List,
       {
         className: utils_cn.cn(
           "outline-none focus:outline-none focus-visible:outline-none",
           scrollArea$1 ? "overflow-visible" : "max-h-dropdown overflow-x-hidden overflow-y-auto",
+          animateHeight && utils_cn.cn("h-(--cmdk-list-height)", primitives_transitions.heightTransition),
           menu.containerClassName,
           className
         ),
@@ -166,6 +211,7 @@ const CommandGroup = React__namespace.forwardRef(({ className, ...props }, ref)
     className: utils_cn.cn(
       "overflow-hidden p-1 text-muted-foreground",
       "[&_[cmdk-group-heading]]:text-meta **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:tracking-wider **:[[cmdk-group-heading]]:text-muted-foreground **:[[cmdk-group-heading]]:uppercase",
+      "in-data-[heading-case=sentence]:**:[[cmdk-group-heading]]:tracking-normal in-data-[heading-case=sentence]:**:[[cmdk-group-heading]]:normal-case",
       className
     ),
     ...props
@@ -214,4 +260,4 @@ exports.CommandItem = CommandItem;
 exports.CommandList = CommandList;
 exports.CommandSeparator = CommandSeparator;
 exports.CommandShortcut = CommandShortcut;
-//# sourceMappingURL=command-DD3WIrQX.cjs.map
+//# sourceMappingURL=command-D9tAe7E8.cjs.map

package/dist/command-D9tAe7E8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-D9tAe7E8.cjs","sources":["../src/ds/components/Command/command.tsx"],"sourcesContent":["import { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from '@/ds/components/Dialog';\nimport type { DialogSize } from '@/ds/components/Dialog';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport type { ScrollAreaMask } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport { heightTransition, transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex size-full flex-col overflow-hidden rounded-xl bg-card text-muted-foreground in-data-[slot=dialog-content]:bg-transparent',\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogVariant = 'default' | 'inset';\n\nconst commandDialogContentClasses: Record<CommandDialogVariant, string> = {\n  default: 'overflow-hidden py-0',\n  inset: 'top-1/4 translate-y-0 overflow-hidden rounded-[calc(var(--radius-xl)+--spacing(1))] bg-muted p-1',\n};\n\nconst commandDialogCommandClasses: Record<CommandDialogVariant, string> = {\n  default: cn(\n    '[&_[data-slot=command-input-wrapper]_svg]:size-5',\n    '**:[[cmdk-input]]:h-12',\n    '[&_[cmdk-item]_svg]:size-5',\n  ),\n  inset: cn(\n    'gap-1',\n    '[&_[data-slot=command-input-wrapper]_svg]:size-icon-md',\n    '**:[[cmdk-input]]:h-11 **:[[cmdk-input]]:text-label',\n    '[&_[cmdk-item]_svg]:size-icon-sm',\n    '**:[[cmdk-empty]]:px-4 **:[[cmdk-empty]]:pt-3 **:[[cmdk-empty]]:pb-1 **:[[cmdk-empty]]:text-left **:[[cmdk-empty]]:text-caption',\n  ),\n};\n\nconst commandDialogHeadingCase: Record<CommandDialogVariant, 'upper' | 'sentence'> = {\n  default: 'upper',\n  inset: 'sentence',\n};\n\nconst CommandDialogVariantContext = React.createContext<CommandDialogVariant>('default');\n\nconst CommandDialogBody = ({\n  variant,\n  footer,\n  children,\n}: {\n  variant: CommandDialogVariant;\n  footer?: React.ReactNode;\n  children?: React.ReactNode;\n}) => {\n  if (variant === 'default') return children;\n\n  return (\n    <>\n      <div\n        data-slot=\"command-dialog-panel\"\n        className=\"flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl bg-background\"\n      >\n        {children}\n      </div>\n      {footer && (\n        <div data-slot=\"command-dialog-footer\" className=\"flex items-center justify-between gap-3 pr-1\">\n          {footer}\n        </div>\n      )}\n    </>\n  );\n};\n\ntype CommandDialogBaseProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog>, 'children'> & {\n  children?: React.ReactNode;\n  title?: string;\n  description?: string;\n  size?: DialogSize;\n  contentClassName?: string;\n  commandClassName?: string;\n  commandLabel?: string;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\ntype CommandDialogProps = CommandDialogBaseProps &\n  ({ variant?: 'default'; footer?: never } | { variant: 'inset'; footer?: React.ReactNode });\n\nconst CommandDialog = ({\n  children,\n  variant = 'default',\n  footer,\n  title = 'Command Palette',\n  description = 'Search for commands and actions',\n  size,\n  contentClassName,\n  commandClassName,\n  commandLabel,\n  showOverlay = false,\n  overlayClassName,\n  ...props\n}: CommandDialogProps) => {\n  const filter = React.useCallback((value: string, search: string) => {\n    const normalizedValue = value.toLowerCase();\n    const normalizedSearch = search.toLowerCase();\n    const searchTerms = normalizedSearch.split(/\\s+/).filter(Boolean);\n\n    const matches = searchTerms.every(term => normalizedValue.includes(term));\n    return matches ? 1 : 0;\n  }, []);\n\n  const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') return;\n\n    e.stopPropagation();\n  }, []);\n\n  return (\n    <Dialog {...props}>\n      <DialogContent\n        size={size}\n        showOverlay={showOverlay}\n        showCloseButton={variant !== 'inset'}\n        overlayClassName={overlayClassName}\n        className={cn(commandDialogContentClasses[variant], contentClassName)}\n      >\n        <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n        <DialogDescription className=\"sr-only\">{description}</DialogDescription>\n        <Command\n          label={commandLabel}\n          loop\n          filter={filter}\n          onKeyDown={handleKeyDown}\n          data-heading-case={commandDialogHeadingCase[variant]}\n          className={cn(\n            '**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:text-column **:[[cmdk-group-heading]]:text-muted-foreground',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2',\n            '**:[[cmdk-item]]:p-2',\n            commandDialogCommandClasses[variant],\n            commandClassName,\n          )}\n        >\n          <CommandDialogVariantContext.Provider value={variant}>\n            <CommandDialogBody variant={variant} footer={footer}>\n              {children}\n            </CommandDialogBody>\n          </CommandDialogVariantContext.Provider>\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ntype CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {\n  rightSlot?: React.ReactNode;\n  wrapperClassName?: string;\n};\n\nconst CommandInput = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Input>, CommandInputProps>(\n  ({ className, rightSlot, wrapperClassName, ...props }, ref) => (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className={cn('flex items-center border-b border-border px-3', transitions.colors, wrapperClassName)}\n    >\n      <Search className={cn('mr-2 size-4 shrink-0 text-muted-foreground', transitions.colors)} />\n      <CommandPrimitive.Input\n        ref={ref}\n        className={cn(\n          'flex h-8 min-w-0 flex-1 rounded-md bg-transparent py-2 text-body-sm text-foreground',\n          'placeholder:text-placeholder disabled:cursor-not-allowed disabled:opacity-50',\n          'outline-none focus:outline-none focus-visible:outline-none',\n          transitions.colors,\n          className,\n        )}\n        {...props}\n      />\n      {rightSlot && (\n        <div data-slot=\"command-input-right-slot\" className=\"ml-2 flex shrink-0 items-center text-muted-foreground\">\n          {rightSlot}\n        </div>\n      )}\n    </div>\n  ),\n);\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\ntype CommandListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {\n  scrollArea?: boolean;\n  scrollAreaClassName?: string;\n  scrollAreaViewportClassName?: string;\n  scrollAreaMask?: ScrollAreaMask;\n  /** Extra classes for the travelling hover surface (e.g. a different radius). */\n  highlightClassName?: string;\n};\n\nconst CommandList = React.forwardRef<React.ElementRef<typeof CommandPrimitive.List>, CommandListProps>(\n  (\n    {\n      className,\n      children,\n      scrollArea = false,\n      scrollAreaClassName,\n      scrollAreaViewportClassName,\n      scrollAreaMask,\n      highlightClassName,\n      ...props\n    },\n    ref,\n  ) => {\n    const menu = useFluidMenu<HTMLDivElement>({ activeAttr: 'data-selected' });\n    const animateHeight = React.useContext(CommandDialogVariantContext) === 'inset';\n    const list = (\n      <CommandPrimitive.List\n        className={cn(\n          'outline-none focus:outline-none focus-visible:outline-none',\n          scrollArea ? 'overflow-visible' : 'max-h-dropdown overflow-x-hidden overflow-y-auto',\n          animateHeight && cn('h-(--cmdk-list-height)', heightTransition),\n          menu.containerClassName,\n          className,\n        )}\n        {...props}\n        {...menu.getContainerProps(props, ref)}\n      >\n        <FluidMenuItems menu={menu} className={highlightClassName}>\n          {children}\n        </FluidMenuItems>\n      </CommandPrimitive.List>\n    );\n\n    if (!scrollArea) return list;\n\n    return (\n      <ScrollArea className={cn('min-h-0', scrollAreaClassName)} mask={scrollAreaMask}>\n        <ScrollAreaViewport className={scrollAreaViewportClassName}>{list}</ScrollAreaViewport>\n      </ScrollArea>\n    );\n  },\n);\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-body-sm text-muted-foreground\" {...props} />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'overflow-hidden p-1 text-muted-foreground',\n      '[&_[cmdk-group-heading]]:text-meta **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:tracking-wider **:[[cmdk-group-heading]]:text-muted-foreground **:[[cmdk-group-heading]]:uppercase',\n      'in-data-[heading-case=sentence]:**:[[cmdk-group-heading]]:tracking-normal in-data-[heading-case=sentence]:**:[[cmdk-group-heading]]:normal-case',\n      className,\n    )}\n    {...props}\n  />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator ref={ref} className={cn('-mx-1 h-px bg-border', className)} {...props} />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={useFluidMenuItemRef(ref)}\n    className={cn(\n      'relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-body-sm text-muted-foreground select-none',\n      'outline-none focus:outline-none focus-visible:outline-none',\n      transitions.colors,\n      'data-[selected=true]:text-foreground',\n      'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',\n      '[&_svg]:pointer-events-none [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground data-[selected=true]:[&>svg]:text-foreground',\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      className={cn('ml-auto tracking-wider tabular-nums', className)}\n      {...props}\n    />\n  );\n};\nCommandShortcut.displayName = 'CommandShortcut';\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandSeparator,\n  CommandShortcut,\n};\n"],"names":["React","jsx","CommandPrimitive","cn","jsxs","Fragment","Dialog","DialogContent","DialogTitle","DialogDescription","transitions","Search","scrollArea","useFluidMenu","heightTransition","FluidMenuItems","ScrollArea","ScrollAreaViewport","useFluidMenuItemRef","Txt"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,OAAA,GAAUA,iBAAM,UAAA,CAGpB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1BC,cAAA;AAAA,EAACC,YAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,WAAA;AAAA,MACT,+HAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,OAAA,CAAQ,cAAcD,YAAA,CAAiB,WAAA;AAIvC,MAAM,2BAAA,GAAoE;AAAA,EACxE,OAAA,EAAS,sBAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEA,MAAM,2BAAA,GAAoE;AAAA,EACxE,OAAA,EAASC,WAAA;AAAA,IACP,kDAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,KAAA,EAAOA,WAAA;AAAA,IACL,OAAA;AAAA,IACA,wDAAA;AAAA,IACA,qDAAA;AAAA,IACA,kCAAA;AAAA,IACA;AAAA;AAEJ,CAAA;AAEA,MAAM,wBAAA,GAA+E;AAAA,EACnF,OAAA,EAAS,OAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEA,MAAM,2BAAA,GAA8BH,gBAAA,CAAM,aAAA,CAAoC,SAAS,CAAA;AAEvF,MAAM,oBAAoB,CAAC;AAAA,EACzB,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,IAAI,OAAA,KAAY,WAAW,OAAO,QAAA;AAElC,EAAA,uBACEI,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAJ,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,sBAAA;AAAA,QACV,SAAA,EAAU,uEAAA;AAAA,QAET;AAAA;AAAA,KACH;AAAA,IACC,0BACCA,cAAA,CAAC,KAAA,EAAA,EAAI,aAAU,uBAAA,EAAwB,SAAA,EAAU,gDAC9C,QAAA,EAAA,MAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ,CAAA;AAiBA,MAAM,gBAAgB,CAAC;AAAA,EACrB,QAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,MAAA;AAAA,EACA,KAAA,GAAQ,iBAAA;AAAA,EACR,WAAA,GAAc,iCAAA;AAAA,EACd,IAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA,GAAc,KAAA;AAAA,EACd,gBAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA0B;AACxB,EAAA,MAAM,MAAA,GAASD,gBAAA,CAAM,WAAA,CAAY,CAAC,OAAe,MAAA,KAAmB;AAClE,IAAA,MAAM,eAAA,GAAkB,MAAM,WAAA,EAAY;AAC1C,IAAA,MAAM,gBAAA,GAAmB,OAAO,WAAA,EAAY;AAC5C,IAAA,MAAM,cAAc,gBAAA,CAAiB,KAAA,CAAM,KAAK,CAAA,CAAE,OAAO,OAAO,CAAA;AAEhE,IAAA,MAAM,UAAU,WAAA,CAAY,KAAA,CAAM,UAAQ,eAAA,CAAgB,QAAA,CAAS,IAAI,CAAC,CAAA;AACxE,IAAA,OAAO,UAAU,CAAA,GAAI,CAAA;AAAA,EACvB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,aAAA,GAAgBA,gBAAA,CAAM,WAAA,CAAY,CAAC,CAAA,KAA2B;AAClE,IAAA,IAAI,CAAA,CAAE,QAAQ,QAAA,EAAU;AAExB,IAAA,CAAA,CAAE,eAAA,EAAgB;AAAA,EACpB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACEC,cAAA,CAACK,aAAA,EAAA,EAAQ,GAAG,KAAA,EACV,QAAA,kBAAAF,eAAA;AAAA,IAACG,oBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAiB,OAAA,KAAY,OAAA;AAAA,MAC7B,gBAAA;AAAA,MACA,SAAA,EAAWJ,WAAA,CAAG,2BAAA,CAA4B,OAAO,GAAG,gBAAgB,CAAA;AAAA,MAEpE,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAACO,kBAAA,EAAA,EAAY,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBACxCP,cAAA,CAACQ,wBAAA,EAAA,EAAkB,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,wBACpDR,cAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,YAAA;AAAA,YACP,IAAA,EAAI,IAAA;AAAA,YACJ,MAAA;AAAA,YACA,SAAA,EAAW,aAAA;AAAA,YACX,mBAAA,EAAmB,yBAAyB,OAAO,CAAA;AAAA,YACnD,SAAA,EAAWE,WAAA;AAAA,cACT,sHAAA;AAAA,cACA,0EAAA;AAAA,cACA,sBAAA;AAAA,cACA,4BAA4B,OAAO,CAAA;AAAA,cACnC;AAAA,aACF;AAAA,YAEA,QAAA,kBAAAF,cAAA,CAAC,2BAAA,CAA4B,QAAA,EAA5B,EAAqC,KAAA,EAAO,OAAA,EAC3C,QAAA,kBAAAA,cAAA,CAAC,iBAAA,EAAA,EAAkB,OAAA,EAAkB,MAAA,EAClC,QAAA,EACH,CAAA,EACF;AAAA;AAAA;AACF;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;AAOA,MAAM,eAAeD,gBAAA,CAAM,UAAA;AAAA,EACzB,CAAC,EAAE,SAAA,EAAW,SAAA,EAAW,kBAAkB,GAAG,KAAA,IAAS,GAAA,qBACrDI,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACV,SAAA,EAAWD,WAAA,CAAG,+CAAA,EAAiDO,kCAAA,CAAY,QAAQ,gBAAgB,CAAA;AAAA,MAEnG,QAAA,EAAA;AAAA,wBAAAT,cAAA,CAACU,sBAAO,SAAA,EAAWR,WAAA,CAAG,4CAAA,EAA8CO,kCAAA,CAAY,MAAM,CAAA,EAAG,CAAA;AAAA,wBACzFT,cAAA;AAAA,UAACC,YAAA,CAAiB,KAAA;AAAA,UAAjB;AAAA,YACC,GAAA;AAAA,YACA,SAAA,EAAWC,WAAA;AAAA,cACT,qFAAA;AAAA,cACA,8EAAA;AAAA,cACA,4DAAA;AAAA,cACAO,kCAAA,CAAY,MAAA;AAAA,cACZ;AAAA,aACF;AAAA,YACC,GAAG;AAAA;AAAA,SACN;AAAA,QACC,6BACCT,cAAA,CAAC,KAAA,EAAA,EAAI,aAAU,0BAAA,EAA2B,SAAA,EAAU,yDACjD,QAAA,EAAA,SAAA,EACH;AAAA;AAAA;AAAA;AAIR;AACA,YAAA,CAAa,WAAA,GAAcC,aAAiB,KAAA,CAAM,WAAA;AAWlD,MAAM,cAAcF,gBAAA,CAAM,UAAA;AAAA,EACxB,CACE;AAAA,IACE,SAAA;AAAA,IACA,QAAA;AAAA,gBACAY,YAAA,GAAa,KAAA;AAAA,IACb,mBAAA;AAAA,IACA,2BAAA;AAAA,IACA,cAAA;AAAA,IACA,kBAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,IAAA,GAAOC,iCAAA,CAA6B,EAAE,UAAA,EAAY,iBAAiB,CAAA;AACzE,IAAA,MAAM,aAAA,GAAgBb,gBAAA,CAAM,UAAA,CAAW,2BAA2B,CAAA,KAAM,OAAA;AACxE,IAAA,MAAM,IAAA,mBACJC,cAAA;AAAA,MAACC,YAAA,CAAiB,IAAA;AAAA,MAAjB;AAAA,QACC,SAAA,EAAWC,WAAA;AAAA,UACT,4DAAA;AAAA,UACAS,eAAa,kBAAA,GAAqB,kDAAA;AAAA,UAClC,aAAA,IAAiBT,WAAA,CAAG,wBAAA,EAA0BW,uCAAgB,CAAA;AAAA,UAC9D,IAAA,CAAK,kBAAA;AAAA,UACL;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QACH,GAAG,IAAA,CAAK,iBAAA,CAAkB,KAAA,EAAO,GAAG,CAAA;AAAA,QAErC,QAAA,kBAAAb,cAAA,CAACc,mCAAA,EAAA,EAAe,IAAA,EAAY,SAAA,EAAW,oBACpC,QAAA,EACH;AAAA;AAAA,KACF;AAGF,IAAA,IAAI,CAACH,cAAY,OAAO,IAAA;AAExB,IAAA,uBACEX,cAAA,CAACe,qBAAA,EAAA,EAAW,SAAA,EAAWb,WAAA,CAAG,WAAW,mBAAmB,CAAA,EAAG,IAAA,EAAM,cAAA,EAC/D,QAAA,kBAAAF,cAAA,CAACgB,6BAAA,EAAA,EAAmB,SAAA,EAAW,2BAAA,EAA8B,gBAAK,CAAA,EACpE,CAAA;AAAA,EAEJ;AACF;AACA,WAAA,CAAY,WAAA,GAAcf,aAAiB,IAAA,CAAK,WAAA;AAEhD,MAAM,YAAA,GAAeF,gBAAA,CAAM,UAAA,CAGzB,CAAC,OAAO,GAAA,qBACRC,cAAA,CAACC,YAAA,CAAiB,KAAA,EAAjB,EAAuB,GAAA,EAAU,SAAA,EAAU,qDAAA,EAAuD,GAAG,OAAO,CAC9G;AACD,YAAA,CAAa,WAAA,GAAcA,aAAiB,KAAA,CAAM,WAAA;AAElD,MAAM,YAAA,GAAeF,iBAAM,UAAA,CAGzB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1BC,cAAA;AAAA,EAACC,YAAA,CAAiB,KAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,WAAA;AAAA,MACT,2CAAA;AAAA,MACA,gQAAA;AAAA,MACA,iJAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAA,CAAa,WAAA,GAAcD,aAAiB,KAAA,CAAM,WAAA;AAElD,MAAM,gBAAA,GAAmBF,iBAAM,UAAA,CAG7B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1BC,cAAA,CAACC,aAAiB,SAAA,EAAjB,EAA2B,KAAU,SAAA,EAAWC,WAAA,CAAG,wBAAwB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CACpG;AACD,gBAAA,CAAiB,WAAA,GAAcD,aAAiB,SAAA,CAAU,WAAA;AAE1D,MAAM,WAAA,GAAcF,iBAAM,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1BC,cAAA;AAAA,EAACC,YAAA,CAAiB,IAAA;AAAA,EAAjB;AAAA,IACC,GAAA,EAAKgB,yCAAoB,GAAG,CAAA;AAAA,IAC5B,SAAA,EAAWf,WAAA;AAAA,MACT,yHAAA;AAAA,MACA,4DAAA;AAAA,MACAO,kCAAA,CAAY,MAAA;AAAA,MACZ,sCAAA;AAAA,MACA,0EAAA;AAAA,MACA,wIAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,WAAA,CAAY,WAAA,GAAcR,aAAiB,IAAA,CAAK,WAAA;AAEhD,MAAM,kBAAkB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAA6C;AAC1F,EAAA,uBACED,cAAA;AAAA,IAACkB,OAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,MAAA;AAAA,MACH,OAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAK,OAAA;AAAA,MACL,SAAA,EAAWhB,WAAA,CAAG,qCAAA,EAAuC,SAAS,CAAA;AAAA,MAC7D,GAAG;AAAA;AAAA,GACN;AAEJ;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;;;;;;;;;;;;"}

package/dist/{command-CXPbrw66.js → command-DEG5XcoY.js}

@@ -1,12 +1,12 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Command as Command$1 } from 'cmdk';
 import { Search } from 'lucide-react';
 import * as React from 'react';
-import { D as Dialog, d as DialogContent, j as DialogTitle, e as DialogDescription } from './dialog-Dt5kASkl.js';
-import { S as ScrollArea, a as ScrollAreaViewport } from './scroll-area-Ds-fJn5M.js';
+import { D as Dialog, d as DialogContent, j as DialogTitle, e as DialogDescription } from './dialog-DhtPcWY-.js';
+import { S as ScrollArea, a as ScrollAreaViewport } from './scroll-area-CfoN8Hpp.js';
 import { T as Txt } from './Txt-C3cYJgKU.js';
 import { useFluidMenuItemRef, useFluidMenu, FluidMenuItems } from './primitives/fluid-menu.es.js';
-import { transitions } from './primitives/transitions.es.js';
+import { transitions, heightTransition } from './primitives/transitions.es.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
 const Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
@@ -21,8 +21,51 @@ const Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = Command$1.displayName;
+const commandDialogContentClasses = {
+  default: "overflow-hidden py-0",
+  inset: "top-1/4 translate-y-0 overflow-hidden rounded-[calc(var(--radius-xl)+--spacing(1))] bg-muted p-1"
+};
+const commandDialogCommandClasses = {
+  default: cn(
+    "[&_[data-slot=command-input-wrapper]_svg]:size-5",
+    "**:[[cmdk-input]]:h-12",
+    "[&_[cmdk-item]_svg]:size-5"
+  ),
+  inset: cn(
+    "gap-1",
+    "[&_[data-slot=command-input-wrapper]_svg]:size-icon-md",
+    "**:[[cmdk-input]]:h-11 **:[[cmdk-input]]:text-label",
+    "[&_[cmdk-item]_svg]:size-icon-sm",
+    "**:[[cmdk-empty]]:px-4 **:[[cmdk-empty]]:pt-3 **:[[cmdk-empty]]:pb-1 **:[[cmdk-empty]]:text-left **:[[cmdk-empty]]:text-caption"
+  )
+};
+const commandDialogHeadingCase = {
+  default: "upper",
+  inset: "sentence"
+};
+const CommandDialogVariantContext = React.createContext("default");
+const CommandDialogBody = ({
+  variant,
+  footer,
+  children
+}) => {
+  if (variant === "default") return children;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "command-dialog-panel",
+        className: "flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl bg-background",
+        children
+      }
+    ),
+    footer && /* @__PURE__ */ jsx("div", { "data-slot": "command-dialog-footer", className: "flex items-center justify-between gap-3 pr-1", children: footer })
+  ] });
+};
 const CommandDialog = ({
   children,
+  variant = "default",
+  footer,
   title = "Command Palette",
   description = "Search for commands and actions",
   size,
@@ -49,8 +92,9 @@ const CommandDialog = ({
     {
       size,
       showOverlay,
+      showCloseButton: variant !== "inset",
       overlayClassName,
-      className: cn("overflow-hidden py-0", contentClassName),
+      className: cn(commandDialogContentClasses[variant], contentClassName),
       children: [
         /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: title }),
         /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: description }),
@@ -61,16 +105,15 @@ const CommandDialog = ({
             loop: true,
             filter,
             onKeyDown: handleKeyDown,
+            "data-heading-case": commandDialogHeadingCase[variant],
             className: cn(
               "**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:text-column **:[[cmdk-group-heading]]:text-muted-foreground",
               "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2",
-              "[&_[data-slot=command-input-wrapper]_svg]:size-5",
-              "**:[[cmdk-input]]:h-12",
               "**:[[cmdk-item]]:p-2",
-              "[&_[cmdk-item]_svg]:size-5",
+              commandDialogCommandClasses[variant],
               commandClassName
             ),
-            children
+            children: /* @__PURE__ */ jsx(CommandDialogVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx(CommandDialogBody, { variant, footer, children }) })
           }
         )
       ]
@@ -117,12 +160,14 @@ const CommandList = React.forwardRef(
     ...props
   }, ref) => {
     const menu = useFluidMenu({ activeAttr: "data-selected" });
+    const animateHeight = React.useContext(CommandDialogVariantContext) === "inset";
     const list = /* @__PURE__ */ jsx(
       Command$1.List,
       {
         className: cn(
           "outline-none focus:outline-none focus-visible:outline-none",
           scrollArea ? "overflow-visible" : "max-h-dropdown overflow-x-hidden overflow-y-auto",
+          animateHeight && cn("h-(--cmdk-list-height)", heightTransition),
           menu.containerClassName,
           className
         ),
@@ -145,6 +190,7 @@ const CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PU
     className: cn(
       "overflow-hidden p-1 text-muted-foreground",
       "[&_[cmdk-group-heading]]:text-meta **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:tracking-wider **:[[cmdk-group-heading]]:text-muted-foreground **:[[cmdk-group-heading]]:uppercase",
+      "in-data-[heading-case=sentence]:**:[[cmdk-group-heading]]:tracking-normal in-data-[heading-case=sentence]:**:[[cmdk-group-heading]]:normal-case",
       className
     ),
     ...props
@@ -185,4 +231,4 @@ const CommandShortcut = ({ className, ...props }) => {
 CommandShortcut.displayName = "CommandShortcut";
 
 export { Command as C, CommandDialog as a, CommandEmpty as b, CommandGroup as c, CommandInput as d, CommandItem as e, CommandList as f, CommandSeparator as g, CommandShortcut as h };
-//# sourceMappingURL=command-CXPbrw66.js.map
+//# sourceMappingURL=command-DEG5XcoY.js.map

package/dist/command-DEG5XcoY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-DEG5XcoY.js","sources":["../src/ds/components/Command/command.tsx"],"sourcesContent":["import { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from '@/ds/components/Dialog';\nimport type { DialogSize } from '@/ds/components/Dialog';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport type { ScrollAreaMask } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport { heightTransition, transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex size-full flex-col overflow-hidden rounded-xl bg-card text-muted-foreground in-data-[slot=dialog-content]:bg-transparent',\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogVariant = 'default' | 'inset';\n\nconst commandDialogContentClasses: Record<CommandDialogVariant, string> = {\n  default: 'overflow-hidden py-0',\n  inset: 'top-1/4 translate-y-0 overflow-hidden rounded-[calc(var(--radius-xl)+--spacing(1))] bg-muted p-1',\n};\n\nconst commandDialogCommandClasses: Record<CommandDialogVariant, string> = {\n  default: cn(\n    '[&_[data-slot=command-input-wrapper]_svg]:size-5',\n    '**:[[cmdk-input]]:h-12',\n    '[&_[cmdk-item]_svg]:size-5',\n  ),\n  inset: cn(\n    'gap-1',\n    '[&_[data-slot=command-input-wrapper]_svg]:size-icon-md',\n    '**:[[cmdk-input]]:h-11 **:[[cmdk-input]]:text-label',\n    '[&_[cmdk-item]_svg]:size-icon-sm',\n    '**:[[cmdk-empty]]:px-4 **:[[cmdk-empty]]:pt-3 **:[[cmdk-empty]]:pb-1 **:[[cmdk-empty]]:text-left **:[[cmdk-empty]]:text-caption',\n  ),\n};\n\nconst commandDialogHeadingCase: Record<CommandDialogVariant, 'upper' | 'sentence'> = {\n  default: 'upper',\n  inset: 'sentence',\n};\n\nconst CommandDialogVariantContext = React.createContext<CommandDialogVariant>('default');\n\nconst CommandDialogBody = ({\n  variant,\n  footer,\n  children,\n}: {\n  variant: CommandDialogVariant;\n  footer?: React.ReactNode;\n  children?: React.ReactNode;\n}) => {\n  if (variant === 'default') return children;\n\n  return (\n    <>\n      <div\n        data-slot=\"command-dialog-panel\"\n        className=\"flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl bg-background\"\n      >\n        {children}\n      </div>\n      {footer && (\n        <div data-slot=\"command-dialog-footer\" className=\"flex items-center justify-between gap-3 pr-1\">\n          {footer}\n        </div>\n      )}\n    </>\n  );\n};\n\ntype CommandDialogBaseProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog>, 'children'> & {\n  children?: React.ReactNode;\n  title?: string;\n  description?: string;\n  size?: DialogSize;\n  contentClassName?: string;\n  commandClassName?: string;\n  commandLabel?: string;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\ntype CommandDialogProps = CommandDialogBaseProps &\n  ({ variant?: 'default'; footer?: never } | { variant: 'inset'; footer?: React.ReactNode });\n\nconst CommandDialog = ({\n  children,\n  variant = 'default',\n  footer,\n  title = 'Command Palette',\n  description = 'Search for commands and actions',\n  size,\n  contentClassName,\n  commandClassName,\n  commandLabel,\n  showOverlay = false,\n  overlayClassName,\n  ...props\n}: CommandDialogProps) => {\n  const filter = React.useCallback((value: string, search: string) => {\n    const normalizedValue = value.toLowerCase();\n    const normalizedSearch = search.toLowerCase();\n    const searchTerms = normalizedSearch.split(/\\s+/).filter(Boolean);\n\n    const matches = searchTerms.every(term => normalizedValue.includes(term));\n    return matches ? 1 : 0;\n  }, []);\n\n  const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') return;\n\n    e.stopPropagation();\n  }, []);\n\n  return (\n    <Dialog {...props}>\n      <DialogContent\n        size={size}\n        showOverlay={showOverlay}\n        showCloseButton={variant !== 'inset'}\n        overlayClassName={overlayClassName}\n        className={cn(commandDialogContentClasses[variant], contentClassName)}\n      >\n        <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n        <DialogDescription className=\"sr-only\">{description}</DialogDescription>\n        <Command\n          label={commandLabel}\n          loop\n          filter={filter}\n          onKeyDown={handleKeyDown}\n          data-heading-case={commandDialogHeadingCase[variant]}\n          className={cn(\n            '**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:text-column **:[[cmdk-group-heading]]:text-muted-foreground',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2',\n            '**:[[cmdk-item]]:p-2',\n            commandDialogCommandClasses[variant],\n            commandClassName,\n          )}\n        >\n          <CommandDialogVariantContext.Provider value={variant}>\n            <CommandDialogBody variant={variant} footer={footer}>\n              {children}\n            </CommandDialogBody>\n          </CommandDialogVariantContext.Provider>\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ntype CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {\n  rightSlot?: React.ReactNode;\n  wrapperClassName?: string;\n};\n\nconst CommandInput = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Input>, CommandInputProps>(\n  ({ className, rightSlot, wrapperClassName, ...props }, ref) => (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className={cn('flex items-center border-b border-border px-3', transitions.colors, wrapperClassName)}\n    >\n      <Search className={cn('mr-2 size-4 shrink-0 text-muted-foreground', transitions.colors)} />\n      <CommandPrimitive.Input\n        ref={ref}\n        className={cn(\n          'flex h-8 min-w-0 flex-1 rounded-md bg-transparent py-2 text-body-sm text-foreground',\n          'placeholder:text-placeholder disabled:cursor-not-allowed disabled:opacity-50',\n          'outline-none focus:outline-none focus-visible:outline-none',\n          transitions.colors,\n          className,\n        )}\n        {...props}\n      />\n      {rightSlot && (\n        <div data-slot=\"command-input-right-slot\" className=\"ml-2 flex shrink-0 items-center text-muted-foreground\">\n          {rightSlot}\n        </div>\n      )}\n    </div>\n  ),\n);\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\ntype CommandListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {\n  scrollArea?: boolean;\n  scrollAreaClassName?: string;\n  scrollAreaViewportClassName?: string;\n  scrollAreaMask?: ScrollAreaMask;\n  /** Extra classes for the travelling hover surface (e.g. a different radius). */\n  highlightClassName?: string;\n};\n\nconst CommandList = React.forwardRef<React.ElementRef<typeof CommandPrimitive.List>, CommandListProps>(\n  (\n    {\n      className,\n      children,\n      scrollArea = false,\n      scrollAreaClassName,\n      scrollAreaViewportClassName,\n      scrollAreaMask,\n      highlightClassName,\n      ...props\n    },\n    ref,\n  ) => {\n    const menu = useFluidMenu<HTMLDivElement>({ activeAttr: 'data-selected' });\n    const animateHeight = React.useContext(CommandDialogVariantContext) === 'inset';\n    const list = (\n      <CommandPrimitive.List\n        className={cn(\n          'outline-none focus:outline-none focus-visible:outline-none',\n          scrollArea ? 'overflow-visible' : 'max-h-dropdown overflow-x-hidden overflow-y-auto',\n          animateHeight && cn('h-(--cmdk-list-height)', heightTransition),\n          menu.containerClassName,\n          className,\n        )}\n        {...props}\n        {...menu.getContainerProps(props, ref)}\n      >\n        <FluidMenuItems menu={menu} className={highlightClassName}>\n          {children}\n        </FluidMenuItems>\n      </CommandPrimitive.List>\n    );\n\n    if (!scrollArea) return list;\n\n    return (\n      <ScrollArea className={cn('min-h-0', scrollAreaClassName)} mask={scrollAreaMask}>\n        <ScrollAreaViewport className={scrollAreaViewportClassName}>{list}</ScrollAreaViewport>\n      </ScrollArea>\n    );\n  },\n);\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-body-sm text-muted-foreground\" {...props} />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'overflow-hidden p-1 text-muted-foreground',\n      '[&_[cmdk-group-heading]]:text-meta **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:tracking-wider **:[[cmdk-group-heading]]:text-muted-foreground **:[[cmdk-group-heading]]:uppercase',\n      'in-data-[heading-case=sentence]:**:[[cmdk-group-heading]]:tracking-normal in-data-[heading-case=sentence]:**:[[cmdk-group-heading]]:normal-case',\n      className,\n    )}\n    {...props}\n  />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator ref={ref} className={cn('-mx-1 h-px bg-border', className)} {...props} />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={useFluidMenuItemRef(ref)}\n    className={cn(\n      'relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-body-sm text-muted-foreground select-none',\n      'outline-none focus:outline-none focus-visible:outline-none',\n      transitions.colors,\n      'data-[selected=true]:text-foreground',\n      'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',\n      '[&_svg]:pointer-events-none [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground data-[selected=true]:[&>svg]:text-foreground',\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      className={cn('ml-auto tracking-wider tabular-nums', className)}\n      {...props}\n    />\n  );\n};\nCommandShortcut.displayName = 'CommandShortcut';\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandSeparator,\n  CommandShortcut,\n};\n"],"names":["CommandPrimitive"],"mappings":"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"}

package/dist/components/AlertDialog.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const alertDialog = require('../alert-dialog-DC-Fapxf.cjs');
+const alertDialog = require('../alert-dialog-DhG32okh.cjs');
 
 
 

package/dist/components/AlertDialog.es.js

@@ -1,2 +1,2 @@
-export { A as AlertDialog } from '../alert-dialog-CzRo39mH.js';
+export { A as AlertDialog } from '../alert-dialog-DBLWYiU1.js';
 //# sourceMappingURL=AlertDialog.es.js.map

package/dist/components/Checkbox.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const checkbox = require('../checkbox-BafbfFcE.cjs');
+const checkbox = require('../checkbox-Bkobte27.cjs');
 
 
 

package/dist/components/Checkbox.es.js

@@ -1,2 +1,2 @@
-export { C as Checkbox } from '../checkbox-DyZhbQo9.js';
+export { C as Checkbox } from '../checkbox-DcNIsz5L.js';
 //# sourceMappingURL=Checkbox.es.js.map

package/dist/components/Combobox.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const combobox = require('../combobox-DPpiBLWV.cjs');
+const combobox = require('../combobox-BaVFPQ6X.cjs');
 const comboboxStyles = require('../combobox-styles-zdW4cHSq.cjs');
 const combobox$1 = require('@base-ui/react/combobox');
 

package/dist/components/Combobox.es.js

@@ -1,4 +1,4 @@
-export { C as Combobox } from '../combobox-DoJgbq9N.js';
+export { C as Combobox } from '../combobox-NPw0vrSa.js';
 export { c as comboboxStyles } from '../combobox-styles-BuHYzri9.js';
 export { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
 //# sourceMappingURL=Combobox.es.js.map

package/dist/components/Command.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const command = require('../command-DD3WIrQX.cjs');
+const command = require('../command-D9tAe7E8.cjs');
 
 
 

package/dist/components/Command.es.js

@@ -1,2 +1,2 @@
-export { C as Command, a as CommandDialog, b as CommandEmpty, c as CommandGroup, d as CommandInput, e as CommandItem, f as CommandList, g as CommandSeparator, h as CommandShortcut } from '../command-CXPbrw66.js';
+export { C as Command, a as CommandDialog, b as CommandEmpty, c as CommandGroup, d as CommandInput, e as CommandItem, f as CommandList, g as CommandSeparator, h as CommandShortcut } from '../command-DEG5XcoY.js';
 //# sourceMappingURL=Command.es.js.map

package/dist/components/CommandPalette.cjs.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../CommandPalette.css');const jsxRuntime = require('react/jsx-runtime');
-const command = require('../command-DD3WIrQX.cjs');
+const command = require('../command-D9tAe7E8.cjs');
 const kbd = require('../kbd-BptPsKP6.cjs');
-const scrollArea = require('../scroll-area-CEuf7Omb.cjs');
+const scrollArea = require('../scroll-area-gN-e805H.cjs');
 const Txt = require('../Txt-DNnvlrBo.cjs');
 const primitives_formElement = require('../primitives/form-element.cjs.js');
 const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');

package/dist/components/CommandPalette.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { a as CommandDialog, d as CommandInput, e as CommandItem, h as CommandShortcut, f as CommandList } from '../command-CXPbrw66.js';
+import { a as CommandDialog, d as CommandInput, e as CommandItem, h as CommandShortcut, f as CommandList } from '../command-DEG5XcoY.js';
 import { K as Kbd } from '../kbd-BDVTQHD_.js';
-import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-Ds-fJn5M.js';
+import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-CfoN8Hpp.js';
 import { T as Txt } from '../Txt-C3cYJgKU.js';
 import { inputSurfaceAndFocusWithinStyle } from '../primitives/form-element.es.js';
 import { overlaySurfaceStyle } from '../primitives/raised-surface.es.js';

package/dist/components/Composer.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const composer = require('../composer-Bf2poiID.cjs');
+const composer = require('../composer-CEVeHTRs.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const collapsible = require('@base-ui/react/collapsible');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const scrollArea = require('../scroll-area-CEuf7Omb.cjs');
+const scrollArea = require('../scroll-area-gN-e805H.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const keyboard_useKeydown = require('../keyboard/use-keydown.cjs.js');
 

package/dist/components/Composer.es.js

@@ -1,9 +1,9 @@
-export { a as Composer, b as ComposerActions, C as ComposerAttachments, c as ComposerBox, d as ComposerInput, e as ComposerRing, f as ComposerToneLabel } from '../composer-B_yUWdcW.js';
+export { a as Composer, b as ComposerActions, C as ComposerAttachments, c as ComposerBox, d as ComposerInput, e as ComposerRing, f as ComposerToneLabel } from '../composer-BQW7YiFa.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Collapsible } from '@base-ui/react/collapsible';
 import { ArrowLeft, Check } from 'lucide-react';
 import { useRef, useEffect, useId, useState } from 'react';
-import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-Ds-fJn5M.js';
+import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-CfoN8Hpp.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { useKeydown } from '../keyboard/use-keydown.es.js';
 

package/dist/components/DataCodeSection.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataCodeSection = require('../data-code-section-t4FroAMJ.cjs');
+const dataCodeSection = require('../data-code-section-B5kljGaH.cjs');
 
 
 

package/dist/components/DataCodeSection.es.js

@@ -1,2 +1,2 @@
-export { D as DataCodeSection } from '../data-code-section-BD4VWvPd.js';
+export { D as DataCodeSection } from '../data-code-section-CW9TU70O.js';
 //# sourceMappingURL=DataCodeSection.es.js.map

package/dist/components/DataList.cjs.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataList = require('../data-list-acjJVSpL.cjs');
-const dataListSkeleton = require('../data-list-skeleton-BxcJ34hQ.cjs');
+const dataList = require('../data-list-TouUI4pb.cjs');
+const dataListSkeleton = require('../data-list-skeleton-BqihjHu8.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const dataListSpacer = require('../data-list-spacer-CXzddj-5.cjs');
-const dataListTop = require('../data-list-top-DJzwLjZj.cjs');
+const dataListSpacer = require('../data-list-spacer-CtooAPJP.cjs');
+const dataListTop = require('../data-list-top-BFssu4VI.cjs');
 const Txt = require('../Txt-DNnvlrBo.cjs');
 const utils_dateFormat = require('../utils/date-format.cjs.js');
-const tracesDataList = require('../traces-data-list-CA7ZJ42U.cjs');
+const tracesDataList = require('../traces-data-list-DDG1BY5u.cjs');
 const useDataListKeyboard = require('../use-data-list-keyboard-DF3tLe10.cjs');
 const layout_tabbedContainer = require('../layout/tabbed-container.cjs.js');
 

package/dist/components/DataList.es.js

@@ -1,11 +1,11 @@
-export { D as DataList } from '../data-list-DYW9FuYo.js';
-export { D as DataListSkeleton } from '../data-list-skeleton-CXvrEdMG.js';
+export { D as DataList } from '../data-list-BHtjZ528.js';
+export { D as DataListSkeleton } from '../data-list-skeleton-H8Zpph6_.js';
 import { jsx } from 'react/jsx-runtime';
-import { D as DataListNextPageLoading, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from '../data-list-spacer-CZa36ohy.js';
-import { c as DataListCell, b as DataListTopCell, a as DataListTop, D as DataListRoot } from '../data-list-top-D7UxgRNq.js';
+import { D as DataListNextPageLoading, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from '../data-list-spacer-D7UBH1uv.js';
+import { c as DataListCell, b as DataListTopCell, a as DataListTop, D as DataListRoot } from '../data-list-top-D10jfsQH.js';
 import { T as Txt } from '../Txt-C3cYJgKU.js';
 import { formatDate } from '../utils/date-format.es.js';
-export { T as TracesDataList } from '../traces-data-list-CMhd7o-G.js';
+export { T as TracesDataList } from '../traces-data-list-BeWQiNT2.js';
 export { u as useDataListKeyboard } from '../use-data-list-keyboard-DFQr4t38.js';
 export { TabbedContainer } from '../layout/tabbed-container.es.js';