@bysages/solid 0.4.4 → 0.5.0

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

@@ -1,6 +1,13 @@
 import { ComponentProps, JSX } from "solid-js";
 import { Dialog as Dialog$1, DialogOpenChangeDetails } from "@ark-ui/solid/dialog";
-//#region src/components/dialog/index.d.ts
+export interface DialogPartProps extends JSX.HTMLAttributes<HTMLElement> {}
+export interface DialogBodyProps extends JSX.HTMLAttributes<HTMLDivElement> {}
+/** A semantic section for the dialog's title and description. */
+declare function DialogHeader(props: DialogPartProps): JSX.Element;
+/** The dialog's principal content; it may shrink inside narrow sheets. */
+declare function DialogBody(props: DialogBodyProps): JSX.Element;
+/** The dialog's action row; actions read from start to end. */
+declare function DialogFooter(props: DialogPartProps): JSX.Element;
 /** Ark's Dialog, dressed in the paper-and-ink system: the sheet dissolves
  * in on elevation, the backdrop fades, and nested overlays stack through
  * the shared z-index ladder. The API is Ark's own — Root, Trigger,
@@ -20,6 +27,8 @@ export interface DialogFacadeProps {
 declare function DialogFacade(props: DialogFacadeProps): JSX.Element;
 export declare const Dialog: typeof DialogFacade & Omit<typeof Dialog$1, "Root"> & {
   Root: typeof DialogRoot;
+  Header: typeof DialogHeader;
+  Body: typeof DialogBody;
+  Footer: typeof DialogFooter;
 };
-//#endregion
 export type { DialogOpenChangeDetails };

package/dist/components/dialog/index.mjs

@@ -1,12 +1,54 @@
-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, insert, memo, mergeProps, template } 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, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { Show, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
+import { Show, createComponent as createComponent$1, mergeProps as mergeProps$1, splitProps } from "solid-js";
 import { Dialog as Dialog$1 } from "@ark-ui/solid/dialog";
-//#region src/components/dialog/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<p>`);
+// src/components/dialog/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<header>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<footer>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<p>`);
+/** A semantic section for the dialog's title and description. */
+function DialogHeader(props) {
+	const [own, rest] = splitProps(props, ["children"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "dialog",
+			"data-part": "header"
+		}), false, true);
+		insert(_el$, () => own.children);
+		return _el$;
+	})();
+}
+/** The dialog's principal content; it may shrink inside narrow sheets. */
+function DialogBody(props) {
+	const [own, rest] = splitProps(props, ["children"]);
+	return (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, mergeProps(rest, {
+			"data-scope": "dialog",
+			"data-part": "body"
+		}), false, true);
+		insert(_el$2, () => own.children);
+		return _el$2;
+	})();
+}
+/** The dialog's action row; actions read from start to end. */
+function DialogFooter(props) {
+	const [own, rest] = splitProps(props, ["children"]);
+	return (() => {
+		var _el$3 = _tmpl$3();
+		spread(_el$3, mergeProps(rest, {
+			"data-scope": "dialog",
+			"data-part": "footer"
+		}), false, true);
+		insert(_el$3, () => own.children);
+		return _el$3;
+	})();
+}
 /** Ark's Dialog, dressed in the paper-and-ink system: the sheet dissolves
 * in on elevation, the backdrop fades, and nested overlays stack through
 * the shared z-index ladder. The API is Ark's own — Root, Trigger,
@@ -20,11 +62,7 @@ function DialogRoot(props) {
 function DialogFacade(props) {
 	injectComponentStyle("dialog");
 	const title = () => props.label ?? props.trigger;
-	return createComponent(DialogRoot, mergeProps(() => {
-		return props.open === void 0 ? {} : { open: props.open };
-	}, () => {
-		return props.defaultOpen === void 0 ? {} : { defaultOpen: props.defaultOpen };
-	}, {
+	return createComponent(DialogRoot, mergeProps(() => props.open === void 0 ? {} : { open: props.open }, () => props.defaultOpen === void 0 ? {} : { defaultOpen: props.defaultOpen }, {
 		onOpenChange: (details) => props.onOpenChange?.(details.open),
 		get children() {
 			return [
@@ -40,34 +78,32 @@ function DialogFacade(props) {
 				createComponent(Dialog$1.Positioner, { get children() {
 					return createComponent(Dialog$1.Content, { get children() {
 						return [
-							createComponent(Dialog$1.Title, { get children() {
-								return title();
-							} }),
-							createComponent(Show, {
-								get when() {
-									return props.description;
-								},
-								get children() {
-									return createComponent(Dialog$1.Description, { get children() {
+							createComponent(DialogHeader, { get children() {
+								return [createComponent(Dialog$1.Title, { get children() {
+									return title();
+								} }), createComponent(Show, {
+									get when() {
 										return props.description;
-									} });
-								}
-							}),
-							createComponent(Show, {
-								get when() {
-									return props.content;
-								},
-								get children() {
-									var _el$ = _tmpl$();
-									insert(_el$, () => {
+									},
+									get children() {
+										return createComponent(Dialog$1.Description, { get children() {
+											return props.description;
+										} });
+									}
+								})];
+							} }),
+							createComponent(DialogBody, { get children() {
+								return [createComponent(Show, {
+									get when() {
 										return props.content;
-									});
-									return _el$;
-								}
-							}),
-							memo(() => {
-								return props.children;
-							}),
+									},
+									get children() {
+										var _el$4 = _tmpl$4();
+										insert(_el$4, () => props.content);
+										return _el$4;
+									}
+								}), memo(() => props.children)];
+							} }),
 							createComponent(Dialog$1.CloseTrigger, {
 								"aria-label": "Close",
 								get children() {
@@ -86,8 +122,10 @@ function DialogFacade(props) {
 }
 const Dialog = defineFamily(DialogFacade, {
 	...Dialog$1,
-	Root: DialogRoot
+	Root: DialogRoot,
+	Header: DialogHeader,
+	Body: DialogBody,
+	Footer: DialogFooter
 });
 injectComponentStyle("dialog");
-//#endregion
 export { Dialog };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/dock/index.d.ts
 export interface DockProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** The tallest an item swells under the hand — 1 stands still. */
   maxScale?: number;
