@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

package/dist/useTableNav-BoQOVqZF.d.ts

@@ -0,0 +1,274 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import { c as ZodObject, h as output, i as ZodEnum } from "./schemas-CAtYiHoz.js";
+import { t as FieldPath } from "./form.binding-DWlFTecs.js";
+import { ComponentType, Dispatch, KeyboardEvent, ReactNode, SetStateAction } from "react";
+import { DragEndEvent, UniqueIdentifier } from "@dnd-kit/core";
+import { CellContext, ColumnDef, ColumnMeta, ColumnOrderState, ColumnVisibilityState, OnChangeFn, PaginationState, Row, RowData, RowSelectionState, SortingState, StockFeatures, Table } from "@tanstack/react-table";
+import { TFunction } from "i18next";
+//#region src/components/table/ColumnConfig.d.ts
+type ColumnDef$4<TData extends RowData, TValue = unknown> = ColumnDef<StockFeatures, TData, TValue>;
+type VisibilityState$2 = ColumnVisibilityState;
+interface ColumnConfigModalProps<TData extends RowData, TValue> {
+  isOpen: boolean;
+  onClose: () => void;
+  configColumns: ColumnDef$4<TData, TValue>[];
+  visibleColumns: VisibilityState$2;
+  onVisibilityChange: (visibleColumns: VisibilityState$2) => void;
+  onOrderChange: (columnOrder: ColumnOrderState) => void;
+}
+declare function ColumnConfigModal<TData extends RowData, TValue>({ isOpen, onClose, configColumns, visibleColumns, onVisibilityChange, onOrderChange }: ColumnConfigModalProps<TData, TValue>): import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+//#region src/components/table/table.cva.d.ts
+declare const tableRowDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly alternatingBackground: {
+      readonly even: "even:bg-elevation-fill-inverted-4/5";
+      readonly odd: "odd:bg-elevation-fill-inverted-4/5";
+    };
+  }>;
+};
+type TableRowConfig = NonNullable<typeof tableRowDefinition.config>;
+interface TableRowVariantProps extends UIOverrides.VariantProps<TableRowConfig> {}
+declare const tableHeadRowDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
+};
+declare const tableHeadDataDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly hasRightBorder: {
+      readonly true: "border-l border-l-elevation-outline-default-1 border-solid";
+      readonly false: "";
+    };
+  }>;
+};
+declare const tableDataDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly hasRightBorder: {
+      readonly true: "border-l border-l-elevation-outline-default-1";
+      readonly false: "";
+    };
+  }>;
+};
+declare const tableHeaderTextDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
+};
+declare const tableCellTextDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
+};
+//#endregion
+//#region src/components/table/Table.d.ts
+type ColumnDef$3<TData extends RowData, TValue = unknown> = ColumnDef<StockFeatures, TData, TValue>;
+type ReactTable<TData extends RowData> = Table<StockFeatures, TData>;
+type Row$1<TData extends RowData> = Row<StockFeatures, TData>;
+type VisibilityState$1 = ColumnVisibilityState;
+type BulkSelectionActionsComponent<T extends RowData> = ComponentType<{
+  table: ReactTable<T>;
+}>;
+interface TableWrapperProps<T extends RowData> extends Omit<TableProps<T>, "columns"> {}
+interface TableProps<T extends RowData> extends TableRowVariantProps {
+  items: T[];
+  columns: ((t: TFunction) => ColumnDef$3<T>[]) | ColumnDef$3<T>[];
+  showCellBorder?: boolean;
+  onRowClick?: (row: T) => void;
+  onDoubleClick?: (row: T) => void;
+  className?: string;
+  sorting?: SortingState;
+  setSorting?: Dispatch<SetStateAction<SortingState>>;
+  columnOrder?: ColumnOrderState;
+  setColumnOrder?: Dispatch<SetStateAction<ColumnOrderState>>;
+  columnVisibility?: VisibilityState$1;
+  setColumnVisibility?: Dispatch<SetStateAction<VisibilityState$1>>;
+  bulkSelectionActions?: BulkSelectionActionsComponent<T>;
+  enableDragDrop?: boolean;
+  onDragEnd?: (event: DragEndEvent) => void;
+  onReorder?: (reorderedItems: T[]) => void;
+  getRowId?: (row: T) => UniqueIdentifier;
+  enableRowSelection?: boolean | ((row: Row$1<T>) => boolean);
+  enableMultiRowSelection?: boolean | ((row: Row$1<T>) => boolean);
+  defaultSelectedRows?: RowSelectionState;
+  onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+}
+declare const Table$1: <T extends RowData>({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection, defaultSelectedRows, onRowSelectionChange, ...props }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/table/InfiniteTable.d.ts
+interface InfiniteTableWrapperProps<T extends RowData> extends Omit<InfiniteTableProps<T>, "columns"> {}
+interface InfiniteTableProps<T extends RowData> extends TableProps<T> {
+  hasNextPage: boolean;
+  isFetchingNextPage?: boolean;
+  fetchNextPage: () => void;
+}
+declare const InfiniteTable: <T extends RowData>({ hasNextPage, isFetchingNextPage, fetchNextPage, ...rest }: InfiniteTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/table/PaginatedTable.d.ts
+interface PaginatedTableWrapperProps<T extends RowData> extends Omit<PaginatedTableProps<T>, "columns"> {}
+interface PaginatedTableProps<T extends RowData> extends TableProps<T> {
+  totalItems: number;
+  pagination: PaginationState;
+  setPagination: Dispatch<SetStateAction<PaginationState>>;
+}
+declare const PaginatedTable: <T extends RowData>({ pagination, setPagination, items, totalItems, ...rest }: PaginatedTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/helpers/dynamicColumns.d.ts
+type CellContext$1<TData extends RowData, TValue> = CellContext<StockFeatures, TData, TValue>;
+type ColumnDef$2<TData extends RowData, TValue = unknown> = ColumnDef<StockFeatures, TData, TValue>;
+type ColumnMeta$1<TData extends RowData, TValue> = ColumnMeta<StockFeatures, TData, TValue>;
+type NestedTypeFromKey<T, K extends string> = K extends keyof T ? T[K] : K extends `${infer First}.${infer Rest}` ? First extends keyof T ? NestedTypeFromKey<T[First], Rest> : never : never;
+type SchemaType<TSchema extends ZodObject<any>> = output<TSchema>;
+type SchemaKey<TSchema extends ZodObject<any>> = keyof SchemaType<TSchema>;
+type NestedSchemaKey<TSchema extends ZodObject<any>> = FieldPath<SchemaType<TSchema>>;
+type SchemaValue<TSchema extends ZodObject<any>> = SchemaType<TSchema>[SchemaKey<TSchema>];
+type ColumnMetaType<TSchema extends ZodObject<any>> = ColumnMeta$1<SchemaType<TSchema>, SchemaValue<TSchema>>;
+type GetNestedValueType<TSchema extends ZodObject<any>, K extends string> = NestedTypeFromKey<SchemaType<TSchema>, K>;
+type NestedSchemaKeyOrString<TSchema extends ZodObject<any>> = NestedSchemaKey<TSchema> | (string & {});
+type DynamicColumnDef<TSchema extends ZodObject<any>, TValue = any> = Omit<ColumnDef$2<SchemaType<TSchema>, TValue>, "accessorKey" | "cell"> & {
+  cell?: ((props: CellContext$1<SchemaType<TSchema>, TValue>) => any) | NestedSchemaKey<TSchema>;
+};
+type ColumnsConfig<TSchema extends ZodObject<any>> = { [K in NestedSchemaKey<TSchema>]?: DynamicColumnDef<TSchema, GetNestedValueType<TSchema, K>> | ((props: CellContext$1<SchemaType<TSchema>, GetNestedValueType<TSchema, K>>) => any) | NestedSchemaKey<TSchema> | boolean; };
+type CustomColumnDef<TSchema extends ZodObject<any>> = Omit<ColumnDef$2<SchemaType<TSchema>, any>, "accessorKey" | "cell"> & {
+  accessorKey?: NestedSchemaKeyOrString<TSchema>;
+  cell?: ((props: CellContext$1<SchemaType<TSchema>, any>) => any) | NestedSchemaKey<TSchema>;
+};
+type CustomColumnsConfig<TSchema extends ZodObject<any>> = Record<string, CustomColumnDef<TSchema> | ((props: CellContext$1<SchemaType<TSchema>, undefined>) => any) | NestedSchemaKey<TSchema>>;
+interface DynamicColumnsOptions<TSchema extends ZodObject<any>> {
+  columns?: ColumnsConfig<TSchema>;
+  customColumns?: CustomColumnsConfig<TSchema>;
+  order?: NestedSchemaKeyOrString<TSchema>[];
+  sortable?: NestedSchemaKeyOrString<TSchema>[] | ZodEnum<any>;
+  disableFormatting?: NestedSchemaKeyOrString<TSchema>[];
+  emptyValue?: ReactNode;
+  namespace?: string;
+  overridePresetLocales?: boolean;
+  globalMeta?: Omit<ColumnMetaType<TSchema>, "sortKey">;
+  globalWrapper?: (children: ReactNode) => ReactNode;
+  includeAll?: boolean;
+}
+interface DynamicColumnsParams<TSchema extends ZodObject<any>> {
+  schema: TSchema;
+  preset?: ColumnDef$2<SchemaType<TSchema>>[];
+  options: DynamicColumnsOptions<TSchema>;
+}
+declare const dynamicColumns: <TSchema extends ZodObject<any>>({ schema, preset, options }: DynamicColumnsParams<TSchema>) => ColumnDef$2<SchemaType<TSchema>>[];
+//#endregion
+//#region src/hooks/usePagination.d.ts
+declare function usePagination(defaultPagination?: PaginationState): {
+  pagination: PaginationState;
+  setPagination: import("react").Dispatch<import("react").SetStateAction<PaginationState>>;
+  pageIndex: number;
+  pageSize: number;
+};
+//#endregion
+//#region src/hooks/useSorting.d.ts
+declare function useSorting(defaultSorting?: SortingState, prefix?: string): {
+  sorting: SortingState;
+  setSorting: import("react").Dispatch<import("react").SetStateAction<SortingState>>;
+  order: string;
+};
+//#endregion
+//#region src/hooks/useTableColumnConfig.d.ts
+type ColumnDef$1<TData extends RowData, TValue = unknown> = ColumnDef<StockFeatures, TData, TValue>;
+type VisibilityState = ColumnVisibilityState;
+interface UseTableColumnConfigOptions {
+  visibleColumns?: VisibilityState;
+  columnOrder?: ColumnOrderState;
+  onVisibilityChange?: (value: VisibilityState) => void;
+  onOrderChange?: (value: ColumnOrderState) => void;
+}
+declare function useTableColumnConfig<TData extends RowData, TValue>(defaultColumns: ColumnDef$1<TData, TValue>[], options?: UseTableColumnConfigOptions): {
+  configColumns: ColumnDef$1<TData, TValue>[];
+  columns: ColumnDef$1<TData, TValue>[];
+  visibleColumns: ColumnVisibilityState;
+  columnOrder: ColumnOrderState;
+  onVisibilityChange: (value: VisibilityState) => void;
+  onOrderChange: (value: ColumnOrderState) => void;
+};
+//#endregion
+//#region src/hooks/useTableNav.d.ts
+declare const Selectors: {
+  readonly Cell: '[role="cell"],[role="gridcell"],[role="columnheader"],[role="rowheader"],td,th';
+  readonly Row: '[role="row"],tr';
+  readonly RowGroup: '[role="rowgroup"],thead,tbody,tfoot';
+  /** Selector from here: https://github.com/Shopify/polaris/blob/main/polaris-react/src/utilities/focus.ts#L10 */
+  readonly Focusable: 'a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not([aria-disabled="true"]):not([tabindex="-1"]):not(:disabled),*[tabindex]';
+};
+type Config = {
+  /** Enable debug logs */
+  debug?: boolean;
+  /** CSS Selectors being used to find Rows, Row Groups, Cells and Focusable elements */
+  selectors?: Partial<typeof Selectors>;
+  /** How many rows to move when pressing page up/down - Default goes to first/last row */
+  pageUpDown?: number;
+} | undefined;
+declare class DataGridNav {
+  private selectors;
+  readonly pageUpDown: number | undefined;
+  private keys;
+  private disabled;
+  readonly debug: boolean;
+  private activeCell;
+  constructor();
+  constructor(config: Config);
+  private debugLog;
+  /**
+   * Disables the keyboard listener in cases
+   * that elements inside the grid need to use
+   * arrows keys etc., like select dropdowns
+   */
+  disable(): void;
+  /**
+   * Enables the keyboard listeners
+   */
+  enable(): void;
+  private isFocusable;
+  getActiveCell(): HTMLElement | null;
+  /** Used as a keyboard listener for key up */
+  tableKeyUp(): void;
+  /** Used as a keyboard listener for key down */
+  tableKeyDown(e: KeyboardEvent): void;
+  /**
+   * Handles the navigation inside a cell
+   */
+  cellNavigation(e: KeyboardEvent): void;
+  /**
+   * Handles the navigation outside a cell
+   * on the grid level
+   */
+  gridNavigation(e: KeyboardEvent): void;
+  private pageCellNavigation;
+  private verticalCellNavigation;
+  /**
+   * Sending a row `Element` and then the first cell will be focused.
+   *
+   * If you want to focus the last cell then the row children can be passed in
+   * reversed order
+   */
+  private focusOnFirstCell;
+  /**
+   * Get the column index of a `cell` based on the first `row` parent.
+   * `cellIndex` could be used, but it's not supported in HTML tables.
+   */
+  private getColumnIndex;
+  /**
+   * Get the row index of a `row` based
+   * on its sibling rows
+   */
+  private getRowIndex;
+  /**
+   * Equivalent to prevUntil/nextUntil in jQuery
+   * https://api.jquery.com/prevUntil/
+   */
+  private findUntil;
+}
+declare function useTableNav(options?: Config): {
+  listeners: {
+    onKeyDown: (e: KeyboardEvent) => void;
+    onKeyUp: () => void;
+  };
+  tableNav: DataGridNav;
+};
+//#endregion
+export { ColumnConfigModal as C, tableRowDefinition as S, tableCellTextDefinition as _, DynamicColumnsOptions as a, tableHeadRowDefinition as b, PaginatedTableProps as c, InfiniteTableProps as d, InfiniteTableWrapperProps as f, TableRowVariantProps as g, TableWrapperProps as h, usePagination as i, PaginatedTableWrapperProps as l, TableProps as m, useTableColumnConfig as n, dynamicColumns as o, Table$1 as p, useSorting as r, PaginatedTable as s, useTableNav as t, InfiniteTable as u, tableDataDefinition as v, ColumnConfigModalProps as w, tableHeaderTextDefinition as x, tableHeadDataDefinition as y };

package/dist/useTextField-De01RThI.js

@@ -0,0 +1,77 @@
+import { L as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, R as $3ef42575df84b30b$export$9d1611c77c2fe928, i as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-DwfnacVy.js";
+import { t as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BhJH8XnS.js";
+import { t as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-Bk39gTui.js";
+import { n as $2baaea4c71418dea$export$294aa081a6c6f55d, t as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-DLZqyNVp.js";
+import { i as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidationState-Bpry7Uk5.js";
+import $HgANd$react, { useState } from "react";
+//#region ../../node_modules/.bun/@react-aria+textfield@3.18.4+67f6792bdf102c28/node_modules/@react-aria/textfield/dist/useTextField.mjs
+function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
+	let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
+	let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || "", props.onChange);
+	let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c(props, ref);
+	let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+		...props,
+		value
+	});
+	let { isInvalid, validationErrors, validationDetails } = validationState.displayValidation;
+	let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d({
+		...props,
+		isInvalid,
+		errorMessage: props.errorMessage || validationErrors
+	});
+	let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { labelable: true });
+	const inputOnlyProps = {
+		type,
+		pattern: props.pattern
+	};
+	let [initialValue] = useState(value);
+	var _props_defaultValue;
+	$99facab73266f662$export$5add1d006293d136(ref, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : initialValue, setValue);
+	$e93e671b31057976$export$b8473d3665f3a75a(props, validationState, ref);
+	return {
+		labelProps,
+		inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, inputElementType === "input" ? inputOnlyProps : void 0, {
+			disabled: isDisabled,
+			readOnly: isReadOnly,
+			required: isRequired && validationBehavior === "native",
+			"aria-required": isRequired && validationBehavior === "aria" || void 0,
+			"aria-invalid": isInvalid || void 0,
+			"aria-errormessage": props["aria-errormessage"],
+			"aria-activedescendant": props["aria-activedescendant"],
+			"aria-autocomplete": props["aria-autocomplete"],
+			"aria-haspopup": props["aria-haspopup"],
+			"aria-controls": props["aria-controls"],
+			value,
+			onChange: (e) => setValue(e.target.value),
+			autoComplete: props.autoComplete,
+			autoCapitalize: props.autoCapitalize,
+			maxLength: props.maxLength,
+			minLength: props.minLength,
+			name: props.name,
+			form: props.form,
+			placeholder: props.placeholder,
+			inputMode: props.inputMode,
+			autoCorrect: props.autoCorrect,
+			spellCheck: props.spellCheck,
+			[parseInt($HgANd$react.version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: props.enterKeyHint,
+			onCopy: props.onCopy,
+			onCut: props.onCut,
+			onPaste: props.onPaste,
+			onCompositionEnd: props.onCompositionEnd,
+			onCompositionStart: props.onCompositionStart,
+			onCompositionUpdate: props.onCompositionUpdate,
+			onSelect: props.onSelect,
+			onBeforeInput: props.onBeforeInput,
+			onInput: props.onInput,
+			...focusableProps,
+			...fieldProps
+		}),
+		descriptionProps,
+		errorMessageProps,
+		isInvalid,
+		validationErrors,
+		validationDetails
+	};
+}
+//#endregion
+export { $2d73ec29415bd339$export$712718f7aec83d5 as t };

package/dist/useToast-gQ9gzrbt.d.ts

@@ -0,0 +1,16 @@
+import { n as ToastOptions$1, r as ToastPosition, t as Id } from "./index-B8r_kiw4.js";
+import { i as ToastProps } from "./Toast-DDkev3SZ.js";
+//#region src/components/status/Toast/useToast.d.ts
+interface ToastParams extends Omit<ToastProps, "color"> {
+  position?: ToastPosition;
+}
+type ToastOptions = Omit<ToastOptions$1, "position" | "data">;
+declare const useToast: () => {
+  successToast: (params: ToastParams, options?: ToastOptions) => Id;
+  errorToast: (params: ToastParams, options?: ToastOptions) => Id;
+  warningToast: (params: ToastParams, options?: ToastOptions) => Id;
+  neutralToast: (params: ToastParams, options?: ToastOptions) => Id;
+  closeToast: (id: Id) => void;
+};
+//#endregion
+export { ToastParams as n, useToast as r, ToastOptions as t };

package/dist/useToggle-DDay--cY.js

@@ -0,0 +1,62 @@
+import { L as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, R as $3ef42575df84b30b$export$9d1611c77c2fe928, i as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-DwfnacVy.js";
+import { t as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BhJH8XnS.js";
+import { t as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CANxCO5-.js";
+//#region ../../node_modules/.bun/@react-aria+toggle@3.12.4+67f6792bdf102c28/node_modules/@react-aria/toggle/dist/useToggle.mjs
+function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
+	let { isDisabled = false, isReadOnly = false, value, name, form, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid, onPressStart, onPressEnd, onPressChange, onPress, onPressUp, onClick } = props;
+	let onChange = (e) => {
+		e.stopPropagation();
+		state.setSelected(e.target.checked);
+	};
+	if (!(children != null) && !(ariaLabel != null || ariaLabelledby != null) && true) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+	let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
+		onPressStart,
+		onPressEnd,
+		onPressChange,
+		onPress,
+		onPressUp,
+		onClick,
+		isDisabled
+	});
+	let { pressProps: labelProps, isPressed: isLabelPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
+		onPressStart,
+		onPressEnd,
+		onPressChange,
+		onPressUp,
+		onClick,
+		onPress(e) {
+			var _ref_current;
+			onPress === null || onPress === void 0 || onPress(e);
+			state.toggle();
+			(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
+		},
+		isDisabled: isDisabled || isReadOnly
+	});
+	let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c(props, ref);
+	let interactions = $3ef42575df84b30b$export$9d1611c77c2fe928(pressProps, focusableProps);
+	let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { labelable: true });
+	$99facab73266f662$export$5add1d006293d136(ref, state.defaultSelected, state.setSelected);
+	return {
+		labelProps: $3ef42575df84b30b$export$9d1611c77c2fe928(labelProps, { onClick: (e) => e.preventDefault() }),
+		inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, {
+			"aria-invalid": isInvalid || validationState === "invalid" || void 0,
+			"aria-errormessage": props["aria-errormessage"],
+			"aria-controls": props["aria-controls"],
+			"aria-readonly": isReadOnly || void 0,
+			onChange,
+			disabled: isDisabled,
+			...value == null ? {} : { value },
+			name,
+			form,
+			type: "checkbox",
+			...interactions
+		}),
+		isSelected: state.isSelected,
+		isPressed: isPressed || isLabelPressed,
+		isDisabled,
+		isReadOnly,
+		isInvalid: isInvalid || validationState === "invalid"
+	};
+}
+//#endregion
+export { $d2c8e2b0480f3f34$export$cbe85ee05b554577 as t };

package/dist/useToggleState-Dyx-sAjp.js

@@ -0,0 +1,23 @@
+import { t as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-Bk39gTui.js";
+import { useState } from "react";
+//#region ../../node_modules/.bun/@react-stately+toggle@3.9.4+83d5fd7b249dbeef/node_modules/@react-stately/toggle/dist/useToggleState.mjs
+function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
+	let { isReadOnly } = props;
+	let [isSelected, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isSelected, props.defaultSelected || false, props.onChange);
+	let [initialValue] = useState(isSelected);
+	function updateSelected(value) {
+		if (!isReadOnly) setSelected(value);
+	}
+	function toggleState() {
+		if (!isReadOnly) setSelected(!isSelected);
+	}
+	var _props_defaultSelected;
+	return {
+		isSelected,
+		defaultSelected: (_props_defaultSelected = props.defaultSelected) !== null && _props_defaultSelected !== void 0 ? _props_defaultSelected : initialValue,
+		setSelected: updateSelected,
+		toggle: toggleState
+	};
+}
+//#endregion
+export { $3017fa7ffdddec74$export$8042c6c013fd5226 as t };

package/dist/{hooks/useTranslationMemo.js → useTranslationMemo-CrZbeyBv.js}

@@ -29,4 +29,4 @@ function useTranslationMemo(func) {
 	return t0;
 }
 //#endregion
-export { useTranslationMemo };
+export { useTranslationMemo as t };

package/dist/{hooks/useTranslationMemo.d.ts → useTranslationMemo-Dy3p6m1g.d.ts}

@@ -3,4 +3,4 @@ import { TFunction } from "i18next";
 type TranslatedFunction<T> = ((t: TFunction) => T) | (() => T);
 declare function useTranslationMemo<T>(func: TranslatedFunction<T>): T;
 //#endregion
-export { useTranslationMemo };
+export { useTranslationMemo as t };

package/dist/utils/compound-mapper.d.ts

@@ -1,2 +1,2 @@
-import { CompoundMapper, compoundMapper } from "./compoundMapper.js";
+import { r as compoundMapper, t as CompoundMapper } from "../compoundMapper-CMoX98D2.js";
 export { type CompoundMapper, compoundMapper };

package/dist/utils/compound-mapper.js

@@ -1,2 +1,2 @@
-import { compoundMapper } from "./compoundMapper.js";
+import { t as compoundMapper } from "../compoundMapper-Di3SKZnS.js";
 export { compoundMapper };

package/dist/utils/date-time.d.ts

@@ -1,2 +1,2 @@
-import { DateTimeUtils } from "./date-time.utils.js";
+import { t as DateTimeUtils } from "../date-time.utils-Cu9TVj46.js";
 export { DateTimeUtils };

package/dist/utils/date-time.js

@@ -1,2 +1,2 @@
-import { DateTimeUtils } from "./date-time.utils.js";
+import { t as DateTimeUtils } from "../date-time.utils-0F9qduim.js";
 export { DateTimeUtils };

package/dist/utils/date.d.ts

@@ -1,2 +1,2 @@
-import { DateUtils } from "./date.utils.js";
+import { t as DateUtils } from "../date.utils-BoQnMRlF.js";
 export { DateUtils };

package/dist/utils/date.js

@@ -1,2 +1,2 @@
-import { DateUtils } from "./date.utils.js";
+import { t as DateUtils } from "../date.utils-B8_QF9y6.js";
 export { DateUtils };

package/dist/utils/file.d.ts

@@ -1,2 +1,2 @@
-import { FileUtils } from "./file.utils.js";
+import { t as FileUtils } from "../file.utils-Crb-mIHs.js";
 export { FileUtils };

package/dist/utils/file.js

@@ -1,2 +1,2 @@
-import { FileUtils } from "./file.utils.js";
+import { t as FileUtils } from "../file.utils-DqQxnuAm.js";
 export { FileUtils };

package/dist/utils/intl.d.ts

@@ -1,2 +1,2 @@
-import { IntlUtils } from "./intl.utils.js";
+import { t as IntlUtils } from "../intl.utils-NaOZUD2G.js";
 export { IntlUtils };

package/dist/utils/intl.js

@@ -1,2 +1,2 @@
-import { IntlUtils } from "./intl.utils.js";
+import { t as IntlUtils } from "../intl.utils-zwAFoZ0U.js";
 export { IntlUtils };

package/dist/utils/logger.d.ts

@@ -1,10 +1,2 @@
-//#region src/utils/logger.d.ts
-declare const logger: {
-  info: (...args: unknown[]) => void;
-  debug: (...args: unknown[]) => void;
-  warn: (...args: unknown[]) => void;
-  error: (...args: unknown[]) => void;
-  trace: (...args: unknown[]) => void;
-};
-//#endregion
+import { t as logger } from "../logger-N35Xhi14.js";
 export { logger };

package/dist/utils/logger.js

@@ -1,2 +1,2 @@
-import { logger } from "./logger2.js";
+import { t as logger } from "../logger-BPhG2izn.js";
 export { logger };

package/dist/utils/string.d.ts

@@ -1,2 +1,2 @@
-import { StringUtils } from "./string.utils.js";
+import { t as StringUtils } from "../string.utils-Cj6AB7uZ.js";
 export { StringUtils };

package/dist/utils/string.js

@@ -1,2 +1,2 @@
-import { StringUtils } from "./string.utils.js";
+import { t as StringUtils } from "../string.utils-BPgv6QwA.js";
 export { StringUtils };

package/dist/x-BYOEO0gW.js

@@ -0,0 +1,16 @@
+import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
+/**
+* @license lucide-react v1.28.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const X = createLucideIcon("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]);
+//#endregion
+export { X as t };

package/dist/zod.utils-Nz_Tbo_v.js

@@ -0,0 +1,24 @@
+import { a as ZodNullable, c as ZodOptional, f as ZodISODateTime, p as $ZodType, s as ZodObject } from "./schemas-BkfyFvBp.js";
+//#region src/utils/zod.utils.ts
+let ZodUtils;
+(function(_ZodUtils) {
+	const unwrapZodType = _ZodUtils.unwrapZodType = (schemaType) => {
+		let unwrappedType = schemaType;
+		while (unwrappedType instanceof ZodNullable || unwrappedType instanceof ZodOptional) unwrappedType = unwrappedType.unwrap();
+		return unwrappedType;
+	};
+	_ZodUtils.unwrapToZodObject = (schema) => {
+		const inner = unwrapZodType(schema);
+		if (!(inner instanceof ZodObject)) throw new Error("ZodUtils.unwrapToZodObject: expected a Zod object, or optional/nullable wrapping a Zod object.");
+		return inner;
+	};
+	const hasZodObjectProperty = (schemaType, property, type) => {
+		return property in schemaType.shape && schemaType.shape[property] instanceof $ZodType && unwrapZodType(schemaType.shape[property]) instanceof type;
+	};
+	_ZodUtils.isDateRange = (schemaType) => {
+		const unwrappedType = unwrapZodType(schemaType);
+		return unwrappedType instanceof ZodObject && hasZodObjectProperty(unwrappedType, "start", ZodISODateTime) && hasZodObjectProperty(unwrappedType, "end", ZodISODateTime);
+	};
+})(ZodUtils || (ZodUtils = {}));
+//#endregion
+export { ZodUtils as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.4.0-rc.19",
+  "version": "3.4.0-rc.20",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -378,6 +378,31 @@
       "import": "./dist/icons.js",
       "default": "./dist/icons.js"
     },
+    "./react-aria": {
+      "types": "./dist/react-aria/index.d.ts",
+      "import": "./dist/react-aria/index.js",
+      "default": "./dist/react-aria/index.js"
+    },
+    "./react-aria/components": {
+      "types": "./dist/react-aria/components.d.ts",
+      "import": "./dist/react-aria/components.js",
+      "default": "./dist/react-aria/components.js"
+    },
+    "./react-aria/hooks": {
+      "types": "./dist/react-aria/hooks.d.ts",
+      "import": "./dist/react-aria/hooks.js",
+      "default": "./dist/react-aria/hooks.js"
+    },
+    "./react-aria/state": {
+      "types": "./dist/react-aria/state.d.ts",
+      "import": "./dist/react-aria/state.js",
+      "default": "./dist/react-aria/state.js"
+    },
+    "./react-aria/types": {
+      "types": "./dist/react-aria/types.d.ts",
+      "import": "./dist/react-aria/types.js",
+      "default": "./dist/react-aria/types.js"
+    },
     "./rhf": {
       "types": "./dist/rhf.d.ts",
       "import": "./dist/rhf.js",