@yahoo/uds-v5-wip 1.2.0 → 1.4.0

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

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/input.config.d.ts
+//#region src/input.config.d.ts
 declare const inputConfig: ComponentConfig<{
   Input: {
     readonly base: {
@@ -53,6 +54,6 @@ declare const inputConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type InputConfig = typeof inputConfig;
+type InputConfig = typeof inputConfig; //#endregion
 //#endregion
 export { InputConfig, inputConfig };

package/dist/components/dist/input.d.ts

@@ -4,6 +4,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { HtmlInputProps, SizingStyleProps } from "@uds/types";
 
 //#region ../components/dist/input.d.ts
+//#region src/input.d.ts
 interface InputProps extends HtmlInputProps, SizingStyleProps {}
 /**
  * A primitive that renders a text input
@@ -62,6 +63,6 @@ declare const Input: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
   };
 }, {}>, InputProps, {
   root: "input";
-}>>;
+}>>; //#endregion
 //#endregion
 export { Input, InputProps };

package/dist/components/dist/input.js

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 /**
 * A primitive that renders a text input
 */
-const Input = createComponent(({ props }) => jsx("input", {
+const Input = createComponent(({ props }) => /* @__PURE__ */ jsx("input", {
 	type: "text",
 	"data-1p-ignore": true,
 	...props.root

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

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/item.config.d.ts
+//#region src/item.config.d.ts
 declare const itemConfig: ComponentConfig<{
   Item: {
     readonly base: {
@@ -346,6 +347,6 @@ declare const itemConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ItemConfig = typeof itemConfig;
+type ItemConfig = typeof itemConfig; //#endregion
 //#endregion
 export { ItemConfig, itemConfig };

package/dist/components/dist/item.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/item.d.ts
+//#region src/item.d.ts
 interface ItemOwnProps {
   media?: ReactNode;
   title?: ReactNode;
@@ -369,6 +370,6 @@ declare const Item: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfi
   description: "div";
   actions: "div";
 }>>;
-type ItemProps = React.ComponentProps<typeof Item>;
+type ItemProps = React.ComponentProps<typeof Item>; //#endregion
 //#endregion
 export { Item, ItemOwnProps, ItemProps };

package/dist/components/dist/item.js

@@ -15,33 +15,33 @@ const Item = createComponent(({ props, children, media, title, description, acti
 			backgroundColor: "var(--uds-bg-secondary)"
 		}
 	} : rootProps;
-	const content = jsxs(Fragment, { children: [
-		media && jsx("div", {
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		media && /* @__PURE__ */ jsx("div", {
 			...props.media,
 			children: media
 		}),
-		(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
 		})
 	] });
-	if (asChild) return jsx(DivSlot, {
+	if (asChild) return /* @__PURE__ */ jsx(DivSlot, {
 		...rootStyle,
 		...nativeProps,
 		children: content
 	});
-	return jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		...rootStyle,
 		...nativeProps,
 		children: content

package/dist/components/dist/list.d.ts

@@ -3,6 +3,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { HtmlListItemProps, HtmlListProps, NativeListElementTag, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/list.d.ts
+//#region src/list.d.ts
 interface ListOwnProps extends HtmlListProps, StyleAndModifierProps {
   as?: NativeListElementTag;
 }
@@ -14,6 +15,6 @@ declare const List: _$react.FC<_$_uds_types0.CreateComponentProps<string, ListOw
 /**
  * @description A primitive that renders a list item
  */
-declare const ListItem: _$react.FC<ListItemOwnProps>;
+declare const ListItem: _$react.FC<ListItemOwnProps>; //#endregion
 //#endregion
 export { List, ListItem, ListItemOwnProps, ListOwnProps };

package/dist/components/dist/list.js

@@ -8,7 +8,7 @@ const Ol = createComponent("ol");
 * @description A primitive that renders a list of items
 */
 const List = createComponent(({ children, as = "ul", ...rest }) => {
-	return jsx(as === "ol" ? Ol : Ul, {
+	return /* @__PURE__ */ jsx(as === "ol" ? Ol : Ul, {
 		...rest,
 		children
 	});

package/dist/components/dist/main.d.ts

@@ -2,10 +2,11 @@ import * as _$react from "react";
 import { HtmlMainProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/main.d.ts
+//#region src/main.d.ts
 interface MainProps extends HtmlMainProps, StyleAndModifierProps {}
 /**
  * @description A primitive for a main content area
  */
-declare const Main: _$react.FC<MainProps>;
+declare const Main: _$react.FC<MainProps>; //#endregion
 //#endregion
 export { Main, MainProps };

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

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/modal.config.d.ts
+//#region src/modal.config.d.ts
 declare const modalConfig: ComponentConfig<{
   Modal: {
     readonly base: {
@@ -392,6 +393,6 @@ declare const modalConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ModalConfig = typeof modalConfig;
+type ModalConfig = typeof modalConfig; //#endregion
 //#endregion
 export { ModalConfig, modalConfig };

package/dist/components/dist/modal.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/modal.d.ts
+//#region src/modal.d.ts
 /**
  * @description A modal overlay that requires user interaction before returning to the main content. Controlled via open prop bound to state; use on.openChange with setState (value: false) to close, and a Button on.press with setState (value: true) to open. Must be placed in a parent element's children array to render.
  */
@@ -428,6 +429,6 @@ interface ModalContextValue {
 }
 declare const ModalProvider: _$react.FC<{
     children: React.ReactNode;
-  } & Record<never, never>>, useModal: () => ModalContextValue;
+  } & Record<never, never>>, useModal: () => ModalContextValue; //#endregion
 //#endregion
 export { Modal, ModalContextValue, ModalProvider, useModal };

package/dist/components/dist/modal.js

@@ -29,7 +29,7 @@ const Modal = createComponent(({ props, children, open: controlledOpen, onOpenCh
 			document.body.style.overflow = "";
 		};
 	}, [open]);
-	return jsxs(Fragment, { children: [trigger && jsx("div", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [trigger && /* @__PURE__ */ jsx("div", {
 		role: "button",
 		tabIndex: 0,
 		onClick: () => setOpen(true),
@@ -38,31 +38,31 @@ const Modal = createComponent(({ props, children, open: controlledOpen, onOpenCh
 		},
 		...props.trigger,
 		children: trigger
-	}), open && jsxs("div", {
+	}), open && /* @__PURE__ */ jsxs("div", {
 		...props.overlay,
-		children: [jsx("button", {
+		children: [/* @__PURE__ */ jsx("button", {
 			type: "button",
 			"aria-label": "Close modal",
 			tabIndex: -1,
 			onClick: () => setOpen(false),
 			...props.dismiss
-		}), jsxs("div", {
+		}), /* @__PURE__ */ jsxs("div", {
 			ref: panelRef,
 			role: "dialog",
 			"aria-modal": "true",
 			tabIndex: -1,
 			...props.panel,
 			children: [
-				title ? jsx("div", {
+				title ? /* @__PURE__ */ jsx("div", {
 					...props.title,
 					children: title
 				}) : null,
-				description ? jsx("div", {
+				description ? /* @__PURE__ */ jsx("div", {
 					...props.description,
 					children: description
 				}) : null,
 				children ?? null,
-				actions ? jsx("div", {
+				actions ? /* @__PURE__ */ jsx("div", {
 					...props.actions,
 					children: actions
 				}) : null
@@ -109,7 +109,7 @@ const [ModalProvider, useModal] = createProvider("Modal", ({ children }) => {
 			close,
 			closeAll
 		},
-		render: jsxs(Fragment, { children: [children, modals.map(({ id, content, title, description, actions }) => jsx(Modal, {
+		render: /* @__PURE__ */ jsxs(Fragment, { children: [children, modals.map(({ id, content, title, description, actions }) => /* @__PURE__ */ jsx(Modal, {
 			open: true,
 			onOpenChange: (isOpen) => {
 				if (!isOpen) close(id);

package/dist/components/dist/nav-header.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/nav-header.config.d.ts
+//#region src/nav-header.config.d.ts
 declare const navHeaderConfig: ComponentConfig<{
   NavHeader: {
     readonly base: {
@@ -153,6 +154,6 @@ declare const navHeaderConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type NavHeaderConfig = typeof navHeaderConfig;
+type NavHeaderConfig = typeof navHeaderConfig; //#endregion
 //#endregion
 export { NavHeaderConfig, navHeaderConfig };

package/dist/components/dist/nav-header.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/nav-header.d.ts
+//#region src/nav-header.d.ts
 /**
  * @description A navigation header bar with title and optional action areas
  */
@@ -168,6 +169,6 @@ declare const NavHeader: _$react.FC<_$_uds_types0.CreateComponentProps<Component
   title: "span";
   actions: "div";
 }>>;
-type NavHeaderProps = React.ComponentProps<typeof NavHeader>;
+type NavHeaderProps = React.ComponentProps<typeof NavHeader>; //#endregion
 //#endregion
 export { NavHeader, NavHeaderProps };

package/dist/components/dist/nav-header.js

@@ -5,15 +5,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * @description A navigation header bar with title and optional action areas
 */
-const NavHeader = createComponent(({ props, children, title, actions }) => jsxs("div", {
+const NavHeader = createComponent(({ props, children, title, actions }) => /* @__PURE__ */ jsxs("div", {
 	...props.root,
 	children: [
-		title && jsx("span", {
+		title && /* @__PURE__ */ jsx("span", {
 			...props.title,
 			children: title
 		}),
 		children,
-		actions && jsx("div", {
+		actions && /* @__PURE__ */ jsx("div", {
 			...props.actions,
 			children: actions
 		})

package/dist/components/dist/nav.d.ts

@@ -2,10 +2,11 @@ import * as _$react from "react";
 import { HtmlNavProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/nav.d.ts
+//#region src/nav.d.ts
 interface NavProps extends HtmlNavProps, StyleAndModifierProps {}
 /**
  * @description A primitive which provides navigation links, either within the current document or to other documents
  */
-declare const Nav: _$react.FC<NavProps>;
+declare const Nav: _$react.FC<NavProps>; //#endregion
 //#endregion
 export { Nav, NavProps };

package/dist/components/dist/preset-bar.config.d.ts

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/preset-bar.config.d.ts
+//#region src/preset-bar.config.d.ts
 declare const presetBarConfig: ComponentConfig<{
   PresetBar: {
     readonly base: {
@@ -187,6 +188,6 @@ declare const presetBarConfig: ComponentConfig<{
     readonly defaultVariants: {};
   };
 }, {}>;
-type PresetBarConfig = typeof presetBarConfig;
+type PresetBarConfig = typeof presetBarConfig; //#endregion
 //#endregion
 export { PresetBarConfig, presetBarConfig };

package/dist/components/dist/preset-bar.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/preset-bar.d.ts
+//#region src/preset-bar.d.ts
 interface PresetItem {
   id: string;
   name: string;
@@ -210,6 +211,6 @@ declare const PresetBar: _$react.FC<_$_uds_types0.CreateComponentProps<Component
   item: "div";
   itemName: "span";
 }>>;
-type PresetBarProps = React.ComponentProps<typeof PresetBar>;
+type PresetBarProps = React.ComponentProps<typeof PresetBar>; //#endregion
 //#endregion
 export { PresetBar, PresetBarProps, PresetItem };

package/dist/components/dist/preset-bar.js

@@ -23,40 +23,40 @@ const PresetBar = createComponent(({ props, presets, onSave, onLoad, onDelete, p
 	const handleKeyDown = useCallback((e) => {
 		if (e.key === "Enter") handleSave();
 	}, [handleSave]);
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
-		children: [jsxs("div", {
+		children: [/* @__PURE__ */ jsxs("div", {
 			...props.inputRow,
-			children: [jsx("div", {
+			children: [/* @__PURE__ */ jsx("div", {
 				...props.inputWrapper,
-				children: jsx(Input, {
+				children: /* @__PURE__ */ jsx(Input, {
 					value: name,
 					onChange: handleChange,
 					onKeyDown: handleKeyDown,
 					placeholder
 				})
-			}), jsx(Button, {
+			}), /* @__PURE__ */ jsx(Button, {
 				variant: "brand",
 				size: "sm",
 				onClick: handleSave,
 				children: "Save"
 			})]
-		}), presets?.length > 0 && jsx("div", {
+		}), presets?.length > 0 && /* @__PURE__ */ jsx("div", {
 			...props.list,
-			children: presets.map((preset) => jsxs("div", {
+			children: presets.map((preset) => /* @__PURE__ */ jsxs("div", {
 				...props.item,
 				children: [
-					jsx("span", {
+					/* @__PURE__ */ jsx("span", {
 						...props.itemName,
 						children: preset.name
 					}),
-					jsx(Button, {
+					/* @__PURE__ */ jsx(Button, {
 						variant: "ghost",
 						size: "xs",
 						onClick: () => onLoad(preset.id),
 						children: "Load"
 					}),
-					jsx(Button, {
+					/* @__PURE__ */ jsx(Button, {
 						variant: "ghost",
 						size: "xs",
 						onClick: () => onDelete(preset.id),

package/dist/components/dist/presets/index.d.ts

@@ -28,6 +28,7 @@ import { itemConfig } from "../item.config.js";
 import { modalConfig } from "../modal.config.js";
 import { navHeaderConfig } from "../nav-header.config.js";
 import { presetBarConfig } from "../preset-bar.config.js";
+import { toastConfig } from "../toast.config.js";
 import { progressConfig } from "../progress.config.js";
 import { selectConfig } from "../select.config.js";
 import { sheetConfig } from "../sheet.config.js";
@@ -39,10 +40,10 @@ import { switchConfig } from "../switch.config.js";
 import { tabsConfig } from "../tabs.config.js";
 import { textConfig } from "../text.config.js";
 import { textareaConfig } from "../textarea.config.js";
-import { toastConfig } from "../toast.config.js";
 import { tooltipConfig } from "../tooltip.config.js";
 
 //#region ../components/dist/presets/index.d.ts
+//#region src/presets/index.d.ts
 declare const defaultComponentConfigs: readonly [ComponentConfig<{
   Anchor: {
     readonly base: {
@@ -17669,6 +17670,6 @@ declare const defaultComponentConfigs: readonly [ComponentConfig<{
       };
     };
   };
-}, {}>];
+}, {}>]; //#endregion
 //#endregion
 export { defaultComponentConfigs };

package/dist/components/dist/presets/index.js

@@ -2,8 +2,8 @@ import { textConfig } from "../text.config.js";
 import { accordionConfig } from "../accordion.config.js";
 import { alertConfig } from "../alert.config.js";
 import { anchorConfig } from "../anchor.config.js";
-import { avatarConfig } from "../avatar.config.js";
 import { avatarGroupConfig } from "../avatar-group.config.js";
+import { avatarConfig } from "../avatar.config.js";
 import { badgeConfig } from "../badge.config.js";
 import { breadcrumbConfig } from "../breadcrumb.config.js";
 import { buttonConfig } from "../button.config.js";

package/dist/components/dist/pressable.d.ts

@@ -2,10 +2,11 @@ import * as _$react from "react";
 import { HtmlButtonProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/pressable.d.ts
+//#region src/pressable.d.ts
 interface PressableProps extends HtmlButtonProps, StyleAndModifierProps {}
 /**
  * @description A bare interactive primitive with no predefined styles — you control all visual styling via style props. Use for custom interactive elements: color swatches, size chips, toggle pills, icon buttons, card-like clickable areas, or any tappable element that doesn't look like a standard button. ALWAYS include _hover and _pressed modifier props for visual feedback — a Pressable without these looks broken.
  */
-declare const Pressable: _$react.FC<PressableProps>;
+declare const Pressable: _$react.FC<PressableProps>; //#endregion
 //#endregion
 export { Pressable, PressableProps };

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

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/progress.config.d.ts
+//#region src/progress.config.d.ts
 declare const progressConfig: ComponentConfig<{
   Progress: {
     readonly base: {
@@ -291,6 +292,6 @@ declare const progressConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type ProgressConfig = typeof progressConfig;
+type ProgressConfig = typeof progressConfig; //#endregion
 //#endregion
 export { ProgressConfig, progressConfig };

package/dist/components/dist/progress.d.ts

@@ -3,6 +3,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/progress.d.ts
+//#region src/progress.d.ts
 /**
  * @description A bar that indicates the completion progress of a task
  */
@@ -306,6 +307,6 @@ declare const Progress: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentC
   track: "div";
   fill: "div";
 }>>;
-type ProgressProps = React.ComponentProps<typeof Progress>;
+type ProgressProps = React.ComponentProps<typeof Progress>; //#endregion
 //#endregion
 export { Progress, ProgressProps };

package/dist/components/dist/progress.js

@@ -15,24 +15,24 @@ const Progress = createComponent(({ props, value, label }) => {
 		...props.fill.style,
 		width: `${value}%`
 	};
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		...props.root,
 		style: rootStyle,
-		children: [label && jsxs("div", {
+		children: [label && /* @__PURE__ */ jsxs("div", {
 			style: {
 				display: "flex",
 				justifyContent: "space-between"
 			},
-			children: [jsx("span", {
+			children: [/* @__PURE__ */ jsx("span", {
 				...props.label,
 				children: label
-			}), jsxs("span", {
+			}), /* @__PURE__ */ jsxs("span", {
 				...props.value,
 				children: [value, "%"]
 			})]
-		}), jsx("div", {
+		}), /* @__PURE__ */ jsx("div", {
 			...props.track,
-			children: jsx("div", {
+			children: /* @__PURE__ */ jsx("div", {
 				...props.fill,
 				style: fillStyle
 			})

package/dist/components/dist/section.d.ts

@@ -2,10 +2,11 @@ import * as _$react from "react";
 import { HtmlSectionProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/section.d.ts
+//#region src/section.d.ts
 interface SectionProps extends HtmlSectionProps, StyleAndModifierProps {}
 /**
  * @description A generic standalone section of a document, which doesn't have a more Definitionific semantic element to represent it
  */
-declare const Section: _$react.FC<SectionProps>;
+declare const Section: _$react.FC<SectionProps>; //#endregion
 //#endregion
 export { Section, SectionProps };

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

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/select.config.d.ts
+//#region src/select.config.d.ts
 declare const selectConfig: ComponentConfig<{
   Select: {
     readonly base: {
@@ -26,6 +27,6 @@ declare const selectConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type SelectConfig = typeof selectConfig;
+type SelectConfig = typeof selectConfig; //#endregion
 //#endregion
 export { SelectConfig, selectConfig };

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

@@ -4,6 +4,7 @@ import * as _$_uds_types0 from "@uds/types";
 import { HtmlOptionProps, HtmlSelectProps, StyleAndModifierProps } from "@uds/types";
 
 //#region ../components/dist/select.d.ts
+//#region src/select.d.ts
 interface SelectOwnProps extends HtmlSelectProps, StyleAndModifierProps {
   children?: React.ReactNode;
 }
@@ -40,6 +41,6 @@ declare const Select: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
 /**
  * @description A primitive that provides a set of options for a user to choose from
  */
-declare const Option: _$react.FC<OptionProps>;
+declare const Option: _$react.FC<OptionProps>; //#endregion
 //#endregion
 export { Option, OptionProps, Select, SelectOwnProps };

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

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/sheet.config.d.ts
+//#region src/sheet.config.d.ts
 declare const sheetConfig: ComponentConfig<{
   Sheet: {
     readonly base: {
@@ -240,6 +241,6 @@ declare const sheetConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type SheetConfig = typeof sheetConfig;
+type SheetConfig = typeof sheetConfig; //#endregion
 //#endregion
 export { SheetConfig, sheetConfig };

package/dist/components/dist/sheet.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../components/dist/sheet.d.ts
+//#region src/sheet.d.ts
 /**
  * @description A panel that slides in from the edge of the screen
  */
@@ -262,6 +263,6 @@ declare const Sheet: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
   content: "div";
   footer: "div";
 }>>;
-type SheetProps = React.ComponentProps<typeof Sheet>;
+type SheetProps = React.ComponentProps<typeof Sheet>; //#endregion
 //#endregion
 export { Sheet, SheetProps };

package/dist/components/dist/sheet.js

@@ -12,36 +12,36 @@ const Sheet = createComponent(({ props, children, open: controlledOpen, onOpenCh
 	const open = controlledOpen ?? internalOpen;
 	const setOpen = onOpenChange ?? setInternalOpen;
 	const state = open ? "open" : "closed";
-	return jsxs("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		"data-state": state,
 		...props.root,
-		children: [jsx("button", {
+		children: [/* @__PURE__ */ jsx("button", {
 			type: "button",
 			"data-state": state,
 			onClick: () => setOpen(false),
 			"aria-label": "Close sheet",
 			...props.overlay
-		}), jsxs("div", {
+		}), /* @__PURE__ */ jsxs("div", {
 			"data-state": state,
 			...props.panel,
 			children: [
-				jsxs("div", {
+				/* @__PURE__ */ jsxs("div", {
 					...props.header,
-					children: [title && jsx("div", {
+					children: [title && /* @__PURE__ */ jsx("div", {
 						...props.title,
 						children: title
-					}), jsx("button", {
+					}), /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => setOpen(false),
 						...props.close,
 						children: "✕"
 					})]
 				}),
-				jsx("div", {
+				/* @__PURE__ */ jsx("div", {
 					...props.content,
 					children
 				}),
-				footer && jsx("div", {
+				footer && /* @__PURE__ */ jsx("div", {
 					...props.footer,
 					children: footer
 				})

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

@@ -1,5 +1,6 @@
 import { ComponentConfig } from "../../config/dist/createConfig.js";
 //#region ../components/dist/sidebar.config.d.ts
+//#region src/sidebar.config.d.ts
 declare const sidebarConfig: ComponentConfig<{
   Sidebar: {
     readonly base: {
@@ -1646,6 +1647,6 @@ declare const sidebarConfig: ComponentConfig<{
     };
   };
 }, {}>;
-type SidebarConfig = typeof sidebarConfig;
+type SidebarConfig = typeof sidebarConfig; //#endregion
 //#endregion
 export { SidebarConfig, sidebarConfig };