@mastra/playground-ui 55.0.0-alpha.5 → 55.0.0

package/dist/{command-OXbUDxUu.js → command-CNKdcyyr.js}

@@ -2,10 +2,8 @@ import { jsx, jsxs } 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, a as DialogContent, c as DialogTitle, d as DialogDescription } from './dialog-KvPRmHPW.js';
+import { D as Dialog, a as DialogContent, c as DialogTitle, d as DialogDescription } from './dialog-Dfrt_JCJ.js';
 import { S as ScrollArea } from './scroll-area-B0L1nYJS.js';
-import './focus.css';/* empty css               */
-import { inputFocusBorderWithin } from './primitives/form-element.es.js';
 import { transitions } from './primitives/transitions.es.js';
 import { c as cn } from './cn-ByEbywDh.js';
 
@@ -77,12 +75,7 @@ const CommandInput = React.forwardRef(
     "div",
     {
       "data-slot": "command-input-wrapper",
-      className: cn(
-        "ds-focus ds-focus-within flex items-center border-b border-border1 px-3",
-        inputFocusBorderWithin,
-        transitions.colors,
-        wrapperClassName
-      ),
+      className: cn("flex items-center border-b border-border1 px-3", transitions.colors, wrapperClassName),
       children: [
         /* @__PURE__ */ jsx(Search, { className: cn("mr-2 size-4 shrink-0 text-neutral3", transitions.colors) }),
         /* @__PURE__ */ jsx(
@@ -154,7 +147,7 @@ const CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
-      "ds-focus ds-focus-line ds-focus-command-item relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4 select-none",
+      "relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4 select-none",
       "outline-none focus:outline-none focus-visible:outline-none",
       transitions.colors,
       "data-[selected=true]:bg-surface4 data-[selected=true]:text-neutral6",
@@ -172,4 +165,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-OXbUDxUu.js.map
+//# sourceMappingURL=command-CNKdcyyr.js.map

package/dist/command-CNKdcyyr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-CNKdcyyr.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 { ScrollArea } from '@/ds/components/ScrollArea';\nimport type { ScrollAreaMask } from '@/ds/components/ScrollArea';\nimport { 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('flex size-full flex-col overflow-hidden rounded-xl bg-surface3 text-neutral4', className)}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog>, 'children'> & {\n  children?: React.ReactNode;\n  title?: string;\n  description?: string;\n  contentClassName?: string;\n  commandClassName?: string;\n  commandLabel?: string;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\nconst CommandDialog = ({\n  children,\n  title = 'Command Palette',\n  description = 'Search for commands and actions',\n  contentClassName,\n  commandClassName,\n  commandLabel,\n  showOverlay = false,\n  overlayClassName,\n  ...props\n}: CommandDialogProps) => {\n  // Custom filter that preserves DOM order by returning 1 for all matches\n  // This prevents cmdk from reordering items by match score\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    // All search terms must be found in the value\n    const matches = searchTerms.every(term => normalizedValue.includes(term));\n    return matches ? 1 : 0;\n  }, []);\n\n  // Stop propagation to prevent keyboard events from reaching\n  // global document-level listeners (e.g., table keyboard nav)\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        showOverlay={showOverlay}\n        overlayClassName={overlayClassName}\n        className={cn('overflow-hidden p-0', 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          className={cn(\n            '[&_[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:text-neutral3',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2',\n            '[&_[data-slot=command-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:p-2',\n            '[&_[cmdk-item]_svg]:size-5',\n            commandClassName,\n          )}\n        >\n          {children}\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-border1 px-3', transitions.colors, wrapperClassName)}\n    >\n      <Search className={cn('mr-2 size-4 shrink-0 text-neutral3', 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-ui-smd leading-ui-sm text-neutral6',\n          'placeholder:text-neutral3 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=\"text-neutral3 ml-2 flex shrink-0 items-center\">\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    { className, scrollArea = false, scrollAreaClassName, scrollAreaViewportClassName, scrollAreaMask, ...props },\n    ref,\n  ) => {\n    const list = (\n      <CommandPrimitive.List\n        ref={ref}\n        className={cn(\n          'outline-none focus:outline-none focus-visible:outline-none',\n          scrollArea ? 'overflow-visible' : 'max-h-dropdown-max-height overflow-x-hidden overflow-y-auto',\n          className,\n        )}\n        {...props}\n      />\n    );\n\n    if (!scrollArea) return list;\n\n    return (\n      <ScrollArea\n        className={cn('min-h-0', scrollAreaClassName)}\n        viewPortClassName={scrollAreaViewportClassName}\n        mask={scrollAreaMask}\n      >\n        {list}\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=\"text-ui-smd text-neutral3 py-6 text-center\" {...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-neutral4',\n      '[&_[cmdk-group-heading]]:text-ui-xs [&_[cmdk-group-heading]]:font-medium **:[[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-neutral3 **:[[cmdk-group-heading]]:uppercase',\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-border1', 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-ui-smd leading-ui-sm text-neutral4 select-none',\n      'outline-none focus:outline-none focus-visible:outline-none',\n      transitions.colors,\n      'data-[selected=true]:bg-surface4 data-[selected=true]:text-neutral6',\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-neutral3 data-[selected=true]:[&_svg]:text-neutral6',\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-ui-xs tracking-wider text-neutral3 tabular-nums', className)} {...props} />;\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/{command-C6cIgH_n.cjs → command-Cva4qgS9.cjs}

@@ -1,13 +1,11 @@
 'use strict';
 
-require('./focus.css');const jsxRuntime = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const cmdk = require('cmdk');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const dialog = require('./dialog-CUeeMxRo.cjs');
+const dialog = require('./dialog-B1DwyLJJ.cjs');
 const scrollArea = require('./scroll-area-DK4w_mMg.cjs');
-;/* empty css                 */
-const primitives_formElement = require('./primitives/form-element.cjs.js');
 const primitives_transitions = require('./primitives/transitions.cjs.js');
 const utils_cn = require('./cn-DnbTIGXa.cjs');
 
@@ -98,12 +96,7 @@ const CommandInput = React__namespace.forwardRef(
     "div",
     {
       "data-slot": "command-input-wrapper",
-      className: utils_cn.cn(
-        "ds-focus ds-focus-within flex items-center border-b border-border1 px-3",
-        primitives_formElement.inputFocusBorderWithin,
-        primitives_transitions.transitions.colors,
-        wrapperClassName
-      ),
+      className: utils_cn.cn("flex items-center border-b border-border1 px-3", primitives_transitions.transitions.colors, wrapperClassName),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: utils_cn.cn("mr-2 size-4 shrink-0 text-neutral3", primitives_transitions.transitions.colors) }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -175,7 +168,7 @@ const CommandItem = React__namespace.forwardRef(({ className, ...props }, ref) =
   {
     ref,
     className: utils_cn.cn(
-      "ds-focus ds-focus-line ds-focus-command-item relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4 select-none",
+      "relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4 select-none",
       "outline-none focus:outline-none focus-visible:outline-none",
       primitives_transitions.transitions.colors,
       "data-[selected=true]:bg-surface4 data-[selected=true]:text-neutral6",
@@ -201,4 +194,4 @@ exports.CommandItem = CommandItem;
 exports.CommandList = CommandList;
 exports.CommandSeparator = CommandSeparator;
 exports.CommandShortcut = CommandShortcut;
-//# sourceMappingURL=command-C6cIgH_n.cjs.map
+//# sourceMappingURL=command-Cva4qgS9.cjs.map

package/dist/command-Cva4qgS9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-Cva4qgS9.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 { ScrollArea } from '@/ds/components/ScrollArea';\nimport type { ScrollAreaMask } from '@/ds/components/ScrollArea';\nimport { 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('flex size-full flex-col overflow-hidden rounded-xl bg-surface3 text-neutral4', className)}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog>, 'children'> & {\n  children?: React.ReactNode;\n  title?: string;\n  description?: string;\n  contentClassName?: string;\n  commandClassName?: string;\n  commandLabel?: string;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\nconst CommandDialog = ({\n  children,\n  title = 'Command Palette',\n  description = 'Search for commands and actions',\n  contentClassName,\n  commandClassName,\n  commandLabel,\n  showOverlay = false,\n  overlayClassName,\n  ...props\n}: CommandDialogProps) => {\n  // Custom filter that preserves DOM order by returning 1 for all matches\n  // This prevents cmdk from reordering items by match score\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    // All search terms must be found in the value\n    const matches = searchTerms.every(term => normalizedValue.includes(term));\n    return matches ? 1 : 0;\n  }, []);\n\n  // Stop propagation to prevent keyboard events from reaching\n  // global document-level listeners (e.g., table keyboard nav)\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        showOverlay={showOverlay}\n        overlayClassName={overlayClassName}\n        className={cn('overflow-hidden p-0', 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          className={cn(\n            '[&_[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:text-neutral3',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2',\n            '[&_[data-slot=command-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:p-2',\n            '[&_[cmdk-item]_svg]:size-5',\n            commandClassName,\n          )}\n        >\n          {children}\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-border1 px-3', transitions.colors, wrapperClassName)}\n    >\n      <Search className={cn('mr-2 size-4 shrink-0 text-neutral3', 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-ui-smd leading-ui-sm text-neutral6',\n          'placeholder:text-neutral3 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=\"text-neutral3 ml-2 flex shrink-0 items-center\">\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    { className, scrollArea = false, scrollAreaClassName, scrollAreaViewportClassName, scrollAreaMask, ...props },\n    ref,\n  ) => {\n    const list = (\n      <CommandPrimitive.List\n        ref={ref}\n        className={cn(\n          'outline-none focus:outline-none focus-visible:outline-none',\n          scrollArea ? 'overflow-visible' : 'max-h-dropdown-max-height overflow-x-hidden overflow-y-auto',\n          className,\n        )}\n        {...props}\n      />\n    );\n\n    if (!scrollArea) return list;\n\n    return (\n      <ScrollArea\n        className={cn('min-h-0', scrollAreaClassName)}\n        viewPortClassName={scrollAreaViewportClassName}\n        mask={scrollAreaMask}\n      >\n        {list}\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=\"text-ui-smd text-neutral3 py-6 text-center\" {...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-neutral4',\n      '[&_[cmdk-group-heading]]:text-ui-xs [&_[cmdk-group-heading]]:font-medium **:[[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-neutral3 **:[[cmdk-group-heading]]:uppercase',\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-border1', 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-ui-smd leading-ui-sm text-neutral4 select-none',\n      'outline-none focus:outline-none focus-visible:outline-none',\n      transitions.colors,\n      'data-[selected=true]:bg-surface4 data-[selected=true]:text-neutral6',\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-neutral3 data-[selected=true]:[&_svg]:text-neutral6',\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-ui-xs tracking-wider text-neutral3 tabular-nums', className)} {...props} />;\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","Dialog","jsxs","DialogContent","DialogTitle","DialogDescription","transitions","Search","scrollArea","ScrollArea"],"mappings":"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"}

package/dist/components/AlertDialog.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const alertDialog = require('@base-ui/react/alert-dialog');
 const React = require('react');
-const Button = require('../Button-BsHGVRjh.cjs');
+const Button = require('../Button-BJOVwaxp.cjs');
 const dialog = require('../dialog-75R05iBY.cjs');
 const utils_cn = require('../cn-DnbTIGXa.cjs');
 

package/dist/components/AlertDialog.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
 import * as React from 'react';
-import { b as buttonVariants } from '../Button-DsTY88Xz.js';
+import { b as buttonVariants } from '../Button-BVGwYwHT.js';
 import { a as asChildRenderProps } from '../dialog-BpW3qHc1.js';
 import { c as cn } from '../cn-ByEbywDh.js';
 

package/dist/components/Button.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const Button = require('../Button-BsHGVRjh.cjs');
+const Button = require('../Button-BJOVwaxp.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');

package/dist/components/Button.es.js

@@ -1,5 +1,5 @@
-import { B as Button } from '../Button-DsTY88Xz.js';
-export { b as buttonVariants, i as isIconButtonSize } from '../Button-DsTY88Xz.js';
+import { B as Button } from '../Button-BVGwYwHT.js';
+export { b as buttonVariants, i as isIconButtonSize } from '../Button-BVGwYwHT.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Plus } from 'lucide-react';
 import React__default, { useRef } from 'react';

package/dist/components/ButtonsGroup.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const buttonsGroup = require('../buttons-group-PqYxKznc.cjs');
+const buttonsGroup = require('../buttons-group-jq7kUVlX.cjs');
 
 
 

package/dist/components/ButtonsGroup.es.js

@@ -1,2 +1,2 @@
-export { B as ButtonsGroup, a as ButtonsGroupSeparator, b as ButtonsGroupText, c as buttonsGroupVariants } from '../buttons-group-B5TBWfs6.js';
+export { B as ButtonsGroup, a as ButtonsGroupSeparator, b as ButtonsGroupText, c as buttonsGroupVariants } from '../buttons-group-CHyXDQBp.js';
 //# sourceMappingURL=ButtonsGroup.es.js.map

package/dist/components/Checkbox.cjs.js

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

package/dist/components/Checkbox.es.js

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

package/dist/components/ClampedText.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const Button = require('../Button-BsHGVRjh.cjs');
+const Button = require('../Button-BJOVwaxp.cjs');
 const Txt = require('../Txt-i-sXSs2m.cjs');
 const icons_ChevronIcon = require('../icons/ChevronIcon.cjs.js');
 const hooks_useIsClamped = require('../hooks/use-is-clamped.cjs.js');

package/dist/components/ClampedText.es.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { B as Button } from '../Button-DsTY88Xz.js';
+import { B as Button } from '../Button-BVGwYwHT.js';
 import { T as Txt } from '../Txt-CfPhlZOu.js';
 import { ChevronIcon } from '../icons/ChevronIcon.es.js';
 import { useIsClamped } from '../hooks/use-is-clamped.es.js';

package/dist/components/CodeBlock.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const codeBlock = require('../code-block-I7b2Wt_Y.cjs');
+const codeBlock = require('../code-block-D1RequlX.cjs');
 
 
 

package/dist/components/CodeBlock.es.js

@@ -1,2 +1,2 @@
-export { C as CodeBlock } from '../code-block-CyHjdW02.js';
+export { C as CodeBlock } from '../code-block-BdzrmA-p.js';
 //# sourceMappingURL=CodeBlock.es.js.map

package/dist/components/CodeEditor.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const codeEditor = require('../code-editor-BeosH5J-.cjs');
+const codeEditor = require('../code-editor-CopnXVKT.cjs');
 const highlight = require('../highlight-DK1dn-Fh.cjs');
 
 

package/dist/components/CodeEditor.es.js

@@ -1,3 +1,3 @@
-export { C as CodeEditor, V as VARIABLE_PATTERN, c as codeLanguages, a as createVariableAutocomplete, f as flattenSchemaToVariables, u as useCodemirrorTheme, v as variableHighlight } from '../code-editor-DPYAjQUV.js';
+export { C as CodeEditor, V as VARIABLE_PATTERN, c as codeLanguages, a as createVariableAutocomplete, f as flattenSchemaToVariables, u as useCodemirrorTheme, v as variableHighlight } from '../code-editor-D7BftGSx.js';
 export { h as highlight, l as languageForPath } from '../highlight-BmpoELR4.js';
 //# sourceMappingURL=CodeEditor.es.js.map

package/dist/components/Columns.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DnbTIGXa.cjs');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../Button-BsHGVRjh.cjs');
+const Button = require('../Button-BJOVwaxp.cjs');
 
 function ColumnContent({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn(`grid content-start gap-4 overflow-y-auto`, className), children });

package/dist/components/Columns.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as cn } from '../cn-ByEbywDh.js';
 import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
 import { useRef, useState, useCallback, useEffect } from 'react';
-import { B as Button } from '../Button-DsTY88Xz.js';
+import { B as Button } from '../Button-BVGwYwHT.js';
 
 function ColumnContent({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn(`grid content-start gap-4 overflow-y-auto`, className), children });

package/dist/components/Combobox.cjs.js

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

package/dist/components/Combobox.es.js

@@ -1,3 +1,3 @@
-export { C as Combobox, c as comboboxStyles } from '../combobox-8GoJaMs1.js';
+export { C as Combobox, c as comboboxStyles } from '../combobox-Ua6bvpM8.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-C6cIgH_n.cjs');
+const command = require('../command-Cva4qgS9.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-OXbUDxUu.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-CNKdcyyr.js';
 //# sourceMappingURL=Command.es.js.map

package/dist/components/CommandPalette.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../CommandPalette.css');const jsxRuntime = require('react/jsx-runtime');
-const command = require('../command-C6cIgH_n.cjs');
+const command = require('../command-Cva4qgS9.cjs');
 const kbd = require('../kbd-BaoBQUlL.cjs');
 const scrollArea = require('../scroll-area-DK4w_mMg.cjs');
 const utils_cn = require('../cn-DnbTIGXa.cjs');

package/dist/components/CommandPalette.es.js

@@ -1,5 +1,5 @@
 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-OXbUDxUu.js';
+import { a as CommandDialog, d as CommandInput, e as CommandItem, h as CommandShortcut, f as CommandList } from '../command-CNKdcyyr.js';
 import { K as Kbd } from '../kbd-Bod0H0VQ.js';
 import { S as ScrollArea } from '../scroll-area-B0L1nYJS.js';
 import { c as cn } from '../cn-ByEbywDh.js';

package/dist/components/Comment.cjs.js

@@ -10,8 +10,8 @@ const utils_cn = require('../cn-DnbTIGXa.cjs');
 const arrival = require('../arrival-Ck5yjMkc.cjs');
 const useWatched = require('../use-watched-BixmYWp0.cjs');
 const lucideReact = require('lucide-react');
-const inputGroup = require('../input-group-BW3PBfmX.cjs');
-const Button = require('../Button-BsHGVRjh.cjs');
+const inputGroup = require('../input-group-CBuqhxnJ.cjs');
+const Button = require('../Button-BJOVwaxp.cjs');
 
 const CommentContext = React.createContext(null);
 function useCommentVariant() {

package/dist/components/Comment.es.js

@@ -6,8 +6,8 @@ import { c as cn } from '../cn-ByEbywDh.js';
 import { A as ArrivalScope } from '../arrival-Cf8ZO8cU.js';
 import { a as useWatched } from '../use-watched-CG9KoWl3.js';
 import { ArrowUp, X, Check } from 'lucide-react';
-import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-CC3FsOEL.js';
-import { B as Button } from '../Button-DsTY88Xz.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-Dv1YsFDZ.js';
+import { B as Button } from '../Button-BVGwYwHT.js';
 
 import '../Comment.css';const CommentContext = createContext(null);
 function useCommentVariant() {

package/dist/components/CopyButton.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const copyButton = require('../copy-button-CC4JTC90.cjs');
+const copyButton = require('../copy-button-zLZfswrj.cjs');
 
 
 

package/dist/components/CopyButton.es.js

@@ -1,2 +1,2 @@
-export { C as CopyButton } from '../copy-button-BW1CfolI.js';
+export { C as CopyButton } from '../copy-button-ChUCFd-x.js';
 //# sourceMappingURL=CopyButton.es.js.map

package/dist/components/DataCodeSection.cjs.js

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

package/dist/components/DataCodeSection.es.js

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

package/dist/components/DataDetailsPanel.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DnbTIGXa.cjs');
 const lucideReact = require('lucide-react');
-const Button = require('../Button-BsHGVRjh.cjs');
+const Button = require('../Button-BJOVwaxp.cjs');
 const langJson = require('@codemirror/lang-json');
 const language = require('@codemirror/language');
 const view = require('@codemirror/view');
@@ -13,8 +13,8 @@ const highlight = require('@lezer/highlight');
 const codemirrorThemeDracula = require('@uiw/codemirror-theme-dracula');
 const ReactCodeMirror = require('@uiw/react-codemirror');
 const React = require('react');
-const buttonsGroup = require('../buttons-group-PqYxKznc.cjs');
-const copyButton = require('../copy-button-CC4JTC90.cjs');
+const buttonsGroup = require('../buttons-group-jq7kUVlX.cjs');
+const copyButton = require('../copy-button-zLZfswrj.cjs');
 const themeProvider = require('../theme-provider-aO5-jZVp.cjs');
 const spinner = require('../spinner-Bj7FQzLQ.cjs');
 

package/dist/components/DataDetailsPanel.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as cn } from '../cn-ByEbywDh.js';
 import { XIcon, AlignLeftIcon, AlignJustifyIcon } from 'lucide-react';
-import { B as Button } from '../Button-DsTY88Xz.js';
+import { B as Button } from '../Button-BVGwYwHT.js';
 import { json } from '@codemirror/lang-json';
 import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
 import { EditorView } from '@codemirror/view';
@@ -9,8 +9,8 @@ import { tags } from '@lezer/highlight';
 import { draculaInit } from '@uiw/codemirror-theme-dracula';
 import ReactCodeMirror from '@uiw/react-codemirror';
 import { useState, useMemo } from 'react';
-import { B as ButtonsGroup } from '../buttons-group-B5TBWfs6.js';
-import { C as CopyButton } from '../copy-button-BW1CfolI.js';
+import { B as ButtonsGroup } from '../buttons-group-CHyXDQBp.js';
+import { C as CopyButton } from '../copy-button-ChUCFd-x.js';
 import { u as useTheme } from '../theme-provider-C9ih9jSS.js';
 import { S as Spinner } from '../spinner-CUkNhTKC.js';
 

package/dist/components/DataFilter.cjs.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../Button-BsHGVRjh.cjs');
-const dropdownMenu = require('../dropdown-menu-Bj9vR0Md.cjs');
+const Button = require('../Button-BJOVwaxp.cjs');
+const dropdownMenu = require('../dropdown-menu-Bfh5ROWe.cjs');
 const primitives_menuItem = require('../primitives/menu-item.cjs.js');
 const utils_cn = require('../cn-DnbTIGXa.cjs');
 

package/dist/components/DataFilter.es.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { FilterIcon, XIcon, SearchIcon } from 'lucide-react';
 import { useState, useCallback, useMemo } from 'react';
-import { B as Button } from '../Button-DsTY88Xz.js';
-import { D as DropdownMenu } from '../dropdown-menu-GAD50kMK.js';
+import { B as Button } from '../Button-BVGwYwHT.js';
+import { D as DropdownMenu } from '../dropdown-menu-C853KwJJ.js';
 import { menuSearchClasses } from '../primitives/menu-item.es.js';
 import { c as cn } from '../cn-ByEbywDh.js';
 

package/dist/components/DataList.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataList = require('../data-list-BSezaRoI.cjs');
-const dataListSkeleton = require('../data-list-skeleton-BiletsX0.cjs');
+const dataList = require('../data-list-4_cVlINT.cjs');
+const dataListSkeleton = require('../data-list-skeleton-B7flrjdA.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const dataListTop = require('../data-list-top-D8r8M8JA.cjs');
+const dataListTop = require('../data-list-top-D9zFnKEi.cjs');
 const dateFns = require('date-fns');
-const tracesDataList = require('../traces-data-list-BPrExzSX.cjs');
+const tracesDataList = require('../traces-data-list-0WfYCKdc.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,9 +1,9 @@
-export { D as DataList } from '../data-list-DJ7DgVuH.js';
-export { D as DataListSkeleton } from '../data-list-skeleton-QvifQhmC.js';
+export { D as DataList } from '../data-list-Bm70XKg_.js';
+export { D as DataListSkeleton } from '../data-list-skeleton-BJVs8rDE.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as DataListCell, f as DataListNextPageLoading, i as DataListNoMatch, l as DataListRowButton, b as DataListTopCell, a as DataListTop, D as DataListRoot } from '../data-list-top-0BrqoQba.js';
+import { c as DataListCell, f as DataListNextPageLoading, i as DataListNoMatch, l as DataListRowButton, b as DataListTopCell, a as DataListTop, D as DataListRoot } from '../data-list-top-BeUxfGy2.js';
 import { format, isToday } from 'date-fns';
-export { T as TracesDataList } from '../traces-data-list-CfW_M5yW.js';
+export { T as TracesDataList } from '../traces-data-list-BOiAOwYM.js';
 export { u as useDataListKeyboard } from '../use-data-list-keyboard-DFQr4t38.js';
 export { TabbedContainer } from '../layout/tabbed-container.es.js';
 

package/dist/components/DataPanel.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataPanel = require('../data-panel-KjzePv5_.cjs');
+const dataPanel = require('../data-panel-tSErqolu.cjs');
 
 
 

package/dist/components/DataPanel.es.js

@@ -1,2 +1,2 @@
-export { D as DataPanel } from '../data-panel-C3FczohB.js';
+export { D as DataPanel } from '../data-panel-5iuux0r_.js';
 //# sourceMappingURL=DataPanel.es.js.map

package/dist/components/DateRangeTimeline.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
-const Button = require('../Button-BsHGVRjh.cjs');
+const Button = require('../Button-BJOVwaxp.cjs');
 const datePicker = require('../date-picker-Cj8MwnUv.cjs');
 const popover = require('../popover-DL_Vqxfp.cjs');
 const Txt = require('../Txt-i-sXSs2m.cjs');

package/dist/components/DateRangeTimeline.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useLayoutEffect, useRef, useEffectEvent, useEffect } from 'react';
 import { format, parseISO, isValid, differenceInCalendarDays, addDays } from 'date-fns';
 import { CalendarDaysIcon } from 'lucide-react';
-import { B as Button } from '../Button-DsTY88Xz.js';
+import { B as Button } from '../Button-BVGwYwHT.js';
 import { D as DatePicker } from '../date-picker-LbXedaEh.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-L2o0kHi2.js';
 import { T as Txt } from '../Txt-CfPhlZOu.js';

package/dist/components/DateTimePicker.cjs.js

@@ -7,10 +7,10 @@ const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const useDebounce = require('use-debounce');
-const textFieldBlock = require('../text-field-block-DBEXulUE.cjs');
+const textFieldBlock = require('../text-field-block-WuwrSNEX.cjs');
 const datePicker = require('../date-picker-Cj8MwnUv.cjs');
-const timePicker = require('../time-picker-CMUki2R2.cjs');
-const Button = require('../Button-BsHGVRjh.cjs');
+const timePicker = require('../time-picker-BKpmCbXS.cjs');
+const Button = require('../Button-BJOVwaxp.cjs');
 const popover = require('../popover-DL_Vqxfp.cjs');
 const primitives_controlSize = require('../primitives/control-size.cjs.js');
 const utils_cn = require('../cn-DnbTIGXa.cjs');

package/dist/components/DateTimePicker.es.js

@@ -3,10 +3,10 @@ import { format, isValid, formatDate } from 'date-fns';
 import { CircleAlertIcon, X, Check, CalendarIcon } from 'lucide-react';
 import * as React from 'react';
 import { useDebouncedCallback } from 'use-debounce';
-import { T as TextFieldBlock } from '../text-field-block-BVhQGWYw.js';
+import { T as TextFieldBlock } from '../text-field-block-CUN9gL4j.js';
 import { D as DatePicker } from '../date-picker-LbXedaEh.js';
-import { T as TimePicker } from '../time-picker-CfdcBPyS.js';
-import { B as Button } from '../Button-DsTY88Xz.js';
+import { T as TimePicker } from '../time-picker-SgrQvt0V.js';
+import { B as Button } from '../Button-BVGwYwHT.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-L2o0kHi2.js';
 import { controlTriggerOpenStateFor } from '../primitives/control-size.es.js';
 import { c as cn } from '../cn-ByEbywDh.js';

package/dist/components/DateTimeRangePicker.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dateTimeRangePicker = require('../date-time-range-picker-DU4ynAjj.cjs');
+const dateTimeRangePicker = require('../date-time-range-picker-C0J7p78l.cjs');
 
 
 

package/dist/components/DateTimeRangePicker.es.js

@@ -1,2 +1,2 @@
-export { D as DateTimeRangePicker } from '../date-time-range-picker-CMzJwQ_s.js';
+export { D as DateTimeRangePicker } from '../date-time-range-picker-CcoU5-2_.js';
 //# sourceMappingURL=DateTimeRangePicker.es.js.map

package/dist/components/Dialog.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dialog = require('../dialog-CUeeMxRo.cjs');
+const dialog = require('../dialog-B1DwyLJJ.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const Button = require('../Button-BsHGVRjh.cjs');
+const Button = require('../Button-BJOVwaxp.cjs');
 const utils_cn = require('../cn-DnbTIGXa.cjs');
 
 const ARM_WINDOW_MS = 4e3;