@mastra/playground-ui 67.0.0 → 68.0.0-alpha.1

package/dist/components/ClearFiltersButton.d.ts

@@ -0,0 +1 @@
+export * from '../src/ds/components/ClearFiltersButton/index';

package/dist/components/ClearFiltersButton.es.js

@@ -0,0 +1 @@
+export { t as ClearFiltersButton } from "../clear-filters-button-CNrRuHOY.js";

package/dist/components/CodeBlock.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_primitives_transitions = require("../primitives/transitions.cjs.js");
-const require_select = require("../select-NySY9Men.cjs");
-const require_copy_button = require("../copy-button-BYEFKNpo.cjs");
+const require_select = require("../select-Dg8L5ROX.cjs");
+const require_copy_button = require("../copy-button-DJAQ6_3o.cjs");
 const require_code = require("../code-CqgfD-cP.cjs");
-const require_tabs_tab = require("../tabs-tab-Qp3RJ17z.cjs");
+const require_tabs_tab = require("../tabs-tab-DGwfHVDr.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/components/CodeBlock/code-block.tsx
 function CodeBlock({ code, options, value, onValueChange, selector = "select", fileName, lang, overflow = "wrap", copyMessage, copyTooltip, actions, className }) {

package/dist/components/CodeBlock.es.js

@@ -1,9 +1,9 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
 import { transitions } from "../primitives/transitions.es.js";
-import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../select-BbFpEBAY.js";
-import { t as CopyButton } from "../copy-button-CF-X4iDj.js";
+import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../select-BdIZEdcy.js";
+import { t as CopyButton } from "../copy-button-BXrbevLn.js";
 import { t as Code } from "../code-B7cFirk4.js";
-import { n as Tabs, r as TabList, t as Tab } from "../tabs-tab-UT1JliwK.js";
+import { n as Tabs, r as TabList, t as Tab } from "../tabs-tab-CYTZevdV.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/ds/components/CodeBlock/code-block.tsx
 function CodeBlock({ code, options, value, onValueChange, selector = "select", fileName, lang, overflow = "wrap", copyMessage, copyTooltip, actions, className }) {

package/dist/components/CodeEditor.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_highlight = require("../highlight-D0VoR2qO.cjs");
-const require_CodeEditor = require("../CodeEditor-CJ9jC9lu.cjs");
+const require_CodeEditor = require("../CodeEditor-CLzs0yVc.cjs");
 exports.CodeEditor = require_CodeEditor.CodeEditor;
 exports.VARIABLE_PATTERN = require_CodeEditor.VARIABLE_PATTERN;
 exports.codeFoldGutter = require_CodeEditor.codeFoldGutter;

package/dist/components/CodeEditor.es.js

@@ -1,3 +1,3 @@
 import { n as languageForPath, r as syntaxHighlighter, t as highlight } from "../highlight-DF-vd68d.js";
-import { a as createVariableAutocomplete, c as codeLanguages, i as variableHighlight, n as useCodemirrorTheme, o as flattenSchemaToVariables, r as VARIABLE_PATTERN, s as codeFoldGutter, t as CodeEditor } from "../CodeEditor-CPVxj7WS.js";
+import { a as createVariableAutocomplete, c as codeLanguages, i as variableHighlight, n as useCodemirrorTheme, o as flattenSchemaToVariables, r as VARIABLE_PATTERN, s as codeFoldGutter, t as CodeEditor } from "../CodeEditor-COnz9c6B.js";
 export { CodeEditor, VARIABLE_PATTERN, codeFoldGutter, codeLanguages, createVariableAutocomplete, flattenSchemaToVariables, highlight, languageForPath, syntaxHighlighter, useCodemirrorTheme, variableHighlight };

package/dist/components/CollapsibleBox.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../utils-uDc1ofX1.cjs");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/components/CollapsibleBox.es.js

@@ -1,5 +1,5 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
-import { t as Button } from "../Button-Bw1e3ONi.js";
+import { t as Button } from "../Button-CLXTbAY8.js";
 import { useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Maximize2 } from "lucide-react";

package/dist/components/Combobox.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_combobox_parts = require("../combobox-parts-BZVXwbG7.cjs");
-const require_combobox = require("../combobox-8kNAJFlj.cjs");
+const require_combobox_parts = require("../combobox-parts-ScKcYjMR.cjs");
+const require_combobox = require("../combobox-CMx2ayFN.cjs");
 let _base_ui_react_combobox = require("@base-ui/react/combobox");
 exports.Combobox = require_combobox.Combobox;
 exports.ComboboxChip = require_combobox_parts.ComboboxChip;

package/dist/components/Combobox.es.js

@@ -1,4 +1,4 @@
-import { S as comboboxStyles, _ as ComboboxRoot, a as ComboboxCollection, b as ComboboxTrigger, c as ComboboxGroup, d as ComboboxItemContent, f as ComboboxItemDescription, g as ComboboxList, h as ComboboxLabel, i as ComboboxClear, l as ComboboxInput, m as ComboboxItemTitle, n as ComboboxChips, o as ComboboxContent, p as ComboboxItemEnd, r as ComboboxChipsInput, s as ComboboxEmpty, t as ComboboxChip, u as ComboboxItem, v as ComboboxSearch, x as ComboboxValue, y as ComboboxSeparator } from "../combobox-parts-W7KRQUsV.js";
-import { t as Combobox } from "../combobox-wFudhN8F.js";
+import { S as comboboxStyles, _ as ComboboxRoot, a as ComboboxCollection, b as ComboboxTrigger, c as ComboboxGroup, d as ComboboxItemContent, f as ComboboxItemDescription, g as ComboboxList, h as ComboboxLabel, i as ComboboxClear, l as ComboboxInput, m as ComboboxItemTitle, n as ComboboxChips, o as ComboboxContent, p as ComboboxItemEnd, r as ComboboxChipsInput, s as ComboboxEmpty, t as ComboboxChip, u as ComboboxItem, v as ComboboxSearch, x as ComboboxValue, y as ComboboxSeparator } from "../combobox-parts-C1CugUAU.js";
+import { t as Combobox } from "../combobox-CtCK0mNx.js";
 import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
 export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemContent, ComboboxItemDescription, ComboboxItemEnd, ComboboxItemTitle, ComboboxLabel, ComboboxList, ComboboxPrimitive, ComboboxRoot, ComboboxSearch, ComboboxSeparator, ComboboxTrigger, ComboboxValue, comboboxStyles };

package/dist/components/Command.cjs.js

@@ -1,11 +1,12 @@
 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_primitives_control_icon = require("../primitives/control-icon.cjs.js");
 const require_primitives_transitions = require("../primitives/transitions.cjs.js");
 const require_scroll_area = require("../scroll-area-BP4gPZ4G.cjs");
 const require_Txt = require("../Txt-BnoSqxKE.cjs");
 const require_primitives_password_manager_autofill = require("../primitives/password-manager-autofill.cjs.js");
-const require_Dialog = require("../Dialog-CjaiCrkv.cjs");
+const require_Dialog = require("../Dialog-BvWF9HE-.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -147,7 +148,7 @@ var CommandSeparator = react.forwardRef(({ className, ...props }, ref) => /* @__
 CommandSeparator.displayName = cmdk.Command.Separator.displayName;
 var CommandItem = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(cmdk.Command.Item, {
 	ref,
-	className: require_utils.cn("relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-body-sm text-muted-foreground select-none", "outline-none focus:outline-none focus-visible:outline-none", "data-[selected=true]:bg-fill data-[selected=true]:text-foreground", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", "[&_svg]:pointer-events-none [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground data-[selected=true]:[&>svg]:text-foreground", className),
+	className: require_utils.cn("relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-body-sm text-muted-foreground select-none", "outline-none focus:outline-none focus-visible:outline-none", "data-[selected=true]:bg-fill data-[selected=true]:text-foreground", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", "[&_svg]:pointer-events-none [&>svg]:size-4 [&>svg]:shrink-0", require_primitives_control_icon.controlIconState, "data-[selected=true]:[--control-icon:var(--control-icon-hover)]", className),
 	...props
 }));
 CommandItem.displayName = cmdk.Command.Item.displayName;

package/dist/components/Command.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Command.cjs.js","names":["React","CommandPrimitive","cn","_Fragment","Dialog","DialogContent","DialogTitle","DialogDescription","transitions","Search","passwordManagerOptOutProps","ScrollArea","ScrollAreaViewport","Txt"],"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 { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\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: 'overflow-hidden sm:top-1/4 sm:translate-y-0 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      {/* cmdk renders autocomplete=\"off\" itself; a command search is never a credential field. */}\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        {...passwordManagerOptOutProps}\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};\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      ...props\n    },\n    ref,\n  ) => {\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          className,\n        )}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </CommandPrimitive.List>\n    );\n\n    if (!scrollArea) return list;\n\n    // The list fills Command's `rounded-xl` box, so its scrollbar takes that radius's inset.\n    return (\n      <ScrollArea className={cn('min-h-0 scrollbar-inset-xl', 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]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:text-muted-foreground',\n      '[&_[cmdk-group-heading]]:text-meta [&_[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={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      // cmdk's selection follows both the pointer and the arrow keys; the row paints it instantly.\n      'data-[selected=true]:bg-fill 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"],"mappings":"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"}
+{"version":3,"file":"Command.cjs.js","names":["React","CommandPrimitive","cn","_Fragment","Dialog","DialogContent","DialogTitle","DialogDescription","transitions","Search","passwordManagerOptOutProps","ScrollArea","ScrollAreaViewport","controlIconState","Txt"],"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 { controlIconState } from '@/ds/primitives/control-icon';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\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: 'overflow-hidden sm:top-1/4 sm:translate-y-0 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      {/* cmdk renders autocomplete=\"off\" itself; a command search is never a credential field. */}\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        {...passwordManagerOptOutProps}\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};\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      ...props\n    },\n    ref,\n  ) => {\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          className,\n        )}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </CommandPrimitive.List>\n    );\n\n    if (!scrollArea) return list;\n\n    // The list fills Command's `rounded-xl` box, so its scrollbar takes that radius's inset.\n    return (\n      <ScrollArea className={cn('min-h-0 scrollbar-inset-xl', 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]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:text-muted-foreground',\n      '[&_[cmdk-group-heading]]:text-meta [&_[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={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      // cmdk's selection follows both the pointer and the arrow keys; the row paints it instantly.\n      'data-[selected=true]:bg-fill 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',\n      controlIconState,\n      'data-[selected=true]:[--control-icon:var(--control-icon-hover)]',\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"],"mappings":"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"}

package/dist/components/Command.es.js

@@ -1,9 +1,10 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
+import { controlIconState } from "../primitives/control-icon.es.js";
 import { transitions } from "../primitives/transitions.es.js";
 import { n as ScrollAreaViewport, t as ScrollArea } from "../scroll-area-C226l0v0.js";
 import { t as Txt } from "../Txt-BM6TVV_c.js";
 import { passwordManagerOptOutProps } from "../primitives/password-manager-autofill.es.js";
-import { a as DialogContent, d as DialogTitle, o as DialogDescription, t as Dialog } from "../Dialog-CKtTR8h3.js";
+import { a as DialogContent, d as DialogTitle, o as DialogDescription, t as Dialog } from "../Dialog-DaWtxwd9.js";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Search } from "lucide-react";
@@ -144,7 +145,7 @@ var CommandSeparator = React$1.forwardRef(({ className, ...props }, ref) => /* @
 CommandSeparator.displayName = Command$1.Separator.displayName;
 var CommandItem = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.Item, {
 	ref,
-	className: cn("relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-body-sm text-muted-foreground select-none", "outline-none focus:outline-none focus-visible:outline-none", "data-[selected=true]:bg-fill data-[selected=true]:text-foreground", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", "[&_svg]:pointer-events-none [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground data-[selected=true]:[&>svg]:text-foreground", className),
+	className: cn("relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-body-sm text-muted-foreground select-none", "outline-none focus:outline-none focus-visible:outline-none", "data-[selected=true]:bg-fill data-[selected=true]:text-foreground", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", "[&_svg]:pointer-events-none [&>svg]:size-4 [&>svg]:shrink-0", controlIconState, "data-[selected=true]:[--control-icon:var(--control-icon-hover)]", className),
 	...props
 }));
 CommandItem.displayName = Command$1.Item.displayName;

package/dist/components/Command.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Command.es.js","names":["React","CommandPrimitive","_Fragment"],"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 { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\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: 'overflow-hidden sm:top-1/4 sm:translate-y-0 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      {/* cmdk renders autocomplete=\"off\" itself; a command search is never a credential field. */}\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        {...passwordManagerOptOutProps}\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};\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      ...props\n    },\n    ref,\n  ) => {\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          className,\n        )}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </CommandPrimitive.List>\n    );\n\n    if (!scrollArea) return list;\n\n    // The list fills Command's `rounded-xl` box, so its scrollbar takes that radius's inset.\n    return (\n      <ScrollArea className={cn('min-h-0 scrollbar-inset-xl', 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]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:text-muted-foreground',\n      '[&_[cmdk-group-heading]]:text-meta [&_[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={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      // cmdk's selection follows both the pointer and the arrow keys; the row paints it instantly.\n      'data-[selected=true]:bg-fill 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"],"mappings":"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"}
+{"version":3,"file":"Command.es.js","names":["React","CommandPrimitive","_Fragment"],"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 { controlIconState } from '@/ds/primitives/control-icon';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\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: 'overflow-hidden sm:top-1/4 sm:translate-y-0 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      {/* cmdk renders autocomplete=\"off\" itself; a command search is never a credential field. */}\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        {...passwordManagerOptOutProps}\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};\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      ...props\n    },\n    ref,\n  ) => {\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          className,\n        )}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </CommandPrimitive.List>\n    );\n\n    if (!scrollArea) return list;\n\n    // The list fills Command's `rounded-xl` box, so its scrollbar takes that radius's inset.\n    return (\n      <ScrollArea className={cn('min-h-0 scrollbar-inset-xl', 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]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:text-muted-foreground',\n      '[&_[cmdk-group-heading]]:text-meta [&_[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={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      // cmdk's selection follows both the pointer and the arrow keys; the row paints it instantly.\n      'data-[selected=true]:bg-fill 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',\n      controlIconState,\n      'data-[selected=true]:[--control-icon:var(--control-icon-hover)]',\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"],"mappings":"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"}

