@povio/ui 3.0.0-rc.3 → 3.1.0

package/README.md

@@ -48,6 +48,45 @@ We also use a custom tailwind plugin to shorten some selectors inside the @povio
 @plugin "@povio/ui/tw-ui-plugin";
 ```
 
+### Z-Index
+
+`@povio/ui` uses named z-index theme tokens instead of hardcoded Tailwind values. These must be defined in your `base.css` inside the `@theme static` block so components stack correctly and can be overridden per app.
+
+```css
+@theme static {
+  --z-index-base: 0;
+  --z-index-raised: 1;
+  --z-index-sticky: 10;
+  --z-index-drawer: 20;
+  --z-index-modal: 30;
+  --z-index-bottom-sheet: 40;
+  --z-index-drop-target: 50;
+  --z-index-overlay-above: 100;
+}
+```
+
+| Token                     | Default | Utility class     | Used for                                                                                |
+| ------------------------- | ------- | ----------------- | --------------------------------------------------------------------------------------- |
+| `--z-index-base`          | `0`     | `z-base`          | Local stacking within a component (e.g. input trigger)                                  |
+| `--z-index-raised`        | `1`     | `z-raised`        | Elements raised above siblings within a component (e.g. clear button, tags)             |
+| `--z-index-sticky`        | `10`    | `z-sticky`        | Sticky elements like table headers                                                      |
+| `--z-index-drawer`        | `20`    | `z-drawer`        | Drawer overlay and panel                                                                |
+| `--z-index-modal`         | `30`    | `z-modal`         | Modal overlay                                                                           |
+| `--z-index-bottom-sheet`  | `40`    | `z-bottom-sheet`  | Bottom sheet overlay                                                                    |
+| `--z-index-drop-target`   | `50`    | `z-drop-target`   | File upload drop-target pseudo-elements                                                 |
+| `--z-index-overlay-above` | `100`   | `z-overlay-above` | Content that floats above its own overlay (e.g. bottom sheet footer, drop-zone content) |
+
+Tailwind 4 registers these as utility classes automatically — the `index` segment is dropped from the class name (e.g. `--z-index-drawer` becomes `z-drawer`). Each overlay type has its own token so they can stack independently — for example, a bottom sheet opened from within a drawer will render above the drawer by default.
+
+To adjust stacking for your app, override the values in your `@theme static` block:
+
+```css
+@theme static {
+  --z-index-drawer: 50;
+  --z-index-bottom-sheet: 60;
+}
+```
+
 ### Translations
 
 We're using `i18next` for translations. Make sure the package versions match in your project. Out of sync major version might cause issues.

package/dist/assets/icons/AlignCenter.js

@@ -1,30 +1,15 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/AlignCenter.tsx
-var AlignCenterIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M4.586 20.5a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535A.73.73 0 0 1 4.586 19h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm4-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h7.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm-4-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm4-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535a.73.73 0 0 1 .534-.215h7.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zM4.586 5a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215z"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 25 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var AlignCenterIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 25 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M4.586 20.5a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535A.73.73 0 0 1 4.586 19h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm4-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h7.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm-4-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm4-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535a.73.73 0 0 1 .534-.215h7.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zM4.586 5a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215z"
+	})
+});
 //#endregion
 export { AlignCenterIcon };

package/dist/assets/icons/AlignLeft.js

@@ -1,30 +1,15 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/AlignLeft.tsx
-var AlignLeftIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M4.586 20.5a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535A.73.73 0 0 1 4.586 19h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h9.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535a.73.73 0 0 1 .534-.215h9.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215z"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 25 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var AlignLeftIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 25 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M4.586 20.5a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535A.73.73 0 0 1 4.586 19h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h9.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535a.73.73 0 0 1 .534-.215h9.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215z"
+	})
+});
 //#endregion
 export { AlignLeftIcon };

package/dist/assets/icons/AlignLeftRight.js

@@ -1,30 +1,15 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/AlignLeftRight.tsx
-var AlignLeftRightIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M4.586 20.5a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535A.73.73 0 0 1 4.586 19h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535a.73.73 0 0 1 .534-.215h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215z"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 25 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var AlignLeftRightIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 25 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M4.586 20.5a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535A.73.73 0 0 1 4.586 19h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535a.73.73 0 0 1 .534-.215h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm0-3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215z"
+	})
+});
 //#endregion
 export { AlignLeftRightIcon };

package/dist/assets/icons/AlignRight.js

@@ -1,30 +1,15 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/AlignRight.tsx
-var AlignRightIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M4.586 5a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm6 3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535a.73.73 0 0 1 .534-.215h9.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm-6 3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm6 3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h9.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm-6 3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535A.73.73 0 0 1 4.586 19h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215z"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 25 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var AlignRightIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 25 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M4.586 5a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm6 3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535a.73.73 0 0 1 .534-.215h9.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm-6 3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216zm6 3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h9.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215zm-6 3.875a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.535A.73.73 0 0 1 4.586 19h15.5q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.535a.73.73 0 0 1-.534.215z"
+	})
+});
 //#endregion
 export { AlignRightIcon };

package/dist/assets/icons/ArrowDropDown.js

@@ -1,30 +1,15 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/ArrowDropDown.tsx
-var ArrowDropDownIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M7.7 10.65q0-.2.137-.35.138-.15.363-.15h7.6q.224 0 .363.15.137.15.137.35 0 .05-.15.35l-3.625 3.625a.8.8 0 0 1-.25.175.7.7 0 0 1-.275.05.7.7 0 0 1-.275-.05.8.8 0 0 1-.25-.175L7.85 11a.47.47 0 0 1-.15-.35"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var ArrowDropDownIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M7.7 10.65q0-.2.137-.35.138-.15.363-.15h7.6q.224 0 .363.15.137.15.137.35 0 .05-.15.35l-3.625 3.625a.8.8 0 0 1-.25.175.7.7 0 0 1-.275.05.7.7 0 0 1-.275-.05.8.8 0 0 1-.25-.175L7.85 11a.47.47 0 0 1-.15-.35"
+	})
+});
 //#endregion
 export { ArrowDropDownIcon };

package/dist/assets/icons/ArrowDropUp.js

@@ -1,30 +1,15 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/ArrowDropUp.tsx
-var ArrowDropUpIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M16.3 13.35q0 .2-.137.35a.47.47 0 0 1-.363.15H8.2q-.224 0-.363-.15a.5.5 0 0 1-.137-.35q0-.05.15-.35l3.625-3.625a.8.8 0 0 1 .25-.175.7.7 0 0 1 .275-.05q.15 0 .275.05a.8.8 0 0 1 .25.175L16.15 13a.47.47 0 0 1 .15.35"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var ArrowDropUpIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M16.3 13.35q0 .2-.137.35a.47.47 0 0 1-.363.15H8.2q-.224 0-.363-.15a.5.5 0 0 1-.137-.35q0-.05.15-.35l3.625-3.625a.8.8 0 0 1 .25-.175.7.7 0 0 1 .275-.05q.15 0 .275.05a.8.8 0 0 1 .25.175L16.15 13a.47.47 0 0 1 .15.35"
+	})
+});
 //#endregion
 export { ArrowDropUpIcon };

package/dist/assets/icons/ArrowLeft.js

@@ -1,30 +1,15 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/ArrowLeft.tsx
-var ArrowLeftIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M13.35 7.7q.2 0 .35.138.15.137.15.362v7.6q0 .225-.15.363a.5.5 0 0 1-.35.137q-.05 0-.35-.15l-3.625-3.625a.8.8 0 0 1-.175-.25.7.7 0 0 1-.05-.275q0-.15.05-.275a.8.8 0 0 1 .175-.25L13 7.85a.47.47 0 0 1 .35-.15"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var ArrowLeftIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M13.35 7.7q.2 0 .35.138.15.137.15.362v7.6q0 .225-.15.363a.5.5 0 0 1-.35.137q-.05 0-.35-.15l-3.625-3.625a.8.8 0 0 1-.175-.25.7.7 0 0 1-.05-.275q0-.15.05-.275a.8.8 0 0 1 .175-.25L13 7.85a.47.47 0 0 1 .35-.15"
+	})
+});
 //#endregion
 export { ArrowLeftIcon };

package/dist/assets/icons/ArrowRight.js

@@ -1,30 +1,15 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/ArrowRight.tsx
-var ArrowRightIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M10.65 16.3a.5.5 0 0 1-.35-.137.47.47 0 0 1-.15-.363V8.2q0-.224.15-.362a.5.5 0 0 1 .35-.138q.05 0 .35.15l3.625 3.625a.8.8 0 0 1 .175.25q.05.126.05.275t-.05.275a.8.8 0 0 1-.175.25L11 16.15a.47.47 0 0 1-.35.15"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var ArrowRightIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M10.65 16.3a.5.5 0 0 1-.35-.137.47.47 0 0 1-.15-.363V8.2q0-.224.15-.362a.5.5 0 0 1 .35-.138q.05 0 .35.15l3.625 3.625a.8.8 0 0 1 .175.25q.05.126.05.275t-.05.275a.8.8 0 0 1-.175.25L11 16.15a.47.47 0 0 1-.35.15"
+	})
+});
 //#endregion
 export { ArrowRightIcon };

package/dist/assets/icons/Bold.js

@@ -1,30 +1,15 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/Bold.tsx
-var BoldIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M9.016 19q-.669 0-1.137-.468a1.55 1.55 0 0 1-.469-1.137V6.605q0-.667.469-1.137A1.55 1.55 0 0 1 9.016 5h3.531q1.615 0 2.921 1.006 1.305 1.005 1.305 2.708 0 1.185-.572 1.932-.571.746-1.232 1.084.813.28 1.553 1.108t.74 2.23q0 2.026-1.494 2.979-1.495.953-3.01.953zm.666-2.105h2.991q1.248 0 1.764-.693t.516-1.329-.516-1.329-1.813-.693H9.682zm0-6.084h2.741q.963 0 1.527-.55t.564-1.32q0-.816-.596-1.334-.597-.518-1.462-.518H9.682z"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 25 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var BoldIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 25 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M9.016 19q-.669 0-1.137-.468a1.55 1.55 0 0 1-.469-1.137V6.605q0-.667.469-1.137A1.55 1.55 0 0 1 9.016 5h3.531q1.615 0 2.921 1.006 1.305 1.005 1.305 2.708 0 1.185-.572 1.932-.571.746-1.232 1.084.813.28 1.553 1.108t.74 2.23q0 2.026-1.494 2.979-1.495.953-3.01.953zm.666-2.105h2.991q1.248 0 1.764-.693t.516-1.329-.516-1.329-1.813-.693H9.682zm0-6.084h2.741q.963 0 1.527-.55t.564-1.32q0-.816-.596-1.334-.597-.518-1.462-.518H9.682z"
+	})
+});
 //#endregion
 export { BoldIcon };

package/dist/assets/icons/BulletedList.js

@@ -1,30 +1,15 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/BulletedList.tsx
-var BulletedListIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M10.394 18.75a.73.73 0 0 1-.535-.216.73.73 0 0 1-.215-.534q0-.32.215-.535a.73.73 0 0 1 .535-.215h9.692q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .319-.216.534a.73.73 0 0 1-.534.216zm0-6a.73.73 0 0 1-.535-.216.73.73 0 0 1-.215-.534q0-.32.215-.535a.73.73 0 0 1 .535-.215h9.692q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .319-.216.534a.73.73 0 0 1-.534.216zm0-6a.73.73 0 0 1-.535-.216A.73.73 0 0 1 9.644 6q0-.32.215-.535a.73.73 0 0 1 .535-.215h9.692q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .319-.216.534a.73.73 0 0 1-.534.216zM5.499 19.663q-.686 0-1.174-.488A1.6 1.6 0 0 1 3.835 18q0-.687.49-1.175a1.6 1.6 0 0 1 1.174-.489q.687 0 1.175.49.489.487.489 1.174t-.489 1.175a1.6 1.6 0 0 1-1.175.488m0-6q-.686 0-1.174-.488A1.6 1.6 0 0 1 3.835 12q0-.687.49-1.175a1.6 1.6 0 0 1 1.174-.489q.687 0 1.175.49.489.487.489 1.174t-.489 1.175a1.6 1.6 0 0 1-1.175.488m0-6q-.686 0-1.174-.488A1.6 1.6 0 0 1 3.835 6q0-.687.49-1.175a1.6 1.6 0 0 1 1.174-.489q.687 0 1.175.49.489.487.489 1.174t-.489 1.175a1.6 1.6 0 0 1-1.175.488"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 25 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var BulletedListIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 25 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M10.394 18.75a.73.73 0 0 1-.535-.216.73.73 0 0 1-.215-.534q0-.32.215-.535a.73.73 0 0 1 .535-.215h9.692q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .319-.216.534a.73.73 0 0 1-.534.216zm0-6a.73.73 0 0 1-.535-.216.73.73 0 0 1-.215-.534q0-.32.215-.535a.73.73 0 0 1 .535-.215h9.692q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .319-.216.534a.73.73 0 0 1-.534.216zm0-6a.73.73 0 0 1-.535-.216A.73.73 0 0 1 9.644 6q0-.32.215-.535a.73.73 0 0 1 .535-.215h9.692q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .319-.216.534a.73.73 0 0 1-.534.216zM5.499 19.663q-.686 0-1.174-.488A1.6 1.6 0 0 1 3.835 18q0-.687.49-1.175a1.6 1.6 0 0 1 1.174-.489q.687 0 1.175.49.489.487.489 1.174t-.489 1.175a1.6 1.6 0 0 1-1.175.488m0-6q-.686 0-1.174-.488A1.6 1.6 0 0 1 3.835 12q0-.687.49-1.175a1.6 1.6 0 0 1 1.174-.489q.687 0 1.175.49.489.487.489 1.174t-.489 1.175a1.6 1.6 0 0 1-1.175.488m0-6q-.686 0-1.174-.488A1.6 1.6 0 0 1 3.835 6q0-.687.49-1.175a1.6 1.6 0 0 1 1.174-.489q.687 0 1.175.49.489.487.489 1.174t-.489 1.175a1.6 1.6 0 0 1-1.175.488"
+	})
+});
 //#endregion
 export { BulletedListIcon };

package/dist/assets/icons/Calendar.js

@@ -1,32 +1,17 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/Calendar.tsx
-var CalendarIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			fillRule: "evenodd",
-			d: "M15.9 4.045c0-.439-.35-.795-.78-.795s-.78.356-.78.795v.796H9.66v-.796c0-.439-.35-.795-.78-.795s-.78.356-.78.795v.796H6.54c-1.292 0-2.34 1.068-2.34 2.386v11.137c0 1.318 1.048 2.386 2.34 2.386h10.92c1.292 0 2.34-1.068 2.34-2.386V7.227c0-1.318-1.048-2.386-2.34-2.386H15.9zm2.34 5.569V7.227c0-.439-.35-.795-.78-.795H15.9v.795c0 .44-.35.796-.78.796a.79.79 0 0 1-.78-.796v-.795H9.66v.795c0 .44-.35.796-.78.796a.79.79 0 0 1-.78-.796v-.795H6.54c-.43 0-.78.356-.78.795v2.387zm-12.48 1.59h12.48v7.16c0 .439-.35.795-.78.795H6.54a.79.79 0 0 1-.78-.795z",
-			clipRule: "evenodd"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var CalendarIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		fillRule: "evenodd",
+		d: "M15.9 4.045c0-.439-.35-.795-.78-.795s-.78.356-.78.795v.796H9.66v-.796c0-.439-.35-.795-.78-.795s-.78.356-.78.795v.796H6.54c-1.292 0-2.34 1.068-2.34 2.386v11.137c0 1.318 1.048 2.386 2.34 2.386h10.92c1.292 0 2.34-1.068 2.34-2.386V7.227c0-1.318-1.048-2.386-2.34-2.386H15.9zm2.34 5.569V7.227c0-.439-.35-.795-.78-.795H15.9v.795c0 .44-.35.796-.78.796a.79.79 0 0 1-.78-.796v-.795H9.66v.795c0 .44-.35.796-.78.796a.79.79 0 0 1-.78-.796v-.795H6.54c-.43 0-.78.356-.78.795v2.387zm-12.48 1.59h12.48v7.16c0 .439-.35.795-.78.795H6.54a.79.79 0 0 1-.78-.795z",
+		clipRule: "evenodd"
+	})
+});
 //#endregion
 export { CalendarIcon };

package/dist/assets/icons/Check.js

@@ -1,32 +1,17 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/Check.tsx
-var CheckIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			fillRule: "evenodd",
-			d: "M20.223 6.27a.91.91 0 0 1 0 1.306L9.834 17.73a.96.96 0 0 1-1.335 0l-4.722-4.616a.91.91 0 0 1 0-1.305.96.96 0 0 1 1.335 0l4.055 3.963 9.72-9.502a.96.96 0 0 1 1.336 0",
-			clipRule: "evenodd"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var CheckIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		fillRule: "evenodd",
+		d: "M20.223 6.27a.91.91 0 0 1 0 1.306L9.834 17.73a.96.96 0 0 1-1.335 0l-4.722-4.616a.91.91 0 0 1 0-1.305.96.96 0 0 1 1.335 0l4.055 3.963 9.72-9.502a.96.96 0 0 1 1.336 0",
+		clipRule: "evenodd"
+	})
+});
 //#endregion
 export { CheckIcon };

package/dist/assets/icons/CheckCircle.js

@@ -1,30 +1,15 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/assets/icons/CheckCircle.tsx
-var CheckCircleIcon = (props) => {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "m10.74 13.62-1.935-1.935a.85.85 0 0 0-.63-.248.85.85 0 0 0-.63.248.85.85 0 0 0-.247.63q0 .383.247.63l2.565 2.565q.27.27.63.27t.63-.27l5.085-5.085a.85.85 0 0 0 .248-.63.85.85 0 0 0-.248-.63.85.85 0 0 0-.63-.247.85.85 0 0 0-.63.247zM12 21a8.8 8.8 0 0 1-3.51-.709 9.1 9.1 0 0 1-2.857-1.924 9.1 9.1 0 0 1-1.924-2.857A8.8 8.8 0 0 1 3 12q0-1.867.709-3.51a9.1 9.1 0 0 1 1.924-2.857A9.1 9.1 0 0 1 8.49 3.709 8.8 8.8 0 0 1 12 3q1.867 0 3.51.709a9.1 9.1 0 0 1 2.858 1.924A9.1 9.1 0 0 1 20.29 8.49 8.8 8.8 0 0 1 21 12a8.8 8.8 0 0 1-.709 3.51 9.1 9.1 0 0 1-1.924 2.858 9.1 9.1 0 0 1-2.857 1.923A8.8 8.8 0 0 1 12 21"
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			className: "fill-current",
-			...props,
-			children: t0
-		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-};
+var CheckCircleIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	className: "fill-current",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "m10.74 13.62-1.935-1.935a.85.85 0 0 0-.63-.248.85.85 0 0 0-.63.248.85.85 0 0 0-.247.63q0 .383.247.63l2.565 2.565q.27.27.63.27t.63-.27l5.085-5.085a.85.85 0 0 0 .248-.63.85.85 0 0 0-.248-.63.85.85 0 0 0-.63-.247.85.85 0 0 0-.63.247zM12 21a8.8 8.8 0 0 1-3.51-.709 9.1 9.1 0 0 1-2.857-1.924 9.1 9.1 0 0 1-1.924-2.857A8.8 8.8 0 0 1 3 12q0-1.867.709-3.51a9.1 9.1 0 0 1 1.924-2.857A9.1 9.1 0 0 1 8.49 3.709 8.8 8.8 0 0 1 12 3q1.867 0 3.51.709a9.1 9.1 0 0 1 2.858 1.924A9.1 9.1 0 0 1 20.29 8.49 8.8 8.8 0 0 1 21 12a8.8 8.8 0 0 1-.709 3.51 9.1 9.1 0 0 1-1.924 2.858 9.1 9.1 0 0 1-2.857 1.923A8.8 8.8 0 0 1 12 21"
+	})
+});
 //#endregion
 export { CheckCircleIcon };