@yahoo/uds-v5-wip 1.2.0 → 1.4.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.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-slider.config.d.ts
+//#region src/control-slider.config.d.ts
 declare const controlSliderConfig: ComponentConfig<{
   ControlSlider: {
     readonly base: {
@@ -99,6 +100,6 @@ declare const controlSliderConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ControlSliderConfig = typeof controlSliderConfig;
+type ControlSliderConfig = typeof controlSliderConfig; //#endregion
 //#endregion
 export { ControlSliderConfig, controlSliderConfig };

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

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-slider.d.ts
+//#region src/control-slider.d.ts
 /**
  * @description A scrub-style slider for precise numeric value selection
  */
@@ -122,6 +123,6 @@ declare const ControlSlider: _$react.FC<_$_uds_types0.CreateComponentProps<Compo
   label: "span";
   value: "span";
 }>>;
-type ControlSliderProps = React.ComponentProps<typeof ControlSlider>;
+type ControlSliderProps = React.ComponentProps<typeof ControlSlider>; //#endregion
 //#endregion
 export { ControlSlider, ControlSliderProps };

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.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-spring.config.d.ts
+//#region src/control-spring.config.d.ts
 declare const controlSpringConfig: ComponentConfig<{
   ControlSpring: {
     readonly base: {
@@ -412,6 +413,6 @@ declare const controlSpringConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ControlSpringConfig = typeof controlSpringConfig;
+type ControlSpringConfig = typeof controlSpringConfig; //#endregion
 //#endregion
 export { ControlSpringConfig, controlSpringConfig };

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

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-spring.d.ts
+//#region src/control-spring.d.ts
 interface SpringConfig {
   stiffness: number;
   damping: number;
@@ -434,6 +435,6 @@ declare const ControlSpring: _$react.FC<_$_uds_types0.CreateComponentProps<Compo
   label: "span";
   fields: "div";
 }>>;
-type ControlSpringProps = React.ComponentProps<typeof ControlSpring>;
+type ControlSpringProps = React.ComponentProps<typeof ControlSpring>; //#endregion
 //#endregion
 export { ControlSpring, ControlSpringProps, SpringConfig };

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.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-stepper.config.d.ts
+//#region src/control-stepper.config.d.ts
 declare const controlStepperConfig: ComponentConfig<{
   ControlStepper: {
     readonly base: {
@@ -1079,6 +1080,6 @@ declare const controlStepperConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ControlStepperConfig = typeof controlStepperConfig;
+type ControlStepperConfig = typeof controlStepperConfig; //#endregion
 //#endregion
 export { ControlStepperConfig, controlStepperConfig };

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

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-stepper.d.ts
+//#region src/control-stepper.d.ts
 /**
  * @description A numeric stepper with increment/decrement buttons and direct text editing
  */
@@ -1099,6 +1100,6 @@ declare const ControlStepper: _$react.FC<_$_uds_types0.CreateComponentProps<Comp
   decrement: "button";
   label: "span";
 }>>;
-type ControlStepperProps = React.ComponentProps<typeof ControlStepper>;
+type ControlStepperProps = React.ComponentProps<typeof ControlStepper>; //#endregion
 //#endregion
 export { ControlStepper, ControlStepperProps };

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.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/control-toggle.config.d.ts
+//#region src/control-toggle.config.d.ts
 declare const controlToggleConfig: ComponentConfig<{
   ControlToggle: {
     readonly base: {
@@ -402,6 +403,6 @@ declare const controlToggleConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ControlToggleConfig = typeof controlToggleConfig;
+type ControlToggleConfig = typeof controlToggleConfig; //#endregion
 //#endregion
 export { ControlToggleConfig, controlToggleConfig };

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

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/control-toggle.d.ts
+//#region src/control-toggle.d.ts
 /**
  * @description A labeled on/off toggle using a segmented control
  */
@@ -415,6 +416,6 @@ declare const ControlToggle: _$react.FC<_$_uds_types0.CreateComponentProps<Compo
   root: "div";
   label: "span";
 }>>;
-type ControlToggleProps = React.ComponentProps<typeof ControlToggle>;
+type ControlToggleProps = React.ComponentProps<typeof ControlToggle>; //#endregion
 //#endregion
 export { ControlToggle, ControlToggleProps };

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/createSlot.d.ts

@@ -1,8 +1,9 @@
 import { ComponentType, ReactNode } from "react";
 
 //#region ../components/dist/createSlot.d.ts
+//#region src/createSlot.d.ts
 declare function createSlot<T extends ComponentType<{
   children?: ReactNode;
-}>>(): T;
+}>>(): T; //#endregion
 //#endregion
 export { createSlot };

package/dist/components/dist/createSlot.js

@@ -34,13 +34,13 @@ function createSlot() {
 				}
 				return child;
 			});
-			return jsx(SlotClone, {
+			return /* @__PURE__ */ jsx(SlotClone, {
 				...slotProps,
 				ref,
 				children: hasChildren ? cloneElement(newElement, void 0, newChildren) : null
 			});
 		}
-		return jsx(SlotClone, {
+		return /* @__PURE__ */ jsx(SlotClone, {
 			...slotProps,
 			ref,
 			children

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

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/dropdown.config.d.ts
+//#region src/dropdown.config.d.ts
 declare const dropdownConfig: ComponentConfig<{
   Dropdown: {
     readonly base: {
@@ -915,6 +916,6 @@ declare const dropdownConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type DropdownConfig = typeof dropdownConfig;
+type DropdownConfig = typeof dropdownConfig; //#endregion
 //#endregion
 export { DropdownConfig, dropdownConfig };

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

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/dropdown.d.ts
+//#region src/dropdown.d.ts
 interface DropdownItem {
   label: string;
   shortcut?: string;
@@ -945,6 +946,6 @@ declare const Dropdown: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentC
   shortcut: "span";
   separator: "div";
   destructiveItem: "div";
-}>>;
+}>>; //#endregion
 //#endregion
 export { Dropdown, DropdownEntry, DropdownItem, DropdownSeparator };

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.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/empty-state.config.d.ts
+//#region src/empty-state.config.d.ts
 declare const emptyStateConfig: ComponentConfig<{
   EmptyState: {
     readonly base: {
@@ -391,6 +392,6 @@ declare const emptyStateConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type EmptyStateConfig = typeof emptyStateConfig;
+type EmptyStateConfig = typeof emptyStateConfig; //#endregion
 //#endregion
 export { EmptyStateConfig, emptyStateConfig };

package/dist/components/dist/empty-state.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/empty-state.d.ts
+//#region src/empty-state.d.ts
 /**
  * @description A centered placeholder shown when a view has no content, with optional icon, title, description, and actions
  */
@@ -411,6 +412,6 @@ declare const EmptyState: _$react.FC<_$_uds_types0.CreateComponentProps<Componen
   description: "div";
   actions: "div";
 }>>;
-type EmptyStateProps = React.ComponentProps<typeof EmptyState>;
+type EmptyStateProps = React.ComponentProps<typeof EmptyState>; //#endregion
 //#endregion
 export { EmptyState, EmptyStateProps };

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/footer.d.ts

@@ -2,10 +2,11 @@ import * as _$react from "react";
 import { HtmlFooterProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/footer.d.ts
+//#region src/footer.d.ts
 interface FooterProps extends HtmlFooterProps, StyleAndModifierProps {}
 /**
  * @description A primitive for information about the author of the section, copyright data or links to related documents
  */
-declare const Footer: _$react.FC<FooterProps>;
+declare const Footer: _$react.FC<FooterProps>; //#endregion
 //#endregion
 export { Footer, FooterProps };

package/dist/components/dist/grid.d.ts

@@ -3,6 +3,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { ArbitraryValue, GridSpan, GridStartEnd, GridTemplate, HtmlDivProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/grid.d.ts
+//#region src/grid.d.ts
 interface GridOwnProps extends HtmlDivProps, Omit<StyleAndModifierProps, 'columns'> {
   /** Shorthand for gridTemplateColumns with repeat(n, minmax(0, 1fr)) */
   columns?: GridTemplate | ArbitraryValue;
@@ -36,6 +37,6 @@ declare const Grid: _$react.FC<_$_uds_types0.CreateComponentProps<string, GridOw
 /**
  * @description A grid item that controls span and position within a Grid
  */
-declare const GridItem: _$react.FC<_$_uds_types0.CreateComponentProps<string, GridItemOwnProps, "div">>;
+declare const GridItem: _$react.FC<_$_uds_types0.CreateComponentProps<string, GridItemOwnProps, "div">>; //#endregion
 //#endregion
 export { Grid, GridItem, GridItemOwnProps, GridOwnProps };

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/header.d.ts

@@ -2,10 +2,11 @@ import * as _$react from "react";
 import { HtmlHeaderProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/header.d.ts
+//#region src/header.d.ts
 interface HeaderProps extends HtmlHeaderProps, StyleAndModifierProps {}
 /**
  * @description A primitive for introductory content or a set of navigational links.
  */
-declare const Header: _$react.FC<HeaderProps>;
+declare const Header: _$react.FC<HeaderProps>; //#endregion
 //#endregion
 export { Header, HeaderProps };

package/dist/components/dist/hstack.d.ts

@@ -3,6 +3,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { BoxAsTag, HtmlDivProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/hstack.d.ts
+//#region src/hstack.d.ts
 interface HStackOwnProps extends HtmlDivProps, StyleAndModifierProps {
   /** Render as a different semantic HTML element. Defaults to `div`. */
   as?: BoxAsTag;
@@ -10,6 +11,6 @@ interface HStackOwnProps extends HtmlDivProps, StyleAndModifierProps {
 /**
  * @description A primitive that arranges its children horizontally
  */
-declare const HStack: _$react.FC<_$_uds_types0.CreateComponentProps<string, HStackOwnProps, "div">>;
+declare const HStack: _$react.FC<_$_uds_types0.CreateComponentProps<string, HStackOwnProps, "div">>; //#endregion
 //#endregion
 export { HStack, HStackOwnProps };

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/image.d.ts

@@ -2,6 +2,7 @@ import * as _$react from "react";
 import { HtmlImgProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/image.d.ts
+//#region src/image.d.ts
 interface UniversalImageProps extends StyleAndModifierProps {
   /**
    * @description The source URL of the image. */
@@ -14,6 +15,6 @@ interface ImageProps extends HtmlImgProps, UniversalImageProps {}
 /**
  * @description Use for photos, product images, avatars, hero images, and thumbnails. Use real image URLs from Unsplash (https://images.unsplash.com/photo-...) for realistic content. Do NOT use SVG or a colored Box where a real image belongs.
  */
-declare const Image: _$react.FC<ImageProps>;
+declare const Image: _$react.FC<ImageProps>; //#endregion
 //#endregion
 export { Image, ImageProps, UniversalImageProps };