@bysages/solid 0.4.3 → 0.5.0

package/dist/components/popover/index.mjs

@@ -1,13 +1,13 @@
-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 { n as withElementProps, t as isElement } from "../../element-dGIhOTJ6.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 { n as withElementProps, t as isElement } from "../../element-liigPBUh.mjs";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Popover as Popover$1 } from "@ark-ui/solid/popover";
-//#region src/components/popover/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<p>`);
+// src/components/popover/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<p>`);
 /** Ark's Popover, dressed in the paper-and-ink system: a paper vessel that
 * dissolves in on elevation, anchored to its trigger by a whisker arrow. The
 * API is Ark's own — Root, Trigger, Anchor, Indicator, Positioner, Content,
@@ -26,13 +26,7 @@ function PopoverFacade(props) {
 		const trigger = triggerElement();
 		return trigger ? withElementProps(trigger, propsFn()) : props.trigger ?? props.label;
 	};
-	return createComponent(PopoverRoot, 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(PopoverRoot, 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(Popover$1.Trigger, {
@@ -76,15 +70,11 @@ function PopoverFacade(props) {
 							},
 							get children() {
 								var _el$ = _tmpl$();
-								insert(_el$, () => {
-									return props.content;
-								});
+								insert(_el$, () => props.content);
 								return _el$;
 							}
 						}),
-						memo(() => {
-							return props.children;
-						})
+						memo(() => props.children)
 					];
 				} });
 			} })];
@@ -96,5 +86,4 @@ const Popover = defineFamily(PopoverFacade, {
 	Root: PopoverRoot
 });
 injectComponentStyle("popover");
-//#endregion
 export { Popover };

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

@@ -1,10 +1,8 @@
 import { PresenceProps, UsePresenceContext, UsePresenceProps, UsePresenceReturn, usePresence, usePresenceContext } from "@ark-ui/solid/presence";
-//#region src/components/presence/index.d.ts
 export declare const Presence: ((props: import("@ark-ui/solid/presence").PresenceProps) => import("solid-js").JSX.Element) & {
   Root: (props: import("@ark-ui/solid/presence").PresenceProps) => import("solid-js").JSX.Element;
 };
 export declare const PresenceProvider: import("solid-js").ContextProviderComponent<import("@ark-ui/solid/presence").UsePresenceContext> & {
   Root: import("solid-js").ContextProviderComponent<import("@ark-ui/solid/presence").UsePresenceContext>;
 };
-//#endregion
 export { type PresenceProps, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, usePresence, usePresenceContext };

package/dist/components/presence/index.mjs

@@ -1,10 +1,9 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
 import { Presence as Presence$1, PresenceProvider as PresenceProvider$1, usePresence, usePresenceContext } from "@ark-ui/solid/presence";
-//#region src/components/presence/index.ts
+// src/components/presence/index.ts
 /** Mount/unmount children in step with CSS presence animations — the
 * engine behind Ark's "postpone unmounting so exit animations finish"
 * contract, exposed for composites of our own. */
 const Presence = withSelfRoot(Presence$1);
 const PresenceProvider = withSelfRoot(PresenceProvider$1);
-//#endregion
 export { Presence, PresenceProvider, usePresence, usePresenceContext };

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

@@ -1,5 +1,4 @@
 import { Progress as Progress$1, ProgressRootProps } from "@ark-ui/solid/progress";
