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

package/dist/DropdownMenu-BdFlK_CM.d.ts

@@ -0,0 +1,54 @@
+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

@@ -0,0 +1,78 @@
+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

@@ -0,0 +1,54 @@
+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 };

package/dist/components/Button.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime5.JSX.Element;
+declare function Button(props: ButtonProps): react_jsx_runtime12.JSX.Element;
 declare namespace Button {
   var Label: ({
     className,
     ...rest
-  }: LabelProps) => react_jsx_runtime5.JSX.Element;
+  }: LabelProps) => react_jsx_runtime12.JSX.Element;
   var Icon: ({
     className,
     icon: Icon,
     size,
     ...rest
-  }: IconProps) => react_jsx_runtime5.JSX.Element;
+  }: IconProps) => react_jsx_runtime12.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_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime23 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_runtime8.JSX.Element;
+}: CalloutProps): react_jsx_runtime23.JSX.Element;
 //#endregion
 export { Callout, CalloutProps, CalloutVariant };

package/dist/components/Steps.d.ts

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

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

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

package/dist/components/dropdown/Dropdown.js

@@ -0,0 +1,54 @@
+import { t as Menu } from "../../DropdownMenu-Bj6SQIH-.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/dropdown/Dropdown.tsx
+function Trigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx("button", {
+		"aria-label": "Select an option",
+		"aria-haspopup": "menu",
+		"aria-expanded": "false",
+		...props,
+		"data-part": "trigger",
+		className: clsx("stl-ui-dropdown__button", className),
+		children: props.children
+	});
+}
+function TriggerSelectedItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		"data-part": "trigger-selected",
+		className: clsx("stl-ui-dropdown__trigger-selected", className)
+	});
+}
+function TriggerIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"data-part": "trigger-icon",
+		className: clsx("stl-ui-dropdown__trigger-icon", className)
+	});
+}
+function Icon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		"data-part": "item-icon",
+		className: clsx("stl-ui-dropdown__icon", className)
+	});
+}
+function Dropdown({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: clsx("stl-ui-dropdown stl-ui-not-prose not-content", className)
+	});
+}
+Dropdown.Menu = Menu;
+Dropdown.MenuItem = Menu.Item;
+Dropdown.MenuItemText = Menu.ItemText;
+Dropdown.MenuItemTemplate = Menu.ItemTemplate;
+Dropdown.Trigger = Trigger;
+Dropdown.TriggerSelectedItem = TriggerSelectedItem;
+Dropdown.TriggerIcon = TriggerIcon;
+Dropdown.Icon = Icon;
+
+//#endregion
+export { Dropdown };

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

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

package/dist/components/dropdown/DropdownButton.js

@@ -0,0 +1,56 @@
+import { t as Menu } from "../../DropdownMenu-Bj6SQIH-.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+import { ChevronsUpDown } from "lucide-react";
+
+//#region src/components/dropdown/DropdownButton.tsx
+function PrimaryActionText({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-part": "primary-action-text",
+		children
+	});
+}
+function PrimaryAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Select primary option",
+		...props,
+		"data-part": "primary-action",
+		className: clsx("stl-ui-dropdown__button stl-ui-dropdown-button--action", className)
+	});
+}
+function Trigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-haspopup": "menu",
+		"aria-expanded": "false",
+		"aria-label": "Select an option",
+		...props,
+		"data-part": "trigger",
+		className: clsx("stl-ui-dropdown__button stl-ui-dropdown-button__trigger", className),
+		children: /* @__PURE__ */ jsx(ChevronsUpDown, { size: 16 })
+	});
+}
+function Icon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-part": "item-icon",
+		...props,
+		className: clsx("stl-ui-dropdown__icon", className)
+	});
+}
+function DropdownButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: clsx("stl-ui-dropdown stl-ui-not-prose not-content", className)
+	});
+}
+DropdownButton.Menu = Menu;
+DropdownButton.MenuItem = Menu.Item;
+DropdownButton.MenuItemText = Menu.ItemText;
+DropdownButton.PrimaryAction = PrimaryAction;
+DropdownButton.PrimaryActionText = PrimaryActionText;
+DropdownButton.Trigger = Trigger;
+DropdownButton.Icon = Icon;
+
+//#endregion
+export { DropdownButton };

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

@@ -0,0 +1,2 @@
+import { t as Menu } from "../../DropdownMenu-BdFlK_CM.js";
+export { Menu };

package/dist/components/dropdown/DropdownMenu.js

@@ -0,0 +1,3 @@
+import { t as Menu } from "../../DropdownMenu-Bj6SQIH-.js";
+
+export { Menu };

package/dist/components/icons/Function.d.ts

@@ -0,0 +1,7 @@
+import { IconNode } from "lucide-react";
+
+//#region src/components/icons/Function.d.ts
+declare const __iconNode: IconNode;
+declare const FunctionIcon: react.ForwardRefExoticComponent<any>;
+//#endregion
+export { FunctionIcon, __iconNode };

package/dist/components/icons/Function.js

