@bysages/solid 0.4.3 → 0.5.0

package/dist/components/splitter/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, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Splitter as Splitter$1 } from "@ark-ui/solid/splitter";
-//#region src/components/splitter/index.tsx
+// src/components/splitter/index.tsx
 /** Ark's Splitter, dressed in the paper-and-ink system: panels divide on
 * a hairline and a small paper-seal thumb answers the hand. The API is
 * Ark's own — Root, Panel, ResizeTrigger, ResizeTriggerIndicator. */
@@ -29,9 +29,7 @@ function SplitterFacade(props) {
 		get defaultSize() {
 			return props.defaultValue;
 		}
-	}, () => {
-		return props.value === void 0 ? {} : { size: props.value };
-	}, {
+	}, () => props.value === void 0 ? {} : { size: props.value }, {
 		onResize: (size) => props.onValueChange?.(size.size),
 		get children() {
 			return createComponent(For, {
@@ -71,5 +69,4 @@ const Splitter = defineFamily(SplitterFacade, {
 	Root: SplitterRoot
 });
 injectComponentStyle("splitter");
-//#endregion
 export { Splitter };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/spotlight/index.d.ts
 export interface SpotlightProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** How far the lamp throws before the ink swallows it. */
   radius?: string;
@@ -9,5 +8,4 @@ export interface SpotlightProps extends JSX.HTMLAttributes<HTMLDivElement> {
  * the lamp itself is the two layers the stylesheet paints. */
 export declare const Spotlight: ((props: SpotlightProps) => JSX.Element) & {
   Root: (props: SpotlightProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/spotlight/index.mjs

@@ -1,9 +1,9 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { insert, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { insert, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/spotlight/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/spotlight/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 /** The ink-light card: a vessel whose rim and face take light from the
 * reader's hand. The wrapper only measures and writes the geometry —
 * the lamp itself is the two layers the stylesheet paints. */
@@ -16,24 +16,23 @@ const Spotlight = withSelfRoot(function Spotlight(props) {
 		host.style.setProperty("--bs-spot-x", `${event.clientX - rect.left}px`);
 		host.style.setProperty("--bs-spot-y", `${event.clientY - rect.top}px`);
 	};
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		"data-scope": "spotlight",
-		"data-part": "root",
-		get style() {
-			return { "--bs-spot-radius": own.radius };
-		},
-		onPointerMove: track,
-		onPointerEnter: (event) => {
-			track(event);
-			event.currentTarget.setAttribute("data-hovered", "");
-		},
-		onPointerLeave: (event) => event.currentTarget.removeAttribute("data-hovered")
-	}], true);
-	insert(_el$, () => {
-		return props.children;
-	});
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "spotlight",
+			"data-part": "root",
+			get style() {
+				return { "--bs-spot-radius": own.radius };
+			},
+			"onPointerMove": track,
+			"onPointerEnter": (event) => {
+				track(event);
+				event.currentTarget.setAttribute("data-hovered", "");
+			},
+			"onPointerLeave": (event) => event.currentTarget.removeAttribute("data-hovered")
+		}), false, true);
+		insert(_el$, () => props.children);
+		return _el$;
+	})();
 });
-//#endregion
 export { Spotlight };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/stack/index.d.ts
 export interface StackProps extends JSX.HTMLAttributes<HTMLDivElement> {
   direction?: "column" | "row";
   gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
@@ -9,5 +8,4 @@ export interface StackProps extends JSX.HTMLAttributes<HTMLDivElement> {
 }
 export declare const Stack: ((props: StackProps) => JSX.Element) & {
   Root: (props: StackProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/stack/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/stack/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/stack/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 /** Whitespace chosen by name: the named steps point at the space ramp so
 * siblings are held apart by one token, never by ad-hoc margins. */
 const gapVars = {
@@ -23,24 +23,25 @@ const Stack = withSelfRoot(function Stack(props) {
 		"align",
 		"justify"
 	]);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		get style() {
-			return {
-				...rest.style,
-				"--bs-stack-gap": gapVars[own.gap ?? "md"] ?? gapVars.md,
-				"--bs-stack-align": own.align,
-				"--bs-stack-justify": own.justify,
-				"--bs-stack-wrap": own.wrap ? "wrap" : void 0
-			};
-		},
-		"data-scope": "stack",
-		"data-part": "root",
-		get "data-direction"() {
-			return own.direction ?? "column";
-		}
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			get style() {
+				return {
+					...rest.style,
+					"--bs-stack-gap": gapVars[own.gap ?? "md"] ?? gapVars.md,
+					"--bs-stack-align": own.align,
+					"--bs-stack-justify": own.justify,
+					"--bs-stack-wrap": own.wrap ? "wrap" : void 0
+				};
+			},
+			"data-scope": "stack",
+			"data-part": "root",
+			get ["data-direction"]() {
+				return own.direction ?? "column";
+			}
+		}), false, false);
+		return _el$;
+	})();
 });
