@yahoo/uds-v5-wip 1.29.0 → 1.30.0

package/dist/components/dist/collapsible.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/collapsible.d.ts
+//#region src/collapsible.d.ts
 /**
  * @description A headless collapsible primitive with animated expand/collapse
  */
@@ -56,6 +57,6 @@ declare const Collapsible: _$react.FC<_$_uds_types0.CreateComponentProps<Compone
   trigger: "button";
   content: "div";
 }>>;
-type CollapsibleProps = React.ComponentProps<typeof Collapsible>;
+type CollapsibleProps = React.ComponentProps<typeof Collapsible>; //#endregion
 //#endregion
 export { Collapsible, CollapsibleProps };

package/dist/components/dist/collapsible.js

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

package/dist/components/dist/command.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/command.config.d.ts
+//#region src/command.config.d.ts
 declare const commandConfig: ComponentConfig<{
   Command: {
     readonly base: {
@@ -1608,6 +1609,6 @@ type CommandEmptyConfig = typeof commandEmptyConfig;
 type CommandGroupConfig = typeof commandGroupConfig;
 type CommandItemConfig = typeof commandItemConfig;
 type CommandShortcutConfig = typeof commandShortcutConfig;
-type CommandSeparatorConfig = typeof commandSeparatorConfig;
+type CommandSeparatorConfig = typeof commandSeparatorConfig; //#endregion
 //#endregion
 export { CommandConfig, CommandDialogConfig, CommandEmptyConfig, CommandGroupConfig, CommandInputConfig, CommandItemConfig, CommandListConfig, CommandSeparatorConfig, CommandShortcutConfig, commandConfig, commandDialogConfig, commandEmptyConfig, commandGroupConfig, commandInputConfig, commandItemConfig, commandListConfig, commandSeparatorConfig, commandShortcutConfig };

package/dist/components/dist/command.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/command.d.ts
+//#region src/command.d.ts
 interface CommandContextValue {
   search: string;
   setSearch: (value: string) => void;
@@ -1717,6 +1718,6 @@ type CommandEmptyProps = React.ComponentProps<typeof CommandEmpty>;
 type CommandGroupProps = React.ComponentProps<typeof CommandGroup>;
 type CommandItemProps = React.ComponentProps<typeof CommandItem>;
 type CommandShortcutProps = React.ComponentProps<typeof CommandShortcut>;
-type CommandSeparatorProps = React.ComponentProps<typeof CommandSeparator>;
+type CommandSeparatorProps = React.ComponentProps<typeof CommandSeparator>; //#endregion
 //#endregion
 export { Command, CommandContextValue, CommandDialog, CommandDialogProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandProps, CommandProvider, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps, useCommand };

package/dist/components/dist/command.js

@@ -64,7 +64,7 @@ const [CommandProvider, useCommand] = createProvider("Command", ({ children }) =
 			items: items.current,
 			visibleCount
 		},
-		render: jsx(Fragment, { children })
+		render: /* @__PURE__ */ 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 jsx("div", {
+	return /* @__PURE__ */ 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 jsx(CommandConfigContext.Provider, {
+	return /* @__PURE__ */ jsx(CommandConfigContext.Provider, {
 		value: config,
-		children: jsx(CommandProvider, { children: jsx(CommandRoot, {
+		children: /* @__PURE__ */ jsx(CommandProvider, { children: /* @__PURE__ */ 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(jsxs("div", {
+	return createPortal(/* @__PURE__ */ jsxs("div", {
 		...props.overlay,
-		children: [jsx("button", {
+		children: [/* @__PURE__ */ jsx("button", {
 			type: "button",
 			"aria-label": "Close command menu",
 			tabIndex: -1,
 			onClick: () => setOpen(false),
 			...props.dismiss
-		}), jsx("div", {
+		}), /* @__PURE__ */ jsx("div", {
 			ref: panelRef,
 			role: "dialog",
 			"aria-modal": "true",
 			tabIndex: -1,
 			...props.dialogPanel,
-			children: jsx(Command, {
+			children: /* @__PURE__ */ 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 jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.inputWrapper,
-		children: [jsx("span", {
+		children: [/* @__PURE__ */ jsx("span", {
 			...props.searchIcon,
-			children: jsxs("svg", {
+			children: /* @__PURE__ */ 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: [jsx("circle", {
+				children: [/* @__PURE__ */ jsx("circle", {
 					cx: "11",
 					cy: "11",
 					r: "8"
-				}), jsx("line", {
+				}), /* @__PURE__ */ jsx("line", {
 					x1: "21",
 					y1: "21",
 					x2: "16.65",
 					y2: "16.65"
 				})]
 			})
-		}), jsx("input", {
+		}), /* @__PURE__ */ 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 jsx("fieldset", {
+	return /* @__PURE__ */ 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 jsx("div", {
+	return /* @__PURE__ */ 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 jsxs("fieldset", {
+	return /* @__PURE__ */ jsxs("fieldset", {
 		ref: groupRef,
 		...props.group,
-		children: [heading && jsx("div", {
+		children: [heading && /* @__PURE__ */ 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 jsx("div", {
+	return /* @__PURE__ */ 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 jsx("span", {
+	return /* @__PURE__ */ 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 jsx("hr", { ...props.separator });
+	return /* @__PURE__ */ jsx("hr", { ...props.separator });
 });
 //#endregion
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandProvider, CommandSeparator, CommandShortcut, useCommand };

package/dist/components/dist/control-color.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-color.config.d.ts
+//#region src/control-color.config.d.ts
 declare const controlColorConfig: ComponentConfig<{
   ControlColor: {
     readonly base: {
@@ -974,6 +975,6 @@ declare const controlColorConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ControlColorConfig = typeof controlColorConfig;
+type ControlColorConfig = typeof controlColorConfig; //#endregion
 //#endregion
 export { ControlColorConfig, controlColorConfig };

package/dist/components/dist/control-color.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-color.d.ts
+//#region src/control-color.d.ts
 /**
  * @description A hex color input with preview swatch and text field
  */
@@ -990,6 +991,6 @@ declare const ControlColor: _$react.FC<_$_uds_types0.CreateComponentProps<Compon
   input: "input";
   label: "span";
 }>>;
-type ControlColorProps = React.ComponentProps<typeof ControlColor>;
+type ControlColorProps = React.ComponentProps<typeof ControlColor>; //#endregion
 //#endregion
 export { ControlColor, ControlColorProps };

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 jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
-		children: [label && jsx("span", {
+		children: [label && /* @__PURE__ */ jsx("span", {
 			...props.label,
 			children: label
-		}), jsxs("div", {
+		}), /* @__PURE__ */ jsxs("div", {
 			...props.endContent,
-			children: [jsx("button", {
+			children: [/* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: handleSwatchClick,
 				style: { backgroundColor: value },
 				...props.swatch,
-				children: jsx("input", {
+				children: /* @__PURE__ */ 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
 				})
-			}), jsx("input", {
+			}), /* @__PURE__ */ jsx("input", {
 				type: "text",
 				defaultValue: value,
 				onBlur: handleTextChange,

package/dist/components/dist/control-curve.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-curve.config.d.ts
+//#region src/control-curve.config.d.ts
 declare const controlCurveConfig: ComponentConfig<{
   ControlCurve: {
     readonly base: {
@@ -13,6 +14,6 @@ declare const controlCurveConfig: ComponentConfig<{
     readonly defaultVariants: {};
   };
 }, {}>;
-type ControlCurveConfig = typeof controlCurveConfig;
+type ControlCurveConfig = typeof controlCurveConfig; //#endregion
 //#endregion
 export { ControlCurveConfig, controlCurveConfig };

package/dist/components/dist/control-curve.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-curve.d.ts
+//#region src/control-curve.d.ts
 interface ControlCurveInput {
   stiffness: number;
   damping: number;
@@ -30,6 +31,6 @@ declare const ControlCurve: _$react.FC<_$_uds_types0.CreateComponentProps<Compon
 }, {
   root: "div";
 }>>;
-type ControlCurveProps = React.ComponentProps<typeof ControlCurve>;
+type ControlCurveProps = React.ComponentProps<typeof ControlCurve>; //#endregion
 //#endregion
 export { ControlCurve, ControlCurveInput, ControlCurveProps };

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 jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		...props.root,
-		children: jsxs("svg", {
+		children: /* @__PURE__ */ 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: [jsx("line", {
+			children: [/* @__PURE__ */ 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
-			}), jsx("path", {
+			}), /* @__PURE__ */ jsx("path", {
 				d: path,
 				fill: "none",
 				stroke: "var(--uds-bg-brand)",

package/dist/components/dist/control-folder.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-folder.config.d.ts
+//#region src/control-folder.config.d.ts
 declare const controlFolderConfig: ComponentConfig<{
   ControlFolder: {
     readonly base: {
@@ -172,6 +173,6 @@ declare const controlFolderConfig: ComponentConfig<{
     readonly defaultVariants: {};
   };
 }, {}>;
-type ControlFolderConfig = typeof controlFolderConfig;
+type ControlFolderConfig = typeof controlFolderConfig; //#endregion
 //#endregion
 export { ControlFolderConfig, controlFolderConfig };

package/dist/components/dist/control-folder.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-folder.d.ts
+//#region src/control-folder.d.ts
 /**
  * @description A collapsible folder section with animated expand/collapse
  */
@@ -189,6 +190,6 @@ declare const ControlFolder: _$react.FC<_$_uds_types0.CreateComponentProps<Compo
   content: "div";
   children: "div";
 }>>;
-type ControlFolderProps = React.ComponentProps<typeof ControlFolder>;
+type ControlFolderProps = React.ComponentProps<typeof ControlFolder>; //#endregion
 //#endregion
 export { ControlFolder, ControlFolderProps };

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 jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
-		children: [jsxs("button", {
+		children: [/* @__PURE__ */ jsxs("button", {
 			type: "button",
 			onClick: toggle,
 			"aria-expanded": isOpen,
 			...props.header,
-			children: [jsx("span", {
+			children: [/* @__PURE__ */ jsx("span", {
 				style: { transform: isOpen ? "rotate(90deg)" : "rotate(0deg)" },
 				...props.chevron,
 				children: "▶"
-			}), jsx("span", {
+			}), /* @__PURE__ */ jsx("span", {
 				...props.label,
 				children: label
 			})]
-		}), jsx("div", {
+		}), /* @__PURE__ */ jsx("div", {
 			style: { maxHeight: isOpen ? 1e3 : 0 },
 			...props.content,
-			children: jsx("div", {
+			children: /* @__PURE__ */ jsx("div", {
 				...props.children,
 				children
 			})

package/dist/components/dist/control-group.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-group.config.d.ts
+//#region src/control-group.config.d.ts
 declare const controlGroupConfig: ComponentConfig<{
   ControlGroup: {
     readonly base: {
@@ -854,6 +855,6 @@ declare const controlGroupConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ControlGroupConfig = typeof controlGroupConfig;
+type ControlGroupConfig = typeof controlGroupConfig; //#endregion
 //#endregion
 export { ControlGroupConfig, controlGroupConfig };

package/dist/components/dist/control-group.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-group.d.ts
+//#region src/control-group.d.ts
 interface ControlGroupOption {
   id: string;
   label: string;
@@ -876,6 +877,6 @@ declare const ControlGroup: _$react.FC<_$_uds_types0.CreateComponentProps<Compon
   activeItem: "button";
   indicator: "div";
 }>>;
-type ControlGroupProps = React.ComponentProps<typeof ControlGroup>;
+type ControlGroupProps = React.ComponentProps<typeof ControlGroup>; //#endregion
 //#endregion
 export { ControlGroup, ControlGroupOption, ControlGroupProps };

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

@@ -56,19 +56,19 @@ const ControlGroup = createComponent(({ props, options, value, onChange, type =
 		onChange,
 		disabled
 	]);
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		ref: rootRef,
 		role: type === "single" ? "radiogroup" : "group",
 		"data-disabled": disabled || void 0,
 		style: { position: "relative" },
 		...props.root,
-		children: [type === "single" && jsx("div", {
+		children: [type === "single" && /* @__PURE__ */ 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 jsx("button", {
+			return /* @__PURE__ */ jsx("button", {
 				type: "button",
 				"aria-pressed": active,
 				"data-state": active ? "active" : "inactive",

package/dist/components/dist/control-knob.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-knob.config.d.ts
+//#region src/control-knob.config.d.ts
 declare const controlKnobConfig: ComponentConfig<{
   ControlKnob: {
     readonly base: {
@@ -787,6 +788,6 @@ declare const controlKnobConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ControlKnobConfig = typeof controlKnobConfig;
+type ControlKnobConfig = typeof controlKnobConfig; //#endregion
 //#endregion
 export { ControlKnobConfig, controlKnobConfig };

package/dist/components/dist/control-knob.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-knob.d.ts
+//#region src/control-knob.d.ts
 declare const DIAL_SIZES: {
   readonly sm: 36;
   readonly md: 64;
@@ -814,6 +815,6 @@ declare const ControlKnob: _$react.FC<_$_uds_types0.CreateComponentProps<Compone
   label: "span";
   value: "span";
 }>>;
-type ControlKnobProps = React.ComponentProps<typeof ControlKnob>;
+type ControlKnobProps = React.ComponentProps<typeof ControlKnob>; //#endregion
 //#endregion
 export { ControlKnob, ControlKnobProps };

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 jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
 		children: [
-			label && jsx("span", {
+			label && /* @__PURE__ */ jsx("span", {
 				...props.label,
 				children: label
 			}),
-			jsx("div", {
+			/* @__PURE__ */ 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: jsxs("svg", {
+				children: /* @__PURE__ */ jsxs("svg", {
 					ref: svgRef,
 					width: dialSize,
 					height: dialSize,
 					viewBox: `0 0 ${dialSize} ${dialSize}`,
 					children: [
-						jsx("path", {
+						/* @__PURE__ */ jsx("path", {
 							d: trackPath,
 							strokeWidth,
 							strokeLinecap: "round",
 							...props.track
 						}),
-						fillPath && jsx("path", {
+						fillPath && /* @__PURE__ */ jsx("path", {
 							d: fillPath,
 							strokeWidth,
 							strokeLinecap: "round",
 							...props.fill
 						}),
-						jsx("circle", {
+						/* @__PURE__ */ jsx("circle", {
 							cx: thumbPos.x,
 							cy: thumbPos.y,
 							r: thumbRadius,
@@ -137,7 +137,7 @@ const ControlKnob = createComponent(({ props, value: rawValue, onChange, min = 0
 					]
 				})
 			}),
-			jsx("span", {
+			/* @__PURE__ */ jsx("span", {
 				...props.value,
 				children: value
 			})

package/dist/components/dist/control-panel.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-panel.config.d.ts
+//#region src/control-panel.config.d.ts
 declare const controlPanelConfig: ComponentConfig<{
   ControlPanel: {
     readonly base: {
@@ -397,6 +398,6 @@ declare const controlPanelConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ControlPanelConfig = typeof controlPanelConfig;
+type ControlPanelConfig = typeof controlPanelConfig; //#endregion
 //#endregion
 export { ControlPanelConfig, controlPanelConfig };

package/dist/components/dist/control-panel.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-panel.d.ts
+//#region src/control-panel.d.ts
 /**
  * @description A titled container for grouping property controls and settings
  */
@@ -410,6 +411,6 @@ declare const ControlPanel: _$react.FC<_$_uds_types0.CreateComponentProps<Compon
   title: "span";
   items: "div";
 }>>;
-type ControlPanelProps = React.ComponentProps<typeof ControlPanel>;
+type ControlPanelProps = React.ComponentProps<typeof ControlPanel>; //#endregion
 //#endregion
 export { ControlPanel, ControlPanelProps };

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 jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
-		children: [title && jsx("span", {
+		children: [title && /* @__PURE__ */ jsx("span", {
 			...props.title,
 			children: title
-		}), jsx("div", {
+		}), /* @__PURE__ */ jsx("div", {
 			...props.items,
 			children
 		})]

package/dist/components/dist/control-select.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-select.config.d.ts
+//#region src/control-select.config.d.ts
 declare const controlSelectConfig: ComponentConfig<{
   ControlSelect: {
     readonly base: {
@@ -1171,6 +1172,6 @@ declare const controlSelectConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ControlSelectConfig = typeof controlSelectConfig;
+type ControlSelectConfig = typeof controlSelectConfig; //#endregion
 //#endregion
 export { ControlSelectConfig, controlSelectConfig };

package/dist/components/dist/control-select.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-select.d.ts
+//#region src/control-select.d.ts
 interface SelectOption {
   id: string;
   label: string;
@@ -1195,6 +1196,6 @@ declare const ControlSelect: _$react.FC<_$_uds_types0.CreateComponentProps<Compo
   option: "button";
   optionLabel: "span";
 }>>;
-type ControlSelectProps = React.ComponentProps<typeof ControlSelect>;
+type ControlSelectProps = React.ComponentProps<typeof ControlSelect>; //#endregion
 //#endregion
 export { ControlSelect, ControlSelectProps, SelectOption };