@bysages/solid 0.4.4 → 0.5.0

package/dist/components/timeline/index.mjs

@@ -1,8 +1,8 @@
-import { createComponent, mergeProps, spread, template } from "@solidjs/web";
+import { createComponent, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/timeline/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<ol>`);
+// src/components/timeline/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<ol>`);
 /** A line of moments: Root is the ordered thread, Item one moment on it,
 * Marker the point where the thread passes, Content what the moment
 * holds. The hairline between markers is drawn by the stylesheet. */
@@ -10,7 +10,7 @@ function part(name, tag) {
 	return ((props) => {
 		return createComponent(tag, mergeProps(props, {
 			"data-scope": "timeline",
-			get "data-part"() {
+			get ["data-part"]() {
 				return name.toLowerCase();
 			}
 		}));
@@ -19,15 +19,17 @@ function part(name, tag) {
 function Root(props) {
 	injectComponentStyle("timeline");
 	const [own, rest] = splitProps(props, ["orientation"]);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		"data-scope": "timeline",
-		"data-part": "root",
-		get "data-orientation"() {
-			return own.orientation ?? "vertical";
-		}
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "timeline",
+			"data-part": "root",
+			get ["data-orientation"]() {
+				return own.orientation ?? "vertical";
+			}
+		}), false, false);
+		return _el$;
+	})();
 }
 Root.displayName = "TimelineRoot";
 const Item = part("Item", "li");
@@ -40,5 +42,4 @@ const Timeline = Object.assign(Root, {
 	Content
 });
 injectComponentStyle("timeline");
-//#endregion
 export { Timeline };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { Timer as Timer$1 } from "@ark-ui/solid/timer";
-//#region src/components/timer/index.d.ts
 /** Ark's Timer, dressed in the paper-and-ink system: monospaced digits
  * that never jitter, quiet action triggers on the control recipe. The API
  * is Ark's own — Root, Area, Control, Item, Separator, ActionTrigger,
@@ -20,4 +19,4 @@ declare function TimerFacade(props: TimerFacadeProps): import("solid-js").JSX.El
 export declare const Timer: typeof TimerFacade & Omit<typeof Timer$1, "Root"> & {
   Root: typeof TimerRoot;
 };
-//#endregion
+export {};

package/dist/components/timer/index.mjs

@@ -1,10 +1,10 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { createComponent } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Timer as Timer$1 } from "@ark-ui/solid/timer";
-//#region src/components/timer/index.tsx
+// src/components/timer/index.tsx
 /** Ark's Timer, dressed in the paper-and-ink system: monospaced digits
 * that never jitter, quiet action triggers on the control recipe. The API
 * is Ark's own — Root, Area, Control, Item, Separator, ActionTrigger,
@@ -21,7 +21,7 @@ function TimerRoot(props) {
 function TimerFacade(props) {
 	injectComponentStyle("timer");
 	return createComponent(TimerRoot, {
-		get "aria-label"() {
+		get ["aria-label"]() {
 			return props.label;
 		},
 		get startMs() {
@@ -71,5 +71,4 @@ const Timer = defineFamily(TimerFacade, {
 	Root: TimerRoot
 });
 injectComponentStyle("timer");
-//#endregion
 export { Timer };

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

@@ -1,6 +1,5 @@
 import { Accessor, ComponentProps, JSX } from "solid-js";
 import { CreateToasterReturn, Toast as Toast$1, ToastOptions, Toaster as Toaster$1, createToaster } from "@ark-ui/solid/toast";
-//#region src/components/toast/index.d.ts
 /** Ark's Toast, dressed in the paper-and-ink system: each notice rides the
  * popup vessel while a pigment accents the title by type, and the machine's
  * translate variables carry the slide. The API is Ark's own — Toaster,
@@ -18,5 +17,4 @@ export declare const Toast: typeof ToastRoot & Omit<typeof Toast$1, "Root"> & {
 export declare const Toaster: typeof ToasterFacade & {
   Root: typeof Toaster$1;
 };
-//#endregion
 export { type CreateToasterReturn, createToaster };

package/dist/components/toast/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, createComponent as createComponent$1, mergeProps as mergeProps$1, splitProps } from "solid-js";
 import { Toast as Toast$1, Toaster as Toaster$1, createToaster } from "@ark-ui/solid/toast";
-//#region src/components/toast/index.tsx
+// src/components/toast/index.tsx
 /** Ark's Toast, dressed in the paper-and-ink system: each notice rides the
 * popup vessel while a pigment accents the title by type, and the machine's
 * translate variables carry the slide. The API is Ark's own — Toaster,
@@ -53,5 +53,4 @@ const Toast = defineFamily(ToastRoot, {
 });
 const Toaster = defineFamily(ToasterFacade, { Root: Toaster$1 });
 injectComponentStyle("toast");
-//#endregion
 export { Toast, Toaster, createToaster };

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

@@ -1,2 +1,2 @@
-import { n as TocFacadeProps, t as Toc } from "../../index-BU5U5w04.mjs";
+import { n as TocFacadeProps, t as Toc } from "../../index-B4WyTngM.mjs";
 export { Toc, TocFacadeProps };

package/dist/components/toc/index.mjs

@@ -1,2 +1 @@
-import { t as Toc } from "../../toc-DRHr8_eD.mjs";
-export { Toc };
+export { t as Toc } from "../../toc-RnPG3w7q.mjs";

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { Toggle as Toggle$1 } from "@ark-ui/solid/toggle";
-//#region src/components/toggle/index.d.ts
 /** Ark's Toggle, dressed in the paper-and-ink system: a standalone seal that
  * settles into the flat ink fill while pressed on. The API is Ark's own —
  * Root, Indicator. */