@@ -0,0 +1,8 @@
+import { createLucideIcon } from "lucide-react";
+
+//#region src/components/icons/Function.tsx
+const __iconNode = [["path", { d: "m 7.5982756,10.85526 h 8.3632754 m -8.3632756,8.509999 c 2.9344826,0 4.1082756,-1.467241 4.1082756,-4.108276 V 9.0945701 c 0,-2.9344826 1.467243,-4.8418966 4.695174,-4.4017241" }]];
+const FunctionIcon = createLucideIcon("function", __iconNode);
+
+//#endregion
+export { FunctionIcon, __iconNode };

package/dist/components/icons/index.d.ts

@@ -0,0 +1,2 @@
+import { FunctionIcon } from "./Function.js";
+export { FunctionIcon };

package/dist/components/icons/index.js

@@ -0,0 +1,3 @@
+import { FunctionIcon } from "./Function.js";
+
+export { FunctionIcon };

package/dist/index.d.ts

@@ -3,170 +3,7 @@ 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 * as react3 from "react";
-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
-//#region src/components/dropdown/Dropdown.d.ts
-declare function Dropdown({
-  className,
-  ...props
-}: ComponentProps<'div'>): react_jsx_runtime26.JSX.Element;
-declare namespace Dropdown {
-  var Menu: typeof Menu;
-  var MenuItem: ({
-    children,
-    value,
-    href,
-    isExternalLink,
-    isSelected,
-    ...props
-  }: ({
-    children?: React.ReactNode;
-    value: string;
-    isExternalLink?: boolean;
-    isSelected?: boolean;
-  } & react3.ClassAttributes<HTMLAnchorElement> & react3.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    href: string;
-  }) | ({
-    children?: React.ReactNode;
-    value: string;
-    isExternalLink?: boolean;
-    isSelected?: boolean;
-  } & react3.ClassAttributes<HTMLButtonElement> & react3.ButtonHTMLAttributes<HTMLButtonElement> & {
-    href?: never;
-  })) => react_jsx_runtime26.JSX.Element;
-  var MenuItemText: ({
-    className,
-    subtle,
-    ...props
-  }: ComponentProps<"span"> & {
-    subtle?: boolean;
-  }) => react_jsx_runtime26.JSX.Element;
-  var MenuItemTemplate: ({
-    ...props
-  }: ComponentProps<"template">) => react_jsx_runtime26.JSX.Element;
-  var Trigger: ({
-    className,
-    ...props
-  }: ComponentProps<"button">) => react_jsx_runtime26.JSX.Element;
-  var TriggerSelectedItem: ({
-    className,
-    ...props
-  }: ComponentProps<"div">) => react_jsx_runtime26.JSX.Element;
-  var TriggerIcon: ({
-    className,
-    ...props
-  }: ComponentProps<"span">) => react_jsx_runtime26.JSX.Element;
-  var Icon: ({
-    className,
-    ...props
-  }: ComponentProps<"div">) => react_jsx_runtime26.JSX.Element;
-}
-//#endregion
-//#region src/components/dropdown/DropdownButton.d.ts
-declare function DropdownButton({
-  className,
-  ...props
-}: ComponentProps<'div'>): react_jsx_runtime26.JSX.Element;
-declare namespace DropdownButton {
-  var Menu: typeof Menu;
-  var MenuItem: ({
-    children,
-    value,
-    href,
-    isExternalLink,
-    isSelected,
-    ...props
-  }: ({
-    children?: React.ReactNode;
-    value: string;
-    isExternalLink?: boolean;
-    isSelected?: boolean;
-  } & react3.ClassAttributes<HTMLAnchorElement> & react3.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    href: string;
-  }) | ({
-    children?: React.ReactNode;
-    value: string;
-    isExternalLink?: boolean;
-    isSelected?: boolean;
-  } & react3.ClassAttributes<HTMLButtonElement> & react3.ButtonHTMLAttributes<HTMLButtonElement> & {
-    href?: never;
-  })) => react_jsx_runtime26.JSX.Element;
-  var MenuItemText: ({
-    className,
-    subtle,
-    ...props
-  }: ComponentProps<"span"> & {
-    subtle?: boolean;
-  }) => react_jsx_runtime26.JSX.Element;
-  var PrimaryAction: ({
-    className,
-    ...props
-  }: ComponentProps<"button">) => react_jsx_runtime26.JSX.Element;
-  var PrimaryActionText: ({
-    children
-  }: {
-    children?: React.ReactNode;
-  }) => react_jsx_runtime26.JSX.Element;
-  var Trigger: ({
-    className,
-    ...props
-  }: ComponentProps<"button">) => react_jsx_runtime26.JSX.Element;
-  var Icon: ({
-    className,
-    ...props
-  }: ComponentProps<"div">) => react_jsx_runtime26.JSX.Element;
-}
-//#endregion
+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,182 +1,10 @@
 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";
 import { Accordion } from "./components/Accordion.js";
 import { Step, Steps } from "./components/Steps.js";
 import { Badge, getHttpMethod } from "./components/Badge.js";
