@bysages/solid 0.4.4 → 0.5.0

package/dist/components/masonry/index.mjs

@@ -1,9 +1,9 @@
-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/masonry/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/masonry/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 /** The same named steps of the space ramp the stack uses — one
 * vocabulary of distance across the layout primitives. */
 const gapVars = {
@@ -17,19 +17,20 @@ const gapVars = {
 const Masonry = withSelfRoot(function Masonry(props) {
 	injectComponentStyle("masonry");
 	const [own, rest] = splitProps(props, ["columns", "gap"]);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		get style() {
-			return {
-				...rest.style,
-				"--bs-masonry-columns": String(own.columns ?? 3),
-				"--bs-masonry-gap": gapVars[own.gap ?? "md"] ?? gapVars.md
-			};
-		},
-		"data-scope": "masonry",
-		"data-part": "root"
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			get style() {
+				return {
+					...rest.style,
+					"--bs-masonry-columns": String(own.columns ?? 3),
+					"--bs-masonry-gap": gapVars[own.gap ?? "md"] ?? gapVars.md
+				};
+			},
+			"data-scope": "masonry",
+			"data-part": "root"
+		}), false, false);
+		return _el$;
+	})();
 });
-//#endregion
 export { Masonry };

package/dist/components/media-player/index.d.mts

@@ -1,2 +1,2 @@
-import { a as MediaTextTrackOption, i as MediaSourceOption, n as Video, o as formatMediaTime, r as MediaPlayerProps, t as Audio } from "../../index-wW28BYf1.mjs";
+import { a as MediaTextTrackOption, i as MediaSourceOption, n as Video, o as formatMediaTime, r as MediaPlayerProps, t as Audio } from "../../index-CwmZdzxT.mjs";
 export { Audio, type MediaPlayerProps, type MediaSourceOption, type MediaTextTrackOption, Video, formatMediaTime };

package/dist/components/media-player/index.mjs

@@ -1,2 +1 @@
-import { n as Video, r as formatMediaTime, t as Audio } from "../../media-player-yF7KVUxM.mjs";
-export { Audio, Video, formatMediaTime };
+export { t as Audio, n as Video, r as formatMediaTime } from "../../media-player-LHnTiSiN.mjs";

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

@@ -1,2 +1,2 @@
-import { a as MentionsVesselProps, c as useMentions, i as MentionsVessel, n as Mentions, o as UseMentionsHandlers, r as MentionsProps, s as UseMentionsOptions, t as MentionEntry } from "../../index-DEArHiFI.mjs";
-export { MentionEntry, Mentions, MentionsProps, MentionsVessel, MentionsVesselProps, type UseMentionsHandlers, type UseMentionsOptions, useMentions };
+import { a as MentionsVessel, c as MentionTriggers, d as useMentions, i as MentionsProps, l as UseMentionsHandlers, n as MentionPlacement, o as MentionsVesselProps, r as Mentions, s as MentionCommitKey, t as MentionEntry, u as UseMentionsOptions } from "../../index-CutrHCzU.mjs";
+export { type MentionCommitKey, MentionEntry, MentionPlacement, type MentionTriggers, Mentions, MentionsProps, MentionsVessel, MentionsVesselProps, type UseMentionsHandlers, type UseMentionsOptions, useMentions };

package/dist/components/mentions/index.mjs

@@ -1,3 +1 @@
-import "../popover/index.mjs";
-import { n as MentionsVessel, r as useMentions, t as Mentions } from "../../mentions-DKUG7eHt.mjs";
-export { Mentions, MentionsVessel, useMentions };
+export { t as Mentions, n as MentionsVessel, r as useMentions } from "../../mentions-CvY9IGzc.mjs";

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

@@ -1,5 +1,4 @@
 import { Menu as Menu$1 } from "@ark-ui/solid/menu";
-//#region src/components/menu/index.d.ts
 type MenuOwnProps = {
   /** One rung of the control-height ladder for the vessel's rows. */
   size?: "sm" | "md" | "lg";
@@ -30,4 +29,4 @@ export declare const Menu: typeof MenuFacade & Omit<typeof Menu$1, "Root" | "Con
   Root: typeof MenuRoot;
   Content: typeof MenuContent;
 };
-//#endregion
+export {};

package/dist/components/menu/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, memo, mergeProps } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { r as iconNode } from "../../icon-DQqYA2fO.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent, memo, mergeProps } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, createContext, splitProps, useContext } from "solid-js";
 import { Menu as Menu$1 } from "@ark-ui/solid/menu";