@@ -18,5 +17,4 @@ export declare function DockItem(props: DockItemProps): JSX.Element;
 export declare const Dock: typeof DockRoot & {
   Root: typeof DockRoot;
   Item: typeof DockItem;
-};
-//#endregion
+};

package/dist/components/dock/index.mjs

@@ -1,8 +1,8 @@
-import { insert, spread, template } from "@solidjs/web";
+import { insert, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/dock/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/dock/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 const ITEM = "[data-scope=\"dock\"][data-part=\"item\"]";
 /** The magnifying dock: a floating rail whose icons swell toward the
 * hand. The wrapper measures per item and writes --bs-dock-scale; CSS
@@ -23,42 +23,41 @@ function DockRoot(props) {
 	const reset = (event) => {
 		for (const item of event.currentTarget.querySelectorAll(ITEM)) item.style.removeProperty("--bs-dock-scale");
 	};
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		"data-scope": "dock",
-		"data-part": "root",
-		get style() {
-			return {
-				...rest.style,
-				"--bs-dock-max-scale": String(maxScale())
-			};
-		},
-		onPointerMove: magnify,
-		onPointerLeave: reset
-	}], true);
-	insert(_el$, () => {
-		return rest.children;
-	});
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "dock",
+			"data-part": "root",
+			get style() {
+				return {
+					...rest.style,
+					"--bs-dock-max-scale": String(maxScale())
+				};
+			},
+			"onPointerMove": magnify,
+			"onPointerLeave": reset
+		}), false, true);
+		insert(_el$, () => rest.children);
+		return _el$;
+	})();
 }
 /** One moored place in the rail: whatever slots in grows from the
 * floor, never from its center. */
 function DockItem(props) {
 	injectComponentStyle("dock");
-	var _el$2 = _tmpl$();
-	spread(_el$2, [props, {
-		"data-scope": "dock",
-		"data-part": "item"
-	}], true);
-	insert(_el$2, () => {
-		return props.children;
-	});
-	return _el$2;
+	return (() => {
+		var _el$2 = _tmpl$();
+		spread(_el$2, mergeProps(props, {
+			"data-scope": "dock",
+			"data-part": "item"
+		}), false, true);
+		insert(_el$2, () => props.children);
+		return _el$2;
+	})();
 }
 /** The whole family under one handle — Dock.Root, Dock.Item. */
 const Dock = Object.assign(DockRoot, {
 	Root: DockRoot,
 	Item: DockItem
 });
-//#endregion
 export { Dock, DockItem, DockRoot };

package/dist/components/download-trigger/index.d.mts

@@ -1,7 +1,5 @@
 import { DownloadTrigger as DownloadTrigger$1, DownloadTriggerBaseProps, DownloadTriggerProps, DownloadableData, UseDownloadProps, UseDownloadReturn, useDownload } from "@ark-ui/solid/download-trigger";
-//#region src/components/download-trigger/index.d.ts
 export declare const DownloadTrigger: typeof DownloadTrigger$1 & {
   Root: typeof DownloadTrigger$1;
 };
-//#endregion
 export { type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, type UseDownloadProps, type UseDownloadReturn, useDownload };

package/dist/components/download-trigger/index.mjs

@@ -1,9 +1,8 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
 import { DownloadTrigger as DownloadTrigger$1, useDownload } from "@ark-ui/solid/download-trigger";
-//#region src/components/download-trigger/index.ts
+// src/components/download-trigger/index.ts
 /** Trigger a client-side download of in-memory data from a plain
 * element — the headless counterpart to a save button. Also exposed:
 * the primitive beneath the component, for custom triggers. */
 const DownloadTrigger = withSelfRoot(DownloadTrigger$1);
-//#endregion
 export { DownloadTrigger, useDownload };

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

@@ -1,6 +1,5 @@
 import { ComponentProps, JSX } from "solid-js";
 import { Drawer as Drawer$1 } from "@ark-ui/solid/drawer";
-//#region src/components/drawer/index.d.ts
 /** Ark's Drawer, dressed in the paper-and-ink system: a full-height sheet
  * cut flush to the edge it rises from, sliding on the machine's translate
  * under the grabber's hand. The API is Ark's own — Root, Trigger,
@@ -22,4 +21,4 @@ declare function DrawerFacade(props: DrawerFacadeProps): JSX.Element;
 export declare const Drawer: typeof DrawerFacade & Omit<typeof Drawer$1, "Root"> & {
   Root: typeof DrawerRoot;
 };
-//#endregion
+export {};

package/dist/components/drawer/index.mjs

@@ -1,12 +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, insert, memo, mergeProps, template } 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 { Show, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Drawer as Drawer$1 } from "@ark-ui/solid/drawer";
-//#region src/components/drawer/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<p>`);
+// src/components/drawer/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<p>`);
 /** Ark's Drawer, dressed in the paper-and-ink system: a full-height sheet
 * cut flush to the edge it rises from, sliding on the machine's translate
 * under the grabber's hand. The API is Ark's own — Root, Trigger,
@@ -20,11 +20,7 @@ function DrawerRoot(props) {
 }
 function DrawerFacade(props) {
 	injectComponentStyle("drawer");
-	return createComponent(DrawerRoot, mergeProps(() => {
-		return props.open === void 0 ? {} : { open: props.open };
-	}, () => {
-		return props.defaultOpen === void 0 ? {} : { defaultOpen: props.defaultOpen };
-	}, {
+	return createComponent(DrawerRoot, mergeProps(() => props.open === void 0 ? {} : { open: props.open }, () => props.defaultOpen === void 0 ? {} : { defaultOpen: props.defaultOpen }, {
 		onOpenChange: (details) => props.onOpenChange?.(details.open),
 		get children() {
 			return [
@@ -62,15 +58,11 @@ function DrawerFacade(props) {
 								},
 								get children() {
 									var _el$ = _tmpl$();
-									insert(_el$, () => {
-										return props.content;
-									});
+									insert(_el$, () => props.content);
 									return _el$;
 								}
 							}),
-							memo(() => {
-								return props.children;
-							}),
+							memo(() => props.children),
 							createComponent(Drawer$1.CloseTrigger, {
 								"aria-label": "Close",
 								get children() {
@@ -89,5 +81,4 @@ const Drawer = defineFamily(DrawerFacade, {
 	Root: DrawerRoot
 });
 injectComponentStyle("drawer");
-//#endregion
 export { Drawer };

package/dist/components/dynamic-input/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/dynamic-input/index.d.ts
 export interface DynamicInputProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** The rows' values; the group renders one Input per entry. */
   value?: string[];
@@ -28,5 +27,4 @@ export interface DynamicInputProps extends JSX.HTMLAttributes<HTMLDivElement> {
  */
 export declare const DynamicInput: ((props: DynamicInputProps) => JSX.Element) & {
   Root: (props: DynamicInputProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/dynamic-input/index.mjs

@@ -1,14 +1,14 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { r as iconNode } from "../../icon-DQqYA2fO.mjs";
 import { Button } from "../button/index.mjs";
-import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { t as Input } from "../../input-BL3N3L8g.mjs";
-import { createComponent, insert, memo, spread, template } from "@solidjs/web";
+import { n as useComponentMessages } from "../../use-component-messages-DS9ppb4C.mjs";
+import { t as Input } from "../../input-2xfPP-7Z.mjs";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Index, splitProps } from "solid-js";
-//#region src/components/dynamic-input/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><div data-scope=dynamic-input data-part=add>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=dynamic-input data-part=row><!><!>`);
+// src/components/dynamic-input/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div><div data-scope=dynamic-input data-part=add>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-scope=dynamic-input data-part=row>`);
 /**
 * A column of entry rows: one Input per line, each with a quiet remove
 * seal, and an add row at the tail. The list is controlled — every edit
@@ -47,74 +47,71 @@ const DynamicInput = withSelfRoot(function DynamicInput(props) {
 	};
 	const canRemove = () => values().length > Math.max(own.min ?? 0, 1);
 	const canAdd = () => own.max === void 0 || values().length < own.max;
-	var _el$ = _tmpl$();
-	var _el$2 = _el$.firstChild;
-	spread(_el$, [rest, {
-		"data-scope": "dynamic-input",
-		"data-part": "root"
-	}], true);
-	insert(_el$, createComponent(Index, {
-		get each() {
-			return values();
-		},
-		children: (value, index) => (() => {
-			var _el$3 = _tmpl$2();
-			var _el$4 = _el$3.firstChild;
-			var _el$5 = _el$4.nextSibling;
-			insert(_el$3, createComponent(Input, {
-				get value() {
-					return value();
-				},
-				get placeholder() {
-					return own.placeholder;
-				},
-				get disabled() {
-					return own.disabled;
-				},
-				get invalid() {
-					return own.invalid;
-				},
-				get size() {
-					return own.size ?? "md";
-				},
-				onValueChange: (next) => update(index, next)
-			}), _el$4);
-			insert(_el$3, createComponent(Button, {
-				variant: "ghost",
-				get size() {
-					return own.size ?? "md";
-				},
-				square: true,
-				get disabled() {
-					return own.disabled || !canRemove();
-				},
-				get "aria-label"() {
-					return `${messages().dynamicEntry.remove} ${index + 1}`;
-				},
-				onClick: () => remove(index),
-				get children() {
-					return crossIcon();
-				}
-			}), _el$5);
-			return _el$3;
-		})()
-	}), _el$2);
-	insert(_el$2, createComponent(Button, {
-		variant: "ghost",
-		get size() {
-			return own.size ?? "md";
-		},
-		get disabled() {
-			return own.disabled || !canAdd();
-		},
-		onClick: () => add(),
-		get children() {
-			return ["+", memo(() => {
-				return own.addLabel ?? "Add entry";
-			})];
-		}
-	}));
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "dynamic-input",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$, createComponent(Index, {
+			get each() {
+				return values();
+			},
+			children: (value, index) => (() => {
+				var _el$3 = _tmpl$2();
+				insert(_el$3, createComponent(Input, {
+					get value() {
+						return value();
+					},
+					get placeholder() {
+						return own.placeholder;
+					},
+					get disabled() {
+						return own.disabled;
+					},
+					get invalid() {
+						return own.invalid;
+					},
+					get size() {
+						return own.size ?? "md";
+					},
+					onValueChange: (next) => update(index, next)
+				}), null);
+				insert(_el$3, createComponent(Button, {
+					variant: "ghost",
+					get size() {
+						return own.size ?? "md";
+					},
+					square: true,
+					get disabled() {
+						return own.disabled || !canRemove();
+					},
+					get ["aria-label"]() {
+						return `${messages().dynamicEntry.remove} ${index + 1}`;
+					},
+					onClick: () => remove(index),
+					get children() {
+						return crossIcon();
+					}
+				}), null);
+				return _el$3;
+			})()
+		}), _el$2);
+		insert(_el$2, createComponent(Button, {
+			variant: "ghost",
+			get size() {
+				return own.size ?? "md";
+			},
+			get disabled() {
+				return own.disabled || !canAdd();
+			},
+			onClick: () => add(),
+			get children() {
+				return ["+", memo(() => own.addLabel ?? "Add entry")];
+			}
+		}));
+		return _el$;
+	})();
 });
 /** The one icon a remove seal needs: a single crossing stroke. */
 function crossIcon() {
@@ -123,5 +120,4 @@ function crossIcon() {
 		height: "16"
 	});
 }
-//#endregion
 export { DynamicInput };

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

@@ -1,5 +1,4 @@
 import { Editable as Editable$1, EditableRootProps } from "@ark-ui/solid/editable";
-//#region src/components/editable/index.d.ts
 /** Ark's Editable, dressed in the paper-and-ink system: bare ink while
  * reading, the full field recipe while editing. The API is Ark's own —
  * Root, Area, Label, Preview, Input, EditTrigger, SubmitTrigger,
@@ -28,4 +27,4 @@ type EditableParts = Omit<typeof Editable$1, "Root"> & {
   Root: typeof EditableRoot;
 };
 export declare const Editable: typeof EditableFacade & EditableParts;
-//#endregion
+export {};

package/dist/components/editable/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 { Editable as Editable$1 } from "@ark-ui/solid/editable";
-//#region src/components/editable/index.tsx
+// src/components/editable/index.tsx
 function EditableRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("editable", () => rest.id);
@@ -13,7 +13,7 @@ function EditableRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -41,9 +41,7 @@ function EditableFacade(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 [
@@ -100,5 +98,4 @@ const Editable = defineFamily(EditableFacade, {
 	Root: EditableRoot
 });
 injectComponentStyle("editable");
-//#endregion
 export { Editable };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/ellipsis/index.d.ts
 /** The overflow knife: text cut at one line, or held to N lines. The
  * primitive only draws the cut — reaching the full text (title,
  * tooltip) stays the consumer's decision. */
@@ -8,5 +7,4 @@ export interface EllipsisProps extends JSX.HTMLAttributes<HTMLSpanElement> {
 }
 export declare const Ellipsis: ((props: EllipsisProps) => JSX.Element) & {
   Root: (props: EllipsisProps) => JSX.Element;
-};
-//#endregion
+};