package/dist/components/Comment.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Comment = require("../Comment-KYUQzeSu.cjs");
+const require_Comment = require("../Comment-Cg0f7eLa.cjs");
 exports.Comment = require_Comment.Comment;
 exports.CommentArrival = require_Comment.CommentArrival;
 exports.CommentComposer = require_Comment.CommentComposer;

package/dist/components/Comment.es.js

@@ -1 +1 @@
-export { s as Comment, o as CommentArrival, r as CommentComposer, i as CommentComposerInput, a as CommentComposerSend, n as CommentEditor, c as CommentItem, l as CommentItemActions, u as CommentItemAuthor, d as CommentItemAvatar, f as CommentItemBody, p as CommentItemContent, m as CommentItemHeader, h as CommentItemTimestamp, g as CommentList, t as CommentQuote } from "../Comment-VFJq2wRp.js";
+export { s as Comment, o as CommentArrival, r as CommentComposer, i as CommentComposerInput, a as CommentComposerSend, n as CommentEditor, c as CommentItem, l as CommentItemActions, u as CommentItemAuthor, d as CommentItemAvatar, f as CommentItemBody, p as CommentItemContent, m as CommentItemHeader, h as CommentItemTimestamp, g as CommentList, t as CommentQuote } from "../Comment-0n98b_f_.js";