-//#region src/components/menu/index.tsx
+// src/components/menu/index.tsx
 /** Ark's Menu, dressed in the paper-and-ink system: a quiet paper vessel on
 * elevation, hover as light on the row, checked items as the flat ink fill.
 * The API is Ark's own — Root, Trigger, ContextTrigger, Indicator, Positioner,
@@ -30,7 +30,7 @@ function MenuRoot(props) {
 }
 function MenuContent(props) {
 	const size = useContext(MenuSizeContext);
-	return createComponent(Menu$1.Content, mergeProps(props, { get "data-size"() {
+	return createComponent(Menu$1.Content, mergeProps(props, { get ["data-size"]() {
 		return size?.() ?? "md";
 	} }));
 }
@@ -38,13 +38,7 @@ function MenuFacade(props) {
 	injectComponentStyle("menu");
 	return createComponent(MenuRoot, mergeProps({ get size() {
 		return props.size ?? "md";
-	} }, () => {
-		return props.open === void 0 ? {} : { open: props.open };
-	}, () => {
-		return props.defaultOpen === void 0 ? {} : { defaultOpen: props.defaultOpen };
-	}, () => {
-		return props.placement === void 0 ? {} : { positioning: { placement: props.placement } };
-	}, {
+	} }, () => props.open === void 0 ? {} : { open: props.open }, () => props.defaultOpen === void 0 ? {} : { defaultOpen: props.defaultOpen }, () => props.placement === void 0 ? {} : { positioning: { placement: props.placement } }, {
 		onSelect: (details) => props.onSelect?.(details.value),
 		onOpenChange: (details) => props.onOpenChange?.(details.open),
 		get children() {
@@ -53,9 +47,7 @@ function MenuFacade(props) {
 					return props.disabled;
 				},
 				get children() {
-					return [memo(() => {
-						return props.trigger;
-					}), createComponent(Menu$1.Indicator, { get children() {
+					return [memo(() => props.trigger), createComponent(Menu$1.Indicator, { get children() {
 						return iconNode("chevron-down", {
 							width: "14",
 							height: "14"
@@ -91,5 +83,4 @@ const Menu = defineFamily(MenuFacade, {
 	Content: MenuContent
 });
 injectComponentStyle("menu");
-//#endregion
 export { Menu };

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

@@ -1,6 +1,5 @@
 import { Menu } from "../menu/index.mjs";
 import { JSX } from "solid-js";
-//#region src/components/menubar/index.d.ts
 export interface MenubarEntry {
   label: string;
   value: string;
@@ -31,4 +30,4 @@ export interface MenubarProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "
  */
 declare function MenubarImpl(props: MenubarProps): JSX.Element;
 export declare const Menubar: typeof MenubarImpl & typeof Menu;
-//#endregion
+export {};

package/dist/components/menubar/index.mjs

@@ -1,14 +1,13 @@
-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 { Menu as Menu$1 } from "../menu/index.mjs";
-import { createComponent, insert, spread, template } from "@solidjs/web";
+import { Portal, createComponent, insert, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, splitProps } from "solid-js";
-import { Portal } from "solid-js/web";
 import { Menu } from "@ark-ui/solid/menu";
