@stainless-api/ui-primitives 0.1.0-beta.46 → 0.1.0-beta.48

package/dist/components/Badge.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Badge.d.ts
 type BadgeIntent = 'none' | 'info' | 'success' | 'warning' | 'danger' | 'note' | 'tip' | 'accent';
@@ -16,7 +16,7 @@ declare function BaseBadge({
   intent?: BadgeIntent;
   size?: 'sm' | 'md' | 'lg';
   solid?: boolean;
-} & React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime2.JSX.Element;
+} & React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime0.JSX.Element;
 type HTTPMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
 declare function getHttpMethod(method?: string): HTTPMethod | null;
 declare function HTTPBadge({
@@ -26,14 +26,14 @@ declare function HTTPBadge({
 }: {
   method: HTTPMethod;
   iconOnly?: boolean;
-} & Omit<React.ComponentProps<typeof Badge>, 'children' | 'intent'>): react_jsx_runtime2.JSX.Element;
+} & Omit<React.ComponentProps<typeof Badge>, 'children' | 'intent'>): react_jsx_runtime0.JSX.Element;
 declare const Badge: (({
   children,
   intent,
   ...props
 }: {
   children: React.ReactNode;
-} & React.ComponentProps<typeof BaseBadge>) => react_jsx_runtime2.JSX.Element) & {
+} & React.ComponentProps<typeof BaseBadge>) => react_jsx_runtime0.JSX.Element) & {
   HTTP: typeof HTTPBadge;
 };
 //#endregion

package/dist/components/Button.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { LucideIcon } from "lucide-react";
 
 //#region src/components/Button.d.ts
@@ -21,18 +21,18 @@ type ButtonBranch = BaseProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElemen
   href?: never;
 };
 type ButtonProps = AnchorBranch | ButtonBranch;
-declare function Button(props: ButtonProps): react_jsx_runtime12.JSX.Element;
+declare function Button(props: ButtonProps): react_jsx_runtime0.JSX.Element;
 declare namespace Button {
   var Label: ({
     className,
     ...rest
-  }: LabelProps) => react_jsx_runtime12.JSX.Element;
+  }: LabelProps) => react_jsx_runtime0.JSX.Element;
   var Icon: ({
     className,
     icon: Icon,
     size,
     ...rest
-  }: IconProps) => react_jsx_runtime12.JSX.Element;
+  }: IconProps) => react_jsx_runtime0.JSX.Element;
 }
 type LabelProps = React.HTMLAttributes<HTMLSpanElement>;
 type IconProps = {

package/dist/components/Callout.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Callout.d.ts
 type CalloutVariant = 'info' | 'note' | 'tip' | 'success' | 'warning' | 'danger';
@@ -13,6 +13,6 @@ declare function Callout({
   className,
   children,
   ...props
-}: CalloutProps): react_jsx_runtime23.JSX.Element;
+}: CalloutProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Callout, CalloutProps, CalloutVariant };

package/dist/components/Steps.d.ts

@@ -1,17 +1,17 @@
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Steps.d.ts
 declare function Steps({
   children
 }: {
   children: React.ReactNode;
-}): react_jsx_runtime24.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function Step({
   children,
   title
 }: {
   children: React.ReactNode;
   title: string;
-}): react_jsx_runtime24.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Step, Steps };

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

@@ -1,13 +1,13 @@
-import { t as Menu } from "../../DropdownMenu-BdFlK_CM.js";
-import * as react3 from "react";
+import { Menu } from "./DropdownMenu.js";
+import * as react from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/dropdown/Dropdown.d.ts
 declare function Dropdown({
   className,
   ...props
-}: ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
+}: ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare namespace Dropdown {
   var Menu: typeof Menu;
   var MenuItem: ({
@@ -22,42 +22,42 @@ declare namespace Dropdown {
     value: string;
     isExternalLink?: boolean;
     isSelected?: boolean;
-  } & react3.ClassAttributes<HTMLAnchorElement> & react3.AnchorHTMLAttributes<HTMLAnchorElement> & {
+  } & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
   }) | ({
     children?: React.ReactNode;
     value: string;
     isExternalLink?: boolean;
     isSelected?: boolean;
-  } & react3.ClassAttributes<HTMLButtonElement> & react3.ButtonHTMLAttributes<HTMLButtonElement> & {
+  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
-  })) => react_jsx_runtime15.JSX.Element;
+  })) => react_jsx_runtime0.JSX.Element;
   var MenuItemText: ({
     className,
     subtle,
     ...props
   }: ComponentProps<"span"> & {
     subtle?: boolean;
-  }) => react_jsx_runtime15.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   var MenuItemTemplate: ({
     ...props
-  }: ComponentProps<"template">) => react_jsx_runtime15.JSX.Element;
+  }: ComponentProps<"template">) => react_jsx_runtime0.JSX.Element;
   var Trigger: ({
     className,
     ...props
-  }: ComponentProps<"button">) => react_jsx_runtime15.JSX.Element;
+  }: ComponentProps<"button">) => react_jsx_runtime0.JSX.Element;
   var TriggerSelectedItem: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime15.JSX.Element;
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
   var TriggerIcon: ({
     className,
     ...props
-  }: ComponentProps<"span">) => react_jsx_runtime15.JSX.Element;
+  }: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
   var Icon: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime15.JSX.Element;
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
 }
 //#endregion
 export { Dropdown };

