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

package/dist/{datePickerValue.utils-DCgoSrP3.js → datePickerValue.utils-OAQBDk1R.js}

@@ -1,15 +1,17 @@
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
+import { n as ChevronUp } from "./Tooltip-CMigoyri.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { InlineIconButton } from "./components/inline-icon-button.js";
-import { t as useBreakpoint } from "./useBreakpoint-DQoMN-BG.js";
-import { u as getPlaceholder } from "./staticDateTimeSegments-DtU63_dw.js";
+import { IconButton } from "./components/icon-button.js";
+import { t as useBreakpoint } from "./useBreakpoint-BzYqQEBO.js";
+import { u as getPlaceholder } from "./staticDateTimeSegments-Bt5wCZvg.js";
+import "./i18n-BjNKHh_D.js";
 import { useEffect, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Time } from "@internationalized/date";
 import { useDateSegment, useLocale, useTimeField } from "react-aria";
+import { useTranslation } from "react-i18next";
 import { useTimeFieldState } from "@react-stately/datepicker";
 //#region src/hooks/useLongPressRepeat.ts
 const useLongPressRepeat = (t0) => {
@@ -149,7 +151,7 @@ const TimeSegmentInput = ({ segment, state, autoFocus }) => {
 			children: /* @__PURE__ */ jsx(Typography, {
 				as: "span",
 				size: "small",
-				className: "text-surface-default-foreground font-bold",
+				className: "text-content-secondary font-bold",
 				children: segment.text
 			})
 		});
@@ -159,12 +161,13 @@ const TimeSegmentInput = ({ segment, state, autoFocus }) => {
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
 			...isDesktop && segmentProps,
-			className: clsx("w-11 rounded-input-rounding-default bg-surface-default-popover py-input-height-small text-center", "font-body font-bold text-surface-default-popover-foreground", "border border-border-default-input border-solid", "not-focus-within:hover:border-state-border-default-input/hover not-focus-within:hover:bg-state-surface-default-popover/hover not-focus-within:hover:text-state-surface-default-popover-foreground/hover", "focus-within:border-interactive-ring focus-within:bg-surface-default-background focus-within:text-surface-default-card-foreground focus-within:outline-none"),
+			className: clsx("w-11 rounded-input-rounding-default bg-surface-default-sunken py-input-height-small text-center", "font-body font-bold text-content-muted", "border border-border-default-input border-solid", "not-focus-within:hover:border-state-border-default-input/hover not-focus-within:hover:bg-state-surface-default-sunken/hover not-focus-within:hover:text-state-content-muted/hover", "focus-within:border-interactive-ring focus-within:bg-surface-default-background focus-within:text-content-primary focus-within:outline-none"),
 			children: getPlaceholder(segment) ?? segment.text
 		})
 	});
 };
 const TimeSegmentButton = ({ segment, state, type }) => {
+	const { t } = useTranslation("ui");
 	const stateRef = useRef(state);
 	useEffect(() => {
 		stateRef.current = state;
@@ -195,21 +198,26 @@ const TimeSegmentButton = ({ segment, state, type }) => {
 			children: /* @__PURE__ */ jsx(Typography, {
 				as: "span",
 				size: "small",
-				className: "invisible text-surface-default-foreground font-bold",
+				className: "invisible text-content-secondary font-bold",
 				"aria-hidden": true,
 				children: segment.text
 			})
 		});
 	}
+	const Icon = type === "increment" ? ChevronUp : ChevronDown;
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex w-11 select-none items-center justify-center",
 		onContextMenu: (e) => e.preventDefault(),
-		children: /* @__PURE__ */ jsx(InlineIconButton, {
-			label: "",
+		children: /* @__PURE__ */ jsx(IconButton, {
+			label: t(($) => type === "increment" ? $.ui.datePicker.adjustTime.increment : $.ui.datePicker.adjustTime.decrement, { segment: t(($) => segment.type === "hour" ? $.ui.datePicker.adjustTime.hour : segment.type === "minute" ? $.ui.datePicker.adjustTime.minute : $.ui.datePicker.adjustTime.dayPeriod) }),
 			color: "secondary",
 			onPressStart,
 			onPressEnd,
-			icon: type === "increment" ? ChevronUp : ChevronDown
+			icon: Icon,
+			variant: "text",
+			width: "hug",
+			disableTooltip: true,
+			size: "sm"
 		})
 	});
 };

package/dist/{dialog.cva-COhDZaVl.js → dialog.cva-sioU_5R7.js}

@@ -4,7 +4,7 @@ const dialogContentDefinition = UIOverrides.defineConfig({
 	base: [
 		"relative flex flex-col items-center gap-modal-gap-content px-modal-side-mobile py-modal-height-mobile md:px-modal-side-desktop md:py-modal-height-desktop",
 		"w-fit max-w-full [&>*]:max-w-full",
-		"border-border-default-subtle bg-surface-default-card text-surface-default-card-foreground outline-none",
+		"border-border-default-subtle bg-surface-default-card text-content-primary outline-none",
 		"pointer-events-auto"
 	],
 	config: {

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-CTl0VeyG.js

@@ -0,0 +1,14 @@
+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-status-destructive-accent"],
+	config: {
+		variants: { visible: {
+			true: "mt-1.5",
+			false: "sr-only"
+		} },
+		defaultVariants: { visible: false }
+	}
+});
+//#endregion
+export { formFieldErrorDefinition as t };

package/dist/formFieldHelper.cva-CxAmrG2H.js

@@ -0,0 +1,97 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
+//#region src/components/inputs/FormField/formFieldHeader.cva.ts
+const formFieldHeaderDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { visible: {
+			true: "mb-1",
+			false: "sr-only"
+		} },
+		defaultVariants: { visible: true }
+	}
+});
+//#endregion
+//#region src/components/inputs/shared/label.cva.ts
+const labelDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { as: {
+			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-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-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",
+				"group-has-[textarea:not(:placeholder-shown)]/text-area:hidden",
+				"group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0",
+				"group-data-[is-filled=true]/text-editor:hidden"
+			]
+		} },
+		defaultVariants: { as: "default" }
+	}
+});
+const labelTypography = compoundMapper({
+	compoundVariants: [
+		{
+			as: "default",
+			value: {
+				size: "small",
+				sizeMobile: "small",
+				className: "font-bold"
+			}
+		},
+		{
+			as: "filter",
+			value: {
+				size: "large",
+				sizeMobile: "large",
+				className: "font-normal"
+			}
+		},
+		{
+			as: "inline",
+			value: {
+				size: "small",
+				sizeMobile: "small",
+				className: "font-bold"
+			}
+		},
+		{
+			as: "floating",
+			value: {
+				size: "large",
+				sizeMobile: "large"
+			}
+		}
+	],
+	default: {
+		size: "small",
+		sizeMobile: "small",
+		className: "font-bold"
+	},
+	defaultVariants: { as: "default" }
+});
+//#endregion
+//#region src/components/inputs/FormField/formFieldHelper.cva.ts
+const formFieldHelperDefinition = UIOverrides.defineConfig({
+	base: ["text-small text-content-secondary"],
+	config: {
+		variants: { visible: {
+			true: "mt-1.5",
+			false: "sr-only"
+		} },
+		defaultVariants: { visible: false }
+	}
+});
+//#endregion
+export { formFieldHeaderDefinition as i, labelDefinition as n, labelTypography as r, formFieldHelperDefinition as t };

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 };