@caspeco/casper-ui-library 10.9.0 → 11.0.0

package/dist/components/phone-input/country-data.d.ts

@@ -1,6 +1,9 @@
 import { CountryCode } from 'libphonenumber-js/mobile/es6';
 import { Locales } from './translations.js';
-/** Lowercases and strips diacritics for accent-insensitive search (e.g. "espana" matches "España"). */
+/**
+ * Lowercases and strips diacritics for accent-insensitive search (e.g. "espana" matches "España"),
+ * and strips a leading "+" so dial codes can be searched the way they're dialed (e.g. "+46").
+ */
 export declare function normalizeForSearch(value: string): string;
 /** A country row produced by {@link getLocalizedCountries}. */
 export interface CountryItem {

package/dist/components/phone-input/country-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"country-data.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/country-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,uGAAuG;AACvG,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKxD;AAQD,+DAA+D;AAC/D,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oFAAoF;IACpF,UAAU,EAAE,MAAM,CAAC;CACnB;AAgBD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,OAAO,GAAG,WAAW,EAAE,CAmBpE"}
+{"version":3,"file":"country-data.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/country-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMxD;AAQD,+DAA+D;AAC/D,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oFAAoF;IACpF,UAAU,EAAE,MAAM,CAAC;CACnB;AAgBD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,OAAO,GAAG,WAAW,EAAE,CAmBpE"}

package/dist/components/phone-input/country-data.js

