@stainless-api/ui-primitives 0.1.0-beta.50 → 0.1.0-beta.52

package/dist/{DropdownMenu-H_J8MxM7.d.ts → DropdownMenu-DJ2-gPoP.d.ts}

@@ -1,11 +1,11 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+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;
+}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
 declare namespace Menu {
   var Item: typeof MenuItem;
   var ItemText: typeof MenuItemText;
@@ -17,7 +17,7 @@ declare function MenuItemText({
   ...props
 }: ComponentProps<'span'> & {
   subtle?: boolean;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 type MenuItemBaseProps = {
   children?: React.ReactNode;
   value: string;
@@ -38,7 +38,7 @@ declare function MenuItem({
   isExternalLink,
   isSelected,
   ...props
-}: MenuItemProps): react_jsx_runtime0.JSX.Element;
+}: 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
@@ -49,6 +49,6 @@ declare function MenuItem({
  */
 declare function MenuItemTemplate({
   ...props
-}: ComponentProps<'template'>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'template'>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Menu as t };

package/dist/components/Accordion.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Accordion.d.ts
 type AccordionProps = React.ComponentProps<'details'>;
@@ -7,7 +7,7 @@ declare function Accordion({
   className,
   children,
   ...props
-}: AccordionProps): react_jsx_runtime0.JSX.Element;
+}: AccordionProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace Accordion {
   var Summary: typeof AccordionSummary;
   var Group: typeof AccordionGroup;
@@ -16,11 +16,11 @@ declare function AccordionSummary({
   children,
   className,
   ...props
-}: React.ComponentProps<'summary'>): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<'summary'>): _$react_jsx_runtime0.JSX.Element;
 declare function AccordionGroup({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Accordion, AccordionProps };

package/dist/components/Badge.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 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_runtime0.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_runtime0.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_runtime0.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_runtime0 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,22 +21,24 @@ type ButtonBranch = BaseProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElemen
   href?: never;
 };
 type ButtonProps = AnchorBranch | ButtonBranch;
-declare function Button(props: ButtonProps): react_jsx_runtime0.JSX.Element;
+declare function Button(props: ButtonProps): _$react_jsx_runtime0.JSX.Element;
 declare namespace Button {
   var Label: ({
     className,
     ...rest
-  }: LabelProps) => react_jsx_runtime0.JSX.Element;
+  }: LabelProps) => _$react_jsx_runtime0.JSX.Element;
   var Icon: ({
     className,
     icon: Icon,
     size,
     ...rest
-  }: IconProps) => react_jsx_runtime0.JSX.Element;
+  }: IconProps) => _$react_jsx_runtime0.JSX.Element;
 }
 type LabelProps = React.HTMLAttributes<HTMLSpanElement>;
 type IconProps = {
-  icon: LucideIcon;
+  icon: LucideIcon | React.ComponentType<{
+    size?: number;
+  }>;
   size?: number;
 } & React.HTMLAttributes<HTMLSpanElement>;
 //#endregion

package/dist/components/Callout.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 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_runtime0.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_runtime0 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_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 declare function Step({
   children,
   title
 }: {
   children: React.ReactNode;
   title: string;
-}): react_jsx_runtime0.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-H_J8MxM7.js";
-import * as react from "react";
+import { t as Menu } from "../../DropdownMenu-DJ2-gPoP.js";
+import * as _$react from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 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_runtime0.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;
-  } & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
+  } & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
   }) | ({
     children?: React.ReactNode;
     value: string;
     isExternalLink?: boolean;
     isSelected?: boolean;
-  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
+  } & _$react.ClassAttributes<HTMLButtonElement> & _$react.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
-  })) => react_jsx_runtime0.JSX.Element;
+  })) => _$react_jsx_runtime0.JSX.Element;
   var MenuItemText: ({
     className,
     subtle,
     ...props
   }: ComponentProps<"span"> & {
     subtle?: boolean;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   var MenuItemTemplate: ({
     ...props
-  }: ComponentProps<"template">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentProps<"template">) => _$react_jsx_runtime0.JSX.Element;
   var Trigger: ({
     className,
     ...props
-  }: ComponentProps<"button">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentProps<"button">) => _$react_jsx_runtime0.JSX.Element;
   var TriggerSelectedItem: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentProps<"div">) => _$react_jsx_runtime0.JSX.Element;
   var TriggerIcon: ({
     className,
     ...props
-  }: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentProps<"span">) => _$react_jsx_runtime0.JSX.Element;
   var Icon: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentProps<"div">) => _$react_jsx_runtime0.JSX.Element;
 }
 //#endregion
 export { Dropdown };

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

