@bysages/solid 0.4.3 → 0.5.0

package/dist/components/order-list/index.mjs

@@ -1,12 +1,12 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
-import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.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 { n as useComponentMessages } from "../../use-component-messages-DS9ppb4C.mjs";
+import { createComponent, delegateEvents, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, createSignal, splitProps } from "solid-js";
-//#region src/components/order-list/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><ol data-scope=order-list data-part=list>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<li draggable aria-roledescription="Sortable item"data-scope=order-list data-part=item><span data-scope=order-list data-part=grip aria-hidden=true>⋮⋮</span><span data-scope=order-list data-part=label></span><span data-scope=order-list data-part=controls><button type=button data-scope=order-list data-part=move></button><button type=button data-scope=order-list data-part=move></button><button type=button data-scope=order-list data-part=move></button><button type=button data-scope=order-list data-part=move>`);
+// src/components/order-list/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div><ol data-scope=order-list data-part=list>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<li draggable aria-roledescription="Sortable item"data-scope=order-list data-part=item><span data-scope=order-list data-part=grip aria-hidden=true>⋮⋮</span><span data-scope=order-list data-part=label></span><span data-scope=order-list data-part=controls><button type=button data-scope=order-list data-part=move></button><button type=button data-scope=order-list data-part=move></button><button type=button data-scope=order-list data-part=move></button><button type=button data-scope=order-list data-part=move>`);
 const ARROWS = {
 	up: {
 		name: "chevron-up",
@@ -73,100 +73,85 @@ const OrderList = withSelfRoot(function OrderList(props) {
 		own.onValueChange?.(next);
 		reset();
 	}
-	var _el$ = _tmpl$();
-	var _el$2 = _el$.firstChild;
-	spread(_el$, [rest, {
-		"data-scope": "order-list",
-		"data-part": "root",
-		onDragLeave: (event) => {
-			const host = event.currentTarget;
-			if (!event.relatedTarget || !host.contains(event.relatedTarget)) setDropLine(null);
-		}
-	}], true);
-	insert(_el$2, createComponent(For, {
-		get each() {
-			return rows();
-		},
-		children: (option, index) => {
-			const seam = () => dropLine() && dropLine().index === index() ? dropLine().before ? "top" : "bottom" : void 0;
-			var _el$3 = _tmpl$2();
-			var _el$5 = _el$3.firstChild.nextSibling;
-			var _el$7 = _el$5.nextSibling.firstChild;
-			var _el$8 = _el$7.nextSibling;
-			var _el$9 = _el$8.nextSibling;
-			var _el$10 = _el$9.nextSibling;
-			_el$3.addEventListener("drop", (event) => {
-				event.preventDefault();
-				drop();
-			});
-			_el$3.addEventListener("dragover", (event) => {
-				event.preventDefault();
-				if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
-				const rect = event.currentTarget.getBoundingClientRect();
-				const before = event.clientY < rect.top + rect.height / 2;
-				setDropLine(dragging() != null && !(option.value === dragging() && before) ? {
-					index: index(),
-					before
-				} : null);
-			});
-			_el$3.addEventListener("dragend", reset);
-			_el$3.addEventListener("dragstart", (event) => {
-				setDragging(option.value);
-				event.dataTransfer?.setData("text/plain", option.value);
-				if (event.dataTransfer) event.dataTransfer.effectAllowed = "move";
-			});
-			insert(_el$5, () => {
-				return option.label;
-			});
-			_el$7._$$click = () => move(option.value, -index());
-			insert(_el$7, () => {
-				return arrowIcon(ARROWS.top);
-			});
-			_el$8._$$click = () => move(option.value, -1);
-			insert(_el$8, () => {
-				return arrowIcon(ARROWS.up);
-			});
-			_el$9._$$click = () => move(option.value, 1);
-			insert(_el$9, () => {
-				return arrowIcon(ARROWS.down);
-			});
-			_el$10._$$click = () => move(option.value, rows().length - 1 - index());
-			insert(_el$10, () => {
-				return arrowIcon(ARROWS.bottom);
-			});
-			effect(() => {
-				return {
-					e: dragging() === option.value ? "" : void 0,
-					t: seam(),
-					a: messages().orderList.toTop,
-					o: index() === 0,
-					i: messages().orderList.moveUp,
-					n: index() === 0,
-					s: messages().orderList.moveDown,
-					h: index() === rows().length - 1,
-					r: messages().orderList.toBottom,
-					d: index() === rows().length - 1
-				};
-			}, ({ e, t, a, o, i, n, s, h, r, d }, _p$) => {
-				e !== _p$?.e && setAttribute(_el$3, "data-dragging", e);
-				t !== _p$?.t && setAttribute(_el$3, "data-drop-line", t);
-				a !== _p$?.a && setAttribute(_el$7, "aria-label", a);
-				o !== _p$?.o && setAttribute(_el$7, "disabled", o);
-				i !== _p$?.i && setAttribute(_el$8, "aria-label", i);
-				n !== _p$?.n && setAttribute(_el$8, "disabled", n);
-				s !== _p$?.s && setAttribute(_el$9, "aria-label", s);
-				h !== _p$?.h && setAttribute(_el$9, "disabled", h);
-				r !== _p$?.r && setAttribute(_el$10, "aria-label", r);
-				d !== _p$?.d && setAttribute(_el$10, "disabled", d);
-			});
-			return _el$3;
-		}
-	}));
-	effect(() => own.label, (_v$) => {
-		setAttribute(_el$2, "aria-label", _v$);
-	});
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "order-list",
+			"data-part": "root",
+			"onDragLeave": (event) => {
+				const host = event.currentTarget;
+				if (!event.relatedTarget || !host.contains(event.relatedTarget)) setDropLine(null);
+			}
+		}), false, true);
+		insert(_el$2, createComponent(For, {
+			get each() {
+				return rows();
+			},
+			children: (option, index) => {
+				const seam = () => dropLine() && dropLine().index === index() ? dropLine().before ? "top" : "bottom" : void 0;
+				return (() => {
+					var _el$3 = _tmpl$2(), _el$5 = _el$3.firstChild.nextSibling, _el$7 = _el$5.nextSibling.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling;
+					_el$3.addEventListener("drop", (event) => {
+						event.preventDefault();
+						drop();
+					});
+					_el$3.addEventListener("dragover", (event) => {
+						event.preventDefault();
+						if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
+						const rect = event.currentTarget.getBoundingClientRect();
+						const before = event.clientY < rect.top + rect.height / 2;
+						setDropLine(dragging() != null && !(option.value === dragging() && before) ? {
+							index: index(),
+							before
+						} : null);
+					});
+					_el$3.addEventListener("dragend", reset);
+					_el$3.addEventListener("dragstart", (event) => {
+						setDragging(option.value);
+						event.dataTransfer?.setData("text/plain", option.value);
+						if (event.dataTransfer) event.dataTransfer.effectAllowed = "move";
+					});
+					insert(_el$5, () => option.label);
+					_el$7.$$click = () => move(option.value, -index());
+					insert(_el$7, () => arrowIcon(ARROWS.top));
+					_el$8.$$click = () => move(option.value, -1);
+					insert(_el$8, () => arrowIcon(ARROWS.up));
+					_el$9.$$click = () => move(option.value, 1);
+					insert(_el$9, () => arrowIcon(ARROWS.down));
+					_el$0.$$click = () => move(option.value, rows().length - 1 - index());
+					insert(_el$0, () => arrowIcon(ARROWS.bottom));
+					effect((_p$) => {
+						var _v$ = dragging() === option.value ? "" : void 0, _v$2 = seam(), _v$3 = messages().orderList.toTop, _v$4 = index() === 0, _v$5 = messages().orderList.moveUp, _v$6 = index() === 0, _v$7 = messages().orderList.moveDown, _v$8 = index() === rows().length - 1, _v$9 = messages().orderList.toBottom, _v$0 = index() === rows().length - 1;
+						_v$ !== _p$.e && setAttribute(_el$3, "data-dragging", _p$.e = _v$);
+						_v$2 !== _p$.t && setAttribute(_el$3, "data-drop-line", _p$.t = _v$2);
+						_v$3 !== _p$.a && setAttribute(_el$7, "aria-label", _p$.a = _v$3);
+						_v$4 !== _p$.o && (_el$7.disabled = _p$.o = _v$4);
+						_v$5 !== _p$.i && setAttribute(_el$8, "aria-label", _p$.i = _v$5);
+						_v$6 !== _p$.n && (_el$8.disabled = _p$.n = _v$6);
+						_v$7 !== _p$.s && setAttribute(_el$9, "aria-label", _p$.s = _v$7);
+						_v$8 !== _p$.h && (_el$9.disabled = _p$.h = _v$8);
+						_v$9 !== _p$.r && setAttribute(_el$0, "aria-label", _p$.r = _v$9);
+						_v$0 !== _p$.d && (_el$0.disabled = _p$.d = _v$0);
+						return _p$;
+					}, {
+						e: void 0,
+						t: void 0,
+						a: void 0,
+						o: void 0,
+						i: void 0,
+						n: void 0,
+						s: void 0,
+						h: void 0,
+						r: void 0,
+						d: void 0
+					});
+					return _el$3;
+				})();
+			}
+		}));
+		effect(() => setAttribute(_el$2, "aria-label", own.label));
+		return _el$;
+	})();
 });
 delegateEvents(["click"]);
