haze-ui 1.31.0 → 1.33.0

package/dist/coi-serviceworker.LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Guido Zuidhof
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/coi-serviceworker.js

@@ -0,0 +1,118 @@
+/*! coi-serviceworker v0.1.7 - Guido Zuidhof and contributors, licensed under MIT */
+let coepCredentialless = false;
+if (typeof window === 'undefined') {
+    self.addEventListener("install", () => self.skipWaiting());
+    self.addEventListener("activate", (event) => event.waitUntil(self.clients.claim()));
+
+    self.addEventListener("message", (ev) => {
+        if (!ev.data) {
+            return;
+        } else if (ev.data.type === "deregister") {
+            self.registration
+                .unregister()
+                .then(() => {
+                    return self.clients.matchAll();
+                })
+                .then(clients => {
+                    clients.forEach((client) => client.navigate(client.url));
+                });
+        } else if (ev.data.type === "coepCredentialless") {
+            coepCredentialless = ev.data.value;
+        }
+    });
+
+    self.addEventListener("fetch", function (event) {
+        const r = event.request;
+        if (r.cache === "only-if-cached" && r.mode !== "same-origin") {
+            return;
+        }
+
+        const request = (coepCredentialless && r.mode === "no-cors")
+            ? new Request(r, {
+                credentials: "omit",
+            })
+            : r;
+        event.respondWith(
+            fetch(request)
+                .then((response) => {
+                    if (response.status === 0) {
+                        return response;
+                    }
+
+                    const newHeaders = new Headers(response.headers);
+                    newHeaders.set("Cross-Origin-Embedder-Policy",
+                        coepCredentialless ? "credentialless" : "require-corp"
+                    );
+                    if (!coepCredentialless) {
+                        newHeaders.set("Cross-Origin-Resource-Policy", "cross-origin");
+                    }
+                    newHeaders.set("Cross-Origin-Opener-Policy", "same-origin");
+
+                    return new Response(response.body, {
+                        status: response.status,
+                        statusText: response.statusText,
+                        headers: newHeaders,
+                    });
+                })
+                .catch((e) => console.error(e))
+        );
+    });
+
+} else {
+    (() => {
+        // You can customize the behavior of this script through a global `coi` variable.
+        const coi = {
+            shouldRegister: () => true,
+            shouldDeregister: () => false,
+            coepCredentialless: () => !(window.chrome || window.netscape),
+            doReload: () => window.location.reload(),
+            quiet: false,
+            ...window.coi
+        };
+
+        const n = navigator;
+
+        if (n.serviceWorker && n.serviceWorker.controller) {
+            n.serviceWorker.controller.postMessage({
+                type: "coepCredentialless",
+                value: coi.coepCredentialless(),
+            });
+
+            if (coi.shouldDeregister()) {
+                n.serviceWorker.controller.postMessage({ type: "deregister" });
+            }
+        }
+
+        // If we're already coi: do nothing. Perhaps it's due to this script doing its job, or COOP/COEP are
+        // already set from the origin server. Also if the browser has no notion of crossOriginIsolated, just give up here.
+        if (window.crossOriginIsolated !== false || !coi.shouldRegister()) return;
+
+        if (!window.isSecureContext) {
+            !coi.quiet && console.log("COOP/COEP Service Worker not registered, a secure context is required.");
+            return;
+        }
+
+        // In some environments (e.g. Chrome incognito mode) this won't be available
+        if (n.serviceWorker) {
+            n.serviceWorker.register(window.document.currentScript.src).then(
+                (registration) => {
+                    !coi.quiet && console.log("COOP/COEP Service Worker registered", registration.scope);
+
+                    registration.addEventListener("updatefound", () => {
+                        !coi.quiet && console.log("Reloading page to make use of updated COOP/COEP Service Worker.");
+                        coi.doReload();
+                    });
+
+                    // If the registration is active, but it's not controlling the page
+                    if (registration.active && !n.serviceWorker.controller) {
+                        !coi.quiet && console.log("Reloading page to make use of COOP/COEP Service Worker.");
+                        coi.doReload();
+                    }
+                },
+                (err) => {
+                    !coi.quiet && console.error("COOP/COEP Service Worker failed to register:", err);
+                }
+            );
+        }
+    })();
+}

package/dist/components/Button/Button.js