package/dist/components/dropdown/Dropdown.js

@@ -1,4 +1,4 @@
-import { t as Menu } from "../../DropdownMenu-Bj6SQIH-.js";
+import { Menu } from "./DropdownMenu.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1,13 +1,13 @@
-import { t as Menu } from "../../DropdownMenu-BdFlK_CM.js";
-import * as react0 from "react";
+import { Menu } from "./DropdownMenu.js";
+import * as react from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/dropdown/DropdownButton.d.ts
 declare function DropdownButton({
   className,
   ...props
-}: ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
+}: ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 declare namespace DropdownButton {
   var Menu: typeof Menu;
   var MenuItem: ({
@@ -22,40 +22,40 @@ declare namespace DropdownButton {
     value: string;
     isExternalLink?: boolean;
     isSelected?: boolean;
-  } & react0.ClassAttributes<HTMLAnchorElement> & react0.AnchorHTMLAttributes<HTMLAnchorElement> & {
+  } & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
   }) | ({
     children?: React.ReactNode;
     value: string;
     isExternalLink?: boolean;
     isSelected?: boolean;
-  } & react0.ClassAttributes<HTMLButtonElement> & react0.ButtonHTMLAttributes<HTMLButtonElement> & {
+  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
-  })) => react_jsx_runtime5.JSX.Element;
+  })) => react_jsx_runtime0.JSX.Element;
   var MenuItemText: ({
     className,
     subtle,
     ...props
   }: ComponentProps<"span"> & {
     subtle?: boolean;
-  }) => react_jsx_runtime5.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   var PrimaryAction: ({
     className,
     ...props
-  }: ComponentProps<"button">) => react_jsx_runtime5.JSX.Element;
+  }: ComponentProps<"button">) => react_jsx_runtime0.JSX.Element;
   var PrimaryActionText: ({
     children
   }: {
     children?: React.ReactNode;
-  }) => react_jsx_runtime5.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   var Trigger: ({
     className,
     ...props
-  }: ComponentProps<"button">) => react_jsx_runtime5.JSX.Element;
+  }: ComponentProps<"button">) => react_jsx_runtime0.JSX.Element;
   var Icon: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime5.JSX.Element;
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
 }
 //#endregion
 export { DropdownButton };

package/dist/components/dropdown/DropdownButton.js

@@ -1,4 +1,4 @@
-import { t as Menu } from "../../DropdownMenu-Bj6SQIH-.js";
+import { Menu } from "./DropdownMenu.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { ChevronsUpDown } from "lucide-react";

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

