@povio/ui 2.1.14 → 2.1.16

package/dist/toast.cva.js

@@ -0,0 +1,158 @@
+import { compoundMapper } from "./compoundMapper.js";
+import { clsx } from "clsx";
+import { cva } from "class-variance-authority";
+const toastContainer = cva("m-toast-gap-margin-mobile w-auto p-0 md:m-toast-gap-margin-desktop", { variants: { position: {
+	"bottom-right": "right-0 bottom-0",
+	"bottom-left": "bottom-0 left-0",
+	"top-right": "top-0 right-0",
+	"top-left": "top-0 left-0",
+	"bottom-center": "bottom-0",
+	"top-center": "top-0"
+} } });
+const toastWrapper = clsx("m-0! min-h-0 w-auto! max-w-toast bg-transparent! p-0! shadow-none!");
+const toast = cva("inline-flex w-auto flex-col items-center overflow-hidden rounded-toast-rounding-default shadow-4 md:flex-row", {
+	variants: {
+		variant: {
+			outlined: "border bg-elevation-fill-default-1 text-text-default-1",
+			contained: "text-text-inverted-1"
+		},
+		color: {
+			neutral: "",
+			success: "",
+			warning: "",
+			error: ""
+		},
+		position: {
+			"bottom-right": "",
+			"bottom-left": "",
+			"bottom-center": "",
+			"top-right": "",
+			"top-left": "",
+			"top-center": ""
+		}
+	},
+	compoundVariants: [
+		{
+			position: [
+				"bottom-right",
+				"bottom-left",
+				"bottom-center"
+			],
+			className: "mt-toast-gap-margin-mobile md:mt-toast-gap-margin-desktop"
+		},
+		{
+			position: [
+				"top-right",
+				"top-left",
+				"top-center"
+			],
+			className: "mb-toast-gap-margin-mobile md:mb-toast-gap-margin-desktop"
+		},
+		{
+			variant: "outlined",
+			color: "neutral",
+			className: "border-elevation-outline-default-1"
+		},
+		{
+			variant: "outlined",
+			color: "success",
+			className: "border-elevation-outline-success-1"
+		},
+		{
+			variant: "outlined",
+			color: "warning",
+			className: "border-elevation-outline-warning-1"
+		},
+		{
+			variant: "outlined",
+			color: "error",
+			className: "border-elevation-outline-error-1"
+		},
+		{
+			variant: "contained",
+			color: "neutral",
+			className: "bg-elevation-fill-inverted-1"
+		},
+		{
+			variant: "contained",
+			color: "success",
+			className: "bg-elevation-fill-success-1"
+		},
+		{
+			variant: "contained",
+			color: "warning",
+			className: "bg-elevation-fill-warning-1"
+		},
+		{
+			variant: "contained",
+			color: "error",
+			className: "bg-elevation-fill-error-1"
+		}
+	],
+	defaultVariants: {
+		variant: "outlined",
+		color: "neutral"
+	}
+});
+const buttonColorVariant = compoundMapper({
+	compoundVariants: [
+		{
+			variant: "outlined",
+			color: "neutral",
+			value: { color: "secondary" }
+		},
+		{
+			variant: "outlined",
+			color: "success",
+			value: { color: "success" }
+		},
+		{
+			variant: "outlined",
+			color: "warning",
+			value: { color: "warning" }
+		},
+		{
+			variant: "outlined",
+			color: "error",
+			value: { color: "error" }
+		},
+		{
+			variant: "contained",
+			color: "neutral",
+			value: {
+				color: "primary",
+				inverted: true
+			}
+		},
+		{
+			variant: "contained",
+			color: "success",
+			value: {
+				color: "success",
+				inverted: true
+			}
+		},
+		{
+			variant: "contained",
+			color: "warning",
+			value: {
+				color: "warning",
+				inverted: true
+			}
+		},
+		{
+			variant: "contained",
+			color: "error",
+			value: {
+				color: "error",
+				inverted: true
+			}
+		}
+	],
+	defaultVariants: {
+		variant: "outlined",
+		color: "neutral"
+	},
+	default: { color: "secondary" }
+});
+export { buttonColorVariant, toast, toastContainer, toastWrapper };

package/dist/toggle.cva.js