@@ -1,22 +1,40 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { useConfigDefaults as t } from "../ConfigProvider/useConfigDefaults.js";
-import { base as n, sizes as r, squareSizes as i, variants as a } from "./styles.js";
-import { jsx as o } from "react/jsx-runtime";
+import { useBusyPressable as t } from "../../hooks/useBusyPressable.js";
+import n from "../Spinner/Spinner.js";
+import { useConfigDefaults as r } from "../ConfigProvider/useConfigDefaults.js";
+import { base as i, label as a, sizes as o, squareSizes as s, variants as c } from "./styles.js";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/lib/components/Button/Button.tsx
-function s({ variant: s = "solid", size: c, square: l = !1, className: u, ...d }) {
-	let f = t("Button"), p = c ?? f.size ?? "md", m = l ? i[p] : r[p];
-	return /* @__PURE__ */ o("button", {
-		type: "button",
-		"data-slot": "button",
-		...d,
+function f({ variant: f = "solid", size: p, square: m = !1, loading: h = !1, as: g, className: _, children: v, disabled: y, ...b }) {
+	let x = r("Button"), S = p ?? x.size ?? "md", C = m ? s[S] : o[S], w = !!h, T = t(w, y), E = typeof h == "object" ? h.icon : void 0, D = typeof h == "object" ? h.text : void 0, O = g ?? "button", k = g === void 0 || g === "button";
+	return /* @__PURE__ */ u(O, {
+		...k ? {
+			type: "button",
+			disabled: T.disabled
+		} : { "aria-disabled": T.disabled || void 0 },
+		"data-slot": k ? "button" : "button-link",
+		"data-loading": w || void 0,
+		"aria-busy": T["aria-busy"],
+		...b,
 		className: e([
-			n,
-			a[s],
-			m,
-			u
-		])
+			i,
+			c[f],
+			C,
+			!k && "haze-styles__link",
+			w && "haze-styles__loading",
+			_
+		]),
+		children: w ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("span", {
+			"data-slot": "label",
+			className: e([a]),
+			children: D === void 0 ? v : D
+		}), /* @__PURE__ */ u("span", {
+			"data-slot": "indicator",
+			"aria-hidden": !0,
+			children: E ?? /* @__PURE__ */ u(n, { size: "sm" })
+		})] }) : v
 	});
 }
 //#endregion
-export { s as default };
+export { f as default };

package/dist/components/Button/ButtonLink.js

@@ -1,26 +1,17 @@
-
 "use client";
