@yahoo/uds-v5-wip 1.2.0 → 1.3.0

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

@@ -4,6 +4,7 @@ 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;
@@ -1820,6 +1821,6 @@ declare const Sidebar: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCo
     };
   };
 }, {}>, SidebarOwnProps, SidebarElements>>;
-type SidebarProps = React.ComponentProps<typeof Sidebar>;
+type SidebarProps = React.ComponentProps<typeof Sidebar>; //#endregion
 //#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: jsx("div", {
+		render: /* @__PURE__ */ 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 jsx("svg", {
+	return /* @__PURE__ */ 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: jsx("path", {
+		children: /* @__PURE__ */ jsx("path", {
 			d: "M4 6L8 10L12 6",
 			stroke: "currentColor",
 			strokeWidth: "1.5",
@@ -114,7 +114,7 @@ function ChevronIcon({ open }) {
 	});
 }
 function PanelLeftIcon() {
-	return jsxs("svg", {
+	return /* @__PURE__ */ 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: [jsx("rect", {
+		children: [/* @__PURE__ */ jsx("rect", {
 			width: "18",
 			height: "18",
 			x: "3",
 			y: "3",
 			rx: "2"
-		}), jsx("path", { d: "M9 3v18" })]
+		}), /* @__PURE__ */ 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 jsxs("button", {
+	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
 		className: `${sidebarStyler().trigger} ${className ?? ""}`,
 		onClick: toggleSidebar,
 		"aria-label": "Toggle Sidebar",
 		"aria-expanded": open,
-		children: [children ?? jsx(PanelLeftIcon, {}), jsx("span", {
+		children: [children ?? /* @__PURE__ */ jsx(PanelLeftIcon, {}), /* @__PURE__ */ jsx("span", {
 			style: {
 				position: "absolute",
 				width: 1,
@@ -179,7 +179,7 @@ function SidebarTrigger({ className, children }) {
 	});
 }
 function SidebarInset({ className, children }) {
-	return jsx("main", {
+	return /* @__PURE__ */ jsx("main", {
 		className,
 		style: {
 			flex: 1,
@@ -190,14 +190,14 @@ function SidebarInset({ className, children }) {
 	});
 }
 function SidebarHeader({ className, children }) {
-	return jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		className: `${sidebarStyler().header} ${className ?? ""}`,
 		style: { overflow: "hidden" },
 		children
 	});
 }
 function SidebarContent({ className, children }) {
-	return jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		className: `${sidebarStyler().content} ${className ?? ""}`,
 		style: {
 			flex: 1,
@@ -208,7 +208,7 @@ function SidebarContent({ className, children }) {
 	});
 }
 function SidebarFooter({ className, children }) {
-	return jsx("div", {
+	return /* @__PURE__ */ 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 jsxs("div", {
+	if (!collapsible) return /* @__PURE__ */ jsxs("div", {
 		className: `${classes.group} ${className ?? ""}`,
-		children: [label && jsxs("div", {
+		children: [label && /* @__PURE__ */ jsxs("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "space-between",
 				whiteSpace: "nowrap"
 			},
-			children: [jsx("span", {
+			children: [/* @__PURE__ */ jsx("span", {
 				className: classes.groupLabel,
 				children: label
 			}), action]
 		}), children]
 	});
 	const state = groupOpen ? "open" : "closed";
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		className: `${classes.group} ${className ?? ""}`,
 		children: [
-			jsxs("button", {
+			/* @__PURE__ */ 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: [jsx("span", {
+				children: [/* @__PURE__ */ jsx("span", {
 					className: classes.groupLabel,
 					children: label
-				}), jsx(ChevronIcon, { open: groupOpen })]
+				}), /* @__PURE__ */ jsx(ChevronIcon, { open: groupOpen })]
 			}),
 			action,
-			jsx("div", {
+			/* @__PURE__ */ 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: jsx("div", {
+				children: /* @__PURE__ */ 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 jsx("button", {
+	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		className: `${sidebarStyler().groupAction} ${className ?? ""}`,
 		onClick: (e) => {
@@ -289,27 +289,27 @@ function SidebarGroupAction({ className, children, onClick, "aria-label": ariaLa
 	});
 }
 function SidebarMenu({ className, children }) {
-	return jsx("ul", {
+	return /* @__PURE__ */ jsx("ul", {
 		className: `${sidebarStyler().menu} ${className ?? ""}`,
 		children
 	});
 }
 function SidebarMenuItem({ className, children }) {
-	return jsx("li", {
+	return /* @__PURE__ */ jsx("li", {
 		className: `${sidebarStyler().menuItem} ${className ?? ""}`,
 		children
 	});
 }
 function SidebarMenuButton({ className, children, href, onClick, isActive }) {
 	const cn = `${sidebarStyler().menuButton} ${className ?? ""}`;
-	if (href) return jsx("a", {
+	if (href) return /* @__PURE__ */ jsx("a", {
 		href,
 		className: cn,
 		"data-active": isActive || void 0,
 		"aria-current": isActive ? "page" : void 0,
 		children
 	});
-	return jsx("button", {
+	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		className: cn,
 		onClick,
@@ -319,7 +319,7 @@ function SidebarMenuButton({ className, children, href, onClick, isActive }) {
 	});
 }
 function SidebarMenuAction({ className, children, onClick, "aria-label": ariaLabel }) {
-	return jsx("button", {
+	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		className: `${sidebarStyler().menuAction} ${className ?? ""}`,
 		onClick,
@@ -328,33 +328,33 @@ function SidebarMenuAction({ className, children, onClick, "aria-label": ariaLab
 	});
 }
 function SidebarMenuBadge({ className, children }) {
-	return jsx("span", {
+	return /* @__PURE__ */ jsx("span", {
 		className: `${sidebarStyler().menuBadge} ${className ?? ""}`,
 		children
 	});
 }
 function SidebarMenuSub({ className, children }) {
-	return jsx("ul", {
+	return /* @__PURE__ */ jsx("ul", {
 		className: `${sidebarStyler().menuSub} ${className ?? ""}`,
 		children
 	});
 }
 function SidebarMenuSubItem({ className, children }) {
-	return jsx("li", {
+	return /* @__PURE__ */ jsx("li", {
 		className: `${sidebarStyler().menuSubItem} ${className ?? ""}`,
 		children
 	});
 }
 function SidebarMenuSubButton({ className, children, href, onClick, isActive }) {
 	const cn = `${sidebarStyler().menuSubButton} ${className ?? ""}`;
-	if (href) return jsx("a", {
+	if (href) return /* @__PURE__ */ jsx("a", {
 		href,
 		className: cn,
 		"data-active": isActive || void 0,
 		"aria-current": isActive ? "page" : void 0,
 		children
 	});
-	return jsx("button", {
+	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		className: cn,
 		onClick,
@@ -365,11 +365,11 @@ function SidebarMenuSubButton({ className, children, href, onClick, isActive })
 }
 function SidebarSkeleton({ count = 5 }) {
 	const classes = sidebarStyler();
-	return jsx("ul", {
+	return /* @__PURE__ */ jsx("ul", {
 		className: classes.menu,
-		children: Array.from({ length: count }, (_, i) => jsx("li", {
+		children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx("li", {
 			className: classes.menuItem,
-			children: jsx("div", {
+			children: /* @__PURE__ */ jsx("div", {
 				className: classes.skeleton,
 				style: {
 					height: "2rem",
@@ -395,14 +395,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 jsxs("div", {
+		return /* @__PURE__ */ jsxs("div", {
 			style: {
 				position: "fixed",
 				inset: 0,
 				zIndex: 50,
 				display: openMobile ? "flex" : "none"
 			},
-			children: [jsx("button", {
+			children: [/* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: classes.overlay,
 				"data-state": mobileState,
@@ -413,7 +413,7 @@ const Sidebar = createComponent(({ props, children, collapsible = "offcanvas" })
 					inset: 0
 				},
 				...props.overlay
-			}), jsx("aside", {
+			}), /* @__PURE__ */ jsx("aside", {
 				className: classes.root,
 				"data-state": mobileState,
 				style: {
@@ -433,7 +433,7 @@ const Sidebar = createComponent(({ props, children, collapsible = "offcanvas" })
 			})]
 		});
 	}
-	if (collapsible === "none") return jsx("aside", {
+	if (collapsible === "none") return /* @__PURE__ */ jsx("aside", {
 		className: classes.root,
 		style: {
 			width: "var(--sidebar-width)",
@@ -449,7 +449,7 @@ const Sidebar = createComponent(({ props, children, collapsible = "offcanvas" })
 		...props.root,
 		children
 	});
-	return jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		style: {
 			flexShrink: 0,
 			overflow: "hidden",
@@ -457,7 +457,7 @@ const Sidebar = createComponent(({ props, children, collapsible = "offcanvas" })
 			width: sidebarWidth,
 			transition: canTransition ? "width 200ms linear" : "none"
 		},
-		children: jsxs("aside", {
+		children: /* @__PURE__ */ jsxs("aside", {
 			className: classes.root,
 			style: {
 				display: "flex",
@@ -470,7 +470,7 @@ const Sidebar = createComponent(({ props, children, collapsible = "offcanvas" })
 			"data-state": state,
 			"data-collapsible": collapsible,
 			...props.root,
-			children: [children, jsx("button", {
+			children: [children, /* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: classes.rail,
 				onClick: toggleSidebar,

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

@@ -1,5 +1,6 @@
 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: {
@@ -11,6 +12,6 @@ declare const skeletonConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type SkeletonConfig = typeof skeletonConfig;
+type SkeletonConfig = typeof skeletonConfig; //#endregion
 //#endregion
 export { SkeletonConfig, skeletonConfig };

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

@@ -3,6 +3,7 @@ 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
  */
@@ -22,6 +23,6 @@ declare const Skeleton: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentC
 }, {
   block: "div";
 }>>;
-type SkeletonProps = React.ComponentProps<typeof Skeleton>;
+type SkeletonProps = React.ComponentProps<typeof Skeleton>; //#endregion
 //#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 }) => jsx("div", {
+const Skeleton = createComponent(({ props, width, height }) => /* @__PURE__ */ jsx("div", {
 	...props.block,
 	style: {
 		width,

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

@@ -1,5 +1,6 @@
 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: {
@@ -39,6 +40,6 @@ declare const sliderConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type SliderConfig = typeof sliderConfig;
+type SliderConfig = typeof sliderConfig; //#endregion
 //#endregion
 export { SliderConfig, sliderConfig };

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

@@ -3,6 +3,7 @@ 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
  */
@@ -65,6 +66,6 @@ declare const Slider: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
   range: "div";
   thumb: "div";
 }>>;
-type SliderProps = React.ComponentProps<typeof Slider>;
+type SliderProps = React.ComponentProps<typeof Slider>; //#endregion
 //#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 jsxs("div", {
+	return /* @__PURE__ */ 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: [
-			jsx("div", {
+			/* @__PURE__ */ jsx("div", {
 				ref: trackRef,
 				style: trackStyle,
 				"data-orientation": orientation,
 				"data-disabled": disabled || void 0,
 				...props.track,
-				children: jsx("div", {
+				children: /* @__PURE__ */ jsx("div", {
 					style: {
 						position: "absolute",
 						...rangeStyle
@@ -217,7 +217,7 @@ const Slider = createComponent(({ props, defaultValue = [0], value: controlledVa
 					left: "50%",
 					translate: "-50% 50%"
 				};
-				return jsx("div", {
+				return /* @__PURE__ */ 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) => jsx("input", {
+			name && values.map((value, index) => /* @__PURE__ */ jsx("input", {
 				type: "hidden",
 				name: values.length > 1 ? `${name}[]` : name,
 				value,

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

@@ -1,5 +1,6 @@
 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: {
@@ -29,6 +30,6 @@ declare const spinnerConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type SpinnerConfig = typeof spinnerConfig;
+type SpinnerConfig = typeof spinnerConfig; //#endregion
 //#endregion
 export { SpinnerConfig, spinnerConfig };

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

@@ -3,6 +3,7 @@ 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
  */
@@ -37,6 +38,6 @@ declare const Spinner: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCo
 }, {}>, {}, {
   root: "svg";
 }>>;
-type SpinnerProps = React.ComponentProps<typeof Spinner>;
+type SpinnerProps = React.ComponentProps<typeof Spinner>; //#endregion
 //#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 jsx("svg", {
+	return /* @__PURE__ */ jsx("svg", {
 		role: "status",
 		"aria-label": "Loading",
 		viewBox: "0 0 24 24",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
 		...props.root,
-		children: jsx("circle", {
+		children: /* @__PURE__ */ jsx("circle", {
 			cx: "12",
 			cy: "12",
 			r: "10",

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

@@ -2,6 +2,7 @@ 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 {}
@@ -16,6 +17,6 @@ declare const SvgPath: _$react.FC<SvgPathProps>;
 /**
  * @description A text element rendered within an SVG
  */
-declare const SvgText: _$react.FC<SvgTextProps>;
+declare const SvgText: _$react.FC<SvgTextProps>; //#endregion
 //#endregion
 export { Svg, SvgPath, SvgPathProps, SvgProps, SvgText, SvgTextProps };

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

@@ -1,5 +1,6 @@
 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: {
@@ -348,6 +349,6 @@ declare const switchConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type SwitchConfig = typeof switchConfig;
+type SwitchConfig = typeof switchConfig; //#endregion
 //#endregion
 export { SwitchConfig, switchConfig };

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

@@ -3,6 +3,7 @@ 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
  */
@@ -365,6 +366,6 @@ declare const Switch: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
   label: "span";
   description: "span";
 }>>;
-type SwitchProps = React.ComponentProps<typeof Switch>;
+type SwitchProps = React.ComponentProps<typeof Switch>; //#endregion
 //#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 jsxs("button", {
+	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
 		onClick: onToggle,
 		...props.root,
-		children: [jsx("div", {
+		children: [/* @__PURE__ */ jsx("div", {
 			"data-state": state,
 			...props.track,
-			children: jsx("div", {
+			children: /* @__PURE__ */ jsx("div", {
 				"data-state": state,
 				...props.thumb
 			})
-		}), (label || description) && jsxs("span", {
+		}), (label || description) && /* @__PURE__ */ jsxs("span", {
 			...props.label,
-			children: [label, description && jsx("span", {
+			children: [label, description && /* @__PURE__ */ jsx("span", {
 				...props.description,
 				children: description
 			})]

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

@@ -2,6 +2,7 @@ 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 {}
@@ -31,6 +32,6 @@ declare const TableCell: _$react.FC<TableCellProps>;
 /**
  * @description A primitive for table rows
  */
-declare const TableRow: _$react.FC<TableRowProps>;
+declare const TableRow: _$react.FC<TableRowProps>; //#endregion
 //#endregion
 export { Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadCell, TableHeadCellProps, TableHeadProps, TableProps, TableRow, TableRowProps };

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

@@ -1,5 +1,6 @@
 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: {
@@ -606,6 +607,6 @@ declare const tabsConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type TabsConfig = typeof tabsConfig;
+type TabsConfig = typeof tabsConfig; //#endregion
 //#endregion
 export { TabsConfig, tabsConfig };

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

@@ -3,6 +3,7 @@ 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;
@@ -627,6 +628,6 @@ declare const Tabs: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfi
   indicator: "div";
   content: "div";
 }>>;
-type TabsProps = React.ComponentProps<typeof Tabs>;
+type TabsProps = React.ComponentProps<typeof Tabs>; //#endregion
 //#endregion
 export { TabItem, Tabs, TabsProps };