@bysages/solid 0.4.2 → 0.4.4

package/dist/components/tag/index.mjs

@@ -4,8 +4,8 @@ import { delegateEvents, effect, insert, setAttribute, spread, template } from "
 import { injectComponentStyle } from "@bysages/core/styling";
 import { createMemo, createSignal, splitProps } from "solid-js";
 //#region src/components/tag/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span data-scope=tag data-part=close aria-hidden=true>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<button type=button data-scope=tag data-part=close aria-label=Remove>`);
+var _tmpl$ = /* @__PURE__ */ template(`<button type=button data-scope=tag data-part=close aria-label=Remove>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<span><button type=button data-scope=tag data-part=check>`);
 var _tmpl$3 = /* @__PURE__ */ template(`<button><!><!>`);
 var _tmpl$4 = /* @__PURE__ */ template(`<span><!><!>`);
 const Tag = withSelfRoot(function Tag(props) {
@@ -45,29 +45,42 @@ const Tag = withSelfRoot(function Tag(props) {
 		...pressed() ? { "data-checked": "true" } : {},
 		...own.disabled ? { "data-disabled": "true" } : {}
 	});
-	const closeControl = own.closable ? own.checkable ? (() => {
+	const closeControl = own.closable ? (() => {
 		var _el$ = _tmpl$();
 		_el$._$$click = dismiss;
 		insert(_el$, () => {
 			return iconNode("x");
 		});
+		effect(() => own.disabled, (_v$) => {
+			setAttribute(_el$, "disabled", _v$);
+		});
 		return _el$;
-	})() : (() => {
+	})() : null;
+	if (own.checkable && own.closable) {
 		var _el$2 = _tmpl$2();
-		_el$2._$$click = dismiss;
-		insert(_el$2, () => {
-			return iconNode("x");
+		var _el$3 = _el$2.firstChild;
+		spread(_el$2, [rest, rootAttrs], true);
+		_el$3._$$click = toggle;
+		insert(_el$3, () => {
+			return own.children;
 		});
-		effect(() => own.disabled, (_v$) => {
-			setAttribute(_el$2, "disabled", _v$);
+		insert(_el$2, closeControl, null);
+		effect(() => {
+			return {
+				e: checked(),
+				t: own.disabled
+			};
+		}, ({ e, t }, _p$) => {
+			e !== _p$?.e && setAttribute(_el$3, "aria-pressed", e);
+			t !== _p$?.t && setAttribute(_el$3, "disabled", t);
 		});
 		return _el$2;
-	})() : null;
+	}
 	if (own.checkable) {
-		var _el$3 = _tmpl$3();
-		var _el$4 = _el$3.firstChild;
-		var _el$5 = _el$4.nextSibling;
-		spread(_el$3, [
+		var _el$4 = _tmpl$3();
+		var _el$5 = _el$4.firstChild;
+		var _el$6 = _el$5.nextSibling;
+		spread(_el$4, [
 			rest,
 			rootAttrs,
 			{
@@ -81,27 +94,27 @@ const Tag = withSelfRoot(function Tag(props) {
 				onclick: toggle
 			}
 		], true);
-		insert(_el$3, () => {
+		insert(_el$4, () => {
 			return own.children;
-		}, _el$4);
-		insert(_el$3, closeControl, _el$5);
-		return _el$3;
+		}, _el$5);
+		insert(_el$4, closeControl, _el$6);
+		return _el$4;
 	}
-	var _el$6 = _tmpl$4();
-	var _el$7 = _el$6.firstChild;
-	var _el$8 = _el$7.nextSibling;
-	spread(_el$6, [
+	var _el$7 = _tmpl$4();
+	var _el$8 = _el$7.firstChild;
+	var _el$9 = _el$8.nextSibling;
+	spread(_el$7, [
 		rest,
 		rootAttrs,
 		() => {
 			return own.disabled ? { "aria-disabled": "true" } : {};
 		}
 	], true);
-	insert(_el$6, () => {
+	insert(_el$7, () => {
 		return own.children;
-	}, _el$7);
-	insert(_el$6, closeControl, _el$8);
-	return _el$6;
+	}, _el$8);
+	insert(_el$7, closeControl, _el$9);
+	return _el$7;
 });
 delegateEvents(["click"]);
 //#endregion

package/dist/components/user/index.mjs

@@ -43,9 +43,15 @@ const User = withSelfRoot(function User(props) {
 			return own.shape ?? "circle";
 		},
 		get children() {
-			return createComponent(Avatar.Fallback, { get children() {
+			return [memo(() => {
+				return memo(() => {
+					return !!own.src;
+				})() ? createComponent(Avatar.Image, { get src() {
+					return own.src;
+				} }) : null;
+			}), createComponent(Avatar.Fallback, { get children() {
 				return initials();
-			} });
+			} })];
 		}
 	}), _el$2);
 	insert(_el$3, () => {

package/dist/generative/index.d.mts

@@ -0,0 +1,47 @@
+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>>;
+      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;
+    description: string;
+  }>;
+  actions: {};
+}>;
+declare const registry: import("@json-render/solid").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 };