@bysages/solid 0.4.3 → 0.5.0

package/dist/components/button/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/button/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<button>`);
+// src/components/button/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<button>`);
 const Button = withSelfRoot(function Button(props) {
 	injectComponentStyle("button");
 	const [own, rest] = splitProps(props, [
@@ -14,31 +14,32 @@ const Button = withSelfRoot(function Button(props) {
 		"type",
 		"disabled"
 	]);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		get type() {
-			return own.type ?? "button";
-		},
-		get disabled() {
-			return own.disabled;
-		},
-		"data-scope": "button",
-		"data-part": "root",
-		get "data-variant"() {
-			return own.variant ?? "solid";
-		},
-		get "data-tone"() {
-			return own.tone ?? "ink";
-		},
-		get "data-size"() {
-			return own.size ?? "md";
-		},
-		get "data-square"() {
-			return own.square ? "true" : void 0;
-		},
-		"data-motion": "ink-ripple lit"
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			get type() {
+				return own.type ?? "button";
+			},
+			get disabled() {
+				return own.disabled;
+			},
+			"data-scope": "button",
+			"data-part": "root",
+			get ["data-variant"]() {
+				return own.variant ?? "solid";
+			},
+			get ["data-tone"]() {
+				return own.tone ?? "ink";
+			},
+			get ["data-size"]() {
+				return own.size ?? "md";
+			},
+			get ["data-square"]() {
+				return own.square ? "true" : void 0;
+			},
+			"data-motion": "ink-ripple lit"
+		}), false, false);
+		return _el$;
+	})();
 });
-//#endregion
 export { Button };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/button-group/index.d.ts
 export interface ButtonGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** The seam runs across the group (default) or down it. */
   orientation?: "horizontal" | "vertical";
@@ -19,5 +18,4 @@ export interface ButtonGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {
 export declare function ButtonGroupRoot(props: ButtonGroupProps): JSX.Element;
 export declare const ButtonGroup: typeof ButtonGroupRoot & {
   Root: typeof ButtonGroupRoot;
-};
-//#endregion
+};

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