@@ -1,13 +1,13 @@
-import { t as Menu } from "../../DropdownMenu-H_J8MxM7.js";
-import * as react from "react";
+import { t as Menu } from "../../DropdownMenu-DJ2-gPoP.js";
+import * as _$react from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 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_runtime0.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;
-  } & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
+  } & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
   }) | ({
     children?: React.ReactNode;
     value: string;
     isExternalLink?: boolean;
     isSelected?: boolean;
-  } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
+  } & _$react.ClassAttributes<HTMLButtonElement> & _$react.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
-  })) => react_jsx_runtime0.JSX.Element;
+  })) => _$react_jsx_runtime0.JSX.Element;
   var MenuItemText: ({
     className,
     subtle,
     ...props
   }: ComponentProps<"span"> & {
     subtle?: boolean;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   var PrimaryAction: ({
     className,
     ...props
-  }: ComponentProps<"button">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentProps<"button">) => _$react_jsx_runtime0.JSX.Element;
   var PrimaryActionText: ({
     children
   }: {
     children?: React.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   var Trigger: ({
     className,
     ...props
-  }: ComponentProps<"button">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentProps<"button">) => _$react_jsx_runtime0.JSX.Element;
   var Icon: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentProps<"div">) => _$react_jsx_runtime0.JSX.Element;
 }
 //#endregion
 export { DropdownButton };

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

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

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

@@ -1,9 +1,9 @@
-import * as react from "react";
-import * as lucide_react0 from "lucide-react";
+import * as _$react from "react";
+import * as _$lucide_react0 from "lucide-react";
 import { IconNode } from "lucide-react";
 
 //#region src/components/icons/Function.d.ts
 declare const __iconNode: IconNode;
-declare const FunctionIcon: react.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const FunctionIcon: _$react.ForwardRefExoticComponent<Omit<_$lucide_react0.LucideProps, "ref"> & _$react.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { FunctionIcon, __iconNode };

package/dist/scripts/index.d.ts

@@ -17,7 +17,7 @@ declare function initDropdown({
 }: {
   root?: Element | null;
   onSelect?: (value: string) => void;
-  initialValue?: string;
+  initialValue?: string | null;
 }): void;
 //#endregion
 export { initDropdown, initDropdownButton };

package/dist/scripts/index.js

@@ -82,7 +82,7 @@ function initDropdown({ root, onSelect, initialValue }) {
 			return true;
 		}
 	}
-	const initial = (initialValue ? items.find((i) => i.getAttribute("data-value") === initialValue) : items.find((i) => i.getAttribute("aria-selected") === "true")) ?? items[0];
+	const initial = initialValue === null ? null : (initialValue ? items.find((i) => i.getAttribute("data-value") === initialValue) : items.find((i) => i.getAttribute("aria-selected") === "true")) ?? items[0];
 	if (initial) selectItem(initial);
 	trigger.addEventListener("click", () => {
 		handleTriggerClick();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stainless-api/ui-primitives",
-  "version": "0.1.0-beta.50",
+  "version": "0.1.0-beta.52",
   "publishConfig": {
     "access": "public"
   },
@@ -14,17 +14,17 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "lucide-react": "^0.574.0"
+    "lucide-react": "^0.577.0"
   },
   "devDependencies": {
-    "@tsdown/css": "^0.21.4",
+    "@tsdown/css": "^0.21.7",
     "@types/react": "19.2.14",
     "@types/react-dom": "^19.2.3",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "sass": "^1.98.0",
-    "tsdown": "^0.21.4",
-    "typescript": "5.9.3",
+    "tsdown": "^0.21.7",
+    "typescript": "6.0.2",
     "@stainless/eslint-config": "0.1.0-beta.1"
   },
   "exports": {