-//#region src/components/menubar/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><!><!>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<button>`);
+// src/components/menubar/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<button>`);
 /**
 * A desktop-style menu bar: a row of quiet ghost triggers, each opening
 * the same paper vessel as the menu family. The triggers are our own
@@ -31,75 +30,70 @@ function MenubarImpl(props) {
 		"children"
 	]);
 	const id = useElementId("menubar", () => own.id);
-	var _el$ = _tmpl$();
-	var _el$2 = _el$.firstChild;
-	var _el$3 = _el$2.nextSibling;
-	spread(_el$, [rest, {
-		get id() {
-			return own.id;
-		},
-		"data-scope": "menubar",
-		"data-part": "root",
-		role: "menubar"
-	}], true);
-	insert(_el$, createComponent(For, {
-		get each() {
-			return own.items ?? [];
-		},
-		children: (group, index) => createComponent(Menu.Root, {
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
 			get id() {
-				return `${id()}-${index()}`;
+				return own.id;
 			},
-			positioning: { placement: "bottom-start" },
-			get children() {
-				return [createComponent(Menu.Trigger, { asChild: (triggerProps) => (() => {
-					var _el$4 = _tmpl$2();
-					spread(_el$4, [triggerProps, {
-						type: "button",
-						role: "menuitem",
-						"data-scope": "menubar",
-						"data-part": "trigger"
-					}], true);
-					insert(_el$4, () => {
-						return group.label;
-					});
-					return _el$4;
-				})() }), createComponent(Portal, { get children() {
-					return createComponent(Menu.Positioner, { get children() {
-						return createComponent(Menu.Content, { get children() {
-							return createComponent(For, {
-								get each() {
-									return group.items;
-								},
-								children: (entry) => createComponent(Menu.Item, {
-									get value() {
-										return entry.value;
-									},
-									get disabled() {
-										return entry.disabled;
-									},
-									get "data-danger"() {
-										return entry.danger ? "" : void 0;
+			"data-scope": "menubar",
+			"data-part": "root",
+			"role": "menubar"
+		}), false, true);
+		insert(_el$, createComponent(For, {
+			get each() {
+				return own.items ?? [];
+			},
+			children: (group, index) => createComponent(Menu.Root, {
+				get id() {
+					return `${id()}-${index()}`;
+				},
+				positioning: { placement: "bottom-start" },
+				get children() {
+					return [createComponent(Menu.Trigger, { asChild: (triggerProps) => (() => {
+						var _el$2 = _tmpl$2();
+						spread(_el$2, mergeProps(triggerProps, {
+							"type": "button",
+							"role": "menuitem",
+							"data-scope": "menubar",
+							"data-part": "trigger"
+						}), false, true);
+						insert(_el$2, () => group.label);
+						return _el$2;
+					})() }), createComponent(Portal, { get children() {
+						return createComponent(Menu.Positioner, { get children() {
+							return createComponent(Menu.Content, { get children() {
+								return createComponent(For, {
+									get each() {
+										return group.items;
 									},
-									onSelect: () => own.onSelect?.(entry.value),
-									get children() {
-										return createComponent(Menu.ItemText, { get children() {
-											return entry.label;
-										} });
-									}
-								})
-							});
+									children: (entry) => createComponent(Menu.Item, {
+										get value() {
+											return entry.value;
+										},
+										get disabled() {
+											return entry.disabled;
+										},
+										get ["data-danger"]() {
+											return entry.danger ? "" : void 0;
+										},
+										onSelect: () => own.onSelect?.(entry.value),
+										get children() {
+											return createComponent(Menu.ItemText, { get children() {
+												return entry.label;
+											} });
+										}
+									})
+								});
+							} });
 						} });
-					} });
-				} })];
-			}
-		})
-	}), _el$2);
-	insert(_el$, () => {
-		return own.children;
-	}, _el$3);
-	return _el$;
+					} })];
+				}
+			})
+		}), null);
+		insert(_el$, () => own.children, null);
+		return _el$;
+	})();
 }
 const Menubar = defineFamily(MenubarImpl, Menu$1);
-//#endregion
 export { Menubar };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/meter/index.d.ts
 export interface MeterRootProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** The measured value — clamped between min and max. */
   value: number;
@@ -18,4 +17,4 @@ export declare const Meter: typeof Root & {
   ValueText: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
   Track: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
 };
-//#endregion
+export {};

package/dist/components/meter/index.mjs

