@bysages/solid 0.4.3 → 0.5.0

package/dist/components/dynamic-input/index.mjs

@@ -1,14 +1,14 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { r as iconNode } from "../../icon-DQqYA2fO.mjs";
 import { Button } from "../button/index.mjs";
-import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { t as Input } from "../../input-BL3N3L8g.mjs";
-import { createComponent, insert, memo, spread, template } from "@solidjs/web";
+import { n as useComponentMessages } from "../../use-component-messages-DS9ppb4C.mjs";
+import { t as Input } from "../../input-2xfPP-7Z.mjs";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Index, splitProps } from "solid-js";
-//#region src/components/dynamic-input/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><div data-scope=dynamic-input data-part=add>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=dynamic-input data-part=row><!><!>`);
+// src/components/dynamic-input/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div><div data-scope=dynamic-input data-part=add>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-scope=dynamic-input data-part=row>`);
 /**
 * A column of entry rows: one Input per line, each with a quiet remove
 * seal, and an add row at the tail. The list is controlled — every edit
@@ -47,74 +47,71 @@ const DynamicInput = withSelfRoot(function DynamicInput(props) {
 	};
 	const canRemove = () => values().length > Math.max(own.min ?? 0, 1);
 	const canAdd = () => own.max === void 0 || values().length < own.max;
-	var _el$ = _tmpl$();
-	var _el$2 = _el$.firstChild;
-	spread(_el$, [rest, {
-		"data-scope": "dynamic-input",
-		"data-part": "root"
-	}], true);
-	insert(_el$, createComponent(Index, {
-		get each() {
-			return values();
-		},
-		children: (value, index) => (() => {
-			var _el$3 = _tmpl$2();
-			var _el$4 = _el$3.firstChild;
-			var _el$5 = _el$4.nextSibling;
-			insert(_el$3, createComponent(Input, {
-				get value() {
-					return value();
-				},
-				get placeholder() {
-					return own.placeholder;
-				},
-				get disabled() {
-					return own.disabled;
-				},
-				get invalid() {
-					return own.invalid;
-				},
-				get size() {
-					return own.size ?? "md";
-				},
-				onValueChange: (next) => update(index, next)
-			}), _el$4);
-			insert(_el$3, createComponent(Button, {
-				variant: "ghost",
-				get size() {
-					return own.size ?? "md";
-				},
-				square: true,
-				get disabled() {
-					return own.disabled || !canRemove();
-				},
-				get "aria-label"() {
-					return `${messages().dynamicEntry.remove} ${index + 1}`;
-				},
-				onClick: () => remove(index),
-				get children() {
-					return crossIcon();
-				}
-			}), _el$5);
-			return _el$3;
-		})()
-	}), _el$2);
-	insert(_el$2, createComponent(Button, {
-		variant: "ghost",
-		get size() {
-			return own.size ?? "md";
-		},
-		get disabled() {
-			return own.disabled || !canAdd();
-		},
-		onClick: () => add(),
-		get children() {
-			return ["+", memo(() => {
-				return own.addLabel ?? "Add entry";
-			})];
-		}
-	}));
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "dynamic-input",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$, createComponent(Index, {
+			get each() {
+				return values();
+			},
+			children: (value, index) => (() => {
+				var _el$3 = _tmpl$2();
+				insert(_el$3, createComponent(Input, {
+					get value() {
+						return value();
+					},
+					get placeholder() {
+						return own.placeholder;
+					},
+					get disabled() {
+						return own.disabled;
+					},
+					get invalid() {
+						return own.invalid;
+					},
+					get size() {
+						return own.size ?? "md";
+					},
+					onValueChange: (next) => update(index, next)
+				}), null);
+				insert(_el$3, createComponent(Button, {
+					variant: "ghost",
+					get size() {
+						return own.size ?? "md";
+					},
+					square: true,
+					get disabled() {
+						return own.disabled || !canRemove();
+					},
+					get ["aria-label"]() {
+						return `${messages().dynamicEntry.remove} ${index + 1}`;
+					},
+					onClick: () => remove(index),
+					get children() {
+						return crossIcon();
+					}
+				}), null);
+				return _el$3;
+			})()
+		}), _el$2);
+		insert(_el$2, createComponent(Button, {
+			variant: "ghost",
+			get size() {
+				return own.size ?? "md";
+			},
+			get disabled() {
+				return own.disabled || !canAdd();
+			},
+			onClick: () => add(),
+			get children() {
+				return ["+", memo(() => own.addLabel ?? "Add entry")];
+			}
+		}));
+		return _el$;
+	})();
 });
 /** The one icon a remove seal needs: a single crossing stroke. */
 function crossIcon() {
@@ -123,5 +120,4 @@ function crossIcon() {
 		height: "16"
 	});
 }
-//#endregion
 export { DynamicInput };

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

