@povio/ui 5.0.0-rc.8 → 6.0.0-rc.1

package/dist/{dist-CAdwxJbe.js → dist-CAFUM34b.js}

@@ -1,5 +1,57 @@
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { t as Spinner } from "./Spinner-BeVTUzzx.js";
+import { t as Button } from "./Button-DER_6cxv.js";
+import { a as toastDefinition, n as statusIconDefinition, r as statusSeparatorDefinition, t as buttonColorVariant } from "./toast.cva-aC4NMpLb.js";
 import $ahdqC$react, { cloneElement, isValidElement, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/status/Toast/Toast.tsx
+const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
+	const uiConfig = UIConfig.useConfig();
+	const { variant = uiConfig.toast.variant, ...restProps } = props;
+	const toastCva = UIOverrides.useCva("toast.cva", toastDefinition);
+	const buttonColor = UIOverrides.useMapper("toast.buttonColor", buttonColorVariant);
+	const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
+	const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
+	const variantProps = {
+		variant,
+		...restProps
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: toastCva(variantProps),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-toast-gap-icon-to-text px-toast-side-default py-toast-height-content",
+			children: [
+				isLoading && /* @__PURE__ */ jsx(Spinner, {
+					size: "default",
+					className: "shrink-0"
+				}),
+				!isLoading && Icon && /* @__PURE__ */ jsx(IconSlot, {
+					icon: Icon,
+					className: iconCva(variantProps)
+				}),
+				/* @__PURE__ */ jsx(Typography, {
+					size: "large",
+					children: text
+				})
+			]
+		}), actions.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", { className: separatorCva(variantProps) }), /* @__PURE__ */ jsx("div", {
+			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-toast-gap-action px-toast-side-default py-toast-height-actions-mobile md:w-auto md:justify-center md:py-toast-height-actions-desktop",
+			children: actions.map(({ text: buttonText, onPress }) => /* @__PURE__ */ jsx(Button, {
+				onPress,
+				...buttonColor(variantProps),
+				variant: "text",
+				size: "none",
+				width: "hug",
+				children: buttonText
+			}, buttonText))
+		})] })]
+	});
+};
+//#endregion
 //#region ../../node_modules/.bun/react-toastify@11.1.0+67f6792bdf102c28/node_modules/react-toastify/dist/index.mjs
 var L = (t) => typeof t == "number" && !isNaN(t);
 var N = (t) => typeof t == "string";
@@ -1482,4 +1534,4 @@ function xo(t) {
 	return Rt(Mt, t.nonce), $ahdqC$react.createElement(dt, { ...t });
 }
 //#endregion
-export { y as n, xo as t };
+export { y as n, Toast as r, xo as t };

package/dist/{dom.utils-D1AopHx9.js → dom.utils-BbfrA6RP.js}

