@yahoo/uds-v5-wip 1.38.0 → 1.40.0

package/dist/components/dist/control-select.js

@@ -26,32 +26,32 @@ const ControlSelect = createComponent(({ props, label, value, options, onChange
 		return () => document.removeEventListener("mousedown", handleClickOutside);
 	}, [isOpen]);
 	const activeLabel = options.find((o) => o.id === value)?.label ?? value;
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		ref: containerRef,
 		...props.root,
-		children: [jsxs("div", {
+		children: [/* @__PURE__ */ jsxs("div", {
 			...props.header,
-			children: [jsx("span", {
+			children: [/* @__PURE__ */ jsx("span", {
 				...props.label,
 				children: label
-			}), jsx("button", {
+			}), /* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: toggleOpen,
 				"aria-expanded": isOpen,
 				...props.trigger,
-				children: jsx("span", {
+				children: /* @__PURE__ */ jsx("span", {
 					...props.triggerLabel,
 					children: activeLabel
 				})
 			})]
-		}), isOpen && jsx("div", {
+		}), isOpen && /* @__PURE__ */ jsx("div", {
 			...props.dropdown,
-			children: options.map((option) => jsx("button", {
+			children: options.map((option) => /* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: () => handleSelect(option.id),
 				style: { backgroundColor: option.id === value ? "var(--uds-bg-tertiary)" : void 0 },
 				...props.option,
-				children: jsx("span", {
+				children: /* @__PURE__ */ jsx("span", {
 					...props.optionLabel,
 					children: option.label
 				})

package/dist/components/dist/control-slider.js

@@ -48,35 +48,35 @@ const ControlSlider = createComponent(({ props, label, value, min, max, step, on
 	const onPointerUp = useCallback(() => {
 		dragging.current = false;
 	}, []);
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
 		children: [
-			jsxs("div", {
+			/* @__PURE__ */ jsxs("div", {
 				...props.lane,
 				ref: trackRef,
 				onPointerDown,
 				onPointerMove,
 				onPointerUp,
 				children: [
-					dotCount > 0 && jsx("div", {
+					dotCount > 0 && /* @__PURE__ */ jsx("div", {
 						...props.markers,
-						children: Array.from({ length: dotCount }, (_, i) => i + 1).map((n) => jsx("span", { ...props.marker }, n))
+						children: Array.from({ length: dotCount }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsx("span", { ...props.marker }, n))
 					}),
-					jsx("div", {
+					/* @__PURE__ */ jsx("div", {
 						...props.fill,
 						style: { width: `${pct}%` }
 					}),
-					jsx("div", {
+					/* @__PURE__ */ jsx("div", {
 						...props.thumb,
 						style: { left: `${pct}%` }
 					})
 				]
 			}),
-			jsx("span", {
+			/* @__PURE__ */ jsx("span", {
 				...props.label,
 				children: label
 			}),
-			jsxs("span", {
+			/* @__PURE__ */ jsxs("span", {
 				...props.value,
 				children: [value, unit]
 			})

package/dist/components/dist/control-spring.js

@@ -66,24 +66,24 @@ const ControlSpring = createComponent(({ props, label, value, onChange }) => {
 			mass: val
 		});
 	}, [onChange, value]);
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
 		children: [
-			jsxs("div", {
+			/* @__PURE__ */ jsxs("div", {
 				...props.header,
-				children: [jsx("span", {
+				children: [/* @__PURE__ */ jsx("span", {
 					...props.label,
 					children: label
-				}), jsx(ControlGroup, {
+				}), /* @__PURE__ */ jsx(ControlGroup, {
 					options: MODE_OPTIONS,
 					value: mode,
 					onChange: (id) => setMode(id),
 					size: "sm"
 				})]
 			}),
-			mode === "simple" ? jsxs("div", {
+			mode === "simple" ? /* @__PURE__ */ jsxs("div", {
 				...props.fields,
-				children: [jsx(ControlSlider, {
+				children: [/* @__PURE__ */ jsx(ControlSlider, {
 					label: "Duration",
 					value: Math.round(simple.visualDuration * 100) / 100,
 					onChange: handleVisualDuration,
@@ -91,7 +91,7 @@ const ControlSpring = createComponent(({ props, label, value, onChange }) => {
 					max: 5,
 					step: .05,
 					unit: "s"
-				}), jsx(ControlSlider, {
+				}), /* @__PURE__ */ jsx(ControlSlider, {
 					label: "Bounce",
 					value: Math.round(simple.bounce * 100) / 100,
 					onChange: handleBounce,
@@ -99,10 +99,10 @@ const ControlSpring = createComponent(({ props, label, value, onChange }) => {
 					max: 1,
 					step: .05
 				})]
-			}) : jsxs("div", {
+			}) : /* @__PURE__ */ jsxs("div", {
 				...props.fields,
 				children: [
-					jsx(ControlSlider, {
+					/* @__PURE__ */ jsx(ControlSlider, {
 						label: "Stiffness",
 						value: Math.round(safeValue.stiffness),
 						onChange: handleStiffness,
@@ -110,7 +110,7 @@ const ControlSpring = createComponent(({ props, label, value, onChange }) => {
 						max: 1e3,
 						step: 1
 					}),
-					jsx(ControlSlider, {
+					/* @__PURE__ */ jsx(ControlSlider, {
 						label: "Damping",
 						value: Math.round(safeValue.damping * 10) / 10,
 						onChange: handleDamping,
@@ -118,7 +118,7 @@ const ControlSpring = createComponent(({ props, label, value, onChange }) => {
 						max: 100,
 						step: .5
 					}),
-					jsx(ControlSlider, {
+					/* @__PURE__ */ jsx(ControlSlider, {
 						label: "Mass",
 						value: Math.round(safeValue.mass * 10) / 10,
 						onChange: handleMass,
@@ -128,7 +128,7 @@ const ControlSpring = createComponent(({ props, label, value, onChange }) => {
 					})
 				]
 			}),
-			jsx(ControlCurve, { config: safeValue })
+			/* @__PURE__ */ jsx(ControlCurve, { config: safeValue })
 		]
 	});
 });

package/dist/components/dist/control-stepper.js

@@ -57,19 +57,19 @@ const ControlStepper = createComponent(({ props, value, onChange, min = Number.N
 		handleIncrement,
 		handleDecrement
 	]);
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		"data-disabled": disabled || void 0,
 		...props.root,
-		children: [label && jsx("span", {
+		children: [label && /* @__PURE__ */ jsx("span", {
 			...props.label,
 			children: label
-		}), jsxs("div", {
+		}), /* @__PURE__ */ jsxs("div", {
 			style: {
 				display: "flex",
 				gap: "1px"
 			},
 			children: [
-				jsx("button", {
+				/* @__PURE__ */ jsx("button", {
 					type: "button",
 					onClick: handleDecrement,
 					disabled: disabled || value <= min,
@@ -78,7 +78,7 @@ const ControlStepper = createComponent(({ props, value, onChange, min = Number.N
 					...props.decrement,
 					children: "-"
 				}),
-				jsx("input", {
+				/* @__PURE__ */ jsx("input", {
 					type: "text",
 					inputMode: "decimal",
 					value,
@@ -92,7 +92,7 @@ const ControlStepper = createComponent(({ props, value, onChange, min = Number.N
 					role: "spinbutton",
 					...props.input
 				}),
-				jsx("button", {
+				/* @__PURE__ */ jsx("button", {
 					type: "button",
 					onClick: handleIncrement,
 					disabled: disabled || value >= max,

package/dist/components/dist/control-toggle.js

@@ -19,12 +19,12 @@ const ControlToggle = createComponent(({ props, label, value, onChange }) => {
 	const handleChange = useCallback((id) => {
 		onChange(id === "on");
 	}, [onChange]);
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
-		children: [jsx("span", {
+		children: [/* @__PURE__ */ jsx("span", {
 			...props.label,
 			children: label
-		}), jsx(ControlGroup, {
+		}), /* @__PURE__ */ jsx(ControlGroup, {
 			options: OPTIONS,
 			value: value ? "on" : "off",
 			onChange: handleChange,

package/dist/components/dist/dropdown.js

@@ -22,10 +22,10 @@ const Dropdown = createComponent(({ props, children, trigger, items = [], align
 		document.addEventListener("mousedown", handleClick);
 		return () => document.removeEventListener("mousedown", handleClick);
 	}, []);
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		...props.trigger,
-		children: [jsx("div", {
+		children: [/* @__PURE__ */ jsx("div", {
 			role: "button",
 			tabIndex: 0,
 			onClick: () => setOpen(!open),
@@ -39,12 +39,12 @@ const Dropdown = createComponent(({ props, children, trigger, items = [], align
 				WebkitUserSelect: "none"
 			},
 			children: trigger
-		}), open && jsx("div", {
+		}), open && /* @__PURE__ */ jsx("div", {
 			"data-state": state,
 			...props.menu,
 			style: menuStyle,
 			children: [...items.map((entry, i) => {
-				if ("type" in entry && entry.type === "separator") return jsx("div", { ...props.separator }, `sep-${i}`);
+				if ("type" in entry && entry.type === "separator") return /* @__PURE__ */ jsx("div", { ...props.separator }, `sep-${i}`);
 				const item = entry;
 				const handleClick = () => {
 					item.onClick?.();
@@ -56,30 +56,30 @@ const Dropdown = createComponent(({ props, children, trigger, items = [], align
 						setOpen(false);
 					}
 				};
-				if (item.destructive) return jsxs("div", {
+				if (item.destructive) return /* @__PURE__ */ jsxs("div", {
 					...props.destructiveItem,
 					role: "menuitem",
 					tabIndex: 0,
 					onClick: handleClick,
 					onKeyDown: handleKeyDown,
-					children: [jsx("span", {
+					children: [/* @__PURE__ */ jsx("span", {
 						...props.itemText,
 						children: item.label
-					}), item.shortcut && jsx("span", {
+					}), item.shortcut && /* @__PURE__ */ jsx("span", {
 						...props.shortcut,
 						children: item.shortcut
 					})]
 				}, item.label);
-				return jsxs("div", {
+				return /* @__PURE__ */ jsxs("div", {
 					...props.item,
 					role: "menuitem",
 					tabIndex: 0,
 					onClick: handleClick,
 					onKeyDown: handleKeyDown,
-					children: [jsx("span", {
+					children: [/* @__PURE__ */ jsx("span", {
 						...props.itemText,
 						children: item.label
-					}), item.shortcut && jsx("span", {
+					}), item.shortcut && /* @__PURE__ */ jsx("span", {
 						...props.shortcut,
 						children: item.shortcut
 					})]

package/dist/components/dist/empty-state.js

@@ -5,25 +5,25 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * @description A centered placeholder shown when a view has no content, with optional icon, title, description, and actions
 */
-const EmptyState = createComponent(({ props, children, icon, title, description, actions }) => jsxs("div", {
+const EmptyState = createComponent(({ props, children, icon, title, description, actions }) => /* @__PURE__ */ jsxs("div", {
 	...props.root,
 	children: [
-		icon && jsx("div", {
+		icon && /* @__PURE__ */ jsx("div", {
 			...props.icon,
 			children: icon
 		}),
-		(title || description) && jsxs("div", {
+		(title || description) && /* @__PURE__ */ jsxs("div", {
 			...props.content,
-			children: [title && jsx("div", {
+			children: [title && /* @__PURE__ */ jsx("div", {
 				...props.title,
 				children: title
-			}), description && jsx("div", {
+			}), description && /* @__PURE__ */ jsx("div", {
 				...props.description,
 				children: description
 			})]
 		}),
 		children,
-		actions && jsx("div", {
+		actions && /* @__PURE__ */ jsx("div", {
 			...props.actions,
 			children: actions
 		})

package/dist/components/dist/grid.js

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 * @description A CSS Grid layout primitive
 */
 const Grid = createComponent(({ children, columns, rows, autoFit, autoFill, inline, display, gridTemplateColumns, gridTemplateRows, ...rest }) => {
-	return jsx(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		display: display ?? (inline ? "inline-grid" : "grid"),
 		gridTemplateColumns: gridTemplateColumns ?? (autoFit ? `[repeat(auto-fit,minmax(${autoFit},1fr))]` : autoFill ? `[repeat(auto-fill,minmax(${autoFill},1fr))]` : columns),
 		gridTemplateRows: gridTemplateRows ?? rows,
@@ -19,7 +19,7 @@ const Grid = createComponent(({ children, columns, rows, autoFit, autoFill, inli
 * @description A grid item that controls span and position within a Grid
 */
 const GridItem = createComponent(({ children, colSpan, rowSpan, colStart, colEnd, rowStart, rowEnd, gridColumnSpan, gridRowSpan, gridColumnStart, gridColumnEnd, gridRowStart, gridRowEnd, ...rest }) => {
-	return jsx(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		gridColumnSpan: gridColumnSpan ?? colSpan,
 		gridRowSpan: gridRowSpan ?? rowSpan,
 		gridColumnStart: gridColumnStart ?? colStart,

package/dist/components/dist/hstack.js

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 * @description A primitive that arranges its children horizontally
 */
 const HStack = createComponent(({ children, as, gap, gapX, display = "flex", flexDirection = display === "flex" ? "row" : void 0, alignItems = display === "flex" ? "center" : void 0, ...rest }) => {
-	return jsx(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		as,
 		display,
 		flexDirection,

package/dist/components/dist/input.js

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 /**
 * A primitive that renders a text input
 */
-const Input = createComponent(({ props }) => jsx("input", {
+const Input = createComponent(({ props }) => /* @__PURE__ */ jsx("input", {
 	type: "text",
 	"data-1p-ignore": true,
 	...props.root

package/dist/components/dist/item.js

@@ -15,33 +15,33 @@ const Item = createComponent(({ props, children, media, title, description, acti
 			backgroundColor: "var(--uds-bg-secondary)"
 		}
 	} : rootProps;
-	const content = jsxs(Fragment, { children: [
-		media && jsx("div", {
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		media && /* @__PURE__ */ jsx("div", {
 			...props.media,
 			children: media
 		}),
-		(title || description) && jsxs("div", {
+		(title || description) && /* @__PURE__ */ jsxs("div", {
 			...props.content,
-			children: [title && jsx("div", {
+			children: [title && /* @__PURE__ */ jsx("div", {
 				...props.title,
 				children: title
-			}), description && jsx("div", {
+			}), description && /* @__PURE__ */ jsx("div", {
 				...props.description,
 				children: description
 			})]
 		}),
 		children,
-		actions && jsx("div", {
+		actions && /* @__PURE__ */ jsx("div", {
 			...props.actions,
 			children: actions
 		})
 	] });
-	if (asChild) return jsx(DivSlot, {
+	if (asChild) return /* @__PURE__ */ jsx(DivSlot, {
 		...rootStyle,
 		...nativeProps,
 		children: content
 	});
-	return jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		...rootStyle,
 		...nativeProps,
 		children: content

package/dist/components/dist/list.js

@@ -8,7 +8,7 @@ const Ol = createComponent("ol");
 * @description A primitive that renders a list of items
 */
 const List = createComponent(({ children, as = "ul", ...rest }) => {
-	return jsx(as === "ol" ? Ol : Ul, {
+	return /* @__PURE__ */ jsx(as === "ol" ? Ol : Ul, {
 		...rest,
 		children
 	});

package/dist/components/dist/modal.js

@@ -29,7 +29,7 @@ const Modal = createComponent(({ props, children, open: controlledOpen, onOpenCh
 			document.body.style.overflow = "";
 		};
 	}, [open]);
-	return jsxs(Fragment, { children: [trigger && jsx("div", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [trigger && /* @__PURE__ */ jsx("div", {
 		role: "button",
 		tabIndex: 0,
 		onClick: () => setOpen(true),
@@ -38,31 +38,31 @@ const Modal = createComponent(({ props, children, open: controlledOpen, onOpenCh
 		},
 		...props.trigger,
 		children: trigger
-	}), open && jsxs("div", {
+	}), open && /* @__PURE__ */ jsxs("div", {
 		...props.overlay,
-		children: [jsx("button", {
+		children: [/* @__PURE__ */ jsx("button", {
 			type: "button",
 			"aria-label": "Close modal",
 			tabIndex: -1,
 			onClick: () => setOpen(false),
 			...props.dismiss
-		}), jsxs("div", {
+		}), /* @__PURE__ */ jsxs("div", {
 			ref: panelRef,
 			role: "dialog",
 			"aria-modal": "true",
 			tabIndex: -1,
 			...props.panel,
 			children: [
-				title ? jsx("div", {
+				title ? /* @__PURE__ */ jsx("div", {
 					...props.title,
 					children: title
 				}) : null,
-				description ? jsx("div", {
+				description ? /* @__PURE__ */ jsx("div", {
 					...props.description,
 					children: description
 				}) : null,
 				children ?? null,
-				actions ? jsx("div", {
+				actions ? /* @__PURE__ */ jsx("div", {
 					...props.actions,
 					children: actions
 				}) : null
@@ -109,7 +109,7 @@ const [ModalProvider, useModal] = createProvider("Modal", ({ children }) => {
 			close,
 			closeAll
 		},
-		render: jsxs(Fragment, { children: [children, modals.map(({ id, content, title, description, actions }) => jsx(Modal, {
+		render: /* @__PURE__ */ jsxs(Fragment, { children: [children, modals.map(({ id, content, title, description, actions }) => /* @__PURE__ */ jsx(Modal, {
 			open: true,
 			onOpenChange: (isOpen) => {
 				if (!isOpen) close(id);

package/dist/components/dist/nav-header.js

@@ -5,15 +5,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * @description A navigation header bar with title and optional action areas
 */
-const NavHeader = createComponent(({ props, children, title, actions }) => jsxs("div", {
+const NavHeader = createComponent(({ props, children, title, actions }) => /* @__PURE__ */ jsxs("div", {
 	...props.root,
 	children: [
-		title && jsx("span", {
+		title && /* @__PURE__ */ jsx("span", {
 			...props.title,
 			children: title
 		}),
 		children,
-		actions && jsx("div", {
+		actions && /* @__PURE__ */ jsx("div", {
 			...props.actions,
 			children: actions
 		})

package/dist/components/dist/preset-bar.js

@@ -23,40 +23,40 @@ const PresetBar = createComponent(({ props, presets, onSave, onLoad, onDelete, p
 	const handleKeyDown = useCallback((e) => {
 		if (e.key === "Enter") handleSave();
 	}, [handleSave]);
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
-		children: [jsxs("div", {
+		children: [/* @__PURE__ */ jsxs("div", {
 			...props.inputRow,
-			children: [jsx("div", {
+			children: [/* @__PURE__ */ jsx("div", {
 				...props.inputWrapper,
-				children: jsx(Input, {
+				children: /* @__PURE__ */ jsx(Input, {
 					value: name,
 					onChange: handleChange,
 					onKeyDown: handleKeyDown,
 					placeholder
 				})
-			}), jsx(Button, {
+			}), /* @__PURE__ */ jsx(Button, {
 				variant: "brand",
 				size: "sm",
 				onClick: handleSave,
 				children: "Save"
 			})]
-		}), presets?.length > 0 && jsx("div", {
+		}), presets?.length > 0 && /* @__PURE__ */ jsx("div", {
 			...props.list,
-			children: presets.map((preset) => jsxs("div", {
+			children: presets.map((preset) => /* @__PURE__ */ jsxs("div", {
 				...props.item,
 				children: [
-					jsx("span", {
+					/* @__PURE__ */ jsx("span", {
 						...props.itemName,
 						children: preset.name
 					}),
-					jsx(Button, {
+					/* @__PURE__ */ jsx(Button, {
 						variant: "ghost",
 						size: "xs",
 						onClick: () => onLoad(preset.id),
 						children: "Load"
 					}),
-					jsx(Button, {
+					/* @__PURE__ */ jsx(Button, {
 						variant: "ghost",
 						size: "xs",
 						onClick: () => onDelete(preset.id),

package/dist/components/dist/presets/index.js

@@ -2,8 +2,8 @@ import { textConfig } from "../text.config.js";
 import { accordionConfig } from "../accordion.config.js";
 import { alertConfig } from "../alert.config.js";
 import { anchorConfig } from "../anchor.config.js";
-import { avatarConfig } from "../avatar.config.js";
 import { avatarGroupConfig } from "../avatar-group.config.js";
+import { avatarConfig } from "../avatar.config.js";
 import { badgeConfig } from "../badge.config.js";
 import { breadcrumbConfig } from "../breadcrumb.config.js";
 import { buttonConfig } from "../button.config.js";

package/dist/components/dist/progress.js

@@ -15,24 +15,24 @@ const Progress = createComponent(({ props, value, label }) => {
 		...props.fill.style,
 		width: `${value}%`
 	};
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
 		style: rootStyle,
-		children: [label && jsxs("div", {
+		children: [label && /* @__PURE__ */ jsxs("div", {
 			style: {
 				display: "flex",
 				justifyContent: "space-between"
 			},
-			children: [jsx("span", {
+			children: [/* @__PURE__ */ jsx("span", {
 				...props.label,
 				children: label
-			}), jsxs("span", {
+			}), /* @__PURE__ */ jsxs("span", {
 				...props.value,
 				children: [value, "%"]
 			})]
-		}), jsx("div", {
+		}), /* @__PURE__ */ jsx("div", {
 			...props.track,
-			children: jsx("div", {
+			children: /* @__PURE__ */ jsx("div", {
 				...props.fill,
 				style: fillStyle
 			})

package/dist/components/dist/sheet.js

@@ -12,36 +12,36 @@ const Sheet = createComponent(({ props, children, open: controlledOpen, onOpenCh
 	const open = controlledOpen ?? internalOpen;
 	const setOpen = onOpenChange ?? setInternalOpen;
 	const state = open ? "open" : "closed";
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		"data-state": state,
 		...props.root,
-		children: [jsx("button", {
+		children: [/* @__PURE__ */ jsx("button", {
 			type: "button",
 			"data-state": state,
 			onClick: () => setOpen(false),
 			"aria-label": "Close sheet",
 			...props.overlay
-		}), jsxs("div", {
+		}), /* @__PURE__ */ jsxs("div", {
 			"data-state": state,
 			...props.panel,
 			children: [
-				jsxs("div", {
+				/* @__PURE__ */ jsxs("div", {
 					...props.header,
-					children: [title && jsx("div", {
+					children: [title && /* @__PURE__ */ jsx("div", {
 						...props.title,
 						children: title
-					}), jsx("button", {
+					}), /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => setOpen(false),
 						...props.close,
 						children: "✕"
 					})]
 				}),
-				jsx("div", {
+				/* @__PURE__ */ jsx("div", {
 					...props.content,
 					children
 				}),
-				footer && jsx("div", {
+				footer && /* @__PURE__ */ jsx("div", {
 					...props.footer,
 					children: footer
 				})