@bysages/solid 0.4.3 → 0.5.0

package/dist/components/transfer/index.mjs

@@ -1,19 +1,19 @@
-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, t as formatComponentMessage } from "../../use-component-messages-C4SCVYjD.mjs";
-import { t as Input } from "../../input-BL3N3L8g.mjs";
+import { n as useComponentMessages, t as formatComponentMessage } from "../../use-component-messages-DS9ppb4C.mjs";
+import { t as Input } from "../../input-2xfPP-7Z.mjs";
 import { Checkbox as Checkbox$1 } from "../checkbox/index.mjs";
-import { createComponent, insert, setAttribute, spread, template } from "@solidjs/web";
+import { createComponent, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, createSignal, splitProps } from "solid-js";
 import { Checkbox } from "@ark-ui/solid/checkbox";
-//#region src/components/transfer/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=transfer data-part=search>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=transfer data-part=panel><div data-scope=transfer data-part=head><span data-scope=transfer data-part=title></span><span data-scope=transfer data-part=count></span></div><div data-scope=transfer data-part=list>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<p data-scope=transfer data-part=empty>Nothing here`);
-var _tmpl$4 = /* @__PURE__ */ template(`<div><div data-scope=transfer data-part=operations><!><!></div><!>`);
+// src/components/transfer/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=transfer data-part=search>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-scope=transfer data-part=panel><div data-scope=transfer data-part=head><span data-scope=transfer data-part=title></span><span data-scope=transfer data-part=count></span></div><div data-scope=transfer data-part=list>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<p data-scope=transfer data-part=empty>Nothing here`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div><div data-scope=transfer data-part=operations>`);
 function checkIcon() {
 	return iconNode("check");
 }
