@povio/ui 2.1.22 → 2.2.1

package/README.md

@@ -4,7 +4,7 @@ UI Components that match Povio's Atlas Design System.
 
 ## Installation
 
-`yarn add @povio/ui`
+`pnpm add @povio/ui`
 
 ## Versioning
 

package/dist/{rolldown_runtime.js → _virtual/rolldown:runtime.js}

@@ -2,6 +2,15 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (all, symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
 var __copyProps = (to, from, except, desc) => {
 	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
 		key = keys[i];
@@ -12,5 +21,11 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-export { __reExport };
+var __reExport = (target, mod, secondTarget, symbols) => {
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+		secondTarget && __defProp(secondTarget, Symbol.toStringTag, { value: "Module" });
+	}
+	__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default");
+};
+export { __export, __reExport };

package/dist/assets/icons/{ViewOff.d.ts → Account.d.ts}

@@ -1,2 +1,2 @@
 import { SVGProps } from 'react';
-export declare const ViewOffIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/{ArrowDropDown.js → assets/icons/ArrowDropDown.js}

@@ -7,7 +7,7 @@ const ArrowDropDownIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	...props,
 	children: /* @__PURE__ */ jsx("path", {
 		fill: "currentColor",
-		d: "m12 15-5-5h10z"
+		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"
 	})
 });
 export { ArrowDropDownIcon };

package/dist/{ArrowDropUp.js → assets/icons/ArrowDropUp.js}

@@ -7,7 +7,7 @@ const ArrowDropUpIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	...props,
 	children: /* @__PURE__ */ jsx("path", {
 		fill: "currentColor",
-		d: "m7 14 5-5 5 5z"
+		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"
 	})
 });
 export { ArrowDropUpIcon };

package/dist/{ArrowLeft.js → assets/icons/ArrowLeft.js}

@@ -7,7 +7,7 @@ const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	...props,
 	children: /* @__PURE__ */ jsx("path", {
 		fill: "currentColor",
-		d: "m14 17-5-5 5-5z"
+		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"
 	})
 });
 export { ArrowLeftIcon };

package/dist/{ArrowRight.js → assets/icons/ArrowRight.js}

@@ -7,7 +7,7 @@ const ArrowRightIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	...props,
 	children: /* @__PURE__ */ jsx("path", {
 		fill: "currentColor",
-		d: "M10 17V7l5 5z"
+		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"
 	})
 });
 export { ArrowRightIcon };

package/dist/assets/icons/Board.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const BoardIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Calendar.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+const 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"
+	})
+});
+export { CalendarIcon };

package/dist/{Check.js → assets/icons/Check.js}

@@ -8,7 +8,7 @@ const CheckIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	children: /* @__PURE__ */ jsx("path", {
 		fill: "currentColor",
 		fillRule: "evenodd",
-		d: "M20.707 5.293a1 1 0 0 1 0 1.414l-11 11a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L9 15.586 19.293 5.293a1 1 0 0 1 1.414 0",
+		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"
 	})
 });

package/dist/assets/icons/CheckCircle.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+const 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"
+	})
+});
+export { CheckCircleIcon };

package/dist/{ChevronDown.js → assets/icons/ChevronDown.js}

@@ -8,7 +8,7 @@ const ChevronDownIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	children: /* @__PURE__ */ jsx("path", {
 		fill: "currentColor",
 		fillRule: "evenodd",
-		d: "M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414",
+		d: "M5.251 8.256a.845.845 0 0 1 1.212 0L11 12.888l4.537-4.632a.845.845 0 0 1 1.212 0 .89.89 0 0 1 0 1.238l-5.143 5.25a.845.845 0 0 1-1.212 0L5.25 9.494a.89.89 0 0 1 0-1.238",
 		clipRule: "evenodd"
 	})
 });

package/dist/{ChevronUp.js → assets/icons/ChevronUp.js}

@@ -8,7 +8,7 @@ const ChevronUpIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	children: /* @__PURE__ */ jsx("path", {
 		fill: "currentColor",
 		fillRule: "evenodd",
-		d: "M11.293 8.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 10.414l-5.293 5.293a1 1 0 0 1-1.414-1.414z",
+		d: "M10.394 8.256a.845.845 0 0 1 1.212 0l5.143 5.25a.89.89 0 0 1 0 1.238.845.845 0 0 1-1.212 0L11 10.112l-4.537 4.632a.845.845 0 0 1-1.212 0 .89.89 0 0 1 0-1.238z",
 		clipRule: "evenodd"
 	})
 });