-//#region src/components/progress/index.d.ts
 /** Ark's Progress, dressed in the paper-and-ink system: a quiet hairline
  * groove that the primary ink fills at the machine's pace. The API is
  * Ark's own — Root, Label, ValueText, Track, Range, View, Circle,
@@ -30,4 +29,4 @@ declare function ProgressFacade(props: ProgressFacadeProps): import("solid-js").
 export declare const Progress: typeof ProgressFacade & Omit<typeof Progress$1, "Root"> & {
   Root: typeof ProgressRoot;
 };
-//#endregion
+export {};

package/dist/components/progress/index.mjs

@@ -1,11 +1,11 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { createComponent, effect, insert, memo, mergeProps, setStyleProperty, template } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent, effect, insert, memo, mergeProps, setStyleProperty, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, createMemo, splitProps } from "solid-js";
 import { Progress as Progress$1, useProgressContext } from "@ark-ui/solid/progress";
-//#region src/components/progress/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=progress data-part=view data-view=dashboard><div aria-hidden=true data-scope=progress data-part=dash-ring>`);
+// src/components/progress/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=progress data-part=view data-view=dashboard><div aria-hidden=true data-scope=progress data-part=dash-ring>`);
 function ProgressRoot(props) {
 	injectComponentStyle("progress");
 	const [own, rest] = splitProps(props, [
@@ -29,10 +29,10 @@ function ProgressRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		},
-		get "data-variant"() {
+		get ["data-variant"]() {
 			return own.variant ?? "linear";
 		},
 		get children() {
@@ -44,19 +44,12 @@ function ProgressRoot(props) {
 					return rest.children;
 				},
 				get children() {
-					return [memo(() => {
-						return memo(() => {
-							return !!own.label;
-						})() ? createComponent(Progress$1.Label, { get children() {
-							return own.label;
-						} }) : null;
-					}), (() => {
-						var _el$ = _tmpl$();
-						var _el$2 = _el$.firstChild;
+					return [memo(() => memo(() => !!own.label)() ? createComponent(Progress$1.Label, { get children() {
+						return own.label;
+					} }) : null), (() => {
+						var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
 						insert(_el$, createComponent(Progress$1.ValueText, {}), null);
-						effect(() => String(dashboardPercent()), (_v$) => {
-							setStyleProperty(_el$2, "--percent", _v$);
-						});
+						effect((_$p) => setStyleProperty(_el$2, "--percent", String(dashboardPercent())));
 						return _el$;
 					})()];
 				}
@@ -101,14 +94,10 @@ function ProgressFacade(props) {
 		get max() {
 			return props.max;
 		}
-	}, () => {
-		return props.value === void 0 ? {} : { value: props.value };
-	}, {
+	}, () => props.value === void 0 ? {} : { value: props.value }, {
 		onValueChange: (details) => props.onValueChange?.(details.value),
 		get children() {
-			return memo(() => {
-				return variant() === "dashboard";
-			})() ? null : [props.label ? createComponent(Progress$1.Label, { get children() {
+			return memo(() => variant() === "dashboard")() ? null : [props.label ? createComponent(Progress$1.Label, { get children() {
 				return props.label;
 			} }) : null, variant() === "circle" ? createComponent(ProgressCircleView, {}) : createComponent(Progress$1.Track, { get children() {
 				return createComponent(Progress$1.Range, {});
@@ -121,5 +110,4 @@ const Progress = defineFamily(ProgressFacade, {
 	Root: ProgressRoot
 });
 injectComponentStyle("progress");
-//#endregion
 export { Progress };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/progress-group/index.d.ts
 /** One verdict on the bar. */
 export interface ProgressSegment {
   value: number;
@@ -20,5 +19,4 @@ export interface ProgressGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {
 }
 export declare const ProgressGroup: ((props: ProgressGroupProps) => JSX.Element) & {
   Root: (props: ProgressGroupProps) => JSX.Element;
-};
-//#endregion
+};

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