@@ -62,128 +62,117 @@ function TransferImpl(props) {
 		own.onValueChange?.(next);
 	}
 	function panel(side, title, query, setQuery, checked, setChecked, items) {
-		var _el$ = _tmpl$2();
-		var _el$2 = _el$.firstChild;
-		var _el$3 = _el$2.firstChild;
-		var _el$4 = _el$3.nextSibling;
-		var _el$6 = _el$2.nextSibling;
-		setAttribute(_el$, "data-side", side);
-		insert(_el$3, title);
-		insert(_el$4, () => {
-			return String(items.length);
-		});
-		insert(_el$, createComponent(Show, {
-			get when() {
-				return own.searchable;
+		return (() => {
+			var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$6 = _el$2.nextSibling;
+			setAttribute(_el$, "data-side", side);
+			insert(_el$3, title);
+			insert(_el$4, () => String(items.length));
+			insert(_el$, createComponent(Show, {
+				get when() {
+					return own.searchable;
+				},
+				get children() {
+					var _el$5 = _tmpl$();
+					insert(_el$5, createComponent(Input, {
+						size: "sm",
+						get value() {
+							return query();
+						},
+						onValueChange: setQuery,
+						get placeholder() {
+							return formatComponentMessage(messages().transfer.filter, { name: title });
+						},
+						get ["aria-label"]() {
+							return formatComponentMessage(messages().transfer.filter, { name: title });
+						}
+					}));
+					return _el$5;
+				}
+			}), _el$6);
+			insert(_el$6, createComponent(Show, {
+				get when() {
+					return items.length > 0;
+				},
+				get fallback() {
+					return _tmpl$3();
+				},
+				get children() {
+					return createComponent(For, {
+						each: items,
+						children: (item, index) => createComponent(Checkbox.Root, {
+							get id() {
+								return `${id()}-${index()}`;
+							},
+							get checked() {
+								return checked().has(item.value);
+							},
+							get disabled() {
+								return own.disabled || item.disabled === true;
+							},
+							onCheckedChange: () => toggle(checked(), item.value, setChecked),
+							get children() {
+								return [
+									createComponent(Checkbox.Control, { get children() {
+										return createComponent(Checkbox.Indicator, { get children() {
+											return checkIcon();
+										} });
+									} }),
+									createComponent(Checkbox.Label, {
+										"data-part": "label",
+										get children() {
+											return item.label;
+										}
+									}),
+									createComponent(Checkbox.HiddenInput, {})
+								];
+							}
+						})
+					});
+				}
+			}));
+			return _el$;
+		})();
+	}
+	return (() => {
+		var _el$8 = _tmpl$4(), _el$9 = _el$8.firstChild;
+		spread(_el$8, mergeProps(rest, {
+			"data-scope": "transfer",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$8, () => panel("source", own.titles?.[0] ?? "Source", sourceQuery, setSourceQuery, checkedSource, setCheckedSource, panelItems(own.data, false, sourceQuery())), _el$9);
+		insert(_el$9, createComponent(Button, {
+			variant: "outline",
+			size: "sm",
+			square: true,
+			get disabled() {
+				return checkedSource().size === 0 || own.disabled;
+			},
+			get ["aria-label"]() {
+				return messages().transfer.moveRight;
 			},
+			onClick: () => move(true),
 			get children() {
-				var _el$5 = _tmpl$();
-				insert(_el$5, createComponent(Input, {
-					size: "sm",
-					get value() {
-						return query();
-					},
-					onValueChange: setQuery,
-					get placeholder() {
-						return formatComponentMessage(messages().transfer.filter, { name: title });
-					},
-					get "aria-label"() {
-						return formatComponentMessage(messages().transfer.filter, { name: title });
-					}
-				}));
-				return _el$5;
+				return arrowIcon("right");
 			}
-		}), _el$6);
-		insert(_el$6, createComponent(Show, {
-			get when() {
-				return items.length > 0;
+		}), null);
+		insert(_el$9, createComponent(Button, {
+			variant: "outline",
+			size: "sm",
+			square: true,
+			get disabled() {
+				return checkedTarget().size === 0 || own.disabled;
 			},
-			get fallback() {
-				return _tmpl$3();
+			get ["aria-label"]() {
+				return messages().transfer.moveLeft;
 			},
+			onClick: () => move(false),
 			get children() {
-				return createComponent(For, {
-					each: items,
-					children: (item, index) => createComponent(Checkbox.Root, {
-						get id() {
-							return `${id()}-${index()}`;
-						},
-						get checked() {
-							return checked().has(item.value);
-						},
-						get disabled() {
-							return own.disabled || item.disabled === true;
-						},
-						onCheckedChange: () => toggle(checked(), item.value, setChecked),
-						get children() {
-							return [
-								createComponent(Checkbox.Control, { get children() {
-									return createComponent(Checkbox.Indicator, { get children() {
-										return checkIcon();
-									} });
-								} }),
-								createComponent(Checkbox.Label, {
-									"data-part": "label",
-									get children() {
-										return item.label;
-									}
-								}),
-								createComponent(Checkbox.HiddenInput, {})
-							];
-						}
-					})
-				});
+				return arrowIcon("left");
 			}
-		}));
-		return _el$;
-	}
-	var _el$8 = _tmpl$4();
-	var _el$9 = _el$8.firstChild;
-	var _el$10 = _el$9.firstChild;
-	var _el$11 = _el$10.nextSibling;
-	var _el$12 = _el$9.nextSibling;
-	spread(_el$8, [rest, {
-		"data-scope": "transfer",
-		"data-part": "root"
-	}], true);
-	insert(_el$8, () => {
-		return panel("source", own.titles?.[0] ?? "Source", sourceQuery, setSourceQuery, checkedSource, setCheckedSource, panelItems(own.data, false, sourceQuery()));
-	}, _el$9);
-	insert(_el$9, createComponent(Button, {
-		variant: "outline",
-		size: "sm",
-		square: true,
-		get disabled() {
-			return checkedSource().size === 0 || own.disabled;
-		},
-		get "aria-label"() {
-			return messages().transfer.moveRight;
-		},
-		onClick: () => move(true),
-		get children() {
-			return arrowIcon("right");
-		}
-	}), _el$10);
-	insert(_el$9, createComponent(Button, {
-		variant: "outline",
-		size: "sm",
-		square: true,
-		get disabled() {
-			return checkedTarget().size === 0 || own.disabled;
-		},
-		get "aria-label"() {
-			return messages().transfer.moveLeft;
-		},
-		onClick: () => move(false),
-		get children() {
-			return arrowIcon("left");
-		}
-	}), _el$11);
-	insert(_el$8, () => {
-		return panel("target", own.titles?.[1] ?? "Target", targetQuery, setTargetQuery, checkedTarget, setCheckedTarget, panelItems(own.data, true, targetQuery()));
-	}, _el$12);
-	return _el$8;
+		}), null);
+		insert(_el$8, () => panel("target", own.titles?.[1] ?? "Target", targetQuery, setTargetQuery, checkedTarget, setCheckedTarget, panelItems(own.data, true, targetQuery())), null);
+		return _el$8;
+	})();
 }
 const Transfer = defineFamily(TransferImpl, Checkbox$1);
-//#endregion
 export { Transfer };

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

@@ -1,6 +1,5 @@
-import { Popover } from "../popover/index.mjs";
+import { t as Popover } from "../../index-BRvSfkKs.mjs";
 import { JSX } from "solid-js";
-//#region src/components/tree-select/index.d.ts
 export interface TreeSelectNode {
   label: string;
   value: string;
@@ -27,4 +26,4 @@ export interface TreeSelectProps extends JSX.HTMLAttributes<HTMLDivElement> {
  */
 declare function TreeSelectImpl(props: TreeSelectProps): JSX.Element;
 export declare const TreeSelect: typeof TreeSelectImpl & typeof Popover;
-//#endregion
+export {};

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

@@ -1,21 +1,20 @@
-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 { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { t as Input } from "../../input-BL3N3L8g.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 { n as useComponentMessages } from "../../use-component-messages-DS9ppb4C.mjs";
 import { Popover as Popover$1 } from "../popover/index.mjs";
-import { createComponent, insert, memo, mergeProps, spread, template } from "@solidjs/web";
+import { t as Input } from "../../input-2xfPP-7Z.mjs";
+import { Portal, createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, createMemo, createSignal, splitProps } from "solid-js";
-import { Portal } from "solid-js/web";
-import { useFilter } from "@ark-ui/solid/locale";
 import { Popover } from "@ark-ui/solid/popover";
+import { useFilter } from "@ark-ui/solid/locale";
 import { TreeView, createTreeCollection } from "@ark-ui/solid/tree-view";
-//#region src/components/tree-select/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=tree-select data-part=search>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=tree-select data-part=body>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<button><span data-part=chevron aria-hidden=true>`);
-var _tmpl$4 = /* @__PURE__ */ template(`<p data-scope=tree-select data-part=empty>Nothing matches`);
+// src/components/tree-select/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=tree-select data-part=search>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-scope=tree-select data-part=body>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<button><span data-part=chevron aria-hidden=true>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<p data-scope=tree-select data-part=empty>Nothing matches`);
 function chevron() {
 	return iconNode("chevron-right");
 }
@@ -150,28 +149,25 @@ function TreeSelectImpl(props) {
 		},
 		get children() {
 			return [createComponent(Popover.Trigger, { asChild: (propsFn) => (() => {
-				var _el$3 = _tmpl$3();
-				var _el$4 = _el$3.firstChild;
-				spread(_el$3, [propsFn, {
-					type: "button",
+				var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
+				spread(_el$3, mergeProps(propsFn, {
+					"type": "button",
 					"data-scope": "tree-select",
 					"data-part": "control",
-					get "data-size"() {
+					get ["data-size"]() {
 						return own.size ?? "md";
 					},
-					get "data-open"() {
+					get ["data-open"]() {
 						return open() ? "" : void 0;
 					},
-					get "data-placeholder"() {
+					get ["data-placeholder"]() {
 						return label() == null ? "" : void 0;
 					},
 					get disabled() {
 						return own.disabled;
 					}
-				}], true);
-				insert(_el$3, () => {
-					return label() ?? own.placeholder ?? "Select…";
-				}, _el$4);
+				}), false, true);
+				insert(_el$3, () => label() ?? own.placeholder ?? "Select…", _el$4);
 				insert(_el$4, chevron);
 				return _el$3;
 			})() }), createComponent(Portal, { get children() {
@@ -179,7 +175,7 @@ function TreeSelectImpl(props) {
 					return createComponent(Popover.Content, {
 						"data-scope": "tree-select",
 						"data-part": "content",
-						get "data-size"() {
+						get ["data-size"]() {
 							return own.size ?? "md";
 						},
 						get children() {
@@ -198,7 +194,7 @@ function TreeSelectImpl(props) {
 										get placeholder() {
 											return messages().select.filter;
 										},
-										get "aria-label"() {
+										get ["aria-label"]() {
 											return messages().select.filter;
 										}
 									}));
@@ -223,13 +219,9 @@ function TreeSelectImpl(props) {
 											},
 											selectionMode: "single",
 											get selectedValue() {
-												return memo(() => {
-													return !!own.value;
-												})() ? [own.value] : [];
+												return memo(() => !!own.value)() ? [own.value] : [];
 											}
-										}, () => {
-											return filtering() ? { expandedValue: expandedWhileFiltering() } : { defaultExpandedValue: firstLevel() };
-										}, {
+										}, () => filtering() ? { expandedValue: expandedWhileFiltering() } : { defaultExpandedValue: firstLevel() }, {
 											onSelectionChange: pick,
 											get children() {
 												return createComponent(TreeView.Tree, { get children() {
@@ -259,5 +251,4 @@ function TreeSelectImpl(props) {
 	}));
 }
 const TreeSelect = defineFamily(TreeSelectImpl, Popover$1);
-//#endregion
 export { TreeSelect };

package/dist/components/tree-view/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps, JSX } from "solid-js";
 import { TreeNode, TreeView as TreeView$1, TreeViewRootProps } from "@ark-ui/solid/tree-view";
-//#region src/components/tree-view/index.d.ts
 /** Ark's TreeView, dressed in the paper-and-ink system: quiet rows where
  * selection is pure light on the paper, one hairline plumb line per depth,
  * and branches that swing open on the spring. The API is Ark's own —
@@ -17,12 +16,17 @@ declare function TreeViewRoot<T extends TreeNode>(props: TreeViewRootProps<T> &
  * itself answers the keyboard, so the checkbox stays visual only. */
 declare function TreeViewNodeCheckbox(props: ComponentProps<typeof TreeView$1.NodeCheckbox>): JSX.Element;
 declare function TreeViewBranchIndicator(props: ComponentProps<typeof TreeView$1.BranchIndicator>): JSX.Element;
-type TreeOption = {
+export type TreeViewOption = {
   label: string;
   value: string;
   disabled?: boolean;
-  children?: TreeOption[];
+  /** A curated core icon at the row's leading edge. */
+  icon?: string;
+  /** A quiet trailing label, commonly a count. */
+  meta?: string;
+  children?: TreeViewOption[];
 };
+type TreeOption = TreeViewOption;
 export interface TreeViewFacadeProps {
   value?: string[];
   defaultValue?: string[];
@@ -36,6 +40,8 @@ export interface TreeViewFacadeProps {
   /** One rung of the row register: the rows' breathing room follows it. */
   size?: "sm" | "md" | "lg";
   onValueChange?: (value: string[]) => void;
+  onExpandedChange?: (value: string[]) => void;
+  renderTrailing?: (node: TreeOption) => JSX.Element;
 }
 /** The complete tree behind selected values: nested options render their own
  * branches and leaves, while async and checkbox trees remain anatomy work. */
@@ -45,4 +51,4 @@ export declare const TreeView: typeof TreeViewFacade & Omit<typeof TreeView$1, "
   NodeCheckbox: typeof TreeViewNodeCheckbox;
   BranchIndicator: typeof TreeViewBranchIndicator;
 };
-//#endregion
+export {};

package/dist/components/tree-view/index.mjs

@@ -1,11 +1,12 @@
-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, insert, memo, mergeProps, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, createMemo, splitProps } from "solid-js";
 import { TreeView as TreeView$1, createTreeCollection } from "@ark-ui/solid/tree-view";
-//#region src/components/tree-view/index.tsx
+// src/components/tree-view/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span data-scope=tree-view data-part=node-meta>`);
 const ArkRoot = TreeView$1.Root;
 function TreeViewRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
@@ -14,7 +15,7 @@ function TreeViewRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -43,19 +44,27 @@ function TreeViewFacade(props) {
 			children: props.options
 		}
 	}));
+	const nodeTrailing = (node) => [memo(() => memo(() => !!node.meta)() && (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, () => node.meta);
+		return _el$;
+	})()), memo(() => props.renderTrailing?.(node))];
 	const renderNode = (node, indexPath) => createComponent(TreeView$1.NodeProvider, {
 		node,
 		indexPath,
 		get children() {
-			return memo(() => {
-				return !!node.children?.length;
-			})() ? createComponent(TreeView$1.Branch, { get children() {
+			return memo(() => !!node.children?.length)() ? createComponent(TreeView$1.Branch, { get children() {
 				return [createComponent(TreeView$1.BranchControl, { get children() {
-					return [createComponent(TreeView$1.BranchIndicator, { get children() {
-						return iconNode("chevron-right");
-					} }), createComponent(TreeView$1.BranchText, { get children() {
-						return node.label;
-					} })];
+					return [
+						memo(() => memo(() => !!node.icon)() ? iconNode(node.icon) : null),
+						createComponent(TreeView$1.BranchIndicator, { get children() {
+							return iconNode("chevron-right");
+						} }),
+						createComponent(TreeView$1.BranchText, { get children() {
+							return node.label;
+						} }),
+						memo(() => nodeTrailing(node))
+					];
 				} }), createComponent(TreeView$1.BranchContent, { get children() {
 					return createComponent(For, {
 						get each() {
@@ -65,9 +74,13 @@ function TreeViewFacade(props) {
 					});
 				} })];
 			} }) : createComponent(TreeView$1.Item, { get children() {
-				return createComponent(TreeView$1.ItemText, { get children() {
-					return node.label;
-				} });
+				return [
+					memo(() => memo(() => !!node.icon)() ? iconNode(node.icon) : null),
+					createComponent(TreeView$1.ItemText, { get children() {
+						return node.label;
+					} }),
+					memo(() => nodeTrailing(node))
+				];
 			} });
 		}
 	});
@@ -88,12 +101,9 @@ function TreeViewFacade(props) {
 		get selectionMode() {
 			return props.multiple ? "multiple" : "single";
 		}
-	}, () => {
-		return props.expandedValue === void 0 ? {} : { expandedValue: props.expandedValue };
-	}, () => {
-		return props.value === void 0 ? {} : { selectedValue: props.value };
-	}, {
+	}, () => props.expandedValue === void 0 ? {} : { expandedValue: props.expandedValue }, () => props.value === void 0 ? {} : { selectedValue: props.value }, {
 		onSelectionChange: (event) => props.onValueChange?.(event.selectedValue),
+		onExpandedChange: (event) => props.onExpandedChange?.(event.expandedValue),
 		get children() {
 			return [createComponent(Show, {
 				get when() {
@@ -125,5 +135,4 @@ const TreeView = defineFamily(TreeViewFacade, {
 	BranchIndicator: TreeViewBranchIndicator
 });
 injectComponentStyle("tree-view");
-//#endregion
 export { TreeView };

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

@@ -1,11 +1,10 @@
 import { JSX } from "solid-js";
-//#region src/components/typography/index.d.ts
 export declare const Typography: ((props: JSX.HTMLAttributes<HTMLParagraphElement>) => JSX.Element) & {
+  Root: (props: JSX.HTMLAttributes<HTMLParagraphElement>) => JSX.Element;
   Display: (props: JSX.HTMLAttributes<HTMLParagraphElement>) => JSX.Element;
   Heading: (props: JSX.HTMLAttributes<HTMLParagraphElement>) => JSX.Element;
   Lead: (props: JSX.HTMLAttributes<HTMLParagraphElement>) => JSX.Element;
   Body: (props: JSX.HTMLAttributes<HTMLParagraphElement>) => JSX.Element;
   Muted: (props: JSX.HTMLAttributes<HTMLParagraphElement>) => JSX.Element;
   Label: (props: JSX.HTMLAttributes<HTMLParagraphElement>) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/typography/index.mjs

@@ -1,6 +1,6 @@
-import { createComponent, mergeProps } from "@solidjs/web";
+import { createComponent, mergeProps } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/typography/index.tsx
+// src/components/typography/index.tsx
 /** The typographic voices, named so prose can ask for one: display and
 * heading ride the song-serif, the rest ride the hei. Nothing here is
 * decorative — hierarchy is size, weight, and space. */
@@ -8,7 +8,7 @@ function part(name, tag) {
 	function Component(props) {
 		return createComponent(tag, mergeProps(props, {
 			"data-scope": "typography",
-			get "data-part"() {
+			get ["data-part"]() {
 				return name.toLowerCase();
 			}
 		}));
@@ -22,6 +22,7 @@ const Body = part("Body", "p");
 const Muted = part("Muted", "p");
 const Label = part("Label", "p");
 const Typography = Object.assign(Display, {
+	Root: Display,
 	Display,
 	Heading,
 	Lead,
@@ -30,5 +31,4 @@ const Typography = Object.assign(Display, {
 	Label
 });
 injectComponentStyle("typography");
-//#endregion
 export { Typography };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/user/index.d.ts
 export interface UserProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** The person's name — the loud line. */
   name: string;
@@ -17,5 +16,4 @@ export interface UserProps extends JSX.HTMLAttributes<HTMLDivElement> {
  * inherits; this row only lays the words out beside it. */
 export declare const User: ((props: UserProps) => JSX.Element) & {
   Root: (props: UserProps) => JSX.Element;
-};
-//#endregion
+};