@@ -15,4 +14,4 @@ declare function ToggleFacade(props: ToggleFacadeProps): import("solid-js").JSX.
 export declare const Toggle: typeof ToggleFacade & Omit<typeof Toggle$1, "Root"> & {
   Root: typeof ToggleRoot;
 };
-//#endregion
+export {};

package/dist/components/toggle/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 { createComponent as createComponent$1, mergeProps as mergeProps$1, splitProps } from "solid-js";
 import { Toggle as Toggle$1 } from "@ark-ui/solid/toggle";
-//#region src/components/toggle/index.tsx
+// src/components/toggle/index.tsx
 /** Ark's Toggle, dressed in the paper-and-ink system: a standalone seal that
 * settles into the flat ink fill while pressed on. The API is Ark's own —
 * Root, Indicator. */
@@ -20,7 +20,7 @@ function ToggleFacade(props) {
 	injectComponentStyle("toggle");
 	const [own, rest] = splitProps(props, ["children", "label"]);
 	return createComponent(ToggleRoot, mergeProps(rest, {
-		get "aria-label"() {
+		get ["aria-label"]() {
 			return own.label ?? rest["aria-label"];
 		},
 		get children() {
@@ -40,5 +40,4 @@ const Toggle = defineFamily(ToggleFacade, {
 	Root: ToggleRoot
 });
 injectComponentStyle("toggle");
-//#endregion
 export { Toggle };

package/dist/components/toggle-group/index.d.mts

@@ -1,5 +1,4 @@
 import { ToggleGroup as ToggleGroup$1, ToggleGroupRootProps } from "@ark-ui/solid/toggle-group";
-//#region src/components/toggle-group/index.d.ts
 /** Ark's ToggleGroup, dressed in the paper-and-ink system: a hairline tray
  * of quiet seals where the pressed item takes the flat ink fill. The API is
  * Ark's own — Root, Item. */
@@ -33,4 +32,4 @@ type ToggleGroupParts = Omit<typeof ToggleGroup$1, "Root"> & {
   Root: typeof ToggleGroupRoot;
 };
 export declare const ToggleGroup: typeof ToggleGroupFacade & ToggleGroupParts;
-//#endregion
+export {};

package/dist/components/toggle-group/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, splitProps } from "solid-js";
 import { ToggleGroup as ToggleGroup$1 } from "@ark-ui/solid/toggle-group";
-//#region src/components/toggle-group/index.tsx
+// src/components/toggle-group/index.tsx
 function ToggleGroupRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("toggle-group", () => rest.id);
@@ -13,7 +13,7 @@ function ToggleGroupRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -27,7 +27,7 @@ function ToggleGroupFacade(props) {
 		get size() {
 			return props.size ?? "md";
 		},
-		get "aria-label"() {
+		get ["aria-label"]() {
 			return props.label;
 		},
 		get disabled() {
@@ -39,9 +39,7 @@ function ToggleGroupFacade(props) {
 		get defaultValue() {
 			return toArkValue(props.defaultValue);
 		}
-	}, () => {
-		return props.value === void 0 ? {} : { value: toArkValue(props.value) };
-	}, {
+	}, () => props.value === void 0 ? {} : { value: toArkValue(props.value) }, {
 		onValueChange: (details) => props.onValueChange?.(props.multiple ? details.value : details.value.at(0) ?? ""),
 		get children() {
 			return createComponent(For, {
@@ -55,16 +53,14 @@ function ToggleGroupFacade(props) {
 					get disabled() {
 						return item.disabled;
 					},
-					get "aria-label"() {
+					get ["aria-label"]() {
 						return item.label;
 					},
-					get "data-variant"() {
+					get ["data-variant"]() {
 						return item.icon ? "icon" : "text";
 					},
 					get children() {
-						return memo(() => {
-							return !!item.icon;
-						})() ? iconNode(item.icon) : item.label;
+						return memo(() => !!item.icon)() ? iconNode(item.icon) : item.label;
 					}
 				})
 			});
@@ -76,5 +72,4 @@ const ToggleGroup = defineFamily(ToggleGroupFacade, {
 	Root: ToggleGroupRoot
 });
 injectComponentStyle("toggle-group");
-//#endregion
 export { ToggleGroup };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/toolbar/index.d.ts
 export interface ToolbarProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** Accessible name when more than one toolbar shares a page. */
   label?: string;
@@ -15,5 +14,4 @@ export interface ToolbarProps extends JSX.HTMLAttributes<HTMLDivElement> {
  * assistive tech reads it as one group of commands. */
 export declare const Toolbar: ((props: ToolbarProps) => JSX.Element) & {
   Root: (props: ToolbarProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/toolbar/index.mjs

@@ -1,10 +1,10 @@
-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 { injectComponentStyle } from "@bysages/core/styling";
 import { Show, splitProps } from "solid-js";
-//#region src/components/toolbar/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=toolbar data-part=group data-edge=end>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div><div data-scope=toolbar data-part=group data-edge=start>`);
+// src/components/toolbar/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=toolbar data-part=group data-edge=end>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div><div data-scope=toolbar data-part=group data-edge=start>`);
 /** A workbench rail: the start tools at the leading edge, the end tools
 * at the trailing, the rail itself carrying the toolbar role so
 * assistive tech reads it as one group of commands. */
@@ -16,32 +16,28 @@ const Toolbar = withSelfRoot(function Toolbar(props) {
 		"end",
 		"children"
 	]);
-	var _el$ = _tmpl$2();
-	var _el$2 = _el$.firstChild;
-	spread(_el$, [rest, {
-		role: "toolbar",
-		get "aria-label"() {
-			return own.label;
-		},
-		"data-scope": "toolbar",
-		"data-part": "root"
-	}], true);
-	insert(_el$2, () => {
-		return own.start ?? own.children;
-	});
-	insert(_el$, createComponent(Show, {
-		get when() {
-			return own.end;
-		},
-		get children() {
-			var _el$3 = _tmpl$();
-			insert(_el$3, () => {
+	return (() => {
+		var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+		spread(_el$, mergeProps(rest, {
+			"role": "toolbar",
+			get ["aria-label"]() {
+				return own.label;
+			},
+			"data-scope": "toolbar",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$2, () => own.start ?? own.children);
+		insert(_el$, createComponent(Show, {
+			get when() {
 				return own.end;
-			});
-			return _el$3;
-		}
-	}), null);
-	return _el$;
+			},
+			get children() {
+				var _el$3 = _tmpl$();
+				insert(_el$3, () => own.end);
+				return _el$3;
+			}
+		}), null);
+		return _el$;
+	})();
 });
-//#endregion
 export { Toolbar };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { Tooltip as Tooltip$1 } from "@ark-ui/solid/tooltip";
-//#region src/components/tooltip/index.d.ts
 /** Ark's Tooltip, dressed in the paper-and-ink system: the smallest
  * vessel — a tight chip of ink that dissolves in over its anchor. The
  * API is Ark's own — Root, Trigger, Positioner, Content, Arrow, ArrowTip. */
@@ -19,4 +18,4 @@ declare function TooltipFacade(props: TooltipFacadeProps): import("solid-js").JS
 export declare const Tooltip: typeof TooltipFacade & Omit<typeof Tooltip$1, "Root"> & {
   Root: typeof TooltipRoot;
 };
-//#endregion
+export {};

package/dist/components/tooltip/index.mjs

@@ -1,11 +1,11 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { n as withElementProps, t as isElement } from "../../element-dGIhOTJ6.mjs";
-import { createComponent, memo, mergeProps } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { n as withElementProps, t as isElement } from "../../element-liigPBUh.mjs";
+import { createComponent, memo, mergeProps } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Tooltip as Tooltip$1 } from "@ark-ui/solid/tooltip";
-//#region src/components/tooltip/index.tsx
+// src/components/tooltip/index.tsx
 /** Ark's Tooltip, dressed in the paper-and-ink system: the smallest
 * vessel — a tight chip of ink that dissolves in over its anchor. The
 * API is Ark's own — Root, Trigger, Positioner, Content, Arrow, ArrowTip. */
@@ -23,13 +23,7 @@ function TooltipFacade(props) {
 		const trigger = triggerElement();
 		return trigger ? withElementProps(trigger, propsFn()) : props.trigger;
 	};
-	return createComponent(TooltipRoot, mergeProps(() => {
-		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 } };
-	}, {
+	return createComponent(TooltipRoot, mergeProps(() => props.open === void 0 ? {} : { open: props.open }, () => props.defaultOpen === void 0 ? {} : { defaultOpen: props.defaultOpen }, () => props.placement === void 0 ? {} : { positioning: { placement: props.placement } }, {
 		onOpenChange: (details) => props.onOpenChange?.(details.open),
 		get children() {
 			return [createComponent(Tooltip$1.Trigger, {
@@ -46,9 +40,7 @@ function TooltipFacade(props) {
 				return createComponent(Tooltip$1.Content, { get children() {
 					return [createComponent(Tooltip$1.Arrow, { get children() {
 						return createComponent(Tooltip$1.ArrowTip, {});
-					} }), memo(() => {
-						return props.content;
-					})];
+					} }), memo(() => props.content)];
 				} });
 			} })];
 		}
@@ -59,5 +51,4 @@ const Tooltip = defineFamily(TooltipFacade, {
 	Root: TooltipRoot
 });
 injectComponentStyle("tooltip");
-//#endregion
 export { Tooltip };

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

@@ -1,6 +1,5 @@
 import { JSX } from "solid-js";
 import { Tour as Tour$1, TourInteractOutsideEvent, TourPointerDownOutsideEvent, TourStepDetails, UseTourProps, UseTourReturn } from "@ark-ui/solid/tour";
-//#region src/components/tour/index.d.ts
 /** Ark's Tour, dressed in the paper-and-ink system: a dimmed page where
  * the spotlight alone keeps the focus halo, and the anchored card rides
  * the shared popup vessel. The API is Ark's own — Root, Backdrop,
@@ -20,5 +19,4 @@ export declare const Tour: typeof TourFacade & Omit<typeof Tour$1, "Root"> & {
 };
 /** Tour machines are created by useTour, so the stable id belongs there. */
 export declare function useTour(props?: UseTourProps): UseTourReturn;
-//#endregion
 export type { TourInteractOutsideEvent, TourPointerDownOutsideEvent, TourStepDetails };

package/dist/components/tour/index.mjs

@@ -1,11 +1,11 @@
-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 { createComponent, memo } from "@solidjs/web";
+import { createComponent, memo } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, mergeProps as mergeProps$1 } from "solid-js";
 import { Tour as Tour$1, useTour as useTour$1 } from "@ark-ui/solid/tour";
-//#region src/components/tour/index.tsx
+// src/components/tour/index.tsx
 function TourFacade(props) {
 	injectComponentStyle("tour");
 	return createComponent(Tour$1.Root, {
@@ -21,9 +21,7 @@ function TourFacade(props) {
 						return props.trigger ?? "Start tour";
 					}
 				}),
-				memo(() => {
-					return props.children;
-				}),
+				memo(() => props.children),
 				createComponent(Tour$1.Backdrop, {}),
 				createComponent(Tour$1.Spotlight, {}),
 				createComponent(Tour$1.Positioner, { get children() {
@@ -51,14 +49,12 @@ function TourCardBody() {
 		createComponent(Tour$1.Title, {}),
 		createComponent(Tour$1.Description, {}),
 		createComponent(Tour$1.Control, { get children() {
-			return createComponent(Tour$1.Actions, { children: (actions) => memo(() => {
-				return actions().map((action) => createComponent(Tour$1.ActionTrigger, {
-					action,
-					get children() {
-						return action.label;
-					}
-				}));
-			}) });
+			return createComponent(Tour$1.Actions, { children: (actions) => memo(() => actions().map((action) => createComponent(Tour$1.ActionTrigger, {
+				action,
+				get children() {
+					return action.label;
+				}
+			}))) });
 		} })
 	];
 }
@@ -74,5 +70,4 @@ function useTour(props = {}) {
 	} }));
 }
 injectComponentStyle("tour");
-//#endregion
 export { Tour, useTour };

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

@@ -1,6 +1,5 @@
 import { Checkbox } from "../checkbox/index.mjs";
 import { JSX } from "solid-js";
-//#region src/components/transfer/index.d.ts
 export interface TransferItem {
   label: string;
   value: string;
@@ -23,4 +22,4 @@ export interface TransferProps extends JSX.HTMLAttributes<HTMLDivElement> {
  */
 declare function TransferImpl(props: TransferProps): JSX.Element;
 export declare const Transfer: typeof TransferImpl & typeof Checkbox;
-//#endregion
+export {};