@povio/ui 3.4.0-rc.25 → 3.4.0-rc.27

package/dist/toast.cva-BGJCi2qq.js

@@ -0,0 +1,211 @@
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
+//#region src/components/status/Toast/toast.cva.ts
+const toastContainerDefinition = UIOverrides.defineConfig({
+	base: ["m-toast-gap-margin-mobile w-auto gap-toast-gap-margin-mobile p-0 md:m-toast-gap-margin-desktop md:gap-toast-gap-margin-desktop"],
+	config: { variants: { position: {
+		"bottom-right": "right-0 bottom-0",
+		"bottom-left": "bottom-0 left-0",
+		"top-right": "top-0 right-0",
+		"top-left": "top-0 left-0",
+		"bottom-center": "bottom-0",
+		"top-center": "top-0"
+	} } }
+});
+const toastWrapper = clsx("m-0! min-h-0! w-auto! max-w-toast bg-transparent! p-0! shadow-none!");
+const toastDefinition = UIOverrides.defineConfig({
+	base: ["m-0 inline-flex w-auto flex-col items-center overflow-hidden rounded-toast-rounding-default shadow-4 md:flex-row"],
+	config: {
+		variants: {
+			variant: {
+				outlined: "border bg-elevation-fill-default-1 text-text-default-1",
+				contained: "text-text-inverted-1"
+			},
+			color: {
+				neutral: "",
+				success: "",
+				warning: "",
+				error: ""
+			},
+			position: {
+				"bottom-right": "",
+				"bottom-left": "",
+				"bottom-center": "",
+				"top-right": "",
+				"top-left": "",
+				"top-center": ""
+			}
+		},
+		compoundVariants: [
+			{
+				variant: "outlined",
+				color: "neutral",
+				className: "border-elevation-outline-default-1"
+			},
+			{
+				variant: "outlined",
+				color: "success",
+				className: "border-elevation-outline-success-1"
+			},
+			{
+				variant: "outlined",
+				color: "warning",
+				className: "border-elevation-outline-warning-1"
+			},
+			{
+				variant: "outlined",
+				color: "error",
+				className: "border-elevation-outline-error-1"
+			},
+			{
+				variant: "contained",
+				color: "neutral",
+				className: "bg-elevation-fill-inverted-1"
+			},
+			{
+				variant: "contained",
+				color: "success",
+				className: "bg-elevation-fill-success-1"
+			},
+			{
+				variant: "contained",
+				color: "warning",
+				className: "bg-elevation-fill-warning-1"
+			},
+			{
+				variant: "contained",
+				color: "error",
+				className: "bg-elevation-fill-error-1"
+			}
+		],
+		defaultVariants: {
+			variant: "outlined",
+			color: "neutral"
+		}
+	}
+});
+const buttonColorVariant = compoundMapper({
+	compoundVariants: [
+		{
+			variant: "outlined",
+			color: "neutral",
+			value: { color: "secondary" }
+		},
+		{
+			variant: "outlined",
+			color: "success",
+			value: { color: "success" }
+		},
+		{
+			variant: "outlined",
+			color: "warning",
+			value: { color: "warning" }
+		},
+		{
+			variant: "outlined",
+			color: "error",
+			value: { color: "error" }
+		},
+		{
+			variant: "contained",
+			color: "neutral",
+			value: {
+				color: "primary",
+				inverted: true
+			}
+		},
+		{
+			variant: "contained",
+			color: "success",
+			value: {
+				color: "success",
+				inverted: true
+			}
+		},
+		{
+			variant: "contained",
+			color: "warning",
+			value: {
+				color: "warning",
+				inverted: true
+			}
+		},
+		{
+			variant: "contained",
+			color: "error",
+			value: {
+				color: "error",
+				inverted: true
+			}
+		}
+	],
+	defaultVariants: {
+		variant: "outlined",
+		color: "neutral"
+	},
+	default: { color: "secondary" }
+});
+const statusIconDefinition = UIOverrides.defineConfig({
+	base: ["size-6 shrink-0"],
+	config: {
+		variants: {
+			variant: {
+				outlined: "",
+				contained: "text-text-inverted-1"
+			},
+			color: {
+				neutral: "",
+				success: "",
+				warning: "",
+				error: ""
+			}
+		},
+		compoundVariants: [
+			{
+				variant: "outlined",
+				color: "neutral",
+				className: "text-text-default-2"
+			},
+			{
+				variant: "outlined",
+				color: "success",
+				className: "text-text-success-1"
+			},
+			{
+				variant: "outlined",
+				color: "warning",
+				className: "text-text-warning-1"
+			},
+			{
+				variant: "outlined",
+				color: "error",
+				className: "text-text-error-1"
+			}
+		],
+		defaultVariants: {
+			variant: "outlined",
+			color: "neutral"
+		}
+	}
+});
+const statusSeparatorDefinition = UIOverrides.defineConfig({
+	base: ["h-px shrink-0 self-stretch md:h-auto md:w-px"],
+	config: {
+		variants: {
+			variant: {
+				outlined: "",
+				contained: "hidden"
+			},
+			color: {
+				neutral: "bg-elevation-outline-default-1",
+				success: "bg-elevation-outline-success-1",
+				warning: "bg-elevation-outline-warning-1",
+				error: "bg-elevation-outline-error-1"
+			}
+		},
+		defaultVariants: { color: "neutral" }
+	}
+});
+//#endregion
+export { toastDefinition as a, toastContainerDefinition as i, statusIconDefinition as n, toastWrapper as o, statusSeparatorDefinition as r, buttonColorVariant as t };