@@ -1,4 +1,4 @@
-import { o as ObjectUtils } from "./uiConfig.context-BS3r_kTS.js";
+import { n as ObjectUtils } from "./isEqual-LFw0W5rU.js";
 import { useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 //#region src/hooks/useStateAndRef.ts

package/dist/{dropdownMenu.cva-DvEmX0bs.js → dropdownMenu.cva-Bi3a21lO.js}

@@ -14,11 +14,11 @@ const menuItemDefinition = UIOverrides.defineConfig({
 	base: [
 		"flex cursor-pointer items-center justify-between gap-list-gap-icon-to-label px-list-side-item-left py-list-height-item has-submenu:pr-list-side-item-right",
 		"border-b border-b-border-default-subtle outline-none last:border-b-0",
-		"bg-surface-default-card text-surface-default-foreground",
-		"disabled:cursor-default disabled:text-state-surface-default-foreground/disabled",
-		"not-disabled:not-open:not-focus-visible:hover:bg-state-interactive-subtle-secondary-background/hover not-disabled:not-open:not-focus-visible:hover:text-state-surface-default-foreground/hover",
+		"bg-surface-default-card text-content-secondary",
+		"disabled:cursor-default disabled:text-state-content-secondary/disabled",
+		"not-disabled:not-open:not-focus-visible:hover:bg-state-interactive-subtle-secondary-background/hover not-disabled:not-open:not-focus-visible:hover:text-state-content-secondary/hover",
 		"open:cursor-default not-disabled:open:bg-interactive-primary-background not-disabled:open:text-interactive-primary-foreground",
-		"not-disabled:not-open:focus-visible:bg-state-interactive-subtle-secondary-background/focus not-disabled:not-open:focus-visible:text-state-surface-default-foreground/focus focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-interactive-ring"
+		"not-disabled:not-open:focus-visible:bg-state-interactive-subtle-secondary-background/focus not-disabled:not-open:focus-visible:text-state-content-secondary/focus focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-interactive-ring"
 	],
 	config: {
 		variants: { isMobile: {

package/dist/{PasswordInput-DYwUZ4-k.js → eye-BA4nRlMX.js}

@@ -1,9 +1,4 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import "./i18n-CX2EjhJI.js";
-import { Input } from "./components/input.js";
-import { memo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/eye-off.mjs
 /**
 * @license lucide-react v1.43.0 - ISC
@@ -59,20 +54,4 @@ const __iconData = {
 __iconData.node;
 const Eye = createLucideIcon(__iconData);
 //#endregion
-//#region src/components/inputs/Input/PasswordInput/PasswordInput.tsx
-const PasswordInputComponent = (props) => {
-	const { t } = useTranslation("ui");
-	const [isRevealed, setIsRevealed] = useState(false);
-	return /* @__PURE__ */ jsx(Input, {
-		...props,
-		type: isRevealed ? "text" : "password",
-		action: {
-			icon: isRevealed ? Eye : EyeOff,
-			altText: t(($) => isRevealed ? $.ui.password.hide : $.ui.password.reveal),
-			onClick: () => setIsRevealed(!isRevealed)
-		}
-	});
-};
-const PasswordInput = memo(PasswordInputComponent);
-//#endregion
-export { PasswordInput as t };
+export { EyeOff as n, Eye as t };

package/dist/{fileUpload.types-n5FxK_F-.d.ts → fileUpload.types-BT8P1o7a.d.ts}

@@ -1,8 +1,6 @@
-import { i as ButtonProps$1 } from "./Button-D-4qb0IR.js";
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
-import { ReactNode, Ref } from "react";
+import { n as ButtonProps$1 } from "./Button-f7FPTaiN.js";
+import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { FocusEventHandler, ReactNode, Ref } from "react";
 import { DropZoneProps, FileTriggerProps } from "react-aria-components";
 //#region src/types/error-handling.d.ts
 type GeneralErrorCodes = "DATA_VALIDATION_ERROR" | "NETWORK_ERROR" | "CANCELED_ERROR" | "INTERNAL_ERROR" | "UNKNOWN_ERROR";
@@ -20,26 +18,26 @@ interface SingleFileUploadProps {
   allowsMultiple?: false;
   /** Standard alias for React Aria's `allowsMultiple`. */
   multiple?: false;
-  value?: FileUploadState | null;
+  value?: FileUploadState[] | null;
   onChange?: (file: File | null) => void;
   defaultValue?: File | null;
   onInvalidFileType?: (filename: string) => void;
 }
-interface MultipleFileUploadProps {
+type MultipleFileUploadProps = ({
   allowsMultiple: true;
-  /** Standard alias for React Aria's `allowsMultiple`. */
   multiple?: true;
+} |
+/** Standard alias for React Aria's `allowsMultiple`. */
+{
+  allowsMultiple?: true;
+  multiple: true;
+}) & {
   value?: FileUploadState[];
   onChange?: (files: File[]) => void;
   defaultValue?: File[];
   onInvalidFileType?: (filenames: string[]) => void;
-}
+};
 type GroupedFileUploadProps = MultipleFileUploadProps | SingleFileUploadProps;
-type GroupedFileUploadControlProps<TFieldValues extends FieldValues> = ({
-  allowsMultiple: true;
-} & ControlProps<MultipleFileUploadProps, TFieldValues>) | ({
-  allowsMultiple?: false;
-} & ControlProps<SingleFileUploadProps, TFieldValues>);
 interface FileUploadResponse {
   id: string;
 }
@@ -87,16 +85,16 @@ interface FileUploadContainerChildrenProps {
   onRemove: (id: string) => void;
   onCancel: (index: number) => void;
 }
-type FileUploadButtonProps = Omit<ButtonProps$1, "children" | "isDisabled" | "isSelected" | "onPress" | "toggle">;
+type FileUploadButtonProps = Omit<ButtonProps$1, "children" | "isDisabled" | "onPress">;
 type FileUploadBaseProps = {
   as?: "button" | "link";
   ref?: Ref<HTMLElement>;
+  onBlur?: FocusEventHandler<HTMLDivElement>;
   label?: string;
   className?: string;
   emptyText?: string;
   uploadText?: string;
   browseText?: string;
-  value?: FileUploadState[];
   defaultState?: DefaultFile[];
   clearOnSuccess?: boolean;
   children?: (props: FileUploadContainerChildrenProps) => ReactNode;
@@ -104,7 +102,9 @@ type FileUploadBaseProps = {
   browseButtonProps?: FileUploadButtonProps;
   cancelButtonProps?: FileUploadButtonProps;
 } & FormFieldProps & FileUploadVariant & Omit<FileTriggerProps, "children" | "onSelect" | "allowsMultiple" | "value"> & Omit<DropZoneProps, "children" | "onDrop" | "value"> & GroupedFileUploadProps & FileUploadCallbacks;
-type FileUploadProps<TFieldValues extends FieldValues = FieldValues> = FileUploadBaseProps & GroupedFileUploadControlProps<TFieldValues>;
+type FileUploadProps = FileUploadBaseProps & {
+  field?: never;
+};
 type FileUploadContainerProps = (Omit<FileUploadBaseProps, "label" | "hideLabel" | "variant" | "as"> & SingleFileUploadProps) | (Omit<FileUploadBaseProps, "label" | "hideLabel" | "variant" | "as"> & MultipleFileUploadProps);
 //#endregion
 export { FileUploadError as a, FileUploadResponse as c, FileUploadContainerProps as i, FileUploadState as l, FileUploadBaseProps as n, FileUploadProps as o, FileUploadButtonProps as r, FileUploadRequest as s, DefaultFile as t };

package/dist/form.binding-B-2id68q.js

@@ -0,0 +1,49 @@
+import { n as useFormDisabled, r as useFormState } from "./useForm-eW4KpH1u.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/shared/form.types.ts
+const getFieldError = (errors) => errors.flatMap((error) => {
+	if (typeof error === "string") return [error];
+	if (error && typeof error === "object" && "message" in error) return [String(error.message)];
+	return [];
+}).at(0);
+//#endregion
+//#region src/components/inputs/shared/form.binding.tsx
+function FieldController({ control: form, name, onValueChange, onBlur, render }) {
+	const isFormDisabled = useFormDisabled(form);
+	const submissionAttempts = useFormState(form, (state) => state.submissionAttempts);
+	return /* @__PURE__ */ jsx(form.Field, {
+		name,
+		validators: form.getFieldValidators(name),
+		children: (field) => {
+			const validators = form.getFieldValidators(name);
+			const validationError = submissionAttempts > 0 ? getFieldError(field.state.meta.errors) : validators?.onChange && field.state.meta.isDirty ? validators.onChange({ value: field.state.value }) : validators?.onBlur && field.state.meta.isTouched ? validators.onBlur({ value: field.state.value }) : void 0;
+			return render({
+				field: {
+					disabled: isFormDisabled,
+					name: field.name,
+					onBlur: (event) => {
+						field.handleBlur();
+						form.notifyBlur(name);
+						if (event && typeof event === "object" && ("nativeEvent" in event || "type" in event && event.type === "blur")) onBlur?.();
+					},
+					onValueCommit: () => {
+						field.handleBlur();
+						form.notifyBlur(name);
+					},
+					onChange: (value) => {
+						field.handleChange(value);
+						onValueChange?.(value);
+					},
+					ref: () => void 0,
+					value: field.state.value
+				},
+				fieldState: {
+					error: validationError ? { message: validationError } : void 0,
+					isDirty: field.state.meta.isDirty
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { FieldController as t };

package/dist/form.types-C8P4sznq.d.ts

@@ -0,0 +1,22 @@
+import { a as UIForm, n as DeepValue, t as DeepKeys } from "./useForm-I6z23FXf.js";
+//#region src/components/inputs/shared/form.binding.d.ts
+type FieldValues = Record<string, any>;
+//#endregion
+//#region src/components/inputs/shared/form.types.d.ts
+type ControlKeys<TProps, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = TValueProp | "value" | "onChange" | "onBlur" | "defaultValue" | "defaultSelected" | "defaultChecked" | "defaultState" | "onValueCommit";
+type ChangeValue<TProps> = TProps extends {
+  onChange?: infer TChange;
+} ? NonNullable<TChange> extends ((value: infer TValue, ...args: never[]) => unknown) ? TValue : never : never;
+interface FormControl<TFieldValues extends Record<string, unknown>, TType, TChangeValue = NonNullable<TType>> {
+  form: UIForm<TFieldValues, unknown>;
+  name: { [K in DeepKeys<TFieldValues>]: DeepValue<TFieldValues, K> extends TType ? K : never; }[DeepKeys<TFieldValues>];
+  /** Runs after an interaction updates the raw form value. Resets and setters do not invoke it. */
+  onValueChange?: (value: TChangeValue) => void;
+  /** Runs after an actual blur marks the field touched and notifies autosave. */
+  onBlur?: () => void;
+}
+type FormControlProps<TProps, TFieldValues extends Record<string, unknown>, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = TProps extends unknown ? {
+  field: FormControl<TFieldValues, TProps[TValueProp] | null, ChangeValue<TProps>>;
+} & Omit<TProps, ControlKeys<TProps, TValueProp> | "field"> & Partial<Record<ControlKeys<TProps, TValueProp>, never>> : never;
+//#endregion
+export { FieldValues as n, FormControlProps as t };

package/dist/{formFieldError.cva-CsXaQRHX.js → formFieldError.cva-CTl0VeyG.js}

@@ -1,7 +1,7 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/inputs/FormField/formFieldError.cva.ts
 const formFieldErrorDefinition = UIOverrides.defineConfig({
-	base: ["text-small text-surface-destructive-base"],
+	base: ["text-small text-status-destructive-accent"],
 	config: {
 		variants: { visible: {
 			true: "mt-1.5",

package/dist/{formFieldHelper.cva-B8F9LmsE.js → formFieldHelper.cva-CxAmrG2H.js}

@@ -17,18 +17,18 @@ const labelDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { as: {
-			default: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"],
-			filter: ["text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"],
-			inline: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"],
+			default: ["flex items-start gap-1 text-content-primary input-disabled:text-state-content-primary/disabled"],
+			filter: ["text-content-secondary input-disabled:text-state-content-secondary/disabled"],
+			inline: ["flex items-start gap-1 text-content-primary input-disabled:text-state-content-primary/disabled"],
 			floating: [
 				"pointer-events-none font-normal!",
 				"absolute transition-all duration-75",
 				"top-1/2 -translate-y-1/2",
-				"text-surface-default-card-foreground",
-				"input-disabled:text-state-surface-default-card-foreground/disabled!",
+				"text-content-primary",
+				"input-disabled:text-state-content-primary/disabled!",
 				"input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]",
 				"input-filled:translate-y-0",
-				"input-filled:text-surface-default-card-foreground",
+				"input-filled:text-content-primary",
 				"input-filled:font-bold!",
 				"input-filled:text-small!",
 				"group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0",
@@ -54,7 +54,8 @@ const labelTypography = compoundMapper({
 			as: "filter",
 			value: {
 				size: "large",
-				sizeMobile: "large"
+				sizeMobile: "large",
+				className: "font-normal"
 			}
 		},
 		{
@@ -83,7 +84,7 @@ const labelTypography = compoundMapper({
 //#endregion
 //#region src/components/inputs/FormField/formFieldHelper.cva.ts
 const formFieldHelperDefinition = UIOverrides.defineConfig({
-	base: ["text-small text-surface-default-foreground"],
+	base: ["text-small text-content-secondary"],
 	config: {
 		variants: { visible: {
 			true: "mt-1.5",

package/dist/hooks/use-async-list.d.ts

@@ -0,0 +1,2 @@
+import { a as AsyncListOptions, i as AsyncListLoadOptions, n as AsyncListData, o as useAsyncList, r as AsyncListLoadFunction, t as AsyncList } from "../useAsyncList-Cu-Y8If2.js";
+export { AsyncList, type AsyncListData, type AsyncListLoadFunction, type AsyncListLoadOptions, type AsyncListOptions, useAsyncList };

package/dist/hooks/use-async-list.js

@@ -0,0 +1,2 @@
+import { t as useAsyncList } from "../useAsyncList-yHz7twsj.js";
+export { useAsyncList };

package/dist/hooks/use-filters.js

@@ -1,2 +1,2 @@
-import { t as useFilters } from "../useFilters-XNH27Md2.js";
+import { t as useFilters } from "../useFilters-HIngImwn.js";
 export { useFilters };

package/dist/{i18n-CX1vFM9r.d.ts → i18n-2z5on9No.d.ts}

@@ -46,6 +46,14 @@ declare const resources: {
           errors: {
             endDateBeforeStart: string;
           };
+          calendarNavigation: string;
+          adjustTime: {
+            increment: string;
+            decrement: string;
+            hour: string;
+            minute: string;
+            dayPeriod: string;
+          };
         };
         modal: {
           closeBtn: string;
@@ -108,6 +116,7 @@ declare const resources: {
           emptyText: string;
           uploadText: string;
           browse: string;
+          uploadFailed: string;
           noFileUploaded: string;
           upload: string;
           uploadFile: string;
@@ -207,6 +216,14 @@ declare const resources: {
           errors: {
             endDateBeforeStart: string;
           };
+          calendarNavigation: string;
+          adjustTime: {
+            increment: string;
+            decrement: string;
+            hour: string;
+            minute: string;
+            dayPeriod: string;
+          };
         };
         modal: {
           closeBtn: string;
@@ -265,6 +282,7 @@ declare const resources: {
           emptyText: string;
           uploadText: string;
           browse: string;
+          uploadFailed: string;
           noFileUploaded: string;
           upload: string;
           uploadFile: string;

package/dist/{i18n-CX2EjhJI.js → i18n-BjNKHh_D.js}

@@ -38,7 +38,15 @@ var translation_default$1 = {
 				"previousYear": "Previous year",
 				"nextYear": "Next year"
 			},
-			"errors": { "endDateBeforeStart": "End date cannot be before start date" }
+			"errors": { "endDateBeforeStart": "End date cannot be before start date" },
+			"calendarNavigation": "Calendar navigation",
+			"adjustTime": {
+				"increment": "Increase {{segment}}",
+				"decrement": "Decrease {{segment}}",
+				"hour": "hour",
+				"minute": "minute",
+				"dayPeriod": "AM/PM"
+			}
 		},
 		"modal": { "closeBtn": "Close" },
 		"autocomplete": { "createNewBtn": "Create" },
@@ -95,6 +103,7 @@ var translation_default$1 = {
 			"emptyText": "Upload file",
 			"uploadText": "Drag & drop files here or",
 			"browse": "Browse",
+			"uploadFailed": "Upload failed. Please try again.",
 			"noFileUploaded": "No file uploaded",
 			"upload": "Upload",
 			"uploadFile": "Upload file",
@@ -189,7 +198,15 @@ var translation_default = {
 				"previousYear": "Prejšnje leto",
 				"nextYear": "Naslednje leto"
 			},
-			"errors": { "endDateBeforeStart": "Datum konca ne more biti pred datumom začetka" }
+			"errors": { "endDateBeforeStart": "Datum konca ne more biti pred datumom začetka" },
+			"calendarNavigation": "Navigacija po koledarju",
+			"adjustTime": {
+				"increment": "Povečaj {{segment}}",
+				"decrement": "Zmanjšaj {{segment}}",
+				"hour": "uro",
+				"minute": "minuto",
+				"dayPeriod": "AM/PM"
+			}
 		},
 		"modal": { "closeBtn": "Zapri" },
 		"autocomplete": { "createNewBtn": "Ustvari" },
@@ -244,6 +261,7 @@ var translation_default = {
 			"emptyText": "Naloži datoteko",
 			"uploadText": "Povlecite datoteke sem ali",
 			"browse": "Izberi",
+			"uploadFailed": "Nalaganje ni uspelo. Poskusite znova.",
 			"noFileUploaded": "Ni datotek",
 			"upload": "Naloži",
 			"uploadFile": "Naloži datoteko",

package/dist/{iconSlot.cva-CnpFzAOR.d.ts → iconSlot.cva-BA9NahZH.d.ts}

@@ -1,4 +1,5 @@
-import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { n as StyleMergeUtils } from "./uiOverrides.context-Dmev7iRS.js";
+import "./style-definitions-_RXJdSk-.js";
 import { ComponentPropsWithRef, FC, ReactElement, SVGProps } from "react";
 //#region src/components/shared/IconSlot/IconSlot.d.ts
 type IconSlotIcon = FC<SVGProps<SVGSVGElement>> | ReactElement;

package/dist/icons.d.ts

@@ -1,3 +1,3 @@
-import { i as IconSlotProps, n as IconSlot, r as IconSlotIcon, t as iconSlotDefinition } from "./iconSlot.cva-CnpFzAOR.js";
+import { i as IconSlotProps, n as IconSlot, r as IconSlotIcon, t as iconSlotDefinition } from "./iconSlot.cva-BA9NahZH.js";
 import { X as CloseIcon } from "lucide-react";
 export { CloseIcon, IconSlot, type IconSlotIcon, type IconSlotProps, iconSlotDefinition };