@pismo/marola 2.1.19 → 2.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/{Button-Bh6rpTyY.js → Button-BrEDdtHO.js} +2 -2
  2. package/dist/{ClickAwayListener-BjqhGzJh.js → ClickAwayListener-Z08peX_P.js} +3 -3
  3. package/dist/{Popup-aWlctE1C.js → Popup-Dffqo7wT.js} +3 -3
  4. package/dist/{Portal-Dc9ej3DW.js → Portal-DJapUCn6.js} +14 -13
  5. package/dist/{RadioButton.module-VF7v9SuY.js → RadioButton.module-RTKWJmma.js} +1 -1
  6. package/dist/{Toggle-DPXiwAx3.js → Toggle-SlvGYQKW.js} +48 -46
  7. package/dist/assets/Draggable.css +1 -0
  8. package/dist/{combineHooksSlotProps-CNWfgylM.js → combineHooksSlotProps-BhQ14uyD.js} +5 -5
  9. package/dist/components/Autocomplete/Autocomplete.js +38 -38
  10. package/dist/components/Button/Button.js +1 -1
  11. package/dist/components/Chip/Chip.js +6 -3
  12. package/dist/components/DatePicker/DatePicker.js +4 -4
  13. package/dist/components/Dialog/CloseIconButton.js +1 -1
  14. package/dist/components/Dialog/Dialog.js +4 -4
  15. package/dist/components/Draggable/Draggable.d.ts +47 -0
  16. package/dist/components/Draggable/Draggable.js +151 -0
  17. package/dist/components/Draggable/Draggable.spec.d.ts +1 -0
  18. package/dist/components/Draggable/Draggable.stories.d.ts +44 -0
  19. package/dist/components/Draggable/useDraggable.d.ts +20 -0
  20. package/dist/components/Draggable/useDraggable.js +11 -0
  21. package/dist/components/IconButton/IconButton.js +1 -1
  22. package/dist/components/Input/Input.js +1 -1
  23. package/dist/components/Popover/Popover.js +2 -2
  24. package/dist/components/RadioButton/RadioButton.js +17 -15
  25. package/dist/components/RadioButton/RadioOption.js +13 -12
  26. package/dist/components/ResultWithChips/ResultWithChips.js +1 -1
  27. package/dist/components/RowItem/RowItem.js +5 -3
  28. package/dist/components/Select/Select.js +5 -5
  29. package/dist/components/Snackbar/Snackbar.js +3 -3
  30. package/dist/components/Tabs/Tab.js +3 -3
  31. package/dist/components/Tabs/TabPanel.js +1 -1
  32. package/dist/components/Tabs/Tabs.js +3 -3
  33. package/dist/components/Toggle/Toggle.js +1 -1
  34. package/dist/components/ToggleGroup/Toggle.js +4 -2
  35. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  36. package/dist/components/Tooltip/Tooltip.js +3 -3
  37. package/dist/contexts/DraggableProvider/DraggableProvider.d.ts +3 -0
  38. package/dist/contexts/DraggableProvider/DraggableProvider.js +6 -0
  39. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +1 -1
  40. package/dist/exactProp-SYjL19cU.js +13 -0
  41. package/dist/{index-Bppuplgd.js → index-1UpBa69h.js} +1361 -1372
  42. package/dist/main.d.ts +6 -0
  43. package/dist/main.js +123 -102
  44. package/dist/{ownerDocument-CXvpb_nj.js → ownerDocument-By592Iy6.js} +1 -1
  45. package/dist/react-BvI-Sw9b.js +509 -0
  46. package/dist/{useButton-B8Y1xR88.js → useButton-CezPDte8.js} +6 -6
  47. package/dist/{useList-9gbS2r78.js → useList-nqLfZem8.js} +2 -2
  48. package/dist/{useSlotProps-C7dqSmdM.js → useSlotProps-CYHDC4TN.js} +2 -2
  49. package/dist/utils/draggable.d.ts +8 -0
  50. package/dist/utils/draggable.js +30 -0
  51. package/dist/utils/draggable.test.d.ts +1 -0
  52. package/package.json +3 -2
@@ -1,7 +1,7 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import { Icon as i } from "../Icon/Icon.js";
3
3
  import { s as r } from "../../Dialog.module-BtKUNFVu.js";