-//#endregion
 export { OrderList };

package/dist/components/page-header/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/page-header/index.d.ts
 export declare const PageHeader: ((props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element) & {
   Root: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
   Heading: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
@@ -7,5 +6,4 @@ export declare const PageHeader: ((props: JSX.HTMLAttributes<HTMLElement>) => JS
   Title: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
   Description: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
   Actions: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/page-header/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/page-header/index.tsx
+// src/components/page-header/index.tsx
 /** The page's face: an eyebrow whisper, a serif title, one line of
 * description, and the actions resting beside the title on the same
 * baseline. Heading groups title and actions; the rest compose below. */
@@ -8,7 +8,7 @@ function part(name, tag, extra = {}) {
 	function Component(props) {
 		return createComponent(tag, mergeProps(extra, props, {
 			"data-scope": "page-header",
-			get "data-part"() {
+			get ["data-part"]() {
 				return name.toLowerCase();
 			}
 		}));
@@ -30,5 +30,4 @@ const PageHeader = Object.assign(Root, {
 	Actions
 });
 injectComponentStyle("page-header");
-//#endregion
 export { PageHeader };

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

@@ -1,5 +1,4 @@
 import { Pagination as Pagination$1, PaginationRootProps } from "@ark-ui/solid/pagination";
-//#region src/components/pagination/index.d.ts
 /**
  * Pagination — paged navigation.
  *
@@ -34,4 +33,4 @@ declare function PaginationFacade(props: PaginationFacadeProps): import("solid-j
 export declare const Pagination: typeof PaginationFacade & Omit<typeof Pagination$1, "Root"> & {
   Root: typeof PaginationRoot;
 };
-//#endregion
+export {};

package/dist/components/pagination/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 { For, splitProps } from "solid-js";
 import { Pagination as Pagination$1 } from "@ark-ui/solid/pagination";
-//#region src/components/pagination/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span data-scope=pagination data-part=status> / <!>`);
+// src/components/pagination/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span data-scope=pagination data-part=status> / `);
 function PaginationRoot(props) {
 	injectComponentStyle("pagination");
 	const [own, rest] = splitProps(props, [
@@ -19,13 +19,11 @@ function PaginationRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		},
-		get "data-variant"() {
-			return memo(() => {
-				return own.variant === "simple";
-			})() ? own.variant : void 0;
+		get ["data-variant"]() {
+			return memo(() => own.variant === "simple")() ? own.variant : void 0;
 		}
 	}));
 }
@@ -34,14 +32,14 @@ function PaginationRoot(props) {
 function PaginationFacade(props) {
 	const variant = props.variant ?? "default";
 	return createComponent(PaginationRoot, {
-		get "class"() {
+		get ["class"]() {
 			return props.class;
 		},
 		get size() {
 			return props.size ?? "md";
 		},
 		variant,
-		get "aria-label"() {
+		get ["aria-label"]() {
 			return props.label;
 		},
 		get count() {
@@ -74,35 +72,27 @@ function PaginationFacade(props) {
 						});
 					}
 				}),
-				memo(() => {
-					return variant === "simple" ? createComponent(Pagination$1.Context, { children: (pagination) => (() => {
-						var _el$ = _tmpl$();
-						var _el$2 = _el$.firstChild;
-						var _el$3 = _el$2.nextSibling;
-						insert(_el$, () => {
-							return pagination().page;
-						}, _el$2);
-						insert(_el$, () => {
-							return pagination().totalPages;
-						}, _el$3);
-						return _el$;
-					})() }) : createComponent(Pagination$1.Context, { children: (pagination) => createComponent(For, {
-						get each() {
-							return pagination().pages;
+				memo(() => variant === "simple" ? createComponent(Pagination$1.Context, { children: (pagination) => (() => {
+					var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+					insert(_el$, () => pagination().page, _el$2);
+					insert(_el$, () => pagination().totalPages, null);
+					return _el$;
+				})() }) : createComponent(Pagination$1.Context, { children: (pagination) => createComponent(For, {
+					get each() {
+						return pagination().pages;
+					},
+					children: (page, index) => page.type === "ellipsis" ? createComponent(Pagination$1.Ellipsis, { get index() {
+						return index();
+					} }) : createComponent(Pagination$1.Item, {
+						type: "page",
+						get value() {
+							return page.value;
 						},
-						children: (page, index) => page.type === "ellipsis" ? createComponent(Pagination$1.Ellipsis, { get index() {
-							return index();
-						} }) : createComponent(Pagination$1.Item, {
-							type: "page",
-							get value() {
-								return page.value;
-							},
-							get children() {
-								return page.value;
-							}
-						})
-					}) });
-				}),
+						get children() {
+							return page.value;
+						}
+					})
+				}) })),
 				createComponent(Pagination$1.NextTrigger, {
 					"aria-label": "Next page",
 					get children() {
@@ -121,5 +111,4 @@ const Pagination = defineFamily(PaginationFacade, {
 	Root: PaginationRoot
 });
 injectComponentStyle("pagination");
-//#endregion
 export { Pagination };

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

@@ -1,5 +1,4 @@
 import { PasswordInput as PasswordInput$1, PasswordInputRootProps } from "@ark-ui/solid/password-input";
-//#region src/components/password-input/index.d.ts
 /** Ark's PasswordInput, dressed in the paper-and-ink system: the reveal
  * eye sits quiet at the field's edge and swaps in place — no shift, no
  * noise. The API is Ark's own — Root, Label, Control, Input, Indicator,
@@ -29,4 +28,4 @@ type PasswordInputParts = Omit<typeof PasswordInput$1, "Root"> & {
   Root: typeof PasswordInputRoot;
 };
 export declare const PasswordInput: typeof PasswordInputFacade & PasswordInputParts;
-//#endregion
+export {};

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

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

@@ -1,5 +1,4 @@
 import { PinInput as PinInput$1, PinInputRootProps } from "@ark-ui/solid/pin-input";
-//#region src/components/pin-input/index.d.ts
 /** Ark's PinInput, dressed in the paper-and-ink system: one character per
  * square-cut seal, centered ink in tabular figures. The API is Ark's own —
  * Root, Label, Control, Input, HiddenInput. */
@@ -28,4 +27,4 @@ type PinInputParts = Omit<typeof PinInput$1, "Root"> & {
   Root: typeof PinInputRoot;
 };
 export declare const PinInput: typeof PinInputFacade & PinInputParts;
-//#endregion
+export {};

package/dist/components/pin-input/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, splitProps } from "solid-js";
 import { PinInput as PinInput$1 } from "@ark-ui/solid/pin-input";
-//#region src/components/pin-input/index.tsx
+// src/components/pin-input/index.tsx
 function PinInputRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("pin-input", () => rest.id);
@@ -12,7 +12,7 @@ function PinInputRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -40,9 +40,7 @@ function PinInputFacade(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 [
@@ -74,5 +72,4 @@ const PinInput = defineFamily(PinInputFacade, {
 	Root: PinInputRoot
 });
 injectComponentStyle("pin-input");
-//#endregion
 export { PinInput };

package/dist/components/popconfirm/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/popconfirm/index.d.ts
 export interface PopconfirmProps extends JSX.HTMLAttributes<HTMLButtonElement> {
   /** The question the reader is answering. */
   message: string;
@@ -16,4 +15,4 @@ export interface PopconfirmProps extends JSX.HTMLAttributes<HTMLButtonElement> {
  * machine-driven trigger button. */
 declare function PopconfirmImpl(props: PopconfirmProps): JSX.Element;
 export declare const Popconfirm: typeof PopconfirmImpl & typeof Popover;
-//#endregion
+export {};

package/dist/components/popconfirm/index.mjs

@@ -1,16 +1,15 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
 import { Button } from "../button/index.mjs";
 import { Popover as Popover$1 } from "../popover/index.mjs";
-import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { Portal, createComponent, insert, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { createSignal, splitProps } from "solid-js";
-import { Portal } from "solid-js/web";
 import { Popover } from "@ark-ui/solid/popover";
-//#region src/components/popconfirm/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<p data-part=message>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-part=actions><!><!>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<button>`);
+// src/components/popconfirm/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<p data-part=message>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-part=actions>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<button>`);
 /** A question at the point of no return: the trigger opens a small
 * anchored vessel carrying the message and two answers. Confirmation
 * and cancellation are the caller's to act on — the panel closes
@@ -43,27 +42,21 @@ function PopconfirmImpl(props) {
 		positioning: { placement: "top" },
 		get children() {
 			return [createComponent(Popover.Trigger, { asChild: (propsFn) => (() => {
-				var _el$5 = _tmpl$3();
-				spread(_el$5, [propsFn, rest], true);
-				insert(_el$5, () => {
-					return own.children;
-				});
-				return _el$5;
+				var _el$3 = _tmpl$3();
+				spread(_el$3, mergeProps(propsFn, rest), false, true);
+				insert(_el$3, () => own.children);
+				return _el$3;
 			})() }), createComponent(Portal, { get children() {
 				return createComponent(Popover.Positioner, { get children() {
 					return createComponent(Popover.Content, {
-						class: "bs-popconfirm",
+						"class": "bs-popconfirm",
 						get children() {
 							return [(() => {
 								var _el$ = _tmpl$();
-								insert(_el$, () => {
-									return own.message;
-								});
+								insert(_el$, () => own.message);
 								return _el$;
 							})(), (() => {
 								var _el$2 = _tmpl$2();
-								var _el$3 = _el$2.firstChild;
-								var _el$4 = _el$3.nextSibling;
 								insert(_el$2, createComponent(Popover.CloseTrigger, { asChild: (closeProps) => createComponent(Button, mergeProps(closeProps, {
 									variant: "ghost",
 									size: "sm",
@@ -71,14 +64,14 @@ function PopconfirmImpl(props) {
 									get children() {
 										return own.cancelText ?? "Cancel";
 									}
-								})) }), _el$3);
+								})) }), null);
 								insert(_el$2, createComponent(Popover.CloseTrigger, { asChild: (closeProps) => createComponent(Button, mergeProps(closeProps, {
 									size: "sm",
 									onClick: () => settle(true),
 									get children() {
 										return own.confirmText ?? "Confirm";
 									}
-								})) }), _el$4);
+								})) }), null);
 								return _el$2;
 							})()];
 						}
@@ -89,5 +82,4 @@ function PopconfirmImpl(props) {
 	}));
 }
 const Popconfirm = defineFamily(PopconfirmImpl, Popover$1);
-//#endregion
 export { Popconfirm };

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

@@ -1,26 +1,2 @@
-import { ComponentProps, JSX } from "solid-js";
-import { Popover as Popover$1 } from "@ark-ui/solid/popover";
-//#region src/components/popover/index.d.ts
-/** Ark's Popover, dressed in the paper-and-ink system: a paper vessel that
- * dissolves in on elevation, anchored to its trigger by a whisker arrow. The
- * API is Ark's own — Root, Trigger, Anchor, Indicator, Positioner, Content,
- * Title, Description, CloseTrigger, Arrow, ArrowTip. */
-declare function PopoverRoot(props: ComponentProps<typeof Popover$1.Root>): JSX.Element;
-type PopoverPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
-export interface PopoverFacadeProps {
-  open?: boolean;
-  defaultOpen?: boolean;
-  trigger?: string | Element;
-  content?: string;
-  label: string;
-  description?: string;
-  disabled?: boolean;
-  placement?: PopoverPlacement;
-  children?: JSX.Element;
-  onOpenChange?: (open: boolean) => void;
-}
-declare function PopoverFacade(props: PopoverFacadeProps): JSX.Element;
-export declare const Popover: typeof PopoverFacade & Omit<typeof Popover$1, "Root"> & {
-  Root: typeof PopoverRoot;
-};
-//#endregion
+import { n as PopoverFacadeProps, t as Popover } from "../../index-BRvSfkKs.mjs";
+export { Popover, PopoverFacadeProps };