@yahoo/uds-v5-wip 0.0.1

package/dist/components/dist/dropdown.d.ts

@@ -0,0 +1,951 @@
+import { ComponentConfig } from "../../config/dist/createConfig.js";
+import * as _$react from "react";
+import * as _$_uds_types0 from "@uds/types";
+
+//#region ../components/dist/dropdown.d.ts
+//#region src/dropdown.d.ts
+interface DropdownItem {
+  label: string;
+  shortcut?: string;
+  destructive?: boolean;
+  onClick?: () => void;
+}
+interface DropdownSeparator {
+  type: 'separator';
+}
+type DropdownEntry = DropdownItem | DropdownSeparator;
+/**
+ * @description A menu that appears on trigger interaction, presenting a list of actions
+ */
+declare const Dropdown: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfig<{
+  Dropdown: {
+    readonly base: {
+      readonly trigger: {
+        readonly position: "relative";
+        readonly display: "inline-flex";
+      };
+      readonly menu: {
+        readonly position: "absolute";
+        readonly top: "100%";
+        readonly left: "0";
+        readonly marginTop: "4px";
+        readonly zIndex: "50";
+        readonly backgroundColor: string;
+        readonly borderRadius: string;
+        readonly borderWidth: string;
+        readonly borderColor: string;
+        readonly padding: string;
+        readonly minWidth: "12rem";
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly motion: {
+          readonly initial: {
+            readonly opacity: 0;
+            readonly scale: 0.95;
+            readonly y: -4;
+          };
+          readonly animate: {
+            readonly opacity: 1;
+            readonly scale: 1;
+            readonly y: 0;
+          };
+          readonly exit: {
+            readonly opacity: 0;
+            readonly scale: 0.95;
+            readonly y: -4;
+          };
+          readonly transition: {
+            readonly duration: 0.15;
+            readonly ease: [0.16, 1, 0.3, 1];
+          };
+        };
+      };
+      readonly item: {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      };
+      readonly destructiveItem: {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly display: "flex";
+        readonly alignItems: "center";
+        readonly justifyContent: "space-between";
+        readonly gap: string;
+        readonly padding: `${string} ${string}`;
+        readonly borderRadius: string;
+        readonly cursor: "pointer";
+        readonly color: string;
+        readonly _hover: {
+          readonly backgroundColor: string;
+        };
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      };
+      readonly itemText: {};
+      readonly shortcut: {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: "1";
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: "450";
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      } | {
+        readonly color: string;
+        readonly fontSize: string;
+        readonly fontWeight: string;
+        readonly lineHeight: string;
+        readonly fontFamily: string;
+      };
+      readonly separator: {
+        readonly height: "1px";
+        readonly backgroundColor: string;
+        readonly margin: `${string} 0`;
+      };
+    };
+    readonly variants: {
+      readonly size: {
+        readonly sm: {
+          readonly menu: {
+            readonly padding: string;
+            readonly minWidth: "8rem";
+            readonly borderRadius: string;
+          };
+          readonly item: {
+            readonly padding: `${string} ${string}`;
+            readonly fontSize: "0.75rem";
+            readonly borderRadius: string;
+          };
+          readonly destructiveItem: {
+            readonly padding: `${string} ${string}`;
+            readonly fontSize: "0.75rem";
+            readonly borderRadius: string;
+          };
+          readonly shortcut: {
+            readonly fontSize: "0.625rem";
+          };
+        };
+      };
+    };
+  };
+}, {}>, {
+  trigger?: React.ReactNode;
+  items?: (DropdownItem | {
+    type: "separator";
+  })[];
+  children?: React.ReactNode;
+  align?: "left" | "right";
+}, {
+  trigger: "div";
+  menu: "div";
+  item: "div";
+  itemText: "span";
+  shortcut: "span";
+  separator: "div";
+  destructiveItem: "div";
+}>>; //#endregion
+//#endregion
+export { Dropdown, DropdownEntry, DropdownItem, DropdownSeparator };