package/dist/assets/icons/Clock.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+const ClockIcon = (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: "M12.85 11.66V8.6a.82.82 0 0 0-.244-.606A.82.82 0 0 0 12 7.75a.82.82 0 0 0-.606.244.82.82 0 0 0-.244.606v3.379q0 .17.064.33a.85.85 0 0 0 .191.286L14.21 15.4a.8.8 0 0 0 .595.234q.361 0 .595-.234a.8.8 0 0 0 .234-.595q0-.361-.234-.595zM12 20.5a8.3 8.3 0 0 1-3.315-.67 8.6 8.6 0 0 1-2.699-1.816 8.6 8.6 0 0 1-1.817-2.699A8.3 8.3 0 0 1 3.5 12q0-1.763.67-3.315a8.6 8.6 0 0 1 1.816-2.699A8.6 8.6 0 0 1 8.685 4.17 8.3 8.3 0 0 1 12 3.5q1.763 0 3.315.67a8.6 8.6 0 0 1 2.699 1.816 8.6 8.6 0 0 1 1.817 2.699Q20.5 10.237 20.5 12t-.67 3.315a8.6 8.6 0 0 1-1.816 2.699 8.6 8.6 0 0 1-2.699 1.817A8.3 8.3 0 0 1 12 20.5m0-1.7q2.826 0 4.813-1.987Q18.8 14.827 18.8 12t-1.987-4.813T12 5.2 7.187 7.187Q5.2 9.173 5.2 12t1.987 4.813Q9.173 18.8 12 18.8"
+	})
+});
+export { ClockIcon };

package/dist/assets/icons/DateTime.js

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const DateTimeIcon = (props) => /* @__PURE__ */ jsxs("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: "M14.506 2.948a.806.806 0 0 1 .714.804v.769h1.54c1.303 0 2.36 1.067 2.36 2.383l-.002 4.287c0 .285-.1.502-.25.647a.8.8 0 0 1-.549.221c-.199.001-.4-.07-.55-.215a.8.8 0 0 1-.216-.38l-.029-.167-.005-.106.002-1.13H5.078v7.873l.001.009.014.138.002.007c.07.35.377.615.744.615h4.457l.114.003c.25.02.443.111.578.244.154.15.23.354.23.556a.78.78 0 0 1-.23.558.9.9 0 0 1-.579.248l-.11.005H5.84a2.37 2.37 0 0 1-2.348-2.139l-.012-.244V6.904c0-1.316 1.056-2.383 2.36-2.383h1.54v-.769c0-.445.357-.806.798-.807l.088.003a.806.806 0 0 1 .713.804v.769h4.641v-.769c0-.445.357-.806.798-.807zM5.84 6.135c-.42 0-.76.345-.76.769v1.54h12.44v-1.54a.765.765 0 0 0-.76-.769h-1.54v.769l-.015.153a.8.8 0 0 1-.7.65l-.087.003a.8.8 0 0 1-.794-.723l-.004-.083v-.769H8.98v.769l-.015.153a.8.8 0 0 1-.7.65l-.087.003a.8.8 0 0 1-.793-.723l-.004-.083v-.769z"
+	}), /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "M16.25 12.484q1.755 0 2.992 1.248t1.238 3.018q0 1.77-1.238 3.018t-2.992 1.248q-1.755 0-2.992-1.248T12.02 16.75q0-1.77 1.238-3.018t2.992-1.248m0 1.675a.43.43 0 0 0-.312.134.43.43 0 0 0-.133.314v1.95q0 .175.065.34.066.165.195.296l1.297 1.306q.133.135.312.135l.086-.009a.44.44 0 0 0 .225-.125.44.44 0 0 0 .125-.227l.01-.087a.44.44 0 0 0-.135-.314l-1.266-1.278-.024-.023v-1.964a.43.43 0 0 0-.134-.313.43.43 0 0 0-.311-.135"
+	})]
+});
+export { DateTimeIcon };

