@yahoo/uds-v5-wip 1.58.0 → 1.60.0

package/dist/components/dist/sidebar.d.ts

@@ -4,7 +4,6 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/sidebar.d.ts
-//#region src/sidebar.d.ts
 interface SidebarContextValue {
   state: 'expanded' | 'collapsed';
   open: boolean;
@@ -1821,6 +1820,6 @@ declare const Sidebar: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCo
     };
   };
 }, {}>, SidebarOwnProps, SidebarElements>>;
-type SidebarProps = React.ComponentProps<typeof Sidebar>; //#endregion
+type SidebarProps = React.ComponentProps<typeof Sidebar>;
 //#endregion
 export { Sidebar, SidebarContent, SidebarContextValue, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarOwnProps, SidebarProps, SidebarProvider, SidebarSkeleton, SidebarTrigger, useSidebar };

package/dist/components/dist/sidebar.js

@@ -77,7 +77,7 @@ const [SidebarProvider, useSidebar] = createProvider("Sidebar", ({ children, def
 			isMobile,
 			toggleSidebar
 		]),
-		render: /* @__PURE__ */ jsx("div", {
+		render: jsx("div", {
 			style: {
 				"--sidebar-width": SIDEBAR_WIDTH,
 				"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
@@ -94,7 +94,7 @@ const [SidebarProvider, useSidebar] = createProvider("Sidebar", ({ children, def
 	};
 });
 function ChevronIcon({ open }) {
-	return /* @__PURE__ */ jsx("svg", {
+	return jsx("svg", {
 		width: "16",
 		height: "16",
 		viewBox: "0 0 16 16",
@@ -104,7 +104,7 @@ function ChevronIcon({ open }) {
 			transition: "transform 0.2s",
 			transform: open ? "rotate(180deg)" : "rotate(0deg)"
 		},
-		children: /* @__PURE__ */ jsx("path", {
+		children: jsx("path", {
 			d: "M4 6L8 10L12 6",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
@@ -114,7 +114,7 @@ function ChevronIcon({ open }) {
 	});
 }
 function PanelLeftIcon() {
-	return /* @__PURE__ */ jsxs("svg", {
+	return jsxs("svg", {
 		width: "16",
 		height: "16",
 		viewBox: "0 0 24 24",
@@ -124,13 +124,13 @@ function PanelLeftIcon() {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ jsx("rect", {
+		children: [jsx("rect", {
 			width: "18",
 			height: "18",
 			x: "3",
 			y: "3",
 			rx: "2"
-		}), /* @__PURE__ */ jsx("path", { d: "M9 3v18" })]
+		}), jsx("path", { d: "M9 3v18" })]
 	});
 }
 const sidebarStyler = createComponentStyler("Sidebar", [
@@ -156,13 +156,13 @@ const sidebarStyler = createComponentStyler("Sidebar", [
 ]);
 function SidebarTrigger({ className, children }) {
 	const { toggleSidebar, open } = useSidebar();
-	return /* @__PURE__ */ jsxs("button", {
+	return jsxs("button", {
 		type: "button",
 		className: `${sidebarStyler().trigger} ${className ?? ""}`,
 		onClick: toggleSidebar,
 		"aria-label": "Toggle Sidebar",
 		"aria-expanded": open,
-		children: [children ?? /* @__PURE__ */ jsx(PanelLeftIcon, {}), /* @__PURE__ */ jsx("span", {
+		children: [children ?? jsx(PanelLeftIcon, {}), jsx("span", {
 			style: {
 				position: "absolute",
 				width: 1,
@@ -179,7 +179,7 @@ function SidebarTrigger({ className, children }) {
 	});
 }
 function SidebarInset({ className, children }) {
-	return /* @__PURE__ */ jsx("main", {
+	return jsx("main", {
 		className,
 		style: {
 			flex: 1,
@@ -190,14 +190,14 @@ function SidebarInset({ className, children }) {
 	});
 }
 function SidebarHeader({ className, children }) {
-	return /* @__PURE__ */ jsx("div", {
+	return jsx("div", {
 		className: `${sidebarStyler().header} ${className ?? ""}`,
 		style: { overflow: "hidden" },
 		children
 	});
 }
 function SidebarContent({ className, children }) {
-	return /* @__PURE__ */ jsx("div", {
+	return jsx("div", {
 		className: `${sidebarStyler().content} ${className ?? ""}`,
 		style: {
 			flex: 1,
@@ -208,7 +208,7 @@ function SidebarContent({ className, children }) {
 	});
 }
 function SidebarFooter({ className, children }) {
-	return /* @__PURE__ */ jsx("div", {
+	return jsx("div", {
 		className: `${sidebarStyler().footer} ${className ?? ""}`,
 		style: { overflow: "hidden" },
 		children
@@ -217,26 +217,26 @@ function SidebarFooter({ className, children }) {
 function SidebarGroup({ className, children, label, action, collapsible = false, defaultOpen = true }) {
 	const classes = sidebarStyler();
 	const [groupOpen, setGroupOpen] = useState(defaultOpen);
-	if (!collapsible) return /* @__PURE__ */ jsxs("div", {
+	if (!collapsible) return jsxs("div", {
 		className: `${classes.group} ${className ?? ""}`,
-		children: [label && /* @__PURE__ */ jsxs("div", {
+		children: [label && jsxs("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "space-between",
 				whiteSpace: "nowrap"
 			},
-			children: [/* @__PURE__ */ jsx("span", {
+			children: [jsx("span", {
 				className: classes.groupLabel,
 				children: label
 			}), action]
 		}), children]
 	});
 	const state = groupOpen ? "open" : "closed";
-	return /* @__PURE__ */ jsxs("div", {
+	return jsxs("div", {
 		className: `${classes.group} ${className ?? ""}`,
 		children: [
-			/* @__PURE__ */ jsxs("button", {
+			jsxs("button", {
 				type: "button",
 				style: {
 					display: "flex",
@@ -253,13 +253,13 @@ function SidebarGroup({ className, children, label, action, collapsible = false,
 				},
 				onClick: () => setGroupOpen(!groupOpen),
 				"aria-expanded": groupOpen,
-				children: [/* @__PURE__ */ jsx("span", {
+				children: [jsx("span", {
 					className: classes.groupLabel,
 					children: label
-				}), /* @__PURE__ */ jsx(ChevronIcon, { open: groupOpen })]
+				}), jsx(ChevronIcon, { open: groupOpen })]
 			}),
 			action,
-			/* @__PURE__ */ jsx("div", {
+			jsx("div", {
 				"data-state": state,
 				style: {
 					display: "grid",
@@ -268,7 +268,7 @@ function SidebarGroup({ className, children, label, action, collapsible = false,
 					overflow: "hidden",
 					transition: "grid-template-rows 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1)"
 				},
-				children: /* @__PURE__ */ jsx("div", {
+				children: jsx("div", {
 					style: { overflow: "hidden" },
 					children
 				})
@@ -277,7 +277,7 @@ function SidebarGroup({ className, children, label, action, collapsible = false,
 	});
 }
 function SidebarGroupAction({ className, children, onClick, "aria-label": ariaLabel }) {
-	return /* @__PURE__ */ jsx("button", {
+	return jsx("button", {
 		type: "button",
 		className: `${sidebarStyler().groupAction} ${className ?? ""}`,
 		onClick: (e) => {
@@ -289,26 +289,26 @@ function SidebarGroupAction({ className, children, onClick, "aria-label": ariaLa
 	});
 }
 function SidebarMenu({ className, children }) {
-	return /* @__PURE__ */ jsx("ul", {
+	return jsx("ul", {
 		className: `${sidebarStyler().menu} ${className ?? ""}`,
 		children
 	});
 }
 function SidebarMenuItem({ className, children }) {
-	return /* @__PURE__ */ jsx("li", {
+	return jsx("li", {
 		className: `${sidebarStyler().menuItem} ${className ?? ""}`,
 		children
 	});
 }
 function SidebarMenuButton({ className, children, href, onClick, isActive }) {
 	const cn = `${sidebarStyler().menuButton} ${className ?? ""}`;
-	if (href) return /* @__PURE__ */ jsx("a", {
+	if (href) return jsx("a", {
 		href,
 		className: cn,
 		"aria-current": isActive ? "page" : void 0,
 		children
 	});
-	return /* @__PURE__ */ jsx("button", {
+	return jsx("button", {
 		type: "button",
 		className: cn,
 		onClick,
@@ -317,7 +317,7 @@ function SidebarMenuButton({ className, children, href, onClick, isActive }) {
 	});
 }
 function SidebarMenuAction({ className, children, onClick, "aria-label": ariaLabel }) {
-	return /* @__PURE__ */ jsx("button", {
+	return jsx("button", {
 		type: "button",
 		className: `${sidebarStyler().menuAction} ${className ?? ""}`,
 		onClick,
@@ -326,32 +326,32 @@ function SidebarMenuAction({ className, children, onClick, "aria-label": ariaLab
 	});
 }
 function SidebarMenuBadge({ className, children }) {
-	return /* @__PURE__ */ jsx("span", {
+	return jsx("span", {
 		className: `${sidebarStyler().menuBadge} ${className ?? ""}`,
 		children
 	});
 }
 function SidebarMenuSub({ className, children }) {
-	return /* @__PURE__ */ jsx("ul", {
+	return jsx("ul", {
 		className: `${sidebarStyler().menuSub} ${className ?? ""}`,
 		children
 	});
 }
 function SidebarMenuSubItem({ className, children }) {
-	return /* @__PURE__ */ jsx("li", {
+	return jsx("li", {
 		className: `${sidebarStyler().menuSubItem} ${className ?? ""}`,
 		children
 	});
 }
 function SidebarMenuSubButton({ className, children, href, onClick, isActive }) {
 	const cn = `${sidebarStyler().menuSubButton} ${className ?? ""}`;
-	if (href) return /* @__PURE__ */ jsx("a", {
+	if (href) return jsx("a", {
 		href,
 		className: cn,
 		"aria-current": isActive ? "page" : void 0,
 		children
 	});
-	return /* @__PURE__ */ jsx("button", {
+	return jsx("button", {
 		type: "button",
 		className: cn,
 		onClick,
@@ -361,11 +361,11 @@ function SidebarMenuSubButton({ className, children, href, onClick, isActive })
 }
 function SidebarSkeleton({ count = 5 }) {
 	const classes = sidebarStyler();
-	return /* @__PURE__ */ jsx("ul", {
+	return jsx("ul", {
 		className: classes.menu,
-		children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx("li", {
+		children: Array.from({ length: count }, (_, i) => jsx("li", {
 			className: classes.menuItem,
-			children: /* @__PURE__ */ jsx("div", {
+			children: jsx("div", {
 				className: classes.skeleton,
 				style: {
 					height: "2rem",
@@ -391,14 +391,14 @@ const Sidebar = createComponent(({ props, children, collapsible = "offcanvas" })
 	const sidebarWidth = isCollapsed ? "var(--sidebar-width-icon)" : isHidden ? "0px" : "var(--sidebar-width)";
 	if (isMobile) {
 		const mobileState = openMobile ? "open" : "closed";
-		return /* @__PURE__ */ jsxs("div", {
+		return jsxs("div", {
 			style: {
 				position: "fixed",
 				inset: 0,
 				zIndex: 50,
 				display: openMobile ? "flex" : "none"
 			},
-			children: [/* @__PURE__ */ jsx("button", {
+			children: [jsx("button", {
 				type: "button",
 				className: classes.overlay,
 				"data-state": mobileState,
@@ -409,7 +409,7 @@ const Sidebar = createComponent(({ props, children, collapsible = "offcanvas" })
 					inset: 0
 				},
 				...props.overlay
-			}), /* @__PURE__ */ jsx("aside", {
+			}), jsx("aside", {
 				className: classes.root,
 				"data-state": mobileState,
 				style: {
@@ -429,7 +429,7 @@ const Sidebar = createComponent(({ props, children, collapsible = "offcanvas" })
 			})]
 		});
 	}
-	if (collapsible === "none") return /* @__PURE__ */ jsx("aside", {
+	if (collapsible === "none") return jsx("aside", {
 		className: classes.root,
 		style: {
 			width: "var(--sidebar-width)",
@@ -445,7 +445,7 @@ const Sidebar = createComponent(({ props, children, collapsible = "offcanvas" })
 		...props.root,
 		children
 	});
-	return /* @__PURE__ */ jsx("div", {
+	return jsx("div", {
 		style: {
 			flexShrink: 0,
 			overflow: "hidden",
@@ -453,7 +453,7 @@ const Sidebar = createComponent(({ props, children, collapsible = "offcanvas" })
 			width: sidebarWidth,
 			transition: canTransition ? "width 200ms linear" : "none"
 		},
-		children: /* @__PURE__ */ jsxs("aside", {
+		children: jsxs("aside", {
 			className: classes.root,
 			style: {
 				display: "flex",
@@ -466,7 +466,7 @@ const Sidebar = createComponent(({ props, children, collapsible = "offcanvas" })
 			"data-state": state,
 			"data-collapsible": collapsible,
 			...props.root,
-			children: [children, /* @__PURE__ */ jsx("button", {
+			children: [children, jsx("button", {
 				type: "button",
 				className: classes.rail,
 				onClick: toggleSidebar,

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

@@ -1,6 +1,5 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/skeleton.config.d.ts
-//#region src/skeleton.config.d.ts
 declare const skeletonConfig: ComponentConfig<{
   Skeleton: {
     readonly base: {
@@ -12,6 +11,6 @@ declare const skeletonConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type SkeletonConfig = typeof skeletonConfig; //#endregion
+type SkeletonConfig = typeof skeletonConfig;
 //#endregion
 export { SkeletonConfig, skeletonConfig };

package/dist/components/dist/skeleton.d.ts

@@ -3,7 +3,6 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/skeleton.d.ts
-//#region src/skeleton.d.ts
 /**
  * @description A placeholder that indicates content is loading
  */
@@ -23,6 +22,6 @@ declare const Skeleton: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentC
 }, {
   block: "div";
 }>>;
-type SkeletonProps = React.ComponentProps<typeof Skeleton>; //#endregion
+type SkeletonProps = React.ComponentProps<typeof Skeleton>;
 //#endregion
 export { Skeleton, SkeletonProps };

package/dist/components/dist/skeleton.js

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 /**
 * @description A placeholder that indicates content is loading
 */
-const Skeleton = createComponent(({ props, width, height }) => /* @__PURE__ */ jsx("div", {
+const Skeleton = createComponent(({ props, width, height }) => jsx("div", {
 	...props.block,
 	style: {
 		width,

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

@@ -1,6 +1,5 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/slider.config.d.ts
-//#region src/slider.config.d.ts
 declare const sliderConfig: ComponentConfig<{
   Slider: {
     readonly base: {
@@ -40,6 +39,6 @@ declare const sliderConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type SliderConfig = typeof sliderConfig; //#endregion
+type SliderConfig = typeof sliderConfig;
 //#endregion
 export { SliderConfig, sliderConfig };

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

@@ -3,7 +3,6 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/slider.d.ts
-//#region src/slider.d.ts
 /**
  * @description A draggable control for selecting a numeric value within a range
  */
@@ -66,6 +65,6 @@ declare const Slider: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
   range: "div";
   thumb: "div";
 }>>;
-type SliderProps = React.ComponentProps<typeof Slider>; //#endregion
+type SliderProps = React.ComponentProps<typeof Slider>;
 //#endregion
 export { Slider, SliderProps };

package/dist/components/dist/slider.js

@@ -179,7 +179,7 @@ const Slider = createComponent(({ props, defaultValue = [0], value: controlledVa
 		height: "100%",
 		cursor: disabled ? "default" : "pointer"
 	};
-	return /* @__PURE__ */ jsxs("div", {
+	return jsxs("div", {
 		style: rootStyle,
 		"data-orientation": orientation,
 		"data-disabled": disabled || void 0,
@@ -188,13 +188,13 @@ const Slider = createComponent(({ props, defaultValue = [0], value: controlledVa
 		onPointerUp: handlePointerUp,
 		...props.root,
 		children: [
-			/* @__PURE__ */ jsx("div", {
+			jsx("div", {
 				ref: trackRef,
 				style: trackStyle,
 				"data-orientation": orientation,
 				"data-disabled": disabled || void 0,
 				...props.track,
-				children: /* @__PURE__ */ jsx("div", {
+				children: jsx("div", {
 					style: {
 						position: "absolute",
 						...rangeStyle
@@ -217,7 +217,7 @@ const Slider = createComponent(({ props, defaultValue = [0], value: controlledVa
 					left: "50%",
 					translate: "-50% 50%"
 				};
-				return /* @__PURE__ */ jsx("div", {
+				return jsx("div", {
 					role: "slider",
 					tabIndex: disabled ? -1 : 0,
 					style: thumbStyle,
@@ -234,7 +234,7 @@ const Slider = createComponent(({ props, defaultValue = [0], value: controlledVa
 					...props.thumb
 				}, index);
 			}),
-			name && values.map((value, index) => /* @__PURE__ */ jsx("input", {
+			name && values.map((value, index) => jsx("input", {
 				type: "hidden",
 				name: values.length > 1 ? `${name}[]` : name,
 				value,

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

@@ -1,6 +1,5 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/spinner.config.d.ts
-//#region src/spinner.config.d.ts
 declare const spinnerConfig: ComponentConfig<{
   Spinner: {
     readonly base: {
@@ -30,6 +29,6 @@ declare const spinnerConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type SpinnerConfig = typeof spinnerConfig; //#endregion
+type SpinnerConfig = typeof spinnerConfig;
 //#endregion
 export { SpinnerConfig, spinnerConfig };

package/dist/components/dist/spinner.d.ts

@@ -3,7 +3,6 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/spinner.d.ts
-//#region src/spinner.d.ts
 /**
  * @description An animated indicator that signals an ongoing process
  */
@@ -38,6 +37,6 @@ declare const Spinner: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCo
 }, {}>, {}, {
   root: "svg";
 }>>;
-type SpinnerProps = React.ComponentProps<typeof Spinner>; //#endregion
+type SpinnerProps = React.ComponentProps<typeof Spinner>;
 //#endregion
 export { Spinner, SpinnerProps };

package/dist/components/dist/spinner.js

@@ -6,14 +6,14 @@ import { jsx } from "react/jsx-runtime";
 * @description An animated indicator that signals an ongoing process
 */
 const Spinner = createComponent(({ props }) => {
-	return /* @__PURE__ */ jsx("svg", {
+	return jsx("svg", {
 		role: "status",
 		"aria-label": "Loading",
 		viewBox: "0 0 24 24",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
 		...props.root,
-		children: /* @__PURE__ */ jsx("circle", {
+		children: jsx("circle", {
 			cx: "12",
 			cy: "12",
 			r: "10",

package/dist/components/dist/svg.d.ts

@@ -2,7 +2,6 @@ import * as _$react from "react";
 import { HtmlSvgPathProps, HtmlSvgProps, HtmlSvgTextProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/svg.d.ts
-//#region src/svg.d.ts
 interface SvgProps extends HtmlSvgProps, StyleAndModifierProps {}
 interface SvgPathProps extends HtmlSvgPathProps, StyleAndModifierProps {}
 interface SvgTextProps extends HtmlSvgTextProps, StyleAndModifierProps {}
@@ -17,6 +16,6 @@ declare const SvgPath: _$react.FC<SvgPathProps>;
 /**
  * @description A text element rendered within an SVG
  */
-declare const SvgText: _$react.FC<SvgTextProps>; //#endregion
+declare const SvgText: _$react.FC<SvgTextProps>;
 //#endregion
 export { Svg, SvgPath, SvgPathProps, SvgProps, SvgText, SvgTextProps };

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

@@ -1,6 +1,5 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/switch.config.d.ts
-//#region src/switch.config.d.ts
 declare const switchConfig: ComponentConfig<{
   Switch: {
     readonly base: {
@@ -349,6 +348,6 @@ declare const switchConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type SwitchConfig = typeof switchConfig; //#endregion
+type SwitchConfig = typeof switchConfig;
 //#endregion
 export { SwitchConfig, switchConfig };

package/dist/components/dist/switch.d.ts

@@ -3,7 +3,6 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/switch.d.ts
-//#region src/switch.d.ts
 /**
  * @description A toggle control for switching between on and off states
  */
@@ -366,6 +365,6 @@ declare const Switch: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
   label: "span";
   description: "span";
 }>>;
-type SwitchProps = React.ComponentProps<typeof Switch>; //#endregion
+type SwitchProps = React.ComponentProps<typeof Switch>;
 //#endregion
 export { Switch, SwitchProps };

package/dist/components/dist/switch.js

@@ -8,20 +8,20 @@ import { jsx, jsxs } from "react/jsx-runtime";
 */
 const Switch = createComponent(({ props, checked, onToggle, label, description }) => {
 	const state = checked ? "open" : "closed";
-	return /* @__PURE__ */ jsxs("button", {
+	return jsxs("button", {
 		type: "button",
 		onClick: onToggle,
 		...props.root,
-		children: [/* @__PURE__ */ jsx("div", {
+		children: [jsx("div", {
 			"data-state": state,
 			...props.track,
-			children: /* @__PURE__ */ jsx("div", {
+			children: jsx("div", {
 				"data-state": state,
 				...props.thumb
 			})
-		}), (label || description) && /* @__PURE__ */ jsxs("span", {
+		}), (label || description) && jsxs("span", {
 			...props.label,
-			children: [label, description && /* @__PURE__ */ jsx("span", {
+			children: [label, description && jsx("span", {
 				...props.description,
 				children: description
 			})]

package/dist/components/dist/table.d.ts

@@ -2,7 +2,6 @@ import * as _$react from "react";
 import { HtmlTableBodyProps, HtmlTableCellProps, HtmlTableHeadCellProps, HtmlTableHeadProps, HtmlTableProps, HtmlTableRowProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/table.d.ts
-//#region src/table.d.ts
 interface TableProps extends HtmlTableProps, StyleAndModifierProps {}
 interface TableHeadProps extends HtmlTableHeadProps, StyleAndModifierProps {}
 interface TableHeadCellProps extends HtmlTableHeadCellProps, StyleAndModifierProps {}
@@ -32,6 +31,6 @@ declare const TableCell: _$react.FC<TableCellProps>;
 /**
  * @description A primitive for table rows
  */
-declare const TableRow: _$react.FC<TableRowProps>; //#endregion
+declare const TableRow: _$react.FC<TableRowProps>;
 //#endregion
 export { Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadCell, TableHeadCellProps, TableHeadProps, TableProps, TableRow, TableRowProps };

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

@@ -1,6 +1,5 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/tabs.config.d.ts
-//#region src/tabs.config.d.ts
 declare const tabsConfig: ComponentConfig<{
   Tabs: {
     readonly base: {
@@ -607,6 +606,6 @@ declare const tabsConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type TabsConfig = typeof tabsConfig; //#endregion
+type TabsConfig = typeof tabsConfig;
 //#endregion
 export { TabsConfig, tabsConfig };

package/dist/components/dist/tabs.d.ts

@@ -3,7 +3,6 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/tabs.d.ts
-//#region src/tabs.d.ts
 interface TabItem {
   id: string;
   label: string;
@@ -628,6 +627,6 @@ declare const Tabs: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfi
   indicator: "div";
   content: "div";
 }>>;
-type TabsProps = React.ComponentProps<typeof Tabs>; //#endregion
+type TabsProps = React.ComponentProps<typeof Tabs>;
 //#endregion
 export { TabItem, Tabs, TabsProps };