@@ -2,7 +2,7 @@ import { getCountries as e } from "../../node_modules/libphonenumber-js/mobile/e
 import { getCountryCallingCode as t } from "../../node_modules/libphonenumber-js/mobile/es6/exports/getCountryCallingCode.js";
 //#region lib/components/phone-input/country-data.ts
 function n(e) {
-	return e.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase();
+	return e.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase().replace(/^\+/, "");
 }
 var r = e().map((e) => {
 	let n = new Intl.Locale(`und-${e}`).maximize().language, r = new Intl.DisplayNames([n], { type: "region" }).of(e) ?? e;

package/dist/components/phone-input/translations.js

@@ -2,17 +2,17 @@
 var e = {
 	searchCountryPlaceholder: "Search country...",
 	noCountriesFound: "No countries found",
-	enterPhoneNumberPlaceholder: "Enter your phone number",
-	numberLooksIncomplete: "Please enter a valid phone number",
-	requiredFieldEmpty: "Phone number is required",
+	enterPhoneNumberPlaceholder: "Enter your mobile number",
+	numberLooksIncomplete: "Please enter a valid mobile number",
+	requiredFieldEmpty: "Mobile number is required",
 	openCountrySelector: "Open country selector"
 }, t = {
 	"sv-SE": {
 		searchCountryPlaceholder: "Sök land...",
 		noCountriesFound: "Inga länder hittades",
-		enterPhoneNumberPlaceholder: "Ange ditt telefonnummer",
-		numberLooksIncomplete: "Ange ett giltigt telefonnummer",
-		requiredFieldEmpty: "Telefonnummer krävs",
+		enterPhoneNumberPlaceholder: "Ange ditt mobilnummer",
+		numberLooksIncomplete: "Ange ett giltigt mobilnummer",
+		requiredFieldEmpty: "Mobilnummer krävs",
 		openCountrySelector: "Öppna landsväljaren"
 	},
 	"en-US": e,
@@ -20,33 +20,33 @@ var e = {
 	"nb-NO": {
 		searchCountryPlaceholder: "Søk land...",
 		noCountriesFound: "Ingen land funnet",
-		enterPhoneNumberPlaceholder: "Skriv inn telefonnummeret ditt",
-		numberLooksIncomplete: "Skriv inn et gyldig telefonnummer",
-		requiredFieldEmpty: "Telefonnummer er påkrevd",
+		enterPhoneNumberPlaceholder: "Skriv inn mobilnummeret ditt",
+		numberLooksIncomplete: "Skriv inn et gyldig mobilnummer",
+		requiredFieldEmpty: "Mobilnummer er påkrevd",
 		openCountrySelector: "Åpne landvelgeren"
 	},
 	"da-DK": {
 		searchCountryPlaceholder: "Søg land...",
 		noCountriesFound: "Ingen lande fundet",
-		enterPhoneNumberPlaceholder: "Indtast dit telefonnummer",
-		numberLooksIncomplete: "Indtast et gyldigt telefonnummer",
-		requiredFieldEmpty: "Telefonnummer er påkrævet",
+		enterPhoneNumberPlaceholder: "Indtast dit mobilnummer",
+		numberLooksIncomplete: "Indtast et gyldigt mobilnummer",
+		requiredFieldEmpty: "Mobilnummer er påkrævet",
 		openCountrySelector: "Åbn landevælgeren"
 	},
 	"fr-FR": {
 		searchCountryPlaceholder: "Rechercher un pays...",
 		noCountriesFound: "Aucun pays trouvé",
-		enterPhoneNumberPlaceholder: "Entrez votre numéro de téléphone",
-		numberLooksIncomplete: "Veuillez saisir un numéro de téléphone valide",
-		requiredFieldEmpty: "Le numéro de téléphone est obligatoire",
+		enterPhoneNumberPlaceholder: "Entrez votre numéro de mobile",
+		numberLooksIncomplete: "Veuillez saisir un numéro de mobile valide",
+		requiredFieldEmpty: "Le numéro de mobile est obligatoire",
 		openCountrySelector: "Ouvrir le sélecteur de pays"
 	},
 	"nl-BE": {
 		searchCountryPlaceholder: "Zoek land...",
 		noCountriesFound: "Geen landen gevonden",
-		enterPhoneNumberPlaceholder: "Voer uw telefoonnummer in",
-		numberLooksIncomplete: "Voer een geldig telefoonnummer in",
-		requiredFieldEmpty: "Telefoonnummer is verplicht",
+		enterPhoneNumberPlaceholder: "Voer uw mobiele nummer in",
+		numberLooksIncomplete: "Voer een geldig mobiel nummer in",
+		requiredFieldEmpty: "Mobiel nummer is verplicht",
 		openCountrySelector: "Landselector openen"
 	}
 };

package/dist/components/quantity-button/quantity-button.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quantity-button.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/quantity-button/quantity-button.composition.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS,mCAiBrB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAiBrB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAyC1B,CAAC"}
+{"version":3,"file":"quantity-button.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/quantity-button/quantity-button.composition.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS,mCAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAKrB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAmC1B,CAAC"}

package/dist/components/quantity-button/quantity-button.d.ts

@@ -1,3 +1,3 @@
 import { QuantityButtonProps } from './types.js';
-export declare function QuantityButton({ size, quantity, onClickPlus, onClickMinus, minusButtonAriaLabel, plusButtonAriaLabel, min, max, disabled, ...props }: QuantityButtonProps): import("react").JSX.Element;
+export declare function QuantityButton({ value, defaultValue, onValueChange, min, max, step, size, minusButtonAriaLabel, plusButtonAriaLabel, disabled, readOnly, invalid, id, "aria-label": ariaLabel, ...props }: QuantityButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=quantity-button.d.ts.map

package/dist/components/quantity-button/quantity-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quantity-button.d.ts","sourceRoot":"","sources":["../../../lib/components/quantity-button/quantity-button.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,wBAAgB,cAAc,CAAC,EAC9B,IAAW,EACX,QAAY,EACZ,WAAW,EACX,YAAY,EACZ,oBAAiC,EACjC,mBAAgC,EAChC,GAAO,EACP,GAAQ,EACR,QAAgB,EAChB,GAAG,KAAK,EACR,EAAE,mBAAmB,+BAyDrB"}
+{"version":3,"file":"quantity-button.d.ts","sourceRoot":"","sources":["../../../lib/components/quantity-button/quantity-button.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAKnD,wBAAgB,cAAc,CAAC,EAC9B,KAAK,EACL,YAAY,EACZ,aAAa,EACb,GAAO,EACP,GAAQ,EACR,IAAQ,EACR,IAAmB,EACnB,oBAAiC,EACjC,mBAAgC,EAChC,QAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACR,EAAE,mBAAmB,+BA0GrB"}

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

@@ -1,73 +1,129 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeBorderVariable as t, ThemeColorVariable as n, ThemeFontSizeVariable as r, ThemeFontVariable as i, ThemeRadiusVariable as a } from "../../theme/theme-types.js";
-import { MinusButton as o } from "./minus-button.js";
-import { PlusButton as s } from "./plus-button.js";
-import { Box as c, Flex as l, Text as u } from "@chakra-ui/react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ThemeBreakPointToken as t } from "../../theme/theme-tokens.js";
+import { ThemeBorderVariable as n, ThemeColorVariable as r, ThemeFontSizeVariable as i, ThemeFontVariable as ee, ThemeRadiusVariable as te } from "../../theme/theme-types.js";
+import { DecreaseIcon as ne } from "../icon/icons/decrease-icon.js";
+import { IncreaseIcon as re } from "../icon/icons/increase-icon.js";
+import { IconButton as a } from "../icon-button/icon-button.js";
+import { useState as ie } from "react";
+import { Box as ae, Flex as o, NumberInputDecrementTrigger as oe, NumberInputIncrementTrigger as se, NumberInputInput as ce, NumberInputRoot as le, useBreakpointValue as ue, useControllableState as de } from "@chakra-ui/react";
+import { jsx as s, jsxs as fe } from "react/jsx-runtime";
 //#region lib/components/quantity-button/quantity-button.tsx
-var p = e();
-function m(e) {
-	let m = (0, p.c)(33), h, g, _, v, y, b, x, S, C, w;
-	m[0] === e ? (h = m[1], g = m[2], _ = m[3], v = m[4], y = m[5], b = m[6], x = m[7], S = m[8], C = m[9], w = m[10]) : ({size: v, quantity: y, onClickPlus: g, onClickMinus: h, minusButtonAriaLabel: b, plusButtonAriaLabel: x, min: S, max: C, disabled: w, ..._} = e, m[0] = e, m[1] = h, m[2] = g, m[3] = _, m[4] = v, m[5] = y, m[6] = b, m[7] = x, m[8] = S, m[9] = C, m[10] = w);
-	let T = v === void 0 ? "sm" : v, E = y === void 0 ? 0 : y, D = b === void 0 ? "decrease" : b, O = x === void 0 ? "increase" : x, k = S === void 0 ? 0 : S, A = C === void 0 ? 99 : C, j = w !== void 0 && w, M = T === "lg", N = M ? "160px" : "120px", P = M ? "lg" : "md", F = M ? r.XLarge : r.Large, I = E <= k || j, L;
-	m[11] !== P || m[12] !== D || m[13] !== h || m[14] !== I ? (L = /* @__PURE__ */ d(o, {
-		onClick: h,
-		ariaLabel: D,
-		buttonSize: P,
-		isDisabled: I
-	}), m[11] = P, m[12] = D, m[13] = h, m[14] = I, m[15] = L) : L = m[15];
-	let R;
-	m[16] !== E || m[17] !== F ? (R = /* @__PURE__ */ d(l, {
-		justify: "center",
-		align: "center",
-		userSelect: "none",
-		zIndex: -1,
-		left: "0",
-		right: "0",
-		ml: "auto",
-		mr: "auto",
-		position: "absolute",
-		h: "100%",
-		children: /* @__PURE__ */ d(u, {
-			fontFamily: i.SubHeader,
-			fontWeight: "normal",
-			fontSize: F,
-			color: n.OnSurface,
-			children: E
+var pe = e(), c = "sm";
+function l(e) {
+	let l = (0, pe.c)(60), u, d, f, p, m, h, g, _, v, y, b, x, S, C, w;
+	l[0] === e ? (u = l[1], d = l[2], f = l[3], p = l[4], m = l[5], h = l[6], g = l[7], _ = l[8], v = l[9], y = l[10], b = l[11], x = l[12], S = l[13], C = l[14], w = l[15]) : ({value: w, defaultValue: d, onValueChange: p, min: h, max: g, step: _, size: v, minusButtonAriaLabel: y, plusButtonAriaLabel: b, disabled: x, readOnly: S, invalid: C, id: f, "aria-label": u, ...m} = e, l[0] = e, l[1] = u, l[2] = d, l[3] = f, l[4] = p, l[5] = m, l[6] = h, l[7] = g, l[8] = _, l[9] = v, l[10] = y, l[11] = b, l[12] = x, l[13] = S, l[14] = C, l[15] = w);
+	let T = h === void 0 ? 0 : h, E = g === void 0 ? 99 : g, D = _ === void 0 ? 1 : _, O = v === void 0 ? c : v, k = y === void 0 ? "decrease" : y, A = b === void 0 ? "increase" : b, j = x !== void 0 && x, M = S !== void 0 && S, N = C !== void 0 && C, P = d ?? T, F;
+	l[16] !== p || l[17] !== P || l[18] !== w ? (F = {
+		value: w,
+		defaultValue: P,
+		onChange: p
+	}, l[16] = p, l[17] = P, l[18] = w, l[19] = F) : F = l[19];
+	let [me, I] = de(F), [he, L] = ie(null), R = (ue(typeof O == "string" || O === void 0 ? { [t.Base]: O ?? c } : O, { fallback: c }) ?? c) === "lg", z = R ? "160px" : "120px", B = R ? "lg" : "md", V = he ?? String(me), H;
+	l[20] !== k || l[21] !== A ? (H = {
+		incrementLabel: A,
+		decrementLabel: k
+	}, l[20] = k, l[21] = A, l[22] = H) : H = l[22];
+	let U;
+	l[23] === I ? U = l[24] : (U = (e) => {
+		let { value: t, valueAsNumber: n } = e;
+		L(t), Number.isNaN(n) || I(n);
+	}, l[23] = I, l[24] = U);
+	let W;
+	l[25] !== T || l[26] !== I ? (W = (e) => {
+		let { focused: t, valueAsNumber: n } = e;
+		t || (L(null), Number.isNaN(n) && I(T));
+	}, l[25] = T, l[26] = I, l[27] = W) : W = l[27];
+	let G;
+	l[28] === Symbol.for("react.memo_cache_sentinel") ? (G = {
+		borderColor: r.Info,
+		boxShadow: `0 0 0 4px ${r.InfoContainer}`
+	}, l[28] = G) : G = l[28];
+	let K;
+	l[29] !== B || l[30] !== k ? (K = /* @__PURE__ */ s(oe, {
+		asChild: !0,
+		children: /* @__PURE__ */ s(a, {
+			variant: "ghost",
+			icon: ne,
+			size: B,
+			"aria-label": k
 		})
-	}), m[16] = E, m[17] = F, m[18] = R) : R = m[18];
-	let z = E >= A || j, B;
-	m[19] !== P || m[20] !== g || m[21] !== O || m[22] !== z ? (B = /* @__PURE__ */ d(s, {
-		isDisabled: z,
-		onClick: g,
-		ariaLabel: O,
-		buttonSize: P
-	}), m[19] = P, m[20] = g, m[21] = O, m[22] = z, m[23] = B) : B = m[23];
-	let V;
-	m[24] !== R || m[25] !== B || m[26] !== L || m[27] !== N ? (V = /* @__PURE__ */ d(c, {
-		border: t.XSmall,
-		borderColor: n.OnBackgroundBorder,
-		borderRadius: a.XLarge,
-		backgroundColor: n.Surface,
+	}), l[29] = B, l[30] = k, l[31] = K) : K = l[31];
+	let q = R ? i.XLarge : i.Large, J;
+	l[32] === Symbol.for("react.memo_cache_sentinel") ? (J = {
+		cursor: "not-allowed",
+		color: r.OnSurfaceSubdued
+	}, l[32] = J) : J = l[32];
+	let Y;
+	l[33] !== u || l[34] !== f || l[35] !== q ? (Y = /* @__PURE__ */ s(ce, {
+		unstyled: !0,
+		id: f,
+		"aria-label": u,
+		flex: 1,
+		minWidth: 0,
+		alignSelf: "stretch",
+		textAlign: "center",
+		border: "none",
+		outline: "none",
+		background: "transparent",
+		cursor: "text",
+		fontFamily: ee.SubHeader,
+		fontSize: q,
+		color: r.OnSurface,
+		_disabled: J
+	}), l[33] = u, l[34] = f, l[35] = q, l[36] = Y) : Y = l[36];
+	let X;
+	l[37] !== B || l[38] !== A ? (X = /* @__PURE__ */ s(se, {
+		asChild: !0,
+		children: /* @__PURE__ */ s(a, {
+			variant: "ghost",
+			icon: re,
+			size: B,
+			"aria-label": A
+		})
+	}), l[37] = B, l[38] = A, l[39] = X) : X = l[39];
+	let Z;
+	l[40] !== K || l[41] !== Y || l[42] !== X ? (Z = /* @__PURE__ */ s(ae, {
+		width: "100%",
+		border: n.XSmall,
+		borderColor: r.OnBackgroundBorder,
+		borderRadius: te.XLarge,
+		backgroundColor: r.Surface,
 		opacity: .88,
-		children: /* @__PURE__ */ f(l, {
+		_focusWithin: G,
+		children: /* @__PURE__ */ fe(o, {
+			align: "center",
 			justify: "space-between",
-			position: "relative",
-			zIndex: 1,
-			w: N,
 			children: [
-				L,
-				R,
-				B
+				K,
+				Y,
+				X
 			]
 		})
-	}), m[24] = R, m[25] = B, m[26] = L, m[27] = N, m[28] = V) : V = m[28];
-	let H;
-	return m[29] !== _ || m[30] !== V || m[31] !== N ? (H = /* @__PURE__ */ d(l, {
-		w: N,
-		..._,
-		children: V
-	}), m[29] = _, m[30] = V, m[31] = N, m[32] = H) : H = m[32], H;
+	}), l[40] = K, l[41] = Y, l[42] = X, l[43] = Z) : Z = l[43];
+	let Q;
+	l[44] !== m || l[45] !== Z || l[46] !== z ? (Q = /* @__PURE__ */ s(o, {
+		w: z,
+		...m,
+		children: Z
+	}), l[44] = m, l[45] = Z, l[46] = z, l[47] = Q) : Q = l[47];
+	let $;
+	return l[48] !== j || l[49] !== N || l[50] !== E || l[51] !== T || l[52] !== M || l[53] !== D || l[54] !== V || l[55] !== H || l[56] !== U || l[57] !== W || l[58] !== Q ? ($ = /* @__PURE__ */ s(le, {
+		unstyled: !0,
+		value: V,
+		min: T,
+		max: E,
+		step: D,
+		disabled: j,
+		readOnly: M,
+		invalid: N,
+		allowMouseWheel: !1,
+		clampValueOnBlur: !0,
+		spinOnPress: !0,
+		translations: H,
+		onValueChange: U,
+		onFocusChange: W,
+		children: Q
+	}), l[48] = j, l[49] = N, l[50] = E, l[51] = T, l[52] = M, l[53] = D, l[54] = V, l[55] = H, l[56] = U, l[57] = W, l[58] = Q, l[59] = $) : $ = l[59], $;
 }
 //#endregion
-export { m as QuantityButton };
+export { l as QuantityButton };

package/dist/components/quantity-button/types.d.ts

@@ -3,26 +3,37 @@ import { ConditionalValue } from '@chakra-ui/react';
 type CustomThemeProps = PaddingProps & MarginProps & LayoutProps & ShadowProps & CustomChakraBoxProps;
 type CustomThemePropsWithExclusions = Omit<CustomThemeProps, "justify" | "justifyContent" | "zIndex">;
 export type QuantityButtonProps = {
-    /** Function to be called when plus button is clicked. */
-    onClickPlus: () => void;
-    /** Function to be called when minus button is clicked. */
-    onClickMinus: () => void;
-    /** Quantity to display. 0 is not shown . */
-    quantity?: number;
-    /** Min number for quantity. Defaults to 0.
-     * When quantity equals min, the minus button will be disabled. */
+    /** The current quantity. Pass with `onValueChange` for a controlled component. */
+    value?: number;
+    /** Starting quantity when the component manages its own value. */
+    defaultValue?: number;
+    /** Called with the new quantity, whether it was typed or stepped with the buttons. */
+    onValueChange?: (value: number) => void;
+    /** Lowest quantity that can be reached. Defaults to 0.
+     * When the quantity equals min, the decrease button is disabled. */
     min?: number;
-    /** Max number for quantity. Defaults to 99.
-     * When quantity equals max, the plus button will be disabled. */
+    /** Highest quantity that can be reached. Defaults to 99.
+     * When the quantity equals max, the increase button is disabled. */
     max?: number;
+    /** How much the buttons and arrow keys move the quantity. Defaults to 1. */
+    step?: number;
     /** The size of the component, default is small ('sm') */
     size?: ConditionalValue<"lg" | "sm"> | undefined;
-    /** Aria label for icon with plus icon. Defaults to "increase" */
-    plusButtonAriaLabel?: string;
-    /** Aria label for icon with minus icon. Defaults to "decrease" */
+    /** Accessible name for the quantity field. The visible label usually sits outside the
+     * component, in which case pass `id` instead and point a label at it. */
+    "aria-label"?: string;
+    /** Id for the quantity field, to pair with an external label. */
+    id?: string;
+    /** Aria label for the decrease button. Defaults to "decrease" */
     minusButtonAriaLabel?: string;
-    /** Disables plus and minus button */
+    /** Aria label for the increase button. Defaults to "increase" */
+    plusButtonAriaLabel?: string;
+    /** Disables the field and both buttons */
     disabled?: boolean;
+    /** Shows the quantity but does not allow changing it */
+    readOnly?: boolean;
+    /** Renders the invalid appearance */
+    invalid?: boolean;
 } & CustomThemePropsWithExclusions;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/quantity-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/quantity-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACzG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,KAAK,gBAAgB,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,oBAAoB,CAAC;AAEtG,KAAK,8BAA8B,GAAG,IAAI,CACzC,gBAAgB,EAEhB,SAAS,GAAG,gBAAgB,GAAG,QAAQ,CACvC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IACjC,yDAAyD;IACzD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0DAA0D;IAC1D,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;sEACkE;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;qEACiE;IACjE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,IAAI,CAAC,EAAE,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kEAAkE;IAClE,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,8BAA8B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/quantity-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACzG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,KAAK,gBAAgB,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,oBAAoB,CAAC;AAEtG,KAAK,8BAA8B,GAAG,IAAI,CACzC,gBAAgB,EAEhB,SAAS,GAAG,gBAAgB,GAAG,QAAQ,CACvC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IACjC,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;wEACoE;IACpE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;wEACoE;IACpE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,IAAI,CAAC,EAAE,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD;6EACyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iEAAiE;IACjE,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,8BAA8B,CAAC"}

package/dist/node_modules/@tiptap/core/dist/index.js

@@ -1888,24 +1888,34 @@ function vr(e, t, n) {
 		raw: a
 	};
 }
-function yr(e, t, n, r) {
+var yr = 4;
+function br(e) {
+	let t = 0;
+	for (let n of e) t = n === "	" ? t + yr - t % yr : t + 1;
+	return t;
+}
+function xr(e, t, n, r, i) {
 	if (!e || !Array.isArray(e.content)) return "";
-	let i = typeof n == "function" ? n(r) : n, [a, ...o] = e.content, s = `${i}${t.renderChildren([a])}`;
-	return o && o.length > 0 && o.forEach((e, n) => {
+	let a = typeof n == "function" ? n(r) : n, [o, ...s] = e.content, c = `${a}${t.renderChildren([o])}`;
+	return s && s.length > 0 && s.forEach((e, n) => {
 		let r = t.renderChild?.call(t, e, n + 1) ?? t.renderChildren([e]);
 		if (r != null) {
-			let n = r.split("\n").map((e) => e ? t.indent(e) : t.indent("")).join("\n");
-			s += e.type === "paragraph" ? `\n\n${n}` : `\n${n}`;
+			let n = (e) => {
+				if (!i?.alignNestedToPrefix) return t.indent(e);
+				let n = t.indent(""), r = br(a);
+				return (br(n) >= r ? n : " ".repeat(r)) + e;
+			}, o = r.split("\n").map((e) => n(e || "")).join("\n");
+			c += e.type === "paragraph" ? `\n\n${o}` : `\n${o}`;
 		}
-	}), s;
+	}), c;
 }
-function br(e, t) {
+function Sr(e, t) {
 	let n = { ...e };
 	return Z(e) && Z(t) && Object.keys(t).forEach((r) => {
-		Z(t[r]) && Z(e[r]) ? n[r] = br(e[r], t[r]) : n[r] = t[r];
+		Z(t[r]) && Z(e[r]) ? n[r] = Sr(e[r], t[r]) : n[r] = t[r];
 	}), n;
 }
-function xr(e, t, n = {}) {
+function Cr(e, t, n = {}) {
 	let { state: r } = t, { doc: i, tr: a } = r, o = e;
 	i.descendants((t, r) => {
 		let i = a.mapping.map(r), s = a.mapping.map(r) + t.nodeSize, c = null;
@@ -1929,14 +1939,14 @@ var Q = class {
 	constructor(e) {
 		this.find = e.find, this.handler = e.handler, this.undoable = e.undoable ?? !0;
 	}
-}, Sr = (e, t) => {
+}, wr = (e, t) => {
 	if (k(t)) return t.exec(e);
 	let n = t(e);
 	if (!n) return null;
 	let r = [n.text];
 	return r.index = n.index, r.input = e, r.data = n.data, n.replaceWith && (n.text.includes(n.replaceWith) || console.warn("[tiptap warn]: \"inputRuleMatch.replaceWith\" must be part of \"inputRuleMatch.text\"."), r.push(n.replaceWith)), r;
 };
-function Cr(e) {
+function Tr(e) {
 	let { editor: t, from: n, to: r, text: i, rules: a, plugin: o } = e, { view: s } = t;
 	if (s.composing) return !1;
 	let c = s.state.doc.resolve(n);
@@ -1944,7 +1954,7 @@ function Cr(e) {
 	let l = !1, u = rn(c) + i;
 	return a.forEach((e) => {
 		if (l) return;
-		let a = Sr(u, e.find);
+		let a = wr(u, e.find);
 		if (!a) return;
 		let d = a[0].length - i.length;
 		if (d > 0) {
@@ -1976,7 +1986,7 @@ function Cr(e) {
 		}), s.dispatch(f), l = !0);
 	}), l;
 }
-function wr(e) {
+function Er(e) {
 	let { editor: t, rules: n } = e, i = new y({
 		state: {
 			init() {
@@ -1990,7 +2000,7 @@ function wr(e) {
 					let { text: e } = c;
 					e = typeof e == "string" ? e : H(r.from(e), o.schema);
 					let { from: a } = c, s = a + e.length;
-					Cr({
+					Tr({
 						editor: t,
 						from: a,
 						to: s,
@@ -2003,7 +2013,7 @@ function wr(e) {
 		},
 		props: {
 			handleTextInput(e, r, a, o) {
-				return Cr({
+				return Tr({
 					editor: t,
 					from: r,
 					to: a,
@@ -2014,7 +2024,7 @@ function wr(e) {
 			},
 			handleDOMEvents: { compositionend: (e) => (setTimeout(() => {
 				let { $cursor: r } = e.state.selection;
-				r && Cr({
+				r && Tr({
 					editor: t,
 					from: r.pos,
 					to: r.pos,
@@ -2026,7 +2036,7 @@ function wr(e) {
 			handleKeyDown(e, r) {
 				if (r.key !== "Enter") return !1;
 				let { $cursor: a } = e.state.selection;
-				return a ? Cr({
+				return a ? Tr({
 					editor: t,
 					from: a.pos,
 					to: a.pos,
@@ -2040,7 +2050,7 @@ function wr(e) {
 	});
 	return i;
 }
-var Tr = class {
+var Dr = class {
 	constructor(e = {}) {
 		this.type = "extendable", this.parent = null, this.child = null, this.name = "", this.config = { name: this.name }, this.config = {
 			...this.config,
@@ -2059,7 +2069,7 @@ var Tr = class {
 	configure(e = {}) {
 		let t = this.extend({
 			...this.config,
-			addOptions: () => br(this.options, e)
+			addOptions: () => Sr(this.options, e)
 		});
 		return t.name = this.name, t.parent = this.parent, this.child = null, t;
 	}
@@ -2070,7 +2080,7 @@ var Tr = class {
 		});
 		return t.parent = this, this.child = t, t.name = "name" in e ? e.name : t.parent.name, t;
 	}
-}, Er = class e extends Tr {
+}, Or = class e extends Dr {
 	constructor(...e) {
 		super(...e), this.type = "mark";
 	}
@@ -2095,11 +2105,11 @@ var Tr = class {
 		let t = typeof e == "function" ? e() : e;
 		return super.extend(t);
 	}
-}, Dr = class {
+}, kr = class {
 	constructor(e) {
 		this.find = e.find, this.handler = e.handler;
 	}
-}, Or = (e, t, n) => {
+}, Ar = (e, t, n) => {
 	if (k(t)) return [...e.matchAll(t)];
 	let r = t(e, n);
 	return r ? r.map((t) => {
@@ -2107,7 +2117,7 @@ var Tr = class {
 		return n.index = t.index, n.input = e, n.data = t.data, t.replaceWith && (t.text.includes(t.replaceWith) || console.warn("[tiptap warn]: \"pasteRuleMatch.replaceWith\" must be part of \"pasteRuleMatch.text\"."), n.push(t.replaceWith)), n;
 	}) : [];
 };
-function kr(e) {
+function jr(e) {
 	let { editor: t, state: n, from: r, to: i, rule: a, pasteEvent: o, dropEvent: s } = e, { commands: c, chain: l, can: u } = new D({
 		editor: t,
 		state: n
@@ -2116,7 +2126,7 @@ function kr(e) {
 		var f;
 		if ((f = e.type) != null && (f = f.spec) != null && f.code || !(e.isText || e.isTextblock || e.isInline)) return;
 		let p = e.content?.size ?? e.nodeSize ?? 0, m = Math.max(r, t), h = Math.min(i, t + p);
-		m >= h || Or(e.isText ? e.text || "" : e.textBetween(m - t, h - t, void 0, ""), a.find, o).forEach((e) => {
+		m >= h || Ar(e.isText ? e.text || "" : e.textBetween(m - t, h - t, void 0, ""), a.find, o).forEach((e) => {
 			if (e.index === void 0) return;
 			let t = m + e.index + 1, r = t + e[0].length, i = {
 				from: n.tr.mapping.map(t),
@@ -2135,12 +2145,12 @@ function kr(e) {
 		});
 	}), d.every((e) => e !== null);
 }
-var Ar = null, jr = (e) => {
+var Mr = null, Nr = (e) => {
 	var t;
 	let n = new ClipboardEvent("paste", { clipboardData: new DataTransfer() });
 	return (t = n.clipboardData) == null || t.setData("text/html", e), n;
 };
-function Mr(e) {
+function Pr(e) {
 	let { editor: t, rules: n } = e, i = null, a = !1, o = !1, s = typeof ClipboardEvent < "u" ? new ClipboardEvent("paste") : null, c;
 	try {
 		c = typeof DragEvent < "u" ? new DragEvent("drop") : null;
@@ -2152,7 +2162,7 @@ function Mr(e) {
 			state: e,
 			transaction: o
 		});
-		if (!(!kr({
+		if (!(!jr({
 			editor: t,
 			state: l,
 			from: Math.max(n - 1, 0),
@@ -2172,9 +2182,9 @@ function Mr(e) {
 	return n.map((e) => new y({
 		view(e) {
 			let n = (n) => {
-				i = e.dom.parentElement?.contains(n.target) ? e.dom.parentElement : null, i && (Ar = t);
+				i = e.dom.parentElement?.contains(n.target) ? e.dom.parentElement : null, i && (Mr = t);
 			}, r = () => {
-				Ar &&= null;
+				Mr &&= null;
 			};
 			return window.addEventListener("dragstart", n), window.addEventListener("dragend", r), { destroy() {
 				window.removeEventListener("dragstart", n), window.removeEventListener("dragend", r);
@@ -2183,7 +2193,7 @@ function Mr(e) {
 		props: { handleDOMEvents: {
 			drop: (e, t) => {
 				if (o = i === e.dom.parentElement, c = t, !o) {
-					let e = Ar;
+					let e = Mr;
 					e?.isEditable && setTimeout(() => {
 						let t = e.state.selection;
 						t && e.commands.deleteRange({
@@ -2205,7 +2215,7 @@ function Mr(e) {
 			if (p) {
 				let { text: t } = f;
 				t = typeof t == "string" ? t : H(r.from(t), i.schema);
-				let { from: n } = f, a = n + t.length, o = jr(t);
+				let { from: n } = f, a = n + t.length, o = Nr(t);
 				return l({
 					rule: e,
 					state: i,
@@ -2225,7 +2235,7 @@ function Mr(e) {
 		}
 	}));
 }
-var Nr = class {
+var Fr = class {
 	constructor(e, t) {
 		this.splittableMarks = [], this.nonClearableMarks = [], this.decorationManager = null, this.editor = t, this.baseExtensions = e, this.extensions = Ht(e), this.schema = Bt(this.extensions, t), this.setupExtensions();
 	}
@@ -2253,7 +2263,7 @@ var Nr = class {
 				editor: e,
 				type: q(t.name, this.schema)
 			}, r = [], i = B(t, "addKeyboardShortcuts", n), a = {};
-			if (t.type === "mark" && B(t, "exitable", n) && (a.ArrowRight = () => Er.handleExit({
+			if (t.type === "mark" && B(t, "exitable", n) && (a.ArrowRight = () => Or.handleExit({
 				editor: e,
 				mark: t
 			})), i) {
@@ -2269,7 +2279,7 @@ var Nr = class {
 			if (ln(t, e.options.enableInputRules) && s) {
 				let t = s();
 				if (t && t.length) {
-					let n = wr({
+					let n = Er({
 						editor: e,
 						rules: t
 					}), i = Array.isArray(n) ? n : [n];
@@ -2280,7 +2290,7 @@ var Nr = class {
 			if (ln(t, e.options.enablePasteRules) && c) {
 				let t = c();
 				if (t && t.length) {
-					let n = Mr({
+					let n = Pr({
 						editor: e,
 						rules: t
 					});
@@ -2402,7 +2412,7 @@ var Nr = class {
 					extension: t,
 					HTMLAttributes: s,
 					updateAttributes: (t) => {
-						xr(i, e, t);
+						Cr(i, e, t);
 					}
 				});
 			}] : [];
@@ -2434,8 +2444,8 @@ var Nr = class {
 		});
 	}
 };
-Nr.resolve = Ht, Nr.sort = K, Nr.flatten = V;
-var $ = class e extends Tr {
+Fr.resolve = Ht, Fr.sort = K, Fr.flatten = V;
+var $ = class e extends Dr {
 	constructor(...e) {
 		super(...e), this.type = "extension";
 	}
@@ -2450,7 +2460,7 @@ var $ = class e extends Tr {
 		let t = typeof e == "function" ? e() : e;
 		return super.extend(t);
 	}
-}, Pr = $.create({
+}, Ir = $.create({
 	name: "clipboardTextSerializer",
 	addOptions() {
 		return { blockSeparator: void 0 };
@@ -2470,12 +2480,12 @@ var $ = class e extends Tr {
 			} }
 		})];
 	}
-}), Fr = $.create({
+}), Lr = $.create({
 	name: "commands",
 	addCommands() {
 		return { ...Wn };
 	}
-}), Ir = $.create({
+}), Rr = $.create({
 	name: "delete",
 	onUpdate({ transaction: e, appendedTransactions: t }) {
 		var n;
@@ -2529,7 +2539,7 @@ var $ = class e extends Tr {
 		};
 		((n = this.editor.options.coreExtensionOptions) == null || (n = n.delete) == null ? void 0 : n.async) ?? !0 ? setTimeout(r, 0) : r();
 	}
-}), Lr = $.create({
+}), zr = $.create({
 	name: "drop",
 	addProseMirrorPlugins() {
 		return [new y({
@@ -2544,7 +2554,7 @@ var $ = class e extends Tr {
 			} }
 		})];
 	}
-}), Rr = $.create({
+}), Br = $.create({
 	name: "editable",
 	addProseMirrorPlugins() {
 		return [new y({
@@ -2552,12 +2562,12 @@ var $ = class e extends Tr {
 			props: { editable: () => this.editor.options.editable }
 		})];
 	}
-}), zr = new b("focusEvents"), Br = $.create({
+}), Vr = new b("focusEvents"), Hr = $.create({
 	name: "focusEvents",
 	addProseMirrorPlugins() {
 		let { editor: e } = this;
 		return [new y({
-			key: zr,
+			key: Vr,
 			props: { handleDOMEvents: {
 				focus: (t, n) => {
 					e.isFocused = !0;
@@ -2572,7 +2582,7 @@ var $ = class e extends Tr {
 			} }
 		})];
 	}
-}), Vr = $.create({
+}), Ur = $.create({
 	name: "keymap",
 	addKeyboardShortcuts() {
 		let e = () => this.editor.commands.first(({ commands: e }) => [
@@ -2636,7 +2646,7 @@ var $ = class e extends Tr {
 			}
 		})];
 	}
-}), Hr = $.create({
+}), Wr = $.create({
 	name: "paste",
 	addProseMirrorPlugins() {
 		return [new y({
@@ -2650,7 +2660,7 @@ var $ = class e extends Tr {
 			} }
 		})];
 	}
-}), Ur = $.create({
+}), Gr = $.create({
 	name: "tabindex",
 	addOptions() {
 		return { value: void 0 };
@@ -2661,7 +2671,7 @@ var $ = class e extends Tr {
 			props: { attributes: () => !this.editor.isEditable && this.options.value === void 0 ? {} : { tabindex: this.options.value ?? "0" } }
 		})];
 	}
-}), Wr = $.create({
+}), Kr = $.create({
 	name: "textDirection",
 	addOptions() {
 		return { direction: void 0 };
@@ -2690,10 +2700,10 @@ var $ = class e extends Tr {
 			} }
 		})];
 	}
-}), Gr = !1;
-function Kr(e) {
-	if (Gr) return;
-	Gr = !0;
+}), qr = !1;
+function Jr(e) {
+	if (qr) return;
+	qr = !0;
 	let t;
 	try {
 		t = l.fromJSON(e, {
@@ -2705,7 +2715,7 @@ function Kr(e) {
 	}
 	t instanceof r || console.warn("[tiptap warn]: prosemirror-model is loaded more than once. Wrapping and splitting nodes will fail. Deduplicate it in your lock file, or alias it to a single copy in your bundler.");
 }
-var qr = class e {
+var Yr = class e {
 	get name() {
 		return this.node.type.name;
 	}
@@ -2827,7 +2837,7 @@ var qr = class e {
 			...e
 		}), this.editor.view.dispatch(t);
 	}
-}, Jr = ".ProseMirror {\n  position: relative;\n}\n\n.ProseMirror {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  white-space: break-spaces;\n  -webkit-font-variant-ligatures: none;\n  font-variant-ligatures: none;\n  font-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n}\n\n.ProseMirror [contenteditable=\"false\"] {\n  white-space: normal;\n}\n\n.ProseMirror [contenteditable=\"false\"] [contenteditable=\"true\"] {\n  white-space: pre-wrap;\n}\n\n.ProseMirror pre {\n  white-space: pre-wrap;\n}\n\nimg.ProseMirror-separator {\n  display: inline !important;\n  border: none !important;\n  margin: 0 !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n\n.ProseMirror-gapcursor {\n  display: none;\n  pointer-events: none;\n  position: absolute;\n  margin: 0;\n}\n\n.ProseMirror-gapcursor:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: -2px;\n  width: 20px;\n  border-top: 1px solid black;\n  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;\n}\n\n@keyframes ProseMirror-cursor-blink {\n  to {\n    visibility: hidden;\n  }\n}\n\n.ProseMirror-hideselection *::selection {\n  background: transparent;\n}\n\n.ProseMirror-hideselection *::-moz-selection {\n  background: transparent;\n}\n\n.ProseMirror-hideselection * {\n  caret-color: transparent;\n}\n\n.ProseMirror-focused .ProseMirror-gapcursor {\n  display: block;\n}", Yr = class extends qn {
+}, Xr = ".ProseMirror {\n  position: relative;\n}\n\n.ProseMirror {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  white-space: break-spaces;\n  -webkit-font-variant-ligatures: none;\n  font-variant-ligatures: none;\n  font-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n}\n\n.ProseMirror [contenteditable=\"false\"] {\n  white-space: normal;\n}\n\n.ProseMirror [contenteditable=\"false\"] [contenteditable=\"true\"] {\n  white-space: pre-wrap;\n}\n\n.ProseMirror pre {\n  white-space: pre-wrap;\n}\n\nimg.ProseMirror-separator {\n  display: inline !important;\n  border: none !important;\n  margin: 0 !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n\n.ProseMirror-gapcursor {\n  display: none;\n  pointer-events: none;\n  position: absolute;\n  margin: 0;\n}\n\n.ProseMirror-gapcursor:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: -2px;\n  width: 20px;\n  border-top: 1px solid black;\n  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;\n}\n\n@keyframes ProseMirror-cursor-blink {\n  to {\n    visibility: hidden;\n  }\n}\n\n.ProseMirror-hideselection *::selection {\n  background: transparent;\n}\n\n.ProseMirror-hideselection *::-moz-selection {\n  background: transparent;\n}\n\n.ProseMirror-hideselection * {\n  caret-color: transparent;\n}\n\n.ProseMirror-focused .ProseMirror-gapcursor {\n  display: block;\n}", Zr = class extends qn {
 	constructor(e = {}) {
 		super(), this.css = null, this.className = "tiptap", this.editorView = null, this.isFocused = !1, this.destroyed = !1, this.isInitialized = !1, this.extensionStorage = {}, this.instanceId = Math.random().toString(36).slice(2, 9), this.hasWarnedStaleDecorationRead = !1, this.options = {
 			element: typeof document < "u" ? document.createElement("div") : null,
@@ -2876,7 +2886,7 @@ var qr = class e {
 				selection: e || void 0
 			});
 		}
-		Kr(this.schema), this.options.element && this.mount(this.options.element);
+		Jr(this.schema), this.options.element && this.mount(this.options.element);
 	}
 	mount(e) {
 		if (typeof document > "u") throw Error("[tiptap error]: The editor cannot be mounted because there is no 'document' defined in this environment.");
@@ -2910,7 +2920,7 @@ var qr = class e {
 		return this.commandManager ? this.commandManager.can() : D.createFallbackCan();
 	}
 	injectCSS() {
-		this.options.injectCSS && typeof document < "u" && (this.css = hr(Jr, this.options.injectNonce));
+		this.options.injectCSS && typeof document < "u" && (this.css = hr(Xr, this.options.injectNonce));
 	}
 	setOptions(e = {}) {
 		this.options = {
@@ -2968,22 +2978,22 @@ var qr = class e {
 	createExtensionManager() {
 		var e, t;
 		let n = [...this.options.enableCoreExtensions ? [
-			Rr,
-			Pr.configure({ blockSeparator: (e = this.options.coreExtensionOptions) == null || (e = e.clipboardTextSerializer) == null ? void 0 : e.blockSeparator }),
-			Fr,
 			Br,
-			Vr,
-			Ur.configure({ value: (t = this.options.coreExtensionOptions) == null || (t = t.tabindex) == null ? void 0 : t.value }),
+			Ir.configure({ blockSeparator: (e = this.options.coreExtensionOptions) == null || (e = e.clipboardTextSerializer) == null ? void 0 : e.blockSeparator }),
 			Lr,
 			Hr,
-			Ir,
-			Wr.configure({ direction: this.options.textDirection })
+			Ur,
+			Gr.configure({ value: (t = this.options.coreExtensionOptions) == null || (t = t.tabindex) == null ? void 0 : t.value }),
+			zr,
+			Wr,
+			Rr,
+			Kr.configure({ direction: this.options.textDirection })
 		].filter((e) => typeof this.options.enableCoreExtensions != "object" || this.options.enableCoreExtensions[e.name] !== !1) : [], ...this.options.extensions].filter((e) => [
 			"extension",
 			"node",
 			"mark"
 		].includes(e?.type));
-		this.extensionManager = new Nr(n, this);
+		this.extensionManager = new Fr(n, this);
 	}
 	createCommandManager() {
 		this.commandManager = new D({ editor: this });
@@ -3124,13 +3134,13 @@ var qr = class e {
 	}
 	$pos(e) {
 		let t = this.state.doc.resolve(e), n = e > 0 && t.nodeAfter && !t.nodeAfter.isText && t.nodeAfter.isAtom ? t.nodeAfter : null;
-		return new qr(t, this, !1, n);
+		return new Yr(t, this, !1, n);
 	}
 	get $doc() {
 		return this.$pos(0);
 	}
 };
-function Xr(e) {
+function Qr(e) {
 	return new Q({
 		find: e.find,
 		handler: ({ state: t, range: n, match: r }) => {
@@ -3148,7 +3158,7 @@ function Xr(e) {
 		undoable: e.undoable
 	});
 }
-function Zr(e) {
+function $r(e) {
 	return new Q({
 		find: e.find,
 		handler: ({ state: t, range: n, match: r }) => {
@@ -3167,7 +3177,7 @@ function Zr(e) {
 		undoable: e.undoable
 	});
 }
-function Qr(e) {
+function ei(e) {
 	return new Q({
 		find: e.find,
 		handler: ({ state: t, range: n, match: r }) => {
@@ -3178,7 +3188,7 @@ function Qr(e) {
 		undoable: e.undoable
 	});
 }
-function $r(e) {
+function ti(e) {
 	return new Q({
 		find: e.find,
 		handler: ({ state: t, range: n, match: r, chain: i }) => {
@@ -3201,7 +3211,7 @@ function $r(e) {
 		undoable: e.undoable
 	});
 }
-var ei = class e extends Tr {
+var ni = class e extends Dr {
 	constructor(...e) {
 		super(...e), this.type = "node";
 	}
@@ -3217,8 +3227,8 @@ var ei = class e extends Tr {
 		return super.extend(t);
 	}
 };
-function ti(e) {
-	return new Dr({
+function ri(e) {
+	return new kr({
 		find: e.find,
 		handler: ({ state: t, range: n, match: r, pasteEvent: i }) => {
 			let a = U(e.getAttributes, void 0, r, i);
@@ -3233,4 +3243,4 @@ function ti(e) {
 	});
 }
 //#endregion
-export { D as CommandManager, Y as DECORATION_MANAGER_PLUGIN_KEY, pr as DecorationManager, Yr as Editor, Tr as Extendable, $ as Extension, Q as InputRule, pn as MappablePosition, Er as Mark, ei as Node, qr as NodePos, Dr as PasteRule, U as callOrReturn, mr as canInsertNode, Dt as combineTransactionSteps, Wn as commands, E as createChainableState, R as createDocument, hn as createMappablePosition, F as createNodeFromContent, hr as createStyleTag, $e as defaultBlockAt, gt as deleteProps, P as elementFromString, Ot as findChildrenInRange, Vt as findDuplicates, z as findParentNode, kt as findParentNodeClosestToPos, V as flattenExtensions, It as fromString, Wt as generateHTML, Gt as generateJSON, Xt as getAttributes, Mt as getAttributesFromExtensions, $t as getChangedRanges, B as getExtensionField, H as getHTMLFromFragment, Et as getMarkAttributes, Re as getMarkRange, j as getMarkType, en as getMarksBetween, tn as getNodeAtPosition, Yt as getNodeAttributes, O as getNodeType, nn as getPreviousBlockSibling, G as getRenderedAttributes, Ut as getSchema, Bt as getSchemaByResolvedExtensions, q as getSchemaTypeByName, L as getSchemaTypeNameByName, J as getSplittedAttributes, qt as getText, Kt as getTextBetween, rn as getTextContentFromNodes, Jt as getTextSerializersFromSchema, mn as getUpdatedPosition, Lt as injectExtensionAttributesToParseRule, wr as inputRulesPlugin, on as isActive, Ue as isAndroid, sn as isAtEndOfNode, cn as isAtStartOfNode, jt as isEmptyObject, ln as isExtensionRulesEnabled, At as isFunction, un as isList, lt as isMacOS, an as isMarkActive, I as isNodeActive, dn as isNodeEmpty, fn as isNodeSelection, gr as isNumber, Z as isPlainObject, k as isRegExp, We as isSafari, Ve as isTextSelection, N as isiOS, Xr as markInputRule, ti as markPasteRule, Ft as mergeAttributes, br as mergeDeep, M as minMax, Zr as nodeInputRule, A as objectIncludes, vr as parseIndentedBlocks, Mr as pasteRulesPlugin, Zt as removeDuplicates, yr as renderNestedMarkdownContent, Ht as resolveExtensions, He as resolveFocusPosition, Ze as selectionToInsertionEnd, K as sortExtensions, W as splitExtensions, Qr as textblockTypeInputRule, xr as updateMarkViewAttributes, $r as wrappingInputRule };
+export { D as CommandManager, Y as DECORATION_MANAGER_PLUGIN_KEY, pr as DecorationManager, Zr as Editor, Dr as Extendable, $ as Extension, Q as InputRule, pn as MappablePosition, Or as Mark, ni as Node, Yr as NodePos, kr as PasteRule, U as callOrReturn, mr as canInsertNode, Dt as combineTransactionSteps, Wn as commands, E as createChainableState, R as createDocument, hn as createMappablePosition, F as createNodeFromContent, hr as createStyleTag, $e as defaultBlockAt, gt as deleteProps, P as elementFromString, Ot as findChildrenInRange, Vt as findDuplicates, z as findParentNode, kt as findParentNodeClosestToPos, V as flattenExtensions, It as fromString, Wt as generateHTML, Gt as generateJSON, Xt as getAttributes, Mt as getAttributesFromExtensions, $t as getChangedRanges, B as getExtensionField, H as getHTMLFromFragment, Et as getMarkAttributes, Re as getMarkRange, j as getMarkType, en as getMarksBetween, tn as getNodeAtPosition, Yt as getNodeAttributes, O as getNodeType, nn as getPreviousBlockSibling, G as getRenderedAttributes, Ut as getSchema, Bt as getSchemaByResolvedExtensions, q as getSchemaTypeByName, L as getSchemaTypeNameByName, J as getSplittedAttributes, qt as getText, Kt as getTextBetween, rn as getTextContentFromNodes, Jt as getTextSerializersFromSchema, mn as getUpdatedPosition, Lt as injectExtensionAttributesToParseRule, Er as inputRulesPlugin, on as isActive, Ue as isAndroid, sn as isAtEndOfNode, cn as isAtStartOfNode, jt as isEmptyObject, ln as isExtensionRulesEnabled, At as isFunction, un as isList, lt as isMacOS, an as isMarkActive, I as isNodeActive, dn as isNodeEmpty, fn as isNodeSelection, gr as isNumber, Z as isPlainObject, k as isRegExp, We as isSafari, Ve as isTextSelection, N as isiOS, Qr as markInputRule, ri as markPasteRule, Ft as mergeAttributes, Sr as mergeDeep, M as minMax, $r as nodeInputRule, A as objectIncludes, vr as parseIndentedBlocks, Pr as pasteRulesPlugin, Zt as removeDuplicates, xr as renderNestedMarkdownContent, Ht as resolveExtensions, He as resolveFocusPosition, Ze as selectionToInsertionEnd, K as sortExtensions, W as splitExtensions, ei as textblockTypeInputRule, Cr as updateMarkViewAttributes, ti as wrappingInputRule };

package/dist/node_modules/@tiptap/extension-list/dist/index.js

@@ -288,7 +288,7 @@ var I = i.create({
 			return F((n = e.meta) == null || (n = n.parentAttrs) == null ? void 0 : n.type, r - 1 + (e.index || 0), ". ");
 		}
 		return "- ";
-	}, n),
+	}, n, { alignNestedToPrefix: n?.parentType === "orderedList" }),
 	addExtensions() {
 		return [x(this.name, [this.options.bulletListTypeName, this.options.orderedListTypeName])];
 	},

package/dist/node_modules/libphonenumber-js/metadata.mobile.json.js

@@ -3106,7 +3106,7 @@ var e = {
 			0,
 			0,
 			0,
-			[0, ["(?:4(?:(?:09|24)[3-6]|44[0-35-9]|6(?:4[0-57-9]|6[0-6])|7(?:4[0-48]|6[0-5]))|5(?:25[3-7]|35[4-8]|73[0-6]|95[0-8])|6(?:26[013-8]|(?:66|78)[0-5])|70(?:7[1-8]|8[0-8])|84(?:4[0-2]|8[0-35-9])|9(?:29[013-9]|39[014-9]|59[0-467]|899))\\d{4}|(?:4(?:4[0-35-9]|6[0-357-9]|7[0-35])|5(?:[1-59][0-46-9]|6[0-4689]|7[0-246-9])|6(?:0[1-9]|[13-59]\\d|[268][0-57-9]|7[0-79])|70[1-59]|84[0-39]|9(?:0[1-9]|1[02-9]|[2358][0-8]|[467]\\d))\\d{5}", [8]]],
+			[0, ["(?:4(?:0(?:6[0-3]|9[3-6])|24[3-6]|44[0-35-9]|6(?:4[0-57-9]|6[0-6])|7(?:4[0-48]|6[0-5]))|5(?:25[3-7]|35[4-8]|73[0-6]|95[0-8])|6(?:26[013-8]|(?:66|78)[0-5])|70(?:7[1-8]|8[0-8])|84(?:4[0-2]|8[0-35-9])|9(?:29[013-9]|39[014-9]|59[0-467]|899))\\d{4}|(?:4(?:4[0-35-9]|6[0-357-9]|7[0-35])|5(?:[1-59][0-46-9]|6[0-4689]|7[0-246-9])|6(?:0[1-9]|[13-59]\\d|[268][0-57-9]|7[0-79])|70[1-59]|84[0-39]|9(?:0[1-9]|1[02-9]|[2358][0-8]|[467]\\d))\\d{5}", [8]]],
 			"00"
 		],
 		HN: [
@@ -3843,7 +3843,7 @@ var e = {
 			0,
 			0,
 			0,
-			[0, ["(?:427|7(?:[78][0-25-9]|9\\d))\\d{6}", [9]]]
+			[0, ["(?:427|7(?:11|[29]\\d|[78][0-25-9]))\\d{6}", [9]]]
 		],
 		JP: [
 			"81",
@@ -5733,7 +5733,7 @@ var e = {
 			[[
 				"(\\d{3})(\\d{4})",
 				"$1 $2",
-				["18|[2-69]|85"]
+				["18|[2-69]|85[02-46-9]"]
 			], [
 				"(\\d{4})(\\d{4})",
 				"$1 $2",
@@ -5745,7 +5745,7 @@ var e = {
 			0,
 			0,
 			0,
-			[0, ["(?:7\\d|8[1-48])\\d{6}", [8]]],
+			[0, ["(?:7\\d|8[1-58])\\d{6}", [8]]],
 			"00"
 		],
 		PH: [
@@ -7458,7 +7458,7 @@ var e = {
 			0,
 			0,
 			0,
-			[0, ["(?:6[1-35-9]|7\\d)\\d{7}"]]
+			[0, ["(?:6[0-35-9]|7\\d)\\d{7}"]]
 		],
 		UA: [
 			"380",
@@ -8032,20 +8032,23 @@ var e = {
 		ZW: [
 			"263",
 			"00",
-			"2(?:[0-57-9]\\d{6,8}|6[0-24-9]\\d{6,7})|[38]\\d{9}|[35-8]\\d{8}|[3-6]\\d{7}|[1-689]\\d{6}|[1-3569]\\d{5}|[1356]\\d{4}",
+			"(?:13|8\\d{4})\\d{5}|[235-8]\\d{8}|[2-689]\\d{6}",
 			[
-				5,
-				6,
 				7,
-				8,
 				9,
 				10
 			],
 			[
+				[
+					"(\\d{2})(\\d{3,5})",
+					"$1 $2",
+					["1|2(?:0[0-36-9]|29|58)|67[0-46-9]|(?:55|68)[0-69]"],
+					"0$1"
+				],
 				[
 					"(\\d{3})(\\d{3,5})",
 					"$1 $2",
-					["2(?:0[45]|2[278]|[49]8)|3(?:[09]8|17)|6(?:[29]8|37|75)|[23][78]|(?:33|5[15]|6[68])[78]"],
+					["2(?:0[45]|[27]|48)|37|675|(?:55|68)[78]"],
 					"0$1"
 				],
 				[
@@ -8061,45 +8064,39 @@ var e = {
 					"0$1"
 				],
 				[
-					"(\\d{2})(\\d{7})",
+					"(\\d{4})(\\d{3,5})",
 					"$1 $2",
-					["24|8[13-59]|(?:2[05-79]|39|5[45]|6[15-8])2", "2(?:02[014]|4|[56]20|[79]2)|392|5(?:42|525)|6(?:[16-8]21|52[013])|8[13-59]"],
-					"(0$1)"
-				],
-				[
-					"(\\d{2})(\\d{3})(\\d{4})",
-					"$1 $2 $3",
-					["7"],
+					["548"],
 					"0$1"
 				],
 				[
-					"(\\d{3})(\\d{3})(\\d{3,4})",
+					"(\\d{2})(\\d{3})(\\d{3,4})",
 					"$1 $2 $3",
-					["2(?:1[39]|2[0157]|[378]|[56][14])|3(?:12|29)", "2(?:1[39]|2[0157]|[378]|[56][14])|3(?:123|29)"],
+					["29[013-9]"],
 					"0$1"
 				],
 				[
-					"(\\d{4})(\\d{6})",
+					"(\\d{2})(\\d{7})",
 					"$1 $2",
-					["8"],
-					"0$1"
+					["[256]|39|8[13-59]"],
+					"(0$1)"
 				],
 				[
-					"(\\d{2})(\\d{3,5})",
-					"$1 $2",
-					["1|2(?:0[0-36-9]|12|29|[56])|3(?:1[0-689]|[24-6])|5(?:[0236-9]|1[2-4])|6(?:[013-59]|7[0-46-9])|(?:33|55|6[68])[0-69]|(?:29|3[09]|62)[0-79]"],
+					"(\\d{2})(\\d{3})(\\d{4})",
+					"$1 $2 $3",
+					["7"],
 					"0$1"
 				],
 				[
-					"(\\d{2})(\\d{3})(\\d{3,4})",
+					"(\\d{3})(\\d{3})(\\d{3,4})",
 					"$1 $2 $3",
-					["29[013-9]|39|54"],
+					["3"],
 					"0$1"
 				],
 				[
-					"(\\d{4})(\\d{3,5})",
+					"(\\d{4})(\\d{6})",
 					"$1 $2",
-					["(?:25|54)8", "258|5483"],
+					["8"],
 					"0$1"
 				]
 			],

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "10.9.0",
+	"version": "11.0.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -43,28 +43,28 @@
 		"@babel/core": "^7.29.7",
 		"@caspeco/eslint-config-react": "^5.4.2",
 		"@caspeco/prettier-config": "^1.0.7",
-		"@chakra-ui/cli": "^3.36.1",
+		"@chakra-ui/cli": "^3.37.0",
 		"@rolldown/plugin-babel": "^0.2.3",
-		"@types/node": "^26.3.0",
+		"@types/node": "^26.4.1",
 		"@types/react": "^19.2.18",
 		"@types/react-dom": "^19.2.4",
-		"@vitejs/plugin-react": "^6.1.0",
+		"@vitejs/plugin-react": "^6.1.1",
 		"@vitest/browser": "^4.1.11",
 		"@vitest/browser-playwright": "^4.1.11",
 		"@vitest/ui": "^4.1.11",
 		"babel-plugin-react-compiler": "^1.0.0",
 		"eslint": "^9.39.2",
 		"eslint-plugin-react-hooks": "^7.1.1",
-		"eslint-plugin-react-refresh": "^0.5.4",
-		"globals": "^17.11.0",
-		"knip": "^6.32.2",
+		"eslint-plugin-react-refresh": "^0.5.5",
+		"globals": "^17.12.0",
+		"knip": "^6.34.0",
 		"playwright": "1.62.1",
 		"prettier": "^3.9.6",
 		"rimraf": "^6.1.3",
-		"tsc-alias": "^1.9.2",
+		"tsc-alias": "^1.9.3",
 		"typescript": "^6.0.3",
 		"vite": "^8.2.1",
-		"vite-plugin-dts": "^5.0.3",
+		"vite-plugin-dts": "^5.1.0",
 		"vitest": "^4.1.11",
 		"vitest-browser-react": "^2.2.0"
 	},
@@ -82,15 +82,15 @@
 		"@floating-ui/dom": "^1.8.0",
 		"@tanstack/react-table": "^8.21.3",
 		"@tanstack/react-virtual": "^3.14.10",
-		"@tiptap/core": "^3.30.5",
-		"@tiptap/extension-link": "^3.30.5",
-		"@tiptap/extension-underline": "^3.30.5",
-		"@tiptap/react": "^3.30.5",
-		"@tiptap/starter-kit": "^3.30.5",
+		"@tiptap/core": "^3.31.0",
+		"@tiptap/extension-link": "^3.31.0",
+		"@tiptap/extension-underline": "^3.31.0",
+		"@tiptap/react": "^3.31.0",
+		"@tiptap/starter-kit": "^3.31.0",
 		"country-flag-icons": "^1.6.20",
 		"csstype": "^3.2.3",
 		"date-fns": "^4.4.0",
-		"libphonenumber-js": "^1.13.11",
+		"libphonenumber-js": "^1.13.12",
 		"linkifyjs": "^4.3.3",
 		"next-themes": "^0.4.6"
 	}

package/dist/components/quantity-button/minus-button.d.ts

@@ -1,9 +0,0 @@
-type MinusButtonProps = {
-    ariaLabel: string;
-    buttonSize: "lg" | "sm" | "md";
-    onClick: () => void;
-    isDisabled: boolean;
-};
-export declare function MinusButton({ buttonSize, ariaLabel, onClick, isDisabled }: MinusButtonProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=minus-button.d.ts.map

package/dist/components/quantity-button/minus-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"minus-button.d.ts","sourceRoot":"","sources":["../../../lib/components/quantity-button/minus-button.tsx"],"names":[],"mappings":"AAGA,KAAK,gBAAgB,GAAG;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,gBAAgB,+BAW3F"}

package/dist/components/quantity-button/minus-button.js

@@ -1,19 +0,0 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { DecreaseIcon as t } from "../icon/icons/decrease-icon.js";
-import { IconButton as n } from "../icon-button/icon-button.js";
-import { jsx as r } from "react/jsx-runtime";
-//#region lib/components/quantity-button/minus-button.tsx
-var i = e();
-function a(e) {
-	let a = (0, i.c)(5), { buttonSize: o, ariaLabel: s, onClick: c, isDisabled: l } = e, u;
-	return a[0] !== s || a[1] !== o || a[2] !== l || a[3] !== c ? (u = /* @__PURE__ */ r(n, {
-		variant: "ghost",
-		icon: t,
-		"aria-label": s,
-		size: o,
-		onClick: c,
-		isDisabled: l
-	}), a[0] = s, a[1] = o, a[2] = l, a[3] = c, a[4] = u) : u = a[4], u;
-}
-//#endregion
-export { a as MinusButton };

package/dist/components/quantity-button/plus-button.d.ts

@@ -1,9 +0,0 @@
-type PlusButtonProps = {
-    isDisabled: boolean;
-    ariaLabel: string;
-    buttonSize: "lg" | "sm" | "md";
-    onClick: () => void;
-};
-export declare function PlusButton({ ariaLabel, buttonSize, onClick, isDisabled }: PlusButtonProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=plus-button.d.ts.map

package/dist/components/quantity-button/plus-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"plus-button.d.ts","sourceRoot":"","sources":["../../../lib/components/quantity-button/plus-button.tsx"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,eAAe,+BAWzF"}

package/dist/components/quantity-button/plus-button.js

@@ -1,19 +0,0 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { IncreaseIcon as t } from "../icon/icons/increase-icon.js";
-import { IconButton as n } from "../icon-button/icon-button.js";
-import { jsx as r } from "react/jsx-runtime";
-//#region lib/components/quantity-button/plus-button.tsx
-var i = e();
-function a(e) {
-	let a = (0, i.c)(5), { ariaLabel: o, buttonSize: s, onClick: c, isDisabled: l } = e, u;
-	return a[0] !== o || a[1] !== s || a[2] !== l || a[3] !== c ? (u = /* @__PURE__ */ r(n, {
-		variant: "ghost",
-		icon: t,
-		"aria-label": o,
-		size: s,
-		onClick: c,
-		isDisabled: l
-	}), a[0] = o, a[1] = s, a[2] = l, a[3] = c, a[4] = u) : u = a[4], u;
-}
-//#endregion
-export { a as PlusButton };