@povio/ui 2.1.22 → 2.2.1

package/dist/{Pagination.js → components/shared/pagination/Pagination.js}

@@ -1,6 +1,6 @@
-import { Typography } from "./Typography.js";
-import { ns } from "./i18n.js";
-import { NumberInput } from "./NumberInput.js";
+import { Typography } from "../../text/Typography/Typography.js";
+import { ns } from "../../../config/i18n.js";
+import { NumberInput } from "../../inputs/Input/NumberInput/NumberInput.js";
 import { PaginationList } from "./PaginationList.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/{PaginationList.js → components/shared/pagination/PaginationList.js}

@@ -1,9 +1,9 @@
-import { ChevronLeftIcon } from "./ChevronLeft.js";
-import { ChevronRightIcon } from "./ChevronRight.js";
-import { ChevronsLeftIcon } from "./ChevronsLeft.js";
-import { ChevronsRightIcon } from "./ChevronsRight.js";
-import { Button } from "./Button.js";
-import { ns } from "./i18n.js";
+import { ChevronLeftIcon } from "../../../assets/icons/ChevronLeft.js";
+import { ChevronRightIcon } from "../../../assets/icons/ChevronRight.js";
+import { ChevronsLeftIcon } from "../../../assets/icons/ChevronsLeft.js";
+import { ChevronsRightIcon } from "../../../assets/icons/ChevronsRight.js";
+import { Button } from "../../buttons/Button/Button.js";
+import { ns } from "../../../config/i18n.js";
 import { minWidth } from "./minWidth.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/{Alert.js → components/status/Alert/Alert.js}

@@ -1,8 +1,8 @@
-import { Loader } from "./Loader.js";
-import { UIStyle } from "./uiStyle.context.js";
-import { Typography } from "./Typography.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { Typography } from "../../text/Typography/Typography.js";
+import { Loader } from "../Loader/Loader.js";
 import { alert } from "./alert.cva.js";
-import { statusIcon, statusSeparator } from "./status.cva.js";
+import { statusIcon, statusSeparator } from "../shared/status.cva.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const Alert = ({ variant, color, text, isLoading = false, rightContent, hasSeparator, icon: Icon, className }) => {
 	const uiStyle = UIStyle.useConfig();

package/dist/{Loader.js → components/status/Loader/Loader.js}

@@ -1,6 +1,6 @@
 import { loader, loaderWrapper } from "./loader.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const Loader = ({ size, className,...props }) => {
