@mastra/playground-ui 33.0.0-alpha.3 → 33.0.0

package/dist/combobox-B2TriE9Z.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const combobox = require('@base-ui/react/combobox');
+const lucideReact = require('lucide-react');
+const multiCombobox = require('./multi-combobox-DkFLK64B.cjs');
+const portalContainer = require('./portal-container-BsvHZxj7.cjs');
+
+function Combobox({
+  options,
+  value,
+  onValueChange,
+  placeholder = "Select option...",
+  searchPlaceholder = "Search...",
+  emptyText = "No option found.",
+  className,
+  disabled = false,
+  variant = "default",
+  size = "md",
+  open,
+  onOpenChange,
+  container,
+  error
+}) {
+  const selectedOption = options.find((option) => option.value === value) ?? null;
+  const resolvedContainer = portalContainer.usePortalContainer(container);
+  const handleSelect = (item) => {
+    if (item) {
+      onValueChange?.(item.value);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: multiCombobox.comboboxStyles.root, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      combobox.Combobox.Root,
+      {
+        autoHighlight: true,
+        items: options,
+        value: selectedOption,
+        onValueChange: handleSelect,
+        disabled,
+        open,
+        onOpenChange,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(combobox.Combobox.Trigger, { className: multiCombobox.comboboxTriggerClass({ variant, size, error: Boolean(error), className }), children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+              selectedOption?.start,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Value, { placeholder }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: multiCombobox.comboboxStyles.chevron }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Positioner, { align: "start", sideOffset: 4, className: multiCombobox.comboboxStyles.positioner, children: /* @__PURE__ */ jsxRuntime.jsxs(combobox.Combobox.Popup, { className: multiCombobox.comboboxStyles.popup, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: multiCombobox.comboboxStyles.searchContainer, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: multiCombobox.comboboxStyles.searchIcon }),
+              /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Input, { className: multiCombobox.comboboxStyles.searchInput, placeholder: searchPlaceholder })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Empty, { className: multiCombobox.comboboxStyles.empty, children: emptyText }),
+            /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.List, { className: multiCombobox.comboboxStyles.list, children: (option) => /* @__PURE__ */ jsxRuntime.jsxs(combobox.Combobox.Item, { value: option, className: multiCombobox.comboboxStyles.item, children: [
+              option.start,
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: multiCombobox.comboboxStyles.optionText, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: multiCombobox.comboboxStyles.optionLabel, children: option.label }),
+                option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: multiCombobox.comboboxStyles.optionDescription, children: option.description })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: multiCombobox.comboboxStyles.itemRightSlot, children: [
+                option.end ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: multiCombobox.comboboxStyles.optionEnd, children: option.end }) : null,
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: multiCombobox.comboboxStyles.checkContainer, children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: multiCombobox.comboboxStyles.checkIcon }) }) })
+              ] })
+            ] }, option.value) })
+          ] }) }) })
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: multiCombobox.comboboxStyles.error, children: error })
+  ] });
+}
+
+exports.Combobox = Combobox;
+//# sourceMappingURL=combobox-B2TriE9Z.cjs.map

