@bysages/svelte 0.4.2 → 0.4.4

package/dist/{tag-S2DR-cEP.mjs → tag-CXAD4ox2.mjs}

@@ -1,5 +1,5 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
+import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
@@ -18,8 +18,8 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"onClose",
 	"children"
 ]);
-var root = $.from_html(`<span data-scope="tag" data-part="close" aria-hidden="true"><!></span>`);
-var root_1 = $.from_html(`<button><!> <!></button>`);
+var root = $.from_html(`<span><button type="button" data-scope="tag" data-part="check"><!></button> <button type="button" data-scope="tag" data-part="close" aria-label="Remove"><!></button></span>`);
+var root_1 = $.from_html(`<button><!></button>`);
 var root_2 = $.from_html(`<button type="button" data-scope="tag" data-part="close" aria-label="Remove"><!></button>`);
 var root_3 = $.from_html(`<span><!> <!></span>`);
 function Tag$1($$anchor, $$props) {
@@ -41,9 +41,39 @@ function Tag$1($$anchor, $$props) {
 	}
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
+	var consequent = ($$anchor) => {
+		var span = root();
+		$.attribute_effect(span, () => ({
+			...rest,
+			"data-scope": "tag",
+			"data-part": "root",
+			"data-tone": tone(),
+			"data-variant": variant(),
+			"data-checkable": "true",
+			"data-checked": $.get(isChecked) || void 0,
+			"data-disabled": disabled() || void 0
+		}));
+		var button = $.child(span);
+		var node_1 = $.child(button);
+		$.snippet(node_1, () => $$props.children ?? $.noop);
+		$.reset(button);
+		var button_1 = $.sibling(button, 2);
+		var node_2 = $.child(button_1);
+		InternalIcon(node_2, { name: "x" });
+		$.reset(button_1);
+		$.reset(span);
+		$.template_effect(() => {
+			$.set_attribute(button, "aria-pressed", $.get(isChecked));
+			button.disabled = disabled();
+			button_1.disabled = disabled();
+		});
+		$.delegated("click", button, toggle);
+		$.delegated("click", button_1, dismiss);
+		$.append($$anchor, span);
+	};
 	var consequent_1 = ($$anchor) => {
-		var button = root_1();
-		$.attribute_effect(button, () => ({
+		var button_2 = root_1();
+		$.attribute_effect(button_2, () => ({
 			...rest,
 			type: "button",
 			"data-scope": "tag",
@@ -57,22 +87,10 @@ function Tag$1($$anchor, $$props) {
 			disabled: disabled(),
 			onclick: toggle
 		}));
-		var node_1 = $.child(button);
-		$.snippet(node_1, () => $$props.children ?? $.noop);
-		var node_2 = $.sibling(node_1, 2);
-		var consequent = ($$anchor) => {
-			var span = root();
-			var node_3 = $.child(span);
-			InternalIcon(node_3, { name: "x" });
-			$.reset(span);
-			$.delegated("click", span, dismiss);
-			$.append($$anchor, span);
-		};
-		$.if(node_2, ($$render) => {
-			if (closable()) $$render(consequent);
-		});
-		$.reset(button);
-		$.append($$anchor, button);
+		var node_3 = $.child(button_2);
+		$.snippet(node_3, () => $$props.children ?? $.noop);
+		$.reset(button_2);
+		$.append($$anchor, button_2);
 	};
 	var alternate = ($$anchor) => {
 		var span_1 = root_3();
@@ -89,13 +107,13 @@ function Tag$1($$anchor, $$props) {
 		$.snippet(node_4, () => $$props.children ?? $.noop);
 		var node_5 = $.sibling(node_4, 2);
 		var consequent_2 = ($$anchor) => {
-			var button_1 = root_2();
-			var node_6 = $.child(button_1);
+			var button_3 = root_2();
+			var node_6 = $.child(button_3);
 			InternalIcon(node_6, { name: "x" });
-			$.reset(button_1);
-			$.template_effect(() => button_1.disabled = disabled());
-			$.delegated("click", button_1, dismiss);
-			$.append($$anchor, button_1);
+			$.reset(button_3);
+			$.template_effect(() => button_3.disabled = disabled());
+			$.delegated("click", button_3, dismiss);
+			$.append($$anchor, button_3);
 		};
 		$.if(node_5, ($$render) => {
 			if (closable()) $$render(consequent_2);
@@ -104,7 +122,8 @@ function Tag$1($$anchor, $$props) {
 		$.append($$anchor, span_1);
 	};
 	$.if(node, ($$render) => {
-		if (checkable()) $$render(consequent_1);
+		if (checkable() && closable()) $$render(consequent);
+		else if (checkable()) $$render(consequent_1, 1);
 		else $$render(alternate, -1);
 	});
 	$.append($$anchor, fragment);

package/dist/{transfer-kGHh9bJH.mjs → transfer-CnfoiJ8O.mjs}

@@ -1,5 +1,5 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
+import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
 import { t as Button } from "./button-Cl45zjdj.mjs";
 import { n as useComponentMessages, t as formatMessage } from "./messages-DNzA55pH.mjs";
 import { Input } from "./components/input/index.mjs";

package/dist/{tree-select-BRQjFrHA.mjs → tree-select-CR2-Jskd.mjs}

@@ -1,5 +1,5 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
+import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
 import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import { t as Input } from "./Input-DLfLshYU.mjs";
 import "svelte/internal/disclose-version";

package/package.json

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

package/dist/Avatar-L9BP2Zwy.mjs

@@ -1,47 +0,0 @@
-import { t as useElementId } from "./id-Alz497yI.mjs";
-import "svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-import { injectComponentStyle } from "@bysages/core/styling";
-import { Avatar } from "@ark-ui/svelte/avatar";
-//#region src/components/avatar/Avatar.svelte
-var rest_excludes = /* @__PURE__ */ new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"size",
-	"shape",
-	"children"
-]);
-function Avatar$1($$anchor, $$props) {
-	const generatedId = $.props_id();
-	$.push($$props, true);
-	injectComponentStyle("avatar");
-	let shape = $.prop($$props, "shape", 3, "circle"), rest = $.rest_props($$props, rest_excludes);
-	const id = $.derived(() => useElementId("avatar", generatedId, $$props.id));
-	var fragment = $.comment();
-	var node = $.first_child(fragment);
-	$.component(node, () => Avatar.Root, ($$anchor, ArkAvatar_Root) => {
-		ArkAvatar_Root($$anchor, $.spread_props(() => rest, {
-			get id() {
-				return $.get(id);
-			},
-			get "data-size"() {
-				return $$props.size;
-			},
-			get "data-shape"() {
-				return shape();
-			},
-			children: ($$anchor, $$slotProps) => {
-				var fragment_1 = $.comment();
-				var node_1 = $.first_child(fragment_1);
-				$.snippet(node_1, () => $$props.children ?? $.noop);
-				$.append($$anchor, fragment_1);
-			},
-			$$slots: { default: true }
-		}));
-	});
-	$.append($$anchor, fragment);
-	$.pop();
-}
-//#endregion
-export { Avatar$1 as t };

package/dist/index-BkK_8C_c.d.mts

@@ -1,29 +0,0 @@
-import { Snippet } from "svelte";
-import { HTMLAttributes, HTMLButtonAttributes } from "svelte/elements";
-//#region src/components/banner/props.d.ts
-type BannerStatus = "ink" | "info" | "success" | "warning" | "danger";
-interface BannerProps extends HTMLAttributes<HTMLElement> {
-  status?: BannerStatus;
-  children?: Snippet;
-}
-interface BannerPartProps extends HTMLAttributes<HTMLElement> {
-  children?: Snippet;
-}
-interface BannerCloseProps extends HTMLButtonAttributes {}
-//#endregion
-//#region src/components/banner/index.d.ts
-/** A page-level notice, spoken across the full measure: a wash of the
- * status pigment, one heavier hairline on the leading edge, and room
- * for actions and a quiet close. Ink is the neutral register; the four
- * semantic pigments are fixed. */
-declare const Banner: import("svelte").Component<BannerProps, {}, ""> & {
-  Root: import("svelte").Component<BannerProps, {}, "">;
-  Icon: import("svelte").Component<BannerPartProps, {}, "">;
-  Body: import("svelte").Component<BannerPartProps, {}, "">;
-  Title: import("svelte").Component<BannerPartProps, {}, "">;
-  Description: import("svelte").Component<BannerPartProps, {}, "">;
-  Actions: import("svelte").Component<BannerPartProps, {}, "">;
-  Close: import("svelte").Component<BannerCloseProps, {}, "">;
-};
-//#endregion
-export { BannerStatus as a, BannerProps as i, BannerCloseProps as n, BannerPartProps as r, Banner as t };

package/dist/index-Cl8v2k0X.d.mts

@@ -1,36 +0,0 @@
-import { Snippet } from "svelte";
-import { HTMLAttributes } from "svelte/elements";
-//#region src/components/breadcrumb/props.d.ts
-interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
-  children?: Snippet;
-}
-interface BreadcrumbListProps extends HTMLAttributes<HTMLOListElement> {
-  children?: Snippet;
-}
-interface BreadcrumbItemProps extends HTMLAttributes<HTMLLIElement> {
-  children?: Snippet;
-}
-interface BreadcrumbLinkProps extends HTMLAttributes<HTMLAnchorElement> {
-  children?: Snippet;
-}
-interface BreadcrumbCurrentProps extends HTMLAttributes<HTMLSpanElement> {
-  children?: Snippet;
-}
-interface BreadcrumbSeparatorProps extends HTMLAttributes<HTMLSpanElement> {
-  children?: Snippet;
-}
-//#endregion
-//#region src/components/breadcrumb/index.d.ts
-/** 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
- * Separator. Links take href and the rest through attributes. */
-declare const Breadcrumb: import("svelte").Component<BreadcrumbProps, {}, ""> & {
-  Root: import("svelte").Component<BreadcrumbProps, {}, "">;
-  List: import("svelte").Component<BreadcrumbListProps, {}, "">;
-  Item: import("svelte").Component<BreadcrumbItemProps, {}, "">;
-  Link: import("svelte").Component<BreadcrumbLinkProps, {}, "">;
-  Current: import("svelte").Component<BreadcrumbCurrentProps, {}, "">;
-  Separator: import("svelte").Component<BreadcrumbSeparatorProps, {}, "">;
-};
-//#endregion
-export { BreadcrumbListProps as a, BreadcrumbLinkProps as i, BreadcrumbCurrentProps as n, BreadcrumbProps as o, BreadcrumbItemProps as r, BreadcrumbSeparatorProps as s, Breadcrumb as t };