@bysages/react 0.4.3 → 0.4.4

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

@@ -9,7 +9,7 @@ import { Avatar as Avatar$1 } from "@ark-ui/react/avatar";
 export type AvatarSize = "sm" | "md" | "lg";
 export interface AvatarProps extends ComponentProps<typeof Avatar$1.Root> {
   /** Seal diameter: the small, medium, or large control rung. The
-   * default (large) stands as tall as the biggest control so an avatar
+   * default (medium) stands as tall as the biggest control so an avatar
    * rides a row without stretching it. */
   size?: AvatarSize;
   /** The corner: round by default; square cuts it sharp, a stamp
@@ -17,7 +17,17 @@ export interface AvatarProps extends ComponentProps<typeof Avatar$1.Root> {
   shape?: "circle" | "square";
 }
 declare function AvatarRoot(props: AvatarProps): import("react").JSX.Element;
-export declare const Avatar: typeof AvatarRoot & typeof Avatar$1 & {
+export interface AvatarFacadeProps extends AvatarProps {
+  /** The person's name; its first two initials wait beneath an image. */
+  name?: string;
+  /** The portrait to load over the name's initials. */
+  src?: string;
+}
+declare function AvatarFacade({ name, src, size, shape, children, ...rest }: AvatarFacadeProps): import("react").JSX.Element;
+declare namespace AvatarFacade {
+  var displayName: string;
+}
+export declare const Avatar: typeof AvatarFacade & typeof Avatar$1 & {
   Root: typeof AvatarRoot;
 };
 //#endregion

package/dist/components/avatar/index.mjs

@@ -1,11 +1,14 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Avatar as Avatar$1 } from "@ark-ui/react/avatar";
 //#region src/components/avatar/index.tsx