@@ -1,12 +1,12 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { createComponent, effect, insert, setAttribute, setStyleProperty, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { createComponent, effect, insert, mergeProps, setAttribute, setStyleProperty, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, splitProps } from "solid-js";
-//#region src/components/progress-group/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=progress-group data-part=legend>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div><div data-scope=progress-group data-part=track>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div data-scope=progress-group data-part=segment role=progressbar aria-valuemin=0>`);
-var _tmpl$4 = /* @__PURE__ */ template(`<div data-scope=progress-group data-part=legend-item><span data-scope=progress-group data-part=swatch aria-hidden=true></span><span data-scope=progress-group data-part=legend-label></span><span data-scope=progress-group data-part=legend-value>`);
+// src/components/progress-group/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=progress-group data-part=legend>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div><div data-scope=progress-group data-part=track>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-scope=progress-group data-part=segment role=progressbar aria-valuemin=0>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-scope=progress-group data-part=legend-item><span data-scope=progress-group data-part=swatch aria-hidden=true></span><span data-scope=progress-group data-part=legend-label></span><span data-scope=progress-group data-part=legend-value>`);
 const ProgressGroup = withSelfRoot(function ProgressGroup(props) {
 	injectComponentStyle("progress-group");
 	const [own, rest] = splitProps(props, [
@@ -20,66 +20,58 @@ const ProgressGroup = withSelfRoot(function ProgressGroup(props) {
 		return whole > 0 ? `${value / whole * 100}%` : "0%";
 	};
 	const nameOf = (segment, index) => segment.label ?? segment.pigment ?? `Segment ${index + 1}`;
-	var _el$ = _tmpl$2();
-	var _el$2 = _el$.firstChild;
-	spread(_el$, [rest, {
-		"data-scope": "progress-group",
-		"data-part": "root"
-	}], true);
-	insert(_el$2, createComponent(For, {
-		get each() {
-			return own.segments;
-		},
-		children: (segment, index) => (() => {
-			var _el$4 = _tmpl$3();
-			effect(() => {
-				return {
-					e: segment.pigment,
-					t: segment.value,
-					a: total(),
-					o: nameOf(segment, index()),
-					i: share(segment.value)
-				};
-			}, ({ e, t, a, o, i }, _p$) => {
-				e !== _p$?.e && setAttribute(_el$4, "data-pigment", e);
-				t !== _p$?.t && setAttribute(_el$4, "aria-valuenow", t);
-				a !== _p$?.a && setAttribute(_el$4, "aria-valuemax", a);
-				o !== _p$?.o && setAttribute(_el$4, "aria-label", o);
-				i !== _p$?.i && setStyleProperty(_el$4, "--bs-progress-group-share", i);
-			});
-			return _el$4;
-		})()
-	}));
-	insert(_el$, createComponent(Show, {
-		get when() {
-			return own.showLegend ?? true;
-		},
-		get children() {
-			var _el$3 = _tmpl$();
-			insert(_el$3, createComponent(For, {
-				get each() {
-					return own.segments;
-				},
-				children: (segment, index) => (() => {
-					var _el$5 = _tmpl$4();
-					var _el$7 = _el$5.firstChild.nextSibling;
-					var _el$8 = _el$7.nextSibling;
-					insert(_el$7, () => {
-						return nameOf(segment, index());
-					});
-					insert(_el$8, () => {
-						return String(segment.value);
-					});
-					effect(() => segment.pigment, (_v$) => {
-						setAttribute(_el$5, "data-pigment", _v$);
-					});
-					return _el$5;
-				})()
-			}));
-			return _el$3;
-		}
-	}), null);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "progress-group",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$2, createComponent(For, {
+			get each() {
+				return own.segments;
+			},
+			children: (segment, index) => (() => {
+				var _el$4 = _tmpl$3();
+				effect((_p$) => {
+					var _v$ = segment.pigment, _v$2 = segment.value, _v$3 = total(), _v$4 = nameOf(segment, index()), _v$5 = share(segment.value);
+					_v$ !== _p$.e && setAttribute(_el$4, "data-pigment", _p$.e = _v$);
+					_v$2 !== _p$.t && setAttribute(_el$4, "aria-valuenow", _p$.t = _v$2);
+					_v$3 !== _p$.a && setAttribute(_el$4, "aria-valuemax", _p$.a = _v$3);
+					_v$4 !== _p$.o && setAttribute(_el$4, "aria-label", _p$.o = _v$4);
+					_v$5 !== _p$.i && setStyleProperty(_el$4, "--bs-progress-group-share", _p$.i = _v$5);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0
+				});
+				return _el$4;
+			})()
+		}));
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return own.showLegend ?? true;
+			},
+			get children() {
+				var _el$3 = _tmpl$();
+				insert(_el$3, createComponent(For, {
+					get each() {
+						return own.segments;
+					},
+					children: (segment, index) => (() => {
+						var _el$5 = _tmpl$4(), _el$7 = _el$5.firstChild.nextSibling, _el$8 = _el$7.nextSibling;
+						insert(_el$7, () => nameOf(segment, index()));
+						insert(_el$8, () => String(segment.value));
+						effect(() => setAttribute(_el$5, "data-pigment", segment.pigment));
+						return _el$5;
+					})()
+				}));
+				return _el$3;
+			}
+		}), null);
+		return _el$;
+	})();
 });
-//#endregion
 export { ProgressGroup };

