@bysages/solid 0.2.3 → 0.3.0

package/dist/components/cascade-select/index.mjs

@@ -1,23 +1,24 @@
-import { Input } from "../input/index.mjs";
+import { t as Input } from "../../input-DoFQ7RXh.mjs";
 import { injectComponentStyle } from "@bysages/core";
-import { Portal, createComponent, delegateEvents, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { createComponent, delegateEvents, effect, insert, setAttribute, spread, template } from "@solidjs/web";
 import { For, Show, createMemo, createSignal, createUniqueId, mergeProps as mergeProps$1, splitProps } from "solid-js";
+import { Portal } from "solid-js/web";
 import { useEnvironmentContext } from "@ark-ui/solid/environment";
 import { useFilter, useLocaleContext } from "@ark-ui/solid/locale";
 import * as cascade from "@zag-js/cascade-select";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 //#region src/components/cascade-select/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m6 9 6 6 6-6">`);
-var _tmpl$2 = /*#__PURE__*/ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m9 18 6-6-6-6">`);
-var _tmpl$3 = /*#__PURE__*/ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m5 12.5 5 5L19 7">`);
-var _tmpl$4 = /*#__PURE__*/ template(`<ul>`);
-var _tmpl$5 = /*#__PURE__*/ template(`<span data-part=branch-indicator aria-hidden=true>`);
-var _tmpl$6 = /*#__PURE__*/ template(`<li><span></span><span>`);
-var _tmpl$7 = /*#__PURE__*/ template(`<div data-part=search>`);
-var _tmpl$8 = /*#__PURE__*/ template(`<div><div><div data-part=corridor>`);
-var _tmpl$9 = /*#__PURE__*/ template(`<div><div><button><span></span><span>`);
-var _tmpl$0 = /*#__PURE__*/ template(`<p data-part=empty>Nothing matches`);
-var _tmpl$1 = /*#__PURE__*/ template(`<button type=button data-part=match>`);
+var _tmpl$ = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m6 9 6 6 6-6">`);
+var _tmpl$2 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m9 18 6-6-6-6">`);
+var _tmpl$3 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m5 12.5 5 5L19 7">`);
+var _tmpl$4 = /* @__PURE__ */ template(`<ul>`);
+var _tmpl$5 = /* @__PURE__ */ template(`<span data-scope=cascade-select data-part=branch-indicator aria-hidden=true>`);
+var _tmpl$6 = /* @__PURE__ */ template(`<li><span></span><span>`);
+var _tmpl$7 = /* @__PURE__ */ template(`<div data-scope=cascade-select data-part=search>`);
+var _tmpl$8 = /* @__PURE__ */ template(`<div><div><div data-scope=cascade-select data-part=corridor>`);
+var _tmpl$9 = /* @__PURE__ */ template(`<div><div><button><span></span><span>`);
+var _tmpl$10 = /* @__PURE__ */ template(`<p data-scope=cascade-select data-part=empty>Nothing matches`);
+var _tmpl$11 = /* @__PURE__ */ template(`<button type=button data-scope=cascade-select data-part=match>`);
 function chevronDown() {
 	return _tmpl$();
 }
@@ -140,52 +141,72 @@ function CascadeSelect(props) {
 		};
 		const nodeState = () => api().getItemState(nodeProps);
 		const children = collection().getNodeChildren(node);
-		const list = (() => {
-			var _el$4 = _tmpl$4();
-			spread(_el$4, mergeProps(() => mergeProps$1(() => api().getListProps(nodeProps))), false, true);
-			insert(_el$4, createComponent(For, {
-				each: children,
-				children: (item, index) => {
-					const itemValue = collection().getNodeValue(item);
-					const itemProps = {
-						item,
-						indexPath: [...indexPath, index()],
-						value: [...valuePath, itemValue]
-					};
-					const itemState = () => api().getItemState(itemProps);
-					return (() => {
-						var _el$5 = _tmpl$6(), _el$6 = _el$5.firstChild, _el$8 = _el$6.nextSibling;
-						spread(_el$5, mergeProps(() => mergeProps$1(() => api().getItemProps(itemProps))), false, true);
-						spread(_el$6, mergeProps(() => mergeProps$1(() => api().getItemTextProps(itemProps))), false, true);
-						insert(_el$6, () => item.label);
-						insert(_el$5, createComponent(Show, {
-							get when() {
-								return itemState().hasChildren;
-							},
-							get children() {
-								var _el$7 = _tmpl$5();
-								insert(_el$7, chevronRight);
-								return _el$7;
-							}
-						}), _el$8);
-						spread(_el$8, mergeProps(() => mergeProps$1(() => api().getItemIndicatorProps(itemProps))), false, true);
-						insert(_el$8, checkGlyph);
-						return _el$5;
-					})();
-				}
-			}));
-			return _el$4;
-		})();
+		var _el$4 = _tmpl$4();
+		spread(_el$4, () => {
+			return mergeProps$1(() => api().getListProps(nodeProps));
+		}, true);
+		insert(_el$4, createComponent(For, {
+			each: children,
+			children: (item, index) => {
+				const itemValue = collection().getNodeValue(item);
+				const itemProps = {
+					item,
+					indexPath: [...indexPath, index()],
+					value: [...valuePath, itemValue]
+				};
+				const itemState = () => api().getItemState(itemProps);
+				var _el$5 = _tmpl$6();
+				var _el$6 = _el$5.firstChild;
+				var _el$8 = _el$6.nextSibling;
+				spread(_el$5, () => {
+					return mergeProps$1(() => api().getItemProps(itemProps));
+				}, true);
+				spread(_el$6, () => {
+					return mergeProps$1(() => api().getItemTextProps(itemProps));
+				}, true);
+				insert(_el$6, () => {
+					return item.label;
+				});
+				insert(_el$5, createComponent(Show, {
+					get when() {
+						return itemState().hasChildren;
+					},
+					get children() {
+						var _el$7 = _tmpl$5();
+						insert(_el$7, chevronRight);
+						return _el$7;
+					}
+				}), _el$8);
+				spread(_el$8, () => {
+					return mergeProps$1(() => api().getItemIndicatorProps(itemProps));
+				}, true);
+				insert(_el$8, checkGlyph);
+				return _el$5;
+			}
+		}));
+		const list = _el$4;
 		const next = nodeState().highlightedChild;
 		return [list, next != null && collection().isBranchNode(next) ? renderColumn(next, [...indexPath, nodeState().highlightedIndex], [...valuePath, collection().getNodeValue(next)]) : null];
 	}
