@povio/ui 3.4.0-rc.8 → 3.4.0-rc.9

package/dist/components/inputs/shared/InputClear.js

@@ -1,10 +1,10 @@
-import { ReactIconsSpriteIcon } from "../../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../config/i18n.js";
-import { jsx } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/shared/InputClear.tsx
 var InputClear = (t0) => {
@@ -29,10 +29,7 @@ var InputClear = (t0) => {
 				} else t2 = $[11];
 				let t3;
 				if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-					t3 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-						iconId: "ri-lucide-react-X",
-						className: "h-6 w-6 shrink-0"
-					});
+					t3 = /* @__PURE__ */ jsx(X, { className: "h-6 w-6 shrink-0" });
 					$[12] = t3;
 				} else t3 = $[12];
 				t1 = /* @__PURE__ */ jsx("button", {
@@ -93,9 +90,9 @@ var InputClearButton = (t0) => {
 			color: "secondary",
 			className,
 			label: t1,
-			icon: _temp3,
+			icon: X,
 			onPress: onClear,
-			onMouseDown: _temp4,
+			onMouseDown: _temp3,
 			excludeFromTabOrder: true,
 			style
 		});
@@ -113,13 +110,7 @@ function _temp($) {
 function _temp2($) {
 	return $.ui.clearAlt;
 }
-function _temp3(props) {
-	return /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-		...props,
-		iconId: "ri-lucide-react-X"
-	});
-}
-function _temp4(e) {
+function _temp3(e) {
 	return e.preventDefault();
 }
 //#endregion

package/dist/components/inputs/shared/TooltipWrapper.js

@@ -1,8 +1,8 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/TooltipWrapper.tsx
 var TooltipWrapper = (props) => {
 	const $ = c(14);

package/dist/components/inputs/shared/form.binding.js

@@ -1,6 +1,6 @@
 import { getFieldError } from "./form.types.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/form.binding.tsx
 function FieldController(t0) {
 	const $ = c(12);

package/dist/components/navigation/Accordion/Accordion.js

@@ -1,9 +1,9 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { accordionDefinition } from "./accordion.cva.js";
 import { AccordionItem } from "./AccordionItem.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { DisclosureGroup } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/navigation/Accordion/Accordion.tsx
 var Accordion = ({ items, variant = "filled", actionPosition = "right", allowsMultipleExpanded = false, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled }) => {
 	return /* @__PURE__ */ jsx(DisclosureGroup, {

package/dist/components/navigation/Accordion/AccordionItem.js

@@ -1,9 +1,9 @@
-import { ReactIconsSpriteIcon } from "../../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import { accordionChevronDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./accordion.cva.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
 import { Button, Disclosure, DisclosurePanel, Heading } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/navigation/Accordion/AccordionItem.tsx
 var AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon, variant = "filled", actionPosition = "right", isSingle }) => {
 	const itemCva = UIOverrides.useCva("accordion.itemCva", accordionItemDefinition);
@@ -49,10 +49,7 @@ var AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon,
 						})
 					]
 				})