@@ -1,5 +1,4 @@
 import { Editable as Editable$1, EditableRootProps } from "@ark-ui/solid/editable";
-//#region src/components/editable/index.d.ts
 /** Ark's Editable, dressed in the paper-and-ink system: bare ink while
  * reading, the full field recipe while editing. The API is Ark's own —
  * Root, Area, Label, Preview, Input, EditTrigger, SubmitTrigger,
@@ -28,4 +27,4 @@ type EditableParts = Omit<typeof Editable$1, "Root"> & {
   Root: typeof EditableRoot;
 };
 export declare const Editable: typeof EditableFacade & EditableParts;
-//#endregion
+export {};

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

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/ellipsis/index.d.ts
 /** The overflow knife: text cut at one line, or held to N lines. The
  * primitive only draws the cut — reaching the full text (title,
  * tooltip) stays the consumer's decision. */
@@ -8,5 +7,4 @@ export interface EllipsisProps extends JSX.HTMLAttributes<HTMLSpanElement> {
 }
 export declare const Ellipsis: ((props: EllipsisProps) => JSX.Element) & {
   Root: (props: EllipsisProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/ellipsis/index.mjs

@@ -1,28 +1,29 @@
-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/ellipsis/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
+// src/components/ellipsis/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
 const Ellipsis = withSelfRoot(function Ellipsis(props) {
 	injectComponentStyle("ellipsis");
 	const [own, rest] = splitProps(props, ["lines"]);
 	const multiline = () => (own.lines ?? 1) > 1;
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		get style() {
-			return {
-				...rest.style,
-				...multiline() ? { "--bs-ellipsis-lines": String(own.lines) } : {}
-			};
-		},
-		"data-scope": "ellipsis",
-		"data-part": "root",
-		get "data-multiline"() {
-			return multiline() ? "" : void 0;
-		}
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			get style() {
+				return {
+					...rest.style,
+					...multiline() ? { "--bs-ellipsis-lines": String(own.lines) } : {}
+				};
+			},
+			"data-scope": "ellipsis",
+			"data-part": "root",
+			get ["data-multiline"]() {
+				return multiline() ? "" : void 0;
+			}
+		}), false, false);
+		return _el$;
+	})();
 });
-//#endregion
 export { Ellipsis };

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

@@ -1,10 +1,8 @@
 import { Component } from "solid-js";
-//#region src/components/empty/index.d.ts
 export declare const Empty: Component<Record<string, unknown>> & {
   Root: Component<Record<string, unknown>>;
   Visual: Component<Record<string, unknown>>;
   Title: Component<Record<string, unknown>>;
   Description: Component<Record<string, unknown>>;
   Actions: Component<Record<string, unknown>>;
-};
-//#endregion
+};

package/dist/components/empty/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/empty/index.tsx
+// src/components/empty/index.tsx
 /** An empty state: the page holds its breath. Root centers the column,
 * Visual carries the mark, Title and Description carry the ink, Actions
 * the way out. Any subset composes. */
@@ -8,7 +8,7 @@ function part(name, tag) {
 	return ((props) => {
 		return createComponent(tag, mergeProps(props, {
 			"data-scope": "empty",
-			get "data-part"() {
+			get ["data-part"]() {
 				return name.toLowerCase();
 			}
 		}));
@@ -27,5 +27,4 @@ const Empty = Object.assign(Root, {
 	Actions
 });
 injectComponentStyle("empty");
-//#endregion
 export { Empty };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { Field as Field$1 } from "@ark-ui/solid/field";
-//#region src/components/field/index.d.ts
 /** Ark's Field, dressed in the paper-and-ink system: a tracked label, a
  * border-and-halo control, and quiet help text. The API is Ark's own —
  * Root, Label, Input, Textarea, Select, HelperText, ErrorText,
@@ -24,4 +23,4 @@ type FieldParts = Omit<typeof Field$1, "Root"> & {
   Root: typeof FieldRoot;
 };
 export declare const Field: typeof FieldFacade & FieldParts;
-//#endregion
+export {};

package/dist/components/field/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 { Show, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Field as Field$1 } from "@ark-ui/solid/field";
-//#region src/components/field/index.tsx
+// src/components/field/index.tsx
 /** Ark's Field, dressed in the paper-and-ink system: a tracked label, a
 * border-and-halo control, and quiet help text. The API is Ark's own —
 * Root, Label, Input, Textarea, Select, HelperText, ErrorText,
@@ -67,5 +67,4 @@ const Field = defineFamily(FieldFacade, {
 	Root: FieldRoot
 });
 injectComponentStyle("field");
-//#endregion
 export { Field };

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

@@ -1,6 +1,5 @@
 import { ComponentProps, JSX } from "solid-js";
 import { Fieldset as Fieldset$1 } from "@ark-ui/solid/fieldset";
-//#region src/components/fieldset/index.d.ts
 /** Ark's Fieldset, dressed in the paper-and-ink system: a song-serif
  * legend heading a column of fields. The API is Ark's own — Root, Legend,
  * HelperText, ErrorText. */
@@ -20,4 +19,4 @@ type FieldsetParts = Omit<typeof Fieldset$1, "Root"> & {
   Root: typeof FieldsetRoot;
 };
 export declare const Fieldset: typeof FieldsetFacade & FieldsetParts;
-//#endregion
+export {};

package/dist/components/fieldset/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 } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent, memo } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Fieldset as Fieldset$1 } from "@ark-ui/solid/fieldset";
-//#region src/components/fieldset/index.tsx
+// src/components/fieldset/index.tsx
 /** Ark's Fieldset, dressed in the paper-and-ink system: a song-serif
 * legend heading a column of fields. The API is Ark's own — Root, Legend,
 * HelperText, ErrorText. */
@@ -23,7 +23,7 @@ function FieldsetFacade(props) {
 		get invalid() {
 			return props.invalid;
 		},
-		get "data-required"() {
+		get ["data-required"]() {
 			return props.required || void 0;
 		},
 		get children() {
@@ -38,9 +38,7 @@ function FieldsetFacade(props) {
 						} });
 					}
 				}),