package/dist/assets/icons/DragIndicator.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const DragIndicatorIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/{Drag.js → assets/icons/DragIndicator.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-const DragIcon = (props) => /* @__PURE__ */ jsx("svg", {
+const DragIndicatorIcon = (props) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
@@ -10,4 +10,4 @@ const DragIcon = (props) => /* @__PURE__ */ jsx("svg", {
 		d: "M9 19.615q-.666 0-1.14-.474A1.56 1.56 0 0 1 7.384 18q0-.666.474-1.14A1.56 1.56 0 0 1 9 16.384q.666 0 1.14.474.475.475.475 1.141t-.474 1.14A1.56 1.56 0 0 1 9 19.616m6 0q-.666 0-1.14-.474A1.56 1.56 0 0 1 13.384 18q0-.666.474-1.14A1.56 1.56 0 0 1 15 16.384q.666 0 1.14.474.475.475.475 1.141t-.474 1.14a1.56 1.56 0 0 1-1.141.475m-6-6q-.666 0-1.14-.474A1.56 1.56 0 0 1 7.384 12q0-.666.474-1.14A1.56 1.56 0 0 1 9 10.384q.666 0 1.14.474.475.475.475 1.141t-.474 1.14A1.56 1.56 0 0 1 9 13.616m6 0q-.666 0-1.14-.474A1.56 1.56 0 0 1 13.384 12q0-.666.474-1.14A1.56 1.56 0 0 1 15 10.384q.666 0 1.14.474.475.475.475 1.141t-.474 1.14a1.56 1.56 0 0 1-1.141.475m-6-6q-.666 0-1.14-.474A1.56 1.56 0 0 1 7.384 6q0-.666.474-1.14A1.56 1.56 0 0 1 9 4.384q.666 0 1.14.474.475.475.475 1.141t-.474 1.14A1.56 1.56 0 0 1 9 7.616m6 0q-.666 0-1.14-.474A1.56 1.56 0 0 1 13.384 6q0-.666.474-1.14A1.56 1.56 0 0 1 15 4.384q.666 0 1.14.474.475.475.475 1.141t-.474 1.14A1.56 1.56 0 0 1 15 7.616"
 	})
 });
-export { DragIcon };
+export { DragIndicatorIcon };

package/dist/assets/icons/{Drag.d.ts → Edit.d.ts}

@@ -1,2 +1,2 @@
 import { SVGProps } from 'react';
-export declare const DragIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const EditIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Emoji.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const EmojiIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/File.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+const FileIcon = (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: "M12.682 3q.111 0 .213.028l.008.002q.056.017.11.042.024.011.049.025a1 1 0 0 1 .13.084l.051.044.017.015 5.727 5.727.013.014.026.03.015.016q.016.022.03.043.021.028.039.056.018.033.033.067a.8.8 0 0 1 .085.352l-.001.015v8.985A2.455 2.455 0 0 1 16.772 21H6.955A2.456 2.456 0 0 1 4.5 18.545V5.455A2.455 2.455 0 0 1 6.955 3zM6.955 4.637a.82.82 0 0 0-.818.818v13.09a.817.817 0 0 0 .818.818h9.817a.82.82 0 0 0 .819-.818v-8.181h-4.909a.82.82 0 0 1-.818-.819V4.637zm6.546 4.09h2.933l-2.933-2.932z",
+		clipRule: "evenodd"
+	})
+});
+export { FileIcon };

package/dist/assets/icons/{View.d.ts → Grid.d.ts}

@@ -1,2 +1,2 @@
 import { SVGProps } from 'react';
-export declare const ViewIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const GridIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/{HighlightOn.js → assets/icons/HighlightOn.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const HighlightOnIcon = ({ highlightColor,...props }) => /* @__PURE__ */ jsx("svg", {
+const HighlightOnIcon = ({ highlightColor, ...props }) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",

package/dist/assets/icons/Home.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const HomeIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Home.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+const HomeIcon = (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: "M12 3.33q.649 0 1.151.384l6.001 4.5q.36.263.564.672.204.408.204.864v9q0 .792-.565 1.355A1.85 1.85 0 0 1 18 20.67h-4a.89.89 0 0 1-.656-.264.89.89 0 0 1-.264-.656v-5.08h-2.16v5.08q0 .393-.264.656a.89.89 0 0 1-.656.264H6q-.792 0-1.355-.565a1.85 1.85 0 0 1-.565-1.355v-9a1.9 1.9 0 0 1 .768-1.535l6-4.501A1.85 1.85 0 0 1 12 3.33m-.048 1.856-6 4.5-.032.024v9.12h3.16v-5.08q0-.393.264-.656A.89.89 0 0 1 10 12.83h4q.393 0 .656.264a.89.89 0 0 1 .264.656v5.08h3.16V9.71l-.032-.024-6-4.5L12 5.15z"
+	})
+});
+export { HomeIcon };