@@ -1,14 +1,14 @@
-import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/meter/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span><span data-scope=meter data-part=range>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
+// src/components/meter/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span><span data-scope=meter data-part=range>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div>`);
 function part(name, tag) {
 	function Component(props) {
 		return createComponent(tag, mergeProps(props, {
 			"data-scope": "meter",
-			get "data-part"() {
+			get ["data-part"]() {
 				return name.toLowerCase();
 			}
 		}));
@@ -19,10 +19,10 @@ const Label = part("Label", "span");
 const ValueText = part("ValueText", "span");
 const Track = (props) => (() => {
 	var _el$ = _tmpl$();
-	spread(_el$, [props, {
+	spread(_el$, mergeProps(props, {
 		"data-scope": "meter",
 		"data-part": "track"
-	}], true);
+	}), false, true);
 	return _el$;
 })();
 function Root(props) {
@@ -41,38 +41,38 @@ function Root(props) {
 		return span > 0 ? Math.min(Math.max((own.value - min()) / span, 0), 1) : 0;
 	};
 	const level = () => own.level ?? "normal";
-	var _el$2 = _tmpl$2();
-	spread(_el$2, [rest, {
-		role: "meter",
-		get "aria-valuemin"() {
-			return min();
-		},
-		get "aria-valuemax"() {
-			return max();
-		},
-		get "aria-valuenow"() {
-			return own.value;
-		},
-		get "aria-label"() {
-			return own.label ?? rest["aria-label"];
-		},
-		"data-scope": "meter",
-		"data-part": "root",
-		get "data-size"() {
-			return own.size ?? "md";
-		},
-		get "data-level"() {
-			return level() !== "normal" ? level() : void 0;
-		},
-		get style() {
-			return {
-				...rest.style,
-				"--_percent": `${ratio() * 100}%`
-			};
-		}
-	}], true);
-	insert(_el$2, () => {
-		return rest.children ?? [
+	return (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, mergeProps(rest, {
+			"role": "meter",
+			get ["aria-valuemin"]() {
+				return min();
+			},
+			get ["aria-valuemax"]() {
+				return max();
+			},
+			get ["aria-valuenow"]() {
+				return own.value;
+			},
+			get ["aria-label"]() {
+				return own.label ?? rest["aria-label"];
+			},
+			"data-scope": "meter",
+			"data-part": "root",
+			get ["data-size"]() {
+				return own.size ?? "md";
+			},
+			get ["data-level"]() {
+				return memo(() => level() !== "normal")() ? level() : void 0;
+			},
+			get style() {
+				return {
+					...rest.style,
+					"--_percent": `${ratio() * 100}%`
+				};
+			}
+		}), false, true);
+		insert(_el$2, () => rest.children ?? [
 			createComponent(Label, { get children() {
 				return own.label;
 			} }),
@@ -80,9 +80,9 @@ function Root(props) {
 				return `${Math.round(ratio() * 100)}%`;
 			} }),
 			createComponent(Track, {})
-		];
-	});
-	return _el$2;
+		]);
+		return _el$2;
+	})();
 }
 const Meter = Object.assign(Root, {
 	Root,
@@ -91,5 +91,4 @@ const Meter = Object.assign(Root, {
 	Track
 });
 injectComponentStyle("meter");
-//#endregion
 export { Meter };

package/dist/components/navigation-menu/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/solid/navigation-menu";
-//#region src/components/navigation-menu/index.d.ts
 /** Ark's NavigationMenu, dressed in the paper-and-ink system: a menubar of
  * ghost triggers with one sliding stroke of primary ink, opening the shared
  * popup vessel. The API is Ark's own — Root, List, Item, Trigger, Link,
@@ -25,4 +24,4 @@ export declare const NavigationMenu: typeof NavigationMenuFacade & Omit<typeof N
   Root: typeof NavigationMenuRoot;
   Link: typeof NavigationMenuLink;
 };
-//#endregion
+export {};

package/dist/components/navigation-menu/index.mjs

@@ -1,11 +1,11 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { createComponent, insert, mergeProps, template } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent, insert, mergeProps, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/solid/navigation-menu";
-//#region src/components/navigation-menu/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
+// src/components/navigation-menu/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
 /** Ark's NavigationMenu, dressed in the paper-and-ink system: a menubar of
 * ghost triggers with one sliding stroke of primary ink, opening the shared
 * popup vessel. The API is Ark's own — Root, List, Item, Trigger, Link,
@@ -48,9 +48,7 @@ function NavigationMenuFacade(props) {
 								get children() {
 									return [(() => {
 										var _el$ = _tmpl$();
-										insert(_el$, () => {
-											return item.label;
-										});
+										insert(_el$, () => item.label);
 										return _el$;
 									})(), createComponent(Show, {
 										get when() {
@@ -58,9 +56,7 @@ function NavigationMenuFacade(props) {
 										},
 										get children() {
 											var _el$2 = _tmpl$();
-											insert(_el$2, () => {
-												return item.description;
-											});
+											insert(_el$2, () => item.description);
 											return _el$2;
 										}
 									})];
@@ -79,5 +75,4 @@ const NavigationMenu = defineFamily(NavigationMenuFacade, {
 	Link: NavigationMenuLink
 });
 injectComponentStyle("navigation-menu");
-//#endregion
 export { NavigationMenu };

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

@@ -1,5 +1,4 @@
 import { NumberInput as NumberInput$1, NumberInputRootProps } from "@ark-ui/solid/number-input";
-//#region src/components/number-input/index.d.ts
 /** Ark's NumberInput, dressed in the paper-and-ink system: the stepper
  * rides inside the field as one seal split by a hairline, numbers set in
  * tabular figures. The API is Ark's own — Root, Label, Control, Input,
@@ -31,4 +30,4 @@ type NumberInputParts = Omit<typeof NumberInput$1, "Root"> & {
   Root: typeof NumberInputRoot;
 };
 export declare const NumberInput: typeof NumberInputFacade & NumberInputParts;
-//#endregion
+export {};

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

package/dist/components/order-list/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/order-list/index.d.ts
 export interface OrderOption {
   label: string;
   value: string;
@@ -19,5 +18,4 @@ export interface OrderListProps extends JSX.HTMLAttributes<HTMLDivElement> {
  * touch keeps the buttons as its route. */
 export declare const OrderList: ((props: OrderListProps) => JSX.Element) & {
   Root: (props: OrderListProps) => JSX.Element;
-};
-//#endregion
+};