@bysages/solid 0.4.4 → 0.5.0

package/dist/components/cascade-select/index.mjs

@@ -1,25 +1,24 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { t as Input } from "../../input-BL3N3L8g.mjs";
-import { createComponent, delegateEvents, effect, insert, setAttribute, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { r as iconNode } from "../../icon-DQqYA2fO.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { n as useComponentMessages } from "../../use-component-messages-DS9ppb4C.mjs";
+import { t as Input } from "../../input-2xfPP-7Z.mjs";
+import { Portal, createComponent, delegateEvents, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, createMemo, createSignal, mergeProps as mergeProps$1, splitProps } from "solid-js";
-import { Portal } from "solid-js/web";
 import { useEnvironmentContext } from "@ark-ui/solid/environment";
 import { useFilter, useLocaleContext } from "@ark-ui/solid/locale";
 import * as cascade from "@zag-js/cascade-select";
 import { normalizeProps, useMachine } from "@zag-js/solid";
-//#region src/components/cascade-select/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<ul>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<span data-scope=cascade-select data-part=branch-indicator aria-hidden=true>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<li><span></span><span>`);
-var _tmpl$4 = /* @__PURE__ */ template(`<div data-scope=cascade-select data-part=search>`);
-var _tmpl$5 = /* @__PURE__ */ template(`<div><div><div data-scope=cascade-select data-part=corridor>`);
-var _tmpl$6 = /* @__PURE__ */ template(`<div><div><button><span></span><span>`);
-var _tmpl$7 = /* @__PURE__ */ template(`<p data-scope=cascade-select data-part=empty>Nothing matches`);
-var _tmpl$8 = /* @__PURE__ */ template(`<button type=button data-scope=cascade-select data-part=match>`);
+// src/components/cascade-select/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<ul>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span data-scope=cascade-select data-part=branch-indicator aria-hidden=true>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<li><span></span><span>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-scope=cascade-select data-part=search>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div><div><div data-scope=cascade-select data-part=corridor>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div><div><button><span></span><span>`);
+var _tmpl$7 = /*#__PURE__*/ template(`<p data-scope=cascade-select data-part=empty>Nothing matches`);
+var _tmpl$8 = /*#__PURE__*/ template(`<button type=button data-scope=cascade-select data-part=match>`);
 function chevronDown() {
 	return iconNode("chevron-down");
 }
@@ -144,72 +143,52 @@ const CascadeSelect = withSelfRoot(function CascadeSelect(props) {
 		};
 		const nodeState = () => api().getItemState(nodeProps);
 		const children = collection().getNodeChildren(node);
-		var _el$ = _tmpl$();
-		spread(_el$, () => {
-			return mergeProps$1(() => api().getListProps(nodeProps));
-		}, true);
-		insert(_el$, createComponent(For, {
-			each: children,
-			children: (item, index) => {
-				const itemValue = collection().getNodeValue(item);
-				const itemProps = {
-					item,
-					indexPath: [...indexPath, index()],
-					value: [...valuePath, itemValue]
-				};
-				const itemState = () => api().getItemState(itemProps);
-				var _el$2 = _tmpl$3();
-				var _el$3 = _el$2.firstChild;
-				var _el$5 = _el$3.nextSibling;
-				spread(_el$2, () => {
-					return mergeProps$1(() => api().getItemProps(itemProps));
-				}, true);
-				spread(_el$3, () => {
-					return mergeProps$1(() => api().getItemTextProps(itemProps));
-				}, true);
-				insert(_el$3, () => {
-					return item.label;
-				});
-				insert(_el$2, createComponent(Show, {
-					get when() {
-						return itemState().hasChildren;
-					},
-					get children() {
-						var _el$4 = _tmpl$2();
-						insert(_el$4, chevronRight);
-						return _el$4;
-					}
-				}), _el$5);
-				spread(_el$5, () => {
-					return mergeProps$1(() => api().getItemIndicatorProps(itemProps));
-				}, true);
-				insert(_el$5, checkIcon);
-				return _el$2;
-			}
-		}));
-		const list = _el$;
+		const list = (() => {
+			var _el$ = _tmpl$();
+			spread(_el$, mergeProps(() => mergeProps$1(() => api().getListProps(nodeProps))), false, true);
+			insert(_el$, createComponent(For, {
+				each: children,
+				children: (item, index) => {
+					const itemValue = collection().getNodeValue(item);
+					const itemProps = {
+						item,
+						indexPath: [...indexPath, index()],
+						value: [...valuePath, itemValue]
+					};
+					const itemState = () => api().getItemState(itemProps);
+					return (() => {
+						var _el$2 = _tmpl$3(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling;
+						spread(_el$2, mergeProps(() => mergeProps$1(() => api().getItemProps(itemProps))), false, true);
+						spread(_el$3, mergeProps(() => mergeProps$1(() => api().getItemTextProps(itemProps))), false, true);
+						insert(_el$3, () => item.label);
+						insert(_el$2, createComponent(Show, {
+							get when() {
+								return itemState().hasChildren;
+							},
+							get children() {
+								var _el$4 = _tmpl$2();
+								insert(_el$4, chevronRight);
+								return _el$4;
+							}
+						}), _el$5);
+						spread(_el$5, mergeProps(() => mergeProps$1(() => api().getItemIndicatorProps(itemProps))), false, true);
+						insert(_el$5, checkIcon);
+						return _el$2;
+					})();
+				}
+			}));
+			return _el$;
+		})();
 		const next = nodeState().highlightedChild;
 		return [list, next != null && collection().isBranchNode(next) ? renderColumn(next, [...indexPath, nodeState().highlightedIndex], [...valuePath, collection().getNodeValue(next)]) : null];
 	}
-	var _el$6 = _tmpl$6();
-	var _el$7 = _el$6.firstChild;
-	var _el$8 = _el$7.firstChild;
-	var _el$9 = _el$8.firstChild;
-	var _el$10 = _el$9.nextSibling;
-	spread(_el$6, [
-		rest,
-		() => {
-			return mergeProps$1(() => api().getRootProps());
-		},
-		{ get "data-size"() {
+	return (() => {
+		var _el$6 = _tmpl$6(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
+		spread(_el$6, mergeProps(rest, () => mergeProps$1(() => api().getRootProps()), { get ["data-size"]() {
 			return own.size ?? "md";
-		} }
-	], true);
-	spread(_el$7, () => {
-		return mergeProps$1(() => api().getControlProps());
-	}, true);
-	spread(_el$8, () => {
-		return mergeProps$1(() => api().getTriggerProps(), {
+		} }), false, true);
+		spread(_el$7, mergeProps(() => mergeProps$1(() => api().getControlProps())), false, true);
+		spread(_el$8, mergeProps(() => mergeProps$1(() => api().getTriggerProps(), {
 			"aria-labelledby": id + ":value-text",
 			get disabled() {
 				return own.disabled || void 0;
@@ -218,95 +197,76 @@ const CascadeSelect = withSelfRoot(function CascadeSelect(props) {
 				api().getTriggerProps().onclick?.(event);
 				setQuery("");
 			}
-		});
-	}, true);
-	spread(_el$9, () => {
-		return mergeProps$1(() => api().getValueTextProps(), { id: `${id}:value-text` });
-	}, true);
-	insert(_el$9, () => {
-		return display() ?? own.placeholder ?? "Select…";
-	});
-	spread(_el$10, () => {
-		return mergeProps$1(() => api().getIndicatorProps());
-	}, true);
-	insert(_el$10, chevronDown);
-	insert(_el$6, createComponent(Portal, { get children() {
-		var _el$11 = _tmpl$5();
-		var _el$12 = _el$11.firstChild;
-		var _el$14 = _el$12.firstChild;
-		spread(_el$11, () => {
-			return mergeProps$1(() => api().getPositionerProps());
-		}, true);
-		spread(_el$12, [() => {
-			return mergeProps$1(() => api().getContentProps());
-		}, { get "data-size"() {
-			return own.size ?? "md";
-		} }], true);
-		insert(_el$12, createComponent(Show, {
-			get when() {
-				return own.filterable;
-			},
-			get children() {
-				var _el$13 = _tmpl$4();
-				insert(_el$13, createComponent(Input, {
-					size: "sm",
-					get value() {
-						return query();
-					},
-					onValueChange: setQuery,
-					get placeholder() {
-						return messages().select.filter;
-					},
-					get "aria-label"() {
-						return messages().select.filter;
-					}
-				}));
-				return _el$13;
-			}
-		}), _el$14);
-		insert(_el$14, createComponent(Show, {
-			get when() {
-				return !filtering();
-			},
-			get fallback() {
-				return createComponent(Show, {
-					get when() {
-						return matchPaths().length > 0;
-					},
-					get fallback() {
-						return _tmpl$7();
-					},
-					get children() {
-						return createComponent(For, {
-							get each() {
-								return matchPaths();
-							},
-							children: (hit) => (() => {
-								var _el$16 = _tmpl$8();
-								_el$16._$$click = () => pickMatch(hit.path);
-								insert(_el$16, () => {
-									return hit.labels.join(" / ");
-								});
-								effect(() => isSelected(hit.path) || void 0, (_v$) => {
-									setAttribute(_el$16, "data-selected", _v$);
-								});
-								return _el$16;
-							})()
-						});
-					}
-				});
-			},
-			get children() {
-				return renderColumn(collection().rootNode, [], []);
-			}
-		}));
-		effect(() => filtering() ? "flat" : "columns", (_v$) => {
-			setAttribute(_el$14, "data-flow", _v$);
-		});
-		return _el$11;
-	} }), null);
-	return _el$6;
+		})), false, true);
+		spread(_el$9, mergeProps(() => mergeProps$1(() => api().getValueTextProps(), { id: `${id}:value-text` })), false, true);
+		insert(_el$9, () => display() ?? own.placeholder ?? "Select…");
+		spread(_el$0, mergeProps(() => mergeProps$1(() => api().getIndicatorProps())), false, true);
+		insert(_el$0, chevronDown);
+		insert(_el$6, createComponent(Portal, { get children() {
+			var _el$1 = _tmpl$5(), _el$10 = _el$1.firstChild, _el$12 = _el$10.firstChild;
+			spread(_el$1, mergeProps(() => mergeProps$1(() => api().getPositionerProps())), false, true);
+			spread(_el$10, mergeProps(() => mergeProps$1(() => api().getContentProps()), { get ["data-size"]() {
+				return own.size ?? "md";
+			} }), false, true);
+			insert(_el$10, createComponent(Show, {
+				get when() {
+					return own.filterable;
+				},
+				get children() {
+					var _el$11 = _tmpl$4();
+					insert(_el$11, createComponent(Input, {
+						size: "sm",
+						get value() {
+							return query();
+						},
+						onValueChange: setQuery,
+						get placeholder() {
+							return messages().select.filter;
+						},
+						get ["aria-label"]() {
+							return messages().select.filter;
+						}
+					}));
+					return _el$11;
+				}
+			}), _el$12);
+			insert(_el$12, createComponent(Show, {
+				get when() {
+					return !filtering();
+				},
+				get fallback() {
+					return createComponent(Show, {
+						get when() {
+							return matchPaths().length > 0;
+						},
+						get fallback() {
+							return _tmpl$7();
+						},
+						get children() {
+							return createComponent(For, {
+								get each() {
+									return matchPaths();
+								},
+								children: (hit) => (() => {
+									var _el$14 = _tmpl$8();
+									_el$14.$$click = () => pickMatch(hit.path);
+									insert(_el$14, () => hit.labels.join(" / "));
+									effect(() => setAttribute(_el$14, "data-selected", isSelected(hit.path) || void 0));
+									return _el$14;
+								})()
+							});
+						}
+					});
+				},
+				get children() {
+					return renderColumn(collection().rootNode, [], []);
+				}
+			}));
+			effect(() => setAttribute(_el$12, "data-flow", filtering() ? "flat" : "columns"));
+			return _el$1;
+		} }), null);
+		return _el$6;
+	})();
 });
 delegateEvents(["click"]);
-//#endregion
 export { CascadeSelect };

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

@@ -1,5 +1,4 @@
 import { Checkbox as Checkbox$1, CheckboxRootProps } from "@ark-ui/solid/checkbox";
-//#region src/components/checkbox/index.d.ts
 /** Ark's Checkbox, dressed in the paper-and-ink system: a square-cut seal
  * that fills flat with primary ink when ticked, the mark springing into
  * place. The API is Ark's own — Root, Label, Control, Indicator,
@@ -27,4 +26,4 @@ type CheckboxParts = Omit<typeof Checkbox$1, "Root"> & {
   Root: typeof CheckboxRoot;
 };
 export declare const Checkbox: typeof CheckboxFacade & CheckboxParts;
-//#endregion
+export {};

package/dist/components/checkbox/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, splitProps } from "solid-js";
 import { Checkbox as Checkbox$1 } from "@ark-ui/solid/checkbox";
-//#region src/components/checkbox/index.tsx
+// src/components/checkbox/index.tsx
 function CheckboxRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("checkbox", () => rest.id);
@@ -13,7 +13,7 @@ function CheckboxRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -39,9 +39,7 @@ function CheckboxFacade(props) {
 		get defaultChecked() {
 			return props.defaultValue ?? false;
 		}
-	}, () => {
-		return props.checked === void 0 ? {} : { checked: props.checked };
-	}, {
+	}, () => props.checked === void 0 ? {} : { checked: props.checked }, {
 		onCheckedChange: (details) => props.onCheckedChange?.(details.checked === true),
 		get children() {
 			return [
@@ -73,5 +71,4 @@ const Checkbox = defineFamily(CheckboxFacade, {
 	Root: CheckboxRoot
 });
 injectComponentStyle("checkbox");
-//#endregion
 export { Checkbox };

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

@@ -1,6 +1,5 @@
 import { Checkbox } from "../checkbox/index.mjs";
 import { JSX } from "solid-js";
-//#region src/components/checkbox-group/index.d.ts
 export interface CheckboxOption {
   label: string;
   value: string;
@@ -27,4 +26,4 @@ export interface CheckboxGroupFacadeProps extends JSX.HTMLAttributes<HTMLDivElem
 }
 declare function CheckboxGroupFacade(props: CheckboxGroupFacadeProps): JSX.Element;
 export declare const CheckboxGroup: typeof CheckboxGroupFacade & typeof Checkbox;
-//#endregion
+export {};

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

@@ -1,13 +1,13 @@
-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 { Checkbox as Checkbox$1 } from "../checkbox/index.mjs";
-import { createComponent, mergeProps } from "@solidjs/web";
+import { createComponent, mergeProps } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, splitProps } from "solid-js";
 import { useFieldContext } from "@ark-ui/solid/field";
 import { Checkbox } from "@ark-ui/solid/checkbox";
-//#region src/components/checkbox-group/index.tsx
+// src/components/checkbox-group/index.tsx
 function checkIcon() {
 	return iconNode("check");
 }
@@ -32,9 +32,7 @@ function CheckboxGroupFacade(props) {
 	const isDisabled = () => own.disabled || field?.().disabled === true;
 	return createComponent(Checkbox.Group, mergeProps(rest, { get id() {
 		return id();
-	} }, selectedValue === void 0 ? {} : { value: selectedValue }, () => {
-		return own.defaultValue === void 0 ? {} : { defaultValue: own.defaultValue };
-	}, {
+	} }, selectedValue === void 0 ? {} : { value: selectedValue }, () => own.defaultValue === void 0 ? {} : { defaultValue: own.defaultValue }, {
 		get disabled() {
 			return isDisabled();
 		},
@@ -44,10 +42,10 @@ function CheckboxGroupFacade(props) {
 		get onValueChange() {
 			return own.onValueChange;
 		},
-		get "data-layout"() {
+		get ["data-layout"]() {
 			return own.layout ?? "vertical";
 		},
-		get "data-invalid"() {
+		get ["data-invalid"]() {
 			return isInvalid() ? "" : void 0;
 		},
 		get children() {
@@ -65,7 +63,7 @@ function CheckboxGroupFacade(props) {
 							hiddenInput: `${id()}:${option.value}:input`
 						};
 					},
-					get "data-size"() {
+					get ["data-size"]() {
 						return own.size ?? "md";
 					},
 					get disabled() {
@@ -90,5 +88,4 @@ function CheckboxGroupFacade(props) {
 	}));
 }
 const CheckboxGroup = defineFamily(CheckboxGroupFacade, Checkbox$1);
-//#endregion
 export { CheckboxGroup };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/chip/index.d.ts
 /** A counting coin: the numeric value, capped at `max` with an ellipsis
  * of the remainder ("99+"). */
 export interface ChipProps extends JSX.HTMLAttributes<HTMLSpanElement> {
@@ -10,5 +9,4 @@ export interface ChipProps extends JSX.HTMLAttributes<HTMLSpanElement> {
 }
 export declare const Chip: ((props: ChipProps) => JSX.Element) & {
   Root: (props: ChipProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/chip/index.mjs

@@ -1,9 +1,9 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { insert, memo, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { insert, memo, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/chip/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
+// src/components/chip/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
 const Chip = withSelfRoot(function Chip(props) {
 	injectComponentStyle("chip");
 	const [own, rest] = splitProps(props, [
@@ -12,26 +12,23 @@ const Chip = withSelfRoot(function Chip(props) {
 		"tone",
 		"variant"
 	]);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		"data-scope": "chip",
-		"data-part": "root",
-		get "data-tone"() {
-			return own.tone ?? "ink";
-		},
-		get "data-variant"() {
-			return own.variant ?? "solid";
-		}
-	}], true);
-	insert(_el$, (() => {
-		var _c$ = memo(() => {
-			return !!(own.max != null && own.value > own.max);
-		});
-		return () => {
-			return _c$() ? `${own.max}+` : String(own.value);
-		};
-	})());
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "chip",
+			"data-part": "root",
+			get ["data-tone"]() {
+				return own.tone ?? "ink";
+			},
+			get ["data-variant"]() {
+				return own.variant ?? "solid";
+			}
+		}), false, true);
+		insert(_el$, (() => {
+			var _c$ = memo(() => !!(own.max != null && own.value > own.max));
+			return () => _c$() ? `${own.max}+` : String(own.value);
+		})());
+		return _el$;
+	})();
 });
-//#endregion
 export { Chip };

package/dist/components/client-only/index.d.mts

@@ -1,7 +1,5 @@
 import { ClientOnly as ClientOnly$1, ClientOnlyProps } from "@ark-ui/solid/client-only";
-//#region src/components/client-only/index.d.ts
 export declare const ClientOnly: typeof ClientOnly$1 & {
   Root: typeof ClientOnly$1;
 };
-//#endregion
 export type { ClientOnlyProps };

package/dist/components/client-only/index.mjs

@@ -1,9 +1,8 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
 import { ClientOnly as ClientOnly$1 } from "@ark-ui/solid/client-only";
-//#region src/components/client-only/index.ts
+// src/components/client-only/index.ts
 /** Render children on the client only, after hydration — the escape
 * hatch for browser-only widgets inside server-rendered pages. Headless,
 * like the rest of Ark's utilities: no visual layer of our own. */
 const ClientOnly = withSelfRoot(ClientOnly$1);
-//#endregion
 export { ClientOnly };

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

@@ -1,5 +1,4 @@
 import { Clipboard as Clipboard$1, ClipboardRootProps } from "@ark-ui/solid/clipboard";
-//#region src/components/clipboard/index.d.ts
 /** Ark's Clipboard, dressed in the paper-and-ink system: a hairline value
  * field beside an icon-sized copy trigger whose ink turns bamboo while the
  * copy is confirmed. The API is Ark's own — Root, Label, Control, Input,
@@ -26,4 +25,4 @@ declare function ClipboardFacade(props: ClipboardFacadeProps): import("solid-js"
 export declare const Clipboard: typeof ClipboardFacade & Omit<typeof Clipboard$1, "Root"> & {
   Root: typeof ClipboardRoot;
 };
-//#endregion
+export {};

package/dist/components/clipboard/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, memo, 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, memo, mergeProps } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 import { Clipboard as Clipboard$1 } from "@ark-ui/solid/clipboard";
-//#region src/components/clipboard/index.tsx
+// src/components/clipboard/index.tsx
 const ArkRoot = Clipboard$1.Root;
 function ClipboardRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
@@ -14,7 +14,7 @@ function ClipboardRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -29,18 +29,12 @@ function ClipboardFacade(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 [memo(() => {
-				return memo(() => {
-					return !!props.label;
-				})() ? createComponent(Clipboard$1.Label, { get children() {
-					return props.label;
-				} }) : null;
-			}), createComponent(Clipboard$1.Control, { get children() {
+			return [memo(() => memo(() => !!props.label)() ? createComponent(Clipboard$1.Label, { get children() {
+				return props.label;
+			} }) : null), createComponent(Clipboard$1.Control, { get children() {
 				return [createComponent(Clipboard$1.Input, {
 					get placeholder() {
 						return props.placeholder;
@@ -78,5 +72,4 @@ const Clipboard = defineFamily(ClipboardFacade, {
 	Root: ClipboardRoot
 });
 injectComponentStyle("clipboard");
-//#endregion
 export { Clipboard };

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

@@ -1,6 +1,5 @@
 import { ComponentProps, JSX } from "solid-js";
 import { Collapsible as Collapsible$1 } from "@ark-ui/solid/collapsible";
-//#region src/components/collapsible/index.d.ts
 /** Ark's Collapsible, dressed in the paper-and-ink system: one control on
  * the paper, its panel dissolving open to the machine's measured height.
  * The API is Ark's own — Root, Trigger, Content, Indicator. */
@@ -18,4 +17,4 @@ type CollapsibleParts = Omit<typeof Collapsible$1, "Root"> & {
   Root: typeof CollapsibleRoot;
 };
 export declare const Collapsible: typeof CollapsibleFacade & CollapsibleParts;
-//#endregion
+export {};