@bysages/react 0.4.2 → 0.4.4

package/dist/components/listbox/index.mjs

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/media-player/index.mjs

@@ -1,2 +1,2 @@
-import { n as Video, r as formatMediaTime, t as Audio } from "../../media-player-DjVvo1_7.mjs";
+import { n as Video, r as formatMediaTime, t as Audio } from "../../media-player-C0WcjVI-.mjs";
 export { Audio, Video, formatMediaTime };

package/dist/components/menu/index.mjs

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/order-list/index.mjs

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";

package/dist/components/pagination/index.mjs

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/popover/index.mjs

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/result/index.mjs

@@ -1,7 +1,8 @@
+import { t as iconBody } from "../../icon-Cri0-7-x.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/result/index.tsx
-const MARK = "<g data-for=\"success\"><path d=\"M20 6 9 17l-5-5\"/></g><g data-for=\"warning\"><path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z\"/><path d=\"M12 9v4\"/><path d=\"M12 17h.01\"/></g><g data-for=\"danger\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/></g><g data-for=\"info\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/></g>";
+const MARK = `<g data-for="success">${iconBody("check")}</g><g data-for="warning">${iconBody("triangle-alert")}</g><g data-for="danger">${iconBody("circle-x")}</g><g data-for="info">${iconBody("info")}</g>`;
 function ResultRoot({ status = "info", children, ...rest }) {
 	injectComponentStyle("result");
 	return /* @__PURE__ */ jsx("div", {

package/dist/components/select/index.mjs

@@ -1,2 +1,2 @@
-import { n as NativeSelect, t as Select } from "../../select-i9UZsQCU.mjs";
+import { n as NativeSelect, t as Select } from "../../select-D_soVdWK.mjs";
 export { NativeSelect, Select };

package/dist/components/signature-pad/index.mjs

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Button } from "../button/index.mjs";

package/dist/components/swap/index.mjs

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/table/index.mjs

@@ -1,8 +1,8 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages, t as formatMessage } from "../../messages-1jJWtaYU.mjs";
 import { Pagination } from "../pagination/index.mjs";
-import { t as Select$1 } from "../../select-i9UZsQCU.mjs";
+import { t as Select$1 } from "../../select-D_soVdWK.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";

package/dist/components/tag/index.mjs

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -24,13 +24,7 @@ function TagImpl({ tone = "ink", variant = "solid", checkable = false, value, de
 		onClose?.();
 	};
 	const pressed = checkable && checked;
-	const closeControl = closable ? checkable ? /* @__PURE__ */ jsx("span", {
-		"data-scope": "tag",
-		"data-part": "close",
-		"aria-hidden": "true",
-		onClick: dismiss,
-		children: iconNode("x")
-	}) : /* @__PURE__ */ jsx("button", {
+	const closeControl = closable ? /* @__PURE__ */ jsx("button", {
 		"data-scope": "tag",
 		"data-part": "close",
 		type: "button",
@@ -49,6 +43,18 @@ function TagImpl({ tone = "ink", variant = "solid", checkable = false, value, de
 		...pressed ? { "data-checked": "true" } : {},
 		...disabled ? { "data-disabled": "true" } : {}
 	};
+	if (checkable && closable) return /* @__PURE__ */ jsxs("span", {
+		...partProps,
+		children: [/* @__PURE__ */ jsx("button", {
+			"data-scope": "tag",
+			"data-part": "check",
+			type: "button",
+			"aria-pressed": checked,
+			disabled,
+			onClick: toggle,
+			children
+		}), closeControl]
+	});
 	if (checkable) return /* @__PURE__ */ jsxs("button", {
 		...partProps,
 		type: "button",

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

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";

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/components/toggle-group/index.mjs

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";

package/dist/components/transfer/index.mjs

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { n as useComponentMessages, t as formatMessage } from "../../messages-1jJWtaYU.mjs";
 import { Button } from "../button/index.mjs";

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

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Popover as Popover$1 } from "../popover/index.mjs";

package/dist/components/tree-view/index.mjs

@@ -1,4 +1,4 @@
-import { t as iconNode } from "../../icon-BALgGtNK.mjs";
+import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/generative/index.d.mts

@@ -0,0 +1,53 @@
+import { z } from "zod";
+//#region src/generative/index.d.ts
+export declare const catalog: import("@json-render/core").Catalog<{
+  spec: import("@json-render/core").SchemaType<"object", {
+    root: import("@json-render/core").SchemaType<"string", unknown>;
+    elements: import("@json-render/core").SchemaType<"record", import("@json-render/core").SchemaType<"object", {
+      type: import("@json-render/core").SchemaType<"ref", string>;
+      props: import("@json-render/core").SchemaType<"propsOf", string>;
+      children: import("@json-render/core").SchemaType<"array", import("@json-render/core").SchemaType<"string", unknown>>;
+      slots: {
+        optional: true;
+        kind: "record";
+        inner?: import("@json-render/core").SchemaType<"array", import("@json-render/core").SchemaType<"string", unknown>> | undefined;
+      };
+      visible: {
+        optional: true;
+        kind: "any";
+        inner?: unknown;
+      };
+      repeat: {
+        optional: true;
+        kind: "any";
+        inner?: unknown;
+      };
+    }>>;
+  }>;
+  catalog: import("@json-render/core").SchemaType<"object", {
+    components: import("@json-render/core").SchemaType<"map", {
+      props: import("@json-render/core").SchemaType<"zod", unknown>;
+      slots: import("@json-render/core").SchemaType<"array", import("@json-render/core").SchemaType<"string", unknown>>;
+      description: import("@json-render/core").SchemaType<"string", unknown>;
+      example: import("@json-render/core").SchemaType<"any", unknown>;
+    }>;
+    actions: import("@json-render/core").SchemaType<"map", {
+      params: import("@json-render/core").SchemaType<"zod", unknown>;
+      description: import("@json-render/core").SchemaType<"string", unknown>;
+    }>;
+  }>;
+}, {
+  components: Record<string, {
+    props: z.ZodObject;
+    slots?: string[];
+    description: string;
+  }>;
+  actions: {};
+}>;
+declare const registry: import("@json-render/react").ComponentRegistry;
+/** Which family each face came home from. A family may speak under
+ * several names - Layout plus its parts, Bento plus its cell - and the
+ * palette groups by provenance, never by guessing from the name. */
+export declare const faceFamilies: Record<string, string>;
+//#endregion
+export { registry };