@yahoo/uds-v5-wip 0.0.1

package/dist/components/dist/command.d.ts

@@ -0,0 +1,1723 @@
+import { ComponentConfig } from "../../config/dist/createConfig.js";
+import * as _$react from "react";
+import { ReactNode } from "react";
+import * as _$_uds_types0 from "@uds/types";
+
+//#region ../components/dist/command.d.ts
+//#region src/command.d.ts
+interface CommandContextValue {
+  search: string;
+  setSearch: (value: string) => void;
+  value: string;
+  setValue: (value: string) => void;
+  filter: (value: string, search: string, keywords?: string[]) => number;
+  shouldFilter: boolean;
+  loop: boolean;
+  registerItem: (id: string, value: string, keywords?: string[]) => void;
+  unregisterItem: (id: string) => void;
+  items: Map<string, {
+    value: string;
+    keywords?: string[];
+  }>;
+  visibleCount: number;
+}
+declare const CommandProvider: _$react.FC<{
+    children: React.ReactNode;
+  } & Record<never, never>>, useCommand: () => CommandContextValue;
+/**
+ * @description A searchable command menu for quick actions and navigation. Provides fuzzy filtering, keyboard navigation, and composable sub-components.
+ */
+declare const Command: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  Command: {
+    readonly base: {
+      readonly root: {
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly overflow: "hidden";
+        readonly borderRadius: string;
+        readonly backgroundColor: string;
+      };
+    };
+  };
+}, {}>, {
+  value?: string;
+  onValueChange?: (value: string) => void;
+  filter?: (value: string, search: string, keywords?: string[]) => number;
+  shouldFilter?: boolean;
+  loop?: boolean;
+  label?: string;
+  children?: ReactNode;
+}, {
+  root: "div";
+}>>;
+/**
+ * @description Command menu rendered inside a modal dialog. Typically triggered by Cmd+K / Ctrl+K.
+ */
+declare const CommandDialog: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  CommandDialog: {
+    readonly base: {
+      readonly overlay: {
+        readonly position: "fixed";
+        readonly inset: "0";
+        readonly zIndex: "50";
+        readonly display: "flex";
+        readonly alignItems: "flex-start";
+        readonly justifyContent: "center";
+        readonly paddingTop: "15vh";
+        readonly backgroundColor: string;
+        readonly motion: {
+          readonly initial: {
+            readonly opacity: 0;
+          };
+          readonly animate: {
+            readonly opacity: 1;
+          };
+          readonly exit: {
+            readonly opacity: 0;
+          };
+          readonly transition: {
+            readonly duration: 0.15;
+          };
+        };
+      };
+      readonly dismiss: {
+        readonly position: "absolute";
+        readonly inset: "0";
+        readonly background: "none";
+        readonly border: "none";
+        readonly padding: "0";
+        readonly cursor: "default";
+      };
+      readonly dialogPanel: {
+        readonly position: "relative";
+        readonly zIndex: "1";
+        readonly width: "100%";
+        readonly maxWidth: "32rem";
+        readonly borderRadius: string;
+        readonly backgroundColor: string;
+        readonly borderWidth: string;
+        readonly borderColor: string;
+        readonly overflow: "hidden";
+        readonly outline: "none";
+        readonly boxShadow: "0 16px 70px rgba(0,0,0,0.25)";
+        readonly motion: {
+          readonly initial: {
+            readonly opacity: 0;
+            readonly scale: 0.96;
+            readonly y: -8;
+          };
+          readonly animate: {
+            readonly opacity: 1;
+            readonly scale: 1;
+            readonly y: 0;
+          };
+          readonly exit: {
+            readonly opacity: 0;
+            readonly scale: 0.96;
+            readonly y: -8;
+          };
+          readonly transition: {
+            readonly duration: 0.2;
+            readonly ease: [0.16, 1, 0.3, 1];
+          };
+        };
+      };
+      readonly root: {
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly overflow: "hidden";
+      };
+    };
+  };
+}, {}>, {
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  filter?: (value: string, search: string, keywords?: string[]) => number;
+  shouldFilter?: boolean;
+  loop?: boolean;
+  label?: string;
+  children?: ReactNode;
+}, {
+  overlay: "div";
+  dismiss: "button";
+  dialogPanel: "div";
+  root: "div";
+}>>;
+/**
+ * @description Search input for filtering command items
+ */
+declare const CommandInput: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  CommandInput: {
+    readonly base: {
+      readonly inputWrapper: {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly borderBottomWidth: string;
+        readonly borderColor: string;
+      };
+      readonly searchIcon: {
+        readonly display: "flex";
+        readonly flexShrink: "0";
+        readonly color: string;
+        readonly opacity: "0.4";
+      };
+      readonly input: {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly width: "100%";
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly backgroundColor: "transparent";
+        readonly border: "none";
+        readonly outline: "none";
+        readonly color: string;
+        readonly _placeholder: {
+          readonly color: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      };
+    };
+  };
+}, {}>, {
+  placeholder?: string;
+  value?: string;
+  onValueChange?: (value: string) => void;
+}, {
+  inputWrapper: "div";
+  input: "input";
+  searchIcon: "span";
+}>>;
+/**
+ * @description Scrollable container for command results
+ */
+declare const CommandList: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  CommandList: {
+    readonly base: {
+      readonly list: {
+        readonly maxHeight: "20rem";
+        readonly overflowY: "auto";
+        readonly overscrollBehavior: "contain";
+        readonly padding: string;
+      };
+    };
+  };
+}, {}>, {
+  children?: ReactNode;
+}, {
+  list: "fieldset";
+}>>;
+/**
+ * @description Displayed when no command items match the search query
+ */
+declare const CommandEmpty: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  CommandEmpty: {
+    readonly base: {
+      readonly empty: {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly textAlign: "center";
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      };
+    };
+  };
+}, {}>, {
+  children?: ReactNode;
+}, {
+  empty: "div";
+}>>;
+/**
+ * @description Groups related command items with an optional heading
+ */
+declare const CommandGroup: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  CommandGroup: {
+    readonly base: {
+      readonly group: {
+        readonly padding: string;
+      };
+      readonly groupHeading: {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly color: string;
+        readonly fontWeight: string;
+        readonly fontSize: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      };
+    };
+  };
+}, {}>, {
+  heading?: ReactNode;
+  children?: ReactNode;
+}, {
+  group: "fieldset";
+  groupHeading: "div";
+}>>;
+/**
+ * @description A selectable command item. Supports onSelect callback, keywords for search, and disabled state.
+ */
+declare const CommandItem: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  CommandItem: {
+    readonly base: {
+      readonly item: {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly gap: string;
+        readonly paddingLeft: string;
+        readonly paddingRight: string;
+        readonly paddingTop: string;
+        readonly paddingBottom: string;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _ariaSelected: {
+          readonly backgroundColor: string;
+        };
+        readonly _ariaDisabled: {
+          readonly opacity: "0.5";
+          readonly pointerEvents: "none";
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      };
+    };
+  };
+}, {}>, {
+  onSelect?: (value: string) => void;
+  value?: string;
+  keywords?: string[];
+  disabled?: boolean;
+  children?: ReactNode;
+}, {
+  item: "div";
+}>>;
+/**
+ * @description Displays a keyboard shortcut hint alongside a command item
+ */
+declare const CommandShortcut: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  CommandShortcut: {
+    readonly base: {
+      readonly shortcut: {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly marginLeft: "auto";
+        readonly letterSpacing: "0.05em";
+        readonly color: string;
+        readonly opacity: "0.6";
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      };
+    };
+  };
+}, {}>, {
+  children?: ReactNode;
+}, {
+  shortcut: "span";
+}>>;
+/**
+ * @description Visual divider between command groups
+ */
+declare const CommandSeparator: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  CommandSeparator: {
+    readonly base: {
+      readonly separator: {
+        readonly border: "none";
+        readonly borderTopWidth: string;
+        readonly borderColor: string;
+        readonly marginLeft: `-${string}`;
+        readonly marginRight: `-${string}`;
+        readonly marginTop: string;
+        readonly marginBottom: string;
+      };
+    };
+  };
+}, {}>, Record<string, never>, {
+  separator: "hr";
+}>>;
+type CommandProps = React.ComponentProps<typeof Command>;
+type CommandDialogProps = React.ComponentProps<typeof CommandDialog>;
+type CommandInputProps = React.ComponentProps<typeof CommandInput>;
+type CommandListProps = React.ComponentProps<typeof CommandList>;
+type CommandEmptyProps = React.ComponentProps<typeof CommandEmpty>;
+type CommandGroupProps = React.ComponentProps<typeof CommandGroup>;
+type CommandItemProps = React.ComponentProps<typeof CommandItem>;
+type CommandShortcutProps = React.ComponentProps<typeof CommandShortcut>;
+type CommandSeparatorProps = React.ComponentProps<typeof CommandSeparator>; //#endregion
+//#endregion
+export { Command, CommandContextValue, CommandDialog, CommandDialogProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandProps, CommandProvider, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps, useCommand };