@@ -0,0 +1,27 @@
+import { uiGroupOutlineClass } from "./outline.clsx.js";
+import { compoundMapper } from "./compoundMapper.js";
+import { cva } from "class-variance-authority";
+const toggle = cva(["h-6 w-10 rounded-full before:m-0-5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass], {
+	variants: { variant: { default: [
+		"bg-interactive-contained-secondary-idle",
+		"group-disabled:bg-interactive-contained-secondary-disabled",
+		"group-hover:bg-interactive-contained-secondary-hover",
+		"group-pressed:bg-interactive-contained-secondary-pressed",
+		"group-selected:bg-interactive-contained-primary-idle",
+		"group-selected:group-hover:bg-interactive-contained-primary-hover",
+		"group-selected:group-pressed:bg-interactive-contained-primary-pressed",
+		"group-focus-visible:outline-interactive-text-secondary-focus",
+		"before:bg-interactive-contained-secondary-on-idle",
+		"group-hover:before:bg-interactive-contained-secondary-on-hover",
+		"group-disabled:before:bg-interactive-contained-secondary-on-disabled",
+		"group-selected:before:bg-interactive-contained-primary-on-idle",
+		"group-selected:group-hover:before:bg-interactive-contained-primary-on-hover",
+		"group-selected:group-pressed:before:bg-interactive-contained-primary-on-pressed"
+	] } },
+	defaultVariants: { variant: "default" }
+});
+const toggleTypography = compoundMapper({ default: {
+	size: "label-1",
+	variant: "default"
+} });
+export { toggle, toggleTypography };

package/dist/tooltip.cva.js

@@ -0,0 +1,30 @@
+import { cva } from "class-variance-authority";
+const tooltipCva = cva(["group max-w-64 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2"], {
+	variants: { color: {
+		default: ["bg-interactive-contained-secondary-idle"],
+		error: ["w-max bg-elevation-fill-error-1"]
+	} },
+	defaultVariants: { color: "default" }
+});
+const tooltipPointerHorizontalCva = cva(["h-2-5 w-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180"], {
+	variants: { color: {
+		default: ["text-interactive-contained-secondary-idle"],
+		error: ["text-elevation-fill-error-1"]
+	} },
+	defaultVariants: { color: "default" }
+});
+const tooltipPointerVerticalCva = cva(["h-5 w-2-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180"], {
+	variants: { color: {
+		default: ["text-interactive-contained-secondary-idle"],
+		error: ["text-elevation-fill-error-1"]
+	} },
+	defaultVariants: { color: "default" }
+});
+const tooltipTextCva = cva([], {
+	variants: { color: {
+		default: ["text-text-inverted-3"],
+		error: ["text-text-error-inverted-1"]
+	} },
+	defaultVariants: { color: "default" }
+});
+export { tooltipCva, tooltipPointerHorizontalCva, tooltipPointerVerticalCva, tooltipTextCva };

package/dist/translation.js