+const Loader = ({ size, className, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: loaderWrapper({
 			size,

package/dist/{Toast.js → components/status/Toast/Toast.js}

@@ -1,12 +1,12 @@
-import { Loader } from "./Loader.js";
-import { UIStyle } from "./uiStyle.context.js";
-import { Typography } from "./Typography.js";
-import { Button } from "./Button.js";
-import { statusIcon, statusSeparator } from "./status.cva.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { Typography } from "../../text/Typography/Typography.js";
+import { Loader } from "../Loader/Loader.js";
+import { Button } from "../../buttons/Button/Button.js";
+import { statusIcon, statusSeparator } from "../shared/status.cva.js";
 import { buttonColorVariant, toast as toast$1, toastContainer, toastWrapper } from "./toast.cva.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ToastContainer } from "react-toastify";
-const Toast = ({ text, isLoading = false, actions = [], icon: Icon,...props }) => {
+const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
 	const uiStyle = UIStyle.useConfig();
 	const toastCva = uiStyle?.toast?.cva ?? toast$1;
 	const buttonColor = uiStyle?.toast?.buttonColor ?? buttonColorVariant;

package/dist/{toast.cva.js → components/status/Toast/toast.cva.js}

@@ -1,4 +1,4 @@
-import { compoundMapper } from "./compoundMapper.js";
+import { compoundMapper } from "../../../utils/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: {

package/dist/{CellText.js → components/table/CellText.js}

@@ -1,4 +1,4 @@
-import { Typography } from "./Typography.js";
+import { Typography } from "../text/Typography/Typography.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 const CellText = ({ children, style, className }) => /* @__PURE__ */ jsx(Typography, {

package/dist/{ColumnConfig.js → components/table/ColumnConfig.js}

@@ -1,9 +1,9 @@
-import { Typography } from "./Typography.js";
-import { Checkbox } from "./Checkbox.js";
-import { ns } from "./i18n.js";
-import { Modal } from "./Modal.js";
+import { Typography } from "../text/Typography/Typography.js";
+import { Checkbox } from "../inputs/Checkbox/Checkbox.js";
+import { ns } from "../../config/i18n.js";
+import { Modal } from "../overlays/Modal/Modal.js";
 import { Table } from "./Table.js";
-import { useTranslationMemo } from "./useTranslationMemo.js";
+import { useTranslationMemo } from "../../hooks/useTranslationMemo.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";

package/dist/{HeaderText.js → components/table/HeaderText.js}

@@ -1,4 +1,4 @@
-import { Typography } from "./Typography.js";
+import { Typography } from "../text/Typography/Typography.js";
 import { jsx } from "react/jsx-runtime";
 const HeaderText = ({ children }) => /* @__PURE__ */ jsx(Typography, {
 	variant: "default",

package/dist/{InfiniteTable.js → components/table/InfiniteTable.js}

@@ -1,9 +1,9 @@
-import { Loader } from "./Loader.js";
-import { useIntersectionObserver } from "./useIntersectionObserver.js";
+import { Loader } from "../status/Loader/Loader.js";
+import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { Table } from "./Table.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
-const InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage,...rest }) => {
+const InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage, ...rest }) => {
 	const { ref } = useIntersectionObserver({
 		onIntersection: useCallback(() => {
 			if (!isFetchingNextPage && hasNextPage) fetchNextPage();

package/dist/{PaginatedTable.js → components/table/PaginatedTable.js}

@@ -1,7 +1,7 @@
-import { Pagination } from "./Pagination.js";
+import { Pagination } from "../shared/pagination/Pagination.js";
 import { Table } from "./Table.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const PaginatedTable = ({ pagination, setPagination, items, totalItems,...rest }) => {
+const PaginatedTable = ({ pagination, setPagination, items, totalItems, ...rest }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-4",
 		children: [/* @__PURE__ */ jsx(Table, {

package/dist/{Table.js → components/table/Table.js}

@@ -1,12 +1,12 @@
-import { ChevronDownIcon } from "./ChevronDown.js";
-import { ChevronUpIcon } from "./ChevronUp.js";
-import { UIStyle } from "./uiStyle.context.js";
-import { InlineIconButton } from "./InlineIconButton.js";
-import { useIntersectionObserver } from "./useIntersectionObserver.js";
+import { ChevronDownIcon } from "../../assets/icons/ChevronDown.js";
+import { ChevronUpIcon } from "../../assets/icons/ChevronUp.js";
+import { UIStyle } from "../../config/uiStyle.context.js";
+import { InlineIconButton } from "../buttons/InlineIconButton/InlineIconButton.js";
+import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { CellText } from "./CellText.js";
-import { DragIcon } from "./Drag.js";
+import { DragIndicatorIcon } from "../../assets/icons/DragIndicator.js";
 import { HeaderText } from "./HeaderText.js";
-import { useTableNav } from "./useTableNav.js";
+import { useTableNav } from "../../hooks/useTableNav.js";
 import { tableData, tableHeadData, tableHeadRow, tableRow } from "./table.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
@@ -36,11 +36,11 @@ const RowDragHandleCell = ({ rowId }) => {
 		...listeners,
 		className: "cursor-move p-1",
 		label: "Drag handle",
-		icon: DragIcon
+		icon: DragIndicatorIcon
 	});
 };
 var AutoDragHandleCell = ({ row }) => /* @__PURE__ */ jsx(RowDragHandleCell, { rowId: row.id });
-var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCva, tableDataCva, hasOnClick,...props }) => {
+var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCva, tableDataCva, hasOnClick, ...props }) => {
 	const { transform, transition, setNodeRef, isDragging } = useSortable({ id: row.id });
 	return /* @__PURE__ */ jsx("tr", {
 		ref: setNodeRef,
@@ -69,7 +69,7 @@ var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCv
 		})
 	});
 };
-const Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop = false, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection = false, defaultSelectedRows, onRowSelectionChange,...props }) => {
+const Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop = false, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection = false, defaultSelectedRows, onRowSelectionChange, ...props }) => {
 	const uiStyle = UIStyle.useConfig();
 	const tableRowCva = uiStyle?.table?.rowCva ?? tableRow;
 	const tableHeadRowCva = uiStyle?.table?.headRowCva ?? tableHeadRow;

package/dist/{table.cva.js → components/table/table.cva.js}

@@ -12,7 +12,7 @@ const tableRow = cva([
 	odd: "odd:bg-elevation-fill-inverted-4/5"
 } } });
 const tableHeadRow = cva(["h-8 w-full"]);
-const tableHeadData = cva(["border-b border-b-elevation-outline-default-1 border-solid bg-elevation-fill-default-1 px-table-header-cell-container-side-default py-table-header-cell-container-height-default text-left", "group-data-[is-sticky=true]/table-head:bg-elevation-fill-default-1"], {
+const tableHeadData = cva(["border-b border-b-elevation-outline-default-1 border-solid px-table-header-cell-container-side-default py-table-header-cell-container-height-default text-left", "group-data-[is-sticky=true]/table-head:bg-elevation-fill-default-1"], {
 	variants: { hasRightBorder: {
 		true: "border-l border-l-elevation-outline-default-1 border-solid",
 		false: ""

package/dist/{Link2.js → components/text/Link/Link.js}

@@ -1,9 +1,9 @@
-import { UIStyle } from "./uiStyle.context.js";
-import { LinkContext } from "./link.context.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { LinkContext } from "../../../config/link.context.js";
 import { link } from "./link.cva.js";
 import { jsx } from "react/jsx-runtime";
 import { Link } from "react-aria-components";
-const Link$1 = ({ variant,...props }) => {
+const Link$1 = ({ variant, ...props }) => {
 	const linkContext = LinkContext.useLinkContext();
 	const linkCva = UIStyle.useConfig()?.link?.cva ?? link;
 	const LinkComponent = linkContext?.LinkComponent ?? Link;

package/dist/{link.cva.js → components/text/Link/link.cva.js}

@@ -1,4 +1,4 @@
-import { uiOutlineClass } from "./outline.clsx.js";
+import { uiOutlineClass } from "../../outline.clsx.js";
 import { cva } from "class-variance-authority";
 const link = cva(["underline", uiOutlineClass], {
 	variants: { variant: { default: ["text-interactive-text-primary-idle focus-visible:outline-interactive-text-primary-focus", "hover:text-interactive-text-primary-hover focus-visible:text-interactive-text-primary-focus active:text-interactive-text-primary-pressed"] } },

package/dist/components/text/Tag/Tag.d.ts

@@ -1,3 +1,4 @@
+import { Ref } from 'react';
 import { ButtonProps as AriaButtonProps } from 'react-aria-components';
 import { TagVariantProps } from './tag.cva';
 export interface TagProps extends TagVariantProps, AriaButtonProps {
@@ -5,6 +6,7 @@ export interface TagProps extends TagVariantProps, AriaButtonProps {
     children: string;
     dismissable?: boolean;
     isDisabled?: boolean;
+    contentRef?: Ref<HTMLElement>;
     onDismiss?: () => void;
 }
-export declare const Tag: ({ className, children, dismissable, isDisabled, onDismiss, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/text/Tag/Tag.js

@@ -0,0 +1,38 @@
+import { CloseIcon } from "../../../assets/icons/Close.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { Typography } from "../Typography/Typography.js";
+import { ns } from "../../../config/i18n.js";
+import { tag } from "./tag.cva.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { Button } from "react-aria-components";
+import { useTranslation } from "react-i18next";
+const Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }) => {
+	const tagCva = UIStyle.useConfig()?.tag?.cva ?? tag;
+	const { t } = useTranslation("ui");
+	const buttonProps = {
+		isDisabled,
+		onPress: onDismiss,
+		label: t(($) => $.ui.tag.dismiss),
+		...props
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: tagCva({
+			...props,
+			className: clsx("pointer-events-none", className)
+		}),
+		children: [/* @__PURE__ */ jsx(Typography, {
+			ref: contentRef,
+			variant: "default",
+			size: "label-2",
+			as: "span",
+			className: "truncate",
+			children
+		}), dismissable && /* @__PURE__ */ jsx(Button, {
+			...buttonProps,
+			className: "pointer-events-auto shrink-0",
+			children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
+		})]
+	});
+};
+export { Tag };

package/dist/{tag.cva.js → components/text/Tag/tag.cva.js}

@@ -1,9 +1,9 @@
-import { uiOutlineClass } from "./outline.clsx.js";
+import { uiOutlineClass } from "../../outline.clsx.js";
 import { cva } from "class-variance-authority";
 const tag = cva([
 	uiOutlineClass,
 	"inline-flex items-center gap-list-gap-icon-to-label",
-	"p-pill-height-default px-1-5",
+	"p-pill-height-s px-1-5",
 	"rounded-pill-rounding-default",
 	"overflow-hidden",
 	"disabled:cursor-default"

package/dist/{Typography.js → components/text/Typography/Typography.js}

@@ -1,7 +1,7 @@
+import { UIStyle } from "../../../config/uiStyle.context.js";
 import { typography } from "./typography.cva.js";
-import { UIStyle } from "./uiStyle.context.js";
 import { jsx } from "react/jsx-runtime";
-const Typography = ({ as = "p", className,...props }) => {
+const Typography = ({ as = "p", className, ...props }) => {
 	return /* @__PURE__ */ jsx(as, {
 		className: (UIStyle.useConfig()?.typography?.cva ?? typography)({
 			...props,

package/dist/{confirmation.context.js → config/confirmation.context.js}

@@ -1,5 +1,5 @@
 import { ns } from "./i18n.js";
-import { ActionModal } from "./ActionModal.js";
+import { ActionModal } from "../components/overlays/ActionModal/ActionModal.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, use, useCallback, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";

package/dist/config/i18n.d.ts

@@ -155,14 +155,6 @@ export declare const resources: {
                     smallerThan: string;
                 };
             };
-            sharedErrors: {
-                dataValidation: string;
-                internalError: string;
-                networkError: string;
-                canceledError: string;
-                unknownError: string;
-                unknownErrorWithCode: string;
-            };
         };
     };
     readonly sl: {
@@ -316,13 +308,6 @@ export declare const resources: {
                     smallerThan: string;
                 };
             };
-            sharedErrors: {
-                dataValidation: string;
-                internalError: string;
-                networkError: string;
-                canceledError: string;
-                unknownError: string;
-            };
         };
     };
 };

package/dist/config/i18n.js

@@ -0,0 +1,8 @@
+import translation_default from "../assets/locales/en/translation.json.js";
+import translation_default$1 from "../assets/locales/sl/translation.json.js";
+const ns = "ui";
+const resources = {
+	en: { ["ui"]: translation_default },
+	sl: { ["ui"]: translation_default$1 }
+};
+export { ns, resources };

package/dist/{theme.context.js → config/theme.context.js}

@@ -1,4 +1,4 @@
-import { useLocalStorage } from "./useLocalStorage.js";
+import { useLocalStorage } from "../hooks/useLocalStorage.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use, useCallback, useEffect, useMemo, useState } from "react";
 import { z } from "zod";

package/dist/{uiConfig.context.js → config/uiConfig.context.js}

@@ -1,5 +1,5 @@
-import { ObjectUtils } from "./object.utils.js";
-import { useDeepCompareMemo } from "./useDeepCompare.js";
+import { ObjectUtils } from "../utils/object.utils.js";
+import { useDeepCompareMemo } from "../hooks/useDeepCompare.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
 let UIConfig;

package/dist/config/uiStyle.context.d.ts

@@ -1,5 +1,6 @@
 import { ClassProp } from 'class-variance-authority/types';
 import { PropsWithChildren } from 'react';
+import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps } from '../components/Breadcrumbs/breadcrumbs.cva';
 import { ButtonVariantProps } from '../components/buttons/Button/button.cva';
 import { PillButtonVariants } from '../components/buttons/PillButton/pillButton.cva';
 import { CheckboxIconVariantProps, CheckboxVariantProps } from '../components/inputs/Checkbox/checkbox.cva';
@@ -8,6 +9,8 @@ import { InputBaseProps, InputSideProps, InputSizeProps } from '../components/in
 import { LabelBaseProps } from '../components/inputs/shared/label.cva';
 import { ToggleVariantProps } from '../components/inputs/Toggle/toggle.cva';
 import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps } from '../components/Menu/menu.cva';
+import { AccordionChevronVariantProps, AccordionHeadingSubtitleVariantProps, AccordionHeadingTitleVariantProps, AccordionHeadingVariantProps, AccordionIconVariantProps, AccordionItemVariantProps, AccordionPanelContentVariantProps, AccordionPanelVariantProps, AccordionTriggerVariantProps, AccordionVariantProps } from '../components/navigation/Accordion/accordion.cva';
+import { StepperIconVariantProps, StepperItemVariantProps, StepperNumberVariantProps, StepperSeparatorVariantProps, StepperSubtextVariantProps, StepperTitleVariantProps, StepperVariantProps } from '../components/navigation/Stepper/stepper.cva';
 import { ModalVariantProps } from '../components/overlays/Modal/modal.cva';
 import { TooltipPointerHorizontalVariantProps, TooltipPointerVerticalVariantProps, TooltipTextVariantProps, TooltipVariantProps } from '../components/overlays/Tooltip/tooltip.cva';
 import { SegmentItemVariantProps, SegmentVariantProps } from '../components/segment/segment.cva';
@@ -101,6 +104,34 @@ export declare namespace UIStyle {
             cva?: Cva<SegmentVariantProps>;
             itemCva?: Cva<SegmentItemVariantProps>;
         };
+        stepper: {
+            cva?: Cva<StepperVariantProps>;
+            itemCva?: Cva<StepperItemVariantProps>;
+            iconCva?: Cva<StepperIconVariantProps>;
+            numberCva?: Cva<StepperNumberVariantProps>;
+            titleCva?: Cva<StepperTitleVariantProps>;
+            subtextCva?: Cva<StepperSubtextVariantProps>;
+            separatorCva?: Cva<StepperSeparatorVariantProps>;
+        };
+        accordion: {
+            cva?: Cva<AccordionVariantProps>;
+            itemCva?: Cva<AccordionItemVariantProps>;
+            triggerCva?: Cva<AccordionTriggerVariantProps>;
+            headingCva?: Cva<AccordionHeadingVariantProps>;
+            headingTitleCva?: Cva<AccordionHeadingTitleVariantProps>;
+            headingSubtitleCva?: Cva<AccordionHeadingSubtitleVariantProps>;
+            chevronCva?: Cva<AccordionChevronVariantProps>;
+            iconCva?: Cva<AccordionIconVariantProps>;
+            panelCva?: Cva<AccordionPanelVariantProps>;
+            panelContentCva?: Cva<AccordionPanelContentVariantProps>;
+        };
+        breadcrumbs: {
+            cva?: Cva<BreadcrumbsVariantProps>;
+            itemCva?: Cva<BreadcrumbItemVariantProps>;
+            segmentCva?: Cva<BreadcrumbSegmentVariantProps>;
+            chevronCva?: Cva<BreadcrumbChevronVariantProps>;
+            iconCva?: Cva<BreadcrumbIconVariantProps>;
+        };
     }
     interface ProviderProps {
         config?: Partial<Options>;

package/dist/{dynamicColumns.js → helpers/dynamicColumns.js}

@@ -1,6 +1,6 @@
-import { StringUtils } from "./string.utils.js";
-import { ZodUtils } from "./zod.utils.js";
-import { DateUtils } from "./date.utils.js";
+import { StringUtils } from "../utils/string.utils.js";
+import { ZodUtils } from "../utils/zod.utils.js";
+import { DateUtils } from "../utils/date.utils.js";
 import { z } from "zod";
 import i18next from "i18next";
 var DEFAULT_NAMESPACE = "dynamicColumns";

package/dist/{dynamicInputs.js → helpers/dynamicInputs.js}

@@ -1,5 +1,5 @@
-import { StringUtils } from "./string.utils.js";
-import { ZodUtils } from "./zod.utils.js";
+import { StringUtils } from "../utils/string.utils.js";
+import { ZodUtils } from "../utils/zod.utils.js";
 import { z } from "zod";
 import i18next from "i18next";
 var defaultComponentTypes = {

package/dist/{useAutosave.js → hooks/useAutosave.js}

@@ -1,5 +1,5 @@
-import { ObjectUtils } from "./object.utils.js";
-import { isEqual } from "./isEqual.js";
+import { ObjectUtils } from "../utils/object.utils.js";
+import { isEqual } from "../utils/isEqual.js";
 import { useEffect, useRef } from "react";
 import { useFormState, useWatch } from "react-hook-form";
 function isNilOrEqual(left, right) {

package/dist/{useDeepCompare.js → hooks/useDeepCompare.js}

@@ -1,4 +1,4 @@
-import { isEqual } from "./isEqual.js";
+import { isEqual } from "../utils/isEqual.js";
 import { useEffect, useLayoutEffect, useMemo, useRef } from "react";
 const useDeepCompareEffect = (callback, dependencies) => {
 	return useEffect(callback, useDeepCompareDeps(dependencies));

package/dist/{useFilters.js → hooks/useFilters.js}

@@ -1,4 +1,4 @@
-import { UIRouter } from "./router.context.js";
+import { UIRouter } from "../config/router.context.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { z } from "zod";
 function getFieldType(schema, fieldKey) {

package/dist/{useForm.js → hooks/useForm.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
-function useForm$1({ resolver, zodSchema, defaultValues,...props }) {
+function useForm$1({ resolver, zodSchema, defaultValues, ...props }) {
 	const formResolver = useMemo(() => resolver ?? (zodSchema ? zodResolver(zodSchema) : void 0), [resolver, zodSchema]);
 	return useForm({
 		...props,

package/dist/{useFormAutosave.js → hooks/useFormAutosave.js}

@@ -1,4 +1,4 @@
-import { ObjectUtils } from "./object.utils.js";
+import { ObjectUtils } from "../utils/object.utils.js";
 import { useAutosave } from "./useAutosave.js";
 import { useForm } from "./useForm.js";
 import { useEffect, useRef } from "react";
@@ -14,7 +14,7 @@ Solutions:
 1. Ensure reset dependencies include all relevant state variables
 2. Confirm your submission handler updates state properly (check query invalidation)
 3. For slower operations, consider increasing the timeout threshold`;
-function useFormAutosave({ autosaveDelay, enableAutosave, onAutosave, getResetValues, resetDeps, resetTimeout = 5e3,...props }) {
+function useFormAutosave({ autosaveDelay, enableAutosave, onAutosave, getResetValues, resetDeps, resetTimeout = 5e3, ...props }) {
 	const form = useForm({
 		...props,
 		defaultValues: getResetValues()

package/dist/{usePagination.js → hooks/usePagination.js}

@@ -1,4 +1,4 @@
-import { UIRouter } from "./router.context.js";
+import { UIRouter } from "../config/router.context.js";
 import { useEffect, useState } from "react";
 var DEFAULT_STATE = {
 	pageIndex: 1,

package/dist/{useSorting.js → hooks/useSorting.js}

@@ -1,4 +1,4 @@
-import { UIRouter } from "./router.context.js";
+import { UIRouter } from "../config/router.context.js";
 import { useEffect, useMemo, useState } from "react";
 function useSorting(defaultSorting, prefix = "") {
 	const { pathname, replace, searchParams } = UIRouter.useUIRouter();

package/dist/{useStateAndRef.js → hooks/useStateAndRef.js}

@@ -1,4 +1,4 @@
-import { ObjectUtils } from "./object.utils.js";
+import { ObjectUtils } from "../utils/object.utils.js";
 import { useCallback, useRef, useState } from "react";
 const useStateAndRef = (initialState) => {
 	const [state, setState] = useState(initialState);

package/dist/{useTableNav.js → hooks/useTableNav.js}

@@ -1,4 +1,4 @@
-import { logger } from "./logger.js";
+import { logger } from "../utils/logger.js";
 var Keys = /* @__PURE__ */ function(Keys$1) {
 	Keys$1["Enter"] = "Enter";
 	Keys$1["Escape"] = "Escape";

package/dist/index.d.ts

@@ -23,6 +23,7 @@ export { CloseIcon } from './assets/icons/Close';
 export { DateTimeIcon } from './assets/icons/DateTime';
 export { HighlightIcon } from './assets/icons/Highlight';
 export { HighlightOnIcon } from './assets/icons/HighlightOn';
+export { HomeIcon } from './assets/icons/Home';
 export { InfoIcon } from './assets/icons/Info';
 export { ItalicIcon } from './assets/icons/Italic';
 export { LinkIcon } from './assets/icons/Link';
@@ -34,8 +35,11 @@ export { SendIcon } from './assets/icons/Send';
 export { StrikethroughIcon } from './assets/icons/Strikethrough';
 export { TextColorIcon } from './assets/icons/TextColor';
 export { UnderlinedIcon } from './assets/icons/Underlined';
-export { ViewIcon } from './assets/icons/View';
-export { ViewOffIcon } from './assets/icons/ViewOff';
+export { VisibilityIcon } from './assets/icons/Visibility';
+export { VisibilityOffIcon } from './assets/icons/VisibilityOff';
+export type { BreadcrumbItem, BreadcrumbsProps } from './components/Breadcrumbs/Breadcrumbs';
+export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
+export type { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, } from './components/Breadcrumbs/breadcrumbs.cva';
 export type { ButtonProps } from './components/buttons/Button/Button';
 export { Button } from './components/buttons/Button/Button';
 export type { ButtonVariantProps } from './components/buttons/Button/button.cva';
@@ -103,6 +107,13 @@ export { MenuItem, type MenuListItemProps } from './components/Menu/MenuItem';
 export type { MenuPopoverProps } from './components/Menu/MenuPopover';
 export { MenuPopover } from './components/Menu/MenuPopover';
 export type { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps, } from './components/Menu/menu.cva';
+export type { AccordionItemProps, AccordionProps } from './components/navigation/Accordion/Accordion';
+export { Accordion } from './components/navigation/Accordion/Accordion';
+export type { AccordionVariantProps } from './components/navigation/Accordion/accordion.cva';
+export type { AccordionItem } from './components/navigation/Accordion/accordion.types';
+export { Stepper } from './components/navigation/Stepper/Stepper';
+export type { StepperVariantProps } from './components/navigation/Stepper/stepper.cva';
+export type { StepItem, StepperProps } from './components/navigation/Stepper/stepper.types';
 export { uiOutlineClass } from './components/outline.clsx';
 export type { ActionModalProps } from './components/overlays/ActionModal/ActionModal';
 export { ActionModal } from './components/overlays/ActionModal/ActionModal';
@@ -186,7 +197,6 @@ export { useTableColumnConfig } from './hooks/useTableColumnConfig';
 export { useTableNav } from './hooks/useTableNav';
 export { useTranslationMemo } from './hooks/useTranslationMemo';
 export type { Function, HasRequiredProperty, IfAny, IsAny, IsRequiredChildrenProperty, IsUnknown, OmitDiscriminatedUnion, } from './types/common';
-export type { AppInfiniteQueryOptions, AppMutationOptions, AppQueryOptions } from './types/react-query';
 export { ArrayUtils } from './utils/array.utils';
 export { type CompoundMapper, compoundMapper } from './utils/compoundMapper';
 export { DateUtils } from './utils/date.utils';
@@ -200,7 +210,3 @@ export { QueriesUtils } from './utils/queries.utils';
 export { RestUtils } from './utils/rest.utils';
 export { RoutingUtils } from './utils/routing.utils';
 export { StringUtils } from './utils/string.utils';
-export type { GeneralErrorCodes } from './utils/vendor/error-handling';
-export { ApplicationException, ErrorHandler, SharedErrorHandler } from './utils/vendor/error-handling';
-export type { RequestConfig, RequestInfo, Response, RestClient as IRestClient, } from './utils/vendor/rest-client.types';
-export { RestInterceptor } from './utils/vendor/rest-interceptor';