@@ -1,8 +1,8 @@
-import { spread, template } from "@solidjs/web";
+import { mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/button-group/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/button-group/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 /**
 * Buttons fused into one control: the group owns only the joinery, so
 * members keep every variant they were given — a solid action can sit
@@ -16,23 +16,24 @@ function ButtonGroupRoot(props) {
 		"size",
 		"radius"
 	]);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		role: "group",
-		"data-scope": "button-group",
-		"data-part": "root",
-		get "data-orientation"() {
-			return own.orientation ?? "horizontal";
-		},
-		get "data-size"() {
-			return own.size;
-		},
-		get "data-radius"() {
-			return own.radius;
-		}
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			"role": "group",
+			"data-scope": "button-group",
+			"data-part": "root",
+			get ["data-orientation"]() {
+				return own.orientation ?? "horizontal";
+			},
+			get ["data-size"]() {
+				return own.size;
+			},
+			get ["data-radius"]() {
+				return own.radius;
+			}
+		}), false, false);
+		return _el$;
+	})();
 }
 const ButtonGroup = Object.assign(ButtonGroupRoot, { Root: ButtonGroupRoot });
-//#endregion
 export { ButtonGroup, ButtonGroupRoot };

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

@@ -1,7 +1,6 @@
 import { DatePicker as DatePicker$1 } from "../date-picker/index.mjs";
 import { JSX } from "solid-js";
 import { DatePickerDateView, DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerRootProps, DatePickerSelectionMode, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails } from "@ark-ui/solid/date-picker";
-//#region src/components/calendar/index.d.ts
 export interface CalendarProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** Selected date(s) — an array, as the machine speaks in ranges. */
   value?: DatePickerRootProps["value"];
@@ -27,5 +26,4 @@ export interface CalendarProps extends JSX.HTMLAttributes<HTMLDivElement> {
  * on a month overview; choosing a month drills into its day grid. */
 declare function CalendarImpl(props: CalendarProps): JSX.Element;
 export declare const Calendar: typeof CalendarImpl & typeof DatePicker$1;
-//#endregion
 export type { DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails };

package/dist/components/calendar/index.mjs

@@ -1,15 +1,15 @@
-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 { 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 { DatePicker as DatePicker$1 } from "../date-picker/index.mjs";
-import { createComponent, delegateEvents, insert, memo, mergeProps, spread, template } from "@solidjs/web";
+import { createComponent, delegateEvents, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, splitProps } from "solid-js";
 import { DatePicker } from "@ark-ui/solid/date-picker";
-//#region src/components/calendar/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<button type=button data-scope=calendar data-part=today-trigger>Today`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=calendar data-part=header>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
+// src/components/calendar/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<button type=button data-scope=calendar data-part=today-trigger>Today`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-scope=calendar data-part=header>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div>`);
 function chevron(dir) {
 	return iconNode(dir === "left" ? "chevron-left" : "chevron-right", {
 		width: "16",
@@ -55,7 +55,7 @@ function CalendarImpl(props) {
 	};
 	const todayTrigger = (dp) => (() => {
 		var _el$ = _tmpl$();
-		_el$._$$click = () => {
+		_el$.$$click = () => {
 			const api = dp();
 			api.selectToday();
 			if ((own.mode ?? "month") === "year" && api.view === "month") api.setView("day");
@@ -72,11 +72,7 @@ function CalendarImpl(props) {
 				createComponent(DatePicker.Context, { children: (context) => createComponent(DatePicker.ViewTrigger, { get children() {
 					return title(context);
 				} }) }),
-				memo(() => {
-					return memo(() => {
-						return !!(own.variant === "full" && dp);
-					})() ? todayTrigger(dp) : null;
-				}),
+				memo(() => memo(() => !!(own.variant === "full" && dp))() ? todayTrigger(dp) : null),
 				createComponent(DatePicker.NextTrigger, { get children() {
 					return chevron("right");
 				} })
@@ -87,16 +83,12 @@ function CalendarImpl(props) {
 	const dayTable = (_dp) => createComponent(DatePicker.Table, { get children() {
 		return [createComponent(DatePicker.TableHead, { get children() {
 			return createComponent(DatePicker.TableRow, { get children() {
-				return [memo(() => {
-					return memo(() => {
-						return !!own.showWeekNumbers;
-					})() ? createComponent(DatePicker.WeekNumberHeaderCell, { children: "Wk" }) : null;
-				}), createComponent(DatePicker.Context, { children: (context) => createComponent(For, {
+				return [memo(() => memo(() => !!own.showWeekNumbers)() ? createComponent(DatePicker.WeekNumberHeaderCell, { children: "Wk" }) : null), createComponent(DatePicker.Context, { children: (context) => createComponent(For, {
 					get each() {
 						return context().weekDays;
 					},
 					children: (day) => createComponent(DatePicker.TableHeader, {
-						get "aria-label"() {
+						get ["aria-label"]() {
 							return day.long;
 						},
 						get children() {
@@ -111,19 +103,15 @@ function CalendarImpl(props) {
 					return context().weeks;
 				},
 				children: (week, weekIndex) => createComponent(DatePicker.TableRow, { get children() {
-					return [memo(() => {
-						return memo(() => {
-							return !!own.showWeekNumbers;
-						})() ? createComponent(DatePicker.WeekNumberCell, {
-							get weekIndex() {
-								return weekIndex();
-							},
-							week,
-							get children() {
-								return context().getWeekNumber(week);
-							}
-						}) : null;
-					}), createComponent(For, {
+					return [memo(() => memo(() => !!own.showWeekNumbers)() ? createComponent(DatePicker.WeekNumberCell, {
+						get weekIndex() {
+							return weekIndex();
+						},
+						week,
+						get children() {
+							return context().getWeekNumber(week);
+						}
+					}) : null), createComponent(For, {
 						each: week,
 						children: (day) => createComponent(DatePicker.TableCell, {
 							value: day,
@@ -197,95 +185,64 @@ function CalendarImpl(props) {
 			} });
 		}
 	});
-	var _el$3 = _tmpl$3();
-	spread(_el$3, [rest, {
-		get id() {
-			return id();
-		},
-		"data-scope": "calendar",
-		"data-part": "root",
-		get "data-variant"() {
-			return own.variant ?? "compact";
-		},
-		get "data-mode"() {
-			return own.mode ?? "month";
-		}
-	}], true);
-	insert(_el$3, createComponent(DatePicker.Root, mergeProps({
-		get id() {
-			return `${id()}:date-picker`;
-		},
-		open: true,
-		inline: true,
-		get closeOnSelect() {
-			return own.closeOnSelect ?? true;
-		},
-		get outsideDaySelectable() {
-			return own.outsideDaySelectable ?? true;
-		}
-	}, () => {
-		return own.value !== void 0 ? { value: own.value } : {};
-	}, () => {
-		return own.defaultValue !== void 0 ? { defaultValue: own.defaultValue } : {};
-	}, () => {
-		return own.min !== void 0 ? { min: own.min } : {};
-	}, () => {
-		return own.max !== void 0 ? { max: own.max } : {};
-	}, () => {
-		return own.selectionMode !== void 0 ? { selectionMode: own.selectionMode } : {};
-	}, () => {
-		return own.startOfWeek !== void 0 ? { startOfWeek: own.startOfWeek } : {};
-	}, () => {
-		return own.fixedWeeks || own.variant === "full" ? { fixedWeeks: true } : {};
-	}, () => {
-		return own.showWeekNumbers ? { showWeekNumbers: true } : {};
-	}, () => {
-		return own.minView !== void 0 ? { minView: own.minView } : {};
-	}, () => {
-		return own.maxView !== void 0 ? { maxView: own.maxView } : {};
-	}, () => {
-		return own.mode === "year" ? {
+	return (() => {
+		var _el$3 = _tmpl$3();
+		spread(_el$3, mergeProps(rest, {
+			get id() {
+				return id();
+			},
+			"data-scope": "calendar",
+			"data-part": "root",
+			get ["data-variant"]() {
+				return own.variant ?? "compact";
+			},
+			get ["data-mode"]() {
+				return own.mode ?? "month";
+			}
+		}), false, true);
+		insert(_el$3, createComponent(DatePicker.Root, mergeProps({
+			get id() {
+				return `${id()}:date-picker`;
+			},
+			open: true,
+			inline: true,
+			get closeOnSelect() {
+				return own.closeOnSelect ?? true;
+			},
+			get outsideDaySelectable() {
+				return own.outsideDaySelectable ?? true;
+			}
+		}, () => own.value !== void 0 ? { value: own.value } : {}, () => own.defaultValue !== void 0 ? { defaultValue: own.defaultValue } : {}, () => own.min !== void 0 ? { min: own.min } : {}, () => own.max !== void 0 ? { max: own.max } : {}, () => own.selectionMode !== void 0 ? { selectionMode: own.selectionMode } : {}, () => own.startOfWeek !== void 0 ? { startOfWeek: own.startOfWeek } : {}, () => own.fixedWeeks || own.variant === "full" ? { fixedWeeks: true } : {}, () => own.showWeekNumbers ? { showWeekNumbers: true } : {}, () => own.minView !== void 0 ? { minView: own.minView } : {}, () => own.maxView !== void 0 ? { maxView: own.maxView } : {}, () => own.mode === "year" ? {
 			defaultView: "month",
 			maxView: "month"
-		} : {};
-	}, {
-		onValueChange: (details) => own.onValueChange?.(details.value),
-		get children() {
-			return [
-				createComponent(DatePicker.View, {
-					view: "day",
-					get children() {
-						return [memo(() => {
-							return header();
-						}), createComponent(DatePicker.Context, { children: (dp) => dayTable(dp) })];
-					}
-				}),
-				createComponent(DatePicker.View, {
-					view: "month",
-					get children() {
-						return [memo(() => {
-							return header();
-						}), createComponent(DatePicker.Context, { children: (dp) => monthGrid(dp, own.mode === "year" ? 4 : 3) })];
-					}
-				}),
-				memo(() => {
-					return memo(() => {
-						return (own.mode ?? "month") === "month";
-					})() ? createComponent(DatePicker.View, {
+		} : {}, {
+			onValueChange: (details) => own.onValueChange?.(details.value),
+			get children() {
+				return [
+					createComponent(DatePicker.View, {
+						view: "day",
+						get children() {
+							return [memo(() => header()), createComponent(DatePicker.Context, { children: (dp) => dayTable(dp) })];
+						}
+					}),
+					createComponent(DatePicker.View, {
+						view: "month",
+						get children() {
+							return [memo(() => header()), createComponent(DatePicker.Context, { children: (dp) => monthGrid(dp, own.mode === "year" ? 4 : 3) })];
+						}
+					}),
+					memo(() => memo(() => (own.mode ?? "month") === "month")() ? createComponent(DatePicker.View, {
 						view: "year",
 						get children() {
-							return [memo(() => {
-								return header();
-							}), createComponent(DatePicker.Context, { children: (dp) => yearGrid(dp) })];
+							return [memo(() => header()), createComponent(DatePicker.Context, { children: (dp) => yearGrid(dp) })];
 						}
-					}) : null;
-				})
-			];
-		}
-	})));
-	return _el$3;
+					}) : null)
+				];
+			}
+		})));
+		return _el$3;
+	})();
 }
 const Calendar = defineFamily(CalendarImpl, DatePicker$1);
 delegateEvents(["click"]);
-//#endregion
 export { Calendar };

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

@@ -1,5 +1,4 @@
 import { Component } from "solid-js";
-//#region src/components/card/index.d.ts
 export declare const Card: Component<Record<string, unknown>> & {
   Root: Component<Record<string, unknown>>;
   Header: Component<Record<string, unknown>>;
@@ -7,5 +6,4 @@ export declare const Card: Component<Record<string, unknown>> & {
   Description: Component<Record<string, unknown>>;
   Content: Component<Record<string, unknown>>;
   Footer: Component<Record<string, unknown>>;
-};
-//#endregion
+};

package/dist/components/card/index.mjs

@@ -1,6 +1,6 @@
-import { createComponent, mergeProps } from "@solidjs/web";
+import { createComponent, mergeProps } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/card/index.tsx
+// src/components/card/index.tsx
 /** A vessel: round, resting at the first elevation, one hairline for its
 * edge. Root, Header, Title, Description, Content, Footer — sections
 * carry their own whitespace, so any subset composes. */
@@ -8,7 +8,7 @@ function part(name, tag) {
 	return ((props) => {
 		return createComponent(tag, mergeProps(props, {
 			"data-scope": "card",
-			get "data-part"() {
+			get ["data-part"]() {
 				return name.toLowerCase();
 			}
 		}));
@@ -29,5 +29,4 @@ const Card = Object.assign(Root, {
 	Footer
 });
 injectComponentStyle("card");
-//#endregion
 export { Card };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { Carousel as Carousel$1 } from "@ark-ui/solid/carousel";
-//#region src/components/carousel/index.d.ts
 /** Ark's Carousel, dressed in the paper-and-ink system: slides ride in one
  * hairline-clipped lane, the triggers are quiet outline controls, and the
  * current indicator alone carries the ink. The API is Ark's own — Root,
@@ -24,4 +23,4 @@ declare function CarouselFacade(props: CarouselFacadeProps): import("solid-js").
 export declare const Carousel: typeof CarouselFacade & Omit<typeof Carousel$1, "Root"> & {
   Root: typeof CarouselRoot;
 };
-//#endregion
+export {};

package/dist/components/carousel/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 { For, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Carousel as Carousel$1 } from "@ark-ui/solid/carousel";
-//#region src/components/carousel/index.tsx
+// src/components/carousel/index.tsx
 /** Ark's Carousel, dressed in the paper-and-ink system: slides ride in one
 * hairline-clipped lane, the triggers are quiet outline controls, and the
 * current indicator alone carries the ink. The API is Ark's own — Root,
@@ -23,7 +23,7 @@ function CarouselFacade(props) {
 	injectComponentStyle("carousel");
 	const slides = () => props.items.map((item) => typeof item === "string" ? item : item.label);
 	return createComponent(CarouselRoot, {
-		get "aria-label"() {
+		get ["aria-label"]() {
 			return props.label;
 		},
 		get slideCount() {
@@ -84,5 +84,4 @@ const Carousel = defineFamily(CarouselFacade, {
 	Root: CarouselRoot
 });
 injectComponentStyle("carousel");
-//#endregion
 export { Carousel };

package/dist/components/cascade-select/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/cascade-select/index.d.ts
 export interface CascadeSelectNode {
   label: string;
   value: string;
@@ -29,5 +28,4 @@ export interface CascadeSelectProps extends JSX.HTMLAttributes<HTMLDivElement> {
  */
 export declare const CascadeSelect: ((props: CascadeSelectProps) => JSX.Element) & {
   Root: (props: CascadeSelectProps) => JSX.Element;
-};
-//#endregion
+};