-import { classnames as e } from "../../utils/classnames.js";
-import { useConfigDefaults as t } from "../ConfigProvider/useConfigDefaults.js";
-import { base as n, sizes as r, squareSizes as i, variants as a } from "./styles.js";
-/* empty css                     */
-import { forwardRef as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
+import { useConfigDefaults as e } from "../ConfigProvider/useConfigDefaults.js";
+import t from "./Button.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/lib/components/Button/ButtonLink.tsx
-var c = "haze-ButtonLink__link", l = o(function({ variant: o = "solid", size: l, square: u = !1, className: d, ...f }, p) {
-	let m = t("ButtonLink"), h = l ?? m.size ?? "md", g = u ? i[h] : r[h];
-	return /* @__PURE__ */ s("a", {
-		ref: p,
-		"data-slot": "button-link",
-		...f,
-		className: e([
-			n,
-			a[o],
-			g,
-			c,
-			d
-		])
+var i = n(function({ size: n, ...i }, a) {
+	let o = e("ButtonLink"), s = n ?? o.size;
+	return /* @__PURE__ */ r(t, {
+		as: "a",
+		ref: a,
+		size: s,
+		...i
 	});
 });
 //#endregion
-export { l as default };
+export { i as default };

package/dist/components/Button/styles.js

@@ -14,6 +14,6 @@ var e = "haze-styles__base", t = {
 	sm: a,
 	md: o,
 	lg: s
-};
+}, u = "haze-styles__label", d = "haze-styles__link", f = "haze-styles__loading";
 //#endregion
-export { e as base, i as sizeLg, r as sizeMd, n as sizeSm, c as sizes, s as squareLg, o as squareMd, l as squareSizes, a as squareSm, t as variants };
+export { e as base, u as label, d as link, f as loading, i as sizeLg, r as sizeMd, n as sizeSm, c as sizes, s as squareLg, o as squareMd, l as squareSizes, a as squareSm, t as variants };

package/dist/components/Cascader/Cascader.js

@@ -1,11 +1,11 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { getDirection as n } from "../../utils/direction.js";
-import { useStrings as r } from "../LocaleProvider/useStrings.js";
-import { FloatingPanel as i, useFloating as a } from "../../utils/floating.js";
-import o from "../Spinner/Spinner.js";
+import { getDirection as t } from "../../utils/direction.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import r from "../Spinner/Spinner.js";
+import { mergeRefs as i } from "../../utils/refs.js";
+import { FloatingPanel as a, useFloating as o } from "../../utils/floating.js";
 import ee from "../VirtualList/VirtualList.js";
 import { useFocusScope as te } from "../../utils/focus-scope.js";
 /* empty css                   */
@@ -41,7 +41,7 @@ function g(e) {
 	return e ? Array.from(e.querySelectorAll(m)) : [];
 }
 function _({ options: _, value: v, onChange: je, placeholder: Me, changeOnSelect: Ne = !1, expandTrigger: Pe = "click", onSearch: y, loading: b = !1, virtualized: x, className: Fe, ref: S, ...Ie }) {
-	let Le = r("cascader"), C = r("select"), [w, T] = p(!1, !1), E = ae(v), [D, O] = p(oe(E ? v : void 0, se((e) => je?.(e))), E ? [] : v ?? []), [k, A] = u([]), [j, M] = u(null), N = y !== void 0, [P, Re] = u(""), F = x !== void 0 && x !== !1, I = typeof x == "object" ? x : void 0, L = I?.itemHeight ?? Ce, ze = I?.overscan, R = re(), z = l(null), Be = s((e) => t(z, S)(e), [z, S]), B = l(null), V = l(null), H = l(/* @__PURE__ */ new Map()), U = l(!1), W = a({
+	let Le = n("cascader"), C = n("select"), [w, T] = p(!1, !1), E = ae(v), [D, O] = p(oe(E ? v : void 0, se((e) => je?.(e))), E ? [] : v ?? []), [k, A] = u([]), [j, M] = u(null), N = y !== void 0, [P, Re] = u(""), F = x !== void 0 && x !== !1, I = typeof x == "object" ? x : void 0, L = I?.itemHeight ?? Ce, ze = I?.overscan, R = re(), z = l(null), Be = s((e) => i(z, S)(e), [z, S]), B = l(null), V = l(null), H = l(/* @__PURE__ */ new Map()), U = l(!1), W = o({
 		open: w,
 		setOpen: T,
 		triggerRef: z,
@@ -148,9 +148,9 @@ function _({ options: _, value: v, onChange: je, placeholder: Me, changeOnSelect
 	}, Ge = (e) => {
 		!w && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), T(!0));
 	}, Ke = (e) => {
-		let t = B.current;
-		if (!t) return;
-		let r = (document.activeElement instanceof HTMLElement ? document.activeElement : null)?.closest(m) ?? void 0, i = r ? Number(r.dataset.level) : 0, a = n(t) === "rtl" ? "ArrowLeft" : "ArrowRight", o = a === "ArrowLeft" ? "ArrowRight" : "ArrowLeft";
+		let n = B.current;
+		if (!n) return;
+		let r = (document.activeElement instanceof HTMLElement ? document.activeElement : null)?.closest(m) ?? void 0, i = r ? Number(r.dataset.level) : 0, a = t(n) === "rtl" ? "ArrowLeft" : "ArrowRight", o = a === "ArrowLeft" ? "ArrowRight" : "ArrowLeft";
 		switch (e.key) {
 			case "ArrowDown":
 			case "ArrowUp": {
@@ -252,7 +252,7 @@ function _({ options: _, value: v, onChange: je, placeholder: Me, changeOnSelect
 	}, n)), $ = b ? /* @__PURE__ */ f("div", {
 		"data-slot": "loading",
 		className: e(ve),
-		children: [/* @__PURE__ */ d(o, { size: "sm" }), /* @__PURE__ */ d("span", { children: C.loading })]
+		children: [/* @__PURE__ */ d(r, { size: "sm" }), /* @__PURE__ */ d("span", { children: C.loading })]
 	}) : N && _.length === 0 ? /* @__PURE__ */ d("div", {
 		"data-slot": "empty",
 		className: e(ye),
@@ -291,7 +291,7 @@ function _({ options: _, value: v, onChange: je, placeholder: Me, changeOnSelect
 				className: e(fe),
 				children: /* @__PURE__ */ d(Ae, {})
 			})]
-		}), /* @__PURE__ */ d(i, {
+		}), /* @__PURE__ */ d(a, {
 			ref: Ve,
 			behavior: W,
 			placement: "bottom",

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,8 +1,8 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as n } from "../../utils/refs.js";
 import { FloatingPanel as r, useFloating as i } from "../../utils/floating.js";
 import { cssColor as a, parseColor as o, rgbHexKey as s } from "./color-math.js";
 import { checkerboard as c, panelVisuals as l, swatchFill as u, trigger as d } from "./color-picker-styles.js";
@@ -14,7 +14,7 @@ import { useControl as b } from "react-use-control";
 //#region src/lib/components/ColorPicker/ColorPicker.tsx
 var x = 10, S = "haze-ColorPicker__container";
 function C({ value: C, onChange: w, open: T, inline: E = !1, format: D = "hex", allowAlpha: O = !1, presets: k, recent: A = !1, className: j, "aria-label": M, ref: N }) {
-	let P = n("colorPicker"), [F, I] = b(C, "#000000"), [L, R] = b(T, !1), z = M ?? P.pickColor, B = o(F)?.rgb ?? {
+	let P = t("colorPicker"), [F, I] = b(C, "#000000"), [L, R] = b(T, !1), z = M ?? P.pickColor, B = o(F)?.rgb ?? {
 		r: 0,
 		g: 0,
 		b: 0
@@ -39,7 +39,7 @@ function C({ value: C, onChange: w, open: T, inline: E = !1, format: D = "hex",
 		allowAlpha: O,
 		presets: k,
 		recentColors: A ? H : void 0
-	}), K = g(null), q = g(null), J = p((e) => t(K, N)(e), [N]), Y = h(), X = i({
+	}), K = g(null), q = g(null), J = p((e) => n(K, N)(e), [N]), Y = h(), X = i({
 		open: L,
 		setOpen: R,
 		triggerRef: K,