@@ -1,2 +1,54 @@
-import { t as Menu } from "../../DropdownMenu-BdFlK_CM.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/dropdown/DropdownMenu.d.ts
+declare function Menu({
+  className,
+  ...props
+}: ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
+declare namespace Menu {
+  var Item: typeof MenuItem;
+  var ItemText: typeof MenuItemText;
+  var ItemTemplate: typeof MenuItemTemplate;
+}
+declare function MenuItemText({
+  className,
+  subtle,
+  ...props
+}: ComponentProps<'span'> & {
+  subtle?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+type MenuItemBaseProps = {
+  children?: React.ReactNode;
+  value: string;
+  isExternalLink?: boolean;
+  isSelected?: boolean;
+};
+type MenuItemWithHref = MenuItemBaseProps & ComponentProps<'a'> & {
+  href: string;
+};
+type MenuItemWithoutHref = MenuItemBaseProps & ComponentProps<'button'> & {
+  href?: never;
+};
+type MenuItemProps = MenuItemWithHref | MenuItemWithoutHref;
+declare function MenuItem({
+  children,
+  value,
+  href,
+  isExternalLink,
+  isSelected,
+  ...props
+}: MenuItemProps): react_jsx_runtime0.JSX.Element;
+/**
+ * A template component that defines the content to be displayed in the dropdown trigger
+ * when a menu item is selected. This template is used to customize the appearance of
+ * the selected item in the trigger button.
+ *
+ * @param props - Standard HTML template element props
+ * @returns A template element marked with the "selected-template" data part
+ */
+declare function MenuItemTemplate({
+  ...props
+}: ComponentProps<'template'>): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { Menu };

package/dist/components/dropdown/DropdownMenu.js

@@ -1,3 +1,78 @@
-import { t as Menu } from "../../DropdownMenu-Bj6SQIH-.js";
+import clsx from "clsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ExternalLink } from "lucide-react";
 
+//#region src/components/dropdown/DropdownMenu.tsx
+function Menu({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		role: "menu",
+		"data-state": "closed",
+		"data-part": "menu",
+		className: clsx("stl-ui-dropdown-menu", className)
+	});
+}
+function MenuItemText({ className, subtle, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"data-part": "item-text",
+		className: clsx(`stl-ui-dropdown-menu__item-text`, { "stl-ui-dropdown-menu__item-text--subtle": subtle }, className)
+	});
+}
+function MenuItem({ children, value, href, isExternalLink, isSelected, ...props }) {
+	const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "stl-ui-dropdown-menu__item-content",
+			children
+		}),
+		isSelected && /* @__PURE__ */ jsx("div", {
+			className: "stl-ui-dropdown-menu__item-icon",
+			"data-part": "item-selected-icon",
+			children: /* @__PURE__ */ jsx(CheckIcon, { size: 16 })
+		}),
+		isExternalLink && /* @__PURE__ */ jsx("div", {
+			className: "stl-ui-dropdown-menu__item-subtle-icon",
+			"data-part": "item-external-link-icon",
+			children: /* @__PURE__ */ jsx(ExternalLink, { size: 16 })
+		})
+	] });
+	if (href) return /* @__PURE__ */ jsx("a", {
+		role: "menuitem",
+		"data-part": "item",
+		"data-value": value,
+		"aria-selected": isSelected,
+		href,
+		...props,
+		className: clsx("stl-ui-dropdown-menu__item", "stl-ui-dropdown-menu__item-link", props.className),
+		children: inner
+	});
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		role: "menuitem",
+		"data-part": "item",
+		"data-value": value,
+		"aria-selected": isSelected,
+		className: clsx("stl-ui-dropdown-menu__item", props.className),
+		children: inner
+	});
+}
+/**
+* A template component that defines the content to be displayed in the dropdown trigger
+* when a menu item is selected. This template is used to customize the appearance of
+* the selected item in the trigger button.
+*
+* @param props - Standard HTML template element props
+* @returns A template element marked with the "selected-template" data part
+*/
+function MenuItemTemplate({ ...props }) {
+	return /* @__PURE__ */ jsx("template", {
+		"data-part": "selected-template",
+		...props
+	});
+}
+Menu.Item = MenuItem;
+Menu.ItemText = MenuItemText;
+Menu.ItemTemplate = MenuItemTemplate;
+
+//#endregion
 export { Menu };

package/dist/index.d.ts

@@ -3,7 +3,6 @@ import { Badge, BadgeIntent, HTTPMethod, getHttpMethod } from "./components/Badg
 import { Button, ButtonProps, ButtonVariant } from "./components/Button.js";
 import { Callout, CalloutProps, CalloutVariant } from "./components/Callout.js";
 import { Step, Steps } from "./components/Steps.js";
-import "./DropdownMenu-BdFlK_CM.js";
 import { Dropdown } from "./components/dropdown/Dropdown.js";
 import { DropdownButton } from "./components/dropdown/DropdownButton.js";
 export { Accordion, AccordionProps, Badge, BadgeIntent, Button, ButtonProps, ButtonVariant, Callout, CalloutProps, CalloutVariant, Dropdown, DropdownButton, HTTPMethod, Step, Steps, getHttpMethod };