package/dist/components/CopyButton.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_copy_button = require("../copy-button-BYEFKNpo.cjs");
+const require_copy_button = require("../copy-button-DJAQ6_3o.cjs");
 exports.CopyButton = require_copy_button.CopyButton;

package/dist/components/CopyButton.es.js

@@ -1 +1 @@
-export { t as CopyButton } from "../copy-button-CF-X4iDj.js";
+export { t as CopyButton } from "../copy-button-BXrbevLn.js";

package/dist/components/DataCodeSection.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_DataCodeSection = require("../DataCodeSection-CZRPsStI.cjs");
+const require_DataCodeSection = require("../DataCodeSection-CcPmJPTp.cjs");
 exports.DataCodeSection = require_DataCodeSection.DataCodeSection;

package/dist/components/DataCodeSection.es.js

@@ -1 +1 @@
-export { t as DataCodeSection } from "../DataCodeSection-Ckd47p_S.js";
+export { t as DataCodeSection } from "../DataCodeSection-KJRyRD1Q.js";

package/dist/components/DataDetailsPanel.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_DataDetailsPanel = require("../DataDetailsPanel-DFhM9H5D.cjs");
+const require_DataDetailsPanel = require("../DataDetailsPanel-DiyjEXqK.cjs");
 exports.DataDetailsPanel = require_DataDetailsPanel.DataDetailsPanel;