package/dist/components/qr-code/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { QrCode as QrCode$1 } from "@ark-ui/solid/qr-code";
-//#region src/components/qr-code/index.d.ts
 /** Ark's QrCode, dressed in the paper-and-ink system: the pattern prints in
  * ink on the page, with an optional paper badge and a seal-cut download
  * control. The API is Ark's own — Root, Frame, Pattern, Overlay,
@@ -16,4 +15,4 @@ declare function QrCodeFacade(props: QrCodeFacadeProps): import("solid-js").JSX.
 export declare const QrCode: typeof QrCodeFacade & Omit<typeof QrCode$1, "Root"> & {
   Root: typeof QrCodeRoot;
 };
-//#endregion
+export {};

package/dist/components/qr-code/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 } from "solid-js";
 import { QrCode as QrCode$1 } from "@ark-ui/solid/qr-code";
-//#region src/components/qr-code/index.tsx
+// src/components/qr-code/index.tsx
 /** Ark's QrCode, dressed in the paper-and-ink system: the pattern prints in
 * ink on the page, with an optional paper badge and a seal-cut download
 * control. The API is Ark's own — Root, Frame, Pattern, Overlay,
@@ -20,9 +20,7 @@ function QrCodeFacade(props) {
 	injectComponentStyle("qr-code");
 	return createComponent(QrCodeRoot, mergeProps({ 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(QrCode$1.Frame, { get children() {
@@ -36,5 +34,4 @@ const QrCode = defineFamily(QrCodeFacade, {
 	Root: QrCodeRoot
 });
 injectComponentStyle("qr-code");
-//#endregion
 export { QrCode };

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

@@ -1,5 +1,4 @@
 import { RadioGroup as RadioGroup$1, RadioGroupRootProps } from "@ark-ui/solid/radio-group";
-//#region src/components/radio-group/index.d.ts
 /** Ark's RadioGroup, dressed in the paper-and-ink system: a column of
  * full-circle seals that fill flat with primary ink when chosen, the dot
  * punched through as paper. The API is Ark's own — Root, Label, Item,
@@ -34,4 +33,4 @@ type RadioGroupParts = Omit<typeof RadioGroup$1, "Root"> & {
   Root: typeof RadioGroupRoot;
 };
 export declare const RadioGroup: typeof RadioGroupFacade & RadioGroupParts;
-//#endregion
+export {};

package/dist/components/radio-group/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, splitProps } from "solid-js";
 import { RadioGroup as RadioGroup$1 } from "@ark-ui/solid/radio-group";
-//#region src/components/radio-group/index.tsx
+// src/components/radio-group/index.tsx
 function RadioGroupRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("radio-group", () => rest.id);
@@ -12,7 +12,7 @@ function RadioGroupRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -41,9 +41,7 @@ function RadioGroupFacade(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, {
@@ -85,5 +83,4 @@ const RadioGroup = defineFamily(RadioGroupFacade, {
 	Root: RadioGroupRoot
 });
 injectComponentStyle("radio-group");
-//#endregion
 export { RadioGroup };

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

@@ -1,5 +1,4 @@
 import { RatingGroup as RatingGroup$1, RatingGroupRootProps } from "@ark-ui/solid/rating-group";
-//#region src/components/rating-group/index.d.ts
 /** Ark's RatingGroup, dressed in the paper-and-ink system: a row of quiet
  * seals whose icons take the primary pigment as they light up. The API is
  * Ark's own — Root, Label, Control, Item, HiddenInput (plus the Context and
@@ -26,4 +25,4 @@ type RatingGroupParts = Omit<typeof RatingGroup$1, "Root"> & {
   Root: typeof RatingGroupRoot;
 };
 export declare const RatingGroup: typeof RatingGroupFacade & RatingGroupParts;
-//#endregion
+export {};

package/dist/components/rating-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, 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 { For, Show, splitProps } from "solid-js";
 import { RatingGroup as RatingGroup$1 } from "@ark-ui/solid/rating-group";
-//#region src/components/rating-group/index.tsx
+// src/components/rating-group/index.tsx
 function RatingGroupRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("rating-group", () => rest.id);
@@ -13,7 +13,7 @@ function RatingGroupRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -36,9 +36,7 @@ function RatingGroupFacade(props) {
 		get defaultValue() {
 			return props.defaultValue ?? 0;
 		}
-	}, () => {
-		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, {
@@ -71,5 +69,4 @@ const RatingGroup = defineFamily(RatingGroupFacade, {
 	Root: RatingGroupRoot
 });
 injectComponentStyle("rating-group");
-//#endregion
 export { RatingGroup };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/result/index.d.ts
 type Status = "success" | "warning" | "danger" | "info";
 export interface ResultRootProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** The verdict the operation returned; the fixed pigments speak it. */