package/dist/index.js

@@ -1,5 +1,4 @@
 import { Button } from "./components/Button.js";
-import "./DropdownMenu-Bj6SQIH-.js";
 import { Dropdown } from "./components/dropdown/Dropdown.js";
 import { DropdownButton } from "./components/dropdown/DropdownButton.js";
 import { Callout } from "./components/Callout.js";

package/dist/styles/starlight-compat.css

@@ -119,7 +119,7 @@
 
 /* TODO: remove these */
 .stl-ui-prose starlight-tabs {
-  a {
+  a[role='tab'] {
     text-decoration: none;
     line-height: unset;
     color: var(--stl-color-foreground);
@@ -130,17 +130,14 @@
     }
   }
 
-  ol,
-  ul {
-    &:not(.stl-ui-not-prose *) {
-      padding-left: 0;
-    }
+  [role='tablist']:is(ol, ul) {
+    padding-left: 0;
   }
 
-  li:not(.stl-ui-not-prose *) {
+  li.tab:not(.stl-ui-not-prose *) {
     margin-bottom: 0;
 
-    a:first-child {
+    & > a:first-child {
       display: flex;
     }
   }

package/dist/styles.css

@@ -41,12 +41,6 @@
 /* Prose exists in its own sub-layer for easy reverting */
 body {
   font-family: var(--stl-typography-font);
-  font-feature-settings:
-    'ss01' on,
-    'ss03' on,
-    'ss04' on,
-    'ss06' on,
-    'ss08' on;
 }
 
 .stl-ui-prose {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stainless-api/ui-primitives",
-  "version": "0.1.0-beta.46",
+  "version": "0.1.0-beta.48",
   "publishConfig": {
     "access": "public"
   },
@@ -17,13 +17,13 @@
     "lucide-react": "^0.562.0"
   },
   "devDependencies": {
-    "@types/react": "19.2.7",
+    "@types/react": "19.2.10",
     "@types/react-dom": "^19.2.3",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "rolldown": "1.0.0-rc.1",
     "sass": "^1.97.2",
-    "tsdown": "^0.20.0",
+    "tsdown": "^0.20.3",
     "typescript": "5.9.3",
     "@stainless/eslint-config": "0.1.0-beta.1"
   },

package/dist/DropdownMenu-BdFlK_CM.d.ts

@@ -1,54 +0,0 @@
-import { ComponentProps } from "react";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
-
-//#region src/components/dropdown/DropdownMenu.d.ts
-declare function Menu({
-  className,
-  ...props
-}: ComponentProps<'div'>): react_jsx_runtime26.JSX.Element;
-declare namespace Menu {
-  var Item: typeof MenuItem;
-  var ItemText: typeof MenuItemText;
-  var ItemTemplate: typeof MenuItemTemplate;
-}
-declare function MenuItemText({
-  className,
-  subtle,
-  ...props
-}: ComponentProps<'span'> & {
-  subtle?: boolean;
-}): react_jsx_runtime26.JSX.Element;
-type MenuItemBaseProps = {
-  children?: React.ReactNode;
-  value: string;
-  isExternalLink?: boolean;
-  isSelected?: boolean;
-};
-type MenuItemWithHref = MenuItemBaseProps & ComponentProps<'a'> & {
-  href: string;
-};
-type MenuItemWithoutHref = MenuItemBaseProps & ComponentProps<'button'> & {
-  href?: never;
-};
-type MenuItemProps = MenuItemWithHref | MenuItemWithoutHref;
-declare function MenuItem({
-  children,
-  value,
-  href,
-  isExternalLink,
-  isSelected,
-  ...props
-}: MenuItemProps): react_jsx_runtime26.JSX.Element;
-/**
- * A template component that defines the content to be displayed in the dropdown trigger
- * when a menu item is selected. This template is used to customize the appearance of
- * the selected item in the trigger button.
- *
- * @param props - Standard HTML template element props
- * @returns A template element marked with the "selected-template" data part
- */
-declare function MenuItemTemplate({
-  ...props
-}: ComponentProps<'template'>): react_jsx_runtime26.JSX.Element;
-//#endregion
-export { Menu as t };

package/dist/DropdownMenu-Bj6SQIH-.js

@@ -1,78 +0,0 @@
-import clsx from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CheckIcon, ExternalLink } from "lucide-react";
-
-//#region src/components/dropdown/DropdownMenu.tsx
-function Menu({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		role: "menu",
-		"data-state": "closed",
-		"data-part": "menu",
-		className: clsx("stl-ui-dropdown-menu", className)
-	});
-}
-function MenuItemText({ className, subtle, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		...props,
-		"data-part": "item-text",
-		className: clsx(`stl-ui-dropdown-menu__item-text`, { "stl-ui-dropdown-menu__item-text--subtle": subtle }, className)
-	});
-}
-function MenuItem({ children, value, href, isExternalLink, isSelected, ...props }) {
-	const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx("div", {
-			className: "stl-ui-dropdown-menu__item-content",
-			children
-		}),
-		isSelected && /* @__PURE__ */ jsx("div", {
-			className: "stl-ui-dropdown-menu__item-icon",
-			"data-part": "item-selected-icon",
-			children: /* @__PURE__ */ jsx(CheckIcon, { size: 16 })
-		}),
-		isExternalLink && /* @__PURE__ */ jsx("div", {
-			className: "stl-ui-dropdown-menu__item-subtle-icon",
-			"data-part": "item-external-link-icon",
-			children: /* @__PURE__ */ jsx(ExternalLink, { size: 16 })
-		})
-	] });
-	if (href) return /* @__PURE__ */ jsx("a", {
-		role: "menuitem",
-		"data-part": "item",
-		"data-value": value,
-		"aria-selected": isSelected,
-		href,
-		...props,
-		className: clsx("stl-ui-dropdown-menu__item", "stl-ui-dropdown-menu__item-link", props.className),
-		children: inner
-	});
-	return /* @__PURE__ */ jsx("button", {
-		...props,
-		role: "menuitem",
-		"data-part": "item",
-		"data-value": value,
-		"aria-selected": isSelected,
-		className: clsx("stl-ui-dropdown-menu__item", props.className),
-		children: inner
-	});
-}
-/**
-* A template component that defines the content to be displayed in the dropdown trigger
-* when a menu item is selected. This template is used to customize the appearance of
-* the selected item in the trigger button.
-*
-* @param props - Standard HTML template element props
-* @returns A template element marked with the "selected-template" data part
-*/
-function MenuItemTemplate({ ...props }) {
-	return /* @__PURE__ */ jsx("template", {
-		"data-part": "selected-template",
-		...props
-	});
-}
-Menu.Item = MenuItem;
-Menu.ItemText = MenuItemText;
-Menu.ItemTemplate = MenuItemTemplate;
-
-//#endregion
-export { Menu as t };