package/dist/components/DataDetailsPanel.es.js

@@ -1 +1 @@
-export { t as DataDetailsPanel } from "../DataDetailsPanel-_CK0Huk6.js";
+export { t as DataDetailsPanel } from "../DataDetailsPanel-CohEKPm4.js";

package/dist/components/DataList.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_data_list = require("../data-list-BkimqE_P.cjs");
-const require_DataList = require("../DataList-Czwmwyvp.cjs");
-const require_tabbed_container = require("../tabbed-container-CFEImJOK.cjs");
+const require_data_list = require("../data-list-C4Vmq5HA.cjs");
+const require_DataList = require("../DataList-Cj0mfk19.cjs");
+const require_tabbed_container = require("../tabbed-container-DQU7pVio.cjs");
 const require_use_data_list_keyboard = require("../use-data-list-keyboard-BCLBdaWR.cjs");
 exports.DataList = require_data_list.DataList;
 exports.DataListSkeleton = require_DataList.DataListSkeleton;

package/dist/components/DataList.es.js

@@ -1,5 +1,5 @@
-import { t as DataList } from "../data-list-evmf5xWI.js";
-import { i as DataListSkeletonRows, n as ScoresDataList, r as DataListSkeleton, t as TracesDataList } from "../DataList-2tIlQsLc.js";
-import { t as TabbedContainer } from "../tabbed-container-BKUqfEKy.js";
+import { t as DataList } from "../data-list-DHCOoLmj.js";
+import { i as DataListSkeletonRows, n as ScoresDataList, r as DataListSkeleton, t as TracesDataList } from "../DataList-CUhRQAv6.js";
+import { t as TabbedContainer } from "../tabbed-container-5j6dhoRX.js";
 import { t as useDataListKeyboard } from "../use-data-list-keyboard-fJXq2T3y.js";
 export { DataList, DataListSkeleton, DataListSkeletonRows, ScoresDataList, TabbedContainer, TracesDataList, useDataListKeyboard };