package/dist/combobox-B2TriE9Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-B2TriE9Z.cjs","sources":["../src/ds/components/Combobox/combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { Check, ChevronsUpDown, Search } from 'lucide-react';\nimport * as React from 'react';\nimport { comboboxStyles, comboboxTriggerClass } from './combobox-styles';\nimport type { ComboboxVariant } from './combobox-styles';\nimport type { TextButtonSize } from '@/ds/components/Button/Button';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\n\nexport type { ComboboxVariant } from './combobox-styles';\n\nexport type ComboboxOption = {\n  label: string;\n  value: string;\n  description?: string;\n  start?: React.ReactNode;\n  end?: React.ReactNode;\n};\n\nexport type ComboboxProps = {\n  options: ComboboxOption[];\n  value?: string;\n  onValueChange?: (value: string) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  variant?: ComboboxVariant;\n  size?: TextButtonSize;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  container?: HTMLElement | ShadowRoot | null | React.RefObject<HTMLElement | ShadowRoot | null>;\n  error?: string;\n};\n\nexport function Combobox({\n  options,\n  value,\n  onValueChange,\n  placeholder = 'Select option...',\n  searchPlaceholder = 'Search...',\n  emptyText = 'No option found.',\n  className,\n  disabled = false,\n  variant = 'default',\n  size = 'md',\n  open,\n  onOpenChange,\n  container,\n  error,\n}: ComboboxProps) {\n  const selectedOption = options.find(option => option.value === value) ?? null;\n\n  // Default to the nearest SideDialog/Drawer popup so the list stays\n  // interactive inside a modal drawer; an explicit `container` still wins.\n  const resolvedContainer = usePortalContainer(container);\n\n  const handleSelect = (item: ComboboxOption | null) => {\n    if (item) {\n      onValueChange?.(item.value);\n    }\n  };\n\n  return (\n    <div className={comboboxStyles.root}>\n      <BaseCombobox.Root\n        autoHighlight\n        items={options}\n        value={selectedOption}\n        onValueChange={handleSelect}\n        disabled={disabled}\n        open={open}\n        onOpenChange={onOpenChange}\n      >\n        <BaseCombobox.Trigger className={comboboxTriggerClass({ variant, size, error: Boolean(error), className })}>\n          {/* Keep truncation off the outer wrapper so start adornments are not clipped. */}\n          <span className=\"flex items-center gap-2 min-w-0 flex-1\">\n            {selectedOption?.start}\n            <span className=\"truncate\">\n              <BaseCombobox.Value placeholder={placeholder} />\n            </span>\n          </span>\n          {/* Wrap the chevron in a `<span>` so the svg is one level deep and\n              escapes Button's `[&>svg]` adornments (negative `mx`, forced\n              opacity/size) — mirrors Select's chevron wrap. */}\n          <span className=\"flex shrink-0 items-center\">\n            <ChevronsUpDown className={comboboxStyles.chevron} />\n          </span>\n        </BaseCombobox.Trigger>\n\n        <BaseCombobox.Portal container={resolvedContainer}>\n          <BaseCombobox.Positioner align=\"start\" sideOffset={4} className={comboboxStyles.positioner}>\n            <BaseCombobox.Popup className={comboboxStyles.popup}>\n              <div className={comboboxStyles.searchContainer}>\n                <Search className={comboboxStyles.searchIcon} />\n                <BaseCombobox.Input className={comboboxStyles.searchInput} placeholder={searchPlaceholder} />\n              </div>\n              <BaseCombobox.Empty className={comboboxStyles.empty}>{emptyText}</BaseCombobox.Empty>\n              <BaseCombobox.List className={comboboxStyles.list}>\n                {(option: ComboboxOption) => (\n                  <BaseCombobox.Item key={option.value} value={option} className={comboboxStyles.item}>\n                    {option.start}\n                    <span className={comboboxStyles.optionText}>\n                      <span className={comboboxStyles.optionLabel}>{option.label}</span>\n                      {option.description && (\n                        <span className={comboboxStyles.optionDescription}>{option.description}</span>\n                      )}\n                    </span>\n                    <span className={comboboxStyles.itemRightSlot}>\n                      {option.end ? <div className={comboboxStyles.optionEnd}>{option.end}</div> : null}\n                      <span className={comboboxStyles.checkContainer}>\n                        <BaseCombobox.ItemIndicator>\n                          <Check className={comboboxStyles.checkIcon} />\n                        </BaseCombobox.ItemIndicator>\n                      </span>\n                    </span>\n                  </BaseCombobox.Item>\n                )}\n              </BaseCombobox.List>\n            </BaseCombobox.Popup>\n          </BaseCombobox.Positioner>\n        </BaseCombobox.Portal>\n      </BaseCombobox.Root>\n      {error && <span className={comboboxStyles.error}>{error}</span>}\n    </div>\n  );\n}\n"],"names":["usePortalContainer","jsxs","comboboxStyles","BaseCombobox","comboboxTriggerClass","jsx","ChevronsUpDown","Search","Check"],"mappings":"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"}

package/dist/combobox-q2xPfCZc.js

@@ -0,0 +1,75 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
+import { ChevronsUpDown, Search, Check } from 'lucide-react';
+import { c as comboboxStyles, a as comboboxTriggerClass } from './multi-combobox-Y3gT0MqV.js';
+import { u as usePortalContainer } from './portal-container-BlQ6JKob.js';
+
+function Combobox({
+  options,
+  value,
+  onValueChange,
+  placeholder = "Select option...",
+  searchPlaceholder = "Search...",
+  emptyText = "No option found.",
+  className,
+  disabled = false,
+  variant = "default",
+  size = "md",
+  open,
+  onOpenChange,
+  container,
+  error
+}) {
+  const selectedOption = options.find((option) => option.value === value) ?? null;
+  const resolvedContainer = usePortalContainer(container);
+  const handleSelect = (item) => {
+    if (item) {
+      onValueChange?.(item.value);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: comboboxStyles.root, children: [
+    /* @__PURE__ */ jsxs(
+      Combobox$1.Root,
+      {
+        autoHighlight: true,
+        items: options,
+        value: selectedOption,
+        onValueChange: handleSelect,
+        disabled,
+        open,
+        onOpenChange,
+        children: [
+          /* @__PURE__ */ jsxs(Combobox$1.Trigger, { className: comboboxTriggerClass({ variant, size, error: Boolean(error), className }), children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+              selectedOption?.start,
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: /* @__PURE__ */ jsx(Combobox$1.Value, { placeholder }) })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ jsx(ChevronsUpDown, { className: comboboxStyles.chevron }) })
+          ] }),
+          /* @__PURE__ */ jsx(Combobox$1.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(Combobox$1.Positioner, { align: "start", sideOffset: 4, className: comboboxStyles.positioner, children: /* @__PURE__ */ jsxs(Combobox$1.Popup, { className: comboboxStyles.popup, children: [
+            /* @__PURE__ */ jsxs("div", { className: comboboxStyles.searchContainer, children: [
+              /* @__PURE__ */ jsx(Search, { className: comboboxStyles.searchIcon }),
+              /* @__PURE__ */ jsx(Combobox$1.Input, { className: comboboxStyles.searchInput, placeholder: searchPlaceholder })
+            ] }),
+            /* @__PURE__ */ jsx(Combobox$1.Empty, { className: comboboxStyles.empty, children: emptyText }),
+            /* @__PURE__ */ jsx(Combobox$1.List, { className: comboboxStyles.list, children: (option) => /* @__PURE__ */ jsxs(Combobox$1.Item, { value: option, className: comboboxStyles.item, children: [
+              option.start,
+              /* @__PURE__ */ jsxs("span", { className: comboboxStyles.optionText, children: [
+                /* @__PURE__ */ jsx("span", { className: comboboxStyles.optionLabel, children: option.label }),
+                option.description && /* @__PURE__ */ jsx("span", { className: comboboxStyles.optionDescription, children: option.description })
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: comboboxStyles.itemRightSlot, children: [
+                option.end ? /* @__PURE__ */ jsx("div", { className: comboboxStyles.optionEnd, children: option.end }) : null,
+                /* @__PURE__ */ jsx("span", { className: comboboxStyles.checkContainer, children: /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: comboboxStyles.checkIcon }) }) })
+              ] })
+            ] }, option.value) })
+          ] }) }) })
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsx("span", { className: comboboxStyles.error, children: error })
+  ] });
+}
+
+export { Combobox as C };
+//# sourceMappingURL=combobox-q2xPfCZc.js.map