package/dist/DropdownMenu-D661_zel.d.ts

@@ -1,54 +0,0 @@
-import { ComponentProps } from "react";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
-
-//#region src/components/dropdown/DropdownMenu.d.ts
-declare function Menu({
-  className,
-  ...props
-}: ComponentProps<'div'>): react_jsx_runtime23.JSX.Element;
-declare namespace Menu {
-  var Item: typeof MenuItem;
-  var ItemText: typeof MenuItemText;
-  var ItemTemplate: typeof MenuItemTemplate;
-}
-declare function MenuItemText({
-  className,
-  subtle,
-  ...props
-}: ComponentProps<'span'> & {
-  subtle?: boolean;
-}): react_jsx_runtime23.JSX.Element;
-type MenuItemBaseProps = {
-  children?: React.ReactNode;
-  value: string;
-  isExternalLink?: boolean;
-  isSelected?: boolean;
-};
-type MenuItemWithHref = MenuItemBaseProps & ComponentProps<'a'> & {
-  href: string;
-};
-type MenuItemWithoutHref = MenuItemBaseProps & ComponentProps<'button'> & {
-  href?: never;
-};
-type MenuItemProps = MenuItemWithHref | MenuItemWithoutHref;
-declare function MenuItem({
-  children,
-  value,
-  href,
-  isExternalLink,
-  isSelected,
-  ...props
-}: MenuItemProps): react_jsx_runtime23.JSX.Element;
-/**
- * A template component that defines the content to be displayed in the dropdown trigger
- * when a menu item is selected. This template is used to customize the appearance of
- * the selected item in the trigger button.
- *
- * @param props - Standard HTML template element props
- * @returns A template element marked with the "selected-template" data part
- */
-declare function MenuItemTemplate({
-  ...props
-}: ComponentProps<'template'>): react_jsx_runtime23.JSX.Element;
-//#endregion
-export { Menu as t };