@bysages/solid 0.4.4 → 0.5.0

package/dist/components/scroll-area/index.mjs

@@ -1,27 +1,36 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { createComponent } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { For, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
+import { For, createComponent as createComponent$1, mergeProps as mergeProps$1, splitProps } from "solid-js";
 import { ScrollArea as ScrollArea$1 } from "@ark-ui/solid/scroll-area";
-//#region src/components/scroll-area/index.tsx
+// src/components/scroll-area/index.tsx
 /** Ark's ScrollArea, dressed in the paper-and-ink system: native bars
 * give way to quiet ink lanes that surface on hover and scroll. The API
 * is Ark's own — Root, Viewport, Content, Scrollbar, Thumb, Corner. */
 function ScrollAreaRoot(props) {
-	const id = useElementId("scroll-area", () => props.id);
-	return createComponent$1(ScrollArea$1.Root, mergeProps$1(props, { get id() {
-		return id();
-	} }));
+	const [own, rest] = splitProps(props, ["fade"]);
+	const id = useElementId("scroll-area", () => rest.id);
+	return createComponent$1(ScrollArea$1.Root, mergeProps$1(rest, {
+		get id() {
+			return id();
+		},
+		get "data-fade"() {
+			return own.fade;
+		}
+	}));
 }
 /** The complete scroll vessel around caller content, with one or both quiet
 * lanes depending on orientation. */
 function ScrollAreaFacade(props) {
 	const orientations = () => props.orientation === "both" ? ["vertical", "horizontal"] : [props.orientation ?? "vertical"];
 	return createComponent(ScrollAreaRoot, {
-		get "class"() {
+		get ["class"]() {
 			return props.class;
 		},
+		get fade() {
+			return props.fade;
+		},
 		get children() {
 			return [
 				createComponent(ScrollArea$1.Viewport, { get children() {
@@ -50,5 +59,4 @@ const ScrollArea = defineFamily(ScrollAreaFacade, {
 	Root: ScrollAreaRoot
 });
 injectComponentStyle("scroll-area");
-//#endregion
 export { ScrollArea };

package/dist/components/segment-group/index.d.mts

@@ -1,5 +1,4 @@
 import { SegmentGroup as SegmentGroup$1, SegmentGroupRootProps } from "@ark-ui/solid/segment-group";
-//#region src/components/segment-group/index.d.ts
 type SegmentGroupOwnProps = {
   /** One rung of the control-height ladder for the segments. The
    * family keeps its compact register, so the rungs sit one notch
@@ -37,4 +36,4 @@ type SegmentGroupParts = Omit<typeof SegmentGroup$1, "Root"> & {
   Root: typeof SegmentGroupRoot;
 };
 export declare const SegmentGroup: typeof SegmentGroupFacade & SegmentGroupParts;
-//#endregion
+export {};

package/dist/components/segment-group/index.mjs

@@ -1,10 +1,10 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { createComponent, mergeProps } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent, mergeProps } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, createComponent as createComponent$1, mergeProps as mergeProps$1, splitProps } from "solid-js";
 import { SegmentGroup as SegmentGroup$1 } from "@ark-ui/solid/segment-group";
-//#region src/components/segment-group/index.tsx
+// src/components/segment-group/index.tsx
 function SegmentGroupRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("segment-group", () => rest.id);
@@ -35,9 +35,7 @@ function SegmentGroupFacade(props) {
 		get defaultValue() {
 			return props.defaultValue;
 		}
-	}, () => {
-		return props.value === void 0 ? {} : { value: props.value };
-	}, {
+	}, () => props.value === void 0 ? {} : { value: props.value }, {
 		onValueChange: (details) => props.onValueChange?.(details.value ?? ""),
 		get children() {
 			return [
@@ -83,5 +81,4 @@ const SegmentGroup = defineFamily(SegmentGroupFacade, {
 	Root: SegmentGroupRoot
 });
 injectComponentStyle("segment-group");
-//#endregion
 export { SegmentGroup };

package/dist/components/select/index.d.mts

@@ -1,2 +1,2 @@
-import { a as NativeSelectProps, i as NativeSelectOption, n as SelectFacadeProps, r as NativeSelect, t as Select } from "../../index-ID48LCMU.mjs";
+import { a as NativeSelectProps, i as NativeSelectOption, n as SelectFacadeProps, r as NativeSelect, t as Select } from "../../index-Dv6mwzIr.mjs";
 export { NativeSelect, type NativeSelectOption, type NativeSelectProps, Select, SelectFacadeProps };

package/dist/components/select/index.mjs

@@ -1,2 +1 @@
-import { n as NativeSelect, t as Select } from "../../select-DI7pFspF.mjs";
-export { NativeSelect, Select };
+export { n as NativeSelect, t as Select } from "../../select-NaNlrYUT.mjs";

package/dist/components/separator/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/separator/index.d.ts
 /** The paper-ink hairline as a component: a named rule between sections.
  * Decorative separators drop the separator role, since the page reads
  * fine without them. */
@@ -9,5 +8,4 @@ export interface SeparatorProps extends JSX.HTMLAttributes<HTMLDivElement> {
 }
 export declare const Separator: ((props: SeparatorProps) => JSX.Element) & {
   Root: (props: SeparatorProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/separator/index.mjs

@@ -1,28 +1,29 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { memo, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/separator/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/separator/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 const Separator = withSelfRoot(function Separator(props) {
 	injectComponentStyle("separator");
 	const [own, rest] = splitProps(props, ["orientation", "decorative"]);
 	const orientation = () => own.orientation ?? "horizontal";
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		get role() {
-			return own.decorative ? "none" : "separator";
-		},
-		"data-scope": "separator",
-		"data-part": "root",
-		get "data-orientation"() {
-			return orientation();
-		},
-		get "aria-orientation"() {
-			return own.decorative ? void 0 : orientation();
-		}
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			get role() {
+				return own.decorative ? "none" : "separator";
+			},
+			"data-scope": "separator",
+			"data-part": "root",
+			get ["data-orientation"]() {
+				return orientation();
+			},
+			get ["aria-orientation"]() {
+				return memo(() => !!own.decorative)() ? void 0 : orientation();
+			}
+		}), false, false);
+		return _el$;
+	})();
 });
-//#endregion
 export { Separator };

package/dist/components/signature-pad/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { SignaturePad as SignaturePad$1 } from "@ark-ui/solid/signature-pad";
-//#region src/components/signature-pad/index.d.ts
 /** Ark's SignaturePad, dressed in the paper-and-ink system: a quiet paper
  * field with a guide hairline where ink — real ink strokes — is laid down.
  * The API is Ark's own — Root, Label, Control, Segment, SegmentPath, Guide,
@@ -24,4 +23,4 @@ type SignaturePadParts = Omit<typeof SignaturePad$1, "Root"> & {
   Root: typeof SignaturePadRoot;
 };
 export declare const SignaturePad: typeof SignaturePadFacade & SignaturePadParts;
-//#endregion
+export {};

package/dist/components/signature-pad/index.mjs

@@ -1,11 +1,11 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { createComponent, mergeProps } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { r as iconNode } from "../../icon-DQqYA2fO.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent, mergeProps } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { SignaturePad as SignaturePad$1 } from "@ark-ui/solid/signature-pad";
-//#region src/components/signature-pad/index.tsx
+// src/components/signature-pad/index.tsx
 /** Ark's SignaturePad, dressed in the paper-and-ink system: a quiet paper
 * field with a guide hairline where ink — real ink strokes — is laid down.
 * The API is Ark's own — Root, Label, Control, Segment, SegmentPath, Guide,
@@ -28,12 +28,10 @@ function SignaturePadFacade(props) {
 		get defaultPaths() {
 			return props.defaultValue;
 		},
-		get "data-invalid"() {
+		get ["data-invalid"]() {
 			return props.invalid || void 0;
 		}
-	}, () => {
-		return props.value === void 0 ? {} : { paths: props.value };
-	}, {
+	}, () => props.value === void 0 ? {} : { paths: props.value }, {
 		onDraw: (details) => props.onValueChange?.(details.paths),
 		get children() {
 			return [
@@ -78,5 +76,4 @@ const SignaturePad = defineFamily(SignaturePadFacade, {
 	Root: SignaturePadRoot
 });
 injectComponentStyle("signature-pad");
-//#endregion
 export { SignaturePad };

package/dist/components/skeleton/index.d.mts

@@ -1,9 +1,7 @@
 import { JSX } from "solid-js";
-//#region src/components/skeleton/index.d.ts
 /** A waiting sheet of unset paper. Size it from the outside; the breath
  * is the component's own. */
 export type SkeletonProps = JSX.HTMLAttributes<HTMLDivElement>;
 export declare const Skeleton: ((props: SkeletonProps) => JSX.Element) & {
   Root: (props: SkeletonProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/skeleton/index.mjs

@@ -1,16 +1,17 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/skeleton/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/skeleton/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 const Skeleton = withSelfRoot(function Skeleton(props) {
 	injectComponentStyle("skeleton");
-	var _el$ = _tmpl$();
-	spread(_el$, [props, {
-		"data-scope": "skeleton",
-		"data-part": "root"
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(props, {
+			"data-scope": "skeleton",
+			"data-part": "root"
+		}), false, false);
+		return _el$;
+	})();
 });
-//#endregion
 export { Skeleton };

package/dist/components/slider/index.d.mts

@@ -1,5 +1,4 @@
 import { Slider as Slider$1, SliderRootProps } from "@ark-ui/solid/slider";
-//#region src/components/slider/index.d.ts
 /** Ark's Slider, dressed in the paper-and-ink system: a recessed track the
  * primary ink runs along, a paper-seal thumb, and hairline tick markers.
  * The API is Ark's own — Root, Label, ValueText, Control, Track, Range,
@@ -31,4 +30,4 @@ type SliderParts = Omit<typeof Slider$1, "Root"> & {
   Root: typeof SliderRoot;
 };
 export declare const Slider: typeof SliderFacade & SliderParts;
-//#endregion
+export {};

package/dist/components/slider/index.mjs

@@ -1,10 +1,10 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { createComponent, mergeProps } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent, mergeProps } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, splitProps } from "solid-js";
 import { Slider as Slider$1 } from "@ark-ui/solid/slider";
-//#region src/components/slider/index.tsx
+// src/components/slider/index.tsx
 function SliderRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("slider", () => rest.id);
@@ -12,7 +12,7 @@ function SliderRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -48,9 +48,7 @@ function SliderFacade(props) {
 		get defaultValue() {
 			return [props.defaultValue ?? 50];
 		}
-	}, () => {
-		return props.value === void 0 ? {} : { value: [props.value] };
-	}, {
+	}, () => props.value === void 0 ? {} : { value: [props.value] }, {
 		onValueChange: (details) => props.onValueChange?.(details.value.at(0) ?? props.min ?? 0),
 		get children() {
 			return [
@@ -86,5 +84,4 @@ const Slider = defineFamily(SliderFacade, {
 	Root: SliderRoot
 });
 injectComponentStyle("slider");
-//#endregion
 export { Slider };

package/dist/components/spinner/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/spinner/index.d.ts
 export interface SpinnerProps extends JSX.HTMLAttributes<HTMLElement> {
   size?: "sm" | "md" | "lg";
 }
@@ -7,5 +6,4 @@ export interface SpinnerProps extends JSX.HTMLAttributes<HTMLElement> {
  * default — it reports progress without claiming attention. */
 export declare const Spinner: ((props: SpinnerProps) => JSX.Element) & {
   Root: (props: SpinnerProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/spinner/index.mjs

@@ -1,29 +1,30 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { n as useComponentMessages } from "../../use-component-messages-DS9ppb4C.mjs";
+import { mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/spinner/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span><svg viewBox="0 0 24 24"fill=none aria-hidden=true><circle cx=12 cy=12 r=9 stroke=currentColor stroke-opacity=0.2 stroke-width=2.5></circle><path d="M21 12a9 9 0 0 0-9-9"stroke=currentColor stroke-width=2.5 stroke-linecap=round>`);
+// src/components/spinner/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span><svg viewBox="0 0 24 24"fill=none aria-hidden=true><circle cx=12 cy=12 r=9 stroke=currentColor stroke-opacity=0.2 stroke-width=2.5></circle><path d="M21 12a9 9 0 0 0-9-9"stroke=currentColor stroke-width=2.5 stroke-linecap=round>`);
 /** A wheel of waiting: one arc of ink turning about its center. Quiet by
 * default — it reports progress without claiming attention. */
 const Spinner = withSelfRoot(function Spinner(props) {
 	injectComponentStyle("spinner");
 	const [own, rest] = splitProps(props, ["size"]);
 	const messages = useComponentMessages();
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		role: "status",
-		get "aria-label"() {
-			return rest["aria-label"] ?? messages().spinner.loading;
-		},
-		"data-scope": "spinner",
-		"data-part": "root",
-		get "data-size"() {
-			return own.size ?? "md";
-		}
-	}], true);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"role": "status",
+			get ["aria-label"]() {
+				return rest["aria-label"] ?? messages().spinner.loading;
+			},
+			"data-scope": "spinner",
+			"data-part": "root",
+			get ["data-size"]() {
+				return own.size ?? "md";
+			}
+		}), false, true);
+		return _el$;
+	})();
 });
-//#endregion
 export { Spinner };

package/dist/components/split-button/index.d.mts

@@ -1,6 +1,5 @@
 import { Menu } from "../menu/index.mjs";
 import { JSX } from "solid-js";
-//#region src/components/split-button/index.d.ts
 export interface SplitButtonEntry {
   label: string;
   /** Handed back with `onSelect` when the entry is chosen. */
@@ -35,4 +34,4 @@ export interface SplitButtonProps extends Omit<JSX.HTMLAttributes<HTMLDivElement
  */
 declare function SplitButtonImpl(props: SplitButtonProps): JSX.Element;
 export declare const SplitButton: typeof SplitButtonImpl & typeof Menu;
-//#endregion
+export {};

package/dist/components/split-button/index.mjs

@@ -1,17 +1,16 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { r as iconNode } from "../../icon-DQqYA2fO.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
 import { Button } from "../button/index.mjs";
-import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
+import { n as useComponentMessages } from "../../use-component-messages-DS9ppb4C.mjs";
 import { Menu as Menu$1 } from "../menu/index.mjs";
-import { createComponent, insert, spread, template } from "@solidjs/web";
+import { Portal, createComponent, insert, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, splitProps } from "solid-js";
-import { Portal } from "solid-js/web";
 import { Menu } from "@ark-ui/solid/menu";
-//#region src/components/split-button/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><!><!>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<button>`);
+// src/components/split-button/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<button>`);
 /**
 * A primary action with its alternatives one seam away: the main button
 * fires `onClick`, the fitted arrow opens a paper vessel of the same
@@ -40,92 +39,92 @@ function SplitButtonImpl(props) {
 	const size = () => own.size ?? "md";
 	const id = useElementId("split-button-menu");
 	const messages = useComponentMessages();
-	var _el$ = _tmpl$();
-	var _el$2 = _el$.firstChild;
-	var _el$3 = _el$2.nextSibling;
-	spread(_el$, [rest, {
-		"data-scope": "split-button",
-		"data-part": "root"
-	}], true);
-	insert(_el$, createComponent(Button, {
-		get variant() {
-			return variant();
-		},
-		get tone() {
-			return tone();
-		},
-		get size() {
-			return size();
-		},
-		get disabled() {
-			return own.disabled;
-		},
-		onClick: (event) => own.onClick?.(event),
-		get children() {
-			return own.label;
-		}
-	}), _el$2);
-	insert(_el$, createComponent(Menu.Root, {
-		get id() {
-			return id();
-		},
-		positioning: { placement: "bottom-end" },
-		get children() {
-			return [createComponent(Menu.Trigger, { asChild: (propsFn) => (() => {
-				var _el$4 = _tmpl$2();
-				spread(_el$4, [propsFn, {
-					type: "button",
-					get disabled() {
-						return own.disabled;
-					},
-					get "aria-label"() {
-						return messages().more.actions;
-					},
-					get "data-variant"() {
-						return variant();
-					},
-					get "data-tone"() {
-						return tone();
-					},
-					get "data-size"() {
-						return size();
-					},
-					"data-square": "true",
-					"data-motion": "ink-ripple lit"
-				}], true);
-				insert(_el$4, chevronDown);
-				return _el$4;
-			})() }), createComponent(Portal, { get children() {
-				return createComponent(Menu.Positioner, { get children() {
-					return createComponent(Menu.Content, { get children() {
-						return createComponent(For, {
-							get each() {
-								return own.items ?? [];
-							},
-							children: (entry) => createComponent(Menu.Item, {
-								get value() {
-									return entry.value;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "split-button",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$, createComponent(Button, {
+			get variant() {
+				return variant();
+			},
+			get tone() {
+				return tone();
+			},
+			get size() {
+				return size();
+			},
+			get disabled() {
+				return own.disabled;
+			},
+			onClick: (event) => own.onClick?.(event),
+			get children() {
+				return own.label;
+			}
+		}), null);
+		insert(_el$, createComponent(Menu.Root, {
+			get id() {
+				return id();
+			},
+			positioning: { placement: "bottom-end" },
+			get children() {
+				return [createComponent(Menu.Trigger, { asChild: (propsFn) => (() => {
+					var _el$2 = _tmpl$2();
+					spread(_el$2, mergeProps(propsFn, {
+						"type": "button",
+						get disabled() {
+							return own.disabled;
+						},
+						get ["aria-label"]() {
+							return messages().more.actions;
+						},
+						get ["data-variant"]() {
+							return variant();
+						},
+						get ["data-tone"]() {
+							return tone();
+						},
+						get ["data-size"]() {
+							return size();
+						},
+						"data-square": "true",
+						"data-motion": "ink-ripple lit"
+					}), false, true);
+					insert(_el$2, chevronDown);
+					return _el$2;
+				})() }), createComponent(Portal, { get children() {
+					return createComponent(Menu.Positioner, { get children() {
+						return createComponent(Menu.Content, { get children() {
+							return createComponent(For, {
+								get each() {
+									return own.items ?? [];
 								},
-								get disabled() {
-									return entry.disabled;
-								},
-								get "data-danger"() {
-									return entry.danger ? "" : void 0;
-								},
-								onSelect: () => own.onSelect?.(entry.value),
-								get children() {
-									return createComponent(Menu.ItemText, { get children() {
-										return entry.label;
-									} });
-								}
-							})
-						});
+								children: (entry) => createComponent(Menu.Item, {
+									get value() {
+										return entry.value;
+									},
+									get disabled() {
+										return entry.disabled;
+									},
+									get ["data-danger"]() {
+										return entry.danger ? "" : void 0;
+									},
+									onSelect: () => own.onSelect?.(entry.value),
+									get children() {
+										return createComponent(Menu.ItemText, { get children() {
+											return entry.label;
+										} });
+									}
+								})
+							});
+						} });
 					} });
-				} });
-			} })];
-		}
-	}), _el$3);
-	return _el$;
+				} })];
+			}
+		}), null);
+		return _el$;
+	})();
 }
 /** One stroke pointing down: all a fitted dropdown arrow needs. */
 function chevronDown() {
@@ -135,5 +134,4 @@ function chevronDown() {
 	});
 }
 const SplitButton = defineFamily(SplitButtonImpl, Menu$1);
-//#endregion
 export { SplitButton };

package/dist/components/splitter/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { Splitter as Splitter$1 } from "@ark-ui/solid/splitter";
-//#region src/components/splitter/index.d.ts
 /** Ark's Splitter, dressed in the paper-and-ink system: panels divide on
  * a hairline and a small paper-seal thumb answers the hand. The API is
  * Ark's own — Root, Panel, ResizeTrigger, ResizeTriggerIndicator. */
@@ -22,4 +21,4 @@ declare function SplitterFacade(props: SplitterFacadeProps): import("solid-js").
 export declare const Splitter: typeof SplitterFacade & Omit<typeof Splitter$1, "Root"> & {
   Root: typeof SplitterRoot;
 };
-//#endregion
+export {};