package/dist/assets/icons/Image.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ImageIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/ImageError.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ImageErrorIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/{Info.js → assets/icons/Info.js}

@@ -7,11 +7,11 @@ const InfoIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 	...props,
 	children: [/* @__PURE__ */ jsx("path", {
 		fill: "currentColor",
-		d: "M12 7.8a1 1 0 0 1 1 1V12a1 1 0 1 1-2 0V8.8a1 1 0 0 1 1-1M12 14.2a1 1 0 1 0 0 2h.008a1 1 0 1 0 0-2z"
+		d: "M12 8.033c.522 0 .944.423.944.945V12a.944.944 0 1 1-1.888 0V8.978c0-.522.422-.945.944-.945M12 14.078a.944.944 0 1 0 0 1.889h.008a.944.944 0 0 0 0-1.889z"
 	}), /* @__PURE__ */ jsx("path", {
 		fill: "currentColor",
 		fillRule: "evenodd",
-		d: "M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-7a7 7 0 1 0 0 14 7 7 0 0 0 0-14",
+		d: "M3.5 12a8.5 8.5 0 1 1 17 0 8.5 8.5 0 0 1-17 0M12 5.389a6.611 6.611 0 1 0 0 13.222A6.611 6.611 0 0 0 12 5.39",
 		clipRule: "evenodd"
 	})]
 });

package/dist/assets/icons/Loader.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const LoaderIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/MapPin.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const MapPinIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Menu.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+const MenuIcon = (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: "M4 18a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 17q0-.424.288-.712A.97.97 0 0 1 4 16h16q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 20 18zm0-5a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 12q0-.424.288-.713A.97.97 0 0 1 4 11h16q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 20 13zm0-5a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 7q0-.424.288-.713A.97.97 0 0 1 4 6h16q.424 0 .712.287Q21 6.576 21 7q0 .424-.288.713A.97.97 0 0 1 20 8z"
+	})
+});
+export { MenuIcon };