@@ -19,4 +18,4 @@ export declare const Result: typeof ResultRoot & {
   Description: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
   Extra: (props: JSX.HTMLAttributes<HTMLElement>) => JSX.Element;
 };
-//#endregion
+export {};

package/dist/components/result/index.mjs

@@ -1,45 +1,45 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as iconBody } from "../../icon-DTqmJCd5.mjs";
-import { createComponent, effect, insert, mergeProps, spread, template } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as iconBody } from "../../icon-DQqYA2fO.mjs";
+import { createComponent, effect, insert, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/result/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round aria-hidden=true>`);
+// src/components/result/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round aria-hidden=true>`);
 const MARK = { __html: `<g data-for="success">${iconBody("check")}</g><g data-for="warning">${iconBody("triangle-alert")}</g><g data-for="danger">${iconBody("circle-x")}</g><g data-for="info">${iconBody("info")}</g>` };
 function ResultRoot(props) {
 	injectComponentStyle("result");
 	const [own, rest] = splitProps(props, ["status"]);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		"data-scope": "result",
-		"data-part": "root",
-		get "data-status"() {
-			return own.status ?? "info";
-		}
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "result",
+			"data-part": "root",
+			get ["data-status"]() {
+				return own.status ?? "info";
+			}
+		}), false, false);
+		return _el$;
+	})();
 }
 /** The mark carries all four verdicts and lets the root choose, so the
 * icon can never drift from the status the root declares. */
 function ResultIcon(props) {
 	injectComponentStyle("result");
 	const [own, rest] = splitProps(props, ["children"]);
-	var _el$2 = _tmpl$();
-	spread(_el$2, [rest, {
-		"data-scope": "result",
-		"data-part": "icon"
-	}], true);
-	insert(_el$2, () => {
-		return own.children ?? (() => {
+	return (() => {
+		var _el$2 = _tmpl$();
+		spread(_el$2, mergeProps(rest, {
+			"data-scope": "result",
+			"data-part": "icon"
+		}), false, true);
+		insert(_el$2, () => own.children ?? (() => {
 			var _el$3 = _tmpl$2();
-			effect(() => MARK.__html, (_v$) => {
-				_el$3.innerHTML = _v$;
-			});
+			effect(() => _el$3.innerHTML = MARK.__html);
 			return _el$3;
-		})();
-	});
-	return _el$2;
+		})());
+		return _el$2;
+	})();
 }
 function part(name, tag) {
 	return function Part(props) {
@@ -64,5 +64,4 @@ const Result = defineFamily(ResultRoot, {
 	Description: part("description", "p"),
 	Extra: part("extra", "div")
 });
-//#endregion
 export { Result, ResultIcon, ResultRoot };

package/dist/components/scroll-area/index.d.mts

@@ -1,13 +1,18 @@
 import { ComponentProps, JSX } from "solid-js";
 import { ScrollArea as ScrollArea$1 } from "@ark-ui/solid/scroll-area";
-//#region src/components/scroll-area/index.d.ts
+type ScrollAreaFade = "vertical" | "horizontal" | "both";
+type ScrollAreaRootProps = ComponentProps<typeof ScrollArea$1.Root> & {
+  fade?: ScrollAreaFade;
+};
 /** Ark's ScrollArea, dressed in the paper-and-ink system: native bars
  * give way to quiet ink lanes that surface on hover and scroll. The API
  * is Ark's own — Root, Viewport, Content, Scrollbar, Thumb, Corner. */
-declare function ScrollAreaRoot(props: ComponentProps<typeof ScrollArea$1.Root>): JSX.Element;
+declare function ScrollAreaRoot(props: ScrollAreaRootProps): JSX.Element;
 export interface ScrollAreaFacadeProps {
   class?: string;
   orientation?: "vertical" | "horizontal" | "both";
+  /** Dissolve the viewport's edges — see Root's `fade`. */
+  fade?: ScrollAreaFade;
   children?: JSX.Element;
 }
 /** The complete scroll vessel around caller content, with one or both quiet
@@ -16,4 +21,4 @@ declare function ScrollAreaFacade(props: ScrollAreaFacadeProps): JSX.Element;
 export declare const ScrollArea: typeof ScrollAreaFacade & Omit<typeof ScrollArea$1, "Root"> & {
   Root: typeof ScrollAreaRoot;
 };
-//#endregion
+export {};