@bysages/solid 0.2.3 → 0.3.1

package/dist/components/checkbox/index.mjs

@@ -1,11 +1,11 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, mergeProps } from "solid-js/web";
+import { createComponent, mergeProps } from "@solidjs/web";
 import { splitProps } from "solid-js";
 import { Checkbox as Checkbox$1 } from "@ark-ui/solid/checkbox";
 //#region src/components/checkbox/index.tsx
 function CheckboxRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
-	return createComponent(Checkbox$1.Root, mergeProps(rest, { get ["data-size"]() {
+	return createComponent(Checkbox$1.Root, mergeProps(rest, { get "data-size"() {
 		return own.size ?? "md";
 	} }));
 }

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

@@ -1,11 +1,11 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { createComponent, insert, spread, template } from "@solidjs/web";
 import { For, createUniqueId, splitProps } from "solid-js";
 import { useFieldContext } from "@ark-ui/solid/field";
 import { Checkbox } from "@ark-ui/solid/checkbox";
 //#region src/components/checkbox-group/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m5 12.5 5 5L19 7">`);
-var _tmpl$2 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$ = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m5 12.5 5 5L19 7">`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
 function checkGlyph() {
 	return _tmpl$();
 }
@@ -40,60 +40,58 @@ function CheckboxGroup(props) {
 		else next.add(value);
 		own.onValueChange?.([...next]);
 	}
-	return (() => {
-		var _el$2 = _tmpl$2();
-		spread(_el$2, mergeProps(rest, {
-			"role": "group",
-			"data-scope": "checkbox-group",
-			"data-part": "root",
-			get ["data-layout"]() {
-				return own.layout ?? "vertical";
+	var _el$2 = _tmpl$2();
+	spread(_el$2, [rest, {
+		role: "group",
+		"data-scope": "checkbox-group",
+		"data-part": "root",
+		get "data-layout"() {
+			return own.layout ?? "vertical";
+		},
+		get "data-invalid"() {
+			return isInvalid() ? "" : void 0;
+		}
+	}], true);
+	insert(_el$2, createComponent(For, {
+		get each() {
+			return own.options;
+		},
+		children: (option) => createComponent(Checkbox.Root, {
+			get ids() {
+				return {
+					label: `${uid}:${option.value}:label`,
+					hiddenInput: `${uid}:${option.value}:input`
+				};
 			},
-			get ["data-invalid"]() {
-				return isInvalid() ? "" : void 0;
-			}
-		}), false, true);
-		insert(_el$2, createComponent(For, {
-			get each() {
-				return own.options;
+			get checked() {
+				return selected().has(option.value);
+			},
+			get "data-size"() {
+				return own.size ?? "md";
+			},
+			get invalid() {
+				return isInvalid();
 			},
-			children: (option) => createComponent(Checkbox.Root, {
-				get ids() {
-					return {
-						label: `${uid}:${option.value}:label`,
-						hiddenInput: `${uid}:${option.value}:input`
-					};
-				},
-				get checked() {
-					return selected().has(option.value);
-				},
-				get ["data-size"]() {
-					return own.size ?? "md";
-				},
-				get invalid() {
-					return isInvalid();
-				},
-				get disabled() {
-					return isDisabled() || option.disabled === true;
-				},
-				onCheckedChange: () => toggle(option.value),
-				get children() {
-					return [
-						createComponent(Checkbox.Control, { get children() {
-							return createComponent(Checkbox.Indicator, { get children() {
-								return checkGlyph();
-							} });
-						} }),
-						createComponent(Checkbox.Label, { get children() {
-							return option.label;
-						} }),
-						createComponent(Checkbox.HiddenInput, {})
-					];
-				}
-			})
-		}));
-		return _el$2;
-	})();
+			get disabled() {
+				return isDisabled() || option.disabled === true;
+			},
+			onCheckedChange: () => toggle(option.value),
+			get children() {
+				return [
+					createComponent(Checkbox.Control, { get children() {
+						return createComponent(Checkbox.Indicator, { get children() {
+							return checkGlyph();
+						} });
+					} }),
+					createComponent(Checkbox.Label, { get children() {
+						return option.label;
+					} }),
+					createComponent(Checkbox.HiddenInput, {})
+				];
+			}
+		})
+	}));
+	return _el$2;
 }
 //#endregion
 export { CheckboxGroup };

package/dist/components/chip/index.mjs

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

package/dist/components/clipboard/index.mjs

@@ -1,12 +1,12 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, mergeProps } from "solid-js/web";
+import { createComponent, mergeProps } from "@solidjs/web";
 import { splitProps } from "solid-js";
 import { Clipboard as Clipboard$1 } from "@ark-ui/solid/clipboard";
 //#region src/components/clipboard/index.tsx
 const ArkRoot = Clipboard$1.Root;
 function ClipboardRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
-	return createComponent(ArkRoot, mergeProps(rest, { get ["data-size"]() {
+	return createComponent(ArkRoot, mergeProps(rest, { get "data-size"() {
 		return own.size ?? "md";
 	} }));
 }

package/dist/components/color-picker/index.mjs

@@ -1,11 +1,11 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, mergeProps } from "solid-js/web";
+import { createComponent, mergeProps } from "@solidjs/web";
 import { splitProps } from "solid-js";
 import { ColorPicker as ColorPicker$1 } from "@ark-ui/solid/color-picker";
 //#region src/components/color-picker/index.tsx
 function ColorPickerRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
-	return createComponent(ColorPicker$1.Root, mergeProps(rest, { get ["data-size"]() {
+	return createComponent(ColorPicker$1.Root, mergeProps(rest, { get "data-size"() {
 		return own.size ?? "md";
 	} }));
 }

package/dist/components/combobox/index.mjs

@@ -1,11 +1,11 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, mergeProps } from "solid-js/web";
+import { createComponent, mergeProps } from "@solidjs/web";
 import { splitProps } from "solid-js";
 import { Combobox as Combobox$1 } from "@ark-ui/solid/combobox";
 //#region src/components/combobox/index.tsx
 function ComboboxRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
-	return createComponent(Combobox$1.Root, mergeProps(rest, { get ["data-size"]() {
+	return createComponent(Combobox$1.Root, mergeProps(rest, { get "data-size"() {
 		return own.size ?? "md";
 	} }));
 }

package/dist/components/command/index.mjs

@@ -1,15 +1,18 @@
+import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { injectComponentStyle } from "@bysages/core";
-import { Portal, createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
 import { For, Show, createEffect, createSignal, splitProps } from "solid-js";
 import { useListCollection } from "@ark-ui/solid/collection";
 import { Combobox } from "@ark-ui/solid/combobox";
+import { Portal } from "solid-js/web";
 import { Dialog } from "@ark-ui/solid/dialog";
 //#region src/components/command/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<span data-scope=command data-part=item-hint>`);
-var _tmpl$2 = /*#__PURE__*/ template(`<div>`);
-var _tmpl$3 = /*#__PURE__*/ template(`<span>`);
-var _tmpl$4 = /*#__PURE__*/ template(`<input>`);
-var _tmpl$5 = /*#__PURE__*/ template(`<div data-scope=command data-part=empty>`);
+var _tmpl$ = /* @__PURE__ */ template(`<span data-scope=command data-part=item-hint>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div><!><!>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$4 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$5 = /* @__PURE__ */ template(`<input>`);
+var _tmpl$6 = /* @__PURE__ */ template(`<div data-scope=command data-part=empty>`);
 /** A command row: the machine's item grafted onto a vessel of our own,
 * the label riding the machine's item text. */
 function Row(props) {
@@ -19,29 +22,35 @@ function Row(props) {
 		},
 		asChild: (itemProps) => (() => {
 			var _el$ = _tmpl$2();
-			spread(_el$, mergeProps(itemProps, {
+			var _el$2 = _el$.firstChild;
+			var _el$4 = _el$2.nextSibling;
+			spread(_el$, [itemProps, {
 				"data-scope": "command",
 				"data-part": "item"
-			}), false, true);
+			}], true);
 			insert(_el$, createComponent(Combobox.ItemText, { asChild: (textProps) => (() => {
-				var _el$3 = _tmpl$3();
-				spread(_el$3, mergeProps(textProps, {
+				var _el$5 = _tmpl$3();
+				spread(_el$5, [textProps, {
 					"data-scope": "command",
 					"data-part": "item-label"
-				}), false, true);
-				insert(_el$3, () => props.entry.label);
-				return _el$3;
-			})() }), null);
+				}], true);
+				insert(_el$5, () => {
+					return props.entry.label;
+				});
+				return _el$5;
+			})() }), _el$2);
 			insert(_el$, createComponent(Show, {
 				get when() {
 					return props.entry.hint;
 				},
 				get children() {
-					var _el$2 = _tmpl$();
-					insert(_el$2, () => props.entry.hint);
-					return _el$2;
+					var _el$3 = _tmpl$();
+					insert(_el$3, () => {
+						return props.entry.hint;
+					});
+					return _el$3;
 				}
-			}), null);
+			}), _el$4);
 			return _el$;
 		})()
 	});
@@ -58,6 +67,7 @@ function Row(props) {
 function Command(props) {
 	injectComponentStyle("command");
 	injectComponentStyle("dialog");
+	const messages = useComponentMessages();
 	const [own, rest] = splitProps(props, [
 		"items",
 		"placeholder",
@@ -115,18 +125,21 @@ function Command(props) {
 		get children() {
 			return createComponent(Portal, { get children() {
 				return [createComponent(Dialog.Backdrop, {}), createComponent(Dialog.Positioner, { asChild: (positionerProps) => (() => {
-					var _el$4 = _tmpl$2();
-					spread(_el$4, mergeProps(positionerProps, {
+					var _el$6 = _tmpl$4();
+					spread(_el$6, [positionerProps, {
 						"data-scope": "command",
 						"data-part": "positioner"
-					}), false, true);
-					insert(_el$4, createComponent(Dialog.Content, { asChild: (contentProps) => (() => {
-						var _el$5 = _tmpl$2();
-						spread(_el$5, mergeProps(contentProps, {
+					}], true);
+					insert(_el$6, createComponent(Dialog.Content, { asChild: (contentProps) => (() => {
+						var _el$7 = _tmpl$4();
+						spread(_el$7, [contentProps, {
 							"data-scope": "command",
-							"data-part": "content"
-						}), false, true);
-						insert(_el$5, createComponent(Combobox.Root, {
+							"data-part": "content",
+							get "aria-label"() {
+								return messages().command.palette;
+							}
+						}], true);
+						insert(_el$7, createComponent(Combobox.Root, {
 							get collection() {
 								return collection();
 							},
@@ -152,23 +165,28 @@ function Command(props) {
 							},
 							get children() {
 								return [createComponent(Combobox.Input, { asChild: (inputProps) => (() => {
-									var _el$6 = _tmpl$4();
-									spread(_el$6, mergeProps(inputProps, {
-										"type": "text",
+									var _el$8 = _tmpl$5();
+									spread(_el$8, [inputProps, {
+										type: "text",
 										get placeholder() {
-											return own.placeholder;
+											return own.placeholder ?? messages().command.search;
+										},
+										get "aria-label"() {
+											return messages().command.search;
 										},
 										"data-scope": "command",
 										"data-part": "input"
-									}), false, false);
-									return _el$6;
+									}], false);
+									return _el$8;
 								})() }), createComponent(Combobox.Content, { asChild: (listProps) => (() => {
-									var _el$7 = _tmpl$2();
-									spread(_el$7, mergeProps(listProps, {
+									var _el$9 = _tmpl$2();
+									var _el$10 = _el$9.firstChild;
+									var _el$12 = _el$10.nextSibling;
+									spread(_el$9, [listProps, {
 										"data-scope": "command",
 										"data-part": "list"
-									}), false, true);
-									insert(_el$7, createComponent(For, {
+									}], true);
+									insert(_el$9, createComponent(For, {
 										get each() {
 											return sections();
 										},
@@ -186,48 +204,54 @@ function Command(props) {
 											},
 											get children() {
 												return createComponent(Combobox.ItemGroup, { asChild: (groupProps) => (() => {
-													var _el$9 = _tmpl$2();
-													spread(_el$9, mergeProps(groupProps, {
+													var _el$13 = _tmpl$2();
+													var _el$14 = _el$13.firstChild;
+													var _el$15 = _el$14.nextSibling;
+													spread(_el$13, [groupProps, {
 														"data-scope": "command",
 														"data-part": "group"
-													}), false, true);
-													insert(_el$9, createComponent(Combobox.ItemGroupLabel, { asChild: (labelProps) => (() => {
-														var _el$0 = _tmpl$2();
-														spread(_el$0, mergeProps(labelProps, {
+													}], true);
+													insert(_el$13, createComponent(Combobox.ItemGroupLabel, { asChild: (labelProps) => (() => {
+														var _el$16 = _tmpl$4();
+														spread(_el$16, [labelProps, {
 															"data-scope": "command",
 															"data-part": "group-label"
-														}), false, true);
-														insert(_el$0, () => section.group);
-														return _el$0;
-													})() }), null);
-													insert(_el$9, createComponent(For, {
+														}], true);
+														insert(_el$16, () => {
+															return section.group;
+														});
+														return _el$16;
+													})() }), _el$14);
+													insert(_el$13, createComponent(For, {
 														get each() {
 															return section.entries;
 														},
 														children: (entry) => createComponent(Row, { entry })
-													}), null);
-													return _el$9;
+													}), _el$15);
+													return _el$13;
 												})() });
 											}
 										})
-									}), null);
-									insert(_el$7, createComponent(Show, {
+									}), _el$10);
+									insert(_el$9, createComponent(Show, {
 										get when() {
 											return sections().length === 0;
 										},
 										get children() {
-											var _el$8 = _tmpl$5();
-											insert(_el$8, () => own.emptyText ?? "No matching commands");
-											return _el$8;
+											var _el$11 = _tmpl$6();
+											insert(_el$11, () => {
+												return own.emptyText ?? messages().command.noMatches;
+											});
+											return _el$11;
 										}
-									}), null);
-									return _el$7;
+									}), _el$12);
+									return _el$9;
 								})() })];
 							}
 						}));
-						return _el$5;
+						return _el$7;
 					})() }));
-					return _el$4;
+					return _el$6;
 				})() })];
 			} });
 		}

package/dist/components/comment/index.mjs

@@ -1,13 +1,13 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { createComponent, effect, insert, setAttribute, spread, template } from "@solidjs/web";
 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>`);
+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><!>`);
 /**
 * A voice on the record: the portrait hangs left (the `avatar` prop),
 * the body carries the byline from `author` and `datetime`, the ink is
@@ -22,65 +22,80 @@ function Comment(props) {
 		"actions",
 		"children"
 	]);
-	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() {
+	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 own.avatar;
-			},
-			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 _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, () => {
 						return own.author;
-					},
-					get children() {
-						var _el$5 = _tmpl$2();
-						insert(_el$5, () => own.author);
-						return _el$5;
-					}
-				}), null);
-				insert(_el$4, createComponent(Show, {
-					get when() {
+					});
+					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, () => {
 						return own.datetime;
-					},
-					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() {
+					});
+					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, () => {
 				return own.actions;
-			},
-			get children() {
-				var _el$8 = _tmpl$5();
-				insert(_el$8, () => own.actions);
-				return _el$8;
-			}
-		}), null);
-		return _el$;
-	})();
+			});
+			return _el$10;
+		}
+	}), _el$11);
+	return _el$;
 }
 //#endregion
 export { Comment };

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

@@ -1,4 +1,4 @@
-import { ThemeScene } from "@bysages/core";
+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
@@ -22,6 +22,8 @@ export interface ConfigContext {
   dir?: "ltr" | "rtl";
   /** BCP-47 locale, landing as the native `lang` attribute. */
   locale?: string;
+  /** Wrapper-owned copy, resolved with `locale` and merged over its locale defaults leaf by leaf. */
+  messages?: ComponentMessagesOverride;
 }
 /** Solid context for the provider's snapshot — a custom part reads it
  * with `useContext(ConfigContextKey)`. */
@@ -36,6 +38,7 @@ export interface ConfigProviderProps extends JSX.HTMLAttributes<HTMLDivElement>
   accent?: string;
   dir?: "ltr" | "rtl";
   locale?: string;
+  messages?: ComponentMessagesOverride;
 }
 /**
  * The declarative host for global configuration: one element that both