package/dist/assets/icons/Minus.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const MinusIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/MoreHoriz.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const MoreHorizIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Pause.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const PauseIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Plus.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const PlusIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Retry.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const RetryIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Search.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const SearchIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Share.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ShareIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Slash.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const SlashIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/{TextColor.js → assets/icons/TextColor.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const TextColorIcon = ({ textColor,...props }) => /* @__PURE__ */ jsxs("svg", {
+const TextColorIcon = ({ textColor, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 25 24",

package/dist/assets/icons/Trash.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const TrashIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/User.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const UserIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Visibility.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const VisibilityIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Visibility.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+const VisibilityIcon = (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: "M12 5.02q3.102 0 5.66 1.667a12 12 0 0 1 4.04 4.399q.115.207.172.425a1.75 1.75 0 0 1 0 .894 1.8 1.8 0 0 1-.172.425 12 12 0 0 1-4.04 4.4q-2.558 1.666-5.66 1.666T6.34 17.23a12 12 0 0 1-4.04-4.4 1.751 1.751 0 0 1-.173-1.32q.057-.216.172-.424a12 12 0 0 1 4.041-4.4Q8.898 5.022 12 5.02m0 1.816q-2.626 0-4.823 1.383a9.1 9.1 0 0 0-3.36 3.73l-.003.009.004.009a9.1 9.1 0 0 0 3.359 3.73A8.88 8.88 0 0 0 12 17.081q2.627 0 4.823-1.384a9.1 9.1 0 0 0 3.359-3.73l.005-.009-.005-.009a9.1 9.1 0 0 0-3.358-3.73A8.88 8.88 0 0 0 12 6.836m0 .967q1.731 0 2.943 1.212t1.211 2.943-1.211 2.943T12 16.113t-2.943-1.212q-1.212-1.212-1.212-2.943t1.212-2.943T12 7.803m0 1.63q-1.051 0-1.789.737a2.44 2.44 0 0 0-.736 1.788q0 1.05.736 1.788.737.736 1.79.737 1.051 0 1.787-.737.737-.736.737-1.788t-.737-1.788A2.44 2.44 0 0 0 12 9.434"
+	})
+});
+export { VisibilityIcon };

package/dist/assets/icons/VisibilityOff.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const VisibilityOffIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/VisibilityOff.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+const VisibilityOffIcon = (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: "M3.482 3.52q.383 0 .632.249l15.699 15.699a.88.88 0 0 1 .26.62.84.84 0 0 1-.26.643.86.86 0 0 1-.632.25.86.86 0 0 1-.633-.25l-3.232-3.185-.008-.009-.012.004a11 11 0 0 1-3.318.507q-3.088 0-5.646-1.671a12 12 0 0 1-4.034-4.39l-.054-.094a1.5 1.5 0 0 1-.117-.306 1.7 1.7 0 0 1-.057-.445q0-.23.045-.435.046-.204.16-.41l.24-.456q.375-.677.833-1.308A9.4 9.4 0 0 1 4.74 7.001l.016-.014-.015-.015-1.916-1.939a.88.88 0 0 1-.237-.643.88.88 0 0 1 .26-.621.86.86 0 0 1 .633-.25m2.526 4.744a10 10 0 0 0-1.227 1.319q-.556.717-.949 1.55l-.004.009.005.008a9.05 9.05 0 0 0 3.343 3.714 8.84 8.84 0 0 0 4.802 1.377q.462 0 .902-.058t.901-.127l.039-.005-.027-.028-.832-.877-.008-.01-.011.004q-.253.069-.483.103a3 3 0 0 1-.481.034q-1.724 0-2.93-1.206t-1.206-2.93q0-.252.034-.48.035-.231.104-.483l.003-.012-.01-.008-1.938-1.893-.013-.013zm5.97-4.029q3.157 0 5.772 1.66t3.998 4.47a1.7 1.7 0 0 1 .183.777q0 .205-.034.4a1.4 1.4 0 0 1-.125.376 9 9 0 0 1-1.026 1.729q-.457.604-.987 1.131l-.361.343a.75.75 0 0 1-.63.203.82.82 0 0 1-.587-.361 1 1 0 0 1-.193-.691.93.93 0 0 1 .306-.622q.556-.531 1.018-1.157.463-.624.81-1.343l.004-.008-.004-.01A9.05 9.05 0 0 0 16.78 7.42a8.83 8.83 0 0 0-4.801-1.376q-.44 0-.857.034a6 6 0 0 0-.833.127.98.98 0 0 1-.69-.112.93.93 0 0 1-.418-.543.85.85 0 0 1 .079-.7.78.78 0 0 1 .552-.406q.53-.114 1.071-.16.542-.048 1.096-.048m-.322 2.794a3.8 3.8 0 0 1 1.723.218 4.1 4.1 0 0 1 1.517.977q.667.666.976 1.516.271.744.235 1.523l-.017.223v.002a.76.76 0 0 1-.248.575.82.82 0 0 1-.586.236.78.78 0 0 1-.575-.236.78.78 0 0 1-.236-.57 2.3 2.3 0 0 0-.07-1.166 2.4 2.4 0 0 0-.583-.954 2.6 2.6 0 0 0-.953-.604 2.2 2.2 0 0 0-1.188-.095.76.76 0 0 1-.57-.247.82.82 0 0 1-.238-.586q0-.34.236-.575a.78.78 0 0 1 .575-.237z"
+	})
+});
+export { VisibilityOffIcon };

package/dist/assets/icons/WarningOutlined.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const WarningOutlinedIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/{translation.js → assets/locales/en/translation.json.js}

@@ -141,14 +141,6 @@ var translation_default = {
 			"smallerThanOrEqual": "Date must be smaller than or equal to {{date}}",
 			"smallerThan": "Date must be smaller than {{date}}"
 		}
-	},
-	sharedErrors: {
-		"dataValidation": "An error occurred while validating the data",
-		"internalError": "An internal error occurred. This is most likely a bug on our end. Please try again later.",
-		"networkError": "A network error occurred. Are you connected to the internet?",
-		"canceledError": "The request was canceled.",
-		"unknownError": "An unknown error occurred.",
-		"unknownErrorWithCode": "An unknown error occurred. Error code: \"{{code}}\""
 	}
 };
 export { translation_default as default };

package/dist/{translation2.js → assets/locales/sl/translation.json.js}