-	return (() => {
-		var _el$9 = _tmpl$9(), _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
-		spread(_el$9, mergeProps(rest, () => mergeProps$1(() => api().getRootProps()), { get ["data-size"]() {
+	var _el$9 = _tmpl$9();
+	var _el$10 = _el$9.firstChild;
+	var _el$11 = _el$10.firstChild;
+	var _el$12 = _el$11.firstChild;
+	var _el$13 = _el$12.nextSibling;
+	spread(_el$9, [
+		rest,
+		() => {
+			return mergeProps$1(() => api().getRootProps());
+		},
+		{ get "data-size"() {
 			return own.size ?? "md";
-		} }), false, true);
-		spread(_el$0, mergeProps(() => mergeProps$1(() => api().getControlProps())), false, true);
-		spread(_el$1, mergeProps(() => mergeProps$1(() => api().getTriggerProps(), {
+		} }
+	], true);
+	spread(_el$10, () => {
+		return mergeProps$1(() => api().getControlProps());
+	}, true);
+	spread(_el$11, () => {
+		return mergeProps$1(() => api().getTriggerProps(), {
 			get disabled() {
 				return own.disabled || void 0;
 			},
@@ -193,72 +214,90 @@ function CascadeSelect(props) {
 				api().getTriggerProps().onclick?.(event);
 				setQuery("");
 			}
-		})), false, true);
-		spread(_el$10, mergeProps(() => mergeProps$1(() => api().getValueTextProps())), false, true);
-		insert(_el$10, () => display() ?? own.placeholder ?? "Select…");
-		spread(_el$11, mergeProps(() => mergeProps$1(() => api().getIndicatorProps())), false, true);
-		insert(_el$11, chevronDown);
-		insert(_el$9, createComponent(Portal, { get children() {
-			var _el$12 = _tmpl$8(), _el$13 = _el$12.firstChild, _el$15 = _el$13.firstChild;
-			spread(_el$12, mergeProps(() => mergeProps$1(() => api().getPositionerProps())), false, true);
-			spread(_el$13, mergeProps(() => mergeProps$1(() => api().getContentProps()), { get ["data-size"]() {
-				return own.size ?? "md";
-			} }), false, true);
-			insert(_el$13, createComponent(Show, {
-				get when() {
-					return own.filterable;
-				},
-				get children() {
-					var _el$14 = _tmpl$7();
-					insert(_el$14, createComponent(Input, {
-						size: "sm",
-						get value() {
-							return query();
-						},
-						onValueChange: setQuery,
-						placeholder: "Filter…",
-						"aria-label": "Filter options"
-					}));
-					return _el$14;
-				}
-			}), _el$15);
-			insert(_el$15, createComponent(Show, {
-				get when() {
-					return !filtering();
-				},
-				get fallback() {
-					return createComponent(Show, {
-						get when() {
-							return matchPaths().length > 0;
-						},
-						get fallback() {
-							return _tmpl$0();
-						},
-						get children() {
-							return createComponent(For, {
-								get each() {
-									return matchPaths();
-								},
-								children: (hit) => (() => {
-									var _el$17 = _tmpl$1();
-									_el$17.$$click = () => pickMatch(hit.path);
-									insert(_el$17, () => hit.labels.join(" / "));
-									effect(() => setAttribute(_el$17, "data-selected", isSelected(hit.path) || void 0));
-									return _el$17;
-								})()
-							});
-						}
-					});
-				},
-				get children() {
-					return renderColumn(collection().rootNode, [], []);
-				}
-			}));
-			effect(() => setAttribute(_el$15, "data-flow", filtering() ? "flat" : "columns"));
-			return _el$12;
-		} }), null);
-		return _el$9;
-	})();
+		});
+	}, true);
+	spread(_el$12, () => {
+		return mergeProps$1(() => api().getValueTextProps());
+	}, true);
+	insert(_el$12, () => {
+		return display() ?? own.placeholder ?? "Select…";
+	});
+	spread(_el$13, () => {
+		return mergeProps$1(() => api().getIndicatorProps());
+	}, true);
+	insert(_el$13, chevronDown);
+	insert(_el$9, createComponent(Portal, { get children() {
+		var _el$14 = _tmpl$8();
+		var _el$15 = _el$14.firstChild;
+		var _el$17 = _el$15.firstChild;
+		spread(_el$14, () => {
+			return mergeProps$1(() => api().getPositionerProps());
+		}, true);
+		spread(_el$15, [() => {
+			return mergeProps$1(() => api().getContentProps());
+		}, { get "data-size"() {
+			return own.size ?? "md";
+		} }], true);
+		insert(_el$15, createComponent(Show, {
+			get when() {
+				return own.filterable;
+			},
+			get children() {
+				var _el$16 = _tmpl$7();
+				insert(_el$16, createComponent(Input, {
+					size: "sm",
+					get value() {
+						return query();
+					},
+					onValueChange: setQuery,
+					placeholder: "Filter…",
+					"aria-label": "Filter options"
+				}));
+				return _el$16;
+			}
+		}), _el$17);
+		insert(_el$17, createComponent(Show, {
+			get when() {
+				return !filtering();
+			},
+			get fallback() {
+				return createComponent(Show, {
+					get when() {
+						return matchPaths().length > 0;
+					},
+					get fallback() {
+						return _tmpl$10();
+					},
+					get children() {
+						return createComponent(For, {
+							get each() {
+								return matchPaths();
+							},
+							children: (hit) => (() => {
+								var _el$19 = _tmpl$11();
+								_el$19._$$click = () => pickMatch(hit.path);
+								insert(_el$19, () => {
+									return hit.labels.join(" / ");
+								});
+								effect(() => isSelected(hit.path) || void 0, (_v$) => {
+									setAttribute(_el$19, "data-selected", _v$);
+								});
+								return _el$19;
+							})()
+						});
+					}
+				});
+			},
+			get children() {
+				return renderColumn(collection().rootNode, [], []);
+			}
+		}));
+		effect(() => filtering() ? "flat" : "columns", (_v$) => {
+			setAttribute(_el$17, "data-flow", _v$);
+		});
+		return _el$14;
+	} }), null);
+	return _el$9;
 }
 delegateEvents(["click"]);
 //#endregion