package/dist/combobox-q2xPfCZc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-q2xPfCZc.js","sources":["../src/ds/components/Combobox/combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { Check, ChevronsUpDown, Search } from 'lucide-react';\nimport * as React from 'react';\nimport { comboboxStyles, comboboxTriggerClass } from './combobox-styles';\nimport type { ComboboxVariant } from './combobox-styles';\nimport type { TextButtonSize } from '@/ds/components/Button/Button';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\n\nexport type { ComboboxVariant } from './combobox-styles';\n\nexport type ComboboxOption = {\n  label: string;\n  value: string;\n  description?: string;\n  start?: React.ReactNode;\n  end?: React.ReactNode;\n};\n\nexport type ComboboxProps = {\n  options: ComboboxOption[];\n  value?: string;\n  onValueChange?: (value: string) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  variant?: ComboboxVariant;\n  size?: TextButtonSize;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  container?: HTMLElement | ShadowRoot | null | React.RefObject<HTMLElement | ShadowRoot | null>;\n  error?: string;\n};\n\nexport function Combobox({\n  options,\n  value,\n  onValueChange,\n  placeholder = 'Select option...',\n  searchPlaceholder = 'Search...',\n  emptyText = 'No option found.',\n  className,\n  disabled = false,\n  variant = 'default',\n  size = 'md',\n  open,\n  onOpenChange,\n  container,\n  error,\n}: ComboboxProps) {\n  const selectedOption = options.find(option => option.value === value) ?? null;\n\n  // Default to the nearest SideDialog/Drawer popup so the list stays\n  // interactive inside a modal drawer; an explicit `container` still wins.\n  const resolvedContainer = usePortalContainer(container);\n\n  const handleSelect = (item: ComboboxOption | null) => {\n    if (item) {\n      onValueChange?.(item.value);\n    }\n  };\n\n  return (\n    <div className={comboboxStyles.root}>\n      <BaseCombobox.Root\n        autoHighlight\n        items={options}\n        value={selectedOption}\n        onValueChange={handleSelect}\n        disabled={disabled}\n        open={open}\n        onOpenChange={onOpenChange}\n      >\n        <BaseCombobox.Trigger className={comboboxTriggerClass({ variant, size, error: Boolean(error), className })}>\n          {/* Keep truncation off the outer wrapper so start adornments are not clipped. */}\n          <span className=\"flex items-center gap-2 min-w-0 flex-1\">\n            {selectedOption?.start}\n            <span className=\"truncate\">\n              <BaseCombobox.Value placeholder={placeholder} />\n            </span>\n          </span>\n          {/* Wrap the chevron in a `<span>` so the svg is one level deep and\n              escapes Button's `[&>svg]` adornments (negative `mx`, forced\n              opacity/size) — mirrors Select's chevron wrap. */}\n          <span className=\"flex shrink-0 items-center\">\n            <ChevronsUpDown className={comboboxStyles.chevron} />\n          </span>\n        </BaseCombobox.Trigger>\n\n        <BaseCombobox.Portal container={resolvedContainer}>\n          <BaseCombobox.Positioner align=\"start\" sideOffset={4} className={comboboxStyles.positioner}>\n            <BaseCombobox.Popup className={comboboxStyles.popup}>\n              <div className={comboboxStyles.searchContainer}>\n                <Search className={comboboxStyles.searchIcon} />\n                <BaseCombobox.Input className={comboboxStyles.searchInput} placeholder={searchPlaceholder} />\n              </div>\n              <BaseCombobox.Empty className={comboboxStyles.empty}>{emptyText}</BaseCombobox.Empty>\n              <BaseCombobox.List className={comboboxStyles.list}>\n                {(option: ComboboxOption) => (\n                  <BaseCombobox.Item key={option.value} value={option} className={comboboxStyles.item}>\n                    {option.start}\n                    <span className={comboboxStyles.optionText}>\n                      <span className={comboboxStyles.optionLabel}>{option.label}</span>\n                      {option.description && (\n                        <span className={comboboxStyles.optionDescription}>{option.description}</span>\n                      )}\n                    </span>\n                    <span className={comboboxStyles.itemRightSlot}>\n                      {option.end ? <div className={comboboxStyles.optionEnd}>{option.end}</div> : null}\n                      <span className={comboboxStyles.checkContainer}>\n                        <BaseCombobox.ItemIndicator>\n                          <Check className={comboboxStyles.checkIcon} />\n                        </BaseCombobox.ItemIndicator>\n                      </span>\n                    </span>\n                  </BaseCombobox.Item>\n                )}\n              </BaseCombobox.List>\n            </BaseCombobox.Popup>\n          </BaseCombobox.Positioner>\n        </BaseCombobox.Portal>\n      </BaseCombobox.Root>\n      {error && <span className={comboboxStyles.error}>{error}</span>}\n    </div>\n  );\n}\n"],"names":["BaseCombobox"],"mappings":"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"}

package/dist/command-D0tQ1Lpz.cjs

@@ -0,0 +1,151 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const cmdk = require('cmdk');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const dialog = require('./dialog-46zkb32X.cjs');
+const transitions = require('./transitions-DpczSjmD.cjs');
+const utils = require('./utils-vA5sWo9W.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Command = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  cmdk.Command,
+  {
+    ref,
+    className: utils.cn("flex h-full w-full flex-col overflow-hidden rounded-xl bg-surface3 text-neutral4", className),
+    ...props
+  }
+));
+Command.displayName = cmdk.Command.displayName;
+const CommandDialog = ({
+  children,
+  title = "Command Palette",
+  description = "Search for commands and actions",
+  ...props
+}) => {
+  const filter = React__namespace.useCallback((value, search) => {
+    const normalizedValue = value.toLowerCase();
+    const normalizedSearch = search.toLowerCase();
+    const searchTerms = normalizedSearch.split(/\s+/).filter(Boolean);
+    const matches = searchTerms.every((term) => normalizedValue.includes(term));
+    return matches ? 1 : 0;
+  }, []);
+  const handleKeyDown = React__namespace.useCallback((e) => {
+    e.stopPropagation();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "overflow-hidden p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { className: "sr-only", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { className: "sr-only", children: description }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Command,
+      {
+        filter,
+        onKeyDown: handleKeyDown,
+        className: utils.cn(
+          "**:[[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-neutral3",
+          "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2",
+          "[&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5",
+          "**:[[cmdk-input]]:h-12",
+          "**:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3",
+          "[&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"
+        ),
+        children
+      }
+    )
+  ] }) });
+};
+const CommandInput = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex items-center border-b border-border1 px-3", transitions.transitions.colors), "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: utils.cn("mr-2 h-4 w-4 shrink-0 text-neutral3", transitions.transitions.colors) }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Input,
+    {
+      ref,
+      className: utils.cn(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-ui-smd leading-ui-sm text-neutral6",
+        "placeholder:text-neutral3 disabled:cursor-not-allowed disabled:opacity-50",
+        "outline-none focus:outline-none focus-visible:outline-none",
+        transitions.transitions.colors,
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+CommandInput.displayName = cmdk.Command.Input.displayName;
+const CommandList = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  cmdk.Command.List,
+  {
+    ref,
+    className: utils.cn("max-h-dropdown-max-height overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = cmdk.Command.List.displayName;
+const CommandEmpty = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, { ref, className: "py-6 text-center text-ui-smd text-neutral3", ...props }));
+CommandEmpty.displayName = cmdk.Command.Empty.displayName;
+const CommandGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  cmdk.Command.Group,
+  {
+    ref,
+    className: utils.cn(
+      "overflow-hidden p-1 text-neutral4",
+      "**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:text-ui-xs [&_[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:uppercase **:[[cmdk-group-heading]]:tracking-wider **:[[cmdk-group-heading]]:text-neutral3",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = cmdk.Command.Group.displayName;
+const CommandSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Separator, { ref, className: utils.cn("-mx-1 h-px bg-border1", className), ...props }));
+CommandSeparator.displayName = cmdk.Command.Separator.displayName;
+const CommandItem = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  cmdk.Command.Item,
+  {
+    ref,
+    className: utils.cn(
+      "relative flex cursor-pointer select-none items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4",
+      "outline-none focus:outline-none focus-visible:outline-none",
+      transitions.transitions.colors,
+      "data-[selected=true]:bg-surface4 data-[selected=true]:text-neutral6",
+      "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+      "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-neutral3 data-[selected=true]:[&_svg]:text-neutral6",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = cmdk.Command.Item.displayName;
+const CommandShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("ml-auto text-ui-xs tabular-nums tracking-wider text-neutral3", className), ...props });
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;
+//# sourceMappingURL=command-D0tQ1Lpz.cjs.map

package/dist/command-D0tQ1Lpz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-D0tQ1Lpz.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 { 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 h-full w-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};\n\nconst CommandDialog = ({\n  children,\n  title = 'Command Palette',\n  description = 'Search for commands and actions',\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    e.stopPropagation();\n  }, []);\n\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n        <DialogDescription className=\"sr-only\">{description}</DialogDescription>\n        <Command\n          filter={filter}\n          onKeyDown={handleKeyDown}\n          className={cn(\n            '**:[[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-neutral3',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2',\n            '[&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5',\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className={cn('flex items-center border-b border-border1 px-3', transitions.colors)} cmdk-input-wrapper=\"\">\n    <Search className={cn('mr-2 h-4 w-4 shrink-0 text-neutral3', transitions.colors)} />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'flex h-10 w-full rounded-md bg-transparent py-3 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  </div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('max-h-dropdown-max-height overflow-y-auto overflow-x-hidden', className)}\n    {...props}\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-ui-smd text-neutral3\" {...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]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:text-ui-xs [&_[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:uppercase **:[[cmdk-group-heading]]:tracking-wider **:[[cmdk-group-heading]]:text-neutral3',\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 select-none items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4',\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 tabular-nums tracking-wider text-neutral3', 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"],"mappings":"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"}