@@ -139,13 +139,6 @@ var translation_default = {
 			"smallerThanOrEqual": "Datum mora biti manjši ali enak {{date}}",
 			"smallerThan": "Datum mora biti manjši od {{date}}"
 		}
-	},
-	sharedErrors: {
-		"dataValidation": "Pri preverjanju podatkov je prišlo do napake",
-		"internalError": "Prišlo je do notranje napake. ",
-		"networkError": "Prišlo je do napake v omrežju. ",
-		"canceledError": "Zahteva je bila preklicana.",
-		"unknownError": "Prišlo je do neznane napake. "
 	}
 };
 export { translation_default as default };

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,15 @@
+import { FC, SVGProps } from 'react';
+import { Key } from 'react-aria-components';
+export interface BreadcrumbItem {
+    id: Key;
+    label: string;
+    href?: string;
+    icon?: FC<SVGProps<SVGSVGElement>>;
+}
+export interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+    className?: string;
+    onAction?: (id: Key) => void;
+    iconOnly?: boolean;
+}
+export declare const Breadcrumbs: ({ items, className, onAction, iconOnly }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,111 @@
+import { ChevronRightIcon } from "../../assets/icons/ChevronRight.js";
+import { breadcrumbChevron, breadcrumbIcon, breadcrumbItem, breadcrumbSegment, breadcrumbsCva } from "./breadcrumbs.cva.js";
+import { UIStyle } from "../../config/uiStyle.context.js";
+import { MenuDesktop } from "../Menu/MenuDesktop.js";
+import { Typography } from "../text/Typography/Typography.js";
+import { Tooltip as Tooltip$1 } from "../overlays/Tooltip/Tooltip.js";
+import { LinkContext } from "../../config/link.context.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { useLayoutEffect, useRef, useState } from "react";
+import { Breadcrumb, Breadcrumbs, Button, Link } from "react-aria-components";
+const Breadcrumbs$1 = ({ items, className, onAction, iconOnly = false }) => {
+	const uiStyle = UIStyle.useConfig();
+	const breadcrumbsCva$1 = uiStyle?.breadcrumbs?.cva ?? breadcrumbsCva;
+	const breadcrumbItem$1 = uiStyle?.breadcrumbs?.itemCva ?? breadcrumbItem;
+	const breadcrumbSegmentCva = uiStyle?.breadcrumbs?.segmentCva ?? breadcrumbSegment;
+	const breadcrumbChevronCva = uiStyle?.breadcrumbs?.chevronCva ?? breadcrumbChevron;
+	const breadcrumbIconCva = uiStyle?.breadcrumbs?.iconCva ?? breadcrumbIcon;
+	const containerRef = useRef(null);
+	const [isOverflowing, setIsOverflowing] = useState(items.length <= 2 ? false : null);
+	useLayoutEffect(() => {
+		if (items.length <= 2) {
+			setIsOverflowing(false);
+			return;
+		}
+		const container = containerRef.current;
+		if (!container) return;
+		const resizeObserver = new ResizeObserver(() => {
+			setIsOverflowing(container.scrollWidth > container.clientWidth);
+		});
+		resizeObserver.observe(container);
+		return () => resizeObserver.disconnect();
+	}, [items]);
+	const isReady = isOverflowing !== null;
+	const hiddenItems = items.length > 2 ? items.slice(1, -1) : [];
+	const firstItem = items[0];
+	const lastItem = items[items.length - 1];
+	const LinkComponent = LinkContext.useLinkContext()?.LinkComponent ?? Link;
+	const renderBreadcrumbLink = (item, isCurrent, iconOnly$1) => /* @__PURE__ */ jsxs(LinkComponent, {
+		href: item.href,
+		className: breadcrumbItem$1({ isCurrent }),
+		children: [item.icon && /* @__PURE__ */ jsx(item.icon, {
+			className: breadcrumbIconCva({}),
+			"aria-label": item.label
+		}), !iconOnly$1 && /* @__PURE__ */ jsx(Typography, {
+			variant: "default",
+			size: "label-3",
+			children: item.label
+		})]
+	});
+	if (isOverflowing === true && items.length > 2) {
+		const menuItems = hiddenItems.map((item) => ({
+			id: item.id,
+			label: item.label,
+			href: item.href
+		}));
+		const renderEllipsis = () => /* @__PURE__ */ jsx(MenuDesktop, {
+			trigger: /* @__PURE__ */ jsx(Tooltip$1, {
+				text: hiddenItems.map((i) => i.label).join(", "),
+				children: /* @__PURE__ */ jsx(Button, {
+					"aria-label": "Show hidden breadcrumbs",
+					className: breadcrumbItem$1({
+						isCurrent: false,
+						isEllipsis: true
+					}),
+					children: /* @__PURE__ */ jsx(Typography, {
+						variant: "default",
+						size: "label-3",
+						children: "..."
+					})
+				})
+			}),
+			items: menuItems,
+			onAction: onAction ? (key) => onAction(key) : void 0
+		});
+		return /* @__PURE__ */ jsxs(Breadcrumbs, {
+			onAction,
+			className: clsx(breadcrumbsCva$1({}), className),
+			children: [
+				/* @__PURE__ */ jsxs(Breadcrumb, {
+					id: firstItem.id,
+					className: breadcrumbSegmentCva({}),
+					children: [renderBreadcrumbLink(firstItem, false, iconOnly), /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })]
+				}),
+				/* @__PURE__ */ jsxs(Breadcrumb, {
+					id: "ellipsis",
+					className: breadcrumbSegmentCva({}),
+					children: [renderEllipsis(), /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })]
+				}),
+				/* @__PURE__ */ jsx(Breadcrumb, {
+					id: lastItem.id,
+					className: breadcrumbSegmentCva({}),
+					children: renderBreadcrumbLink(lastItem, true)
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ jsx(Breadcrumbs, {
+		ref: containerRef,
+		items,
+		onAction,
+		className: clsx(breadcrumbsCva$1({}), className),
+		style: { visibility: isReady ? "visible" : "hidden" },
+		children: (item) => /* @__PURE__ */ jsx(Breadcrumb, {
+			id: item.id,
+			className: breadcrumbSegmentCva({}),
+			children: ({ isCurrent }) => /* @__PURE__ */ jsxs(Fragment, { children: [renderBreadcrumbLink(item, isCurrent, iconOnly && item === items[0]), !isCurrent && /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })] })
+		})
+	});
+};
+export { Breadcrumbs$1 as Breadcrumbs };

package/dist/components/Breadcrumbs/breadcrumbs.cva.d.ts

@@ -0,0 +1,19 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const breadcrumbsCva: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export interface BreadcrumbsVariantProps extends VariantProps<typeof breadcrumbsCva> {
+}
+export declare const breadcrumbSegment: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export interface BreadcrumbSegmentVariantProps extends VariantProps<typeof breadcrumbSegment> {
+}
+export declare const breadcrumbChevron: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export interface BreadcrumbChevronVariantProps extends VariantProps<typeof breadcrumbChevron> {
+}
+export declare const breadcrumbIcon: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export interface BreadcrumbIconVariantProps extends VariantProps<typeof breadcrumbIcon> {
+}
+export declare const breadcrumbItem: (props?: ({
+    isCurrent?: boolean | null | undefined;
+    isEllipsis?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface BreadcrumbItemVariantProps extends VariantProps<typeof breadcrumbItem> {
+}

package/dist/components/Breadcrumbs/breadcrumbs.cva.js

@@ -0,0 +1,22 @@
+import { cva } from "class-variance-authority";
+const breadcrumbsCva = cva(["flex items-center gap-breadcrumbs-gap-segment-to-segment"]);
+const breadcrumbSegment = cva(["flex items-center gap-breadcrumbs-gap-segment-to-segment"]);
+const breadcrumbChevron = cva(["size-6 shrink-0 text-interactive-text-secondary-idle"]);
+const breadcrumbIcon = cva(["size-4 shrink-0"]);
+const breadcrumbItem = cva(["inline-flex cursor-pointer items-center gap-breadcrumbs-gap-icon-to-text whitespace-nowrap font-inter font-medium text-label-3 no-underline"], {
+	variants: {
+		isCurrent: {
+			true: "text-interactive-text-primary-idle",
+			false: "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover"
+		},
+		isEllipsis: {
+			true: "hover:text-interactive-text-primary-hover!",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		isCurrent: false,
+		isEllipsis: false
+	}
+});
+export { breadcrumbChevron, breadcrumbIcon, breadcrumbItem, breadcrumbSegment, breadcrumbsCva };