package/dist/components/DataPanel.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_DataPanel = require("../DataPanel-C0Ll76Ne.cjs");
+const require_DataPanel = require("../DataPanel-BwB1Oifd.cjs");
 exports.DataPanel = require_DataPanel.DataPanel;

package/dist/components/DataPanel.es.js

@@ -1 +1 @@
-export { t as DataPanel } from "../DataPanel-CY1W5LHJ.js";
+export { t as DataPanel } from "../DataPanel-Bv4M17xO.js";

package/dist/components/DateRangeTimeline.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_primitives_transitions = require("../primitives/transitions.cjs.js");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 const require_Txt = require("../Txt-BnoSqxKE.cjs");
 const require_popover = require("../popover-BJqa6Hz6.cjs");
 const require_components_DateTimePicker = require("./DateTimePicker.cjs.js");

package/dist/components/DateRangeTimeline.es.js

@@ -1,6 +1,6 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
 import { focusRing } from "../primitives/transitions.es.js";
-import { t as Button } from "../Button-Bw1e3ONi.js";
+import { t as Button } from "../Button-CLXTbAY8.js";
 import { t as Txt } from "../Txt-BM6TVV_c.js";
 import { i as PopoverTrigger, n as Popover, r as PopoverContent } from "../popover-CzHvTPk2.js";
 import { DatePicker } from "./DateTimePicker.es.js";

