@caspeco/casper-ui-library 11.3.0 → 12.0.0

package/dist/components/image-upload/image-upload.js

@@ -7,13 +7,13 @@ import { ImageIcon as s } from "./image-upload-icons.js";
 import { ImageUploadAspectRatio as c } from "./types.js";
 import { ImageUploadModal as l } from "./image-upload-modal.js";
 import { useState as u } from "react";
-import { Box as d, Spinner as f } from "@chakra-ui/react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Box as m, Spinner as h } from "@chakra-ui/react";
 //#region lib/components/image-upload/image-upload.tsx
 var g = e();
 function _(e) {
-	let _ = (0, g.c)(32), { title: v, savedImageUrl: y, savedCrop: b, aspectRatio: x, isLoading: S, locale: C, onSave: w } = e, T = C === void 0 ? "en-US" : C, { isOpen: E, onOpen: D, onClose: O } = i(), [k, A] = u(y || ""), [j, M] = u(b || null), N;
-	_[0] !== O || _[1] !== w ? (N = (e, t, n) => {
+	let _ = (0, g.c)(31), { title: v, savedImageUrl: y, savedCrop: b, aspectRatio: x, isLoading: S, onSave: C } = e, { isOpen: w, onOpen: T, onClose: E } = i(), [D, O] = u(y || ""), [k, A] = u(b || null), j;
+	_[0] !== E || _[1] !== C ? (j = (e, t, n) => {
 		let r = {
 			crop: t,
 			file: {
@@ -21,77 +21,76 @@ function _(e) {
 				imageUploadData: e.data
 			}
 		};
-		w && (w(r, n), O());
-	}, _[0] = O, _[1] = w, _[2] = N) : N = _[2];
-	let P = N, F;
-	_[3] === x ? F = _[4] : (F = () => {
+		C && (C(r, n), E());
+	}, _[0] = E, _[1] = C, _[2] = j) : j = _[2];
+	let M = j, N;
+	_[3] === x ? N = _[4] : (N = () => {
 		switch (x) {
 			case c.OneByOne: return "102px";
 			case c.SixteenByNine: return "178px";
 			case c.ThirtyTwoByNine: return "360px";
 			default: return "102px";
 		}
-	}, _[3] = x, _[4] = F);
-	let I = F, L;
-	_[5] === x ? L = _[6] : (L = () => {
+	}, _[3] = x, _[4] = N);
+	let P = N, F;
+	_[5] === x ? F = _[6] : (F = () => {
 		switch (x) {
 			case c.OneByOne: return "1:1";
 			case c.SixteenByNine: return "16:9";
 			case c.ThirtyTwoByNine: return "32:9";
 			default: return "";
 		}
-	}, _[5] = x, _[6] = L);
-	let R = L, z;
-	_[7] !== S || _[8] !== k ? (z = () => S ? /* @__PURE__ */ m(f, {
+	}, _[5] = x, _[6] = F);
+	let I = F, L;
+	_[7] !== S || _[8] !== D ? (L = () => S ? /* @__PURE__ */ f(h, {
 		color: t.OnBackgroundBorder,
 		size: "lg",
 		animationDuration: "0.825s"
-	}) : k ? /* @__PURE__ */ m(o, {
+	}) : D ? /* @__PURE__ */ f(o, {
 		alt: "Preview Image",
-		src: k,
+		src: D,
 		borderRadius: n.Medium,
 		objectFit: "fill",
 		h: "100%",
 		w: "100%"
-	}) : /* @__PURE__ */ m(s, {}), _[7] = S, _[8] = k, _[9] = z) : z = _[9];
-	let B = z, V = I(), H;
-	_[10] === B ? H = _[11] : (H = B(), _[10] = B, _[11] = H);
-	let U;
-	_[12] !== D || _[13] !== H || _[14] !== V ? (U = /* @__PURE__ */ m(d, {
+	}) : /* @__PURE__ */ f(s, {}), _[7] = S, _[8] = D, _[9] = L) : L = _[9];
+	let R = L, z = P(), B;
+	_[10] === R ? B = _[11] : (B = R(), _[10] = R, _[11] = B);
+	let V;
+	_[12] !== T || _[13] !== B || _[14] !== z ? (V = /* @__PURE__ */ f(m, {
 		as: "button",
-		onClick: D,
+		onClick: T,
 		bg: t.BackgroundDisabled,
 		borderRadius: n.Medium,
-		w: V,
+		w: z,
 		h: "102px",
-		children: H
-	}), _[12] = D, _[13] = H, _[14] = V, _[15] = U) : U = _[15];
-	let W = R(), G;
-	_[16] === W ? G = _[17] : (G = /* @__PURE__ */ m(a, {
+		children: B
+	}), _[12] = T, _[13] = B, _[14] = z, _[15] = V) : V = _[15];
+	let H = I(), U;
+	_[16] === H ? U = _[17] : (U = /* @__PURE__ */ f(a, {
 		mt: r.XSmall,
 		color: t.OnBackground,
-		children: W
-	}), _[16] = W, _[17] = G);
-	let K;
-	_[18] !== x || _[19] !== j || _[20] !== P || _[21] !== E || _[22] !== T || _[23] !== O || _[24] !== b || _[25] !== y || _[26] !== v ? (K = /* @__PURE__ */ m(l, {
-		locale: T,
+		children: H
+	}), _[16] = H, _[17] = U);
+	let W;
+	_[18] !== x || _[19] !== k || _[20] !== M || _[21] !== w || _[22] !== E || _[23] !== b || _[24] !== y || _[25] !== v ? (W = /* @__PURE__ */ f(l, {
 		title: v,
 		src: y,
 		savedCrop: b,
 		aspectRatio: x,
-		isOpen: E,
-		onClose: O,
-		handleSaveImage: P,
-		setPreviewImage: A,
-		crop: j,
-		setCrop: M
-	}), _[18] = x, _[19] = j, _[20] = P, _[21] = E, _[22] = T, _[23] = O, _[24] = b, _[25] = y, _[26] = v, _[27] = K) : K = _[27];
-	let q;
-	return _[28] !== K || _[29] !== U || _[30] !== G ? (q = /* @__PURE__ */ h(p, { children: [
+		isOpen: w,
+		onClose: E,
+		handleSaveImage: M,
+		setPreviewImage: O,
+		crop: k,
+		setCrop: A
+	}), _[18] = x, _[19] = k, _[20] = M, _[21] = w, _[22] = E, _[23] = b, _[24] = y, _[25] = v, _[26] = W) : W = _[26];
+	let G;
+	return _[27] !== V || _[28] !== U || _[29] !== W ? (G = /* @__PURE__ */ p(d, { children: [
+		V,
 		U,
-		G,
-		K
-	] }), _[28] = K, _[29] = U, _[30] = G, _[31] = q) : q = _[31], q;
+		W
+	] }), _[27] = V, _[28] = U, _[29] = W, _[30] = G) : G = _[30], G;
 }
 //#endregion
 export { _ as ImageUpload };

package/dist/components/image-upload/image-upload.translations.d.ts

@@ -0,0 +1,12 @@
+export type ImageUploadTranslation = {
+    primary: string;
+    secondary: string;
+    remove: string;
+    pullAndDrop: string;
+    or: string;
+    upload: string;
+    unsupportedFormat: string;
+    sizeExceeded: string;
+};
+export declare const imageUploadTranslations: import('../../theme/translations.js').ComponentTranslations<ImageUploadTranslation>;
+//# sourceMappingURL=image-upload.translations.d.ts.map

package/dist/components/image-upload/image-upload.translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-upload.translations.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload.translations.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,sBAAsB,GAAG;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,8EAqIlC,CAAC"}

package/dist/components/image-upload/image-upload.translations.js

@@ -0,0 +1,126 @@
+import { defineTranslations as e } from "../../theme/translations.js";
+//#region lib/components/image-upload/image-upload.translations.ts
+var t = e({
+	en: {
+		primary: "Save",
+		secondary: "Cancel",
+		remove: "Remove image",
+		pullAndDrop: "Drag and drop the image here",
+		or: "or",
+		upload: "Upload a file",
+		unsupportedFormat: "Unsupported file format. Please upload a JPG, PNG, WebP, GIF, or SVG.",
+		sizeExceeded: "The image size exceeds 3MB. Please choose a smaller file or reduce the size of the current image."
+	},
+	sv: {
+		primary: "Spara",
+		secondary: "Avbryt",
+		remove: "Ta bort bild",
+		pullAndDrop: "Dra och släpp bilden här",
+		or: "eller",
+		upload: "ladda upp en fil",
+		unsupportedFormat: "Otillåtet filformat. Vänligen ladda upp JPG, PNG, WebP, GIF, eller SVG.",
+		sizeExceeded: "Storleken på bilden du försöker ladda upp överskrider 3MB. Vänligen välj en mindre fil eller minska storleken på den nuvarande bilden."
+	},
+	nb: {
+		primary: "Lagre",
+		secondary: "Avbryt",
+		remove: "Fjern bilde",
+		pullAndDrop: "Dra og slipp bildet her",
+		or: "eller",
+		upload: "Last opp en fil",
+		unsupportedFormat: "Ugyldig filformat. Vennligst last opp en JPG, PNG, WebP, GIF eller SVG.",
+		sizeExceeded: "Bildet du prøver å laste opp overstiger 3MB. Vennligst velg en mindre fil eller reduser størrelsen på det nåværende bildet."
+	},
+	da: {
+		primary: "Gem",
+		secondary: "Annuller",
+		remove: "Fjern billede",
+		pullAndDrop: "Træk og slip billedet her",
+		or: "eller",
+		upload: "Upload en fil",
+		unsupportedFormat: "Ugyldigt filformat. Upload venligst en JPG, PNG, WebP, GIF eller SVG.",
+		sizeExceeded: "Billedets størrelse overstiger 3MB. Vælg venligst en mindre fil eller reducer størrelsen på det nuværende billede."
+	},
+	fr: {
+		primary: "Enregistrer",
+		secondary: "Annuler",
+		remove: "Supprimer l'image",
+		pullAndDrop: "Glissez-déposez l'image ici",
+		or: "ou",
+		upload: "Télécharger un fichier",
+		unsupportedFormat: "Format de fichier non pris en charge. Veuillez télécharger un JPG, PNG, WebP, GIF ou SVG.",
+		sizeExceeded: "La taille de l'image dépasse 3 Mo. Veuillez choisir un fichier plus petit ou réduire la taille de l'image actuelle."
+	},
+	nl: {
+		primary: "Opslaan",
+		secondary: "Annuleren",
+		remove: "Afbeelding verwijderen",
+		pullAndDrop: "Sleep de afbeelding hierheen",
+		or: "of",
+		upload: "Een bestand uploaden",
+		unsupportedFormat: "Ongeldig bestandsformaat. Upload een JPG, PNG, WebP, GIF of SVG.",
+		sizeExceeded: "De afbeelding die je probeert te uploaden is groter dan 3 MB. Kies een kleiner bestand of verklein de huidige afbeelding."
+	},
+	de: {
+		primary: "Speichern",
+		secondary: "Abbrechen",
+		remove: "Bild entfernen",
+		pullAndDrop: "Bild hierher ziehen und ablegen",
+		or: "oder",
+		upload: "Datei hochladen",
+		unsupportedFormat: "Nicht unterstütztes Dateiformat. Bitte laden Sie ein JPG, PNG, WebP, GIF oder SVG hoch.",
+		sizeExceeded: "Das Bild ist größer als 3 MB. Bitte wählen Sie eine kleinere Datei oder verkleinern Sie das aktuelle Bild."
+	},
+	fi: {
+		primary: "Tallenna",
+		secondary: "Peruuta",
+		remove: "Poista kuva",
+		pullAndDrop: "Vedä ja pudota kuva tähän",
+		or: "tai",
+		upload: "lataa tiedosto",
+		unsupportedFormat: "Tiedostomuotoa ei tueta. Lataa JPG-, PNG-, WebP-, GIF- tai SVG-tiedosto.",
+		sizeExceeded: "Kuvan koko ylittää 3 Mt. Valitse pienempi tiedosto tai pienennä nykyistä kuvaa."
+	},
+	es: {
+		primary: "Guardar",
+		secondary: "Cancelar",
+		remove: "Eliminar imagen",
+		pullAndDrop: "Arrastra y suelta la imagen aquí",
+		or: "o",
+		upload: "sube un archivo",
+		unsupportedFormat: "Formato de archivo no compatible. Sube un JPG, PNG, WebP, GIF o SVG.",
+		sizeExceeded: "La imagen supera los 3 MB. Elige un archivo más pequeño o reduce el tamaño de la imagen actual."
+	},
+	et: {
+		primary: "Salvesta",
+		secondary: "Tühista",
+		remove: "Eemalda pilt",
+		pullAndDrop: "Lohista pilt siia",
+		or: "või",
+		upload: "laadi fail üles",
+		unsupportedFormat: "Toetamata failivorming. Laadi üles JPG, PNG, WebP, GIF või SVG.",
+		sizeExceeded: "Pildi suurus ületab 3 MB. Vali väiksem fail või vähenda praeguse pildi suurust."
+	},
+	lt: {
+		primary: "Išsaugoti",
+		secondary: "Atšaukti",
+		remove: "Pašalinti paveikslėlį",
+		pullAndDrop: "Nuvilkite paveikslėlį čia",
+		or: "arba",
+		upload: "įkelkite failą",
+		unsupportedFormat: "Nepalaikomas failo formatas. Įkelkite JPG, PNG, WebP, GIF arba SVG.",
+		sizeExceeded: "Paveikslėlis viršija 3 MB. Pasirinkite mažesnį failą arba sumažinkite dabartinio paveikslėlio dydį."
+	},
+	lv: {
+		primary: "Saglabāt",
+		secondary: "Atcelt",
+		remove: "Noņemt attēlu",
+		pullAndDrop: "Velciet un nometiet attēlu šeit",
+		or: "vai",
+		upload: "augšupielādējiet failu",
+		unsupportedFormat: "Neatbalstīts faila formāts. Lūdzu, augšupielādējiet JPG, PNG, WebP, GIF vai SVG.",
+		sizeExceeded: "Attēla izmērs pārsniedz 3 MB. Lūdzu, izvēlieties mazāku failu vai samaziniet pašreizējā attēla izmēru."
+	}
+});
+//#endregion
+export { t as imageUploadTranslations };

package/dist/components/image-upload/types.d.ts

@@ -1,4 +1,3 @@
-export type Locales = "en-US" | "nb-NO" | "da-DK" | "sv-SE" | "en-GB";
 export declare enum ImageUploadAspectRatio {
     ThirtyTwoByNine = "THIRTY_TWO_BY_NINE",
     SixteenByNine = "SIXTEEN_BY_NINE",
@@ -54,7 +53,5 @@ export type ImageUploadProps = {
      * When true, it will render a loading indicator within the component.
      */
     isLoading?: boolean;
-    /** Locale used for translating the text in the image upload modal */
-    locale?: Locales;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/image-upload/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AACtE,oBAAY,sBAAsB;IACjC,eAAe,uBAAuB;IACtC,aAAa,oBAAoB;IACjC,QAAQ,eAAe;CACvB;AACD,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,EAAE;QACL,aAAa,EAAE,MAAM,CAAC;QACtB,eAAe,EAAE,MAAM,CAAC;KACxB,CAAC;CACF,CAAC;AACF,MAAM,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,eAAe,CAAC;AACtE,MAAM,MAAM,cAAc,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC;IAEjB;;;OAGG;IACH,WAAW,EAAE,sBAAsB,CAAC;IAEpC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAElE;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/types.ts"],"names":[],"mappings":"AAAA,oBAAY,sBAAsB;IACjC,eAAe,uBAAuB;IACtC,aAAa,oBAAoB;IACjC,QAAQ,eAAe;CACvB;AACD,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,EAAE;QACL,aAAa,EAAE,MAAM,CAAC;QACtB,eAAe,EAAE,MAAM,CAAC;KACxB,CAAC;CACF,CAAC;AACF,MAAM,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,eAAe,CAAC;AACtE,MAAM,MAAM,cAAc,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC;IAEjB;;;OAGG;IACH,WAAW,EAAE,sBAAsB,CAAC;IAEpC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAElE;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/dist/components/input/input.d.ts

@@ -16,6 +16,7 @@ export declare const Input: React.ForwardRefExoticComponent<{
     isReadOnly?: boolean;
     isRequired?: boolean;
 } & {
+    value?: string | number | readonly string[] | undefined;
     pattern?: string | undefined | undefined;
     id?: string | undefined | undefined;
     name?: string | undefined | undefined;
@@ -28,7 +29,6 @@ export declare const Input: React.ForwardRefExoticComponent<{
     defaultValue?: string | number | readonly string[] | undefined;
     autoFocus?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    value?: string | number | readonly string[] | undefined;
     autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
     placeholder?: string | undefined | undefined;
 } & import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').LayoutProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & import('../../theme/index.js').TypographyProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/input/input.js

@@ -4,8 +4,8 @@ import { ThemeColorVariable as n, ThemeSpaceVariable as r } from "../../theme/th
 import { useMeasuredWidth as i } from "../../hooks/use-measured-width.js";
 import { getVisualStateStyle as a } from "./helper.js";
 import o from "react";
-import { Input as s, InputGroup as c, useBreakpointValue as l } from "@chakra-ui/react";
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
+import { Input as c, InputGroup as l, useBreakpointValue as u } from "@chakra-ui/react";
 //#region lib/components/input/input.tsx
 var d = e(), f = {
 	sm: "2rem",
@@ -21,7 +21,7 @@ var h = o.forwardRef((e, o) => {
 	h[0] === e ? (g = h[1], _ = h[2], v = h[3], y = h[4], b = h[5], x = h[6], S = h[7], C = h[8], w = h[9], T = h[10], E = h[11]) : ({size: w, visualState: E, leftAddon: y, rightAddon: S, leftElement: b, rightElement: C, variant: T, isDisabled: g, isReadOnly: _, isRequired: v, ...x} = e, h[0] = e, h[1] = g, h[2] = _, h[3] = v, h[4] = y, h[5] = b, h[6] = x, h[7] = S, h[8] = C, h[9] = w, h[10] = T, h[11] = E);
 	let D = w === void 0 ? p : w, O = T === void 0 ? "outline" : T, k;
 	h[12] === E ? k = h[13] : (k = E ? a(E) : void 0, h[12] = E, h[13] = k);
-	let A = k, j = f[l(typeof D == "string" || D === void 0 ? { [t.Base]: D ?? p } : D, { fallback: p }) ?? p], [M, N] = i(!!b), [P, F] = i(!!C), I = !!b, L;
+	let A = k, j = f[u(typeof D == "string" || D === void 0 ? { [t.Base]: D ?? p } : D, { fallback: p }) ?? p], [M, N] = i(!!b), [P, F] = i(!!C), I = !!b, L;
 	h[14] !== j || h[15] !== N || h[16] !== I ? (L = m(I, N, j), h[14] = j, h[15] = N, h[16] = I, h[17] = L) : L = h[17];
 	let R = L, z = !!C, B;
 	h[18] !== F || h[19] !== j || h[20] !== z ? (B = m(z, F, j), h[18] = F, h[19] = j, h[20] = z, h[21] = B) : B = h[21];
@@ -52,7 +52,7 @@ var h = o.forwardRef((e, o) => {
 		...U
 	} : void 0, h[26] = P, h[27] = C, h[28] = K) : K = h[28];
 	let q = K, J;
-	h[29] !== A || h[30] !== V || h[31] !== g || h[32] !== _ || h[33] !== v || h[34] !== o || h[35] !== x || h[36] !== D || h[37] !== R || h[38] !== O ? (J = /* @__PURE__ */ u(s, {
+	h[29] !== A || h[30] !== V || h[31] !== g || h[32] !== _ || h[33] !== v || h[34] !== o || h[35] !== x || h[36] !== D || h[37] !== R || h[38] !== O ? (J = /* @__PURE__ */ s(c, {
 		ref: o,
 		css: A,
 		size: D,
@@ -65,7 +65,7 @@ var h = o.forwardRef((e, o) => {
 		...x
 	}), h[29] = A, h[30] = V, h[31] = g, h[32] = _, h[33] = v, h[34] = o, h[35] = x, h[36] = D, h[37] = R, h[38] = O, h[39] = J) : J = h[39];
 	let Y;
-	return h[40] !== q || h[41] !== y || h[42] !== b || h[43] !== S || h[44] !== C || h[45] !== G || h[46] !== J ? (Y = /* @__PURE__ */ u(c, {
+	return h[40] !== q || h[41] !== y || h[42] !== b || h[43] !== S || h[44] !== C || h[45] !== G || h[46] !== J ? (Y = /* @__PURE__ */ s(l, {
 		startElement: b,
 		endElement: C,
 		startAddon: y,

package/dist/components/link/link.js

@@ -1,13 +1,13 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { Link as t } from "@chakra-ui/react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { Link as n } from "@chakra-ui/react";
 //#region lib/components/link/link.tsx
 var r = e();
 function i(e) {
 	let i = (0, r.c)(6), a, o;
 	i[0] === e ? (a = i[1], o = i[2]) : ({children: a, ...o} = e, i[0] = e, i[1] = a, i[2] = o);
 	let s;
-	return i[3] !== a || i[4] !== o ? (s = /* @__PURE__ */ n(t, {
+	return i[3] !== a || i[4] !== o ? (s = /* @__PURE__ */ t(n, {
 		...o,
 		children: a
 	}), i[3] = a, i[4] = o, i[5] = s) : s = i[5], s;

package/dist/components/list/list-item.js

@@ -1,13 +1,13 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ListItem as t } from "@chakra-ui/react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { ListItem as n } from "@chakra-ui/react";
 //#region lib/components/list/list-item.tsx
 var r = e();
 function i(e) {
 	let i = (0, r.c)(6), a, o;
 	i[0] === e ? (a = i[1], o = i[2]) : ({children: a, ...o} = e, i[0] = e, i[1] = a, i[2] = o);
 	let s;
-	return i[3] !== a || i[4] !== o ? (s = /* @__PURE__ */ n(t, {
+	return i[3] !== a || i[4] !== o ? (s = /* @__PURE__ */ t(n, {
 		...o,
 		children: a
 	}), i[3] = a, i[4] = o, i[5] = s) : s = i[5], s;

package/dist/components/list/list.js

@@ -1,14 +1,14 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { ThemeFontVariable as t } from "../../theme/theme-types.js";
-import { List as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { List as r } from "@chakra-ui/react";
 //#region lib/components/list/list.tsx
 var i = e();
 function a(e) {
 	let a = (0, i.c)(12), o, s, c, l, u;
 	a[0] === e ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5]) : ({fontFamily: l, listStyleType: u, spacing: c, children: o, ...s} = e, a[0] = e, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u);
 	let d = l === void 0 ? t.Body : l, f = u === void 0 ? "none" : u, p;
-	return a[6] !== o || a[7] !== d || a[8] !== f || a[9] !== s || a[10] !== c ? (p = /* @__PURE__ */ r(n.Root, {
+	return a[6] !== o || a[7] !== d || a[8] !== f || a[9] !== s || a[10] !== c ? (p = /* @__PURE__ */ n(r.Root, {
 		gap: c,
 		fontFamily: d,
 		listStyleType: f,

package/dist/components/menu/menu-box-button.js

@@ -1,15 +1,15 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { forwardRef as t } from "react";
-import { Button as n, MenuTrigger as r } from "@chakra-ui/react";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { Button as r, MenuTrigger as i } from "@chakra-ui/react";
 //#region lib/components/menu/menu-box-button.tsx
 var a = e(), o = t((e, t) => {
 	let o = (0, a.c)(9), s, c, l;
 	o[0] === e ? (s = o[1], c = o[2], l = o[3]) : ({children: s, isDisabled: c, ...l} = e, o[0] = e, o[1] = s, o[2] = c, o[3] = l);
 	let u;
-	return o[4] !== s || o[5] !== c || o[6] !== l || o[7] !== t ? (u = /* @__PURE__ */ i(r, {
+	return o[4] !== s || o[5] !== c || o[6] !== l || o[7] !== t ? (u = /* @__PURE__ */ n(i, {
 		asChild: !0,
-		children: /* @__PURE__ */ i(n, {
+		children: /* @__PURE__ */ n(r, {
 			ref: t,
 			unstyled: !0,
 			disabled: c,

package/dist/components/menu/menu-button.js

@@ -1,15 +1,15 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { Button as t } from "../button/button.js";
-import { MenuTrigger as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { MenuTrigger as r } from "@chakra-ui/react";
 //#region lib/components/menu/menu-button.tsx
 var i = e(), a = (e) => {
 	let a = (0, i.c)(6), o, s;
 	a[0] === e ? (o = a[1], s = a[2]) : ({children: o, ...s} = e, a[0] = e, a[1] = o, a[2] = s);
 	let c;
-	return a[3] !== o || a[4] !== s ? (c = /* @__PURE__ */ r(n, {
+	return a[3] !== o || a[4] !== s ? (c = /* @__PURE__ */ n(r, {
 		asChild: !0,
-		children: /* @__PURE__ */ r(t, {
+		children: /* @__PURE__ */ n(t, {
 			...s,
 			children: o
 		})

package/dist/components/menu/menu-group.js

@@ -6,8 +6,8 @@ import { Flex as ne } from "../flex/flex.js";
 import { IconButton as re } from "../icon-button/icon-button.js";
 import { setMenuItemElementType as ie } from "./helper.js";
 import ae, { useRef as i } from "react";
-import { Box as oe, HStack as se, Menu as a } from "@chakra-ui/react";
-import { Fragment as ce, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Fragment as oe, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Box as se, HStack as ce, Menu as s } from "@chakra-ui/react";
 //#region lib/components/menu/menu-group.tsx
 var le = e(), c = (e) => {
 	let c = (0, le.c)(57), l, u, d, f, p, m, h, g, _, v, y;
@@ -57,7 +57,7 @@ var le = e(), c = (e) => {
 		transitionTimingFunction: "ease-in"
 	}, c[24] = z) : z = c[24];
 	let B = S ? ee : te, V = S ? `Collapse ${y}` : `Expand ${y}`, H;
-	c[25] !== B || c[26] !== V || c[27] !== E ? (H = /* @__PURE__ */ o(re, {
+	c[25] !== B || c[26] !== V || c[27] !== E ? (H = /* @__PURE__ */ a(re, {
 		ref: C,
 		onClick: E,
 		variant: "ghost",
@@ -69,16 +69,16 @@ var le = e(), c = (e) => {
 	let U, W;
 	c[29] === Symbol.for("react.memo_cache_sentinel") ? (U = { bg: "transparent" }, W = { bg: "transparent" }, c[29] = U, c[30] = W) : (U = c[29], W = c[30]);
 	let G;
-	c[31] === k ? G = c[32] : (G = k && /* @__PURE__ */ o(k, { size: n.Medium }), c[31] = k, c[32] = G);
+	c[31] === k ? G = c[32] : (G = k && /* @__PURE__ */ a(k, { size: n.Medium }), c[31] = k, c[32] = G);
 	let K;
-	c[33] === A ? K = c[34] : (K = A && /* @__PURE__ */ o(A, {
+	c[33] === A ? K = c[34] : (K = A && /* @__PURE__ */ a(A, {
 		color: t.OnSurfaceBorder,
 		size: n.Small
 	}), c[33] = A, c[34] = K);
 	let q;
-	c[35] === d ? q = c[36] : (q = d && /* @__PURE__ */ o(a.ItemCommand, { children: d }), c[35] = d, c[36] = q);
+	c[35] === d ? q = c[36] : (q = d && /* @__PURE__ */ a(s.ItemCommand, { children: d }), c[35] = d, c[36] = q);
 	let J;
-	c[37] !== h || c[38] !== K || c[39] !== q || c[40] !== y ? (J = /* @__PURE__ */ s(ne, {
+	c[37] !== h || c[38] !== K || c[39] !== q || c[40] !== y ? (J = /* @__PURE__ */ o(ne, {
 		justifyContent: "space-between",
 		alignItems: "center",
 		gap: r.Small,
@@ -91,7 +91,7 @@ var le = e(), c = (e) => {
 		]
 	}), c[37] = h, c[38] = K, c[39] = q, c[40] = y, c[41] = J) : J = c[41];
 	let Y;
-	c[42] !== O || c[43] !== b || c[44] !== p || c[45] !== m || c[46] !== G || c[47] !== J ? (Y = /* @__PURE__ */ s(a.Item, {
+	c[42] !== O || c[43] !== b || c[44] !== p || c[45] !== m || c[46] !== G || c[47] !== J ? (Y = /* @__PURE__ */ o(s.Item, {
 		pl: 0,
 		_groupHover: U,
 		_hover: W,
@@ -105,7 +105,7 @@ var le = e(), c = (e) => {
 		children: [G, J]
 	}), c[42] = O, c[43] = b, c[44] = p, c[45] = m, c[46] = G, c[47] = J, c[48] = Y) : Y = c[48];
 	let X;
-	c[49] !== H || c[50] !== Y ? (X = /* @__PURE__ */ s(se, {
+	c[49] !== H || c[50] !== Y ? (X = /* @__PURE__ */ o(ce, {
 		w: "100%",
 		pl: r.Medium,
 		gap: r.XSmall,
@@ -116,13 +116,13 @@ var le = e(), c = (e) => {
 		children: [H, Y]
 	}), c[49] = H, c[50] = Y, c[51] = X) : X = c[51];
 	let Z = S && u, Q;
-	c[52] === Z ? Q = c[53] : (Q = /* @__PURE__ */ o(oe, {
+	c[52] === Z ? Q = c[53] : (Q = /* @__PURE__ */ a(se, {
 		className: "menugroup-wrapper",
 		css: fe,
 		children: Z
 	}), c[52] = Z, c[53] = Q);
 	let $;
-	return c[54] !== X || c[55] !== Q ? ($ = /* @__PURE__ */ s(ce, { children: [X, Q] }), c[54] = X, c[55] = Q, c[56] = $) : $ = c[56], $;
+	return c[54] !== X || c[55] !== Q ? ($ = /* @__PURE__ */ o(oe, { children: [X, Q] }), c[54] = X, c[55] = Q, c[56] = $) : $ = c[56], $;
 };
 function ue(e) {
 	return {

package/dist/components/menu/menu-icon-button.js

@@ -1,13 +1,13 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { IconButton as t } from "../icon-button/icon-button.js";
-import { MenuTrigger as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { MenuTrigger as r } from "@chakra-ui/react";
 //#region lib/components/menu/menu-icon-button.tsx
 var i = e(), a = (e) => {
 	let a = (0, i.c)(2), o;
-	return a[0] === e ? o = a[1] : (o = /* @__PURE__ */ r(n, {
+	return a[0] === e ? o = a[1] : (o = /* @__PURE__ */ n(r, {
 		asChild: !0,
-		children: /* @__PURE__ */ r(t, { ...e })
+		children: /* @__PURE__ */ n(t, { ...e })
 	}), a[0] = e, a[1] = o), o;
 };
 //#endregion

package/dist/components/menu/menu-item.js

@@ -2,8 +2,8 @@ import { require_compiler_runtime as e } from "../../node_modules/react/compiler
 import { ThemeColorVariable as t, ThemeIconSizeVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
 import { Flex as i } from "../flex/flex.js";
 import { setMenuItemElementType as a } from "./helper.js";
-import { Menu as o } from "@chakra-ui/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Menu as c } from "@chakra-ui/react";
 //#region lib/components/menu/menu-item.tsx
 var l = e(), u = (e) => {
 	let u = (0, l.c)(30), d, f, p, m, h, g, _, v, y;
@@ -11,16 +11,16 @@ var l = e(), u = (e) => {
 	let b = v !== void 0 && v, x = y === void 0 ? "button" : y, S;
 	u[10] !== d || u[11] !== x ? (S = d ?? a(x), u[10] = d, u[11] = x, u[12] = S) : S = u[12];
 	let C = S, w = m, T = _, E;
-	u[13] === w ? E = u[14] : (E = w && /* @__PURE__ */ s(w, { size: n.Medium }), u[13] = w, u[14] = E);
+	u[13] === w ? E = u[14] : (E = w && /* @__PURE__ */ o(w, { size: n.Medium }), u[13] = w, u[14] = E);
 	let D = E, O;
-	u[15] === T ? O = u[16] : (O = T && /* @__PURE__ */ s(T, {
+	u[15] === T ? O = u[16] : (O = T && /* @__PURE__ */ o(T, {
 		color: t.OnSurfaceSubdued,
 		size: n.Small
 	}), u[15] = T, u[16] = O);
 	let k;
-	u[17] === p ? k = u[18] : (k = p && /* @__PURE__ */ s(o.ItemCommand, { children: p }), u[17] = p, u[18] = k);
+	u[17] === p ? k = u[18] : (k = p && /* @__PURE__ */ o(c.ItemCommand, { children: p }), u[17] = p, u[18] = k);
 	let A;
-	u[19] !== f || u[20] !== O || u[21] !== k ? (A = /* @__PURE__ */ c(i, {
+	u[19] !== f || u[20] !== O || u[21] !== k ? (A = /* @__PURE__ */ s(i, {
 		justifyContent: "space-between",
 		alignItems: "center",
 		gap: r.XSmall,
@@ -32,7 +32,7 @@ var l = e(), u = (e) => {
 		]
 	}), u[19] = f, u[20] = O, u[21] = k, u[22] = A) : A = u[22];
 	let j;
-	return u[23] !== C || u[24] !== b || u[25] !== h || u[26] !== g || u[27] !== D || u[28] !== A ? (j = /* @__PURE__ */ c(o.Item, {
+	return u[23] !== C || u[24] !== b || u[25] !== h || u[26] !== g || u[27] !== D || u[28] !== A ? (j = /* @__PURE__ */ s(c.Item, {
 		as: C,
 		className: "menu-item",
 		disabled: b,

package/dist/components/menu/menu-list.js

@@ -1,12 +1,12 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { Menu as t, Portal as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { Menu as n, Portal as r } from "@chakra-ui/react";
 //#region lib/components/menu/menu-list.tsx
 var i = e(), a = (e) => {
 	let a = (0, i.c)(6), o, s;
 	a[0] === e ? (o = a[1], s = a[2]) : ({children: o, ...s} = e, a[0] = e, a[1] = o, a[2] = s);
 	let c;
-	return a[3] !== o || a[4] !== s ? (c = /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(t.Positioner, { children: /* @__PURE__ */ r(t.Content, {
+	return a[3] !== o || a[4] !== s ? (c = /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n.Positioner, { children: /* @__PURE__ */ t(n.Content, {
 		...s,
 		children: o
 	}) }) }), a[3] = o, a[4] = s, a[5] = c) : c = a[5], c;

package/dist/components/menu/menu.js

@@ -1,7 +1,7 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { forwardRef as t } from "react";
-import { Menu as n } from "@chakra-ui/react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { Menu as r } from "@chakra-ui/react";
 //#region lib/components/menu/menu.tsx
 var i = e(), a = t(function(e, t) {
 	let a = (0, i.c)(23), o, s, c, l, u, d, f;
@@ -21,9 +21,9 @@ var i = e(), a = t(function(e, t) {
 		overflowPadding: 0
 	}, a[10] = s, a[11] = p, a[12] = g, a[13] = _) : _ = a[13];
 	let v = _, y = h === "unmount", b = typeof o == "function", x;
-	a[14] !== o || a[15] !== b ? (x = b ? /* @__PURE__ */ r(n.Context, { children: (e) => o({ isOpen: e.open }) }) : o, a[14] = o, a[15] = b, a[16] = x) : x = a[16];
+	a[14] !== o || a[15] !== b ? (x = b ? /* @__PURE__ */ n(r.Context, { children: (e) => o({ isOpen: e.open }) }) : o, a[14] = o, a[15] = b, a[16] = x) : x = a[16];
 	let S;
-	return a[17] !== m || a[18] !== v || a[19] !== l || a[20] !== x || a[21] !== y ? (S = /* @__PURE__ */ r(n.Root, {
+	return a[17] !== m || a[18] !== v || a[19] !== l || a[20] !== x || a[21] !== y ? (S = /* @__PURE__ */ n(r.Root, {
 		lazyMount: m,
 		unmountOnExit: y,
 		positioning: v,