@krelborn/stylesui 0.8.1 → 0.9.0

package/dist/components/NavList/NavList.js

@@ -3,7 +3,7 @@ import t from "./NavList.module.js";
 import { clsx as n } from "clsx";
 import { c as r } from "react/compiler-runtime";
 import { jsx as i } from "react/jsx-runtime";
-//#region src/components/NavList/NavList.tsx
+// src/components/NavList/NavList.tsx
 function a(a) {
 	let o = r(12), s, c, l;
 	o[0] === a ? (s = o[1], c = o[2], l = o[3]) : ({children: s, className: c, ...l} = a, o[0] = a, o[1] = s, o[2] = c, o[3] = l);
@@ -24,5 +24,4 @@ function a(a) {
 		children: d
 	}), o[8] = l, o[9] = u, o[10] = d, o[11] = f) : f = o[11], f;
 }
-//#endregion
 export { a as NavList };

package/dist/components/NavList/NavList.module.js

@@ -1,4 +1,4 @@
-import './NavList.css';//#region src/components/NavList/NavList.module.css
+import './NavList.css';// src/components/NavList/NavList.module.css
 var e = "sui-navList-MII8M", t = "sui-list-oNLze", n = "sui-group-18cks", r = "sui-groupTitle-Ftg7C", i = "sui-item-2Rc1V", a = "sui-label-WQWVq", o = "sui-trailing-g7A1F", s = {
 	navList: e,
 	list: t,
@@ -8,5 +8,4 @@ var e = "sui-navList-MII8M", t = "sui-list-oNLze", n = "sui-group-18cks", r = "s
 	label: a,
 	trailing: o
 };
-//#endregion
 export { s as default, n as group, r as groupTitle, i as item, a as label, t as list, e as navList, o as trailing };

package/dist/components/NavList/NavListGroup.js

@@ -5,7 +5,7 @@ import { clsx as r } from "clsx";
 import { useId as i } from "react";
 import { c as a } from "react/compiler-runtime";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/NavList/NavListGroup.tsx
+// src/components/NavList/NavListGroup.tsx
 function c(c) {
 	let l = a(20), u, d, f, p, m;
 	l[0] === c ? (u = l[1], d = l[2], f = l[3], p = l[4], m = l[5]) : ({children: u, className: d, headingLevel: f, title: m, ...p} = c, l[0] = c, l[1] = u, l[2] = d, l[3] = f, l[4] = p, l[5] = m);
@@ -36,5 +36,4 @@ function c(c) {
 		children: [_, v]
 	}), l[15] = p, l[16] = g, l[17] = _, l[18] = v, l[19] = y) : y = l[19], y;
 }
-//#endregion
 export { c as NavListGroup };

package/dist/components/NavList/NavListItem.d.ts

@@ -1,9 +1,10 @@
-import type { ComponentPropsWithRef, JSX, JSXElementConstructor, ReactNode } from "react";
+import type { JSX, ReactNode } from "react";
+import type { LinkOrButtonElement, LinkOrButtonProps } from "../../links";
 /**
  * What a `NavListItem` can render: a link, a button for switching views, or a component that renders an anchor, such
  * as a router's link
  */
-export type NavListItemElement = "a" | "button" | JSXElementConstructor<never>;
+export type NavListItemElement = LinkOrButtonElement;
 interface NavListItemOwnProps {
     /**
      * The label. It is never a render function, even when the component given in `as` takes one, because the item
@@ -25,18 +26,13 @@ interface NavListItemElementOwnProps<E extends NavListItemElement> {
      */
     className?: string;
 }