package/dist/components/DateTimePicker.cjs.js

@@ -3,9 +3,9 @@ const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
 const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_primitives_control_size = require("../primitives/control-size.cjs.js");
 require("../primitives/form-element.cjs.js");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 const require_primitives_typography = require("../primitives/typography.cjs.js");
-const require_select = require("../select-NySY9Men.cjs");
+const require_select = require("../select-Dg8L5ROX.cjs");
 const require_input = require("../input-2hRXcZIu.cjs");
 const require_components_Field = require("./Field.cjs.js");
 const require_popover = require("../popover-BJqa6Hz6.cjs");

package/dist/components/DateTimePicker.es.js

@@ -1,9 +1,9 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
 import { controlTriggerOpenStateFor } from "../primitives/control-size.es.js";
 import "../primitives/form-element.es.js";
-import { t as Button } from "../Button-Bw1e3ONi.js";
+import { t as Button } from "../Button-CLXTbAY8.js";
 import { quietTextHover } from "../primitives/typography.es.js";
-import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../select-BbFpEBAY.js";
+import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../select-BdIZEdcy.js";
 import { t as Input } from "../input-0l1uzOBZ.js";
 import { Field, FieldError, FieldLabel } from "./Field.es.js";
 import { i as PopoverTrigger, n as Popover, r as PopoverContent } from "../popover-CzHvTPk2.js";

package/dist/components/DateTimeRangePicker.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_DateTimeRangePicker = require("../DateTimeRangePicker-HmPOHwAQ.cjs");
-exports.DateTimeRangePicker = require_DateTimeRangePicker.DateTimeRangePicker;
+const require_date_time_range_picker = require("../date-time-range-picker-CTt7Od0P.cjs");
+exports.DateTimeRangePicker = require_date_time_range_picker.DateTimeRangePicker;

package/dist/components/DateTimeRangePicker.es.js

@@ -1 +1 @@
-export { t as DateTimeRangePicker } from "../DateTimeRangePicker-C_Lie_2P.js";
+export { t as DateTimeRangePicker } from "../date-time-range-picker-DKh1K9Iy.js";

package/dist/components/Dialog.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Dialog = require("../Dialog-CjaiCrkv.cjs");
+const require_Dialog = require("../Dialog-BvWF9HE-.cjs");
 exports.Dialog = require_Dialog.Dialog;
 exports.DialogAction = require_Dialog.DialogAction;
 exports.DialogBody = require_Dialog.DialogBody;

package/dist/components/Dialog.es.js

@@ -1 +1 @@
-export { t as Dialog, p as DialogAction, n as DialogBody, r as DialogCancel, i as DialogClose, a as DialogContent, o as DialogDescription, s as DialogFooter, c as DialogHeader, l as DialogOverlay, u as DialogPortal, d as DialogTitle, f as DialogTrigger } from "../Dialog-CKtTR8h3.js";
+export { t as Dialog, p as DialogAction, n as DialogBody, r as DialogCancel, i as DialogClose, a as DialogContent, o as DialogDescription, s as DialogFooter, c as DialogHeader, l as DialogOverlay, u as DialogPortal, d as DialogTitle, f as DialogTrigger } from "../Dialog-DaWtxwd9.js";

package/dist/components/DisabledFeatureButton.cjs.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_tooltip = require("../tooltip-BiRLT3Th.cjs");
 const require_primitives_transitions = require("../primitives/transitions.cjs.js");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/ds/components/DisabledFeatureButton/disabled-feature-button.tsx

