@yahoo/uds-v5-wip 1.1.3 → 1.2.0

package/dist/components/dist/accordion.js

@@ -10,31 +10,31 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const Accordion = createComponent(({ props, items, defaultOpenId = null }) => {
 	const accordionId = useId();
 	const [openId, setOpenId] = useState(defaultOpenId);
-	return /* @__PURE__ */ jsx("div", {
+	return jsx("div", {
 		...props.root,
 		children: items.map((item) => {
 			const isOpen = openId === item.id;
 			const contentId = `${accordionId}-content-${item.id}`;
-			return /* @__PURE__ */ jsxs("div", {
+			return jsxs("div", {
 				...props.item,
-				children: [/* @__PURE__ */ jsxs("button", {
+				children: [jsxs("button", {
 					type: "button",
 					onClick: () => setOpenId(isOpen ? null : item.id),
 					"aria-expanded": isOpen,
 					"aria-controls": contentId,
 					...props.trigger,
-					children: [/* @__PURE__ */ jsx("span", {
+					children: [jsx("span", {
 						...props.triggerText,
 						children: item.title
-					}), /* @__PURE__ */ jsx("span", {
+					}), jsx("span", {
 						"data-state": isOpen ? "open" : "closed",
 						...props.icon,
-						children: /* @__PURE__ */ jsx("svg", {
+						children: jsx("svg", {
 							width: "16",
 							height: "16",
 							viewBox: "0 0 16 16",
 							fill: "none",
-							children: /* @__PURE__ */ jsx("path", {
+							children: jsx("path", {
 								d: "M4 6L8 10L12 6",
 								stroke: "currentColor",
 								strokeWidth: "1.5",
@@ -43,11 +43,11 @@ const Accordion = createComponent(({ props, items, defaultOpenId = null }) => {
 							})
 						})
 					})]
-				}), isOpen && /* @__PURE__ */ jsx("div", {
+				}), isOpen && jsx("div", {
 					id: contentId,
 					"aria-hidden": !isOpen,
 					...props.content,
-					children: /* @__PURE__ */ jsx("span", {
+					children: jsx("span", {
 						...props.contentText,
 						children: item.content
 					})

package/dist/components/dist/alert.js

@@ -5,9 +5,9 @@ import { jsx } from "react/jsx-runtime";
 /**
 * @description A message that communicates important information to the user
 */
-const Alert = createComponent(({ props, children }) => /* @__PURE__ */ jsx("div", {
+const Alert = createComponent(({ props, children }) => jsx("div", {
 	...props.root,
-	children: /* @__PURE__ */ jsx("span", {
+	children: jsx("span", {
 		...props.text,
 		children
 	})

package/dist/components/dist/avatar-group.js

@@ -11,25 +11,25 @@ const AvatarGroup = createComponent(({ props, children, maxVisible, label }) =>
 	const total = childArray.length;
 	const visible = maxVisible != null ? childArray.slice(0, maxVisible) : childArray;
 	const overflow = maxVisible != null ? total - maxVisible : 0;
-	return /* @__PURE__ */ jsxs("div", {
+	return jsxs("div", {
 		...props.root,
-		children: [/* @__PURE__ */ jsxs("div", {
+		children: [jsxs("div", {
 			style: {
 				display: "flex",
 				alignItems: "center"
 			},
-			children: [visible.map((child, i) => /* @__PURE__ */ jsx("div", {
+			children: [visible.map((child, i) => jsx("div", {
 				style: { marginLeft: i > 0 ? "-8px" : void 0 },
 				children: child
-			}, i)), overflow > 0 && /* @__PURE__ */ jsx("div", {
+			}, i)), overflow > 0 && jsx("div", {
 				...props.overflow,
 				style: { marginLeft: "-8px" },
-				children: /* @__PURE__ */ jsxs("span", {
+				children: jsxs("span", {
 					...props.overflowText,
 					children: ["+", overflow]
 				})
 			})]
-		}), label && /* @__PURE__ */ jsx("span", {
+		}), label && jsx("span", {
 			...props.label,
 			children: label
 		})]

package/dist/components/dist/avatar.js

@@ -5,13 +5,13 @@ import { jsx } from "react/jsx-runtime";
 /**
 * @description A circular representation of a user, displaying an image or initials as fallback
 */
-const Avatar = createComponent(({ props, src, alt, initials }) => /* @__PURE__ */ jsx("div", {
+const Avatar = createComponent(({ props, src, alt, initials }) => jsx("div", {
 	...props.root,
-	children: src ? /* @__PURE__ */ jsx("img", {
+	children: src ? jsx("img", {
 		...props.image,
 		src,
 		alt: alt ?? initials ?? ""
-	}) : /* @__PURE__ */ jsx("span", {
+	}) : jsx("span", {
 		...props.fallbackText,
 		children: initials
 	})

package/dist/components/dist/badge.js

@@ -5,9 +5,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * @description A small label for status, category, or metadata
 */
-const Badge = createComponent(({ props, children }) => /* @__PURE__ */ jsxs("span", {
+const Badge = createComponent(({ props, children }) => jsxs("span", {
 	...props.root,
-	children: [/* @__PURE__ */ jsx("span", { ...props.dot }), /* @__PURE__ */ jsx("span", {
+	children: [jsx("span", { ...props.dot }), jsx("span", {
 		...props.text,
 		children
 	})]

package/dist/components/dist/breadcrumb.js

@@ -2,7 +2,7 @@ import { createComponent } from "../../core/dist/createComponent.js";
 import "../../core/dist/index.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region ../components/dist/breadcrumb.js
-const DefaultSeparator = () => /* @__PURE__ */ jsx("svg", {
+const DefaultSeparator = () => jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 16,
 	height: 16,
@@ -13,14 +13,14 @@ const DefaultSeparator = () => /* @__PURE__ */ jsx("svg", {
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+	children: jsx("path", { d: "m9 18 6-6-6-6" })
 });
-const DefaultEllipsis = (props) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+const DefaultEllipsis = (props) => jsxs(Fragment, { children: [jsx("span", {
 	...props,
 	role: "presentation",
 	"aria-hidden": "true",
 	children: "…"
-}), /* @__PURE__ */ jsx("span", {
+}), jsx("span", {
 	style: {
 		position: "absolute",
 		width: 1,
@@ -46,7 +46,7 @@ const Breadcrumb = createComponent(({ props, items, separator, maxItems, renderE
 		collapsedItems = items.slice(1, items.length - (maxItems - 1));
 		visibleItems = [first, ...tail];
 	} else visibleItems = items;
-	const separatorContent = separator ?? /* @__PURE__ */ jsx(DefaultSeparator, {});
+	const separatorContent = separator ?? jsx(DefaultSeparator, {});
 	const showEllipsis = collapsedItems.length > 0;
 	const renderItems = () => {
 		const elements = [];
@@ -54,51 +54,51 @@ const Breadcrumb = createComponent(({ props, items, separator, maxItems, renderE
 			const item = visibleItems[i];
 			const isLast = i === visibleItems.length - 1;
 			if (showEllipsis && i === 1) {
-				elements.push(/* @__PURE__ */ jsx("li", {
+				elements.push(jsx("li", {
 					role: "presentation",
 					"aria-hidden": "true",
 					...props.separator,
 					children: separatorContent
 				}, "ellipsis-sep"));
-				elements.push(/* @__PURE__ */ jsx("li", {
+				elements.push(jsx("li", {
 					role: "presentation",
 					...props.item,
 					children: renderEllipsis ? renderEllipsis({
 						className: props.ellipsis?.className ?? "",
 						collapsedItems
-					}) : /* @__PURE__ */ jsx(DefaultEllipsis, { ...props.ellipsis })
+					}) : jsx(DefaultEllipsis, { ...props.ellipsis })
 				}, "ellipsis"));
 			}
-			if (i > 0) elements.push(/* @__PURE__ */ jsx("li", {
+			if (i > 0) elements.push(jsx("li", {
 				role: "presentation",
 				"aria-hidden": "true",
 				...props.separator,
 				children: separatorContent
 			}, `sep-${i}`));
-			if (isLast && !item.href) elements.push(/* @__PURE__ */ jsx("li", {
+			if (isLast && !item.href) elements.push(jsx("li", {
 				...props.item,
-				children: /* @__PURE__ */ jsx("span", {
+				children: jsx("span", {
 					"aria-current": "page",
 					...props.page,
 					children: item.label
 				})
 			}, `item-${i}`));
-			else if (item.href) elements.push(/* @__PURE__ */ jsx("li", {
+			else if (item.href) elements.push(jsx("li", {
 				...props.item,
 				children: renderLink ? renderLink({
 					href: item.href,
 					className: props.link?.className,
 					...props.link,
 					children: item.label
-				}) : /* @__PURE__ */ jsx("a", {
+				}) : jsx("a", {
 					href: item.href,
 					...props.link,
 					children: item.label
 				})
 			}, `item-${i}`));
-			else elements.push(/* @__PURE__ */ jsx("li", {
+			else elements.push(jsx("li", {
 				...props.item,
-				children: /* @__PURE__ */ jsx("span", {
+				children: jsx("span", {
 					...props.page,
 					children: item.label
 				})
@@ -106,10 +106,10 @@ const Breadcrumb = createComponent(({ props, items, separator, maxItems, renderE
 		}
 		return elements;
 	};
-	return /* @__PURE__ */ jsx("nav", {
+	return jsx("nav", {
 		...props.root,
 		"aria-label": "Breadcrumb",
-		children: /* @__PURE__ */ jsx("ol", {
+		children: jsx("ol", {
 			...props.list,
 			children: renderItems()
 		})

package/dist/components/dist/button.js

@@ -7,24 +7,24 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * @description A styled button with predefined variants (e.g. brand, ghost, destructive). Use for labeled text actions like "Submit", "Add to Cart", "Cancel". Do NOT use for custom-styled interactive elements like color swatches, size chips, or icon-only buttons — use Pressable instead.
 */
 const Button = createComponent(({ props, children, asChild, onPress, startIcon, endIcon, ...nativeProps }) => {
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-		startIcon && /* @__PURE__ */ jsx("span", {
+	const content = jsxs(Fragment, { children: [
+		startIcon && jsx("span", {
 			...props.startIcon,
 			children: startIcon
 		}),
 		children,
-		endIcon && /* @__PURE__ */ jsx("span", {
+		endIcon && jsx("span", {
 			...props.endIcon,
 			children: endIcon
 		})
 	] });
-	if (asChild) return /* @__PURE__ */ jsx(ButtonSlot, {
+	if (asChild) return jsx(ButtonSlot, {
 		onClick: onPress,
 		...props.root,
 		...nativeProps,
 		children: content
 	});
-	return /* @__PURE__ */ jsx("button", {
+	return jsx("button", {
 		onClick: onPress,
 		...props.root,
 		...nativeProps,

package/dist/components/dist/card.js

@@ -5,19 +5,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * @description A contained surface for grouping related content with optional title, content, and actions
 */
-const Card = createComponent(({ props, children, title, content, actions }) => /* @__PURE__ */ jsxs("div", {
+const Card = createComponent(({ props, children, title, content, actions }) => jsxs("div", {
 	...props.root,
 	children: [
-		title && /* @__PURE__ */ jsx("div", {
+		title && jsx("div", {
 			...props.title,
 			children: title
 		}),
-		content && /* @__PURE__ */ jsx("div", {
+		content && jsx("div", {
 			...props.content,
 			children: content
 		}),
 		children,
-		actions && /* @__PURE__ */ jsx("div", {
+		actions && jsx("div", {
 			...props.actions,
 			children: actions
 		})

package/dist/components/dist/collapsible.js

@@ -20,15 +20,15 @@ const Collapsible = createComponent(({ props, trigger, children, defaultOpen = f
 		isControlled,
 		onOpenChange
 	]);
-	return /* @__PURE__ */ jsxs("div", {
+	return jsxs("div", {
 		...props.root,
-		children: [/* @__PURE__ */ jsx("button", {
+		children: [jsx("button", {
 			...props.trigger,
 			type: "button",
 			onClick: toggle,
 			"aria-expanded": isOpen,
 			children: trigger
-		}), isOpen && /* @__PURE__ */ jsx("div", {
+		}), isOpen && jsx("div", {
 			...props.content,
 			children
 		})]

package/dist/components/dist/command.js

@@ -64,7 +64,7 @@ const [CommandProvider, useCommand] = createProvider("Command", ({ children }) =
 			items: items.current,
 			visibleCount
 		},
-		render: /* @__PURE__ */ jsx(Fragment, { children })
+		render: jsx(Fragment, { children })
 	};
 });
 function CommandRoot({ slotProps, label, children }) {
@@ -96,7 +96,7 @@ function CommandRoot({ slotProps, label, children }) {
 			container.querySelector("[data-command-item][aria-selected=\"true\"]")?.click();
 		}
 	}, [ctx]);
-	return /* @__PURE__ */ jsx("div", {
+	return jsx("div", {
 		ref: rootRef,
 		role: "listbox",
 		"aria-label": label ?? "Command menu",
@@ -122,9 +122,9 @@ const Command = createComponent(({ props, children, value: controlledValue, onVa
 		controlledValue,
 		onValueChange
 	]);
-	return /* @__PURE__ */ jsx(CommandConfigContext.Provider, {
+	return jsx(CommandConfigContext.Provider, {
 		value: config,
-		children: /* @__PURE__ */ jsx(CommandProvider, { children: /* @__PURE__ */ jsx(CommandRoot, {
+		children: jsx(CommandProvider, { children: jsx(CommandRoot, {
 			slotProps: props,
 			label,
 			children
@@ -153,21 +153,21 @@ const CommandDialog = createComponent(({ props, children, open: controlledOpen,
 		};
 	}, [open, setOpen]);
 	if (!open) return null;
-	return createPortal(/* @__PURE__ */ jsxs("div", {
+	return createPortal(jsxs("div", {
 		...props.overlay,
-		children: [/* @__PURE__ */ jsx("button", {
+		children: [jsx("button", {
 			type: "button",
 			"aria-label": "Close command menu",
 			tabIndex: -1,
 			onClick: () => setOpen(false),
 			...props.dismiss
-		}), /* @__PURE__ */ jsx("div", {
+		}), jsx("div", {
 			ref: panelRef,
 			role: "dialog",
 			"aria-modal": "true",
 			tabIndex: -1,
 			...props.dialogPanel,
-			children: /* @__PURE__ */ jsx(Command, {
+			children: jsx(Command, {
 				filter,
 				shouldFilter,
 				loop: loop ?? true,
@@ -190,11 +190,11 @@ const CommandInput = createComponent(({ props, placeholder, value: controlledVal
 		setSearch(v);
 		onValueChange?.(v);
 	}, [setSearch, onValueChange]);
-	return /* @__PURE__ */ jsxs("div", {
+	return jsxs("div", {
 		...props.inputWrapper,
-		children: [/* @__PURE__ */ jsx("span", {
+		children: [jsx("span", {
 			...props.searchIcon,
-			children: /* @__PURE__ */ jsxs("svg", {
+			children: jsxs("svg", {
 				width: "16",
 				height: "16",
 				viewBox: "0 0 24 24",
@@ -203,18 +203,18 @@ const CommandInput = createComponent(({ props, placeholder, value: controlledVal
 				strokeWidth: "2",
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
-				children: [/* @__PURE__ */ jsx("circle", {
+				children: [jsx("circle", {
 					cx: "11",
 					cy: "11",
 					r: "8"
-				}), /* @__PURE__ */ jsx("line", {
+				}), jsx("line", {
 					x1: "21",
 					y1: "21",
 					x2: "16.65",
 					y2: "16.65"
 				})]
 			})
-		}), /* @__PURE__ */ jsx("input", {
+		}), jsx("input", {
 			type: "text",
 			placeholder: placeholder ?? "Type a command or search...",
 			value: inputValue,
@@ -231,7 +231,7 @@ const CommandInput = createComponent(({ props, placeholder, value: controlledVal
 * @description Scrollable container for command results
 */
 const CommandList = createComponent(({ props, children }) => {
-	return /* @__PURE__ */ jsx("fieldset", {
+	return jsx("fieldset", {
 		...props.list,
 		children
 	});
@@ -242,7 +242,7 @@ const CommandList = createComponent(({ props, children }) => {
 const CommandEmpty = createComponent(({ props, children }) => {
 	const ctx = useCommand();
 	if (ctx.visibleCount > 0 || !ctx.search) return null;
-	return /* @__PURE__ */ jsx("div", {
+	return jsx("div", {
 		...props.empty,
 		children: children ?? "No results found."
 	});
@@ -259,10 +259,10 @@ const CommandGroup = createComponent(({ props, children, heading }) => {
 		if (el.querySelectorAll("[data-command-item]").length > 0) el.removeAttribute("hidden");
 		else el.setAttribute("hidden", "");
 	});
-	return /* @__PURE__ */ jsxs("fieldset", {
+	return jsxs("fieldset", {
 		ref: groupRef,
 		...props.group,
-		children: [heading && /* @__PURE__ */ jsx("div", {
+		children: [heading && jsx("div", {
 			...props.groupHeading,
 			children: heading
 		}), children]
@@ -299,7 +299,7 @@ const CommandItem = createComponent(({ props, children, onSelect, value, keyword
 		keywords
 	]);
 	if (!(!ctx.shouldFilter || !ctx.search || ctx.filter(textValue, ctx.search, keywords) > 0)) return null;
-	return /* @__PURE__ */ jsx("div", {
+	return jsx("div", {
 		ref: itemRef,
 		role: "option",
 		tabIndex: 0,
@@ -324,7 +324,7 @@ const CommandItem = createComponent(({ props, children, onSelect, value, keyword
 * @description Displays a keyboard shortcut hint alongside a command item
 */
 const CommandShortcut = createComponent(({ props, children }) => {
-	return /* @__PURE__ */ jsx("span", {
+	return jsx("span", {
 		...props.shortcut,
 		children
 	});
@@ -335,7 +335,7 @@ const CommandShortcut = createComponent(({ props, children }) => {
 const CommandSeparator = createComponent(({ props }) => {
 	const ctx = useCommand();
 	if (ctx.search && ctx.visibleCount === 0) return null;
-	return /* @__PURE__ */ jsx("hr", { ...props.separator });
+	return jsx("hr", { ...props.separator });
 });
 //#endregion
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandProvider, CommandSeparator, CommandShortcut, useCommand };

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

@@ -21,19 +21,19 @@ const ControlColor = createComponent(({ props, value, onChange, label }) => {
 		const val = e.target.value;
 		if (HEX_PATTERN.test(val)) onChange(val);
 	}, [onChange]);
-	return /* @__PURE__ */ jsxs("div", {
+	return jsxs("div", {
 		...props.root,
-		children: [label && /* @__PURE__ */ jsx("span", {
+		children: [label && jsx("span", {
 			...props.label,
 			children: label
-		}), /* @__PURE__ */ jsxs("div", {
+		}), jsxs("div", {
 			...props.endContent,
-			children: [/* @__PURE__ */ jsx("button", {
+			children: [jsx("button", {
 				type: "button",
 				onClick: handleSwatchClick,
 				style: { backgroundColor: value },
 				...props.swatch,
-				children: /* @__PURE__ */ jsx("input", {
+				children: jsx("input", {
 					ref: nativeInputRef,
 					type: "color",
 					value: HEX_PATTERN.test(value) ? value : DEFAULT_HEX,
@@ -48,7 +48,7 @@ const ControlColor = createComponent(({ props, value, onChange, label }) => {
 					tabIndex: -1,
 					"aria-hidden": true
 				})
-			}), /* @__PURE__ */ jsx("input", {
+			}), jsx("input", {
 				type: "text",
 				defaultValue: value,
 				onBlur: handleTextChange,

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

@@ -46,9 +46,9 @@ const ControlCurve = createComponent(({ props, config, width: rawWidth = 280, he
 		height
 	]);
 	const targetY = height - height * .7;
-	return /* @__PURE__ */ jsx("div", {
+	return jsx("div", {
 		...props.root,
-		children: /* @__PURE__ */ jsxs("svg", {
+		children: jsxs("svg", {
 			width,
 			height,
 			viewBox: `0 0 ${width} ${height}`,
@@ -57,7 +57,7 @@ const ControlCurve = createComponent(({ props, config, width: rawWidth = 280, he
 				width: "100%",
 				height: "auto"
 			},
-			children: [/* @__PURE__ */ jsx("line", {
+			children: [jsx("line", {
 				x1: 0,
 				y1: targetY,
 				x2: width,
@@ -66,7 +66,7 @@ const ControlCurve = createComponent(({ props, config, width: rawWidth = 280, he
 				strokeWidth: .5,
 				strokeDasharray: "4 2",
 				opacity: .3
-			}), /* @__PURE__ */ jsx("path", {
+			}), jsx("path", {
 				d: path,
 				fill: "none",
 				stroke: "var(--uds-bg-brand)",

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

@@ -12,25 +12,25 @@ const ControlFolder = createComponent(({ props, label, defaultOpen = false, chil
 	const toggle = useCallback(() => {
 		setIsOpen((prev) => !prev);
 	}, []);
-	return /* @__PURE__ */ jsxs("div", {
+	return jsxs("div", {
 		...props.root,
-		children: [/* @__PURE__ */ jsxs("button", {
+		children: [jsxs("button", {
 			type: "button",
 			onClick: toggle,
 			"aria-expanded": isOpen,
 			...props.header,
-			children: [/* @__PURE__ */ jsx("span", {
+			children: [jsx("span", {
 				style: { transform: isOpen ? "rotate(90deg)" : "rotate(0deg)" },
 				...props.chevron,
 				children: "▶"
-			}), /* @__PURE__ */ jsx("span", {
+			}), jsx("span", {
 				...props.label,
 				children: label
 			})]
-		}), /* @__PURE__ */ jsx("div", {
+		}), jsx("div", {
 			style: { maxHeight: isOpen ? 1e3 : 0 },
 			...props.content,
-			children: /* @__PURE__ */ jsx("div", {
+			children: jsx("div", {
 				...props.children,
 				children
 			})

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

@@ -56,19 +56,19 @@ const ControlGroup = createComponent(({ props, options, value, onChange, type =
 		onChange,
 		disabled
 	]);
-	return /* @__PURE__ */ jsxs("div", {
+	return jsxs("div", {
 		ref: rootRef,
 		role: type === "single" ? "radiogroup" : "group",
 		"data-disabled": disabled || void 0,
 		style: { position: "relative" },
 		...props.root,
-		children: [type === "single" && /* @__PURE__ */ jsx("div", {
+		children: [type === "single" && jsx("div", {
 			style: indicatorStyle,
 			...props.indicator
 		}), options.map((option) => {
 			const active = isActive(option.id);
 			const className = active ? [props.item?.className, props.activeItem?.className].filter(Boolean).join(" ") : props.item?.className;
-			return /* @__PURE__ */ jsx("button", {
+			return jsx("button", {
 				type: "button",
 				"aria-pressed": active,
 				"data-state": active ? "active" : "inactive",

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

@@ -91,14 +91,14 @@ const ControlKnob = createComponent(({ props, value: rawValue, onChange, min = 0
 	const trackPath = describeArc(cx, cy, radius, START_ANGLE, END_ANGLE);
 	const fillPath = currentAngle > START_ANGLE ? describeArc(cx, cy, radius, START_ANGLE, currentAngle) : "";
 	const thumbPos = polarToCartesian(cx, cy, radius, currentAngle);
-	return /* @__PURE__ */ jsxs("div", {
+	return jsxs("div", {
 		...props.root,
 		children: [
-			label && /* @__PURE__ */ jsx("span", {
+			label && jsx("span", {
 				...props.label,
 				children: label
 			}),
-			/* @__PURE__ */ jsx("div", {
+			jsx("div", {
 				role: "slider",
 				tabIndex: 0,
 				"aria-valuemin": min,
@@ -109,25 +109,25 @@ const ControlKnob = createComponent(({ props, value: rawValue, onChange, min = 0
 				onPointerMove: handlePointerMove,
 				onPointerUp: handlePointerUp,
 				style: { touchAction: "none" },
-				children: /* @__PURE__ */ jsxs("svg", {
+				children: jsxs("svg", {
 					ref: svgRef,
 					width: dialSize,
 					height: dialSize,
 					viewBox: `0 0 ${dialSize} ${dialSize}`,
 					children: [
-						/* @__PURE__ */ jsx("path", {
+						jsx("path", {
 							d: trackPath,
 							strokeWidth,
 							strokeLinecap: "round",
 							...props.track
 						}),
-						fillPath && /* @__PURE__ */ jsx("path", {
+						fillPath && jsx("path", {
 							d: fillPath,
 							strokeWidth,
 							strokeLinecap: "round",
 							...props.fill
 						}),
-						/* @__PURE__ */ jsx("circle", {
+						jsx("circle", {
 							cx: thumbPos.x,
 							cy: thumbPos.y,
 							r: thumbRadius,
@@ -137,7 +137,7 @@ const ControlKnob = createComponent(({ props, value: rawValue, onChange, min = 0
 					]
 				})
 			}),
-			/* @__PURE__ */ jsx("span", {
+			jsx("span", {
 				...props.value,
 				children: value
 			})

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

@@ -7,12 +7,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * @description A titled container for grouping property controls and settings
 */
 const ControlPanel = createComponent(({ props, title, children }) => {
-	return /* @__PURE__ */ jsxs("div", {
+	return jsxs("div", {
 		...props.root,
-		children: [title && /* @__PURE__ */ jsx("span", {
+		children: [title && jsx("span", {
 			...props.title,
 			children: title
-		}), /* @__PURE__ */ jsx("div", {
+		}), jsx("div", {
 			...props.items,
 			children
 		})]