-import clsx from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CheckIcon, ChevronsUpDown, 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
-//#region src/components/dropdown/Dropdown.tsx
-function Trigger$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx("button", {
-		"aria-label": "Select an option",
-		"aria-haspopup": "menu",
-		"aria-expanded": "false",
-		...props,
-		"data-part": "trigger",
-		className: clsx("stl-ui-dropdown__button", className),
-		children: props.children
-	});
-}
-function TriggerSelectedItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		"data-part": "trigger-selected",
-		className: clsx("stl-ui-dropdown__trigger-selected", className)
-	});
-}
-function TriggerIcon({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		...props,
-		"data-part": "trigger-icon",
-		className: clsx("stl-ui-dropdown__trigger-icon", className)
-	});
-}
-function Icon$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		"data-part": "item-icon",
-		className: clsx("stl-ui-dropdown__icon", className)
-	});
-}
-function Dropdown({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		className: clsx("stl-ui-dropdown stl-ui-not-prose not-content", className)
-	});
-}
-Dropdown.Menu = Menu;
-Dropdown.MenuItem = Menu.Item;
-Dropdown.MenuItemText = Menu.ItemText;
-Dropdown.MenuItemTemplate = Menu.ItemTemplate;
-Dropdown.Trigger = Trigger$1;
-Dropdown.TriggerSelectedItem = TriggerSelectedItem;
-Dropdown.TriggerIcon = TriggerIcon;
-Dropdown.Icon = Icon$1;
-
-//#endregion
-//#region src/components/dropdown/DropdownButton.tsx
-function PrimaryActionText({ children }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-part": "primary-action-text",
-		children
-	});
-}
-function PrimaryAction({ className, ...props }) {
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-label": "Select primary option",
-		...props,
-		"data-part": "primary-action",
-		className: clsx("stl-ui-dropdown__button stl-ui-dropdown-button--action", className)
-	});
-}
-function Trigger({ className, ...props }) {
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-haspopup": "menu",
-		"aria-expanded": "false",
-		"aria-label": "Select an option",
-		...props,
-		"data-part": "trigger",
-		className: clsx("stl-ui-dropdown__button stl-ui-dropdown-button__trigger", className),
-		children: /* @__PURE__ */ jsx(ChevronsUpDown, { size: 16 })
-	});
-}
-function Icon({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-part": "item-icon",
-		...props,
-		className: clsx("stl-ui-dropdown__icon", className)
-	});
-}
-function DropdownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		className: clsx("stl-ui-dropdown stl-ui-not-prose not-content", className)
-	});
-}
-DropdownButton.Menu = Menu;
-DropdownButton.MenuItem = Menu.Item;
-DropdownButton.MenuItemText = Menu.ItemText;
-DropdownButton.PrimaryAction = PrimaryAction;
-DropdownButton.PrimaryActionText = PrimaryActionText;
-DropdownButton.Trigger = Trigger;
-DropdownButton.Icon = Icon;
-
-//#endregion
 export { Accordion, Badge, Button, Callout, Dropdown, DropdownButton, Step, Steps, getHttpMethod };

package/dist/styles.css

@@ -87,6 +87,11 @@ body {
     font-weight: 500;
     line-height: var(--stl-typography-line-height-heading);
     font-family: var(--stl-typography-font-heading);
+
+    text-wrap: pretty;
+    &:where(h1, h2, h3) {
+      text-wrap: balance;
+    }
   }
 
   :where(h1:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h1) {
@@ -188,7 +193,7 @@ body {
     letter-spacing: normal;
 
     /* inline code */
-    &:where(:not(pre > &)) {
+    &:where(:not(pre > code)) {
       color: var(--stl-color-foreground);
       padding: 0 0.2em;
       background-color: rgb(from var(--stl-color-foreground) r g b / 0.1);
@@ -1213,8 +1218,7 @@ a.stl-ui-button {
   }
   &.stl-ui-badge--intent-info {
     background-color: var(--stl-color-muted-background);
-    color: var(--stl-color-foreground-muted);
-    --stl-ui-badge-icon-opacity: var(--stl-opacity-level-040);
+    color: var(--stl-color-foreground);
     border-color: var(--stl-color-border);
     &.stl-ui-badge--solid {
       background-color: var(--stl-color-inverse-background);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stainless-api/ui-primitives",
-  "version": "0.1.0-beta.44",
+  "version": "0.1.0-beta.46",
   "publishConfig": {
     "access": "public"
   },
@@ -21,9 +21,9 @@
     "@types/react-dom": "^19.2.3",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "rolldown": "1.0.0-beta.60",
+    "rolldown": "1.0.0-rc.1",
     "sass": "^1.97.2",
-    "tsdown": "^0.20.0-beta.3",
+    "tsdown": "^0.20.0",
     "typescript": "5.9.3",
     "@stainless/eslint-config": "0.1.0-beta.1"
   },
@@ -42,6 +42,9 @@
     },
     "./*": {
       "default": "./dist/*"
+    },
+    "./icons": {
+      "default": "./dist/components/icons/index.js"
     }
   },
   "scripts": {