-//#endregion
 export { Stack };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/stat/index.d.ts
 export interface StatDeltaProps extends JSX.HTMLAttributes<HTMLElement> {
   direction?: "up" | "down" | "flat";
   "data-direction"?: string;
@@ -14,4 +13,4 @@ export declare const Stat: ((props: JSX.HTMLAttributes<HTMLDivElement>) => JSX.E
   Delta: typeof Delta;
   Description: (props: JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
 };
-//#endregion
+export {};

package/dist/components/stat/index.mjs

@@ -1,13 +1,13 @@
-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/stat/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
+// src/components/stat/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
 function part(name, tag) {
 	function Component(props) {
 		return createComponent(tag, mergeProps(props, {
 			"data-scope": "stat",
-			get "data-part"() {
+			get ["data-part"]() {
 				return name.toLowerCase();
 			}
 		}));
@@ -22,15 +22,17 @@ const Description = part("Description", "p");
 * explicit `data-direction` attribute on the consumer side still wins. */
 function Delta(props) {
 	const [own, rest] = splitProps(props, ["direction"]);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		"data-scope": "stat",
-		"data-part": "delta",
-		get "data-direction"() {
-			return rest["data-direction"] ?? own.direction ?? "flat";
-		}
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "stat",
+			"data-part": "delta",
+			get ["data-direction"]() {
+				return rest["data-direction"] ?? own.direction ?? "flat";
+			}
+		}), false, false);
+		return _el$;
+	})();
 }
 const Stat = Object.assign(Root, {
 	Root,
@@ -40,5 +42,4 @@ const Stat = Object.assign(Root, {
 	Description
 });
 injectComponentStyle("stat");
-//#endregion
 export { Stat };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { Steps as Steps$1, StepsRootProps } from "@ark-ui/solid/steps";
-//#region src/components/steps/index.d.ts
 /**
  * Steps — linear progress through a sequence.
  *
@@ -40,5 +39,4 @@ export declare const Steps: typeof StepsFacade & Omit<typeof Steps$1, "Root" | "
   Root: typeof StepsRoot;
   Item: typeof StepsItem;
 };
-//#endregion
 export { StepsItem };

package/dist/components/steps/index.mjs

@@ -1,10 +1,10 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.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 { 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 { Steps as Steps$1 } from "@ark-ui/solid/steps";
-//#region src/components/steps/index.tsx
+// src/components/steps/index.tsx
 function StepsRoot(props) {
 	const [own, rest] = splitProps(props, ["size", "variant"]);
 	const id = useElementId("steps", () => rest.id);
@@ -12,13 +12,11 @@ function StepsRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		},
-		get "data-variant"() {
-			return memo(() => {
-				return own.variant === "dot";
-			})() ? own.variant : void 0;
+		get ["data-variant"]() {
+			return memo(() => own.variant === "dot")() ? own.variant : void 0;
 		}
 	}));
 }
@@ -26,7 +24,7 @@ function StepsFacade(props) {
 	injectComponentStyle("steps");
 	const variant = props.variant ?? "default";
 	return createComponent(StepsRoot, mergeProps({
-		get "class"() {
+		get ["class"]() {
 			return props.class;
 		},
 		get size() {
@@ -45,9 +43,7 @@ function StepsFacade(props) {
 		get defaultStep() {
 			return props.defaultStep ?? 0;
 		}
-	}, () => {
-		return props.step === void 0 ? {} : { step: props.step };
-	}, {
+	}, () => props.step === void 0 ? {} : { step: props.step }, {
 		onStepChange: (details) => props.onStepChange?.(details.step),
 		get children() {
 			return createComponent(Steps$1.List, { get children() {
@@ -64,9 +60,7 @@ function StepsFacade(props) {
 							return [createComponent(Steps$1.Trigger, { get children() {
 								return [createComponent(Steps$1.Indicator, { get children() {
 									return variant === "dot" ? null : String(index() + 1);
-								} }), memo(() => {
-									return item.title;
-								})];
+								} }), memo(() => item.title)];
 							} }), createComponent(Steps$1.Separator, {})];
 						}
 					})
@@ -86,5 +80,4 @@ const Steps = defineFamily(StepsFacade, {
 	Item: StepsItem
 });
 injectComponentStyle("steps");
-//#endregion
 export { Steps };

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

@@ -1,6 +1,5 @@
 import { ComponentProps, JSX } from "solid-js";
 import { Swap as Swap$1 } from "@ark-ui/solid/swap";
-//#region src/components/swap/index.d.ts
 /** Ark's Swap, dressed in the paper-and-ink system: two impressions
  * occupying one seal, the arriving one growing into place on the spring
  * while the departing one shrinks away. The API is Ark's own — Root,
@@ -17,4 +16,4 @@ declare function SwapFacade(props: SwapFacadeProps): JSX.Element;
 export declare const Swap: typeof SwapFacade & Omit<typeof Swap$1, "Root"> & {
   Root: typeof SwapRoot;
 };
-//#endregion
+export {};

package/dist/components/swap/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 } 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 } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Swap as Swap$1 } from "@ark-ui/solid/swap";
-//#region src/components/swap/index.tsx
+// src/components/swap/index.tsx
 /** Ark's Swap, dressed in the paper-and-ink system: two impressions
 * occupying one seal, the arriving one growing into place on the spring
 * while the departing one shrinks away. The API is Ark's own — Root,
@@ -49,5 +49,4 @@ const Swap = defineFamily(SwapFacade, {
 	Root: SwapRoot
 });
 injectComponentStyle("swap");
-//#endregion
 export { Swap };

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

@@ -1,5 +1,4 @@
 import { Switch as Switch$1, SwitchRootProps } from "@ark-ui/solid/switch";
-//#region src/components/switch/index.d.ts
 /** Ark's Switch, dressed in the paper-and-ink system: a track that rests
  * in the inset shade of the paper and fills flat with primary ink when on,
  * the thumb sliding on the spring. The API is Ark's own — Root, Label,
@@ -27,4 +26,4 @@ type SwitchParts = Omit<typeof Switch$1, "Root"> & {
   Root: typeof SwitchRoot;
 };
 export declare const Switch: typeof SwitchFacade & SwitchParts;
-//#endregion
+export {};

package/dist/components/switch/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 { Switch as Switch$1 } from "@ark-ui/solid/switch";
-//#region src/components/switch/index.tsx
+// src/components/switch/index.tsx
 function SwitchRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("switch", () => rest.id);
@@ -12,7 +12,7 @@ function SwitchRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -38,9 +38,7 @@ function SwitchFacade(props) {
 		get defaultChecked() {
 			return props.defaultValue ?? false;
 		}
-	}, () => {
-		return props.checked === void 0 ? {} : { checked: props.checked };
-	}, {
+	}, () => props.checked === void 0 ? {} : { checked: props.checked }, {
 		onCheckedChange: (details) => props.onCheckedChange?.(details.checked),
 		get children() {
 			return [
@@ -67,5 +65,4 @@ const Switch = defineFamily(SwitchFacade, {
 	Root: SwitchRoot
 });
 injectComponentStyle("switch");
-//#endregion
 export { Switch };

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

@@ -1,6 +1,5 @@
 import { JSX } from "solid-js";
 import { CellData, ColumnDef, FlexRender, RowData, SortingState, TableFeatures, createColumnHelper } from "@tanstack/solid-table";
-//#region src/components/table/index.d.ts
 /** Column metadata understood by this table: mark columns whose values
  * read right-aligned in tabular figures. The type parameters mirror the
  * library's own declaration — augmentation merging demands an identical
@@ -77,5 +76,4 @@ export interface DataTableProps {
 export declare const DataTable: ((props: DataTableProps) => JSX.Element) & {
   Root: (props: DataTableProps) => JSX.Element;
 };
-//#endregion
 export { type ColumnDef, FlexRender, type SortingState, createColumnHelper };