@studiolxd/brand 49.26.0 → 49.28.0

package/dist/file-upload.js

@@ -6,148 +6,148 @@ import { VisuallyHidden as n } from "./visually-hidden.js";
 import { Spinner as r } from "./spinner.js";
 import { n as i } from "./_shared/form-size.js";
 import { t as ee } from "./_shared/progressbar.js";
-import { i as te, n as a, t as o } from "./_shared/validate.js";
-import { forwardRef as s, useCallback as c, useEffect as l, useId as ne, useRef as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { i as te, n as a, t as ne } from "./_shared/validate.js";
+import { forwardRef as o, useCallback as s, useEffect as c, useId as re, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/stories/atoms/FileUpload/FileUpload.tsx
-var h = /* @__PURE__ */ new WeakMap();
-function g(e) {
+var m = /* @__PURE__ */ new WeakMap();
+function h(e) {
 	if (!e.type.startsWith("image/")) return;
-	let t = h.get(e);
-	return t || (t = URL.createObjectURL(e), h.set(e, t)), t;
+	let t = m.get(e);
+	return t || (t = URL.createObjectURL(e), m.set(e, t)), t;
 }
-function _(e) {
-	let t = h.get(e);
-	t && (URL.revokeObjectURL(t), h.delete(e));
+function g(e) {
+	let t = m.get(e);
+	t && (URL.revokeObjectURL(t), m.delete(e));
 }
-function re(e, t) {
+function ie(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
-var v = s(function({ multiple: s = !1, accept: h, maxSize: v, maxFiles: y, value: b, defaultValue: ie = [], onChange: x, progress: S, uploading: C = !1, uploadingLabel: w, uploadingLabelVisible: ae = !1, disabled: T = !1, error: E = !1, id: oe, name: se, describedBy: ce, ariaLabel: le, "aria-describedby": ue, "aria-label": de, required: fe, onBlur: pe, className: me, locale: D = o, dropzoneLabel: he, dropzoneActiveLabel: ge, dropzoneHintLabel: _e, maxSizeHint: ve, maxFilesHint: ye, filesLabel: be, progressLabel: xe, removeFileLabel: O, tooLargeError: k, invalidTypeError: A, size: j }, M) {
-	let N = e("fileUpload"), Se = e("spinner"), P = i(j), F = P === "sm" ? "sm" : P === "lg" ? "lg" : "md", I = b !== void 0, [L, R] = d(ie), [z, B] = d(/* @__PURE__ */ new Map()), [V, H] = d(!1), U = u(/* @__PURE__ */ new Set()), W = u(null), Ce = ne(), G = oe ?? `file-upload-${Ce}`, K = I ? b : L;
-	l(() => {
+var _ = o(function({ multiple: o = !1, accept: m, maxSize: _, maxFiles: v, value: y, defaultValue: b = [], onChange: x, progress: S, uploading: C = !1, uploadingLabel: ae, uploadingLabelVisible: oe = !1, disabled: w = !1, error: T = !1, id: se, name: ce, describedBy: le, ariaLabel: ue, "aria-describedby": de, "aria-label": fe, required: pe, onBlur: me, className: he, locale: E = ne, dropzoneLabel: ge, dropzoneActiveLabel: _e, dropzoneHintLabel: ve, maxSizeHint: ye, maxFilesHint: be, filesLabel: xe, progressLabel: D, removeFileLabel: O, tooLargeError: k, invalidTypeError: A, size: j }, M) {
+	let N = e("fileUpload"), P = i(j), F = P === "sm" ? "sm" : P === "lg" ? "lg" : "md", I = y !== void 0, [L, R] = u(b), [z, B] = u(/* @__PURE__ */ new Map()), [V, H] = u(!1), U = l(/* @__PURE__ */ new Set()), W = l(null), Se = re(), G = se ?? `file-upload-${Se}`, K = I ? y : L;
+	c(() => {
 		K.forEach((e) => U.current.add(e));
-	}, [K]), l(() => {
+	}, [K]), c(() => {
 		let e = U.current;
 		return () => {
-			e.forEach(_);
+			e.forEach(g);
 		};
 	}, []);
-	let q = c((e) => {
-		if (T || C) return;
-		let t = Array.from(e), n = I ? b ?? [] : L, r = new Map(z), i = [...n];
+	let q = s((e) => {
+		if (w || C) return;
+		let t = Array.from(e), n = I ? y ?? [] : L, r = new Map(z), i = [...n];
 		for (let e of t) {
-			if (y !== void 0 && i.filter((e) => !r.has(e)).length >= y) break;
-			let t = te(e, h, v, N("tooLarge", k), N("invalidType", A), D);
+			if (v !== void 0 && i.filter((e) => !r.has(e)).length >= v) break;
+			let t = te(e, m, _, N("tooLarge", k), N("invalidType", A), E);
 			t && r.set(e, t), i.push(e);
 		}
 		B(r), I || R(i), x?.(i.filter((e) => !r.has(e)));
 	}, [
-		T,
+		w,
 		C,
-		h,
+		m,
+		_,
 		v,
-		y,
 		I,
-		b,
+		y,
 		L,
 		z,
 		x,
 		N,
 		k,
 		A,
-		D
-	]), we = c((e) => {
+		E
+	]), Ce = s((e) => {
 		if (C) return;
-		let t = (I ? b ?? [] : L).filter((t) => t !== e), n = new Map(z);
-		n.delete(e), _(e), B(n), I || R(t), x?.(t.filter((e) => !n.has(e))), W.current && (W.current.value = "");
+		let t = (I ? y ?? [] : L).filter((t) => t !== e), n = new Map(z);
+		n.delete(e), g(e), B(n), I || R(t), x?.(t.filter((e) => !n.has(e))), W.current && (W.current.value = "");
 	}, [
 		C,
 		I,
-		b,
+		y,
 		L,
 		z,
 		x
-	]), Te = (e) => {
+	]), we = (e) => {
 		e.target.files && q(e.target.files);
+	}, Te = (e) => {
+		e.preventDefault(), !w && !C && H(!0);
 	}, Ee = (e) => {
-		e.preventDefault(), !T && !C && H(!0);
-	}, De = (e) => {
 		e.preventDefault(), H(!1);
-	}, Oe = (e) => {
-		e.preventDefault(), H(!1), !T && !C && e.dataTransfer.files && q(e.dataTransfer.files);
-	}, J = () => {
-		!T && !C && W.current?.click();
-	}, ke = [
+	}, De = (e) => {
+		e.preventDefault(), H(!1), !w && !C && e.dataTransfer.files && q(e.dataTransfer.files);
+	}, Oe = () => {
+		!w && !C && W.current?.click();
+	}, J = [
 		"file-upload",
 		P === "md" ? "" : `file-upload--${P}`,
 		V ? "file-upload--dragging" : "",
-		E ? "file-upload--error" : "",
-		T ? "file-upload--disabled" : "",
+		T ? "file-upload--error" : "",
+		w ? "file-upload--disabled" : "",
 		C ? "file-upload--uploading" : "",
 		K.length > 0 ? "file-upload--has-files" : "",
-		me ?? ""
-	].filter(Boolean).join(" "), Y = `${G}-hint`, Ae = [ce ?? ue, Y].filter(Boolean).join(" "), X = N("dropzone", he), Z = N("dropzoneHint", _e), Q = C ? Se("label", w) : "", je = C && ae && !!w, $ = [];
-	return h && $.push(h), v && $.push(N("maxSize", ve)(a(v, D))), s && y && $.push(N("maxFiles", ye)(y)), /* @__PURE__ */ m("div", {
-		className: ke,
+		he ?? ""
+	].filter(Boolean).join(" "), Y = `${G}-hint`, ke = [le ?? de, Y].filter(Boolean).join(" "), X = N("dropzone", ge), Z = N("dropzoneHint", ve), Q = C ? N("uploading", ae) : "", Ae = C && oe, $ = [];
+	return m && $.push(m), _ && $.push(N("maxSize", ye)(a(_, E))), o && v && $.push(N("maxFiles", be)(v)), /* @__PURE__ */ p("div", {
+		className: J,
 		children: [
-			/* @__PURE__ */ p(n, { children: /* @__PURE__ */ p("input", {
+			/* @__PURE__ */ f(n, { children: /* @__PURE__ */ f("input", {
 				ref: (e) => {
-					W.current = e, re(M, e);
+					W.current = e, ie(M, e);
 				},
 				type: "file",
 				id: G,
-				name: se,
-				multiple: s,
-				accept: h,
-				disabled: T,
-				required: fe,
-				"aria-label": le ?? de,
-				"aria-describedby": Ae,
-				"aria-invalid": E || void 0,
+				name: ce,
+				multiple: o,
+				accept: m,
+				disabled: w,
+				required: pe,
+				"aria-label": ue ?? fe,
+				"aria-describedby": ke,
+				"aria-invalid": T || void 0,
 				"aria-busy": C || void 0,
 				"aria-disabled": C || void 0,
 				onClick: C ? (e) => e.preventDefault() : void 0,
-				onChange: Te,
-				onBlur: pe
+				onChange: we,
+				onBlur: me
 			}) }),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ f("div", {
 				className: "file-upload__dropzone",
-				onClick: J,
-				onDragOver: Ee,
-				onDragLeave: De,
-				onDrop: Oe,
+				onClick: Oe,
+				onDragOver: Te,
+				onDragLeave: Ee,
+				onDrop: De,
 				"aria-hidden": "true",
-				children: C ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
+				children: C ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("span", {
 					className: "file-upload__icon",
-					children: /* @__PURE__ */ p(r, {
+					children: /* @__PURE__ */ f(r, {
 						size: F,
 						"aria-hidden": !0
 					})
-				}), je && /* @__PURE__ */ p("span", {
+				}), Ae && /* @__PURE__ */ f("span", {
 					className: "file-upload__text",
 					children: Q
-				})] }) : /* @__PURE__ */ m(f, { children: [
-					/* @__PURE__ */ p(t, {
+				})] }) : /* @__PURE__ */ p(d, { children: [
+					/* @__PURE__ */ f(t, {
 						name: "upload",
 						size: F,
 						className: "file-upload__icon"
 					}),
-					/* @__PURE__ */ p("span", {
+					/* @__PURE__ */ f("span", {
 						className: "file-upload__text",
-						children: V ? N("dropzoneActive", ge) : X
+						children: V ? N("dropzoneActive", _e) : X
 					}),
-					/* @__PURE__ */ p("span", {
+					/* @__PURE__ */ f("span", {
 						className: "file-upload__text file-upload__text--secondary",
 						children: Z
 					}),
-					$.length > 0 && /* @__PURE__ */ p("span", {
+					$.length > 0 && /* @__PURE__ */ f("span", {
 						className: "file-upload__subtext",
 						children: $.join(" · ")
 					})
 				] })
 			}),
-			/* @__PURE__ */ p(n, {
+			/* @__PURE__ */ f(n, {
 				id: Y,
 				children: [
 					X,
@@ -155,56 +155,56 @@ var v = s(function({ multiple: s = !1, accept: h, maxSize: v, maxFiles: y, value
 					...$
 				].join(". ")
 			}),
-			C && /* @__PURE__ */ p(n, {
+			C && /* @__PURE__ */ f(n, {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "false",
 				children: Q
 			}),
-			K.length > 0 && /* @__PURE__ */ p("ul", {
+			K.length > 0 && /* @__PURE__ */ f("ul", {
 				className: "file-upload__list",
-				"aria-label": N("files", be),
+				"aria-label": N("files", xe),
 				children: K.map((e, n) => {
-					let r = z.get(e), i = g(e);
-					return /* @__PURE__ */ m("li", {
+					let r = z.get(e), i = h(e);
+					return /* @__PURE__ */ p("li", {
 						className: `file-upload__item${r ? " file-upload__item--error" : ""}`,
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ f("div", {
 								className: "file-upload__item-thumb",
 								"aria-hidden": "true",
-								children: i ? /* @__PURE__ */ p("img", {
+								children: i ? /* @__PURE__ */ f("img", {
 									src: i,
 									alt: ""
-								}) : /* @__PURE__ */ p(t, {
+								}) : /* @__PURE__ */ f(t, {
 									name: "file-text",
 									size: "sm"
 								})
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ p("div", {
 								className: "file-upload__item-info",
 								children: [
-									/* @__PURE__ */ p("span", {
+									/* @__PURE__ */ f("span", {
 										className: "file-upload__item-name",
 										children: e.name
 									}),
-									/* @__PURE__ */ p("span", {
+									/* @__PURE__ */ f("span", {
 										className: "file-upload__item-size",
-										children: a(e.size, D)
+										children: a(e.size, E)
 									}),
-									r && /* @__PURE__ */ p("span", {
+									r && /* @__PURE__ */ f("span", {
 										className: "file-upload__item-error-msg",
 										role: "alert",
 										children: r
 									})
 								]
 							}),
-							/* @__PURE__ */ p("button", {
+							/* @__PURE__ */ f("button", {
 								className: "file-upload__item-remove",
 								type: "button",
-								onClick: () => we(e),
+								onClick: () => Ce(e),
 								"aria-disabled": C || void 0,
 								"aria-label": N("removeFile", O)(e.name),
-								children: /* @__PURE__ */ p(t, {
+								children: /* @__PURE__ */ f(t, {
 									name: "close",
 									size: "sm"
 								})
@@ -213,9 +213,9 @@ var v = s(function({ multiple: s = !1, accept: h, maxSize: v, maxFiles: y, value
 					}, `${e.name}-${e.size}-${n}`);
 				})
 			}),
-			S !== void 0 && /* @__PURE__ */ p(ee, {
+			S !== void 0 && /* @__PURE__ */ f(ee, {
 				value: S,
-				label: N("progress", xe),
+				label: N("progress", D),
 				size: "sm",
 				className: "file-upload__progress"
 			})
@@ -223,4 +223,4 @@ var v = s(function({ multiple: s = !1, accept: h, maxSize: v, maxFiles: y, value
 	});
 });
 //#endregion
-export { v as FileUpload };
+export { _ as FileUpload };

package/dist/spinner.css

@@ -1 +1 @@
-.spinner{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.spinner__square{display:block;overflow:visible}.spinner__stroke{fill:none;stroke:currentColor;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100px;animation:spinner-draw var(--spinner-animation-duration) var(--motion-easing-in-out) infinite}@keyframes spinner-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.spinner__stroke{stroke-dashoffset:0;animation:none}}.spinner--sm .spinner__square{width:var(--spinner-size-sm);height:var(--spinner-size-sm)}.spinner--sm .spinner__stroke{stroke-width:var(--spinner-border-width-sm)}.spinner--md .spinner__square{width:var(--spinner-size-md);height:var(--spinner-size-md)}.spinner--md .spinner__stroke{stroke-width:var(--spinner-border-width-md)}.spinner--lg .spinner__square{width:var(--spinner-size-lg);height:var(--spinner-size-lg)}.spinner--lg .spinner__stroke{stroke-width:var(--spinner-border-width-lg)}
+.spinner{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.spinner__square{display:block;overflow:visible}.spinner__stroke{fill:none;stroke:currentColor;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke;stroke-dasharray:var(--spinner-perimeter);stroke-dashoffset:var(--spinner-perimeter);animation:spinner-draw var(--spinner-animation-duration) var(--motion-easing-in-out) infinite}@keyframes spinner-draw{0%{stroke-dashoffset:var(--spinner-perimeter)}50%{stroke-dashoffset:0}to{stroke-dashoffset:calc(-1 * var(--spinner-perimeter))}}@media (prefers-reduced-motion:reduce){.spinner__stroke{stroke-dashoffset:0;animation:none}}.spinner--sm{--spinner-perimeter:calc(var(--spinner-size-sm) * 10 / 3)}.spinner--sm .spinner__square{width:var(--spinner-size-sm);height:var(--spinner-size-sm)}.spinner--sm .spinner__stroke{stroke-width:var(--spinner-border-width-sm)}.spinner--md{--spinner-perimeter:calc(var(--spinner-size-md) * 10 / 3)}.spinner--md .spinner__square{width:var(--spinner-size-md);height:var(--spinner-size-md)}.spinner--md .spinner__stroke{stroke-width:var(--spinner-border-width-md)}.spinner--lg{--spinner-perimeter:calc(var(--spinner-size-lg) * 10 / 3)}.spinner--lg .spinner__square{width:var(--spinner-size-lg);height:var(--spinner-size-lg)}.spinner--lg .spinner__stroke{stroke-width:var(--spinner-border-width-lg)}

package/dist/spinner.js

@@ -15,8 +15,7 @@ function i() {
 			x: "2",
 			y: "2",
 			width: "20",
-			height: "20",
-			pathLength: "100"
+			height: "20"
 		})
 	});
 }