+function initials(name) {
+	return name?.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((part) => part[0]?.toUpperCase() ?? "").join("") ?? "";
+}
 function AvatarRoot(props) {
 	const id = useElementId("avatar", props);
-	const { size, shape = "circle", ...rest } = props;
+	const { size = "md", shape = "circle", ...rest } = props;
 	return /* @__PURE__ */ jsx(Avatar$1.Root, {
 		...rest,
 		id,
@@ -13,7 +16,19 @@ function AvatarRoot(props) {
 		"data-shape": shape
 	});
 }
-const Avatar = Object.assign(AvatarRoot, {
+function AvatarFacade({ name, src, size = "md", shape, children, ...rest }) {
+	return /* @__PURE__ */ jsx(AvatarRoot, {
+		size,
+		shape,
+		...rest,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [src ? /* @__PURE__ */ jsx(Avatar$1.Image, {
+			src,
+			alt: name
+		}) : null, name ? /* @__PURE__ */ jsx(Avatar$1.Fallback, { children: initials(name) }) : null] })
+	});
+}
+AvatarFacade.displayName = "SAvatar";
+const Avatar = Object.assign(AvatarFacade, {
 	...Avatar$1,
 	Root: AvatarRoot
 });

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

@@ -1,10 +1,24 @@
-import { ButtonHTMLAttributes, HTMLAttributes } from "react";
+import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from "react";
 //#region src/components/banner/index.d.ts
 export type BannerStatus = "ink" | "info" | "success" | "warning" | "danger";
 export interface BannerRootProps extends HTMLAttributes<HTMLElement> {
   status?: BannerStatus;
 }
-export declare const Banner: (({ status, children, ...rest }: BannerRootProps) => import("react").JSX.Element) & {
+export interface BannerFacadeProps extends Omit<BannerRootProps, "title"> {
+  /** The glance line, set in the serif. */
+  title?: string;
+  /** The supporting line beneath the title. */
+  message?: string;
+  /** Adds the close control and lets the facade own dismissal. */
+  dismissible?: boolean;
+  /** The reader's answers, laid beside the notice's prose. */
+  actions?: ReactNode;
+}
+declare function BannerFacade({ status, title, message, dismissible, actions, children, ...rest }: BannerFacadeProps): import("react").JSX.Element | null;
+declare namespace BannerFacade {
+  var displayName: string;
+}
+export declare const Banner: typeof BannerFacade & {
   Root: ({ status, children, ...rest }: BannerRootProps) => import("react").JSX.Element;
   Icon: {
     ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;

package/dist/components/banner/index.mjs

@@ -1,7 +1,8 @@
 import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 //#region src/components/banner/index.tsx
 /** A page-level notice, spoken across the full measure: a wash of the
 * status pigment, one heavier hairline on the leading edge, and room
@@ -44,7 +45,22 @@ const Close = (rest) => {
 		children: iconNode("x")
 	});
 };
-const Banner = Object.assign(Root, {
+function BannerFacade({ status = "ink", title, message, dismissible = false, actions, children, ...rest }) {
+	const [open, setOpen] = useState(true);
+	if (!open) return null;
+	return /* @__PURE__ */ jsxs(Root, {
+		status,
+		...rest,
+		children: [/* @__PURE__ */ jsxs(Body, { children: [
+			title ? /* @__PURE__ */ jsx(Title, { children: title }) : null,
+			message ? /* @__PURE__ */ jsx(Description, { children: message }) : null,
+			children,
+			actions ? /* @__PURE__ */ jsx(Actions, { children: actions }) : null
+		] }), dismissible ? /* @__PURE__ */ jsx(Close, { onClick: () => setOpen(false) }) : null]
+	});
+}
+BannerFacade.displayName = "SBanner";
+const Banner = Object.assign(BannerFacade, {
 	Root,
 	Icon,
 	Body,

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

@@ -1,7 +1,21 @@
 import { AnchorHTMLAttributes, HTMLAttributes } from "react";
 //#region src/components/breadcrumb/index.d.ts
 declare function Root({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
-export declare const Breadcrumb: typeof Root & {
+export type BreadcrumbItem = string | {
+  label: string;
+  href?: string;
+};
+export interface BreadcrumbFacadeProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+  /** The trail, ordered from its origin to the current page. */
+  items: BreadcrumbItem[];
+  /** Replaces the shared accessible name for the trail. */
+  label?: string;
+}
+declare function BreadcrumbFacade({ items, label, className, ...rest }: BreadcrumbFacadeProps): import("react").JSX.Element;
+declare namespace BreadcrumbFacade {
+  var displayName: string;
+}
+export declare const Breadcrumb: typeof BreadcrumbFacade & {
   Root: typeof Root;
   List: {
     ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;

package/dist/components/breadcrumb/index.mjs

@@ -1,6 +1,7 @@
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1 } from "react";
 //#region src/components/breadcrumb/index.tsx
 /** A trail of waymarks: Root wraps the nav, List the ordered trail, and
 * each Item carries a Link — or the Current page — parted by a quiet
@@ -32,7 +33,24 @@ const Item = part("Item", "li");
 const Link = part("Link", "a");
 const Current = part("Current", "span", { "aria-current": "page" });
 const Separator = part("Separator", "span", { "aria-hidden": "true" }, "/");
-const Breadcrumb = Object.assign(Root, {
+function BreadcrumbFacade({ items, label, className, ...rest }) {
+	const last = items.length - 1;
+	return /* @__PURE__ */ jsx(Root, {
+		className,
+		...rest,
+		"aria-label": rest["aria-label"] ?? label,
+		children: /* @__PURE__ */ jsx(List, { children: items.map((item, index) => {
+			const text = typeof item === "string" ? item : item.label;
+			const href = typeof item === "string" ? void 0 : item.href;
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Item, { children: index === last ? /* @__PURE__ */ jsx(Current, { children: text }) : /* @__PURE__ */ jsx(Link, {
+				href,
+				children: text
+			}) }), index < last ? /* @__PURE__ */ jsx(Separator, {}) : null] }, `${text}-${index}`);
+		}) })
+	});
+}
+BreadcrumbFacade.displayName = "SBreadcrumb";
+const Breadcrumb = Object.assign(BreadcrumbFacade, {
 	Root,
 	List,
 	Item,

package/dist/components/color-picker/index.d.mts

@@ -21,6 +21,8 @@ type ColorPickerFacadeProps = {
   invalid?: boolean;
   required?: boolean;
   label?: string;
+  /** Saved colors rendered as a flat swatch row. */
+  swatches?: string[];
   size?: "sm" | "md" | "lg";
   className?: string;
   style?: CSSProperties;

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

@@ -4,6 +4,10 @@ import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ColorPicker as ColorPicker$1, parseColor } from "@ark-ui/react/color-picker";
 //#region src/components/color-picker/index.tsx
+const checkIcon = iconNode("check", {
+	width: 12,
+	height: 12
+});
 function ColorPickerRoot(props) {
 	injectComponentStyle("color-picker");
 	const id = useElementId("color-picker", props);
@@ -18,7 +22,7 @@ function ColorPickerRoot(props) {
 * swatch trigger, while the popup carries the area and hue/alpha tracks.
 * Saved swatches and format switches remain anatomy work. */
 function ColorPickerFacade(props) {
-	const { value, defaultValue, disabled, invalid, required, label, size = "md", className, style, onValueChange } = props;
+	const { value, defaultValue, disabled, invalid, required, label, swatches = [], size = "md", className, style, onValueChange } = props;
 	const toColor = (color) => typeof color === "string" ? parseColor(color) : color;
 	return /* @__PURE__ */ jsxs(ColorPickerRoot, {
 		size,
@@ -33,28 +37,38 @@ function ColorPickerFacade(props) {
 		children: [
 			label ? /* @__PURE__ */ jsx(ColorPicker$1.Label, { children: label }) : null,
 			/* @__PURE__ */ jsxs(ColorPicker$1.Control, { children: [/* @__PURE__ */ jsx(ColorPicker$1.ChannelInput, { channel: "hex" }), /* @__PURE__ */ jsxs(ColorPicker$1.Trigger, { children: [/* @__PURE__ */ jsx(ColorPicker$1.TransparencyGrid, {}), /* @__PURE__ */ jsx(ColorPicker$1.ValueSwatch, {})] })] }),
-			/* @__PURE__ */ jsx(ColorPicker$1.Positioner, { children: /* @__PURE__ */ jsxs(ColorPicker$1.Content, { children: [/* @__PURE__ */ jsxs(ColorPicker$1.Area, { children: [/* @__PURE__ */ jsx(ColorPicker$1.AreaBackground, {}), /* @__PURE__ */ jsx(ColorPicker$1.AreaThumb, {})] }), /* @__PURE__ */ jsxs("div", {
-				"data-scope": "color-picker",
-				"data-part": "channel-controls",
-				children: [/* @__PURE__ */ jsx(ColorPicker$1.EyeDropperTrigger, { children: iconNode("pipette", {
-					width: 14,
-					height: 14
-				}) }), /* @__PURE__ */ jsxs("div", {
+			/* @__PURE__ */ jsx(ColorPicker$1.Positioner, { children: /* @__PURE__ */ jsxs(ColorPicker$1.Content, { children: [
+				/* @__PURE__ */ jsxs(ColorPicker$1.Area, { children: [/* @__PURE__ */ jsx(ColorPicker$1.AreaBackground, {}), /* @__PURE__ */ jsx(ColorPicker$1.AreaThumb, {})] }),
+				/* @__PURE__ */ jsxs("div", {
 					"data-scope": "color-picker",
-					"data-part": "channel-sliders",
-					children: [/* @__PURE__ */ jsxs(ColorPicker$1.ChannelSlider, {
-						channel: "hue",
-						children: [/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderTrack, {}), /* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderThumb, {})]
-					}), /* @__PURE__ */ jsxs(ColorPicker$1.ChannelSlider, {
-						channel: "alpha",
-						children: [
-							/* @__PURE__ */ jsx(ColorPicker$1.TransparencyGrid, {}),
-							/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderTrack, {}),
-							/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderThumb, {})
-						]
+					"data-part": "channel-controls",
+					children: [/* @__PURE__ */ jsx(ColorPicker$1.EyeDropperTrigger, { children: iconNode("pipette", {
+						width: 14,
+						height: 14
+					}) }), /* @__PURE__ */ jsxs("div", {
+						"data-scope": "color-picker",
+						"data-part": "channel-sliders",
+						children: [/* @__PURE__ */ jsxs(ColorPicker$1.ChannelSlider, {
+							channel: "hue",
+							children: [/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderTrack, {}), /* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderThumb, {})]
+						}), /* @__PURE__ */ jsxs(ColorPicker$1.ChannelSlider, {
+							channel: "alpha",
+							children: [
+								/* @__PURE__ */ jsx(ColorPicker$1.TransparencyGrid, {}),
+								/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderTrack, {}),
+								/* @__PURE__ */ jsx(ColorPicker$1.ChannelSliderThumb, {})
+							]
+						})]
 					})]
-				})]
-			})] }) }),
+				}),
+				swatches.length > 0 ? /* @__PURE__ */ jsx(ColorPicker$1.SwatchGroup, { children: swatches.map((color) => /* @__PURE__ */ jsx(ColorPicker$1.SwatchTrigger, {
+					value: color,
+					children: /* @__PURE__ */ jsx(ColorPicker$1.Swatch, {
+						value: color,
+						children: /* @__PURE__ */ jsx(ColorPicker$1.SwatchIndicator, { children: checkIcon })
+					})
+				}, color)) }) : null
+			] }) }),
 			/* @__PURE__ */ jsx(ColorPicker$1.HiddenInput, {})
 		]
 	});

package/dist/components/file-upload/index.mjs

@@ -35,10 +35,6 @@ const fileIcon = iconNode("file", {
 	width: 16,
 	height: 16
 });
-const uploadIcon = iconNode("upload", {
-	width: 28,
-	height: 28
-});
 const closeIcon = iconNode("x", {
 	width: 14,
 	height: 14
@@ -54,7 +50,7 @@ function FileUploadFacade({ label, placeholder, disabled = false, invalid = fals
 		maxFiles,
 		children: [
 			label ? /* @__PURE__ */ jsx(FileUpload$1.Label, { children: label }) : null,
-			/* @__PURE__ */ jsx(FileUpload$1.Dropzone, { children: /* @__PURE__ */ jsxs(FileUploadTrigger, { children: [uploadIcon, placeholder ?? "Choose files"] }) }),
+			/* @__PURE__ */ jsx(FileUpload$1.Dropzone, { children: /* @__PURE__ */ jsx(FileUploadTrigger, { children: placeholder ?? "Choose files" }) }),
 			/* @__PURE__ */ jsx(FileUpload$1.ItemGroup, { children: /* @__PURE__ */ jsx(FileUpload$1.Context, { children: (api) => api.acceptedFiles.map((file) => /* @__PURE__ */ jsxs(FileUpload$1.Item, {
 				file,
 				children: [

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

@@ -51,7 +51,28 @@ interface FloatButtonItemProps {
   children?: ReactNode;
 }
 declare function Item({ label, disabled, onClick, children }: FloatButtonItemProps): import("react").JSX.Element;
-export declare const FloatButton: typeof Root & {
+export interface FloatButtonAction {
+  /** The action's accessible name and its surfaced annotation. */
+  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 FloatButtonRootProps {
+  /** The trigger's accessible name. */
+  label?: string;
+  /** The fanned actions behind the trigger. */
+  actions?: FloatButtonAction[];
+  /** Starts the speed dial open before the reader touches it. */
+  defaultOpen?: boolean;
+}
+declare function FloatButtonFacade({ label, actions, placement, size, defaultOpen, children, open: openProp, onOpenChange, ...rest }: FloatButtonFacadeProps): import("react").JSX.Element;
+declare namespace FloatButtonFacade {
+  var displayName: string;
+}
+export declare const FloatButton: typeof FloatButtonFacade & {
   Root: typeof Root;
   Trigger: typeof Trigger;
   Item: typeof Item;

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

@@ -1,7 +1,8 @@
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Button } from "../button/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useState } from "react";
 //#region src/components/float-button/index.tsx
 /** Context for {@link FloatButtonContextValue}, exported so a custom
@@ -82,7 +83,32 @@ function Item({ label, disabled = false, onClick, children }) {
 		})]
 	});
 }
-const FloatButton = Object.assign(Root, {
+function FloatButtonFacade({ label, actions = [], placement, size, defaultOpen = false, children, open: openProp, onOpenChange, ...rest }) {
+	const [innerOpen, setInnerOpen] = useState(defaultOpen);
+	const open = openProp ?? innerOpen;
+	const setOpen = (value) => {
+		setInnerOpen(value);
+		onOpenChange?.(value);
+	};
+	return /* @__PURE__ */ jsx(Root, {
+		open,
+		onOpenChange: setOpen,
+		placement,
+		size,
+		...rest,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Trigger, {
+			label,
+			children: iconNode("plus")
+		}), actions.map((action) => /* @__PURE__ */ jsx(Item, {
+			label: action.label,
+			disabled: action.disabled,
+			onClick: action.onClick,
+			children: iconNode(action.icon ?? "pencil")
+		}, action.label))] })
+	});
+}
+FloatButtonFacade.displayName = "SFloatButton";
+const FloatButton = Object.assign(FloatButtonFacade, {
 	Root,
 	Trigger,
 	Item

package/dist/components/floating-panel/index.mjs

@@ -42,6 +42,11 @@ function FloatingPanelFacade({ open, defaultOpen, trigger, content, label, descr
 					stage: "maximized",
 					children: iconNode("maximize-2")
 				}),
+				/* @__PURE__ */ jsx(FloatingPanel$1.StageTrigger, {
+					stage: "default",
+					"aria-label": "Restore",
+					children: iconNode("minimize-2")
+				}),
 				/* @__PURE__ */ jsx(FloatingPanel$1.CloseTrigger, {
 					"aria-label": "Close",
 					children: iconNode("x")

package/dist/components/toast/index.mjs

@@ -1,7 +1,8 @@
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Toast as Toast$1, Toaster as Toaster$1, createToaster } from "@ark-ui/react/toast";
 //#region src/components/toast/index.tsx
@@ -22,9 +23,21 @@ const Toast = {
 	Root: ToastRoot
 };
 const ToasterRoot = forwardRef(function ToasterRoot(props, ref) {
+	const { children, ...rest } = props;
 	return /* @__PURE__ */ jsx(Toaster$1, {
 		ref,
-		...props
+		...rest,
+		children: children ?? ((toast) => /* @__PURE__ */ jsxs(Toast$1.Root, { children: [
+			/* @__PURE__ */ jsx(Toast$1.Title, { children: toast.title }),
+			toast.description ? /* @__PURE__ */ jsx(Toast$1.Description, { children: toast.description }) : null,
+			/* @__PURE__ */ jsx(Toast$1.CloseTrigger, {
+				"aria-label": "Close",
+				children: iconNode("x", {
+					width: 14,
+					height: 14
+				})
+			})
+		] }, toast.id))
 	});
 });
 const Toaster = withSelfRoot(ToasterRoot);

package/dist/generative/index.mjs

@@ -3,10 +3,13 @@ import { Button } from "../components/button/index.mjs";
 import { Alert } from "../components/alert/index.mjs";
 import { Avatar } from "../components/avatar/index.mjs";
 import { Badge } from "../components/badge/index.mjs";
+import { Banner } from "../components/banner/index.mjs";
 import { Spinner } from "../components/spinner/index.mjs";
+import { Breadcrumb } from "../components/breadcrumb/index.mjs";
 import { Card } from "../components/card/index.mjs";
 import { t as Input } from "../input-BDpQ0e6G.mjs";
 import { Checkbox } from "../components/checkbox/index.mjs";
+import { FloatButton } from "../components/float-button/index.mjs";
 import { Progress } from "../components/progress/index.mjs";
 import { RadioGroup } from "../components/radio-group/index.mjs";
 import { t as Select } from "../select-D_soVdWK.mjs";
@@ -17,9 +20,8 @@ import { Stat } from "../components/stat/index.mjs";
 import { Switch } from "../components/switch/index.mjs";
 import { Textarea } from "../components/textarea/index.mjs";
 import { Typography } from "../components/typography/index.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { createElement } from "react";
-import { createListCollection } from "@ark-ui/react/collection";
 import { z } from "zod";
 import { defineRegistry, useBoundProp } from "@json-render/react";
 import { defineCatalog } from "@json-render/core";
@@ -52,9 +54,6 @@ const headingClass = {
 	"5": "text-lg",
 	"6": "text-base"
 };
-function initials(name) {
-	return name.split(/\s+/).filter(Boolean).slice(0, 2).map((part) => part[0]?.toUpperCase() ?? "").join("");
-}
 function slug(value) {
 	return value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "") || value;
 }
@@ -88,6 +87,25 @@ const faces$1 = defineFace({
 		}),
 		description: "A person's seal: image when given, initials as the fallback."
 	},
+	Banner: {
+		props: z.object({
+			status: z.enum([
+				"ink",
+				"info",
+				"success",
+				"warning",
+				"danger"
+			]).optional(),
+			title: z.string().optional(),
+			message: z.string().optional(),
+			dismissible: z.boolean().optional()
+		}),
+		description: "A full-width notice that speaks once across the page."
+	},
+	Breadcrumb: {
+		props: z.object({ items: z.array(z.string()).optional() }),
+		description: "A trail of waymarks from home to the current page."
+	},
 	Badge: {
 		props: z.object({
 			text: z.string(),
@@ -152,6 +170,29 @@ const faces$1 = defineFace({
 		}),
 		description: "One independent box with its label."
 	},
+	FloatButton: {
+		props: z.object({
+			label: z.string().optional(),
+			actions: z.array(z.object({
+				label: z.string(),
+				icon: z.string().optional(),
+				disabled: z.boolean().optional()
+			})).optional(),
+			placement: z.enum([
+				"bottom-end",
+				"bottom-start",
+				"top-end",
+				"top-start"
+			]).optional(),
+			size: z.enum([
+				"sm",
+				"md",
+				"lg"
+			]).optional(),
+			defaultOpen: z.boolean().optional()
+		}),
+		description: "A floating action and its fanned alternatives; actions use curated icon names."
+	},
 	Heading: {
 		props: z.object({
 			text: z.string(),
@@ -328,44 +369,31 @@ const textVoices = {
 function useBound(value, path) {
 	return useBoundProp(value, path);
 }
-const collectionCache = /* @__PURE__ */ new Map();
-function collectionFor(options) {
-	const key = JSON.stringify(options);
-	let collection = collectionCache.get(key);
-	if (!collection) {
-		collection = createListCollection({ items: options });
-		collectionCache.set(key, collection);
-	}
-	return collection;
-}
 /** A labelled field: the label whispers above, the control answers. */
 function labelled(label, control) {
 	return label ? createElement(Stack, { gap: "xs" }, createElement(Typography.Label, null, label), control) : control;
 }
 //#endregion
 //#region src/components/alert/generative.ts
-var generative_exports$17 = /* @__PURE__ */ __exportAll({ default: () => generative_default$17 });
+var generative_exports$20 = /* @__PURE__ */ __exportAll({ default: () => generative_default$20 });
 /** A bordered notice; status picks the pigment. */
-var generative_default$17 = defineEntry({ Alert: {
+var generative_default$20 = defineEntry({ Alert: {
 	...faces$1.Alert,
 	component: ({ props }) => createElement(Alert.Root, { status: props.status ?? "ink" }, createElement(Alert.Icon), createElement(Alert.Body, null, createElement(Alert.Title, null, props.title), props.message != null ? createElement(Alert.Description, null, props.message) : null))
 } });
 //#endregion
 //#region src/components/avatar/generative.ts
-var generative_exports$16 = /* @__PURE__ */ __exportAll({ default: () => generative_default$16 });
+var generative_exports$19 = /* @__PURE__ */ __exportAll({ default: () => generative_default$19 });
 /** A person's seal: image when given, initials as the fallback. */
-var generative_default$16 = defineEntry({ Avatar: {
+var generative_default$19 = defineEntry({ Avatar: {
 	...faces$1.Avatar,
-	component: ({ props }) => createElement(Avatar.Root, { size: props.size }, [props.src != null ? createElement(Avatar.Image, {
-		src: props.src,
-		alt: props.name
-	}) : null, createElement(Avatar.Fallback, null, initials(props.name))])
+	component: ({ props }) => createElement(Avatar, { ...props })
 } });
 //#endregion
 //#region src/components/badge/generative.ts
-var generative_exports$15 = /* @__PURE__ */ __exportAll({ default: () => generative_default$15 });
+var generative_exports$18 = /* @__PURE__ */ __exportAll({ default: () => generative_default$18 });
 /** A small status seal beside content; reads at a glance. */
-var generative_default$15 = defineEntry({ Badge: {
+var generative_default$18 = defineEntry({ Badge: {
 	...faces$1.Badge,
 	component: ({ props }) => createElement(Badge, {
 		tone: props.tone,
@@ -373,10 +401,40 @@ var generative_default$15 = defineEntry({ Badge: {
 	}, props.text)
 } });
 //#endregion
+//#region src/components/banner/generative.ts
+var generative_exports$17 = /* @__PURE__ */ __exportAll({ default: () => generative_default$17 });
+/** A full-width notice that speaks once across the page. */
+var generative_default$17 = defineEntry({ Banner: {
+	...faces$1.Banner,
+	component: ({ props }) => createElement(Banner, {
+		...props,
+		dismissible: true
+	})
+} });
+//#endregion
+//#region src/components/breadcrumb/generative.ts
+var generative_exports$16 = /* @__PURE__ */ __exportAll({ default: () => generative_default$16 });
+/** A trail of waymarks from home to the current page. */
+var generative_default$16 = defineEntry({ Breadcrumb: {
+	...faces$1.Breadcrumb,
+	component: ({ props }) => {
+		const labels = props.items ?? [
+			"Home",
+			"Guides",
+			"Ink"
+		];
+		const items = labels.map((label, index) => index === labels.length - 1 ? { label } : {
+			label,
+			href: `#${slug(label)}`
+		});
+		return createElement(Breadcrumb, { items });
+	}
+} });
+//#endregion
 //#region src/components/button/generative.ts
-var generative_exports$14 = /* @__PURE__ */ __exportAll({ default: () => generative_default$14 });
+var generative_exports$15 = /* @__PURE__ */ __exportAll({ default: () => generative_default$15 });
 /** The primary action register: solid ink for the one main action, outline, ghost, or subtle for the rest. */
-var generative_default$14 = defineEntry({ Button: {
+var generative_default$15 = defineEntry({ Button: {
 	...faces$1.Button,
 	component: ({ props, emit }) => createElement(Button, {
 		variant: props.variant ?? "solid",
@@ -388,9 +446,9 @@ var generative_default$14 = defineEntry({ Button: {
 } });
 //#endregion
 //#region src/components/card/generative.ts
-var generative_exports$13 = /* @__PURE__ */ __exportAll({ default: () => generative_default$13 });
+var generative_exports$14 = /* @__PURE__ */ __exportAll({ default: () => generative_default$14 });
 /** Grouping vessel. Give title and description instead of hand-building a header; children render in the body; footer holds actions. */
-var generative_default$13 = defineEntry({ Card: {
+var generative_default$14 = defineEntry({ Card: {
 	...faces$1.Card,
 	component: ({ props, children, slots }) => {
 		const header = slots?.header ?? null;
@@ -400,9 +458,9 @@ var generative_default$13 = defineEntry({ Card: {
 } });
 //#endregion
 //#region src/components/checkbox/generative.ts
-var generative_exports$12 = /* @__PURE__ */ __exportAll({ default: () => generative_default$12 });
+var generative_exports$13 = /* @__PURE__ */ __exportAll({ default: () => generative_default$13 });
 /** One independent box with its label. */
-var generative_default$12 = defineEntry({ Checkbox: {
+var generative_default$13 = defineEntry({ Checkbox: {
 	...faces$1.Checkbox,
 	component: ({ props }) => {
 		const mark = iconNode("check");
@@ -417,6 +475,24 @@ var generative_default$12 = defineEntry({ Checkbox: {
 	}
 } });
 //#endregion
+//#region src/components/float-button/generative.ts
+var generative_exports$12 = /* @__PURE__ */ __exportAll({ default: () => generative_default$12 });
+/** A floating action cluster; named actions fan out from one corner. */
+var generative_default$12 = defineEntry({ FloatButton: {
+	...faces$1.FloatButton,
+	component: ({ props }) => {
+		const actions = Array.isArray(props.actions) ? props.actions : [{ label: "Edit" }];
+		return createElement(FloatButton, {
+			...props,
+			actions: actions.map((action) => ({
+				...action,
+				icon: action.icon ?? "pencil"
+			})),
+			defaultOpen: true
+		});
+	}
+} });
+//#endregion
 //#region src/components/input/generative.ts
 var generative_exports$11 = /* @__PURE__ */ __exportAll({ default: () => generative_default$11 });
 /** A single-line field; rely on border, surface and the focus halo. */
@@ -470,29 +546,15 @@ var generative_default$8 = defineEntry({ Select: {
 	...faces$1.Select,
 	component: ({ props, bindings }) => {
 		const [value, setValue] = useBound(props.value, bindings?.value);
-		const selectedValue = props.multiple ? Array.isArray(value) ? value : value ? [value] : void 0 : typeof value === "string" ? [value] : void 0;
-		const collection = collectionFor(props.options);
-		return labelled(props.label, /* @__PURE__ */ jsxs(Select.Root, {
-			collection,
-			value: selectedValue,
-			disabled: props.disabled,
+		return /* @__PURE__ */ jsx(Select, {
+			label: props.label,
+			placeholder: props.placeholder,
+			options: props.options,
 			multiple: props.multiple,
-			onValueChange: (details) => setValue(props.multiple ? details.value : details.value[0] ?? ""),
-			children: [
-				/* @__PURE__ */ jsxs(Select.Control, { children: [/* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.ValueText, { placeholder: props.placeholder }) }), /* @__PURE__ */ jsx(Select.Indicator, { children: iconNode("chevrons-up-down", {
-					width: 14,
-					height: 14
-				}) })] }),
-				/* @__PURE__ */ jsx(Select.Positioner, { children: /* @__PURE__ */ jsx(Select.Content, { children: /* @__PURE__ */ jsx(Select.ItemGroup, { children: props.options.map((option) => /* @__PURE__ */ jsxs(Select.Item, {
-					item: option,
-					children: [/* @__PURE__ */ jsx(Select.ItemText, { children: option.label }), /* @__PURE__ */ jsx(Select.ItemIndicator, { children: iconNode("check", {
-						width: 14,
-						height: 14
-					}) })]
-				}, option.value)) }) }) }),
-				/* @__PURE__ */ jsx(Select.HiddenSelect, {})
-			]
-		}));
+			disabled: props.disabled,
+			value: props.multiple ? Array.isArray(value) ? value : value ? [value] : void 0 : Array.isArray(value) ? value.at(0) ?? "" : value,
+			onValueChange: setValue
+		});
 	}
 } });
 //#endregion
@@ -619,12 +681,15 @@ var generative_default = defineEntry({
 * meet: one glob picks the faces up, so a family that lands in the
 * package is in the vocabulary without anyone editing this file. */
 const modules = /* #__PURE__ */ Object.assign({
-	"../components/alert/generative.ts": generative_exports$17,
-	"../components/avatar/generative.ts": generative_exports$16,
-	"../components/badge/generative.ts": generative_exports$15,
-	"../components/button/generative.ts": generative_exports$14,
-	"../components/card/generative.ts": generative_exports$13,
-	"../components/checkbox/generative.ts": generative_exports$12,
+	"../components/alert/generative.ts": generative_exports$20,
+	"../components/avatar/generative.ts": generative_exports$19,
+	"../components/badge/generative.ts": generative_exports$18,
+	"../components/banner/generative.ts": generative_exports$17,
+	"../components/breadcrumb/generative.ts": generative_exports$16,
+	"../components/button/generative.ts": generative_exports$15,
+	"../components/card/generative.ts": generative_exports$14,
+	"../components/checkbox/generative.ts": generative_exports$13,
+	"../components/float-button/generative.ts": generative_exports$12,
 	"../components/input/generative.ts": generative_exports$11,
 	"../components/progress/generative.ts": generative_exports$10,
 	"../components/radio-group/generative.ts": generative_exports$9,

package/dist/index.d.mts

@@ -18,13 +18,13 @@ import { AspectRatio, AspectRatioProps } from "./components/aspect-ratio/index.m
 import { Combobox } from "./components/combobox/index.mjs";
 import { AutoComplete, AutoCompleteProps } from "./components/autocomplete/index.mjs";
 import { AvatarGroup, AvatarGroupProps } from "./components/avatar-group/index.mjs";
-import { Avatar, AvatarProps, AvatarSize } from "./components/avatar/index.mjs";
+import { Avatar, AvatarFacadeProps, AvatarProps, AvatarSize } from "./components/avatar/index.mjs";
 import { BackTop, BackTopProps } from "./components/back-top/index.mjs";
 import { Badge, BadgeProps } from "./components/badge/index.mjs";
-import { Banner, BannerRootProps, BannerStatus } from "./components/banner/index.mjs";
+import { Banner, BannerFacadeProps, BannerRootProps, BannerStatus } from "./components/banner/index.mjs";
 import { Bento, BentoCell, BentoCellProps, BentoProps, BentoRoot } from "./components/bento/index.mjs";
 import { BlockUI, BlockUIProps } from "./components/block-ui/index.mjs";
-import { Breadcrumb } from "./components/breadcrumb/index.mjs";
+import { Breadcrumb, BreadcrumbFacadeProps, BreadcrumbItem } from "./components/breadcrumb/index.mjs";
 import { Browser, BrowserBody, BrowserDots, BrowserPartProps, BrowserRoot, BrowserTitleBar, BrowserUrlBar } from "./components/browser/index.mjs";
 import { ButtonGroup, ButtonGroupProps } from "./components/button-group/index.mjs";
 import { Button, ButtonProps } from "./components/button/index.mjs";
@@ -60,7 +60,7 @@ import { Empty } from "./components/empty/index.mjs";
 import { Field } from "./components/field/index.mjs";
 import { Fieldset } from "./components/fieldset/index.mjs";
 import { FileUpload } from "./components/file-upload/index.mjs";
-import { FLOAT_BUTTON_CONTEXT, FloatButton, FloatButtonContextValue, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize } from "./components/float-button/index.mjs";
+import { FLOAT_BUTTON_CONTEXT, FloatButton, FloatButtonAction, FloatButtonContextValue, FloatButtonFacadeProps, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize } from "./components/float-button/index.mjs";
 import { FloatingPanel, FloatingPanelFacadeProps } from "./components/floating-panel/index.mjs";
 import { FocusTrap, FocusTrapBaseProps, FocusTrapProps } from "./components/focus-trap/index.mjs";
 import { FieldApi, Form, FormApi, FormField, FormFieldProps, FormProps, useField, useForm } from "./components/form/index.mjs";
@@ -141,4 +141,4 @@ import { User, UserProps } from "./components/user/index.mjs";
 import { VirtualList, VirtualListProps } from "./components/virtual-list/index.mjs";
 import { Watermark, WatermarkProps } from "./components/watermark/index.mjs";
 export * from "@bysages/core";
-export { Accordion, AccordionFacadeProps, AccordionItem, Action, Action as AiAction, ActionProps, Affix, AffixProps, Ai, AiActions, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, AiContent, Message as AiMessage, Message, PromptInput as AiPromptInput, PromptInput, Reasoning as AiReasoning, Reasoning, Response as AiResponse, Response, Source as AiSource, Source, Sources as AiSources, Sources, Suggestion as AiSuggestion, Suggestion, Tool as AiTool, Tool, Alert, AlertProps, AlertStatus, AngleSlider, AngleSliderFacadeProps, AspectRatio, AspectRatioProps, AttachmentProps, Audio, AutoComplete, AutoCompleteProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, BackTop, BackTopProps, Badge, BadgeProps, Banner, BannerRootProps, BannerStatus, Bento, BentoCell, BentoCellProps, BentoProps, BentoRoot, BlockUI, BlockUIProps, Breadcrumb, Browser, BrowserBody, BrowserDots, BrowserPartProps, BrowserRoot, BrowserTitleBar, BrowserUrlBar, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarProps, Card, Carousel, CascadeSelect, CascadeSelectNode, CascadeSelectProps, Checkbox, CheckboxFacadeProps, CheckboxGroup, CheckboxGroupProps, CheckboxOption, Chip, ChipProps, ClientOnly, type ClientOnlyProps, Clipboard, Collapsible, CollapsibleFacadeProps, type CollectionItem, type CollectionOptions, ColorPicker, type ColumnDef, Combobox, Command, CommandEntry, CommandProps, Comment, CommentProps, ConfigContext, ConfigDensity, ConfigProvider, ConfigProviderProps, ConfigScene, Container, ContainerProps, type CreateToasterReturn, DataTable, DataTableProps, type DataUIPart, DataView, DataViewProps, DateInput, type DateInputFocusChangeDetails, type DateInputValueChangeDetails, DatePicker, type DatePickerFocusChangeDetails, type DatePickerOpenChangeDetails, type DatePickerValueChangeDetails, type DatePickerViewChangeDetails, type DatePickerVisibleRangeChangeDetails, DeferredContent, DeferredContentProps, Descriptions, DescriptionsItemData, DescriptionsRoot, DescriptionsRootProps, Dialog, DialogFacadeProps, type DialogOpenChangeDetails, Dock, DockItem, DockItemProps, DockProps, DockRoot, DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, Drawer, DrawerFacadeProps, DynamicInput, DynamicInputProps, Editable, Ellipsis, EllipsisProps, Empty, FLOAT_BUTTON_CONTEXT, Field, type FieldApi, Fieldset, type FilePathTreeNode, type FileUIPart, FileUpload, type FlatTreeNode, FlexRender, FloatButton, FloatButtonContextValue, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize, FloatingPanel, FloatingPanelFacadeProps, FocusTrap, type FocusTrapBaseProps, type FocusTrapProps, Form, type FormApi, FormField, FormFieldProps, FormProps, Format, Frame, Grid, type GridCollection, type GridCollectionOptions, GridProps, Highlight, HoverCard, HoverCardFacadeProps, Icon, IconProps, Image, ImageCropper, ImageCropperFacadeProps, ImageProps, ImageViewer, ImageViewerProps, Input, InputGroup, InputGroupPartProps, InputProps, JsonTreeView, Kbd, KbdProps, Layout, LayoutContextValue, LayoutResizeHandlers, LayoutRootProps, LayoutSiderProps, LayoutSiderState, Link, LinkProps, List, type ListCollection, ListContentProps, ListRootProps, Listbox, Marquee, Masonry, MasonryProps, type MediaPlayerProps, type MediaSourceOption, type MediaTextTrackOption, MentionEntry, Mentions, MentionsProps, MentionsVessel, MentionsVesselProps, Menu, MenuFacadeProps, MenuItemOption, Menubar, MenubarEntry, MenubarGroup, MenubarProps, MessageProps, Meter, MeterRootProps, NativeSelect, type NativeSelectOption, type NativeSelectProps, NavigationMenu, NavigationMenuFacadeProps, NavigationMenuLinkOption, NumberInput, OrderList, OrderListProps, OrderOption, PageHeader, Pagination, PasswordInput, PinInput, Popconfirm, PopconfirmProps, Popover, PopoverFacadeProps, Presence, type PresenceBaseProps, type PresenceProps, PresenceProvider, Progress, ProgressGroup, ProgressGroupProps, ProgressSegment, PromptInputProps, QrCode, RadioGroup, RadioGroupFacadeProps, RadioGroupItem, RatingGroup, RatingGroupFacadeProps, ReasoningProps, type ReasoningUIPart, ResponseProps, Result, ResultIcon, ResultRoot, ResultRootProps, ScrollArea, SegmentGroup, SegmentGroupFacadeProps, SegmentGroupItem, Select, SelectFacadeProps, Separator, SeparatorProps, SignaturePad, Skeleton, SkeletonProps, Slider, SliderFacadeProps, type SortingState, type SourceDocumentUIPart, SourceProps, type SourceUrlUIPart, SourcesProps, Spinner, SpinnerProps, SplitButton, SplitButtonEntry, SplitButtonProps, Splitter, SplitterFacadeProps, SplitterItem, Spotlight, SpotlightProps, Stack, StackProps, Stat, StatDeltaProps, type StepStartUIPart, Steps, StepsFacadeProps, StepsItem, SuggestionProps, Swap, Switch, SwitchFacadeProps, Tabs, TabsFacadeProps, TabsItem, Tag, TagProps, TagsInput, Terminal, TerminalProps, type TextUIPart, Textarea, TextareaProps, Timeline, Timer, Toast, Toaster, Toc, TocFacadeProps, Toggle, ToggleFacadeProps, ToggleGroup, ToggleGroupFacadeProps, ToggleGroupItem, ToolProps, ToolStatus, type ToolUIPart, Toolbar, ToolbarProps, Tooltip, TooltipFacadeProps, Tour, TourFacadeProps, type TourInteractOutsideEvent, type TourPointerDownOutsideEvent, type TourStepDetails, Transfer, TransferItem, TransferProps, type TreeCollection, type TreeCollectionOptions, type TreeNode, TreeSelect, TreeSelectNode, TreeSelectProps, TreeView, Typography, type UIMessage, type UIMessagePart, type UseAsyncListProps, type UseAsyncListReturn, type UseDownloadProps, type UseDownloadReturn, type UseListCollectionProps, type UseListCollectionReturn, type UseListSelectionProps, type UseListSelectionReturn, type UseMentionsHandlers, type UseMentionsOptions, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, User, UserProps, Video, VirtualList, VirtualListProps, Watermark, WatermarkProps, createColumnHelper, createFileTreeCollection, createGridCollection, createToaster, createTreeCollection, formatMediaTime, useAsyncList, useConfig, useDownload, useField, useForm, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };
+export { Accordion, AccordionFacadeProps, AccordionItem, Action, Action as AiAction, ActionProps, Affix, AffixProps, Ai, AiActions, Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, AiContent, Message as AiMessage, Message, PromptInput as AiPromptInput, PromptInput, Reasoning as AiReasoning, Reasoning, Response as AiResponse, Response, Source as AiSource, Source, Sources as AiSources, Sources, Suggestion as AiSuggestion, Suggestion, Tool as AiTool, Tool, Alert, AlertProps, AlertStatus, AngleSlider, AngleSliderFacadeProps, AspectRatio, AspectRatioProps, AttachmentProps, Audio, AutoComplete, AutoCompleteProps, Avatar, AvatarFacadeProps, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, BackTop, BackTopProps, Badge, BadgeProps, Banner, BannerFacadeProps, BannerRootProps, BannerStatus, Bento, BentoCell, BentoCellProps, BentoProps, BentoRoot, BlockUI, BlockUIProps, Breadcrumb, BreadcrumbFacadeProps, BreadcrumbItem, Browser, BrowserBody, BrowserDots, BrowserPartProps, BrowserRoot, BrowserTitleBar, BrowserUrlBar, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarProps, Card, Carousel, CascadeSelect, CascadeSelectNode, CascadeSelectProps, Checkbox, CheckboxFacadeProps, CheckboxGroup, CheckboxGroupProps, CheckboxOption, Chip, ChipProps, ClientOnly, type ClientOnlyProps, Clipboard, Collapsible, CollapsibleFacadeProps, type CollectionItem, type CollectionOptions, ColorPicker, type ColumnDef, Combobox, Command, CommandEntry, CommandProps, Comment, CommentProps, ConfigContext, ConfigDensity, ConfigProvider, ConfigProviderProps, ConfigScene, Container, ContainerProps, type CreateToasterReturn, DataTable, DataTableProps, type DataUIPart, DataView, DataViewProps, DateInput, type DateInputFocusChangeDetails, type DateInputValueChangeDetails, DatePicker, type DatePickerFocusChangeDetails, type DatePickerOpenChangeDetails, type DatePickerValueChangeDetails, type DatePickerViewChangeDetails, type DatePickerVisibleRangeChangeDetails, DeferredContent, DeferredContentProps, Descriptions, DescriptionsItemData, DescriptionsRoot, DescriptionsRootProps, Dialog, DialogFacadeProps, type DialogOpenChangeDetails, Dock, DockItem, DockItemProps, DockProps, DockRoot, DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, Drawer, DrawerFacadeProps, DynamicInput, DynamicInputProps, Editable, Ellipsis, EllipsisProps, Empty, FLOAT_BUTTON_CONTEXT, Field, type FieldApi, Fieldset, type FilePathTreeNode, type FileUIPart, FileUpload, type FlatTreeNode, FlexRender, FloatButton, FloatButtonAction, FloatButtonContextValue, FloatButtonFacadeProps, FloatButtonPlacement, FloatButtonRootProps, FloatButtonSize, FloatingPanel, FloatingPanelFacadeProps, FocusTrap, type FocusTrapBaseProps, type FocusTrapProps, Form, type FormApi, FormField, FormFieldProps, FormProps, Format, Frame, Grid, type GridCollection, type GridCollectionOptions, GridProps, Highlight, HoverCard, HoverCardFacadeProps, Icon, IconProps, Image, ImageCropper, ImageCropperFacadeProps, ImageProps, ImageViewer, ImageViewerProps, Input, InputGroup, InputGroupPartProps, InputProps, JsonTreeView, Kbd, KbdProps, Layout, LayoutContextValue, LayoutResizeHandlers, LayoutRootProps, LayoutSiderProps, LayoutSiderState, Link, LinkProps, List, type ListCollection, ListContentProps, ListRootProps, Listbox, Marquee, Masonry, MasonryProps, type MediaPlayerProps, type MediaSourceOption, type MediaTextTrackOption, MentionEntry, Mentions, MentionsProps, MentionsVessel, MentionsVesselProps, Menu, MenuFacadeProps, MenuItemOption, Menubar, MenubarEntry, MenubarGroup, MenubarProps, MessageProps, Meter, MeterRootProps, NativeSelect, type NativeSelectOption, type NativeSelectProps, NavigationMenu, NavigationMenuFacadeProps, NavigationMenuLinkOption, NumberInput, OrderList, OrderListProps, OrderOption, PageHeader, Pagination, PasswordInput, PinInput, Popconfirm, PopconfirmProps, Popover, PopoverFacadeProps, Presence, type PresenceBaseProps, type PresenceProps, PresenceProvider, Progress, ProgressGroup, ProgressGroupProps, ProgressSegment, PromptInputProps, QrCode, RadioGroup, RadioGroupFacadeProps, RadioGroupItem, RatingGroup, RatingGroupFacadeProps, ReasoningProps, type ReasoningUIPart, ResponseProps, Result, ResultIcon, ResultRoot, ResultRootProps, ScrollArea, SegmentGroup, SegmentGroupFacadeProps, SegmentGroupItem, Select, SelectFacadeProps, Separator, SeparatorProps, SignaturePad, Skeleton, SkeletonProps, Slider, SliderFacadeProps, type SortingState, type SourceDocumentUIPart, SourceProps, type SourceUrlUIPart, SourcesProps, Spinner, SpinnerProps, SplitButton, SplitButtonEntry, SplitButtonProps, Splitter, SplitterFacadeProps, SplitterItem, Spotlight, SpotlightProps, Stack, StackProps, Stat, StatDeltaProps, type StepStartUIPart, Steps, StepsFacadeProps, StepsItem, SuggestionProps, Swap, Switch, SwitchFacadeProps, Tabs, TabsFacadeProps, TabsItem, Tag, TagProps, TagsInput, Terminal, TerminalProps, type TextUIPart, Textarea, TextareaProps, Timeline, Timer, Toast, Toaster, Toc, TocFacadeProps, Toggle, ToggleFacadeProps, ToggleGroup, ToggleGroupFacadeProps, ToggleGroupItem, ToolProps, ToolStatus, type ToolUIPart, Toolbar, ToolbarProps, Tooltip, TooltipFacadeProps, Tour, TourFacadeProps, type TourInteractOutsideEvent, type TourPointerDownOutsideEvent, type TourStepDetails, Transfer, TransferItem, TransferProps, type TreeCollection, type TreeCollectionOptions, type TreeNode, TreeSelect, TreeSelectNode, TreeSelectProps, TreeView, Typography, type UIMessage, type UIMessagePart, type UseAsyncListProps, type UseAsyncListReturn, type UseDownloadProps, type UseDownloadReturn, type UseListCollectionProps, type UseListCollectionReturn, type UseListSelectionProps, type UseListSelectionReturn, type UseMentionsHandlers, type UseMentionsOptions, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, User, UserProps, Video, VirtualList, VirtualListProps, Watermark, WatermarkProps, createColumnHelper, createFileTreeCollection, createGridCollection, createToaster, createTreeCollection, formatMediaTime, useAsyncList, useConfig, useDownload, useField, useForm, useListCollection, useListSelection, useMentions, usePresence, usePresenceContext, useTour };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bysages/react",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "By Sages Elements components for React — styled by the paper-and-ink design tokens",
   "keywords": [
     "accessible",
@@ -53,7 +53,7 @@
     "@tanstack/react-virtual": "3.14.14",
     "@zag-js/cascade-select": "1.45.0",
     "@zag-js/react": "1.45.0",
-    "@bysages/core": "0.4.3"
+    "@bysages/core": "0.4.4"
   },
   "devDependencies": {
     "@json-render/core": "0.21.0",