package/dist/command-DPEUOKZw.js

@@ -0,0 +1,122 @@
+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, c as DialogContent, i as DialogTitle, d as DialogDescription } from './dialog-CSSfcjSX.js';
+import { t as transitions } from './transitions-tFfqxz40.js';
+import { c as cn } from './utils-CzYGxqbG.js';
+
+const Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1,
+  {
+    ref,
+    className: cn("flex h-full w-full flex-col overflow-hidden rounded-xl bg-surface3 text-neutral4", className),
+    ...props
+  }
+));
+Command.displayName = Command$1.displayName;
+const CommandDialog = ({
+  children,
+  title = "Command Palette",
+  description = "Search for commands and actions",
+  ...props
+}) => {
+  const filter = React.useCallback((value, search) => {
+    const normalizedValue = value.toLowerCase();
+    const normalizedSearch = search.toLowerCase();
+    const searchTerms = normalizedSearch.split(/\s+/).filter(Boolean);
+    const matches = searchTerms.every((term) => normalizedValue.includes(term));
+    return matches ? 1 : 0;
+  }, []);
+  const handleKeyDown = React.useCallback((e) => {
+    e.stopPropagation();
+  }, []);
+  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxs(DialogContent, { className: "overflow-hidden p-0", children: [
+    /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: title }),
+    /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: description }),
+    /* @__PURE__ */ jsx(
+      Command,
+      {
+        filter,
+        onKeyDown: handleKeyDown,
+        className: cn(
+          "**:[[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-neutral3",
+          "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2",
+          "[&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5",
+          "**:[[cmdk-input]]:h-12",
+          "**:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3",
+          "[&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"
+        ),
+        children
+      }
+    )
+  ] }) });
+};
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: cn("flex items-center border-b border-border1 px-3", transitions.colors), "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx(Search, { className: cn("mr-2 h-4 w-4 shrink-0 text-neutral3", transitions.colors) }),
+  /* @__PURE__ */ jsx(
+    Command$1.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-ui-smd leading-ui-sm text-neutral6",
+        "placeholder:text-neutral3 disabled:cursor-not-allowed disabled:opacity-50",
+        "outline-none focus:outline-none focus-visible:outline-none",
+        transitions.colors,
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+CommandInput.displayName = Command$1.Input.displayName;
+const CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.List,
+  {
+    ref,
+    className: cn("max-h-dropdown-max-height overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = Command$1.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Empty, { ref, className: "py-6 text-center text-ui-smd text-neutral3", ...props }));
+CommandEmpty.displayName = Command$1.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-neutral4",
+      "**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:text-ui-xs [&_[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:uppercase **:[[cmdk-group-heading]]:tracking-wider **:[[cmdk-group-heading]]:text-neutral3",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = Command$1.Group.displayName;
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.Separator, { ref, className: cn("-mx-1 h-px bg-border1", className), ...props }));
+CommandSeparator.displayName = Command$1.Separator.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-pointer select-none items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4",
+      "outline-none focus:outline-none focus-visible:outline-none",
+      transitions.colors,
+      "data-[selected=true]:bg-surface4 data-[selected=true]:text-neutral6",
+      "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+      "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-neutral3 data-[selected=true]:[&_svg]:text-neutral6",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = Command$1.Item.displayName;
+const CommandShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-ui-xs tabular-nums tracking-wider text-neutral3", 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-DPEUOKZw.js.map

package/dist/command-DPEUOKZw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-DPEUOKZw.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 { 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 h-full w-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};\n\nconst CommandDialog = ({\n  children,\n  title = 'Command Palette',\n  description = 'Search for commands and actions',\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    e.stopPropagation();\n  }, []);\n\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n        <DialogDescription className=\"sr-only\">{description}</DialogDescription>\n        <Command\n          filter={filter}\n          onKeyDown={handleKeyDown}\n          className={cn(\n            '**:[[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-neutral3',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2',\n            '[&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5',\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className={cn('flex items-center border-b border-border1 px-3', transitions.colors)} cmdk-input-wrapper=\"\">\n    <Search className={cn('mr-2 h-4 w-4 shrink-0 text-neutral3', transitions.colors)} />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'flex h-10 w-full rounded-md bg-transparent py-3 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  </div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('max-h-dropdown-max-height overflow-y-auto overflow-x-hidden', className)}\n    {...props}\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-ui-smd text-neutral3\" {...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]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:text-ui-xs [&_[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:uppercase **:[[cmdk-group-heading]]:tracking-wider **:[[cmdk-group-heading]]:text-neutral3',\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 select-none items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4',\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 tabular-nums tracking-wider text-neutral3', 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/components/AlertDialog.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const alertDialog = require('../alert-dialog-DfQhrc2F.cjs');
+
+
+
+exports.AlertDialog = alertDialog.AlertDialog;
+//# sourceMappingURL=AlertDialog.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/AlertDialog.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/AlertDialog/index'
+export {}

package/dist/components/AlertDialog.es.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Avatar.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Avatar = require('../Avatar-Y-1fas25.cjs');
+
+
+
+exports.Avatar = Avatar.Avatar;
+//# sourceMappingURL=Avatar.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/Avatar.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/Avatar/index'
+export {}

package/dist/components/Avatar.es.js

@@ -0,0 +1,2 @@
+export { A as Avatar } from '../Avatar-Dcmi3-pN.js';
+//# sourceMappingURL=Avatar.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Badge.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Badge = require('../Badge-CQD9T1Yd.cjs');
+
+
+
+exports.Badge = Badge.Badge;
+//# sourceMappingURL=Badge.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/Badge.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/Badge/index'
+export {}

package/dist/components/Badge.es.js

@@ -0,0 +1,2 @@
+export { B as Badge } from '../Badge-C5MzMyCa.js';
+//# sourceMappingURL=Badge.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/BrandLoader.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const brandLoader = require('../brand-loader-DNMY5ZK7.cjs');
+
+
+
+exports.BrandLoader = brandLoader.BrandLoader;
+//# sourceMappingURL=BrandLoader.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BrandLoader.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/BrandLoader.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/BrandLoader/index'
+export {}

package/dist/components/BrandLoader.es.js

@@ -0,0 +1,2 @@
+export { B as BrandLoader } from '../brand-loader-Bxz0bWdp.js';
+//# sourceMappingURL=BrandLoader.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BrandLoader.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}