-				memo(() => {
-					return props.children;
-				}),
+				memo(() => props.children),
 				createComponent(Show, {
 					get when() {
 						return props.description;
@@ -60,5 +58,4 @@ const Fieldset = defineFamily(FieldsetFacade, {
 	Root: FieldsetRoot
 });
 injectComponentStyle("fieldset");
-//#endregion
 export { Fieldset };

package/dist/components/file-upload/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { FileUpload as FileUpload$1, FileUploadRootProps } from "@ark-ui/solid/file-upload";
-//#region src/components/file-upload/index.d.ts
 /** The inner trigger repeats the click binding the dropzone already
  * owns: keyboard users enter through the dropzone, so the button
  * leaves the tab order and the semantic tree entirely. */
@@ -34,4 +33,4 @@ type FileUploadParts = Omit<typeof FileUpload$1, "Root" | "Trigger"> & {
   Trigger: typeof FileUploadTrigger;
 };
 export declare const FileUpload: typeof FileUploadFacade & FileUploadParts;
-//#endregion
+export {};

package/dist/components/file-upload/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 { FileUpload as FileUpload$1 } from "@ark-ui/solid/file-upload";
-//#region src/components/file-upload/index.tsx
+// src/components/file-upload/index.tsx
 /** The inner trigger repeats the click binding the dropzone already
 * owns: keyboard users enter through the dropzone, so the button
 * leaves the tab order and the semantic tree entirely. */
@@ -22,7 +22,7 @@ function FileUploadRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -95,5 +95,4 @@ const FileUpload = defineFamily(FileUploadFacade, {
 	Trigger: FileUploadTrigger
 });
 injectComponentStyle("file-upload");
-//#endregion
 export { FileUpload };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/float-button/index.d.ts
 export type FloatButtonPlacement = "bottom-end" | "bottom-start" | "top-end" | "top-start";
 export type FloatButtonSize = "sm" | "md" | "lg";
 /** The group's openness, shared from the mooring to its parts. */
@@ -53,9 +52,32 @@ export interface FloatButtonItemProps extends Omit<JSX.HTMLAttributes<HTMLDivEle
   onClick?: (event: MouseEvent) => void;
 }
 declare function FloatButtonItem(props: FloatButtonItemProps): JSX.Element;
-export declare const FloatButton: typeof FloatButtonRoot & {
+export interface FloatButtonAction {
+  label: string;
+  /** A curated core icon; pencil is the fallback mark. */
+  icon?: string;
+  disabled?: boolean;
+  /** The action fires before the fan folds. */
+  onClick?: () => void;
+}
+export interface FloatButtonFacadeProps extends Omit<FloatButtonRootProps, "open"> {
+  /** Controlled openness; leave unset for the facade to hold it. */
+  open?: boolean;
+  /** The accessible name for the floating trigger. */
+  label?: string;
+  /** The fanned-out actions, in reading order. */
+  actions?: FloatButtonAction[];
+  placement?: FloatButtonPlacement;
+  size?: FloatButtonSize;
+  /** Open the dial when it mounts. */
+  defaultOpen?: boolean;
+}
+/** The shorthand: a speed dial from plain actions; the trigger and
+ * openness stay inside the family. */
+declare function FloatButtonFacade(props: FloatButtonFacadeProps): JSX.Element;
+export declare const FloatButton: typeof FloatButtonFacade & {
   Root: typeof FloatButtonRoot;
   Trigger: typeof FloatButtonTrigger;
   Item: typeof FloatButtonItem;
 };
-//#endregion
+export {};