4
- import { B as s } from "../../Button-Bh6rpTyY.js";
4
+ import { B as s } from "../../Button-BrEDdtHO.js";
5
5
  const n = ({ handleOnClose: t }) => /* @__PURE__ */ o(
6
6
  s,
7
7
  {
@@ -8,11 +8,11 @@ import ce from "./CloseIconButton.js";
8
8
  import de from "./Content.js";
9
9
  import { s as z } from "../../Dialog.module-BtKUNFVu.js";
10
10
  import ee from "./DialogTitle.js";
11
- import { u as te, P as l, b as C, f as ue, g as fe, a as pe, _ as be, c as G, d as he, e as me } from "../../useSlotProps-C7dqSmdM.js";
12
- import { o as A, e as oe } from "../../ownerDocument-CXvpb_nj.js";
11
+ import { u as te, P as l, _ as C, f as ue, g as fe, a as pe, b as be, c as G, d as he, e as me } from "../../useSlotProps-CYHDC4TN.js";
12
+ import { o as A, e as oe } from "../../ownerDocument-By592Iy6.js";
13
13
  import { u as X } from "../../useEventCallback-BAQJJ3ye.js";
14
- import { P as ge, H as Ee } from "../../Portal-Dc9ej3DW.js";
15
- import { e as Te } from "../../index-Bppuplgd.js";
14
+ import { P as ge, H as Ee } from "../../Portal-DJapUCn6.js";
15
+ import { e as Te } from "../../exactProp-SYjL19cU.js";
16
16
  function J(...e) {
17
17
  return e.reduce((t, n) => n == null ? t : function(...s) {
18
18
  t.apply(this, s), n.apply(this, s);
@@ -0,0 +1,47 @@
1
+ /// <reference types="react" />
2
+ type DraggableProps<T> = React.PropsWithChildren<{
3
+ /** Unique identifier for the draggable element */
4
+ id: string;
5
+ /** Callback when an item is dropped */
6
+ onDropItem?: (fromData: T, direction: 'up' | 'down') => void;
7
+ /** Callback when drag starts */
8
+ onDragStarted?: VoidFunction;
9
+ /** Callback when drag end */
10
+ onDragEnded?: VoidFunction;
11
+ /** Mode of the draggable, can be 'replace' or 'sort' */
12
+ mode?: 'replace' | 'sort';
13
+ /** Data associated with the draggable item */
14
+ data?: T;
15
+ /** Index of the draggable item */
16
+ index: number;
17
+ /** Force direction area to drag */
18
+ forceDirection?: 'up' | 'down';
19
+ /** If true, disables the draggable functionality */
20
+ noDraggable?: boolean;
21
+ /** Class name for the draggable element when dragging */
22
+ classNameElementDrag?: string;
23
+ /** Class name for the zone wrapper */
24
+ classNameZoneWrapper?: string;
25
+ /** Class name for the zone wrapper when dragging */
26
+ classNameZoneOnOverWrapper?: string;
27
+ /** Offset for the top zone to drop */
28
+ offsetZoneTopToDrop?: number | string;
29
+ /** Offset for the down zone to drop */
30
+ offsetZoneDownToDrop?: number | string;
31
+ /** Render area no draggable */
32
+ renderWithoutDrag?: React.ReactNode;
33
+ /** Data-testid for the draggable element */
34
+ ['data-testid']?: string;
35
+ /** Data-testid for the zone wrapper */
36
+ ['data-zone-testid']?: string;
37
+ /** Data-testid for the up zone */
38
+ ['data-zone-up-testid']?: string;
39
+ /** Data-testid for the down zone */
40
+ ['data-zone-down-testid']?: string;
41
+ /** Data-testid for the divider down */
42
+ ['data-divider-down-testid']?: string;
43
+ /** Data-testid for the divider up */
44
+ ['data-divider-up-testid']?: string;
45
+ }>;
46
+ export declare const Draggable: <T extends object>({ children, id, onDropItem, data, index, onDragStarted, onDragEnded, forceDirection, noDraggable, classNameElementDrag, classNameZoneWrapper, classNameZoneOnOverWrapper, offsetZoneTopToDrop, offsetZoneDownToDrop, ["data-testid"]: dataTestId, ["data-zone-testid"]: dataZoneTestId, ["data-zone-up-testid"]: dataZoneUpTestId, ["data-zone-down-testid"]: dataZoneDownTestId, ["data-divider-down-testid"]: dataDividerDownTestId, ["data-divider-up-testid"]: dataDividerUpTestId, mode, renderWithoutDrag, }: DraggableProps<T>) => import("react/jsx-runtime").JSX.Element;
47
+ export {};
@@ -0,0 +1,151 @@
1
+ import { jsxs as p, jsx as b } from "react/jsx-runtime";
2
+ import { useRef as K, useState as w, useMemo as N } from "react";
3
+ import { c as o } from "../../clsx-OuTLNxxd.js";
4
+ import { r as P } from "../../index-1UpBa69h.js";
5
+ import { useDraggable as Q } from "./useDraggable.js";
6
+ import '../../assets/Draggable.css';const e = {
7
+ "draggable-container": "_draggable-container_1muhu_1",
8
+ "draggable-container-draggable": "_draggable-container-draggable_1muhu_4",
9
+ "draggable-container-draggable-dragging": "_draggable-container-draggable-dragging_1muhu_7",
10
+ "draggable-zone": "_draggable-zone_1muhu_11",
11
+ "draggable-zone-to-drop": "_draggable-zone-to-drop_1muhu_15",
12
+ "draggable-zone-replace": "_draggable-zone-replace_1muhu_27",
13
+ "draggable-to-drop": "_draggable-to-drop_1muhu_32",
14
+ "draggable-to-drop-top": "_draggable-to-drop-top_1muhu_42",
15
+ "draggable-to-drop-down": "_draggable-to-drop-down_1muhu_46",
16
+ "draggable-to-drop-visible": "_draggable-to-drop-visible_1muhu_50"
17
+ }, ta = ({
18
+ children: V,
19
+ id: d,
20
+ onDropItem: h,
21
+ data: L,
22
+ index: s,
23
+ onDragStarted: z,
24
+ onDragEnded: m,
25
+ forceDirection: i,
26
+ noDraggable: n,
27
+ classNameElementDrag: l,
28
+ classNameZoneWrapper: j,
29
+ classNameZoneOnOverWrapper: I,
30
+ offsetZoneTopToDrop: x,
31
+ offsetZoneDownToDrop: y,
32
+ ["data-testid"]: S,
33
+ ["data-zone-testid"]: Y,
34
+ ["data-zone-up-testid"]: C,
35
+ ["data-zone-down-testid"]: F,
36
+ ["data-divider-down-testid"]: M,
37
+ ["data-divider-up-testid"]: R,
38
+ mode: _ = "sort",
39
+ renderWithoutDrag: U
40
+ }) => {
41
+ const u = K(null), [g, c] = w(!1), { setFromElement: W, fromElement: a } = Q(), [f, O] = w(!1), [v, T] = w(), Z = (t) => {
42
+ t.preventDefault();
43
+ const r = a == null ? void 0 : a.id;
44
+ u.current && (!r || r === d || c(!0));
45
+ }, k = () => {
46
+ c(!1);
47
+ }, q = () => {
48
+ c(!1), m && m(), O(!1);
49
+ }, A = () => {
50
+ if (n || d === (a == null ? void 0 : a.id)) return;
51
+ const t = () => {
52
+ const J = window.scrollY || window.pageYOffset;
53
+ P.flushSync(() => {
54
+ c(!1), h && h(a == null ? void 0 : a.data, v), setTimeout(() => {
55
+ window == null || window.scrollTo(0, J);
56
+ }, 100);
57
+ });
58
+ }, r = document;
59
+ typeof r.startViewTransition == "function" ? r.startViewTransition(t) : t();
60
+ }, B = () => {
61
+ var t;
62
+ W({
63
+ id: d,
64
+ data: L,
65
+ index: s
66
+ }), O(!0), z && z(), l && ((t = u.current) == null || t.classList.add(l)), setTimeout(() => {
67
+ var r;
68
+ l && ((r = u.current) == null || r.classList.remove(l));
69
+ }, 1);
70
+ }, D = N(() => {
71
+ if (i === "up" || !a) return !1;
72
+ const t = s;
73
+ return a.index != t + 1;
74
+ }, [s, a == null ? void 0 : a.index, i, f]), G = N(() => {
75
+ if (i === "down" || !a) return !1;
76
+ const t = s;
77
+ return a.index + 1 != t;
78
+ }, [s, a == null ? void 0 : a.index, i, f]), H = {
79
+ "--props-offset-zone-top-to-drop": x || "-10px",
80
+ "--props-offset-zone-down-to-drop": y || "20px"
81
+ };
82
+ return /* @__PURE__ */ p("div", { className: o(e["draggable-container"]), "data-testid": S, style: H, children: [
83
+ _ === "sort" && /* @__PURE__ */ b(
84
+ "div",
85
+ {
86
+ className: o(
87
+ e["draggable-to-drop"],
88
+ e["draggable-to-drop-top"],
89
+ g && v === "up" && e["draggable-to-drop-visible"]
90
+ ),
91
+ "data-testid": R
92
+ }
93
+ ),
94
+ /* @__PURE__ */ p(
95
+ "div",
96
+ {
97
+ className: o(
98
+ e["draggable-zone"],
99
+ j,
100
+ !n && g && _ == "replace" && e["draggable-zone-replace"],
101
+ !n && g && I
102
+ ),
103
+ children: [
104
+ U,
105
+ /* @__PURE__ */ p(
106
+ "div",
107
+ {
108
+ id: d,
109
+ "data-testid": Y,
110
+ onDragOver: Z,
111
+ onDragLeave: k,
112
+ onDragEnd: q,
113
+ onDrop: A,
114
+ draggable: !n,
115
+ ref: u,
116
+ onDragStart: B,
117
+ className: o(
118
+ f && e["draggable-container-draggable-dragging"],
119
+ !n && e["draggable-container-draggable"]
120
+ ),
121
+ style: {
122
+ viewTransitionName: d
123
+ },
124
+ children: [
125
+ g && /* @__PURE__ */ p("div", { className: o(e["draggable-zone-to-drop"]), children: [
126
+ G && /* @__PURE__ */ b("div", { "data-testid": C, onDragOver: () => T("up") }),
127
+ D && /* @__PURE__ */ b("div", { "data-testid": F, onDragOver: () => T("down") })
128
+ ] }),
129
+ V
130
+ ]
131
+ }
132
+ )
133
+ ]
134
+ }
135
+ ),
136
+ _ == "sort" && /* @__PURE__ */ b(
137
+ "div",
138
+ {
139
+ className: o(
140
+ e["draggable-to-drop"],
141
+ e["draggable-to-drop-down"],
142
+ g && v === "down" && e["draggable-to-drop-visible"]
143
+ ),
144
+ "data-testid": M
145
+ }
146
+ )
147
+ ] });
148
+ };
149
+ export {
150
+ ta as Draggable
151
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,44 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ children }: {
5
+ children?: import('react').ReactNode;
6
+ }) => import("react/jsx-runtime").JSX.Element;
7
+ tags: string[];
8
+ parameters: {
9
+ layout: string;
10
+ };
11
+ subcomponents: {
12
+ Draggable: <T extends object>({ children, id, onDropItem, data, index, onDragStarted, onDragEnded, forceDirection, noDraggable, classNameElementDrag, classNameZoneWrapper, classNameZoneOnOverWrapper, offsetZoneTopToDrop, offsetZoneDownToDrop, ["data-testid"]: dataTestId, ["data-zone-testid"]: dataZoneTestId, ["data-zone-up-testid"]: dataZoneUpTestId, ["data-zone-down-testid"]: dataZoneDownTestId, ["data-divider-down-testid"]: dataDividerDownTestId, ["data-divider-up-testid"]: dataDividerUpTestId, mode, renderWithoutDrag, }: {
13
+ id: string;
14
+ onDropItem?: ((fromData: T, direction: "up" | "down") => void) | undefined;
15
+ onDragStarted?: VoidFunction | undefined;
16
+ onDragEnded?: VoidFunction | undefined;
17
+ mode?: "replace" | "sort" | undefined;
18
+ data?: T | undefined;
19
+ index: number;
20
+ forceDirection?: "up" | "down" | undefined;
21
+ noDraggable?: boolean | undefined;
22
+ classNameElementDrag?: string | undefined;
23
+ classNameZoneWrapper?: string | undefined;
24
+ classNameZoneOnOverWrapper?: string | undefined;
25
+ offsetZoneTopToDrop?: string | number | undefined;
26
+ offsetZoneDownToDrop?: string | number | undefined;
27
+ renderWithoutDrag?: import('react').ReactNode;
28
+ "data-testid"?: string | undefined;
29
+ "data-zone-testid"?: string | undefined;
30
+ "data-zone-up-testid"?: string | undefined;
31
+ "data-zone-down-testid"?: string | undefined;
32
+ "data-divider-down-testid"?: string | undefined;
33
+ "data-divider-up-testid"?: string | undefined;
34
+ } & {
35
+ children?: import('react').ReactNode;
36
+ }) => import("react/jsx-runtime").JSX.Element;
37
+ };
38
+ };
39
+ export default meta;
40
+ type Story = StoryObj<typeof meta>;
41
+ export declare const ModeSort: Story;
42
+ export declare const ModeReplace: Story;
43
+ export declare const CustomArea: Story;
44
+ export declare const Multilevel: Story;
@@ -0,0 +1,20 @@
1
+ export declare const useDraggable: () => {
2
+ fromElement: {
3
+ id: string;
4
+ data: object;
5
+ index: number;
6
+ } | null;
7
+ setFromElement: (args_0: {
8
+ id: string;
9
+ data: object;
10
+ index: number;
11
+ } | ((prev: {
12
+ id: string;
13
+ data: object;
14
+ index: number;
15
+ } | null) => {
16
+ id: string;
17
+ data: object;
18
+ index: number;
19
+ } | null) | null) => void;
20
+ };
@@ -0,0 +1,11 @@
1
+ import { u as m, a as o } from "../../react-BvI-Sw9b.js";
2
+ const r = o(null), n = () => {
3
+ const [e, t] = m(r);
4
+ return {
5
+ fromElement: e,
6
+ setFromElement: t
7
+ };
8
+ };
9
+ export {
10
+ n as useDraggable
11
+ };
@@ -2,7 +2,7 @@ import { jsx as r, jsxs as c } from "react/jsx-runtime";
2
2
  import { forwardRef as d, useMemo as l } from "react";
3
3
  import { c as j } from "../../clsx-OuTLNxxd.js";
4
4
  import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
5
- import { B as x } from "../../Button-Bh6rpTyY.js";
5
+ import { B as x } from "../../Button-BrEDdtHO.js";
6
6
  import '../../assets/IconButton.css';const o = {
7
7
  "u-typography-h1": "_u-typography-h1_gt5j9_1",
8
8
  "u-typography-h2": "_u-typography-h2_gt5j9_8",
@@ -5,7 +5,7 @@ import { formatDecimalValue as ue, allowOnlyIntegerNumbers as be, allowOnlyNumbe
5
5
  import { c as U } from "../../clsx-OuTLNxxd.js";
6
6
  import { Icon as we } from "../Icon/Icon.js";
7
7
  import { Typography as re } from "../Typography/Typography.js";
8
- import { g as ye, a as Ne, u as Ce, f as ie, b as x, _ as ve, c as se, i as xe, d as Pe, e as Re, P as n } from "../../useSlotProps-C7dqSmdM.js";
8
+ import { g as ye, a as Ne, u as Ce, f as ie, _ as x, b as ve, c as se, i as xe, d as Pe, e as Re, P as n } from "../../useSlotProps-CYHDC4TN.js";
9
9
  import '../../assets/Input.css';function Ee(u) {
10
10
  let s = "https://mui.com/production-error/?code=" + u;
11
11
  for (let m = 1; m < arguments.length; m += 1)
@@ -4,8 +4,8 @@ import { s as v } from "../../Popover.module-B4boCutS.js";
4
4
  import { PopoverBody as l } from "./PopoverBody.js";
5
5
  import { PopoverFooter as n } from "./PopoverFooter.js";
6
6
  import { PopoverHeader as P } from "./PopoverHeader.js";
7
- import { P as y } from "../../Popup-aWlctE1C.js";
8
- import { C as h } from "../../ClickAwayListener-BjqhGzJh.js";
7
+ import { P as y } from "../../Popup-Dffqo7wT.js";
8
+ import { C as h } from "../../ClickAwayListener-Z08peX_P.js";
9
9
  const r = ({
10
10
  anchorRef: t,
11
11
  open: m,
@@ -7,9 +7,11 @@ import { Typography as Me } from "../Typography/Typography.js";
7
7
  import "../Input/Input.js";
8
8
  import "../Avatar/Avatar.js";
9
9
  import "../Button/Button.js";
10
- import "../../Toggle-DPXiwAx3.js";
10
+ import "../../Toggle-SlvGYQKW.js";
11
11
  import "../Dialog/Dialog.js";
12
12
  import "../DatePicker/DatePicker.js";
13
+ import { r as Te } from "../../index-1UpBa69h.js";
14
+ import "../Draggable/useDraggable.js";
13
15
  import "../IconButton/IconButton.js";
14
16
  import "../InputSearch/InputSearch.js";
15
17
  import "../Select/Select.js";
@@ -18,9 +20,9 @@ import "../Table/Table.js";
18
20
  import "../Tabs/Tabs.js";
19
21
  import "../../Group-DJz1rK2n.js";
20
22
  import "../../contexts/SnackbarProvider/SnackbarProvider.js";
21
- import { u as ne, C as Te, e as Y, b as oe, m as G, D as xe, c as _e, g as Ae, h as ce, j as Pe, r as ke, R as ve, i as He, s as P } from "../../RadioButton.module-VF7v9SuY.js";
22
- import { P as d } from "../../useSlotProps-C7dqSmdM.js";
23
- import { r as Ke } from "../../index-Bppuplgd.js";
23
+ import "../../utils/iconsList.js";
24
+ import { u as ne, C as xe, e as Y, b as oe, m as G, D as _e, c as Ae, g as Pe, h as ce, j as ke, r as ve, R as He, i as Ke, s as P } from "../../RadioButton.module-RTKWJmma.js";
25
+ import { P as d } from "../../useSlotProps-CYHDC4TN.js";
24
26
  const Le = Object.is;
25
27
  function Ge(e, t) {
26
28
  if (e === t)
@@ -80,7 +82,7 @@ function de(e) {
80
82
  elementsRef: o,
81
83
  labelsRef: r
82
84
  }), [g, a, u, o, r]);
83
- return /* @__PURE__ */ V(Te.Provider, {
85
+ return /* @__PURE__ */ V(xe.Provider, {
84
86
  value: p,
85
87
  children: t
86
88
  });
@@ -381,7 +383,7 @@ function Ce(e, t) {
381
383
  }
382
384
  };
383
385
  }
384
- const ft = Object.keys(xe);
386
+ const ft = Object.keys(_e);
385
387
  function gt() {
386
388
  const {
387
389
  setValidityData: e,
@@ -473,7 +475,7 @@ function ht(e) {
473
475
  id: g,
474
476
  controlRef: a,
475
477
  commitValidation: p
476
- } = e, s = _e(e.getValue);
478
+ } = e, s = Ae(e.getValue);
477
479
  ne(() => {
478
480
  var c;
479
481
  let i = l;
@@ -488,7 +490,7 @@ function ht(e) {
488
490
  validate() {
489
491
  var c;
490
492
  let i = l;
491
- i === void 0 && (i = (c = s.current) == null ? void 0 : c.call(s)), r.current = !0, Ke.flushSync(() => p(i));
493
+ i === void 0 && (i = (c = s.current) == null ? void 0 : c.call(s)), r.current = !0, Te.flushSync(() => p(i));
492
494
  }
493
495
  });
494
496
  }, [p, a, t, s, g, o, r, n, l]);
@@ -507,7 +509,7 @@ function mt(e) {
507
509
  rootRef: p,
508
510
  enableHomeAndEndKeys: s = !1,
509
511
  stopEventPropagation: i = !1
510
- } = e, [c, m] = f.useState(0), y = o > 1, C = g ?? c, R = oe(a ?? m), E = f.useRef(l ?? null), O = f.useRef(null), I = Ae(O, p), h = f.useRef([]), M = f.useCallback((X = {}) => G(X, {
512
+ } = e, [c, m] = f.useState(0), y = o > 1, C = g ?? c, R = oe(a ?? m), E = f.useRef(l ?? null), O = f.useRef(null), I = Pe(O, p), h = f.useRef([]), M = f.useCallback((X = {}) => G(X, {
511
513
  "aria-orientation": u === "both" ? void 0 : u,
512
514
  ref: I,
513
515
  onKeyDown(w) {
@@ -630,7 +632,7 @@ function Ee(e) {
630
632
  highlightedIndex: E,
631
633
  onHighlightedIndexChange: O
632
634
  }), [E, O]);
633
- return /* @__PURE__ */ V(Pe.Provider, {
635
+ return /* @__PURE__ */ V(ke.Provider, {
634
636
  value: M,
635
637
  children: /* @__PURE__ */ V(de, {
636
638
  elementsRef: I,
@@ -706,7 +708,7 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
706
708
  /**
707
709
  * @ignore
708
710
  */
709
- rootRef: ke,
711
+ rootRef: ve,
710
712
  /**
711
713
  * @ignore
712
714
  */
@@ -804,9 +806,9 @@ const Re = /* @__PURE__ */ f.forwardRef(function(t, o) {
804
806
  className: n,
805
807
  state: E,
806
808
  extraProps: s,
807
- customStyleHookMapping: He
809
+ customStyleHookMapping: Ke
808
810
  });
809
- return /* @__PURE__ */ le(ve.Provider, {
811
+ return /* @__PURE__ */ le(He.Provider, {
810
812
  value: O,
811
813
  children: [/* @__PURE__ */ V(Ee, {
812
814
  direction: i,
@@ -874,7 +876,7 @@ process.env.NODE_ENV !== "production" && (Re.propTypes = {
874
876
  */
875
877
  value: d.any
876
878
  });
877
- const Lt = ({
879
+ const zt = ({
878
880
  className: e,
879
881
  name: t,
880
882
  label: o,
@@ -915,5 +917,5 @@ const Lt = ({
915
917
  ] });
916
918
  };
917
919
  export {
918
- Lt as RadioButton
920
+ zt as RadioButton
919
921
  };
@@ -6,20 +6,21 @@ import * as a from "react";
6
6
  import "../Input/Input.js";
7
7
  import "../Avatar/Avatar.js";
8
8
  import "../Button/Button.js";
9
- import "../../Toggle-DPXiwAx3.js";
9
+ import "../../Toggle-SlvGYQKW.js";
10
10
  import "../Dialog/Dialog.js";
11
11
  import "../DatePicker/DatePicker.js";
12
+ import { r as j } from "../../index-1UpBa69h.js";
13
+ import "../Draggable/useDraggable.js";
12
14
  import "../IconButton/IconButton.js";
13
15
  import "../InputSearch/InputSearch.js";
14
16
  import "../Select/Select.js";
15
17
  import "../Popover/Popover.js";
16
- import { u as v, a as j, b as E, c as U, d as w, e as F, m as I, f as q, g as V, h as M, r as z, i as J, N as Q, s as N } from "../../RadioButton.module-VF7v9SuY.js";
18
+ import { u as v, a as U, b as E, c as z, d as w, e as F, m as I, f as q, g as V, h as M, r as J, i as Q, N as W, s as N } from "../../RadioButton.module-RTKWJmma.js";
17
19
  import "../Table/Table.js";
18
20
  import "../Tabs/Tabs.js";
19
21
  import "../../Group-DJz1rK2n.js";
20
22
  import "../../contexts/SnackbarProvider/SnackbarProvider.js";
21
- import { P as s } from "../../useSlotProps-C7dqSmdM.js";
22
- import { r as W } from "../../index-Bppuplgd.js";
23
+ import { P as s } from "../../useSlotProps-CYHDC4TN.js";
23
24
  function X(r, e = !1) {
24
25
  const [n, o] = a.useState(), [t, d] = a.useState(r);
25
26
  return r && !t && (d(!0), n !== "starting" && !e && o("starting")), !r && t && n !== "ending" && o("ending"), !r && !t && n === "ending" && o(void 0), v(() => {
@@ -48,7 +49,7 @@ function Y(r = {}) {
48
49
  map: d,
49
50
  elementsRef: i,
50
51
  labelsRef: u
51
- } = j(), [l, m] = a.useState(null), f = a.useRef(null), R = a.useCallback((c) => {
52
+ } = U(), [l, m] = a.useState(null), f = a.useRef(null), R = a.useCallback((c) => {
52
53
  if (f.current = c, l !== null && (i.current[l] = c, u)) {
53
54
  const h = e !== void 0;
54
55
  u.current[l] = h ? e : (c == null ? void 0 : c.textContent) ?? null;
@@ -88,7 +89,7 @@ function te(r, e = !1) {
88
89
  i && (typeof i.getAnimations != "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED ? d() : n.current = requestAnimationFrame(() => {
89
90
  function u() {
90
91
  i && Promise.allSettled(i.getAnimations().map((l) => l.finished)).then(() => {
91
- W.flushSync(d);
92
+ j.flushSync(d);
92
93
  });
93
94
  }
94
95
  e ? o.current = window.setTimeout(u) : u();
@@ -100,7 +101,7 @@ function ne(r) {
100
101
  open: e,
101
102
  ref: n,
102
103
  onComplete: o
103
- } = r, t = U(e), d = E(o), i = te(n, e);
104
+ } = r, t = z(e), d = E(o), i = te(n, e);
104
105
  v(() => {
105
106
  i(() => {
106
107
  e === t.current && d();
@@ -256,7 +257,7 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
256
257
  /**
257
258
  * @ignore
258
259
  */
259
- itemRef: z,
260
+ itemRef: J,
260
261
  /**
261
262
  * @ignore
262
263
  */
@@ -278,7 +279,7 @@ const H = {
278
279
  };
279
280
  },
280
281
  ...ee,
281
- ...J
282
+ ...Q
282
283
  }, G = /* @__PURE__ */ a.forwardRef(function(e, n) {
283
284
  const {
284
285
  render: o,
@@ -322,7 +323,7 @@ const H = {
322
323
  });
323
324
  return /* @__PURE__ */ A(D.Provider, {
324
325
  value: O,
325
- children: [c === Q ? S() : /* @__PURE__ */ k(_, {
326
+ children: [c === W ? S() : /* @__PURE__ */ k(_, {
326
327
  render: S()
327
328
  }), /* @__PURE__ */ k("input", {
328
329
  ...T()
@@ -427,7 +428,7 @@ process.env.NODE_ENV !== "production" && (L.propTypes = {
427
428
  */
428
429
  render: s.oneOfType([s.element, s.func])
429
430
  });
430
- const Ee = ({ label: r, value: e, disabled: n, "data-testid": o }) => {
431
+ const Ie = ({ label: r, value: e, disabled: n, "data-testid": o }) => {
431
432
  const t = B(N["radio-label"], n && N["radio-label__disabled"]);
432
433
  return /* @__PURE__ */ A("label", { className: N.option, "data-testid": o, children: [
433
434
  /* @__PURE__ */ k(G, { disabled: n, value: e, className: N.radio, children: /* @__PURE__ */ k(L, { className: N.indicator }) }),
@@ -435,5 +436,5 @@ const Ee = ({ label: r, value: e, disabled: n, "data-testid": o }) => {
435
436
  ] });
436
437
  };
437
438
  export {
438
- Ee as RadioOption
439
+ Ie as RadioOption
439
440
  };
@@ -1,5 +1,5 @@
1
1
  import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
- import { C as t } from "../../Toggle-DPXiwAx3.js";
2
+ import { C as t } from "../../Toggle-SlvGYQKW.js";
3
3
  import '../../assets/ResultWithChips.css';const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
4
4
  container: r,
5
5
  "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",
@@ -7,9 +7,11 @@ import "../Typography/Typography.js";
7
7
  import "../Input/Input.js";
8
8
  import "../Avatar/Avatar.js";
9
9
  import "../Button/Button.js";
10
- import { R as j, R as k } from "../../Toggle-DPXiwAx3.js";
10
+ import { R as n, R as q } from "../../Toggle-SlvGYQKW.js";
11
11
  import "../Dialog/Dialog.js";
12
12
  import "../DatePicker/DatePicker.js";
13
+ import "../../index-1UpBa69h.js";
14
+ import "../Draggable/useDraggable.js";
13
15
  import "../IconButton/IconButton.js";
14
16
  import "../InputSearch/InputSearch.js";
15
17
  import "../Select/Select.js";
@@ -19,6 +21,6 @@ import "../Tabs/Tabs.js";
19
21
  import "../../Group-DJz1rK2n.js";
20
22
  import "../../contexts/SnackbarProvider/SnackbarProvider.js";
21
23
  export {
22
- j as RowItem,
23
- k as default
24
+ n as RowItem,
25
+ q as default
24
26
  };
@@ -6,13 +6,13 @@ import { Checkbox as Qe } from "../Checkbox/Checkbox.js";
6
6
  import { Icon as Xe } from "../Icon/Icon.js";
7
7
  import { Typography as _e } from "../Typography/Typography.js";
8
8
  import { s as y, S as Ye } from "../../SelectButton-k61YYjLu.js";
9
- import { g as we, a as Ie, u as ee, f as se, b as g, _ as Ne, c as re, d as ke, e as Me, P as l } from "../../useSlotProps-C7dqSmdM.js";
10
- import { P as Ze } from "../../Popup-aWlctE1C.js";
11
- import { u as et, c as ae, a as Se, L as Z } from "../../combineHooksSlotProps-CNWfgylM.js";
9
+ import { g as we, a as Ie, u as ee, f as se, _ as g, b as Ne, c as re, d as ke, e as Me, P as l } from "../../useSlotProps-CYHDC4TN.js";
10
+ import { P as Ze } from "../../Popup-Dffqo7wT.js";
11
+ import { u as et, c as ae, a as Se, L as Z } from "../../combineHooksSlotProps-BhQ14uyD.js";
12
12
  import { u as tt, a as ot, C as nt } from "../../useCompoundItem-B7Eo_qZk.js";
13
- import { m as Re, h as lt, l as st, u as rt } from "../../useList-9gbS2r78.js";
13
+ import { m as Re, h as lt, l as st, u as rt } from "../../useList-nqLfZem8.js";
14
14
  import { u as Te } from "../../useId-BW-oWmul.js";
15
- import { u as Le } from "../../useButton-B8Y1xR88.js";
15
+ import { u as Le } from "../../useButton-CezPDte8.js";
16
16
  import { u as at } from "../../useEnhancedEffect-CJGo-L3B.js";
17
17
  const it = {
18
18
  border: 0,
@@ -4,11 +4,11 @@ import S, { useState as V, useRef as X } from "react";
4
4
  import { c as R } from "../../clsx-OuTLNxxd.js";
5
5
  import { Icon as K } from "../Icon/Icon.js";
6
6
  import { Text as $ } from "../Typography/Typography.js";
7
- import { g as z, a as J, b as D, f as H, _ as j, c as U, d as Q, e as Z, P as n } from "../../useSlotProps-C7dqSmdM.js";
7
+ import { g as z, a as J, _ as D, f as H, b as j, c as U, d as Q, e as Z, P as n } from "../../useSlotProps-CYHDC4TN.js";
8
8
  import { u as ee } from "../../useTimeout-DxF9kiZL.js";
9
9
  import { u as I } from "../../useEventCallback-BAQJJ3ye.js";
10
- import { C as B } from "../../ClickAwayListener-BjqhGzJh.js";
11
- import { R as P } from "../../index-Bppuplgd.js";
10
+ import { C as B } from "../../ClickAwayListener-Z08peX_P.js";
11
+ import { R as P } from "../../index-1UpBa69h.js";
12
12
  import '../../assets/Snackbar.css';const W = "Snackbar";
13
13
  function te(u) {
14
14
  return z(W, u);
@@ -5,10 +5,10 @@ import { c as x } from "../../clsx-OuTLNxxd.js";
5
5
  import { Icon as O } from "../Icon/Icon.js";
6
6
  import { Skeleton as D } from "../Skeleton/Skeleton.js";
7
7
  import { u as L, T as W, s as o } from "../../Tabs.module-DyJgAZt8.js";
8
- import { g as $, a as q, u as E, f as A, b as h, _ as G, c as J, d as K, e as Q, P as e } from "../../useSlotProps-C7dqSmdM.js";
9
- import { u as X, c as Y } from "../../combineHooksSlotProps-CNWfgylM.js";
8
+ import { g as $, a as q, u as E, f as A, _ as h, b as G, c as J, d as K, e as Q, P as e } from "../../useSlotProps-CYHDC4TN.js";
9
+ import { u as X, c as Y } from "../../combineHooksSlotProps-BhQ14uyD.js";
10
10
  import { u as Z } from "../../useId-BW-oWmul.js";
11
- import { u as ee } from "../../useButton-B8Y1xR88.js";
11
+ import { u as ee } from "../../useButton-CezPDte8.js";
12
12
  import { u as te } from "../../useCompoundItem-B7Eo_qZk.js";
13
13
  const F = "Tab";
14
14
  function se(a) {
@@ -3,7 +3,7 @@ import * as P from "react";
3
3
  import { forwardRef as v } from "react";
4
4
  import { c as y } from "../../clsx-OuTLNxxd.js";
5
5
  import { u as x, s as C } from "../../Tabs.module-DyJgAZt8.js";
6
- import { g as N, a as _, u as w, b, _ as O, c as E, d as I, e as S, P as o } from "../../useSlotProps-C7dqSmdM.js";
6
+ import { g as N, a as _, u as w, _ as b, b as O, c as E, d as I, e as S, P as o } from "../../useSlotProps-CYHDC4TN.js";
7
7
  import { u as U } from "../../useId-BW-oWmul.js";
8
8
  import { u as j } from "../../useCompoundItem-B7Eo_qZk.js";
9
9
  const h = "TabPanel";