@bysages/solid 0.4.3 → 0.5.0

package/dist/components/comment/index.mjs

@@ -1,14 +1,14 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { createComponent, effect, insert, setAttribute, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { createComponent, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, splitProps } from "solid-js";
-//#region src/components/comment/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=comment data-part=avatar>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<span data-scope=comment data-part=author>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<time data-scope=comment data-part=datetime>`);
-var _tmpl$4 = /* @__PURE__ */ template(`<header data-scope=comment data-part=header><!><!>`);
-var _tmpl$5 = /* @__PURE__ */ template(`<div data-scope=comment data-part=actions>`);
-var _tmpl$6 = /* @__PURE__ */ template(`<article><div data-scope=comment data-part=body><div data-scope=comment data-part=content></div><!>`);
+// src/components/comment/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=comment data-part=avatar>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span data-scope=comment data-part=author>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<time data-scope=comment data-part=datetime>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<header data-scope=comment data-part=header>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div data-scope=comment data-part=actions>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<article><div data-scope=comment data-part=body><div data-scope=comment data-part=content>`);
 /**
 * A voice on the record: the portrait hangs left (the `avatar` prop),
 * the body carries the byline from `author` and `datetime`, the ink is
@@ -23,80 +23,64 @@ const Comment = withSelfRoot(function Comment(props) {
 		"actions",
 		"children"
 	]);
-	var _el$ = _tmpl$6();
-	var _el$3 = _el$.firstChild;
-	var _el$9 = _el$3.firstChild;
-	var _el$11 = _el$9.nextSibling;
-	spread(_el$, [rest, {
-		"data-scope": "comment",
-		"data-part": "root"
-	}], true);
-	insert(_el$, createComponent(Show, {
-		get when() {
-			return own.avatar;
-		},
-		get children() {
-			var _el$2 = _tmpl$();
-			insert(_el$2, () => {
+	return (() => {
+		var _el$ = _tmpl$6(), _el$3 = _el$.firstChild, _el$7 = _el$3.firstChild;
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "comment",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$, createComponent(Show, {
+			get when() {
 				return own.avatar;
-			});
-			return _el$2;
-		}
-	}), _el$3);
-	insert(_el$3, createComponent(Show, {
-		get when() {
-			return own.author || own.datetime;
-		},
-		get children() {
-			var _el$4 = _tmpl$4();
-			var _el$6 = _el$4.firstChild;
-			var _el$8 = _el$6.nextSibling;
-			insert(_el$4, createComponent(Show, {
-				get when() {
-					return own.author;
-				},
-				get children() {
-					var _el$5 = _tmpl$2();
-					insert(_el$5, () => {
+			},
+			get children() {
+				var _el$2 = _tmpl$();
+				insert(_el$2, () => own.avatar);
+				return _el$2;
+			}
+		}), _el$3);
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return own.author || own.datetime;
+			},
+			get children() {
+				var _el$4 = _tmpl$4();
+				insert(_el$4, createComponent(Show, {
+					get when() {
 						return own.author;
-					});
-					return _el$5;
-				}
-			}), _el$6);
-			insert(_el$4, createComponent(Show, {
-				get when() {
-					return own.datetime;
-				},
-				get children() {
-					var _el$7 = _tmpl$3();
-					insert(_el$7, () => {
+					},
+					get children() {
+						var _el$5 = _tmpl$2();
+						insert(_el$5, () => own.author);
+						return _el$5;
+					}
+				}), null);
+				insert(_el$4, createComponent(Show, {
+					get when() {
 						return own.datetime;
-					});
-					effect(() => own.datetime, (_v$) => {
-						setAttribute(_el$7, "datetime", _v$);
-					});
-					return _el$7;
-				}
-			}), _el$8);
-			return _el$4;
-		}
-	}), _el$9);
-	insert(_el$9, () => {
-		return own.children;
-	});
-	insert(_el$3, createComponent(Show, {
-		get when() {
-			return own.actions;
-		},
-		get children() {
-			var _el$10 = _tmpl$5();
-			insert(_el$10, () => {
+					},
+					get children() {
+						var _el$6 = _tmpl$3();
+						insert(_el$6, () => own.datetime);
+						effect(() => setAttribute(_el$6, "datetime", own.datetime));
+						return _el$6;
+					}
+				}), null);
+				return _el$4;
+			}
+		}), _el$7);
+		insert(_el$7, () => own.children);
+		insert(_el$3, createComponent(Show, {
+			get when() {
 				return own.actions;
-			});
-			return _el$10;
-		}
-	}), _el$11);
-	return _el$;
+			},
+			get children() {
+				var _el$8 = _tmpl$5();
+				insert(_el$8, () => own.actions);
+				return _el$8;
+			}
+		}), null);
+		return _el$;
+	})();
 });
-//#endregion
 export { Comment };

package/dist/components/config-provider/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentMessagesOverride, ThemeScene } from "@bysages/core";
 import { JSX } from "solid-js";
-//#region src/components/config-provider/index.d.ts
 /** The four density tiers the token layer's `[data-density]` selectors
  * name — whitespace and control heights compress, readability never
  * does. */
@@ -49,5 +48,4 @@ export interface ConfigProviderProps extends JSX.HTMLAttributes<HTMLDivElement>
  */
 export declare const ConfigProvider: ((props: ConfigProviderProps) => JSX.Element) & {
   Root: (props: ConfigProviderProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/config-provider/index.mjs

@@ -1,8 +1,8 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { createComponent, insert, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
 import { createContext, splitProps, useContext } from "solid-js";
-//#region src/components/config-provider/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/config-provider/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 /** Solid context for the provider's snapshot — a custom part reads it
 * with `useContext(ConfigContextKey)`. */
 const ConfigContextKey = createContext(() => ({}));
@@ -40,16 +40,16 @@ const ConfigProvider = withSelfRoot(function ConfigProvider(props) {
 		}),
 		get children() {
 			var _el$ = _tmpl$();
-			spread(_el$, [rest, {
+			spread(_el$, mergeProps(rest, {
 				"data-scope": "config-provider",
 				"data-part": "root",
-				get "data-density"() {
+				get ["data-density"]() {
 					return own.density;
 				},
-				get "data-scene"() {
+				get ["data-scene"]() {
 					return own.scene;
 				},
-				get "data-accent"() {
+				get ["data-accent"]() {
 					return own.accent;
 				},
 				get dir() {
@@ -58,13 +58,10 @@ const ConfigProvider = withSelfRoot(function ConfigProvider(props) {
 				get lang() {
 					return own.locale;
 				}
-			}], true);
-			insert(_el$, () => {
-				return own.children;
-			});
+			}), false, true);
+			insert(_el$, () => own.children);
 			return _el$;
 		}
 	});
 });
-//#endregion
 export { ConfigContextKey, ConfigProvider, useConfig };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/container/index.d.ts
 /** The reading frame: content held to a measure and centered on the
  * page. The sizes name typographic measures, not breakpoints — the page
  * owns its edges, the container only owns how long a line of ink runs. */
@@ -11,5 +10,4 @@ export interface ContainerProps extends JSX.HTMLAttributes<HTMLDivElement> {
 }
 export declare const Container: ((props: ContainerProps) => JSX.Element) & {
   Root: (props: ContainerProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/container/index.mjs

@@ -1,24 +1,25 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/container/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/container/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 const Container = withSelfRoot(function Container(props) {
 	injectComponentStyle("container");
 	const [own, rest] = splitProps(props, ["size", "padding"]);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		"data-scope": "container",
-		"data-part": "root",
-		get "data-size"() {
-			return own.size ?? "readable";
-		},
-		get "data-padding"() {
-			return own.padding === false ? void 0 : "";
-		}
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "container",
+			"data-part": "root",
+			get ["data-size"]() {
+				return own.size ?? "readable";
+			},
+			get ["data-padding"]() {
+				return own.padding === false ? void 0 : "";
+			}
+		}), false, false);
+		return _el$;
+	})();
 });
-//#endregion
 export { Container };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/data-view/index.d.ts
 export interface DataViewProps extends JSX.HTMLAttributes<HTMLDivElement> {
   items: unknown[];
   /** Ledger rows or a lattice of cards. */
@@ -16,5 +15,4 @@ export interface DataViewProps extends JSX.HTMLAttributes<HTMLDivElement> {
  * family's own parts rather than a second implementation. */
 export declare const DataView: ((props: DataViewProps) => JSX.Element) & {
   Root: (props: DataViewProps) => JSX.Element;
-};
-//#endregion
+};

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

@@ -1,13 +1,13 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { n as useComponentMessages } from "../../use-component-messages-DS9ppb4C.mjs";
 import { Pagination } from "../pagination/index.mjs";
-import { createComponent, effect, insert, memo, setAttribute, spread, template } from "@solidjs/web";
+import { createComponent, effect, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, createSignal, splitProps } from "solid-js";
-//#region src/components/data-view/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=data-view data-part=pager>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div><div data-scope=data-view data-part=content></div><!>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div data-scope=data-view data-part=cell>`);
+// src/components/data-view/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=data-view data-part=pager>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div><div data-scope=data-view data-part=content>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-scope=data-view data-part=cell>`);
 /** One vessel, two layouts: the caller renders each record through
 * renderItem, the view lays the records out as a ledger or a lattice
 * and — when a page size is given — pages them with the pagination
@@ -25,91 +25,82 @@ const DataView = withSelfRoot(function DataView(props) {
 	const [page, setPage] = createSignal(1);
 	const pageCount = () => own.pageSize ? Math.max(1, Math.ceil(own.items.length / own.pageSize)) : 1;
 	const visible = () => own.pageSize ? own.items.slice((page() - 1) * own.pageSize, page() * own.pageSize) : own.items;
-	var _el$ = _tmpl$2();
-	var _el$2 = _el$.firstChild;
-	var _el$4 = _el$2.nextSibling;
-	spread(_el$, [rest, {
-		"data-scope": "data-view",
-		"data-part": "root"
-	}], true);
-	insert(_el$, () => {
-		return own.header;
-	}, _el$2);
-	insert(_el$2, createComponent(For, {
-		get each() {
-			return visible();
-		},
-		children: (item, index) => (() => {
-			var _el$5 = _tmpl$3();
-			insert(_el$5, () => {
-				return own.renderItem?.(item, index());
-			});
-			return _el$5;
-		})()
-	}));
-	insert(_el$, createComponent(Show, {
-		get when() {
-			return memo(() => {
-				return !!own.pageSize;
-			})() ? pageCount() > 1 : own.pageSize;
-		},
-		get children() {
-			var _el$3 = _tmpl$();
-			insert(_el$3, createComponent(Pagination.Root, {
-				get count() {
-					return own.items.length;
-				},
-				get pageSize() {
-					return own.pageSize;
-				},
-				get page() {
-					return page();
-				},
-				siblingCount: 1,
-				onPageChange: (details) => setPage(details.page),
-				get children() {
-					return [
-						createComponent(Pagination.PrevTrigger, {
-							get "aria-label"() {
-								return messages().pagination.previous;
-							},
-							children: "‹"
-						}),
-						createComponent(Pagination.Context, { children: (pagination) => createComponent(For, {
-							get each() {
-								return pagination().pages;
-							},
-							children: (entry, index) => entry.type === "ellipsis" ? createComponent(Pagination.Ellipsis, {
-								get index() {
-									return index();
+	return (() => {
+		var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "data-view",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$, () => own.header, _el$2);
+		insert(_el$2, createComponent(For, {
+			get each() {
+				return visible();
+			},
+			children: (item, index) => (() => {
+				var _el$4 = _tmpl$3();
+				insert(_el$4, () => own.renderItem?.(item, index()));
+				return _el$4;
+			})()
+		}));
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return memo(() => !!own.pageSize)() && pageCount() > 1;
+			},
+			get children() {
+				var _el$3 = _tmpl$();
+				insert(_el$3, createComponent(Pagination.Root, {
+					get count() {
+						return own.items.length;
+					},
+					get pageSize() {
+						return own.pageSize;
+					},
+					get page() {
+						return page();
+					},
+					siblingCount: 1,
+					onPageChange: (details) => setPage(details.page),
+					get children() {
+						return [
+							createComponent(Pagination.PrevTrigger, {
+								get ["aria-label"]() {
+									return messages().pagination.previous;
 								},
-								children: "…"
-							}) : createComponent(Pagination.Item, {
-								type: "page",
-								get value() {
-									return entry.value;
+								children: "‹"
+							}),
+							createComponent(Pagination.Context, { children: (pagination) => createComponent(For, {
+								get each() {
+									return pagination().pages;
 								},
-								get children() {
-									return entry.value;
-								}
+								children: (entry, index) => entry.type === "ellipsis" ? createComponent(Pagination.Ellipsis, {
+									get index() {
+										return index();
+									},
+									children: "…"
+								}) : createComponent(Pagination.Item, {
+									type: "page",
+									get value() {
+										return entry.value;
+									},
+									get children() {
+										return entry.value;
+									}
+								})
+							}) }),
+							createComponent(Pagination.NextTrigger, {
+								get ["aria-label"]() {
+									return messages().pagination.next;
+								},
+								children: "›"
 							})
-						}) }),
-						createComponent(Pagination.NextTrigger, {
-							get "aria-label"() {
-								return messages().pagination.next;
-							},
-							children: "›"
-						})
-					];
-				}
-			}));
-			return _el$3;
-		}
-	}), _el$4);
-	effect(() => own.layout ?? "list", (_v$) => {
-		setAttribute(_el$2, "data-layout", _v$);
-	});
-	return _el$;
+						];
+					}
+				}));
+				return _el$3;
+			}
+		}), null);
+		effect(() => setAttribute(_el$2, "data-layout", own.layout ?? "list"));
+		return _el$;
+	})();
 });
-//#endregion
 export { DataView };

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

@@ -1,5 +1,4 @@
 import { DateInput as DateInput$1, DateInputDateValue, DateInputRootProps } from "@ark-ui/solid/date-input";
-//#region src/components/date-input/index.d.ts
 /** Ark's DateInput, dressed in the paper-and-ink system: a segmented
  * field where the focused segment takes the flat ink fill. The API is
  * Ark's own — Root, Label, Control, SegmentGroup, Segment, SegmentContext,
@@ -26,4 +25,4 @@ declare function DateInputFacade(props: DateInputFacadeProps): import("solid-js"
 export declare const DateInput: typeof DateInputFacade & Omit<typeof DateInput$1, "Root"> & {
   Root: typeof DateInputRoot;
 };
-//#endregion
+export {};

package/dist/components/date-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 { Show, splitProps } from "solid-js";
 import { DateInput as DateInput$1 } from "@ark-ui/solid/date-input";
-//#region src/components/date-input/index.tsx
+// src/components/date-input/index.tsx
 function DateInputRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("date-input", () => rest.id);
@@ -12,7 +12,7 @@ function DateInputRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -40,9 +40,7 @@ function DateInputFacade(props) {
 		get required() {
 			return props.required;
 		}
-	}, () => {
-		return props.value === void 0 ? {} : { value: toDateInputValue(props.value) };
-	}, {
+	}, () => props.value === void 0 ? {} : { value: toDateInputValue(props.value) }, {
 		onValueChange: (details) => props.onValueChange?.(details.value),
 		get children() {
 			return [
@@ -71,5 +69,4 @@ const DateInput = defineFamily(DateInputFacade, {
 	Root: DateInputRoot
 });
 injectComponentStyle("date-input");
-//#endregion
 export { DateInput };

package/dist/components/date-picker/index.d.mts

@@ -1,5 +1,4 @@
 import { DatePicker as DatePicker$1, DatePickerDateRangePreset, DatePickerRootProps, DateValue } from "@ark-ui/solid/date-picker";
-//#region src/components/date-picker/index.d.ts
 /** Ark's DatePicker, dressed in the paper-and-ink system: the popup
  * dissolves in on elevation, selected days take the flat ink fill, and
  * range middles run subtle with cut corners. The API is Ark's own —
@@ -39,4 +38,4 @@ type DatePickerParts = Omit<typeof DatePicker$1, "Root"> & {
   Root: typeof DatePickerRoot;
 };
 export declare const DatePicker: typeof DatePickerFacade & DatePickerParts;
-//#endregion
+export {};

package/dist/components/date-picker/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, Show, splitProps } from "solid-js";
 import { DatePicker as DatePicker$1 } from "@ark-ui/solid/date-picker";
-//#region src/components/date-picker/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=date-picker data-part=presets>`);
+// src/components/date-picker/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=date-picker data-part=presets>`);
 function DatePickerRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("date-picker", () => rest.id);
@@ -14,7 +14,7 @@ function DatePickerRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -44,9 +44,7 @@ function DatePickerFacade(props) {
 		get required() {
 			return props.required;
 		}
-	}, () => {
-		return props.value === void 0 ? {} : { value: toDatePickerValue(props.value) };
-	}, {
+	}, () => props.value === void 0 ? {} : { value: toDatePickerValue(props.value) }, {
 		onValueChange: (details) => props.onValueChange?.(details.value),
 		get children() {
 			return [
@@ -61,10 +59,8 @@ function DatePickerFacade(props) {
 					}
 				}),
 				createComponent(DatePicker$1.Control, { get children() {
-					return [createComponent(DatePicker$1.Input, { get "aria-label"() {
-						return memo(() => {
-							return !!props.label;
-						})() ? void 0 : props.placeholder;
+					return [createComponent(DatePicker$1.Input, { get ["aria-label"]() {
+						return memo(() => !!props.label)() ? void 0 : props.placeholder;
 					} }), createComponent(DatePicker$1.Trigger, { get children() {
 						return iconNode("calendar", {
 							width: "16",
@@ -127,7 +123,7 @@ function DatePickerFacade(props) {
 														return dp().weekDays;
 													},
 													children: (day) => createComponent(DatePicker$1.TableHeader, {
-														get "aria-label"() {
+														get ["aria-label"]() {
 															return day.long;
 														},
 														get children() {
@@ -171,5 +167,4 @@ const DatePicker = defineFamily(DatePickerFacade, {
 	Root: DatePickerRoot
 });
 injectComponentStyle("date-picker");
-//#endregion
 export { DatePicker };

package/dist/components/deferred-content/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/deferred-content/index.d.ts
 export interface DeferredContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** How much of the placeholder must be visible before the content
    * mounts, from 0 (any pixel) to 1 (the whole box). */
@@ -14,5 +13,4 @@ export interface DeferredContentProps extends JSX.HTMLAttributes<HTMLDivElement>
  * arrival costs no layout shift it cannot predict. */
 export declare const DeferredContent: ((props: DeferredContentProps) => JSX.Element) & {
   Root: (props: DeferredContentProps) => JSX.Element;
-};
-//#endregion
+};