-			}), /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-ChevronDown",
-				className: chevronCva({ isExpanded })
-			})]
+			}), /* @__PURE__ */ jsx(ChevronDown, { className: chevronCva({ isExpanded }) })]
 		}) }), /* @__PURE__ */ jsx(DisclosurePanel, {
 			className: panelCva({ isExpanded }),
 			children: /* @__PURE__ */ jsx("div", {

package/dist/components/navigation/Stepper/Stepper.js

@@ -2,8 +2,8 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { stepperDefinition } from "./stepper.cva.js";
 import { StepperItem } from "./StepperItem.js";
 import { StepperSeparator } from "./StepperSeparator.js";
+import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1 } from "react";
 //#region src/components/navigation/Stepper/Stepper.tsx
 var Stepper = ({ steps, currentStep, orientation = "horizontal", contentOrientation = "horizontal", iconsOnly, titlesOnly, onStepClick, className }) => {
 	return /* @__PURE__ */ jsx("div", {
@@ -15,7 +15,7 @@ var Stepper = ({ steps, currentStep, orientation = "horizontal", contentOrientat
 		"aria-label": "Progress",
 		children: steps.map((step, index) => {
 			const status = index < currentStep ? "completed" : index === currentStep ? "active" : "todo";
-			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(StepperItem, {
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(StepperItem, {
 				step,
 				stepNumber: index + 1,
 				status,

package/dist/components/navigation/Stepper/StepperItem.js

@@ -1,11 +1,11 @@
-import { ReactIconsSpriteIcon } from "../../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import { stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./stepper.cva.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/navigation/Stepper/StepperItem.tsx
 var StepperItem = (t0) => {
 	const $ = c(31);
@@ -26,10 +26,7 @@ var StepperItem = (t0) => {
 	} else t1 = $[2];
 	let t2;
 	if ($[3] !== status || $[4] !== stepNumber || $[5] !== stepperNumberCva) {
-		t2 = status === "completed" ? /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-			iconId: "ri-lucide-react-Check",
-			className: "size-5 text-interactive-contained-primary-on-idle"
-		}) : /* @__PURE__ */ jsx(Typography, {
+		t2 = status === "completed" ? /* @__PURE__ */ jsx(Check, { className: "size-5 text-interactive-contained-primary-on-idle" }) : /* @__PURE__ */ jsx(Typography, {
 			className: stepperNumberCva({ status }),
 			variant: "prominent-1",
 			size: "label-3",

package/dist/components/navigation/Stepper/StepperSeparator.js

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { stepperSeparatorDefinition } from "./stepper.cva.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/navigation/Stepper/StepperSeparator.tsx
 var StepperSeparator = (t0) => {
 	const $ = c(6);

package/dist/components/overlays/ActionModal/ActionModal.js

@@ -2,8 +2,8 @@ import { Typography } from "../../text/Typography/Typography.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { Button } from "../../buttons/Button/Button.js";
 import { Modal } from "../Modal/Modal.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/ActionModal/ActionModal.tsx
 var textAlignClassMap = {
 	left: "text-left",

package/dist/components/overlays/BottomSheet/BottomSheet.js

@@ -2,11 +2,11 @@ import { UIConfig } from "../../../config/uiConfig.context.js";
 import { BottomSheetHeader } from "./BottomSheetHeader.js";
 import { useStateAndRef } from "../../../hooks/useStateAndRef.js";
 import { DomUtils } from "../../../utils/dom.utils.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useResizeObserver, useViewportSize } from "@react-aria/utils";
 import { AnimatePresence, animate, motion, useDragControls, useMotionValue } from "motion/react";
 //#region src/components/overlays/BottomSheet/BottomSheet.tsx
@@ -175,7 +175,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 				className: "relative flex min-h-0 flex-1 flex-col items-stretch outline-none",
 				ref: dialogRef,
 				"aria-label": label,
-				children: ({ close }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+				children: ({ close }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsx("div", {
 						style: { minHeight: `${sheetMarginTop}px` },
 						className: clsx("shrink-0", height === "auto" && "grow")

package/dist/components/overlays/BottomSheet/BottomSheetHeader.js

@@ -1,10 +1,10 @@
-import { ReactIconsSpriteIcon } from "../../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import "../../../config/i18n.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/BottomSheet/BottomSheetHeader.tsx
 var BottomSheetHeader = (t0) => {
@@ -47,10 +47,7 @@ var BottomSheetHeader = (t0) => {
 				onPress: onClose,
 				"aria-label": t(_temp),
 				className: "-m-2 shrink-0 p-2 text-interactive-text-secondary-idle focus-visible:outline-interactive-text-secondary-focus",
-				children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-					iconId: "ri-lucide-react-X",
-					className: "size-6"
-				})
+				children: /* @__PURE__ */ jsx(X, { className: "size-6" })
 			})]
 		});
 		$[6] = headerTypography;

package/dist/components/overlays/Drawer/Drawer.js

@@ -1,8 +1,8 @@
 import { modalOverlay } from "../Modal/modal.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/Drawer/Drawer.tsx
 var Drawer = (t0) => {
 	const $ = c(25);

package/dist/components/overlays/Modal/Modal.js

@@ -1,11 +1,11 @@
-import { ReactIconsSpriteIcon } from "../../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../config/i18n.js";
 import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } from "./modal.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Dialog, Modal, ModalOverlay } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/Modal/Modal.tsx
 var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable = true, isKeyboardDismissable, shouldCloseOnInteractOutside }) => {
@@ -42,10 +42,7 @@ var Modal$1 = ({ isOpen, portalContainerRef, onClose, aside, children, modalClas
 				children: [showCloseIcon && /* @__PURE__ */ jsx(InlineIconButton, {
 					color: "secondary",
 					onPress: onClose,
-					icon: (props) => /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-						...props,
-						iconId: "ri-lucide-react-X"
-					}),
+					icon: X,
 					className: clsx("absolute top-0 right-0 p-modal-gap-desktop-modal-close-icon-top-right", closeIconClassName),
 					label: t(($) => $.ui.modal.closeBtn),
 					disableTooltip: true

package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js

@@ -2,9 +2,9 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { BottomSheet } from "../BottomSheet/BottomSheet.js";
 import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
 import { popoverDefinition } from "../../shared/popover.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Popover } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/ResponsivePopover/ResponsivePopover.tsx
 var ResponsivePopover = ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, bottomSheetProps, popoverProps }) => {
 	const popoverCva = UIOverrides.useCva("popover.cva", popoverDefinition);

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,12 +1,12 @@
-import { ReactIconsSpriteIcon } from "../../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./tooltip.cva.js";
 import { Typography } from "../../text/Typography/Typography.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Triangle, TriangleRight } from "lucide-react";
 import { clsx } from "clsx";
-import { Fragment as Fragment$1, useRef } from "react";
+import { Fragment, useRef } from "react";
 import { OverlayArrow, Tooltip, TooltipTrigger } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useFocusable } from "react-aria";
 //#region src/components/overlays/Tooltip/Tooltip.tsx
 var CustomTrigger = (t0) => {
@@ -50,7 +50,7 @@ var Tooltip$1 = (t0) => {
 	const tooltipPointerHorizontalCva = UIOverrides.useCva("tooltip.pointerHorizontalCva", tooltipPointerHorizontalDefinition);
 	const tooltipPointerVerticalCva = UIOverrides.useCva("tooltip.pointerVerticalCva", tooltipPointerVerticalDefinition);
 	const tooltipTextCva = UIOverrides.useCva("tooltip.textCva", tooltipTextDefinition);
-	const Trigger = isNonInteractiveTrigger ? CustomTrigger : Fragment$1;
+	const Trigger = isNonInteractiveTrigger ? CustomTrigger : Fragment;
 	const T0 = TooltipTrigger;
 	const t1 = delay ?? 0;
 	const t2 = closeDelay ?? 0;
@@ -82,8 +82,7 @@ var Tooltip$1 = (t0) => {
 	} else t5 = $[8];
 	let t6;
 	if ($[9] !== t5) {
-		t6 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-			iconId: "ri-lucide-react-Triangle",
+		t6 = /* @__PURE__ */ jsx(Triangle, {
 			className: t5,
 			fill: "currentColor",
 			strokeWidth: 0
@@ -100,8 +99,7 @@ var Tooltip$1 = (t0) => {
 	} else t7 = $[13];
 	let t8;
 	if ($[14] !== t7) {
-		t8 = /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-			iconId: "ri-lucide-react-TriangleRight",
+		t8 = /* @__PURE__ */ jsx(TriangleRight, {
 			className: t7,
 			fill: "currentColor",
 			strokeWidth: 0

package/dist/components/overlays/Tooltip/TooltipEllipsis.js

@@ -1,7 +1,7 @@
 import { Tooltip } from "./Tooltip.js";
-import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/overlays/Tooltip/TooltipEllipsis.tsx
 var TooltipEllipsis = (t0) => {
 	const $ = c(8);

package/dist/components/segment/Segment.js

@@ -3,11 +3,11 @@ import { FieldController } from "../inputs/shared/form.binding.js";
 import { FormField } from "../inputs/FormField/FormField.js";
 import { segmentDefinition } from "./segment.cva.js";
 import { SegmentItem } from "./SegmentItem.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { Fragment as Fragment$1, useRef } from "react";
+import { Fragment, useRef } from "react";
 import { ToggleButtonGroup } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useToggleButtonGroup } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { useToggleGroupState } from "react-stately";
@@ -128,7 +128,7 @@ var SegmentBase = (t0) => {
 	} else t9 = $[32];
 	let t10;
 	if ($[33] !== items || $[34] !== props.isDisabled || $[35] !== segmentItemClassName || $[36] !== state) {
-		t10 = items.map((item, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SegmentItem, {
+		t10 = items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SegmentItem, {
 			...item,
 			className: clsx(item.className, segmentItemClassName),
 			isDisabled: item.isDisabled || props.isDisabled,

package/dist/components/segment/SegmentItem.js

@@ -1,9 +1,9 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { Typography } from "../text/Typography/Typography.js";
 import { segmentItemDefinition } from "./segment.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ToggleButton } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/segment/SegmentItem.tsx
 var SegmentItem = (t0) => {
 	const $ = c(23);

package/dist/components/shared/pagination/Pagination.js

@@ -2,8 +2,8 @@ import { Typography } from "../../text/Typography/Typography.js";
 import "../../../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";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/shared/pagination/Pagination.tsx
 var Pagination = ({ size = "s", variant = "subtle", color = "secondary", page, totalItems, totalPages, pageSize, hideText = true, hideFirstLast = true, hidePrevNext = false, hideNumbers = false, className, onPageChange, onPageSizeChange }) => {

package/dist/components/shared/pagination/PaginationList.js

@@ -1,10 +1,10 @@
-import { ReactIconsSpriteIcon } from "../../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { Button } from "../../buttons/Button/Button.js";
 import "../../../config/i18n.js";
 import { minWidth } from "./minWidth.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
 import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/shared/pagination/PaginationList.tsx
 var PaginationList = (t0) => {
@@ -88,8 +88,8 @@ var PaginationList = (t0) => {
 			color,
 			variant,
 			iconOnly: hideText,
-			icon: _temp,
-			children: t(_temp2)
+			icon: ChevronsLeft,
+			children: t(_temp)
 		});
 		$[17] = color;
 		$[18] = hideFirstLast;
@@ -110,8 +110,8 @@ var PaginationList = (t0) => {
 			color,
 			variant,
 			iconOnly: hideText,
-			icon: _temp3,
-			children: t(_temp4)
+			icon: ChevronLeft,
+			children: t(_temp2)
 		});
 		$[26] = color;
 		$[27] = hidePrevNext;
@@ -133,8 +133,8 @@ var PaginationList = (t0) => {
 			color,
 			variant,
 			iconOnly: hideText,
-			icon: _temp5,
-			children: t(_temp6)
+			icon: ChevronRight,
+			children: t(_temp3)
 		});
 		$[35] = color;
 		$[36] = hidePrevNext;
@@ -155,8 +155,8 @@ var PaginationList = (t0) => {
 			color,
 			variant,
 			iconOnly: hideText,
-			icon: _temp7,
-			children: t(_temp8)
+			icon: ChevronsRight,
+			children: t(_temp4)
 		});
 		$[44] = color;
 		$[45] = hideFirstLast;
@@ -191,40 +191,16 @@ var PaginationList = (t0) => {
 	} else t10 = $[60];
 	return t10;
 };
-function _temp(props) {
-	return /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-		...props,
-		iconId: "ri-lucide-react-ChevronsLeft"
-	});
-}
-function _temp2($) {
+function _temp($) {
 	return $.ui.pagination.firstBtn;
 }
-function _temp3(props_0) {
-	return /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-		...props_0,
-		iconId: "ri-lucide-react-ChevronLeft"
-	});
-}
-function _temp4($_0) {
+function _temp2($_0) {
 	return $_0.ui.pagination.backBtn;
 }
-function _temp5(props_1) {
-	return /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-		...props_1,
-		iconId: "ri-lucide-react-ChevronRight"
-	});
-}
-function _temp6($_1) {
+function _temp3($_1) {
 	return $_1.ui.pagination.nextBtn;
 }
-function _temp7(props_2) {
-	return /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-		...props_2,
-		iconId: "ri-lucide-react-ChevronsRight"
-	});
-}
-function _temp8($_2) {
+function _temp4($_2) {
 	return $_2.ui.pagination.lastBtn;
 }
 //#endregion

package/dist/components/status/Loader/Loader.js

@@ -1,6 +1,6 @@
 import { loader, loaderWrapper } from "./loader.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Loader/Loader.tsx
 var Loader = (t0) => {
 	const $ = c(18);

package/dist/components/status/Toast/Toast.js

@@ -4,8 +4,8 @@ import { Loader } from "../Loader/Loader.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { Button } from "../../buttons/Button/Button.js";
 import { buttonColorVariant, statusIconDefinition, statusSeparatorDefinition, toastContainerDefinition, toastDefinition, toastWrapper } from "./toast.cva.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ToastContainer } from "react-toastify";
 //#region src/components/status/Toast/Toast.tsx
 var Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {

package/dist/components/status/Toast/useToast.js

@@ -1,6 +1,6 @@
 import { Toast } from "./Toast.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { toast } from "react-toastify";
 //#region src/components/status/Toast/useToast.tsx
 var useToast = () => {

package/dist/components/table/ColumnConfig.js

@@ -4,9 +4,9 @@ import { Checkbox } from "../inputs/Checkbox/Checkbox.js";
 import { Modal } from "../overlays/Modal/Modal.js";
 import { Table } from "./Table.js";
 import { useTranslationMemo } from "../../hooks/useTranslationMemo.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/table/ColumnConfig.tsx
 var VisibilityCell = (t0) => {

package/dist/components/table/InfiniteTable.js

@@ -1,8 +1,8 @@
 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";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/table/InfiniteTable.tsx
 var InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage, ...rest }) => {
 	const { ref } = useIntersectionObserver({

package/dist/components/table/PaginatedTable.js

@@ -1,7 +1,7 @@
 import { Pagination } from "../shared/pagination/Pagination.js";
 import { Table } from "./Table.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/table/PaginatedTable.tsx
 var PaginatedTable = (t0) => {
 	const $ = c(24);