-type PropsOnlyOn<Element extends "a" | "button", Other extends "a" | "button"> = {
-    [Name in Exclude<keyof ComponentPropsWithRef<Element>, keyof ComponentPropsWithRef<Other>>]?: never;
-};
-type NavListItemElementProps<E extends NavListItemElement> = E extends JSXElementConstructor<infer Props> ? Props : E extends "button" ? ComponentPropsWithRef<"button"> & PropsOnlyOn<"a", "button"> : ComponentPropsWithRef<"a"> & PropsOnlyOn<"button", "a">;
-type OmitFromEach<Props, Name extends PropertyKey> = Props extends unknown ? Omit<Props, Name> : never;
 /**
  * Props for `NavListItem`: `children` and `trailing` plus every other prop of the link, button or component given in
  * `as`, except `dangerouslySetInnerHTML`. When `as` may be either a link or a button, only props both accept are
  * allowed.
  */
 export type NavListItemProps<E extends NavListItemElement = "a"> = E extends NavListItemElement ? NavListItemPropsFor<E> : never;
-type NavListItemPropsFor<E extends NavListItemElement> = NavListItemOwnProps & NavListItemElementOwnProps<E> & OmitFromEach<NavListItemElementProps<E>, "dangerouslySetInnerHTML" | keyof NavListItemOwnProps | keyof NavListItemElementOwnProps<E>>;
+type NavListItemPropsFor<E extends NavListItemElement> = NavListItemOwnProps & NavListItemElementOwnProps<E> & LinkOrButtonProps<E, "dangerouslySetInnerHTML" | keyof NavListItemOwnProps | keyof NavListItemElementOwnProps<E>>;
 /**
  * One item in a `NavList`. Every prop but `children` and `trailing` goes to the link, button or component given in
  * `as`, not the list item around it. A component given in `as` must pass the `className` it is given on to its anchor,

package/dist/components/NavList/NavListItem.js

@@ -4,7 +4,7 @@ import n from "./NavList.module.js";
 import { clsx as r } from "clsx";
 import { c as i } from "react/compiler-runtime";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/NavList/NavListItem.tsx
+// src/components/NavList/NavListItem.tsx
 function c(c) {
 	let u = i(15), d, f, p;
 	if (u[0] !== c) {
@@ -53,5 +53,4 @@ function l(e, n, r, i) {
 		children: r
 	});
 }
-//#endregion
 export { c as NavListItem };

package/dist/components/Overlay/Overlay.js

@@ -1,18 +1,18 @@
-import { Box as e } from "../Box/Box.js";
-import { syncPopover as t } from "../../overlays/syncPopover.js";
+import { syncPopover as e } from "../../overlays/syncPopover.js";
+import { Box as t } from "../Box/Box.js";
 import n from "./Overlay.module.js";
 import { clsx as r } from "clsx";
 import { useEffect as i, useRef as a } from "react";
 import { c as o } from "react/compiler-runtime";
 import { jsx as s } from "react/jsx-runtime";
-//#region src/components/Overlay/Overlay.tsx
+// src/components/Overlay/Overlay.tsx
 function c(c) {
 	let l = o(24), u, d, f, p, m, h, g, _;
 	l[0] === c ? (u = l[1], d = l[2], f = l[3], p = l[4], m = l[5], h = l[6], g = l[7], _ = l[8]) : ({anchorName: u, as: d, className: f, open: p, placement: m, popover: h, style: _, ...g} = c, l[0] = c, l[1] = u, l[2] = d, l[3] = f, l[4] = p, l[5] = m, l[6] = h, l[7] = g, l[8] = _);
 	let v = a(null), y, b;
 	l[9] === p ? (y = l[10], b = l[11]) : (y = () => {
-		let e = v.current;
-		if (e !== null && "showPopover" in e) return t(e, p);
+		let t = v.current;
+		if (t !== null && "showPopover" in t) return e(t, p);
 	}, b = [p], l[9] = p, l[10] = y, l[11] = b), i(y, b);
 	let x = d, S;
 	l[12] === f ? S = l[13] : (S = r(n.overlay, f), l[12] = f, l[13] = S);
@@ -22,7 +22,7 @@ function c(c) {
 		positionAnchor: u
 	}, l[14] = u, l[15] = _, l[16] = C) : C = l[16];
 	let w;
-	return l[17] !== m || l[18] !== h || l[19] !== g || l[20] !== x || l[21] !== S || l[22] !== C ? (w = /* @__PURE__ */ s(e, {
+	return l[17] !== m || l[18] !== h || l[19] !== g || l[20] !== x || l[21] !== S || l[22] !== C ? (w = /* @__PURE__ */ s(t, {
 		...g,
 		as: x,
 		className: S,
@@ -32,5 +32,4 @@ function c(c) {
 		"data-placement": m
 	}), l[17] = m, l[18] = h, l[19] = g, l[20] = x, l[21] = S, l[22] = C, l[23] = w) : w = l[23], w;
 }
-//#endregion
 export { c as Overlay };

package/dist/components/Overlay/Overlay.module.js

@@ -1,4 +1,3 @@
-import './Overlay.css';//#region src/components/Overlay/Overlay.module.css
+import './Overlay.css';// src/components/Overlay/Overlay.module.css
 var e = "sui-overlay-EkbfA", t = { overlay: e };
-//#endregion
 export { t as default, e as overlay };

package/dist/components/PageLayout/PageLayout.js

@@ -1,18 +1,17 @@
-import { Box as e } from "../Box/Box.js";
-import { spaceValue as t } from "../../layout/spaceValue.js";
-import { withCustomProperties as n } from "../../layout/withCustomProperties.js";
+import { spaceValue as e } from "../../layout/spaceValue.js";
+import { withCustomProperties as t } from "../../layout/withCustomProperties.js";
+import { Box as n } from "../Box/Box.js";
 import r from "./PageLayout.module.js";
 import { clsx as i } from "clsx";
 import { jsx as a } from "react/jsx-runtime";
-//#region src/components/PageLayout/PageLayout.tsx
+// src/components/PageLayout/PageLayout.tsx
 function o({ as: o, className: s, gap: c = 0, ...l }) {
 	let { style: u, ...d } = l;
-	return /* @__PURE__ */ a(e, {
+	return /* @__PURE__ */ a(n, {
 		...d,
 		as: o,
 		className: i(r.pageLayout, s),
-		style: n({ "--sui-page-layout-gap": t(c) }, u)
+		style: t({ "--sui-page-layout-gap": e(c) }, u)
 	});
 }
-//#endregion
 export { o as PageLayout };

package/dist/components/PageLayout/PageLayout.module.js

@@ -1,4 +1,3 @@
-import './PageLayout.css';//#region src/components/PageLayout/PageLayout.module.css
+import './PageLayout.css';// src/components/PageLayout/PageLayout.module.css
 var e = "sui-pageLayout-5SkLH", t = { pageLayout: e };
-//#endregion
 export { t as default, e as pageLayout };

package/dist/components/Popover/Popover.js

@@ -3,7 +3,7 @@ import t from "./Popover.module.js";
 import { clsx as n } from "clsx";
 import { c as r } from "react/compiler-runtime";
 import { jsx as i } from "react/jsx-runtime";
-//#region src/components/Popover/Popover.tsx
+// src/components/Popover/Popover.tsx
 function a(a) {
 	let o = r(8), s, c;
 	o[0] === a ? (s = o[1], c = o[2]) : ({className: s, ...c} = a, o[0] = a, o[1] = s, o[2] = c);
@@ -17,5 +17,4 @@ function a(a) {
 		popover: "auto"
 	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
 }
-//#endregion
 export { a as Popover };

package/dist/components/Popover/Popover.module.js

@@ -1,4 +1,3 @@
-import './Popover.css';//#region src/components/Popover/Popover.module.css
+import './Popover.css';// src/components/Popover/Popover.module.css
 var e = "sui-popover-E9K9X", t = { popover: e };
-//#endregion
 export { t as default, e as popover };

package/dist/components/Popover/usePopover.js

@@ -2,65 +2,70 @@ import { anchorNameFor as e } from "../../overlays/anchorNameFor.js";
 import { mergeProps as t } from "../../overlays/mergeProps.js";
 import { syncPopover as n } from "../../overlays/syncPopover.js";
 import { useEffect as r, useId as i, useRef as a, useState as o } from "react";
-//#region src/components/Popover/usePopover.ts
-function s({ defaultOpen: s = !1, initialFocus: u, onOpenChange: d, open: f, placement: p = "bottom" } = {}) {
-	let m = i(), [h, g] = o(s), [_, v] = o(0), y = a(null), b = a(!1), x = a(!1), S = f !== void 0, C = f ?? h, w = e(m);
+// src/components/Popover/usePopover.ts
+function s({ defaultOpen: s = !1, initialFocus: d, onOpenChange: f, open: p, placement: m = "bottom" } = {}) {
+	let h = i(), [g, _] = o(s), [v, y] = o(0), b = a(null), x = a(!1), S = a(!1), C = p !== void 0, w = p ?? g, T = e(h);
 	r(() => {
-		let e = y.current;
-		if (_ !== 0 && C && e !== null && e.isConnected) return n(e, !0);
-	}, [C, _]);
-	function T(e) {
-		S || g(e), d?.(e);
-	}
+		let e = b.current;
+		if (v !== 0 && w && e !== null && e.isConnected) return n(e, !0);
+	}, [w, v]);
 	function E(e) {
-		if (e.newState === "closed") {
-			let t = e.currentTarget;
-			b.current = t.contains(t.ownerDocument.activeElement) || x.current && l(t.ownerDocument), x.current = !1;
-		}
-		S && !C && e.newState === "open" && (e.preventDefault(), d?.(!0));
+		C || _(e), f?.(e);
 	}
 	function D(e) {
+		if (!c(e)) {
+			if (e.newState === "closed") {
+				let t = e.currentTarget;
+				x.current = t.contains(t.ownerDocument.activeElement) || S.current && u(t.ownerDocument);
+			}
+			S.current = !1, C && !w && e.newState === "open" && (e.preventDefault(), f?.(!0));
+		}
+	}
+	function O(e) {
+		if (c(e)) return;
 		let t = e.newState === "open";
-		t ? u?.current?.focus() : b.current && (b.current = !1, c(e.currentTarget)), t !== C && (T(t), S && (y.current = e.currentTarget, v((e) => e + 1)));
+		t ? d?.current?.focus() : x.current && (x.current = !1, l(e.currentTarget)), t !== w && (E(t), C && (b.current = e.currentTarget, y((e) => e + 1)));
 	}
-	function O() {
-		C && (x.current = !0, T(!1));
+	function k() {
+		w && (S.current = !0, E(!1));
 	}
-	let k = {
-		anchorName: w,
-		id: m,
-		onBeforeToggle: E,
-		onToggle: D,
-		open: C,
-		placement: p
-	}, A = {
-		"aria-controls": m,
-		"aria-expanded": C,
-		popoverTarget: m,
-		style: { anchorName: w }
+	let A = {
+		anchorName: T,
+		id: h,
+		onBeforeToggle: D,
+		onToggle: O,
+		open: w,
+		placement: m
+	}, j = {
+		"aria-controls": h,
+		"aria-expanded": w,
+		popoverTarget: h,
+		style: { anchorName: T }
 	};
-	function j(e) {
-		return t(e, k);
-	}
 	function M(e) {
 		return t(e, A);
 	}
+	function N(e) {
+		return t(e, j);
+	}
 	return {
-		close: O,
-		getOverlayProps: j,
-		getTriggerProps: M,
-		open: C
+		close: k,
+		getOverlayProps: M,
+		getTriggerProps: N,
+		open: w
 	};
 }
 function c(e) {
-	(l(e.ownerDocument) || e.contains(e.ownerDocument.activeElement)) && u(e)?.focus();
+	return e.target !== e.currentTarget;
 }
 function l(e) {
-	return e.activeElement === null || e.activeElement === e.body;
+	(u(e.ownerDocument) || e.contains(e.ownerDocument.activeElement)) && d(e)?.focus();
 }
 function u(e) {
+	return e.activeElement === null || e.activeElement === e.body;
+}
+function d(e) {
 	let t = e.ownerDocument.querySelectorAll("[popovertarget]");
 	return Array.from(t).find((t) => t.getAttribute("popovertarget") === e.id && !e.contains(t)) ?? null;
 }
-//#endregion
 export { s as usePopover };

package/dist/components/Prose/Prose.js

@@ -2,7 +2,7 @@ import { Box as e } from "../Box/Box.js";
 import t from "./Prose.module.js";
 import { clsx as n } from "clsx";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/components/Prose/Prose.tsx
+// src/components/Prose/Prose.tsx
 function i({ as: i, className: a, codeOverflow: o = "wrap", size: s = "md", ...c }) {
 	return /* @__PURE__ */ r(e, {
 		...c,
@@ -12,5 +12,4 @@ function i({ as: i, className: a, codeOverflow: o = "wrap", size: s = "md", ...c
 		"data-size": s
 	});
 }
-//#endregion
 export { i as Prose };

package/dist/components/Prose/Prose.module.js

@@ -1,4 +1,3 @@
-import './Prose.css';//#region src/components/Prose/Prose.module.css
+import './Prose.css';// src/components/Prose/Prose.module.css
 var e = "sui-prose-Obc4t", t = { prose: e };
-//#endregion
 export { t as default, e as prose };

package/dist/components/Radio/Radio.js

@@ -2,7 +2,7 @@ import { useRadioGroupItem as e } from "../../forms/useRadioGroupItem.js";
 import { ChoiceControl as t } from "../ChoiceControl/ChoiceControl.js";
 import { c as n } from "react/compiler-runtime";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/components/Radio/Radio.tsx
+// src/components/Radio/Radio.tsx
 function i(i) {
 	let a = n(13), o, s, c, l;
 	a[0] === i ? (o = a[1], s = a[2], c = a[3], l = a[4]) : ({children: o, onChange: s, value: l, ...c} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = c, a[4] = l);
@@ -20,5 +20,4 @@ function i(i) {
 		children: o
 	}), a[8] = o, a[9] = d, a[10] = c, a[11] = l, a[12] = f) : f = a[12], f;
 }
-//#endregion
 export { i as Radio };

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,12 +1,12 @@
 import { hasContent as e } from "../../forms/hasContent.js";
 import { RadioGroupContext as t } from "../../forms/RadioGroupContext.js";
 import { Box as n } from "../Box/Box.js";
-import { RequiredIndicator as r } from "../RequiredIndicator/RequiredIndicator.js";
-import { Fieldset as i } from "../Fieldset/Fieldset.js";
+import { Fieldset as r } from "../Fieldset/Fieldset.js";
+import { RequiredIndicator as i } from "../RequiredIndicator/RequiredIndicator.js";
 import a from "./RadioGroup.module.js";
 import { useId as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/RadioGroup/RadioGroup.tsx
+// src/components/RadioGroup/RadioGroup.tsx
 function u({ children: u, defaultValue: d, error: f, label: p, name: m, onValueChange: h, orientation: g = "vertical", required: _ = !1, value: v, ...y }) {
 	let b = o(), x = e(f);
 	return /* @__PURE__ */ c(t.Provider, {
@@ -18,10 +18,10 @@ function u({ children: u, defaultValue: d, error: f, label: p, name: m, onValueC
 			required: _,
 			value: v
 		},
-		children: /* @__PURE__ */ c(i, {
+		children: /* @__PURE__ */ c(r, {
 			...y,
 			error: f,
-			label: _ ? /* @__PURE__ */ l(s, { children: [p, /* @__PURE__ */ c(r, {})] }) : p,
+			label: _ ? /* @__PURE__ */ l(s, { children: [p, /* @__PURE__ */ c(i, {})] }) : p,
 			role: "radiogroup",
 			"aria-invalid": x ? !0 : void 0,
 			"aria-required": _ ? !0 : void 0,
@@ -33,5 +33,4 @@ function u({ children: u, defaultValue: d, error: f, label: p, name: m, onValueC
 		})
 	});
 }
-//#endregion
 export { u as RadioGroup };

package/dist/components/RadioGroup/RadioGroup.module.js

@@ -1,4 +1,3 @@
-import './RadioGroup.css';//#region src/components/RadioGroup/RadioGroup.module.css
+import './RadioGroup.css';// src/components/RadioGroup/RadioGroup.module.css
 var e = "sui-radioGroup-pO2pz", t = { radioGroup: e };
-//#endregion
 export { t as default, e as radioGroup };

package/dist/components/RequiredIndicator/RequiredIndicator.js

@@ -2,7 +2,7 @@ import { Box as e } from "../Box/Box.js";
 import t from "./RequiredIndicator.module.js";
 import { c as n } from "react/compiler-runtime";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/components/RequiredIndicator/RequiredIndicator.tsx
+// src/components/RequiredIndicator/RequiredIndicator.tsx
 function i() {
 	let i = n(1), a;
 	return i[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ r(e, {
@@ -12,5 +12,4 @@ function i() {
 		children: "*"
 	}), i[0] = a) : a = i[0], a;
 }
-//#endregion
 export { i as RequiredIndicator };

package/dist/components/RequiredIndicator/RequiredIndicator.module.js

@@ -1,4 +1,3 @@
-import './RequiredIndicator.css';//#region src/components/RequiredIndicator/RequiredIndicator.module.css
+import './RequiredIndicator.css';// src/components/RequiredIndicator/RequiredIndicator.module.css
 var e = "sui-requiredIndicator-11-gH", t = { requiredIndicator: e };
-//#endregion
 export { t as default, e as requiredIndicator };

package/dist/components/Row/Row.js

@@ -1,6 +1,6 @@
 import { HorizontalFlow as e } from "../HorizontalFlow/HorizontalFlow.js";
 import { jsx as t } from "react/jsx-runtime";
-//#region src/components/Row/Row.tsx
+// src/components/Row/Row.tsx
 function n({ align: n = "center", gap: r = 2, justify: i = "start", ...a }) {
 	return /* @__PURE__ */ t(e, {
 		...a,
@@ -10,5 +10,4 @@ function n({ align: n = "center", gap: r = 2, justify: i = "start", ...a }) {
 		wrap: !1
 	});
 }
-//#endregion
 export { n as Row };

package/dist/components/SegmentedControl/Segment.js

@@ -4,7 +4,7 @@ import n from "./SegmentedControl.module.js";
 import { clsx as r } from "clsx";
 import { c as i } from "react/compiler-runtime";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/SegmentedControl/Segment.tsx
+// src/components/SegmentedControl/Segment.tsx
 function s(s) {
 	let c = i(23), l, u, d, f, p, m;
 	c[0] === s ? (l = c[1], u = c[2], d = c[3], f = c[4], p = c[5], m = c[6]) : ({children: l, className: u, onChange: d, style: p, value: m, ...f} = s, c[0] = s, c[1] = l, c[2] = u, c[3] = d, c[4] = f, c[5] = p, c[6] = m);
@@ -38,5 +38,4 @@ function s(s) {
 		children: [v, y]
 	}), c[18] = p, c[19] = _, c[20] = v, c[21] = y, c[22] = b) : b = c[22], b;
 }
-//#endregion
 export { s as Segment };

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -3,7 +3,7 @@ import { RadioGroup as t } from "../RadioGroup/RadioGroup.js";
 import n from "./SegmentedControl.module.js";
 import { clsx as r } from "clsx";
 import { jsx as i } from "react/jsx-runtime";
-//#region src/components/SegmentedControl/SegmentedControl.tsx
+// src/components/SegmentedControl/SegmentedControl.tsx
 function a({ children: a, className: o, size: s = "md", ...c }) {
 	return /* @__PURE__ */ i(t, {
 		...c,
@@ -16,5 +16,4 @@ function a({ children: a, className: o, size: s = "md", ...c }) {
 		})
 	});
 }
-//#endregion
 export { a as SegmentedControl };

package/dist/components/SegmentedControl/SegmentedControl.module.js

@@ -1,4 +1,4 @@
-import './SegmentedControl.css';//#region src/components/SegmentedControl/SegmentedControl.module.css
+import './SegmentedControl.css';// src/components/SegmentedControl/SegmentedControl.module.css
 var e = "sui-track-wz5iS", t = "sui-segmentedControl-ocGwO", n = "sui-segment-cu-EL", r = "sui-input-IEP3u", i = "sui-text-5WlQL", a = {
 	track: e,
 	segmentedControl: t,
@@ -6,5 +6,4 @@ var e = "sui-track-wz5iS", t = "sui-segmentedControl-ocGwO", n = "sui-segment-cu
 	input: r,
 	text: i
 };
-//#endregion
 export { a as default, r as input, n as segment, t as segmentedControl, i as text, e as track };

package/dist/components/Select/Select.js

@@ -1,6 +1,6 @@
 import { TextControl as e } from "../TextControl/TextControl.js";
 import { jsx as t } from "react/jsx-runtime";
-//#region src/components/Select/Select.tsx
+// src/components/Select/Select.tsx
 function n({ size: n = "md", ...r }) {
 	return /* @__PURE__ */ t(e, {
 		...r,
@@ -8,5 +8,4 @@ function n({ size: n = "md", ...r }) {
 		size: n
 	});
 }
-//#endregion
 export { n as Select };

package/dist/components/Sidebar/Sidebar.js

@@ -1,24 +1,23 @@
-import { Box as e } from "../Box/Box.js";
-import { spaceValue as t } from "../../layout/spaceValue.js";
-import { withCustomProperties as n } from "../../layout/withCustomProperties.js";
+import { spaceValue as e } from "../../layout/spaceValue.js";
+import { withCustomProperties as t } from "../../layout/withCustomProperties.js";
+import { Box as n } from "../Box/Box.js";
 import r from "./Sidebar.module.js";
 import { clsx as i } from "clsx";
 import { jsx as a } from "react/jsx-runtime";
-//#region src/components/Sidebar/Sidebar.tsx
+// src/components/Sidebar/Sidebar.tsx
 function o({ align: o = "stretch", as: s, className: c, contentMinimumWidth: l = "50%", gap: u = 4, side: d = "end", sideWidth: f, ...p }) {
 	let { style: m, ...h } = p;
-	return /* @__PURE__ */ a(e, {
+	return /* @__PURE__ */ a(n, {
 		...h,
 		as: s,
 		className: i(r.sidebar, c),
-		style: n({
+		style: t({
 			"--sui-sidebar-content-minimum-width": l,
-			"--sui-sidebar-gap": t(u),
+			"--sui-sidebar-gap": e(u),
 			"--sui-sidebar-side-width": f ?? "auto"
 		}, m),
 		"data-align": o,
 		"data-side": d
 	});
 }
-//#endregion
 export { o as Sidebar };

package/dist/components/Sidebar/Sidebar.module.js

@@ -1,4 +1,3 @@
-import './Sidebar.css';//#region src/components/Sidebar/Sidebar.module.css
+import './Sidebar.css';// src/components/Sidebar/Sidebar.module.css
 var e = "sui-sidebar-UB1qz", t = { sidebar: e };
-//#endregion
 export { t as default, e as sidebar };

package/dist/components/SkipLink/SkipLink.js

@@ -3,7 +3,7 @@ import t from "./SkipLink.module.js";
 import { clsx as n } from "clsx";
 import { c as r } from "react/compiler-runtime";
 import { jsx as i } from "react/jsx-runtime";
-//#region src/components/SkipLink/SkipLink.tsx
+// src/components/SkipLink/SkipLink.tsx
 function a(a) {
 	let o = r(10), s, c, l;
 	o[0] === a ? (s = o[1], c = o[2], l = o[3]) : ({children: s, className: c, ...l} = a, o[0] = a, o[1] = s, o[2] = c, o[3] = l);
@@ -17,5 +17,4 @@ function a(a) {
 		children: s
 	}), o[6] = s, o[7] = l, o[8] = u, o[9] = d) : d = o[9], d;
 }
-//#endregion
 export { a as SkipLink };

package/dist/components/SkipLink/SkipLink.module.js

@@ -1,4 +1,3 @@
-import './SkipLink.css';//#region src/components/SkipLink/SkipLink.module.css
+import './SkipLink.css';// src/components/SkipLink/SkipLink.module.css
 var e = "sui-skipLink-lRGho", t = { skipLink: e };
-//#endregion
 export { t as default, e as skipLink };

package/dist/components/Spinner/Spinner.js

@@ -3,7 +3,7 @@ import t from "./Spinner.module.js";
 import { clsx as n } from "clsx";
 import { c as r } from "react/compiler-runtime";
 import { jsx as i } from "react/jsx-runtime";
-//#region src/components/Spinner/Spinner.tsx
+// src/components/Spinner/Spinner.tsx
 function a(a) {
 	let o = r(5), { className: s } = a, c;
 	o[0] === s ? c = o[1] : (c = n(t.spinner, s), o[0] = s, o[1] = c);
@@ -29,5 +29,4 @@ function a(a) {
 		children: l
 	}), o[3] = c, o[4] = u), u;
 }
-//#endregion
 export { a as Spinner };

package/dist/components/Spinner/Spinner.module.js

@@ -1,8 +1,7 @@
-import './Spinner.css';//#region src/components/Spinner/Spinner.module.css
+import './Spinner.css';// src/components/Spinner/Spinner.module.css
 var e = "sui-spinner-GpFZS", t = "sui-rotate-RRVpi", n = "sui-pulse-ZOhFR", r = {
 	spinner: e,
 	rotate: t,
 	pulse: n
 };
-//#endregion
 export { r as default, n as pulse, t as rotate, e as spinner };

package/dist/components/Stack/Stack.js

@@ -1,21 +1,20 @@
-import { Box as e } from "../Box/Box.js";
-import { listRole as t } from "../../layout/listRole.js";
-import { spaceValue as n } from "../../layout/spaceValue.js";
-import { withCustomProperties as r } from "../../layout/withCustomProperties.js";
+import { listRole as e } from "../../layout/listRole.js";
+import { spaceValue as t } from "../../layout/spaceValue.js";
+import { withCustomProperties as n } from "../../layout/withCustomProperties.js";
+import { Box as r } from "../Box/Box.js";
 import i from "./Stack.module.js";
 import { clsx as a } from "clsx";
 import { jsx as o } from "react/jsx-runtime";
-//#region src/components/Stack/Stack.tsx
+// src/components/Stack/Stack.tsx
 function s({ align: s = "stretch", as: c, className: l, gap: u = 4, ...d }) {
 	let { role: f, style: p, ...m } = d, h = c ?? "div";
-	return /* @__PURE__ */ o(e, {
+	return /* @__PURE__ */ o(r, {
 		...m,
 		as: h,
 		className: a(i.stack, l),
-		role: t(h, f),
-		style: r({ "--sui-stack-gap": n(u) }, p),
+		role: e(h, f),
+		style: n({ "--sui-stack-gap": t(u) }, p),
 		"data-align": s
 	});
 }
-//#endregion
 export { s as Stack };

package/dist/components/Stack/Stack.module.js

@@ -1,4 +1,3 @@
-import './Stack.css';//#region src/components/Stack/Stack.module.css
+import './Stack.css';// src/components/Stack/Stack.module.css
 var e = "sui-stack-yUU-B", t = { stack: e };
-//#endregion
 export { t as default, e as stack };

package/dist/components/StatusDot/StatusDot.js

@@ -2,7 +2,7 @@ import { Box as e } from "../Box/Box.js";
 import t from "./StatusDot.module.js";
 import { clsx as n } from "clsx";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/components/StatusDot/StatusDot.tsx
+// src/components/StatusDot/StatusDot.tsx
 function i({ className: i, label: a, size: o = "md", tone: s = "neutral", variant: c = "solid", ...l }) {
 	let u = !a;
 	return /* @__PURE__ */ r(e, {
@@ -17,5 +17,4 @@ function i({ className: i, label: a, size: o = "md", tone: s = "neutral", varian
 		"data-variant": c
 	});
 }
-//#endregion
 export { i as StatusDot };