package/dist/toast.runtime-CzHEhKmm.js

@@ -0,0 +1,18 @@
+import { t as Toast } from "./Toast-ZFTj3GGo.js";
+import { n as y } from "./dist-B4xyoAhc.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/status/Toast/toast.runtime.tsx
+const showToast = (id, color, params, options) => {
+	(color === "neutral" ? y.info : y[color])(/* @__PURE__ */ jsx(Toast, {
+		color,
+		...params
+	}), {
+		...options,
+		toastId: id,
+		position: params.position,
+		data: { variant: params.variant }
+	});
+};
+const dismissToast = (id) => y.dismiss(id);
+//#endregion
+export { dismissToast, showToast };

package/dist/toastActivation.store-BELtcr76.js

@@ -0,0 +1,16 @@
+//#region src/components/status/Toast/toastActivation.store.ts
+let active = false;
+const listeners = /* @__PURE__ */ new Set();
+const activateToastRenderer = () => {
+	if (active) return;
+	active = true;
+	listeners.forEach((listener) => listener());
+};
+const subscribeToToastActivation = (listener) => {
+	listeners.add(listener);
+	return () => listeners.delete(listener);
+};
+const isToastRendererActive = () => active;
+const isToastRendererInactive = () => false;
+//#endregion
+export { subscribeToToastActivation as i, isToastRendererActive as n, isToastRendererInactive as r, activateToastRenderer as t };

package/dist/tooltipWrapper.cva-CUu8pI-a.js

@@ -0,0 +1,5 @@
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+//#region src/components/inputs/shared/tooltipWrapper.cva.ts
+const tooltipWrapperTriggerDefinition = UIOverrides.defineConfig({ base: ["inline-flex"] });
+//#endregion
+export { tooltipWrapperTriggerDefinition as t };

package/dist/triangle-B5uw3vnc.js

@@ -0,0 +1,13 @@
+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 Triangle = createLucideIcon("triangle", [["path", {
+	d: "M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z",
+	key: "14u9p9"
+}]]);
+//#endregion
+export { Triangle as t };

package/dist/{uiConfig.context-bpfilZZ_.d.ts → uiConfig.context-B27wINPD.d.ts}

@@ -1,15 +1,15 @@
-import { n as BottomSheetProps } from "./BottomSheet-BWKej2PR.js";
+import { t as BottomSheetProps } from "./BottomSheet-BZXBtOHF.js";
 import { r as ButtonProps } from "./Button-OxjPE7Hf.js";
 import { i as CheckboxProps } from "./Checkbox-Di3VlWJj.js";
 import { o as TextInputProps } from "./FormField-CpPQoyv_.js";
 import { i as NumberInputProps } from "./NumberInput-Cr_nD98h.js";
 import { r as RadioGroupProps } from "./RadioGroup-iry4UYlW.js";