package/dist/components/checkbox/index.mjs

@@ -1,11 +1,11 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, mergeProps } from "solid-js/web";
+import { createComponent, mergeProps } from "@solidjs/web";
 import { splitProps } from "solid-js";
 import { Checkbox as Checkbox$1 } from "@ark-ui/solid/checkbox";
 //#region src/components/checkbox/index.tsx
 function CheckboxRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
-	return createComponent(Checkbox$1.Root, mergeProps(rest, { get ["data-size"]() {
+	return createComponent(Checkbox$1.Root, mergeProps(rest, { get "data-size"() {
 		return own.size ?? "md";
 	} }));
 }

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

@@ -1,11 +1,11 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { createComponent, insert, spread, template } from "@solidjs/web";
 import { For, createUniqueId, splitProps } from "solid-js";
 import { useFieldContext } from "@ark-ui/solid/field";
 import { Checkbox } from "@ark-ui/solid/checkbox";
 //#region src/components/checkbox-group/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m5 12.5 5 5L19 7">`);
-var _tmpl$2 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$ = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="m5 12.5 5 5L19 7">`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
 function checkGlyph() {
 	return _tmpl$();
 }
@@ -40,60 +40,58 @@ function CheckboxGroup(props) {
 		else next.add(value);
 		own.onValueChange?.([...next]);
 	}
-	return (() => {
-		var _el$2 = _tmpl$2();
-		spread(_el$2, mergeProps(rest, {
-			"role": "group",
-			"data-scope": "checkbox-group",
-			"data-part": "root",
-			get ["data-layout"]() {
-				return own.layout ?? "vertical";
+	var _el$2 = _tmpl$2();
+	spread(_el$2, [rest, {
+		role: "group",
+		"data-scope": "checkbox-group",
+		"data-part": "root",
+		get "data-layout"() {
+			return own.layout ?? "vertical";
+		},
+		get "data-invalid"() {
+			return isInvalid() ? "" : void 0;
+		}
+	}], true);
+	insert(_el$2, createComponent(For, {
+		get each() {
+			return own.options;
+		},
+		children: (option) => createComponent(Checkbox.Root, {
+			get ids() {
+				return {
+					label: `${uid}:${option.value}:label`,
+					hiddenInput: `${uid}:${option.value}:input`
+				};
 			},
-			get ["data-invalid"]() {
-				return isInvalid() ? "" : void 0;
-			}
-		}), false, true);
-		insert(_el$2, createComponent(For, {
-			get each() {
-				return own.options;
+			get checked() {
+				return selected().has(option.value);
+			},
+			get "data-size"() {
+				return own.size ?? "md";
+			},
+			get invalid() {
+				return isInvalid();
 			},
-			children: (option) => createComponent(Checkbox.Root, {
-				get ids() {
-					return {
-						label: `${uid}:${option.value}:label`,
-						hiddenInput: `${uid}:${option.value}:input`
-					};
-				},
-				get checked() {
-					return selected().has(option.value);
-				},
-				get ["data-size"]() {
-					return own.size ?? "md";
-				},
-				get invalid() {
-					return isInvalid();
-				},
-				get disabled() {
-					return isDisabled() || option.disabled === true;
-				},
-				onCheckedChange: () => toggle(option.value),
-				get children() {
-					return [
-						createComponent(Checkbox.Control, { get children() {
-							return createComponent(Checkbox.Indicator, { get children() {
-								return checkGlyph();
-							} });
-						} }),
-						createComponent(Checkbox.Label, { get children() {
-							return option.label;
-						} }),
-						createComponent(Checkbox.HiddenInput, {})
-					];
-				}
-			})
-		}));
-		return _el$2;
-	})();
+			get disabled() {
+				return isDisabled() || option.disabled === true;
+			},
+			onCheckedChange: () => toggle(option.value),
+			get children() {
+				return [
+					createComponent(Checkbox.Control, { get children() {
+						return createComponent(Checkbox.Indicator, { get children() {
+							return checkGlyph();
+						} });
+					} }),
+					createComponent(Checkbox.Label, { get children() {
+						return option.label;
+					} }),
+					createComponent(Checkbox.HiddenInput, {})
+				];
+			}
+		})
+	}));
+	return _el$2;
 }
 //#endregion
 export { CheckboxGroup };

package/dist/components/chip/index.mjs

@@ -1,8 +1,8 @@
 import { injectComponentStyle } from "@bysages/core";
-import { insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { insert, memo, spread, template } from "@solidjs/web";
 import { splitProps } from "solid-js";
 //#region src/components/chip/index.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<span>`);
+var _tmpl$ = /* @__PURE__ */ template(`<span>`);
 function Chip(props) {
 	injectComponentStyle("chip");
 	const [own, rest] = splitProps(props, [
@@ -11,24 +11,26 @@ function Chip(props) {
 		"tone",
 		"variant"
 	]);
-	return (() => {
-		var _el$ = _tmpl$();
-		spread(_el$, mergeProps(rest, {
-			"data-scope": "chip",
-			"data-part": "root",
-			get ["data-tone"]() {
-				return own.tone ?? "ink";
-			},
-			get ["data-variant"]() {
-				return own.variant ?? "solid";
-			}
-		}), false, true);
-		insert(_el$, (() => {
-			var _c$ = memo(() => !!(own.max != null && own.value > own.max));
-			return () => _c$() ? `${own.max}+` : String(own.value);
-		})());
-		return _el$;
-	})();
+	var _el$ = _tmpl$();
+	spread(_el$, [rest, {
+		"data-scope": "chip",
+		"data-part": "root",
+		get "data-tone"() {
+			return own.tone ?? "ink";
+		},
+		get "data-variant"() {
+			return own.variant ?? "solid";
+		}
+	}], true);
+	insert(_el$, (() => {
+		var _c$ = memo(() => {
+			return !!(own.max != null && own.value > own.max);
+		});
+		return () => {
+			return _c$() ? `${own.max}+` : String(own.value);
+		};
+	})());
+	return _el$;
 }
 //#endregion
 export { Chip };

package/dist/components/clipboard/index.mjs

@@ -1,12 +1,12 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, mergeProps } from "solid-js/web";
+import { createComponent, mergeProps } from "@solidjs/web";
 import { splitProps } from "solid-js";
 import { Clipboard as Clipboard$1 } from "@ark-ui/solid/clipboard";
 //#region src/components/clipboard/index.tsx
 const ArkRoot = Clipboard$1.Root;
 function ClipboardRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
-	return createComponent(ArkRoot, mergeProps(rest, { get ["data-size"]() {
+	return createComponent(ArkRoot, mergeProps(rest, { get "data-size"() {
 		return own.size ?? "md";
 	} }));
 }

package/dist/components/color-picker/index.mjs

@@ -1,11 +1,11 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, mergeProps } from "solid-js/web";
+import { createComponent, mergeProps } from "@solidjs/web";
 import { splitProps } from "solid-js";
 import { ColorPicker as ColorPicker$1 } from "@ark-ui/solid/color-picker";
 //#region src/components/color-picker/index.tsx
 function ColorPickerRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
-	return createComponent(ColorPicker$1.Root, mergeProps(rest, { get ["data-size"]() {
+	return createComponent(ColorPicker$1.Root, mergeProps(rest, { get "data-size"() {
 		return own.size ?? "md";
 	} }));
 }

package/dist/components/combobox/index.mjs

@@ -1,11 +1,11 @@
 import { injectComponentStyle } from "@bysages/core";
-import { createComponent, mergeProps } from "solid-js/web";
+import { createComponent, mergeProps } from "@solidjs/web";
 import { splitProps } from "solid-js";
 import { Combobox as Combobox$1 } from "@ark-ui/solid/combobox";
 //#region src/components/combobox/index.tsx
 function ComboboxRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
-	return createComponent(Combobox$1.Root, mergeProps(rest, { get ["data-size"]() {
+	return createComponent(Combobox$1.Root, mergeProps(rest, { get "data-size"() {
 		return own.size ?? "md";
 	} }));
 }