@slotted/react 0.1.0-beta.2 → 0.1.0-beta.3

package/dist/app-shell.js

@@ -1,2 +1,2 @@
-import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./app-shell-CXwma4XA.js";
+import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./app-shell-CmYvnu_7.js";
 export { y as APP_SHELL_OVERLAY_AT, m as AppShell, i as AppShellActions, h as AppShellAside, v as AppShellAsideBody, o as AppShellAsideFooter, f as AppShellAsideHeader, b as AppShellAsideResizer, s as AppShellAsideToggle, c as AppShellBanner, g as AppShellBrand, p as AppShellCentre, S as AppShellDefaultsProvider, u as AppShellFooter, l as AppShellMain, r as AppShellNav, x as AppShellNavBody, w as AppShellNavFooter, a as AppShellNavHeader, C as AppShellNavRail, t as AppShellNavToggle, e as AppShellProgress, _ as useAppShell, n as useAppShellDefaults, d as useAppShellIfPresent };

package/dist/button-Db9f3Bxn.js

@@ -0,0 +1,99 @@
+import { r as e } from "./i18n-DpW8lqJ1.js";
+import { a as t, c as n, d as r, f as i, i as a, l as o, o as s, r as c, s as l, u } from "./icon-button-CCWkCDMs.js";
+import { jsx as d } from "react/jsx-runtime";
+import { buttonMessages as f } from "@slotted/core/i18n";
+//#region src/button/button-link.tsx
+function p({ children: e, disabled: t = !1, end: n, fullWidth: r = !1, href: o, justify: c = "center", onAuxClick: f, onAuxClickCapture: p, onClick: m, onClickCapture: h, onKeyDown: g, onKeyDownCapture: _, render: v, size: y, start: b, tone: x, variant: S, ...C }) {
+	let w = l({
+		size: y,
+		tone: x,
+		variant: S
+	}, u), T = (e) => t ? (a(e), !0) : !1, E = {
+		...C,
+		...s({
+			disabled: t,
+			fullWidth: r,
+			justify: c,
+			...w
+		}),
+		"aria-disabled": t || void 0,
+		children: /* @__PURE__ */ d(i, {
+			end: n,
+			start: b,
+			children: e
+		}),
+		role: t ? "link" : void 0,
+		tabIndex: t ? C.tabIndex ?? 0 : C.tabIndex,
+		...v === void 0 && !t ? { href: o } : {},
+		onAuxClick: (e) => {
+			T(e) || f?.(e);
+		},
+		onAuxClickCapture: (e) => {
+			T(e) || p?.(e);
+		},
+		onClick: (e) => {
+			T(e) || m?.(e);
+		},
+		onClickCapture: (e) => {
+			T(e) || h?.(e);
+		},
+		onKeyDown: (e) => {
+			e.key === "Enter" && T(e) || g?.(e);
+		},
+		onKeyDownCapture: (e) => {
+			e.key === "Enter" && T(e) || _?.(e);
+		}
+	};
+	return v === void 0 ? /* @__PURE__ */ d("a", { ...E }) : v(E);
+}
+//#endregion
+//#region src/button/toggle-button.tsx
+function m({ children: u, defaultPressed: p, disabled: m = !1, end: h, focusableWhenDisabled: g = !1, fullWidth: _ = !1, justify: v = "center", loading: y = !1, loadingDelay: b = 0, messages: x, onClick: S, onClickCapture: C, onPressedChange: w, pressed: T, render: E, size: D, start: O, tone: k, type: A = "button", variant: j, ...M }) {
+	let N = l({
+		size: D,
+		tone: k,
+		variant: j
+	}, r), P = t({
+		disabled: m,
+		focusableWhenDisabled: g,
+		loading: y
+	}), F = n({
+		loading: y,
+		loadingDelay: b
+	}), I = e(f, x), L = o({
+		defaultPressed: p,
+		onPressedChange: w,
+		pressed: T
+	}), R = {
+		...M,
+		...s({
+			disabled: m,
+			fullWidth: _,
+			justify: v,
+			loading: y,
+			pressed: L.pressed,
+			...N
+		}),
+		"aria-disabled": P.ariaDisabled,
+		"aria-pressed": L.pressed,
+		children: /* @__PURE__ */ d(i, {
+			end: h,
+			indicator: F ? /* @__PURE__ */ d(c, { label: I("loading") }) : null,
+			start: O,
+			children: u
+		}),
+		disabled: P.nativelyDisabled,
+		onClick: (e) => {
+			if (P.refuses) return a(e);
+			S?.(e), e.defaultPrevented || L.requestToggle(e);
+		},
+		onClickCapture: (e) => {
+			if (P.refuses) return a(e);
+			C?.(e);
+		},
+		type: A
+	};
+	return E === void 0 ? /* @__PURE__ */ d("button", { ...R }) : E(R);
+}
+//#endregion
+export { p as n, m as t };

package/dist/button.js

@@ -1,4 +1,4 @@
 import { n as e, t } from "./button-defaults-DNq_DDJh.js";
-import { n, t as r } from "./icon-button-TnvMhK4o.js";
-import { n as i, t as a } from "./button-DakQ-7Tm.js";
+import { n, t as r } from "./icon-button-CCWkCDMs.js";
+import { n as i, t as a } from "./button-Db9f3Bxn.js";
 export { n as Button, t as ButtonDefaultsProvider, i as ButtonLink, r as IconButton, a as ToggleButton, e as useButtonDefaults };