@@ -0,0 +1,147 @@
+var translation_default = {
+	ui: {
+		"openAlt": "Open",
+		"closeAlt": "Close",
+		"clearAlt": "Clear",
+		"loadingState": { "text": "Loading..." },
+		"select": {
+			"closeAlt": "Close the menu",
+			"selectAll": "Select all",
+			"clearSelection": "Clear",
+			"allOption": "All",
+			"search": "Search",
+			"clearSearch": "Clear search"
+		},
+		"datePicker": {
+			"today": "Today",
+			"clear": "Clear",
+			"save": "Save",
+			"presets": {
+				"thisWeek": "This week",
+				"lastWeek": "Last week",
+				"thisAndLastWeek": "This & Last week",
+				"thisMonth": "This month",
+				"thisAndLastMonth": "This & Last month",
+				"thisYear": "This year",
+				"lastYear": "Last year",
+				"thisAndLastYear": "This & Last year",
+				"soFar": "So far"
+			},
+			"errors": { "endDateBeforeStart": "End date cannot be before start date" }
+		},
+		"modal": { "closeBtn": "Close" },
+		"autocomplete": { "createNewBtn": "Create" },
+		"password": {
+			"reveal": "Reveal password",
+			"hide": "Hide password"
+		},
+		"textEditor": {
+			"textStyle": {
+				"label": "Text style",
+				"normal": "Normal text",
+				"heading1": "Heading 1",
+				"heading2": "Heading 2",
+				"heading3": "Heading 3",
+				"heading4": "Heading 4",
+				"heading5": "Heading 5",
+				"heading6": "Heading 6"
+			},
+			"marks": {
+				"bold": "Bold",
+				"italic": "Italic",
+				"underline": "Underline",
+				"strikethrough": "Strikethrough"
+			},
+			"textAlign": {
+				"label": "Text align",
+				"left": "Left",
+				"center": "Center",
+				"right": "Right",
+				"justify": "Justify"
+			},
+			"link": {
+				"label": "Hyperlink",
+				"apply": "Apply",
+				"remove": "Remove",
+				"urlLabel": "URL",
+				"urlPlaceholder": "Enter the URL"
+			}
+		},
+		"tag": { "dismiss": "Dismiss" },
+		"clearInput": "Clear input",
+		"pagination": {
+			"nextBtn": "Next",
+			"backBtn": "Previous",
+			"firstBtn": "First",
+			"lastBtn": "Last",
+			"resultsPerPage": "Results per page"
+		},
+		"confirmation": {
+			"cancel": "Cancel",
+			"confirm": "Confirm"
+		},
+		"fileUpload": {
+			"emptyText": "Upload file",
+			"uploadText": "Drag & drop files here or",
+			"browse": "Browse",
+			"noFileUploaded": "No file uploaded",
+			"upload": "Upload",
+			"uploadFile": "Upload file",
+			"or": "or",
+			"removeFile": "Remove file",
+			"cancel": "Cancel"
+		},
+		"table": {
+			"column": "Column",
+			"show": "Show",
+			"configureColumns": "Configure columns"
+		}
+	},
+	zodErrors: {
+		"required": "Required",
+		"invalid": "Invalid",
+		"string": {
+			"includes": "Must include \"{{text}}\"",
+			"startsWith": "Must start with \"{{text}}\"",
+			"endsWith": "Must end with \"{{text}}\"",
+			"constraint": "Invalid {{text}}",
+			"contains": "Must contain exactly {{count}} character(s)",
+			"containsAtLeast": "Must contain at least {{count}} character(s)",
+			"containsOver": "Must contain over {{count}} character(s)",
+			"containsAtMost": "Must contain at most {{count}} character(s)",
+			"containsUnder": "Must contain under {{count}} character(s)"
+		},
+		"array": {
+			"contains": "Array must contain exactly {{count}} element(s)",
+			"containsAtLeast": "Array must contain at least {{count}} element(s)",
+			"containsMoreThan": "Array must contain more than {{count}} element(s)",
+			"containsAtMost": "Array must contain at most {{count}} element(s)",
+			"containsLessThan": "Array must contain less than {{count}} element(s)"
+		},
+		"number": {
+			"exact": "Number must be exactly equal to {{number}}",
+			"greaterThanOrEqual": "Number must be greater than or equal to {{number}}",
+			"greaterThan": "Number must be greater than {{number}}",
+			"over": "Number must be over {{number}}",
+			"lessThanOrEqual": "Number must be less than or equal to {{number}}",
+			"lessThan": "Number must be less than {{number}}",
+			"multipleOf": "Number must be a multiple of {{multipleOf}}"
+		},
+		"date": {
+			"invalid": "Invalid date",
+			"exact": "Date must be exactly equal to {{date}}",
+			"greaterThanOrEqual": "Date must be greater than or equal to {{date}}",
+			"greaterThan": "Date must be greater than {{date}}",
+			"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. Please try again later."
+	}
+};
+export { translation_default as default };

package/dist/translation2.js

@@ -0,0 +1,145 @@
+var translation_default = {
+	ui: {
+		"openAlt": "Odpri",
+		"closeAlt": "Zapri",
+		"clearAlt": "Sprazni",
+		"loadingState": { "text": "Nalaganje..." },
+		"select": {
+			"closeAlt": "Zapri meni",
+			"selectAll": "Izberi vse",
+			"clearSelection": "Sprazni",
+			"allOption": "Vse",
+			"search": "Išči",
+			"clearSearch": "Sprazni iskanje"
+		},
+		"datePicker": {
+			"today": "Danes",
+			"clear": "Sprazni",
+			"save": "Shrani",
+			"presets": {
+				"thisWeek": "Ta teden",
+				"lastWeek": "Prejšnji teden",
+				"thisAndLastWeek": "Ta in prejšnji teden",
+				"thisMonth": "Ta mesec",
+				"thisAndLastMonth": "Ta in prejšnji mesec",
+				"thisYear": "Ta leto",
+				"lastYear": "Prejšnje leto",
+				"thisAndLastYear": "Ta in prejšnje leto",
+				"soFar": "Od začetka"
+			},
+			"errors": { "endDateBeforeStart": "Datum konca ne more biti pred datumom začetka" }
+		},
+		"modal": { "closeBtn": "Zapri" },
+		"autocomplete": { "createNewBtn": "Ustvari" },
+		"password": {
+			"reveal": "Prikaži geslo",
+			"hide": "Skrij geslo"
+		},
+		"textEditor": {
+			"textStyle": {
+				"label": "Vrsta besedila",
+				"normal": "Normalni tekst",
+				"heading1": "Naslov 1",
+				"heading2": "Naslov 2",
+				"heading3": "Naslov 3",
+				"heading4": "Naslov 4",
+				"heading5": "Naslov 5",
+				"heading6": "Naslov 6"
+			},
+			"marks": {
+				"bold": "Krepko",
+				"italic": "Poševno",
+				"underline": "Podčrtano",
+				"strikethrough": "Prečrtano"
+			},
+			"textAlign": {
+				"label": "Poravnava besedila",
+				"left": "Levo",
+				"center": "Sredina",
+				"right": "Desno",
+				"justify": "Obojestransko"
+			},
+			"link": {
+				"label": "Povezava",
+				"apply": "Ustvari",
+				"remove": "Odstrani",
+				"urlLabel": "URL",
+				"urlPlaceholder": "Vnesite URL"
+			}
+		},
+		"pagination": {
+			"nextBtn": "Naprej",
+			"backBtn": "Nazaj",
+			"firstBtn": "Prva",
+			"lastBtn": "Zadnja",
+			"resultsPerPage": "Rezultatov na stran"
+		},
+		"confirmation": {
+			"cancel": "Prekliči",
+			"confirm": "Potrdi"
+		},
+		"fileUpload": {
+			"emptyText": "Naloži datoteko",
+			"uploadText": "Povlecite datoteke sem ali",
+			"browse": "Izberi",
+			"noFileUploaded": "Ni datotek",
+			"upload": "Naloži",
+			"uploadFile": "Naloži datoteko",
+			"or": "ali",
+			"removeFile": "Odstrani datoteko",
+			"cancel": "Prekliči"
+		},
+		"table": {
+			"column": "Stolpec",
+			"show": "Prikaži",
+			"configureColumns": "Nastavi stolpce"
+		}
+	},
+	zodErrors: {
+		"required": "Obvezno",
+		"invalid": "Neveljavno",
+		"string": {
+			"includes": "Mora vključevati \"{{text}}\"",
+			"startsWith": "Se mora začeti z \"{{text}}\"",
+			"endsWith": "Se mora končati z \"{{text}}\"",
+			"constraint": "Neveljaven {{text}}",
+			"contains": "Mora vsebovati natančno {{count}} znak(ov)",
+			"containsAtLeast": "Mora vsebovati vsaj {{count}} znak(ov)",
+			"containsOver": "Mora vsebovati več kot {{count}} znak(ov)",
+			"containsAtMost": "Mora vsebovati največ {{count}} znak(ov)",
+			"containsUnder": "Mora vsebovati manj kot {{count}} znak(ov)"
+		},
+		"array": {
+			"contains": "Polje mora vsebovati natančno {{count}} element(ov)",
+			"containsAtLeast": "Polje mora vsebovati vsaj {{count}} element(ov)",
+			"containsMoreThan": "Polje mora vsebovati več kot {{count}} element(ov)",
+			"containsAtMost": "Polje mora vsebovati največ {{count}} element(ov)",
+			"containsLessThan": "Polje mora vsebovati manj kot {{count}} element(ov)"
+		},
+		"number": {
+			"exact": "Število mora biti natančno enako {{number}}",
+			"greaterThanOrEqual": "Število mora biti večje ali enako {{number}}",
+			"greaterThan": "Število mora biti večje od {{number}}",
+			"over": "Število mora biti nad {{number}}",
+			"lessThanOrEqual": "Število mora biti manjše ali enako {{number}}",
+			"lessThan": "Število mora biti manjše od {{number}}",
+			"multipleOf": "Število mora biti večkratnik števila {{multipleOf}}"
+		},
+		"date": {
+			"invalid": "Neveljaven datum",
+			"exact": "Datum mora biti natančno enak {{date}}",
+			"greaterThanOrEqual": "Datum mora biti večji ali enak {{date}}",
+			"greaterThan": "Datum mora biti večji od {{date}}",
+			"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/typography.cva.js

@@ -0,0 +1,124 @@
+import { cva } from "class-variance-authority";
+const typography = cva("", {
+	variants: {
+		size: {
+			"headline-1": "md:text-desktop-headline-1",
+			"title-1": "md:text-desktop-title-1",
+			"title-2": "md:text-desktop-title-2",
+			"title-3": "md:text-desktop-title-3",
+			"title-4": "md:text-desktop-title-4",
+			"title-5": "md:text-desktop-title-5",
+			"title-6": "md:text-desktop-title-6",
+			"body-1": "md:text-desktop-body-1",
+			"body-2": "md:text-desktop-body-2",
+			"body-3": "md:text-desktop-body-3",
+			"body-4": "md:text-desktop-body-4",
+			"label-1": "md:text-label-1",
+			"label-2": "md:text-label-2",
+			"label-3": "md:text-label-3"
+		},
+		sizeMobile: {
+			"headline-1": "text-mobile-headline-1",
+			"title-1": "text-mobile-title-1",
+			"title-2": "text-mobile-title-2",
+			"title-3": "text-mobile-title-3",
+			"title-4": "text-mobile-title-4",
+			"title-5": "text-mobile-title-5",
+			"title-6": "text-mobile-title-6",
+			"body-1": "text-mobile-body-1",
+			"body-2": "text-mobile-body-2",
+			"body-3": "text-mobile-body-3",
+			"body-4": "text-mobile-body-4",
+			"label-1": "text-label-1",
+			"label-2": "text-label-2",
+			"label-3": "text-label-3"
+		},
+		variant: {
+			default: "",
+			"prominent-1": "",
+			"default-italic": "italic",
+			"prominent-1-italic": "italic",
+			"prominent-2": "",
+			"prominent-2-italic": "italic"
+		}
+	},
+	compoundVariants: [
+		{
+			size: [
+				"headline-1",
+				"title-1",
+				"title-2",
+				"title-3",
+				"title-4",
+				"title-5",
+				"title-6"
+			],
+			className: "font-geist"
+		},
+		{
+			size: [
+				"body-1",
+				"body-2",
+				"body-3",
+				"body-4",
+				"label-1",
+				"label-2",
+				"label-3"
+			],
+			className: "font-inter"
+		},
+		{
+			size: [
+				"headline-1",
+				"title-1",
+				"title-2",
+				"title-3",
+				"title-4",
+				"title-5",
+				"title-6",
+				"label-1",
+				"label-2",
+				"label-3"
+			],
+			variant: ["default", "default-italic"],
+			className: "font-medium"
+		},
+		{
+			size: [
+				"headline-1",
+				"title-1",
+				"title-2",
+				"title-3",
+				"title-4",
+				"title-5",
+				"title-6",
+				"label-1",
+				"label-2",
+				"label-3"
+			],
+			variant: ["prominent-1", "prominent-1-italic"],
+			className: "font-semibold"
+		},
+		{
+			size: [
+				"body-1",
+				"body-2",
+				"body-3",
+				"body-4"
+			],
+			variant: ["prominent-1", "prominent-1-italic"],
+			className: "font-medium"
+		},
+		{
+			size: [
+				"body-1",
+				"body-2",
+				"body-3",
+				"body-4"
+			],
+			variant: ["prominent-2", "prominent-2-italic"],
+			className: "font-semibold"
+		}
+	]
+});
+export { typography };

package/dist/uiConfig.context.js

@@ -0,0 +1,58 @@
+import { ObjectUtils } from "./object.utils.js";
+import { useDeepCompareMemo } from "./useDeepCompare.js";
+import { jsx } from "react/jsx-runtime";
+import { createContext, use } from "react";
+let UIConfig;
+(function(_UIConfig) {
+	const DEFAULT_CONFIG = {
+		input: {
+			variant: "outlined",
+			as: "default",
+			size: "default",
+			isClearable: false,
+			hideLabel: false
+		},
+		numberInput: { formatOptions: {
+			minimumFractionDigits: 0,
+			maximumFractionDigits: 3
+		} },
+		radioGroup: {
+			variant: "default",
+			hideLabel: false
+		},
+		checkbox: { variant: "default" },
+		select: {
+			selectionMode: "single",
+			isSearchable: false,
+			selectedTagsType: "list",
+			collapseAfter: 3
+		},
+		toggle: { variant: "default" },
+		slider: {
+			minValue: 0,
+			maxValue: 100
+		},
+		dateInput: {
+			todayIcon: false,
+			shouldForceLeadingZeros: false,
+			disableManualEntry: false
+		}
+	};
+	const Context = createContext(DEFAULT_CONFIG);
+	_UIConfig.Provider = ({ config = {}, children }) => {
+		const parentConfig = use(Context) || DEFAULT_CONFIG;
+		const value = useDeepCompareMemo(() => {
+			return ObjectUtils.deepConditionalMerge(parentConfig, config, (val) => val !== null && val !== void 0);
+		}, [config, parentConfig]);
+		return /* @__PURE__ */ jsx(Context.Provider, {
+			value,
+			children
+		});
+	};
+	_UIConfig.useConfig = () => {
+		const context = use(Context);
+		if (!context) throw new Error("UIConfig.useConfig must be used within a UIConfig.Provider");
+		return context;
+	};
+})(UIConfig || (UIConfig = {}));
+export { UIConfig };