package/dist/components/DisabledFeatureButton.es.js

@@ -1,7 +1,7 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
 import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../tooltip-HzcLyGtV.js";
 import { controlStateColorTransition } from "../primitives/transitions.es.js";
-import { t as Button } from "../Button-Bw1e3ONi.js";
+import { t as Button } from "../Button-CLXTbAY8.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ExternalLink } from "lucide-react";
 // src/ds/components/DisabledFeatureButton/disabled-feature-button.tsx

package/dist/components/Drawer.cjs.js

@@ -3,7 +3,7 @@ require('../Drawer.css');const require_rolldown_runtime = require("../rolldown-r
 const require_utils = require("../utils-uDc1ofX1.cjs");
 const require_dist = require("../dist-ClDKPtVq.cjs");
 const require_primitives_raised_surface = require("../primitives/raised-surface.cjs.js");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/components/Drawer.es.js

@@ -1,7 +1,7 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
 import { t as cva } from "../dist-BhWtUEhi.js";
 import { dialogSurfaceStyle } from "../primitives/raised-surface.es.js";
-import { t as Button } from "../Button-Bw1e3ONi.js";
+import { t as Button } from "../Button-CLXTbAY8.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";

package/dist/components/EnvironmentVariablesEditor.cjs.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../utils-uDc1ofX1.cjs");
-const require_Button = require("../Button-YQRflC47.cjs");
+const require_Button = require("../Button-DLcMcuUL.cjs");
 const require_Txt = require("../Txt-BnoSqxKE.cjs");
 const require_hooks_use_copy_to_clipboard = require("../hooks/use-copy-to-clipboard.cjs.js");
-const require_Notice = require("../Notice-DWNeCe-t.cjs");
+const require_Notice = require("../Notice-JZ7SW7q6.cjs");
 const require_components_Field = require("./Field.cjs.js");
-const require_input_group = require("../input-group-uDpFNnSW.cjs");
-const require_data_list = require("../data-list-BkimqE_P.cjs");
+const require_input_group = require("../input-group-DVJLZDBL.cjs");
+const require_data_list = require("../data-list-C4Vmq5HA.cjs");
 const require_env_file = require("../env-file-CuxvmI0O.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/components/EnvironmentVariablesEditor.es.js

@@ -1,11 +1,11 @@
 import { t as cn } from "../utils-DQx8TpNT.js";
-import { t as Button } from "../Button-Bw1e3ONi.js";
+import { t as Button } from "../Button-CLXTbAY8.js";
 import { t as Txt } from "../Txt-BM6TVV_c.js";
 import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard.es.js";
-import { t as Notice } from "../Notice-CyKngbbv.js";
+import { t as Notice } from "../Notice-C-8oOZZF.js";
 import { Field, FieldError, FieldLabel } from "./Field.es.js";
-import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../input-group-g85FYfze.js";
-import { t as DataList } from "../data-list-evmf5xWI.js";
+import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../input-group-QKKV_ouF.js";
+import { t as DataList } from "../data-list-DHCOoLmj.js";
 import { t as DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from "../env-file-Dla5M95q.js";
 import { createContext, use, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ErrorBoundary.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ErrorBoundary = require("../ErrorBoundary-Bm0LL_b7.cjs");
+const require_ErrorBoundary = require("../ErrorBoundary-B5GjmA6V.cjs");
 exports.ErrorBoundary = require_ErrorBoundary.ErrorBoundary;

package/dist/components/ErrorBoundary.es.js

@@ -1 +1 @@
-export { t as ErrorBoundary } from "../ErrorBoundary-95_6A77S.js";
+export { t as ErrorBoundary } from "../ErrorBoundary-Cat3KU86.js";

package/dist/components/FilterBar.cjs.js

@@ -1,8 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_types = require("../types-CP7wbYua.cjs");
-const require_filter_bar_chip = require("../filter-bar-chip-BUyMf8XQ.cjs");
-const require_FilterBar = require("../FilterBar-BUd4f7oi.cjs");
+const require_filter_bar_chip = require("../filter-bar-chip-CIEsWcEw.cjs");
+const require_filter_bar_time_range = require("../filter-bar-time-range-DvuaFnkI.cjs");
+const require_FilterBar = require("../FilterBar-Buw0tv51.cjs");
 exports.DEFAULT_FILTER_OPERATORS = require_FilterBar.DEFAULT_FILTER_OPERATORS;
+exports.FILTER_BAR_TIME_RANGE_FIELD = require_filter_bar_time_range.FILTER_BAR_TIME_RANGE_FIELD;
+exports.FILTER_BAR_TIME_RANGE_FIELD_ID = require_filter_bar_time_range.FILTER_BAR_TIME_RANGE_FIELD_ID;
+exports.FILTER_BAR_TIME_RANGE_ITEM = require_filter_bar_time_range.FILTER_BAR_TIME_RANGE_ITEM;
 exports.FilterBar = require_FilterBar.FilterBar;
 exports.FilterBarAdvancedChip = require_FilterBar.FilterBarAdvancedChip;
 exports.FilterBarChip = require_filter_bar_chip.FilterBarChip;
@@ -14,4 +18,5 @@ exports.FilterBarChips = require_FilterBar.FilterBarChips;
 exports.FilterBarGroupEditor = require_FilterBar.FilterBarGroupEditor;
 exports.FilterBarInput = require_FilterBar.FilterBarInput;
 exports.FilterBarLogicToggle = require_FilterBar.FilterBarLogicToggle;
+exports.FilterBarTimeRange = require_filter_bar_time_range.FilterBarTimeRange;
 exports.isFilterBarGroup = require_types.isFilterBarGroup;

package/dist/components/FilterBar.es.js

@@ -1,4 +1,5 @@
 import { t as isFilterBarGroup } from "../types-DiiL5mTO.js";
-import { a as FilterBarChipValue, i as FilterBarChipRemove, n as FilterBarChipField, r as FilterBarChipOperator, t as FilterBarChip } from "../filter-bar-chip-7O02P9Vk.js";
-import { a as FilterBarGroupEditor, i as FilterBarAdvancedChip, n as FilterBar, o as FilterBarLogicToggle, r as FilterBarChips, s as FilterBarInput, t as DEFAULT_FILTER_OPERATORS } from "../FilterBar--4oguuVe.js";
-export { DEFAULT_FILTER_OPERATORS, FilterBar, FilterBarAdvancedChip, FilterBarChip, FilterBarChipField, FilterBarChipOperator, FilterBarChipRemove, FilterBarChipValue, FilterBarChips, FilterBarGroupEditor, FilterBarInput, FilterBarLogicToggle, isFilterBarGroup };
+import { a as FilterBarChipValue, i as FilterBarChipRemove, n as FilterBarChipField, r as FilterBarChipOperator, t as FilterBarChip } from "../filter-bar-chip-B4sV4gDm.js";
+import { i as FilterBarTimeRange, n as FILTER_BAR_TIME_RANGE_FIELD_ID, r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../filter-bar-time-range-CXQMBgpz.js";
+import { a as FilterBarGroupEditor, i as FilterBarAdvancedChip, n as FilterBar, o as FilterBarLogicToggle, r as FilterBarChips, s as FilterBarInput, t as DEFAULT_FILTER_OPERATORS } from "../FilterBar-BO-vvvyq.js";
+export { DEFAULT_FILTER_OPERATORS, FILTER_BAR_TIME_RANGE_FIELD, FILTER_BAR_TIME_RANGE_FIELD_ID, FILTER_BAR_TIME_RANGE_ITEM, FilterBar, FilterBarAdvancedChip, FilterBarChip, FilterBarChipField, FilterBarChipOperator, FilterBarChipRemove, FilterBarChipValue, FilterBarChips, FilterBarGroupEditor, FilterBarInput, FilterBarLogicToggle, FilterBarTimeRange, isFilterBarGroup };