@bysages/solid 0.4.1 → 0.4.2

package/dist/components/marquee/index.mjs

@@ -1,19 +1,60 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
+import { createComponent, insert, template } from "@solidjs/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { createComponent, mergeProps } from "solid-js";
+import { Index, createComponent as createComponent$1, createMemo, mergeProps as mergeProps$1 } from "solid-js";
 import { Marquee as Marquee$1 } from "@ark-ui/solid/marquee";
-//#region src/components/marquee/index.ts
+//#region src/components/marquee/index.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg width=16 height=16 viewBox="0 0 24 24"fill=currentColor aria-hidden=true>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<span>`);
 /** Ark's Marquee, dressed in the paper-and-ink system: a linear ribbon of
 * seal-cut chips that dissolves into the paper at its edges rather than
 * cutting off. The API is Ark's own — Root, Viewport, Content, Edge, Item. */
 function MarqueeRoot(props) {
 	const id = useElementId("marquee", () => props.id);
-	return createComponent(Marquee$1.Root, mergeProps(props, { get id() {
+	return createComponent$1(Marquee$1.Root, mergeProps$1(props, { get id() {
 		return id();
 	} }));
 }
-const Marquee = defineFamily(MarqueeRoot, {
+/** The complete ribbon behind a list of short marks. */
+function MarqueeFacade(props) {
+	injectComponentStyle("marquee");
+	const items = createMemo(() => props.items.map((item) => typeof item === "string" ? item : item.label));
+	return createComponent(MarqueeRoot, {
+		get "aria-label"() {
+			return props.label;
+		},
+		get spacing() {
+			return props.spacing;
+		},
+		get speed() {
+			return props.speed;
+		},
+		get children() {
+			return createComponent(Marquee$1.Viewport, { get children() {
+				return createComponent(Marquee$1.Content, { get children() {
+					return createComponent(Index, {
+						get each() {
+							return items();
+						},
+						children: (item) => createComponent(Marquee$1.Item, { get children() {
+							return [(() => {
+								var _el$ = _tmpl$();
+								_el$.innerHTML = "<path d=\"M12 3 3 9l9 12 9-12-9-6Z\" />";
+								return _el$;
+							})(), (() => {
+								var _el$2 = _tmpl$2();
+								insert(_el$2, item);
+								return _el$2;
+							})()];
+						} })
+					});
+				} });
+			} });
+		}
+	});
+}
+const Marquee = defineFamily(MarqueeFacade, {
 	...Marquee$1,
 	Root: MarqueeRoot
 });

package/dist/components/navigation-menu/index.d.mts

@@ -6,7 +6,23 @@ import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/solid/navigation-men
  * popup vessel. The API is Ark's own — Root, List, Item, Trigger, Link,
  * Content, ViewportPositioner, Viewport, Indicator, ItemIndicator, Arrow. */
 declare function NavigationMenuRoot(props: ComponentProps<typeof NavigationMenu$1.Root>): import("solid-js").JSX.Element;
-export declare const NavigationMenu: typeof NavigationMenuRoot & Omit<typeof NavigationMenu$1, "Root"> & {
+declare function NavigationMenuLink(props: ComponentProps<typeof NavigationMenu$1.Link>): import("solid-js").JSX.Element;
+/** One flat destination in the callable bar; grouped panels and mega
+ * menus stay on the anatomy. */
+export interface NavigationMenuLinkOption {
+  label: string;
+  href: string;
+  current?: boolean;
+  description?: string;
+}
+export interface NavigationMenuFacadeProps {
+  items: NavigationMenuLinkOption[];
+  orientation?: "horizontal" | "vertical";
+}
+/** The common path: a quiet rung of destinations, horizontal or vertical. */
+declare function NavigationMenuFacade(props: NavigationMenuFacadeProps): import("solid-js").JSX.Element;
+export declare const NavigationMenu: typeof NavigationMenuFacade & Omit<typeof NavigationMenu$1, "Root"> & {
   Root: typeof NavigationMenuRoot;
+  Link: typeof NavigationMenuLink;
 };
 //#endregion

package/dist/components/navigation-menu/index.mjs

@@ -1,22 +1,82 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
+import { createComponent, insert, mergeProps, template } from "@solidjs/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { createComponent, mergeProps } from "solid-js";
+import { For, Show, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/solid/navigation-menu";
-//#region src/components/navigation-menu/index.ts
+//#region src/components/navigation-menu/index.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<span>`);
 /** Ark's NavigationMenu, dressed in the paper-and-ink system: a menubar of
 * ghost triggers with one sliding stroke of primary ink, opening the shared
 * popup vessel. The API is Ark's own — Root, List, Item, Trigger, Link,
 * Content, ViewportPositioner, Viewport, Indicator, ItemIndicator, Arrow. */
 function NavigationMenuRoot(props) {
 	const id = useElementId("navigation-menu", () => props.id);
-	return createComponent(NavigationMenu$1.Root, mergeProps(props, { get id() {
+	return createComponent$1(NavigationMenu$1.Root, mergeProps$1(props, { get id() {
 		return id();
 	} }));
 }
-const NavigationMenu = defineFamily(NavigationMenuRoot, {
+function NavigationMenuLink(props) {
+	injectComponentStyle("navigation-menu");
+	return createComponent(NavigationMenu$1.Link, mergeProps(props, { "data-motion": "ink-ripple" }));
+}
+/** The common path: a quiet rung of destinations, horizontal or vertical. */
+function NavigationMenuFacade(props) {
+	injectComponentStyle("navigation-menu");
+	return createComponent(NavigationMenuRoot, {
+		get orientation() {
+			return props.orientation ?? "horizontal";
+		},
+		get children() {
+			return createComponent(NavigationMenu$1.List, { get children() {
+				return createComponent(For, {
+					get each() {
+						return props.items;
+					},
+					children: (item) => createComponent(NavigationMenu$1.Item, {
+						get value() {
+							return item.href;
+						},
+						get children() {
+							return createComponent(NavigationMenuLink, {
+								get href() {
+									return item.href;
+								},
+								get current() {
+									return item.current;
+								},
+								get children() {
+									return [(() => {
+										var _el$ = _tmpl$();
+										insert(_el$, () => {
+											return item.label;
+										});
+										return _el$;
+									})(), createComponent(Show, {
+										get when() {
+											return item.description;
+										},
+										get children() {
+											var _el$2 = _tmpl$();
+											insert(_el$2, () => {
+												return item.description;
+											});
+											return _el$2;
+										}
+									})];
+								}
+							});
+						}
+					})
+				});
+			} });
+		}
+	});
+}
+const NavigationMenu = defineFamily(NavigationMenuFacade, {
 	...NavigationMenu$1,
-	Root: NavigationMenuRoot
+	Root: NavigationMenuRoot,
+	Link: NavigationMenuLink
 });
 injectComponentStyle("navigation-menu");
 //#endregion

package/dist/components/number-input/index.d.mts

@@ -9,7 +9,26 @@ type NumberInputOwnProps = {
   size?: "sm" | "md" | "lg";
 };
 declare function NumberInputRoot(props: NumberInputRootProps & NumberInputOwnProps): import("solid-js").JSX.Element;
-export declare const NumberInput: typeof NumberInputRoot & Omit<typeof NumberInput$1, "Root"> & {
+export interface NumberInputFacadeProps {
+  value?: string;
+  defaultValue?: string;
+  label?: string;
+  placeholder?: string;
+  min?: number;
+  max?: number;
+  step?: number;
+  disabled?: boolean;
+  invalid?: boolean;
+  required?: boolean;
+  /** One rung of the control-height ladder for the field and its stepper. */
+  size?: "sm" | "md" | "lg";
+  onValueChange?: (value: string) => void;
+}
+/** The one-tag path for a stepped number field; formatting, scrubbing,
+ * and locale rules stay on the anatomy. */
+declare function NumberInputFacade(props: NumberInputFacadeProps): import("solid-js").JSX.Element;
+type NumberInputParts = Omit<typeof NumberInput$1, "Root"> & {
   Root: typeof NumberInputRoot;
 };
+export declare const NumberInput: typeof NumberInputFacade & NumberInputParts;
 //#endregion

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

@@ -1,8 +1,9 @@
 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 { injectComponentStyle } from "@bysages/core/styling";
-import { splitProps } from "solid-js";
+import { Show, splitProps } from "solid-js";
 import { NumberInput as NumberInput$1 } from "@ark-ui/solid/number-input";
 //#region src/components/number-input/index.tsx
 function NumberInputRoot(props) {
@@ -17,7 +18,75 @@ function NumberInputRoot(props) {
 		}
 	}));
 }
-const NumberInput = defineFamily(NumberInputRoot, {
+/** The one-tag path for a stepped number field; formatting, scrubbing,
+* and locale rules stay on the anatomy. */
+function NumberInputFacade(props) {
+	injectComponentStyle("number-input");
+	return createComponent(NumberInputRoot, mergeProps({
+		get size() {
+			return props.size ?? "md";
+		},
+		get min() {
+			return props.min;
+		},
+		get max() {
+			return props.max;
+		},
+		get step() {
+			return props.step;
+		},
+		get disabled() {
+			return props.disabled;
+		},
+		get invalid() {
+			return props.invalid;
+		},
+		get required() {
+			return props.required;
+		},
+		get defaultValue() {
+			return props.defaultValue;
+		}
+	}, () => {
+		return props.value === void 0 ? {} : { value: props.value };
+	}, {
+		onValueChange: (details) => props.onValueChange?.(details.value),
+		get children() {
+			return [createComponent(Show, {
+				get when() {
+					return props.label;
+				},
+				get children() {
+					return createComponent(NumberInput$1.Label, { get children() {
+						return props.label;
+					} });
+				}
+			}), createComponent(NumberInput$1.Control, { get children() {
+				return [
+					createComponent(NumberInput$1.Input, { get placeholder() {
+						return props.placeholder;
+					} }),
+					createComponent(NumberInput$1.Scrubber, { get children() {
+						return iconNode("pause");
+					} }),
+					createComponent(NumberInput$1.IncrementTrigger, {
+						"aria-label": "Increment",
+						get children() {
+							return iconNode("chevron-up");
+						}
+					}),
+					createComponent(NumberInput$1.DecrementTrigger, {
+						"aria-label": "Decrement",
+						get children() {
+							return iconNode("chevron-down");
+						}
+					})
+				];
+			} })];
+		}
+	}));
+}
+const NumberInput = defineFamily(NumberInputFacade, {
 	...NumberInput$1,
 	Root: NumberInputRoot
 });

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

@@ -9,9 +9,29 @@ import { Pagination as Pagination$1, PaginationRootProps } from "@ark-ui/solid/p
 type PaginationOwnProps = {
   /** One rung of the control-height ladder every page seal shares. */
   size?: "sm" | "md" | "lg";
+  /** full is the page-seal ladder; simple keeps prev, the count, next. */
+  variant?: "default" | "simple";
 };
-declare function PaginationRoot(props: PaginationRootProps & PaginationOwnProps): import("solid-js").JSX.Element;
-export declare const Pagination: typeof PaginationRoot & Omit<typeof Pagination$1, "Root"> & {
+type PaginationRootProps$1 = PaginationRootProps & PaginationOwnProps;
+declare function PaginationRoot(props: PaginationRootProps$1): import("solid-js").JSX.Element;
+export interface PaginationFacadeProps {
+  value?: number;
+  defaultValue?: number;
+  count?: number;
+  pageSize?: number;
+  defaultPageSize?: number;
+  siblingCount?: number;
+  label?: string;
+  size?: "sm" | "md" | "lg";
+  /** full is the page-seal ladder; simple keeps prev, the count, next. */
+  variant?: "default" | "simple";
+  class?: string;
+  onValueChange?: (value: number) => void;
+}
+/** The complete pagination bar behind one page: count and page size become
+ * the visible ladder, with edge semantics left to anatomy. */
+declare function PaginationFacade(props: PaginationFacadeProps): import("solid-js").JSX.Element;
+export declare const Pagination: typeof PaginationFacade & Omit<typeof Pagination$1, "Root"> & {
   Root: typeof PaginationRoot;
 };
 //#endregion

package/dist/components/pagination/index.mjs

@@ -1,23 +1,122 @@
 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 { createComponent, insert, memo, mergeProps, template } from "@solidjs/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { splitProps } from "solid-js";
+import { For, splitProps } from "solid-js";
 import { Pagination as Pagination$1 } from "@ark-ui/solid/pagination";
 //#region src/components/pagination/index.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<span data-scope=pagination data-part=status> / <!>`);
 function PaginationRoot(props) {
-	const [own, rest] = splitProps(props, ["size"]);
-	const id = useElementId("pagination", () => rest.id);
+	injectComponentStyle("pagination");
+	const [own, rest] = splitProps(props, [
+		"id",
+		"size",
+		"variant"
+	]);
+	const id = useElementId("pagination", () => props.id);
 	return createComponent(Pagination$1.Root, mergeProps(rest, {
 		get id() {
 			return id();
 		},
 		get "data-size"() {
 			return own.size ?? "md";
+		},
+		get "data-variant"() {
+			return memo(() => {
+				return own.variant === "simple";
+			})() ? own.variant : void 0;
 		}
 	}));
 }
-const Pagination = defineFamily(PaginationRoot, {
+/** The complete pagination bar behind one page: count and page size become
+* the visible ladder, with edge semantics left to anatomy. */
+function PaginationFacade(props) {
+	const variant = props.variant ?? "default";
+	return createComponent(PaginationRoot, {
+		get "class"() {
+			return props.class;
+		},
+		get size() {
+			return props.size ?? "md";
+		},
+		variant,
+		get "aria-label"() {
+			return props.label;
+		},
+		get count() {
+			return props.count ?? 0;
+		},
+		get defaultPage() {
+			return props.defaultValue;
+		},
+		get page() {
+			return props.value;
+		},
+		get pageSize() {
+			return props.pageSize;
+		},
+		get defaultPageSize() {
+			return props.defaultPageSize;
+		},
+		get siblingCount() {
+			return props.siblingCount ?? 1;
+		},
+		onPageChange: (details) => props.onValueChange?.(details.page),
+		get children() {
+			return [
+				createComponent(Pagination$1.PrevTrigger, {
+					"aria-label": "Previous page",
+					get children() {
+						return iconNode("chevron-left", {
+							width: "14",
+							height: "14"
+						});
+					}
+				}),
+				memo(() => {
+					return variant === "simple" ? createComponent(Pagination$1.Context, { children: (pagination) => (() => {
+						var _el$ = _tmpl$();
+						var _el$2 = _el$.firstChild;
+						var _el$3 = _el$2.nextSibling;
+						insert(_el$, () => {
+							return pagination().page;
+						}, _el$2);
+						insert(_el$, () => {
+							return pagination().totalPages;
+						}, _el$3);
+						return _el$;
+					})() }) : createComponent(Pagination$1.Context, { children: (pagination) => createComponent(For, {
+						get each() {
+							return pagination().pages;
+						},
+						children: (page, index) => page.type === "ellipsis" ? createComponent(Pagination$1.Ellipsis, { get index() {
+							return index();
+						} }) : createComponent(Pagination$1.Item, {
+							type: "page",
+							get value() {
+								return page.value;
+							},
+							get children() {
+								return page.value;
+							}
+						})
+					}) });
+				}),
+				createComponent(Pagination$1.NextTrigger, {
+					"aria-label": "Next page",
+					get children() {
+						return iconNode("chevron-right", {
+							width: "14",
+							height: "14"
+						});
+					}
+				})
+			];
+		}
+	});
+}
+const Pagination = defineFamily(PaginationFacade, {
 	...Pagination$1,
 	Root: PaginationRoot
 });

package/dist/components/password-input/index.d.mts

@@ -9,7 +9,24 @@ type PasswordInputOwnProps = {
   size?: "sm" | "md" | "lg";
 };
 declare function PasswordInputRoot(props: PasswordInputRootProps & PasswordInputOwnProps): import("solid-js").JSX.Element;
-export declare const PasswordInput: typeof PasswordInputRoot & Omit<typeof PasswordInput$1, "Root"> & {
+export interface PasswordInputFacadeProps {
+  value?: string;
+  defaultValue?: string;
+  label?: string;
+  placeholder?: string;
+  autoComplete?: "current-password" | "new-password";
+  disabled?: boolean;
+  invalid?: boolean;
+  required?: boolean;
+  /** One rung of the control-height ladder for the field and its eye. */
+  size?: "sm" | "md" | "lg";
+  onValueChange?: (value: string) => void;
+}
+/** The one-tag path: the masked field and reveal control. Visibility
+ * state, password-manager rules, and validation stay on the anatomy. */
+declare function PasswordInputFacade(props: PasswordInputFacadeProps): import("solid-js").JSX.Element;
+type PasswordInputParts = Omit<typeof PasswordInput$1, "Root"> & {
   Root: typeof PasswordInputRoot;
 };
+export declare const PasswordInput: typeof PasswordInputFacade & PasswordInputParts;
 //#endregion

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

@@ -1,8 +1,9 @@
 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 { injectComponentStyle } from "@bysages/core/styling";
-import { splitProps } from "solid-js";
+import { Show, splitProps } from "solid-js";
 import { PasswordInput as PasswordInput$1 } from "@ark-ui/solid/password-input";
 //#region src/components/password-input/index.tsx
 function PasswordInputRoot(props) {
@@ -17,7 +18,60 @@ function PasswordInputRoot(props) {
 		}
 	}));
 }
-const PasswordInput = defineFamily(PasswordInputRoot, {
+/** The one-tag path: the masked field and reveal control. Visibility
+* state, password-manager rules, and validation stay on the anatomy. */
+function PasswordInputFacade(props) {
+	injectComponentStyle("password-input");
+	return createComponent(PasswordInputRoot, {
+		get size() {
+			return props.size ?? "md";
+		},
+		get autoComplete() {
+			return props.autoComplete;
+		},
+		get disabled() {
+			return props.disabled;
+		},
+		get invalid() {
+			return props.invalid;
+		},
+		get required() {
+			return props.required;
+		},
+		get children() {
+			return [createComponent(Show, {
+				get when() {
+					return props.label;
+				},
+				get children() {
+					return createComponent(PasswordInput$1.Label, { get children() {
+						return props.label;
+					} });
+				}
+			}), createComponent(PasswordInput$1.Control, { get children() {
+				return [createComponent(PasswordInput$1.Input, {
+					get placeholder() {
+						return props.placeholder;
+					},
+					get value() {
+						return props.value ?? props.defaultValue;
+					},
+					onInput: (event) => props.onValueChange?.(event.currentTarget.value)
+				}), createComponent(PasswordInput$1.VisibilityTrigger, { get children() {
+					return createComponent(PasswordInput$1.Indicator, {
+						get fallback() {
+							return iconNode("eye-off");
+						},
+						get children() {
+							return iconNode("eye");
+						}
+					});
+				} })];
+			} })];
+		}
+	});
+}
+const PasswordInput = defineFamily(PasswordInputFacade, {
 	...PasswordInput$1,
 	Root: PasswordInputRoot
 });

package/dist/components/pin-input/index.d.mts

@@ -8,7 +8,24 @@ type PinInputOwnProps = {
   size?: "sm" | "md" | "lg";
 };
 declare function PinInputRoot(props: PinInputRootProps & PinInputOwnProps): import("solid-js").JSX.Element;
-export declare const PinInput: typeof PinInputRoot & Omit<typeof PinInput$1, "Root"> & {
+export interface PinInputFacadeProps {
+  value?: string[];
+  defaultValue?: string[];
+  label?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  invalid?: boolean;
+  required?: boolean;
+  length?: number;
+  /** One rung of the control-height ladder each seal stands on. */
+  size?: "sm" | "md" | "lg";
+  onValueChange?: (value: string[]) => void;
+}
+/** The one-tag path for an even run of seals; OTP, masks, and custom
+ * validation stay on the anatomy. */
+declare function PinInputFacade(props: PinInputFacadeProps): import("solid-js").JSX.Element;
+type PinInputParts = Omit<typeof PinInput$1, "Root"> & {
   Root: typeof PinInputRoot;
 };
+export declare const PinInput: typeof PinInputFacade & PinInputParts;
 //#endregion

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

@@ -2,7 +2,7 @@ import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
 import { createComponent, mergeProps } from "@solidjs/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { splitProps } from "solid-js";
+import { For, Show, splitProps } from "solid-js";
 import { PinInput as PinInput$1 } from "@ark-ui/solid/pin-input";
 //#region src/components/pin-input/index.tsx
 function PinInputRoot(props) {
@@ -17,7 +17,59 @@ function PinInputRoot(props) {
 		}
 	}));
 }
-const PinInput = defineFamily(PinInputRoot, {
+/** The one-tag path for an even run of seals; OTP, masks, and custom
+* validation stay on the anatomy. */
+function PinInputFacade(props) {
+	injectComponentStyle("pin-input");
+	return createComponent(PinInputRoot, mergeProps({
+		get size() {
+			return props.size ?? "md";
+		},
+		get disabled() {
+			return props.disabled;
+		},
+		get invalid() {
+			return props.invalid;
+		},
+		get required() {
+			return props.required;
+		},
+		get placeholder() {
+			return props.placeholder ?? "·";
+		},
+		get defaultValue() {
+			return props.defaultValue;
+		}
+	}, () => {
+		return props.value === void 0 ? {} : { value: props.value };
+	}, {
+		onValueChange: (details) => props.onValueChange?.(details.value),
+		get children() {
+			return [
+				createComponent(Show, {
+					get when() {
+						return props.label;
+					},
+					get children() {
+						return createComponent(PinInput$1.Label, { get children() {
+							return props.label;
+						} });
+					}
+				}),
+				createComponent(PinInput$1.Control, { get children() {
+					return createComponent(For, {
+						get each() {
+							return Array.from({ length: props.length ?? 4 }, (_, index) => index);
+						},
+						children: (index) => createComponent(PinInput$1.Input, { index })
+					});
+				} }),
+				createComponent(PinInput$1.HiddenInput, {})
+			];
+		}
+	}));
+}
+const PinInput = defineFamily(PinInputFacade, {
 	...PinInput$1,
 	Root: PinInputRoot
 });

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

@@ -7,9 +7,27 @@ import { Progress as Progress$1, ProgressRootProps } from "@ark-ui/solid/progres
 type ProgressOwnProps = {
   /** One rung of the groove ladder — the track's thickness. */
   size?: "sm" | "md" | "lg";
+  /** Linear is the groove; circle and dashboard are compact dials. */
+  variant?: "linear" | "circle" | "dashboard";
+  /** The accessible name shown beside the dashboard dial. */
+  label?: string;
 };
 declare function ProgressRoot(props: ProgressRootProps & ProgressOwnProps): import("solid-js").JSX.Element;
-export declare const Progress: typeof ProgressRoot & Omit<typeof Progress$1, "Root"> & {
+export interface ProgressFacadeProps {
+  value?: number;
+  defaultValue?: number;
+  min?: number;
+  max?: number;
+  label?: string;
+  variant?: "linear" | "circle" | "dashboard";
+  /** One rung of the groove ladder — the track's thickness. */
+  size?: "sm" | "md" | "lg";
+  onValueChange?: (value: number | null) => void;
+}
+/** The complete progress behind one value: a labelled linear groove by
+ * default, with circular and dashboard dials for compact status. */
+declare function ProgressFacade(props: ProgressFacadeProps): import("solid-js").JSX.Element;
+export declare const Progress: typeof ProgressFacade & Omit<typeof Progress$1, "Root"> & {
   Root: typeof ProgressRoot;
 };
 //#endregion