-import { t as SelectBaseProps } from "./SelectBase-Ds3nqzVg.js";
+import { t as SelectBaseProps } from "./SelectBase-aSvWd7Cx.js";
 import { r as SliderProps } from "./Slider-CdZdFERe.js";
 import { r as ToggleProps } from "./Toggle-vHKDihtx.js";
 import { n as ActionModalProps } from "./ActionModal-C4lfhfPx.js";
 import { r as ToastPosition } from "./index-B8r_kiw4.js";
-import { i as ToastProps } from "./Toast-DDkev3SZ.js";
+import { r as ToastProps } from "./Toast-JL9yaI35.js";
 import { n as TagProps } from "./Tag-DkTx1S7H.js";
 import { r as DatePickerProps } from "./DatePicker-EJTAeVRc.js";
 import { i as DateRangeRelativeOption } from "./DateRangePicker-CMWUdyh1.js";

package/dist/{useButton-STC3gJBt.js → useButton-CTZ6UEfP.js}

@@ -1,4 +1,5 @@
-import { g as $3ef42575df84b30b$export$9d1611c77c2fe928, h as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-CuNJ25EP.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-D-KKbY-n.js";
+import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-BXAtbYEe.js";
 import { useFocusable, usePress } from "@react-aria/interactions";
 //#region ../../node_modules/.bun/@react-aria+button@3.14.4+67f6792bdf102c28/node_modules/@react-aria/button/dist/useButton.mjs
 function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {

package/dist/{useDescription-D8raJPFb.js → useDescription-4EIEr0rR.js}

@@ -1,4 +1,4 @@
-import { S as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./import-CuNJ25EP.js";
+import { _ as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-D-KKbY-n.js";
 import { useState } from "react";
 //#region ../../node_modules/.bun/@react-aria+utils@3.33.0+67f6792bdf102c28/node_modules/@react-aria/utils/dist/useDescription.mjs
 let $ef06256079686ba0$var$descriptionId = 0;

package/dist/{useEffectEvent-DAMDuWzz.js → useEffectEvent-BdzIyMdT.js}

@@ -1,4 +1,4 @@
-import { S as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./import-CuNJ25EP.js";
+import { _ as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-D-KKbY-n.js";
 import $HgANd$react, { useCallback, useRef } from "react";
 //#region ../../node_modules/.bun/@react-aria+utils@3.33.0+67f6792bdf102c28/node_modules/@react-aria/utils/dist/useEffectEvent.mjs
 var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;

package/dist/{useEvent-5X8yPLOx.js → useEvent-CjGFQh-l.js}

@@ -1,4 +1,4 @@
-import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-DAMDuWzz.js";
+import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-BdzIyMdT.js";
 import { useEffect } from "react";
 //#region ../../node_modules/.bun/@react-aria+utils@3.33.0+67f6792bdf102c28/node_modules/@react-aria/utils/dist/useEvent.mjs
 function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {

package/dist/{useFieldAccessibility-BsEP3ts2.js → useFieldAccessibility-DepfU-ce.js}

@@ -1,10 +1,10 @@
-import { r as FormFieldLabel } from "./FormField-ChDNTHr4.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as typographyDefinition } from "./typography.cva-BI0FyIqm.js";
 import { t as Loader } from "./Loader-C6YkWZOO.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { r as InputClear } from "./TooltipWrapper-eCF5-eNP.js";
+import { r as FormFieldLabel } from "./FormField-Cl-t5Wi1.js";
+import { n as InputClear } from "./TooltipWrapper-V0A1TdyC.js";
 import { a as inputSizeDefinition, r as inputContentWrapperDefinition } from "./input.cva-KYGD4Bdz.js";
 import { isValidElement, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{useFilter-BQRb0JpC.js → useFilter-CI4X6urj.js}

@@ -1,4 +1,4 @@
-import { R as $325a3faab7a68acd$export$a16aca283550c30d } from "./Dialog-DpLXaUXz.js";
+import { R as $325a3faab7a68acd$export$a16aca283550c30d } from "./Dialog-Bl7F9FUP.js";
 import { useCallback, useMemo } from "react";
 //#region ../../node_modules/.bun/@react-aria+i18n@3.12.15+67f6792bdf102c28/node_modules/@react-aria/i18n/dist/useFilter.mjs
 function $bb77f239b46e8c72$export$3274cf84b703fff(options) {

package/dist/{useFormAutosave-DJJdcgK-.js → useFormAutosave-DKfqSqXM.js}

@@ -3,7 +3,7 @@ import { t as ZodArray } from "./schemas-BkfyFvBp.js";
 import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
 import { t as ZodUtils } from "./zod.utils-Nz_Tbo_v.js";
 import { n as getDefaultInputComponentType } from "./dynamicInputs-D8j0ko24.js";
-import { t as InputItem } from "./InputItem-D4UmXpyc.js";
+import { t as InputItem } from "./InputItem-DY7YW-n3.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/{useFormReset-CFgV1v57.js → useFormReset-BmSQIMid.js}

@@ -1,4 +1,4 @@
-import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-DAMDuWzz.js";
+import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-BdzIyMdT.js";
 import { useEffect } from "react";
 //#region ../../node_modules/.bun/@react-aria+utils@3.33.0+67f6792bdf102c28/node_modules/@react-aria/utils/dist/useFormReset.mjs
 function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {

package/dist/{useFormValidation-DWqb1ZeB.js → useFormValidation-DlNyD6aD.js}

@@ -1,5 +1,5 @@
-import { S as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./import-CuNJ25EP.js";
-import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-DAMDuWzz.js";
+import { _ as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-D-KKbY-n.js";
+import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-BdzIyMdT.js";
 import { useEffect, useRef } from "react";
 import { setInteractionModality } from "@react-aria/interactions";
 //#region ../../node_modules/.bun/@react-aria+form@3.1.4+67f6792bdf102c28/node_modules/@react-aria/form/dist/useFormValidation.mjs

package/dist/{useLabels-CUjKpeKj.js → useLabels-Bt2BXuQ6.js}

@@ -1,4 +1,4 @@
-import { b as $bdb11010cef70236$export$f680877a34711e37 } from "./import-CuNJ25EP.js";
+import { h as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-D-KKbY-n.js";
 //#region ../../node_modules/.bun/@react-aria+utils@3.33.0+67f6792bdf102c28/node_modules/@react-aria/utils/dist/useLabels.mjs
 function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
 	let { id, "aria-label": label, "aria-labelledby": labelledBy } = props;

package/dist/{useLocalizedStringFormatter-D9TmTRN_.js → useLocalizedStringFormatter-tBB7tXBj.js}

@@ -1,4 +1,4 @@
-import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-HV79Qf_F.js";
+import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
 import { useMemo } from "react";
 //#region ../../node_modules/.bun/@internationalized+string@3.2.7/node_modules/@internationalized/string/dist/LocalizedStringDictionary.mjs
 const $5b160d28a433310d$var$localeSymbol = Symbol.for("react-aria.i18n.locale");

package/dist/{useNumberFormatter-BiWwqIo9.js → useNumberFormatter-Dgd8W1FX.js}

@@ -1,4 +1,4 @@
-import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-HV79Qf_F.js";
+import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
 import { t as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-KUrW7GbE.js";
 import { useMemo } from "react";
 //#region ../../node_modules/.bun/@react-aria+i18n@3.12.15+67f6792bdf102c28/node_modules/@react-aria/i18n/dist/useNumberFormatter.mjs

package/dist/{useSpinButton-BxGKzVHd.js → useSpinButton-Ba23Hqso.js}

@@ -1,7 +1,7 @@
 import { t as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "./useGlobalListeners-DuENtiaD.js";
-import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-DAMDuWzz.js";
-import { i as $319e236875307eab$export$d10ae4f68404609a, r as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-oSE-CM83.js";
-import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-D9TmTRN_.js";
+import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-BdzIyMdT.js";
+import { i as $319e236875307eab$export$d10ae4f68404609a, r as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-D09S1dNt.js";
+import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-tBB7tXBj.js";
 import { t as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-KUrW7GbE.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 //#region ../../node_modules/.bun/@internationalized+number@3.6.5/node_modules/@internationalized/number/dist/NumberParser.mjs

package/dist/{useStaticInputHandoff-ClwANfo-.js → useStaticInputHandoff-Cssvz3nr.js}

@@ -1,11 +1,11 @@
 import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-ChDNTHr4.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as typographyDefinition } from "./typography.cva-BI0FyIqm.js";
 import { t as Loader } from "./Loader-C6YkWZOO.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { r as InputClear, t as TooltipWrapper } from "./TooltipWrapper-eCF5-eNP.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-Cl-t5Wi1.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-V0A1TdyC.js";
 import { a as inputSizeDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
 import { isValidElement, useId, useLayoutEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{useTableColumnConfig-DaAi30uc.js → useTableColumnConfig-C0IeB82M.js}

@@ -3,7 +3,7 @@ import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
 import { t as ChevronDown } from "./chevron-down-Ciz9yP9R.js";
 import { t as ChevronUp } from "./chevron-up-CHRnDSA3.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as Checkbox } from "./Checkbox-Feyideqw.js";
+import { t as Checkbox } from "./Checkbox-B0w_4Ri0.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
 import { t as Loader } from "./Loader-C6YkWZOO.js";
@@ -15,20 +15,16 @@ import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
 import { f as ZodISODateTime, i as ZodEnum, l as ZodString, n as ZodBoolean, o as ZodNumber, s as ZodObject, t as ZodArray } from "./schemas-BkfyFvBp.js";
 import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
 import { t as ZodUtils } from "./zod.utils-Nz_Tbo_v.js";
-import { t as Modal } from "./Modal-DdKOgTpG.js";
+import { t as Modal } from "./Modal-zrXMGm_L.js";
 import { Pagination } from "./components/pagination.js";
-import { t as logger } from "./logger-BPhG2izn.js";
+import { t as logger } from "./logger-WPC6ostp.js";
 import { t as useTranslationMemo } from "./useTranslationMemo-CrZbeyBv.js";
 import { t as UIRouter } from "./router.context-VhvhlIvV.js";
 import { t as RoutingUtils } from "./routing.utils-UTQonIhB.js";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
-import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
-import { SortableContext, arrayMove, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
 import { createPaginatedRowModel, createSortedRowModel, flexRender, stockFeatures, tableFeatures, useTable } from "@tanstack/react-table";
 import i18next from "i18next";
 /**
@@ -518,6 +514,10 @@ function useTableNav(options) {
 }
 //#endregion
 //#region src/components/table/Table.tsx
+const DndProvider = lazy(() => import("./TableDnd-CuHxANWh.js").then((module) => ({ default: module.DndProvider })));
+const SortableRows = lazy(() => import("./TableDnd-CuHxANWh.js").then((module) => ({ default: module.SortableRows })));
+const DraggableRow = lazy(() => import("./TableDnd-CuHxANWh.js").then((module) => ({ default: module.DraggableRow })));
+const DragHandle = lazy(() => import("./TableDnd-CuHxANWh.js").then((module) => ({ default: module.DragHandle })));
 const tableFeaturesConfig = tableFeatures({
 	...stockFeatures,
 	sortedRowModel: createSortedRowModel(),
@@ -536,49 +536,17 @@ const renderCell = (Comp, props) => {
 	return typeof rendered === "string" ? /* @__PURE__ */ jsx(CellText, { children: rendered }) : rendered;
 };
 const RowDragHandleCell = ({ rowId }) => {
-	const { attributes, listeners } = useSortable({ id: rowId });
-	return /* @__PURE__ */ jsx(InlineIconButton, {
-		...attributes,
-		...listeners,
-		className: "cursor-move p-1",
-		label: "Drag handle",
-		icon: GripVertical
-	});
-};
-const AutoDragHandleCell = ({ row }) => /* @__PURE__ */ jsx(RowDragHandleCell, { rowId: row.id });
-const DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCva, tableDataCva, hasOnClick, ...props }) => {
-	const { transform, transition, setNodeRef, isDragging } = useSortable({ id: row.id });
-	const style = {
-		transform: CSS.Transform.toString(transform),
-		transition,
-		opacity: isDragging ? .8 : 1,
-		zIndex: isDragging ? 1 : 0,
-		position: "relative"
-	};
-	return /* @__PURE__ */ jsx("tr", {
-		ref: setNodeRef,
-		style,
-		"data-clickable": hasOnClick || row.getCanSelect() || void 0,
-		"data-selected": row.getIsSelected() || void 0,
-		className: clsx(tableRowCva(props)),
-		onClick: () => {
-			if (onRowClick) {
-				onRowClick(row.original);
-				return;
-			}
-			if (row.getCanSelect()) row.toggleSelected();
-		},
-		onDoubleClick: () => onDoubleClick?.(row.original),
-		children: row.getVisibleCells().map((cell, cellIndex) => {
-			const columnMeta = cell.column.columnDef.meta ?? {};
-			return /* @__PURE__ */ jsx("td", {
-				tabIndex: -1,
-				className: clsx(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta.cellClass, columnMeta.width),
-				children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
-			}, cell.id);
+	return /* @__PURE__ */ jsx(DragHandle, {
+		id: rowId,
+		children: (dragProps) => /* @__PURE__ */ jsx(InlineIconButton, {
+			...dragProps,
+			className: "cursor-move p-1",
+			label: "Drag handle",
+			icon: GripVertical
 		})
 	});
 };
+const AutoDragHandleCell = ({ row }) => /* @__PURE__ */ jsx(RowDragHandleCell, { rowId: row.id });
 const Table$1 = ({ 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 tableRowCva = UIOverrides.useCva("table.rowCva", tableRowDefinition);
 	const theadCva = UIOverrides.useCva("table.theadCva", theadDefinition);
@@ -659,7 +627,12 @@ const Table$1 = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, cl
 			if (onReorder) {
 				const oldIndex = items.findIndex((item_0) => getRowId(item_0) === active.id);
 				const newIndex = items.findIndex((item_1) => getRowId(item_1) === over.id);
-				if (oldIndex !== -1 && newIndex !== -1) onReorder(arrayMove(items, oldIndex, newIndex));
+				if (oldIndex !== -1 && newIndex !== -1) {
+					const reorderedItems = [...items];
+					const [movedItem] = reorderedItems.splice(oldIndex, 1);
+					reorderedItems.splice(newIndex, 0, movedItem);
+					onReorder(reorderedItems);
+				}
 			}
 			onDragEnd?.(event);
 		}
@@ -669,7 +642,6 @@ const Table$1 = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, cl
 		items,
 		getRowId
 	]);
-	const sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));
 	const selectedRows = table.getSelectedRowModel().rows;
 	const columnCount = table.getHeaderGroups()[0].headers.length;
 	const isAnyRowSelected = selectedRows.length > 0 && !!ActionHeader;
@@ -716,19 +688,29 @@ const Table$1 = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, cl
 		}), /* @__PURE__ */ jsx("tbody", {
 			ref,
 			className: "relative",
-			children: enableDragDrop ? /* @__PURE__ */ jsx(SortableContext, {
+			children: enableDragDrop ? /* @__PURE__ */ jsx(SortableRows, {
 				items: dataIds,
-				strategy: verticalListSortingStrategy,
 				children: table.getRowModel().rows.map((row_0) => /* @__PURE__ */ jsx(DraggableRow, {
-					row: row_0,
-					showCellBorder,
-					onRowClick,
-					onDoubleClick,
-					tableRowCva,
-					tableHeadDataCva,
-					tableDataCva,
-					hasOnClick,
-					...props
+					id: row_0.id,
+					className: clsx(tableRowCva({ ...props })),
+					isClickable: hasOnClick || row_0.getCanSelect(),
+					isSelected: row_0.getIsSelected(),
+					onClick: () => {
+						if (onRowClick) {
+							onRowClick(row_0.original);
+							return;
+						}
+						if (row_0.getCanSelect()) row_0.toggleSelected();
+					},
+					onDoubleClick: () => onDoubleClick?.(row_0.original),
+					children: row_0.getVisibleCells().map((cell, cellIndex) => {
+						const columnMeta_0 = cell.column.columnDef.meta ?? {};
+						return /* @__PURE__ */ jsx("td", {
+							tabIndex: -1,
+							className: clsx(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta_0.cellClass, columnMeta_0.width),
+							children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
+						}, cell.id);
+					})
 				}, row_0.id))
 			}) : table.getRowModel().rows.map((row_1) => {
 				return /* @__PURE__ */ jsx("tr", {
@@ -743,24 +725,24 @@ const Table$1 = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, cl
 					onDoubleClick: () => onDoubleClick?.(row_1.original),
 					"data-clickable": hasOnClick || row_1.getCanSelect() || void 0,
 					"data-selected": row_1.getIsSelected() || void 0,
-					children: row_1.getVisibleCells().map((cell, cellIndex) => {
-						const columnMeta_0 = cell.column.columnDef.meta ?? {};
+					children: row_1.getVisibleCells().map((cell_0, cellIndex_0) => {
+						const columnMeta_1 = cell_0.column.columnDef.meta ?? {};
 						return /* @__PURE__ */ jsx("td", {
 							tabIndex: -1,
-							className: clsx(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta_0.cellClass, columnMeta_0.width),
-							children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
-						}, cell.id);
+							className: clsx(tableDataCva({ hasRightBorder: cellIndex_0 > 0 && showCellBorder }), columnMeta_1.cellClass, columnMeta_1.width),
+							children: renderCell(cell_0.column.columnDef.cell, CustomCellContext(cell_0.getContext()))
+						}, cell_0.id);
 					})
 				}, row_1.id);
 			})
 		})]
 	});
-	if (enableDragDrop) return /* @__PURE__ */ jsx(DndContext, {
-		collisionDetection: closestCenter,
-		modifiers: [restrictToVerticalAxis],
-		onDragEnd: handleDragEnd,
-		sensors,
-		children: tableElement
+	if (enableDragDrop) return /* @__PURE__ */ jsx(Suspense, {
+		fallback: null,
+		children: /* @__PURE__ */ jsx(DndProvider, {
+			onDragEnd: handleDragEnd,
+			children: tableElement
+		})
 	});
 	return tableElement;
 };

package/dist/{useTableNav-BoQOVqZF.d.ts → useTableNav-CFHbvYvu.d.ts}

@@ -2,9 +2,9 @@ import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Bd
 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";
+import { DragEndEvent, UniqueIdentifier } from "@dnd-kit/core";
 //#region src/components/table/ColumnConfig.d.ts
 type ColumnDef$4<TData extends RowData, TValue = unknown> = ColumnDef<StockFeatures, TData, TValue>;
 type VisibilityState$2 = ColumnVisibilityState;

package/dist/{useToast-gQ9gzrbt.d.ts → useToast-B55ZUvwy.d.ts}

@@ -1,5 +1,5 @@
 import { n as ToastOptions$1, r as ToastPosition, t as Id } from "./index-B8r_kiw4.js";
-import { i as ToastProps } from "./Toast-DDkev3SZ.js";
+import { r as ToastProps } from "./Toast-JL9yaI35.js";
 //#region src/components/status/Toast/useToast.d.ts
 interface ToastParams extends Omit<ToastProps, "color"> {
   position?: ToastPosition;

package/dist/{useToggle-ingqhLIQ.js → useToggle-D8aP2d5t.js}

@@ -1,5 +1,6 @@
-import { g as $3ef42575df84b30b$export$9d1611c77c2fe928, h as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-CuNJ25EP.js";
-import { t as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-CFgV1v57.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-D-KKbY-n.js";
+import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-BXAtbYEe.js";
+import { t as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BmSQIMid.js";
 import { useFocusable, usePress } from "@react-aria/interactions";
 //#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) {