asma-ui-core 3.32.4 → 3.34.0

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 (10) hide show
  1. package/dist/components/inputs/checkbox/base-ui/StyledCheckbox.js +13 -13
  2. package/dist/components/navigation/listbox/Listbox.js +80 -0
  3. package/dist/hooks/usePopupState.js +60 -0
  4. package/dist/index.js +248 -240
  5. package/dist/src/components/inputs/checkbox/base-ui/StyledCheckbox.d.ts +1 -0
  6. package/dist/src/components/navigation/listbox/Listbox.d.ts +29 -0
  7. package/dist/src/components/navigation/listbox/index.d.ts +1 -0
  8. package/dist/src/hooks/usePopupState.d.ts +54 -0
  9. package/dist/src/index.d.ts +2 -0
  10. package/package.json +1 -1
package/dist/components/inputs/checkbox/base-ui/StyledCheckbox.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { cn as C } from "../../../../helpers/cn.js";
2
2
  import e from "./StyledCheckbox.module.js";
3
- import p, { useEffect as E } from "react";
3
+ import p, { useEffect as L } from "react";
4
4
  import { jsx as t, jsxs as k } from "react/jsx-runtime";
5
5
  import { Checkbox as f } from "@base-ui/react/checkbox";
6
- var L = (n) => /* @__PURE__ */ k("svg", {
6
+ var H = (n) => /* @__PURE__ */ k("svg", {
7
7
  viewBox: "0 0 24 24",
8
8
  width: "100%",
9
9
  height: "100%",
@@ -15,7 +15,7 @@ var L = (n) => /* @__PURE__ */ k("svg", {
15
15
  strokeWidth: n.strokeWidth ?? 3,
16
16
  strokeLinecap: "round"
17
17
  })]
18
- }), H = (n) => /* @__PURE__ */ k("svg", {
18
+ }), j = (n) => /* @__PURE__ */ k("svg", {
19
19
  viewBox: "0 0 24 24",
20
20
  width: "100%",
21
21
  height: "100%",
@@ -26,21 +26,21 @@ var L = (n) => /* @__PURE__ */ k("svg", {
26
26
  strokeLinejoin: "round",
27
27
  ...n,
28
28
  children: [/* @__PURE__ */ t("title", { children: "Check icon" }), /* @__PURE__ */ t("path", { d: "M4 12l5 5L20 6" })]
29
- }), S = ({ dataTest: n, size: h = "medium", disabled: m, readOnly: c, indeterminate: a = !1, checked: x, disableRipple: b, hideWrapper: v, className: I, onChange: u, ...i }) => {
30
- const s = !!v, l = !b && !s && !m && !c, R = C(e.CheckboxWrapper, !s && e[`size-${h}`], s && e.HideWrapper, a && e.Indeterminate, c && e.ReadOnly, l && e.CheckboxHover, I), g = C(e.Checkbox, e[`size-${h}`], a && e.Indeterminate), w = a ? L : H, d = p.useRef(null), W = p.useCallback((o) => {
29
+ }), _ = ({ dataTest: n, size: h = "medium", disabled: m, readOnly: c, indeterminate: a = !1, checked: x, disableRipple: b, hideWrapper: v, className: I, checkboxClassName: R, onChange: u, ...i }) => {
30
+ const s = !!v, l = !b && !s && !m && !c, g = C(e.CheckboxWrapper, !s && e[`size-${h}`], s && e.HideWrapper, a && e.Indeterminate, c && e.ReadOnly, l && e.CheckboxHover, I), w = C(e.Checkbox, e[`size-${h}`], a && e.Indeterminate, R), W = a ? H : j, d = p.useRef(null), N = p.useCallback((o) => {
31
31
  if (o.stopPropagation(), !l) return;
32
32
  const r = document.createElement("span");
33
33
  e.CheckboxRipple && (r.className = e.CheckboxRipple), r.addEventListener("animationend", () => {
34
34
  r.remove();
35
35
  }, { once: !0 }), d.current?.appendChild(r);
36
36
  }, [l]);
37
- E(() => {
37
+ L(() => {
38
38
  const o = d.current;
39
39
  return () => {
40
40
  o?.replaceChildren();
41
41
  };
42
42
  }, []);
43
- const N = p.useCallback((o) => {
43
+ const E = p.useCallback((o) => {
44
44
  if (c) return;
45
45
  const r = { target: {
46
46
  name: i.name,
@@ -55,27 +55,27 @@ var L = (n) => /* @__PURE__ */ k("svg", {
55
55
  c
56
56
  ]);
57
57
  return /* @__PURE__ */ k(f.Root, {
58
- className: R,
58
+ className: g,
59
59
  "data-testid": n,
60
60
  checked: x,
61
61
  disabled: m,
62
62
  readOnly: c,
63
63
  indeterminate: a,
64
- onPointerDown: W,
65
- onCheckedChange: N,
64
+ onPointerDown: N,
65
+ onCheckedChange: E,
66
66
  ...i,
67
67
  children: [!s && l && /* @__PURE__ */ t("span", {
68
68
  ref: d,
69
69
  className: e.CheckboxRippleContainer
70
70
  }), /* @__PURE__ */ t("span", {
71
- className: g,
71
+ className: w,
72
72
  children: /* @__PURE__ */ t(f.Indicator, {
73
73
  className: e.Indicator,
74
- children: /* @__PURE__ */ t(w, { strokeWidth: h === "small" ? 3 : 2 })
74
+ children: /* @__PURE__ */ t(W, { strokeWidth: h === "small" ? 3 : 2 })
75
75
  })
76
76
  })]
77
77
  });
78
78
  };
79
79
  export {
80
- S as StyledCheckbox
80
+ _ as StyledCheckbox
81
81
  };
package/dist/components/navigation/listbox/Listbox.js ADDED
@@ -0,0 +1,80 @@
1
+ import { createContext as p, useContext as x, useEffect as d, useMemo as b, useState as v } from "react";
2
+ import { ClickAwayListener as m } from "@mui/material";
3
+ import { jsx as s } from "react/jsx-runtime";
4
+ var a = p(null), l = () => {
5
+ const t = x(a);
6
+ if (!t) throw new Error("Listbox.Button/Options/Option must be rendered inside <Listbox>");
7
+ return t;
8
+ }, f = (t, e) => typeof t == "function" ? t(e) : t;
9
+ function L({ value: t, onChange: e, children: r }) {
10
+ const [o, n] = v(!1), u = b(() => ({
11
+ open: o,
12
+ select: (i) => {
13
+ e(i), n(!1);
14
+ },
15
+ setOpen: n,
16
+ value: t
17
+ }), [
18
+ o,
19
+ t,
20
+ e
21
+ ]);
22
+ return d(() => {
23
+ if (!o) return;
24
+ const i = (c) => {
25
+ c.key === "Escape" && n(!1);
26
+ };
27
+ return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
28
+ }, [o]), /* @__PURE__ */ s(a.Provider, {
29
+ value: u,
30
+ children: /* @__PURE__ */ s(m, {
31
+ onClickAway: () => n(!1),
32
+ children: /* @__PURE__ */ s("div", {
33
+ className: "relative w-full",
34
+ children: r
35
+ })
36
+ })
37
+ });
38
+ }
39
+ var y = ({ children: t, className: e, ...r }) => {
40
+ const { open: o, setOpen: n } = l();
41
+ return /* @__PURE__ */ s("button", {
42
+ type: "button",
43
+ className: e,
44
+ onClick: () => n(!o),
45
+ ...r,
46
+ children: f(t, { open: o })
47
+ });
48
+ }, k = ({ children: t, className: e }) => {
49
+ const { open: r } = l();
50
+ return r ? /* @__PURE__ */ s("div", {
51
+ role: "listbox",
52
+ className: e,
53
+ children: t
54
+ }) : null;
55
+ };
56
+ function w({ value: t, disabled: e, children: r, className: o }) {
57
+ const n = l(), u = n.value === t, i = () => {
58
+ e || n.select(t);
59
+ };
60
+ return /* @__PURE__ */ s("div", {
61
+ role: "option",
62
+ "aria-selected": u,
63
+ "aria-disabled": e,
64
+ tabIndex: e ? void 0 : 0,
65
+ className: o,
66
+ onClick: i,
67
+ onKeyDown: (c) => {
68
+ (c.key === "Enter" || c.key === " ") && (c.preventDefault(), i());
69
+ },
70
+ children: f(r, { selected: u })
71
+ });
72
+ }
73
+ var h = Object.assign(L, {
74
+ Button: y,
75
+ Option: w,
76
+ Options: k
77
+ });
78
+ export {
79
+ h as Listbox
80
+ };
package/dist/hooks/usePopupState.js ADDED
@@ -0,0 +1,60 @@
1
+ import { useCallback as c, useMemo as m, useState as v } from "react";
2
+ import { Fragment as g, jsx as h } from "react/jsx-runtime";
3
+ var t = (o) => {
4
+ if (o instanceof Element) return o;
5
+ const r = o?.currentTarget;
6
+ return r instanceof Element ? r : void 0;
7
+ }, b = ({ popupId: o, variant: r }) => {
8
+ const [e, p] = v(void 0), [l, i] = v(!1), s = c((a) => {
9
+ const n = t(a);
10
+ n && p(n), i(!0);
11
+ }, []), u = c(() => i(!1), []), d = c((a) => {
12
+ const n = t(a);
13
+ n && p(n), i((f) => !f);
14
+ }, []);
15
+ return m(() => ({
16
+ anchorEl: e,
17
+ close: u,
18
+ isOpen: l,
19
+ open: s,
20
+ popupId: o,
21
+ setAnchorEl: p,
22
+ toggle: d,
23
+ variant: r
24
+ }), [
25
+ e,
26
+ u,
27
+ l,
28
+ s,
29
+ o,
30
+ d,
31
+ r
32
+ ]);
33
+ }, O = ({ variant: o, popupId: r, children: e }) => /* @__PURE__ */ h(g, { children: e(b({
34
+ popupId: r,
35
+ variant: o
36
+ })) }), E = (o) => ({
37
+ "aria-controls": o.variant === "popover" && o.isOpen ? o.popupId : void 0,
38
+ "aria-describedby": o.variant === "popper" && o.isOpen ? o.popupId : void 0,
39
+ "aria-haspopup": o.variant === "popover" ? !0 : void 0
40
+ }), S = (o) => ({
41
+ ...E(o),
42
+ onClick: o.open,
43
+ onTouchStart: o.open
44
+ }), T = (o) => ({
45
+ anchorEl: o.anchorEl,
46
+ id: o.popupId,
47
+ onClose: o.close,
48
+ open: o.isOpen
49
+ }), C = (o) => ({
50
+ anchorEl: o.anchorEl,
51
+ id: o.popupId,
52
+ open: o.isOpen
53
+ });
54
+ export {
55
+ O as PopupState,
56
+ T as bindPopover,
57
+ C as bindPopper,
58
+ S as bindTrigger,
59
+ b as usePopupState
60
+ };
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /* empty css */
2
2
  import { cn as m } from "./helpers/cn.js";
3
3
  import { omit as i } from "./helpers/omit.js";
4
- import { prepareForSlot as e } from "./helpers/prepareForSlot.js";
4
+ import { prepareForSlot as n } from "./helpers/prepareForSlot.js";
5
5
  import { StyledBadge as f } from "./components/data-display/badge/StyledBadge.js";
6
6
  import { BellOutlineIcon as l } from "./components/icons/bell-outline-icon/BellOutlineIcon.js";
7
7
  import { BellIcon as a } from "./components/icons/bell-icon/BellIcon.js";
@@ -10,12 +10,12 @@ import { ChevronRightIcon as s } from "./components/icons/chevron-right-icon/Che
10
10
  import { ChevronLeftIcon as C } from "./components/icons/chevron-left-icon/ChevronLeftIcon.js";
11
11
  import { ChevronDoubleLeftIcon as g } from "./components/icons/chevron-double-left-icon/ChevronDoubleLeftIcon.js";
12
12
  import { ChevronDoubleRightIcon as h } from "./components/icons/chevron-double-right-icon/ChevronDoubleRightIcon.js";
13
- import { QnrIcon as b } from "./components/icons/qnr-icon/QnrIcon.js";
13
+ import { QnrIcon as k } from "./components/icons/qnr-icon/QnrIcon.js";
14
14
  import { PdfIcon as T } from "./components/icons/pdf-icon/PdfIcon.js";
15
- import { DashboardViewIcon as P } from "./components/icons/dashboard-view-icon/DashboardViewIcon.js";
15
+ import { DashboardViewIcon as F } from "./components/icons/dashboard-view-icon/DashboardViewIcon.js";
16
16
  import { DashboardViewOutlineIcon as R } from "./components/icons/dashboard-view-outline-icon/DashboardViewOutlineIcon.js";
17
17
  import { PeopleOutlineIcon as w } from "./components/icons/people-outline-icon/PeopleOutlineIcon.js";
18
- import { PeopleIcon as N } from "./components/icons/people-icon/PeopleIcon.js";
18
+ import { PeopleIcon as B } from "./components/icons/people-icon/PeopleIcon.js";
19
19
  import { CheckOutlineIcon as x } from "./components/icons/check-outline-icon/CheckOutlineIcon.js";
20
20
  import { CheckFactOutlineIcon as H } from "./components/icons/check-fact-outline-icon/CheckFactOutlineIcon.js";
21
21
  import { CheckFactIcon as W } from "./components/icons/check-fact-icon/CheckFactIcon.js";
@@ -28,7 +28,7 @@ import { AssignmentOutlineIcon as Y } from "./components/icons/assignment-outlin
28
28
  import { ListNumberedIcon as oo } from "./components/icons/list-numbered-icon/ListNumberedIcon.js";
29
29
  import { MessageProcessingIcon as mo } from "./components/icons/message-processing-icon/MessageProcessingIcon.js";
30
30
  import { MessageProcessingOutlineIcon as io } from "./components/icons/message-processing-outline-icon/MessageProcessingOutlineIcon.js";
31
- import { ReportBoxIcon as eo } from "./components/icons/report-box-icon/ReportBoxIcon.js";
31
+ import { ReportBoxIcon as no } from "./components/icons/report-box-icon/ReportBoxIcon.js";
32
32
  import { ReportBoxOutlineIcon as fo } from "./components/icons/report-box-outline-icon/ReportBoxOutlineIcon.js";
33
33
  import { SettingsIcon as lo } from "./components/icons/settings-icon/SettingsIcon.js";
34
34
  import { SettingsOutlineIcon as ao } from "./components/icons/settings-outline-icon/SettingsOutlineIcon.js";
@@ -36,13 +36,13 @@ import { FindReplaceIcon as So } from "./components/icons/find-replace-icon/Find
36
36
  import { FindReplacePeopleIcon as yo } from "./components/icons/find-replace-people-icon/FindReplacePeopleIcon.js";
37
37
  import { PersonIcon as Oo } from "./components/icons/person-icon/PersonIcon.js";
38
38
  import { PersonOutlineIcon as Do } from "./components/icons/person-outline-icon/PersonOutlineIcon.js";
39
- import { DotsVerticalIcon as ko } from "./components/icons/dots-vertical-icon/DotsVerticalIcon.js";
39
+ import { DotsVerticalIcon as bo } from "./components/icons/dots-vertical-icon/DotsVerticalIcon.js";
40
40
  import { SearchIcon as Lo } from "./components/icons/search-icon/SearchIcon.js";
41
- import { LoadingIcon as Fo } from "./components/icons/loading-icon/LoadingIcon.js";
41
+ import { LoadingIcon as Po } from "./components/icons/loading-icon/LoadingIcon.js";
42
42
  import { DropUpIcon as Ao } from "./components/icons/drop-up-icon/DropUpIcon.js";
43
43
  import { DropDownIcon as Mo } from "./components/icons/drop-down-icon/DropDownIcon.js";
44
- import { ArchiveIcon as Bo } from "./components/icons/archive-icon/ArchiveIcon.js";
45
- import { DownloadIcon as vo } from "./components/icons/download-icon/DownloadIcon.js";
44
+ import { ArchiveIcon as vo } from "./components/icons/archive-icon/ArchiveIcon.js";
45
+ import { DownloadIcon as No } from "./components/icons/download-icon/DownloadIcon.js";
46
46
  import { CheckBoxCheckedIcon as _o } from "./components/icons/checkbox-checked-icon/CheckBoxCheckedIcon.js";
47
47
  import { ChevronDownIcon as Eo } from "./components/icons/chevron-down-icon/ChevronDownIcon.js";
48
48
  import { ChevronUpIcon as Uo } from "./components/icons/chevron-up-icon/ChevronUpIcon.js";
@@ -54,7 +54,7 @@ import { InboxOutboxIcon as Jo } from "./components/icons/inbox-outbox-icon/Inbo
54
54
  import { InboxOutboxOutlineIcon as $o } from "./components/icons/inbox-outbox-outline-icon/InboxOutboxOutlineIcon.js";
55
55
  import { TopicIcon as rr } from "./components/icons/topic-icon/TopicIcon.js";
56
56
  import { EmptyPageIcon as tr } from "./components/icons/empty-page-icon/EmptyPageIcon.js";
57
- import { DragHorizontalIcon as nr } from "./components/icons/drag-horizontal-icon/DragHorizontalIcon.js";
57
+ import { DragHorizontalIcon as er } from "./components/icons/drag-horizontal-icon/DragHorizontalIcon.js";
58
58
  import { FilePdfIcon as pr } from "./components/icons/file-pdf-icon/FilePdfIcon.js";
59
59
  import { DeleteOutlineIcon as cr } from "./components/icons/delete-outline-icon/DeleteOutlineIcon.js";
60
60
  import { FilterIcon as Ir } from "./components/icons/filter-icon/FilterIcon.js";
@@ -63,13 +63,13 @@ import { LockIcon as Sr } from "./components/icons/lock-icon/LockIcon.js";
63
63
  import { DvrIcon as yr } from "./components/icons/dvr-icon/DvrIcon.js";
64
64
  import { ErrorOutlineIcon as Or } from "./components/icons/error-outline-icon/ErrorOutlineIcon.js";
65
65
  import { ReplayIcon as Dr } from "./components/icons/replay-icon/ReplayIcon.js";
66
- import { CalendarBlankOutlineIcon as kr } from "./components/icons/calendar-blank-outline-icon/CalendarBlankOutlineIcon.js";
66
+ import { CalendarBlankOutlineIcon as br } from "./components/icons/calendar-blank-outline-icon/CalendarBlankOutlineIcon.js";
67
67
  import { LinkOutlineIcon as Lr } from "./components/icons/link-outline-icon/LinkOutlineIcon.js";
68
- import { FastCheckOutlineIcon as Fr } from "./components/icons/fast-check-outline-icon/FastCheckOutlineIcon.js";
68
+ import { FastCheckOutlineIcon as Pr } from "./components/icons/fast-check-outline-icon/FastCheckOutlineIcon.js";
69
69
  import { UnknownDocumentOutlineRoundedIcon as Ar } from "./components/icons/unknown-document-outline-rounded-icon/UnknownDocumentOutlineRoundedIcon.js";
70
70
  import { ListStatusIcon as Mr } from "./components/icons/list-status-icon/ListStatusIcon.js";
71
- import { ListViewOutlineIcon as Br } from "./components/icons/list-view-outline-icon/ListViewOutlineIcon.js";
72
- import { TextBoxCheckOutlineIcon as vr } from "./components/icons/text-box-check-outline-icon/TextBoxCheckOutlineIcon.js";
71
+ import { ListViewOutlineIcon as vr } from "./components/icons/list-view-outline-icon/ListViewOutlineIcon.js";
72
+ import { TextBoxCheckOutlineIcon as Nr } from "./components/icons/text-box-check-outline-icon/TextBoxCheckOutlineIcon.js";
73
73
  import { ListSettingsLineIcon as _r } from "./components/icons/list-settings-line-icon/ListSettingsLineIcon.js";
74
74
  import { EarthIcon as Er } from "./components/icons/earth-icon/EarthIcon.js";
75
75
  import { SettingsMenuHorizontalIcon as Ur } from "./components/icons/settings-menu-horizontal-icon/SettingsMenuHorizontalIcon.js";
@@ -81,7 +81,7 @@ import { MinimizeIcon as Jr } from "./components/icons/minimize-icon/MinimizeIco
81
81
  import { KeyboardCapslockIcon as $r } from "./components/icons/keyboard-capslock-icon/KeyboardCapslockIcon.js";
82
82
  import { MessageReplyIcon as rm } from "./components/icons/message-reply-icon/MessageReplyIcon.js";
83
83
  import { BadgeIcon as tm } from "./components/icons/badge-icon/BadgeIcon.js";
84
- import { EditSquareIcon as nm } from "./components/icons/edit-square-icon/EditSquareIcon.js";
84
+ import { EditSquareIcon as em } from "./components/icons/edit-square-icon/EditSquareIcon.js";
85
85
  import { PlusIcon as pm } from "./components/icons/plus-icon/PlusIcon.js";
86
86
  import { PlusIconCircle as cm } from "./components/icons/plus-icon-circle/PlusIconCircle.js";
87
87
  import { HandymanOutlineIcon as Im } from "./components/icons/handyman-outline-icon/HandymanOutlineIcon.js";
@@ -90,13 +90,13 @@ import { PinIcon as Sm } from "./components/icons/pin-icon/PinIcon.js";
90
90
  import { WorkIcon as ym } from "./components/icons/work-icon/WorkIcon.js";
91
91
  import { LocationIcon as Om } from "./components/icons/location-icon/LocationIcon.js";
92
92
  import { FormIcon as Dm } from "./components/icons/form-icon/FormIcon.js";
93
- import { RepeatOutlineIcon as km } from "./components/icons/repeat-outline-icon/RepeatOutlineIcon.js";
93
+ import { RepeatOutlineIcon as bm } from "./components/icons/repeat-outline-icon/RepeatOutlineIcon.js";
94
94
  import { ClockOutlineIcon as Lm } from "./components/icons/clock-outline-icon/ClockOutlineIcon.js";
95
- import { TodayIcon as Fm } from "./components/icons/today-icon/TodayIcon.js";
95
+ import { TodayIcon as Pm } from "./components/icons/today-icon/TodayIcon.js";
96
96
  import { MicrosoftOutlookIcon as Am } from "./components/icons/microsoft-outlook-icon/MicrosoftOutlookIcon.js";
97
97
  import { LoginIcon as Mm } from "./components/icons/login-logout-icons/LoginIcon.js";
98
- import { LogoutIcon as Bm } from "./components/icons/login-logout-icons/LogoutIcon.js";
99
- import { TimerIcon as vm } from "./components/icons/timer-icon/TimerIcon.js";
98
+ import { LogoutIcon as vm } from "./components/icons/login-logout-icons/LogoutIcon.js";
99
+ import { TimerIcon as Nm } from "./components/icons/timer-icon/TimerIcon.js";
100
100
  import { BackIcon as _m } from "./components/icons/back-icon/BackIcon.js";
101
101
  import { HelpIcon as Em } from "./components/icons/help-icon/HelpIcon.js";
102
102
  import { HelpOutlineIcon as Um } from "./components/icons/help-outline-icon/HelpOutlineIcon.js";
@@ -108,7 +108,7 @@ import { DnsOutlineIcon as Jm } from "./components/icons/dns-outline-icon/DnsOut
108
108
  import { DescriptionIcon as $m } from "./components/icons/description-icon/DescriptionIcon.js";
109
109
  import { DescriptionOutlineIcon as rt } from "./components/icons/description-outline-icon/DescriptionOutlineIcon.js";
110
110
  import { FormatListBulletedIcon as tt } from "./components/icons/format-list-bulleted-icon/FormatListBulletedIcon.js";
111
- import { FormatListBulletedOutlineIcon as nt } from "./components/icons/format-list-bulleted-outline-icon/FormatListBulletedOutlineIcon.js";
111
+ import { FormatListBulletedOutlineIcon as et } from "./components/icons/format-list-bulleted-outline-icon/FormatListBulletedOutlineIcon.js";
112
112
  import { PersonSearchOutlineIcon as pt } from "./components/icons/person-search-outline-icon/PersonSearchOutlineIcon.js";
113
113
  import { PersonSearchIcon as ct } from "./components/icons/person-search-icon/PersonSearchIcon.js";
114
114
  import { RuleIcon as It } from "./components/icons/rule-icon/RuleIcon.js";
@@ -117,13 +117,13 @@ import { ContentCopyIcon as St } from "./components/icons/content-copy-icon/Cont
117
117
  import { ContentCutIcon as yt } from "./components/icons/content-cut-icon/ContentCutIcon.js";
118
118
  import { ContentPasteIcon as Ot } from "./components/icons/content-paste-icon/ContentPasteIcon.js";
119
119
  import { ContentCopyOutlineIcon as Dt } from "./components/icons/content-copy-outline-icon/ContentCopyOutlineIcon.js";
120
- import { RefreshIcon as kt } from "./components/icons/refresh-icon/RefreshIcon.js";
120
+ import { RefreshIcon as bt } from "./components/icons/refresh-icon/RefreshIcon.js";
121
121
  import { SettingsNoteIcon as Lt } from "./components/icons/settings-note-icon/SettingsNoteIcon.js";
122
- import { InheritancePointerIcon as Ft } from "./components/icons/inheritance-pointer-icon/InheritancePointerIcon.js";
122
+ import { InheritancePointerIcon as Pt } from "./components/icons/inheritance-pointer-icon/InheritancePointerIcon.js";
123
123
  import { CloudDoneOutlineIcon as At } from "./components/icons/cloud-done-outline-icon/CloudDoneOutlineIcon.js";
124
124
  import { CloudIcon as Mt } from "./components/icons/cloud-icon/CloudIcon.js";
125
- import { AttachFileIcon as Bt } from "./components/icons/attach-file-icon/AttachFileIcon.js";
126
- import { SendIcon as vt } from "./components/icons/send-icon/SendIcon.js";
125
+ import { AttachFileIcon as vt } from "./components/icons/attach-file-icon/AttachFileIcon.js";
126
+ import { SendIcon as Nt } from "./components/icons/send-icon/SendIcon.js";
127
127
  import { CardIdIcon as _t } from "./components/icons/card-id-icon/CardIdIcon.js";
128
128
  import { CheckCircleIcon as Et } from "./components/icons/check-circle-icon/CheckCircleIndex.js";
129
129
  import { CardIdIconOutlined as Ut } from "./components/icons/card-id-icon-outlined/CardIdIconOutlined.js";
@@ -135,7 +135,7 @@ import { OutlineCheckboxIconIndeterminate as Jt } from "./components/icons/outli
135
135
  import { HistoryIcon as $t } from "./components/icons/history-icon/HistoryIcon.js";
136
136
  import { ConversionPathIcon as ri } from "./components/icons/conversion-path/ConversionPathIcon.js";
137
137
  import { GraphIcon as ti } from "./components/icons/graph-icon/GraphIcon.js";
138
- import { GraphOutlineIcon as ni } from "./components/icons/graph-outline-icon/GraphOutlineIcon.js";
138
+ import { GraphOutlineIcon as ei } from "./components/icons/graph-outline-icon/GraphOutlineIcon.js";
139
139
  import { GridViewOutlineIcon as pi } from "./components/icons/grid-view-outline-icon/GridViewOutlineIcon.js";
140
140
  import { NotesIcon as ci } from "./components/icons/notes-icon/NotesIcon.js";
141
141
  import { SaveIcon as Ii } from "./components/icons/save-icon/SaveIcon.js";
@@ -144,13 +144,13 @@ import { EnvelopeIcon as Si } from "./components/icons/envelope-icon/EnvelopeIco
144
144
  import { FingerprintIcon as yi } from "./components/icons/fingerprint-icon/FingerprintIcon.js";
145
145
  import { UploadIcon as Oi } from "./components/icons/upload-icon/UploadIcon.js";
146
146
  import { CancelOutlineIcon as Di } from "./components/icons/cancel-outline-icon/CancelOutlineIcon.js";
147
- import { InfoOutlineIcon as ki } from "./components/icons/info-outline-icon/InfoOutlineIcon.js";
147
+ import { InfoOutlineIcon as bi } from "./components/icons/info-outline-icon/InfoOutlineIcon.js";
148
148
  import { TuneIcon as Li } from "./components/icons/tune-icon/TuneIcon.js";
149
- import { FileDocIcon as Fi } from "./components/icons/file-doc-icon/FileDocIcon.js";
149
+ import { FileDocIcon as Pi } from "./components/icons/file-doc-icon/FileDocIcon.js";
150
150
  import { DvrIconOutline as Ai } from "./components/icons/dvr-icon-outline/DvrIconOutline.js";
151
151
  import { BackupIcon as Mi } from "./components/icons/backup-icon/BackupIcon.js";
152
- import { DownloadTrayIcon as Bi } from "./components/icons/download-tray-icon/DownloadTrayIcon.js";
153
- import { DownloadingIcon as vi } from "./components/icons/downloading-icon/DownloadingIcon.js";
152
+ import { DownloadTrayIcon as vi } from "./components/icons/download-tray-icon/DownloadTrayIcon.js";
153
+ import { DownloadingIcon as Ni } from "./components/icons/downloading-icon/DownloadingIcon.js";
154
154
  import { FileRtfIcon as _i } from "./components/icons/file-rtf-icon/FileRtfIcon.js";
155
155
  import { LinkOffIcon as Ei } from "./components/icons/link-off-icon/LinkOffIcon.js";
156
156
  import { CircleWarningOutlineIcon as Ui } from "./components/icons/warning-circle-icon/CircleWarningOutlineIcon.js";
@@ -160,62 +160,62 @@ import { ShareIcon as Ki } from "./components/icons/share-icon/ShareIcon.js";
160
160
  import { SyncSavedLocallyIcon as Zi } from "./components/icons/sync-saved_locally/SyncSavedLocallyIcon.js";
161
161
  import { CloudOffOutlineIcon as Ji } from "./components/icons/cloud-off-outline-icon/CloudOffOutlineIcon.js";
162
162
  import { VisibilityOutlineIcon as $i } from "./components/icons/visibility-outline-icon/VisibilityOutlineIcon.js";
163
- import { VisibilityOffOutlineIcon as rn } from "./components/icons/visibility-off-outline-icon/VisibilityOffOutlineIcon.js";
164
- import { SmsIcon as tn } from "./components/icons/sms-icon/SmsIcon.js";
165
- import { ArrowLeftIcon as en } from "./components/icons/arrow-left-icon/ArrowLeftIcon.js";
166
- import { TimelapseOutlineIcon as fn } from "./components/icons/timelapse-outline-icon/TimelapseOutlineIcon.js";
167
- import { WandStarsIcon as ln } from "./components/icons/wand-stars-icon/WandStarsIcon.js";
168
- import { ResetSettingsIcon as an } from "./components/icons/reset-settings-icon/ResetSettingsIcon.js";
169
- import { HistoryToggleOffIcon as un } from "./components/icons/history-toggle-off-icon/HistoryToggleOffIcon.js";
170
- import { CheckReadIcon as sn } from "./components/icons/check-read-icon/CheckReadIcon.js";
171
- import { EditNotesIcon as Cn } from "./components/icons/edit-notes-icon/EditNotesIcon.js";
172
- import { FileXlsIcon as gn } from "./components/icons/file-xls-icon/FileXlsIcon.js";
173
- import { FileImageIcon as hn } from "./components/icons/file-image-icon/FileImageIcon.js";
174
- import { DrawIcon as bn } from "./components/icons/draw-icon/DrawIcon.js";
175
- import { ArrowShrinkIcon as Tn } from "./components/icons/arrow-shrink-icon/ArrowShrinkIcon.js";
176
- import { IndeterminateIcon as Pn } from "./components/icons/indeterminate-icon/IndeterminateIcon.js";
177
- import { ManageSearchIcon as Rn } from "./components/icons/manage-search-icon/ManageSearchIcon.js";
178
- import { HubIcon as wn } from "./components/icons/hub-icon/HubIcon.js";
179
- import { HubIconFilled as Nn } from "./components/icons/hub-icon/HubIconFilled.js";
180
- import { WidgetIcon as xn } from "./components/icons/widgets-icon/WidgetIcon.js";
181
- import { WidgetIconFilled as Hn } from "./components/icons/widgets-icon/WidgetIconFilled.js";
182
- import { RocketLaunchIcon as Wn } from "./components/icons/rocket-launch-icon/RocketLaunchIcon.js";
183
- import { LoadCurrentIcon as Vn } from "./components/icons/load-current-icon/LoadCurrentIcon.js";
184
- import { StyledChip as zn } from "./components/data-display/chip/StyledChip.js";
185
- import { StyledInteractiveChip as qn } from "./components/data-display/interactive-chip/StyledInteractiveChip.js";
186
- import { StyledTooltip as Qn } from "./components/data-display/tooltip/StyledTooltip.js";
187
- import { StyledTypography as jn } from "./components/data-display/typography/StyledTypography.js";
188
- import { StyledFormLabel as Yn } from "./components/data-display/form-label/components/StyledFormLabel.js";
189
- import { StyledAIDisclosure as oe } from "./components/data-display/ai-disclosure/StyledAIDisclosure.js";
190
- import { StyledButton as me } from "./components/inputs/button/StyledButton.js";
191
- import { StyledDialog as ie } from "./components/feedback/dialog/StyledDialog.js";
192
- import { StyledDialogActions as ee } from "./components/feedback/dialog/StyledDialogActions.js";
193
- import { StyledDialogContent as fe } from "./components/feedback/dialog/StyledDialogContent.js";
194
- import { StyledDialogTitle as le } from "./components/feedback/dialog/StyledDialogTitle.js";
195
- import { StyledEmptyPage as ae } from "./components/feedback/empty-page/StyledEmptyPage.js";
196
- import { StyledFilteredEmptyState as ue } from "./components/feedback/filtered-empty-state/StyledFilteredEmptyState.js";
197
- import { StyledLoading as se } from "./components/feedback/loading/StyledLoading.js";
198
- import { StyledAlert as Ce } from "./components/feedback/snack-bar/StyledAlert.js";
199
- import { SnackbarProvider as ge } from "./components/feedback/snack-bar/SnackbarProvider.js";
200
- import { StyledSnackbar as he } from "./components/feedback/snack-bar/StyledSnackbar.js";
201
- import { processAlertSnackBar as be } from "./components/feedback/snack-bar/processAlertSnackBar.js";
202
- import { processDefaultSnackbar as Te } from "./components/feedback/snack-bar/processDefaultSnackbar.js";
203
- import { processInfoSnackbar as Pe } from "./components/feedback/snack-bar/processInfoSnackbar.js";
204
- import { message as Re } from "./components/feedback/snack-bar/message.js";
205
- import { closeSnackbar as we, enqueueSnackbar as Be, useSnackbar as Ne } from "./components/feedback/snack-bar/index.js";
206
- import { StyledCheckbox as xe } from "./components/inputs/checkbox/base-ui/StyledCheckbox.js";
207
- import { StyledInputField as He } from "./components/inputs/input-field/StyledInputField.js";
208
- import { StyledSearchField as We } from "./components/inputs/search-field/StyledSearchField.js";
209
- import { StyledTextarea as Ve } from "./components/inputs/textarea/StyledTextarea.js";
210
- import { StyledSelect as ze } from "./components/inputs/select/StyledSelect.js";
211
- import { StyledSelectItem as qe } from "./components/inputs/select/StyledSelectItem.js";
212
- import { StyledSelectAutocomplete as Qe } from "./components/inputs/select-autocomplete/StyledSelectAutocomplete.js";
213
- import { StyledSlider as je } from "./components/inputs/slider/StyledSlider.js";
214
- import { StyledSwitch as Ye } from "./components/inputs/switch/base-ui/StyledSwitch.js";
163
+ import { VisibilityOffOutlineIcon as re } from "./components/icons/visibility-off-outline-icon/VisibilityOffOutlineIcon.js";
164
+ import { SmsIcon as te } from "./components/icons/sms-icon/SmsIcon.js";
165
+ import { ArrowLeftIcon as ee } from "./components/icons/arrow-left-icon/ArrowLeftIcon.js";
166
+ import { TimelapseOutlineIcon as pe } from "./components/icons/timelapse-outline-icon/TimelapseOutlineIcon.js";
167
+ import { WandStarsIcon as ce } from "./components/icons/wand-stars-icon/WandStarsIcon.js";
168
+ import { ResetSettingsIcon as Ie } from "./components/icons/reset-settings-icon/ResetSettingsIcon.js";
169
+ import { HistoryToggleOffIcon as de } from "./components/icons/history-toggle-off-icon/HistoryToggleOffIcon.js";
170
+ import { CheckReadIcon as Se } from "./components/icons/check-read-icon/CheckReadIcon.js";
171
+ import { EditNotesIcon as ye } from "./components/icons/edit-notes-icon/EditNotesIcon.js";
172
+ import { FileXlsIcon as Oe } from "./components/icons/file-xls-icon/FileXlsIcon.js";
173
+ import { FileImageIcon as De } from "./components/icons/file-image-icon/FileImageIcon.js";
174
+ import { DrawIcon as be } from "./components/icons/draw-icon/DrawIcon.js";
175
+ import { ArrowShrinkIcon as Le } from "./components/icons/arrow-shrink-icon/ArrowShrinkIcon.js";
176
+ import { IndeterminateIcon as Pe } from "./components/icons/indeterminate-icon/IndeterminateIcon.js";
177
+ import { ManageSearchIcon as Ae } from "./components/icons/manage-search-icon/ManageSearchIcon.js";
178
+ import { HubIcon as Me } from "./components/icons/hub-icon/HubIcon.js";
179
+ import { HubIconFilled as ve } from "./components/icons/hub-icon/HubIconFilled.js";
180
+ import { WidgetIcon as Ne } from "./components/icons/widgets-icon/WidgetIcon.js";
181
+ import { WidgetIconFilled as _e } from "./components/icons/widgets-icon/WidgetIconFilled.js";
182
+ import { RocketLaunchIcon as Ee } from "./components/icons/rocket-launch-icon/RocketLaunchIcon.js";
183
+ import { LoadCurrentIcon as Ue } from "./components/icons/load-current-icon/LoadCurrentIcon.js";
184
+ import { StyledChip as Ge } from "./components/data-display/chip/StyledChip.js";
185
+ import { StyledInteractiveChip as Xe } from "./components/data-display/interactive-chip/StyledInteractiveChip.js";
186
+ import { StyledTooltip as Ke } from "./components/data-display/tooltip/StyledTooltip.js";
187
+ import { StyledTypography as Ze } from "./components/data-display/typography/StyledTypography.js";
188
+ import { StyledFormLabel as Je } from "./components/data-display/form-label/components/StyledFormLabel.js";
189
+ import { StyledAIDisclosure as $e } from "./components/data-display/ai-disclosure/StyledAIDisclosure.js";
190
+ import { StyledButton as rn } from "./components/inputs/button/StyledButton.js";
191
+ import { StyledDialog as tn } from "./components/feedback/dialog/StyledDialog.js";
192
+ import { StyledDialogActions as nn } from "./components/feedback/dialog/StyledDialogActions.js";
193
+ import { StyledDialogContent as fn } from "./components/feedback/dialog/StyledDialogContent.js";
194
+ import { StyledDialogTitle as ln } from "./components/feedback/dialog/StyledDialogTitle.js";
195
+ import { StyledEmptyPage as an } from "./components/feedback/empty-page/StyledEmptyPage.js";
196
+ import { StyledFilteredEmptyState as un } from "./components/feedback/filtered-empty-state/StyledFilteredEmptyState.js";
197
+ import { StyledLoading as sn } from "./components/feedback/loading/StyledLoading.js";
198
+ import { StyledAlert as Cn } from "./components/feedback/snack-bar/StyledAlert.js";
199
+ import { SnackbarProvider as gn } from "./components/feedback/snack-bar/SnackbarProvider.js";
200
+ import { StyledSnackbar as hn } from "./components/feedback/snack-bar/StyledSnackbar.js";
201
+ import { processAlertSnackBar as kn } from "./components/feedback/snack-bar/processAlertSnackBar.js";
202
+ import { processDefaultSnackbar as Tn } from "./components/feedback/snack-bar/processDefaultSnackbar.js";
203
+ import { processInfoSnackbar as Fn } from "./components/feedback/snack-bar/processInfoSnackbar.js";
204
+ import { message as Rn } from "./components/feedback/snack-bar/message.js";
205
+ import { closeSnackbar as wn, enqueueSnackbar as vn, useSnackbar as Bn } from "./components/feedback/snack-bar/index.js";
206
+ import { StyledCheckbox as xn } from "./components/inputs/checkbox/base-ui/StyledCheckbox.js";
207
+ import { StyledInputField as Hn } from "./components/inputs/input-field/StyledInputField.js";
208
+ import { StyledSearchField as Wn } from "./components/inputs/search-field/StyledSearchField.js";
209
+ import { StyledTextarea as Vn } from "./components/inputs/textarea/StyledTextarea.js";
210
+ import { StyledSelect as zn } from "./components/inputs/select/StyledSelect.js";
211
+ import { StyledSelectItem as qn } from "./components/inputs/select/StyledSelectItem.js";
212
+ import { StyledSelectAutocomplete as Qn } from "./components/inputs/select-autocomplete/StyledSelectAutocomplete.js";
213
+ import { StyledSlider as jn } from "./components/inputs/slider/StyledSlider.js";
214
+ import { StyledSwitch as Yn } from "./components/inputs/switch/base-ui/StyledSwitch.js";
215
215
  import { StyledRadio as op } from "./components/inputs/radio-button/base-ui/StyledRadio.js";
216
216
  import { StyledRadioGroup as mp } from "./components/inputs/radio-button/base-ui/StyledRadioGroup.js";
217
217
  import { StyledLabel as ip } from "./components/inputs/label/StyledLabel.js";
218
- import { StyledDynamicSelect as ep } from "./components/inputs/dynamic-select/StyledDynamicSelect.js";
218
+ import { StyledDynamicSelect as np } from "./components/inputs/dynamic-select/StyledDynamicSelect.js";
219
219
  import { StyledDatePicker as fp } from "./datetime/components/date-picker/StyledDatePicker.js";
220
220
  import { StyledTimePicker as lp } from "./datetime/components/time-picker/StyledTimePicker.js";
221
221
  import { setMidnightTime as ap, setZeroTime as dp } from "./datetime/helpers/date.helper.js";
@@ -223,55 +223,57 @@ import { StyledFormControl as Sp } from "./components/miscellaneous/StyledFormCo
223
223
  import { StyledFormControlLabel as yp } from "./components/miscellaneous/StyledFormControlLabel.js";
224
224
  import { StyledFormHelperText as Op } from "./components/miscellaneous/StyledFormHelperText.js";
225
225
  import { StyledInputLabel as Dp } from "./components/miscellaneous/StyledInputLabel.js";
226
- import { StyledFormGroup as kp } from "./components/miscellaneous/StyledFormGroup.js";
226
+ import { StyledFormGroup as bp } from "./components/miscellaneous/StyledFormGroup.js";
227
227
  import { StyledDrawer as Lp } from "./components/navigation/drawer/StyledDrawer.js";
228
- import { StyledMenu as Fp } from "./components/navigation/menu/StyledMenu.js";
228
+ import { StyledMenu as Pp } from "./components/navigation/menu/StyledMenu.js";
229
229
  import { StyledMenuItem as Ap } from "./components/navigation/menu/StyledMenuItem.js";
230
230
  import { StyledMenuList as Mp } from "./components/navigation/menu/StyledMenuList.js";
231
- import { StyledLink as Bp } from "./components/navigation/link/StyledLink.js";
232
- import { StyledTab as vp } from "./components/navigation/tabs/StyledTab.js";
231
+ import { StyledLink as vp } from "./components/navigation/link/StyledLink.js";
232
+ import { StyledTab as Np } from "./components/navigation/tabs/StyledTab.js";
233
233
  import { StyledTabs as _p } from "./components/navigation/tabs/StyledTabs.js";
234
- import { StyledAccordion as Ep } from "./components/utils/accordion/base-ui/StyledAccordion.js";
235
- import { StyledAccordionSummary as Up } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
236
- import { StyledAccordionDetails as Gp } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
237
- import { ACTIONS_COLUMN_ID as Xp, DND_HANDLE_COLUMN_ID as qp, EXPAND_COLUMN_ID as Kp, INTERNAL_COLUMN_IDS as Qp, SELECT_COLUMN_ID as Zp, SHOW_FULL_TEXT_ID as jp, isCustomAction as Jp } from "./table/types.js";
238
- import { RowDragHandleCell as $p } from "./table/components/columns/dndHandleColumn.js";
239
- import { StyledTable as rf } from "./table/components/StyledTableIndex.js";
240
- import { createColumnHelper as tf } from "./table/index.js";
241
- import { StyledPopover as ef } from "./components/utils/popover/StyledPopover.js";
242
- import { DynamicToolbarLayoutContext as ff, useDynamicToolbarLayout as cf } from "./components/custom/module/header-layout/DynamicToolbarLayoutContext.js";
243
- import { StyledFilterButton as If } from "./components/utils/filter-menu/StyledFilterButton.js";
244
- import { StyledFilterMenu as df } from "./components/utils/filter-menu/StyledFilterMenu.js";
245
- import { CopyButton as Sf } from "./components/utils/copy-wrapper/CopyButton.js";
246
- import { CopyWrapper as yf } from "./components/utils/copy-wrapper/CopyWrapper.js";
247
- import { StyledWidgetTitle as Of } from "./components/custom/widget/widget-title/StyledWidgetTitle.js";
248
- import { StyledWidgetHeader as Df } from "./components/custom/widget/widget-header/StyledWidgetHeader.js";
249
- import { StyledWidget as kf } from "./components/custom/widget/widget/StyledWidget.js";
250
- import { StyledModuleTitle as Lf } from "./components/custom/module/module-title/StyledModuleTitle.js";
251
- import { ACTION_GAP_PX as Ff, MORE_BUTTON_PX as Pf, estimateToolbarActionWidth as Af, planBulkToolbarActions as Rf, planToolbarActions as Mf, resolveToolbarActionWidth as wf } from "./components/custom/module/header-layout/planToolbarActions.js";
252
- import { DynamicToolbar as Nf } from "./components/custom/module/header-layout/DynamicToolbar.js";
253
- import { MinimizableDialog as xf } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
254
- import { MinimizableDialogV2 as Hf } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
255
- import { createDialogStack as Wf } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
256
- import { Avatar as Vf, ClickAwayListener as Gf, Container as zf, Fade as Xf, FormLabel as qf, Paper as Kf, Popper as Qf, Skeleton as Zf, Stack as jf } from "@mui/material";
234
+ import { Listbox as Ep } from "./components/navigation/listbox/Listbox.js";
235
+ import { StyledAccordion as Up } from "./components/utils/accordion/base-ui/StyledAccordion.js";
236
+ import { StyledAccordionSummary as Gp } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
237
+ import { StyledAccordionDetails as Xp } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
238
+ import { ACTIONS_COLUMN_ID as Kp, DND_HANDLE_COLUMN_ID as Qp, EXPAND_COLUMN_ID as Zp, INTERNAL_COLUMN_IDS as jp, SELECT_COLUMN_ID as Jp, SHOW_FULL_TEXT_ID as Yp, isCustomAction as $p } from "./table/types.js";
239
+ import { RowDragHandleCell as rf } from "./table/components/columns/dndHandleColumn.js";
240
+ import { StyledTable as tf } from "./table/components/StyledTableIndex.js";
241
+ import { createColumnHelper as nf } from "./table/index.js";
242
+ import { StyledPopover as ff } from "./components/utils/popover/StyledPopover.js";
243
+ import { DynamicToolbarLayoutContext as lf, useDynamicToolbarLayout as If } from "./components/custom/module/header-layout/DynamicToolbarLayoutContext.js";
244
+ import { StyledFilterButton as df } from "./components/utils/filter-menu/StyledFilterButton.js";
245
+ import { StyledFilterMenu as Sf } from "./components/utils/filter-menu/StyledFilterMenu.js";
246
+ import { CopyButton as yf } from "./components/utils/copy-wrapper/CopyButton.js";
247
+ import { CopyWrapper as Of } from "./components/utils/copy-wrapper/CopyWrapper.js";
248
+ import { StyledWidgetTitle as Df } from "./components/custom/widget/widget-title/StyledWidgetTitle.js";
249
+ import { StyledWidgetHeader as bf } from "./components/custom/widget/widget-header/StyledWidgetHeader.js";
250
+ import { StyledWidget as Lf } from "./components/custom/widget/widget/StyledWidget.js";
251
+ import { StyledModuleTitle as Pf } from "./components/custom/module/module-title/StyledModuleTitle.js";
252
+ import { ACTION_GAP_PX as Af, MORE_BUTTON_PX as Rf, estimateToolbarActionWidth as Mf, planBulkToolbarActions as wf, planToolbarActions as vf, resolveToolbarActionWidth as Bf } from "./components/custom/module/header-layout/planToolbarActions.js";
253
+ import { DynamicToolbar as xf } from "./components/custom/module/header-layout/DynamicToolbar.js";
254
+ import { MinimizableDialog as Hf } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
255
+ import { MinimizableDialogV2 as Wf } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
256
+ import { createDialogStack as Vf } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
257
+ import { PopupState as zf, bindPopover as Xf, bindPopper as qf, bindTrigger as Kf, usePopupState as Qf } from "./hooks/usePopupState.js";
258
+ import { Avatar as jf, ClickAwayListener as Jf, Container as Yf, Fade as $f, FormLabel as oc, Paper as rc, Popper as mc, Skeleton as tc, Stack as ic } from "@mui/material";
257
259
  export {
258
- Xp as ACTIONS_COLUMN_ID,
259
- Ff as ACTION_GAP_PX,
260
+ Kp as ACTIONS_COLUMN_ID,
261
+ Af as ACTION_GAP_PX,
260
262
  Gi as AppRegistrationIcon,
261
- Bo as ArchiveIcon,
263
+ vo as ArchiveIcon,
262
264
  Xi as ArrowExpandIcon,
263
- en as ArrowLeftIcon,
264
- Tn as ArrowShrinkIcon,
265
+ ee as ArrowLeftIcon,
266
+ Le as ArrowShrinkIcon,
265
267
  j as AssignmentIcon,
266
268
  Y as AssignmentOutlineIcon,
267
- Bt as AttachFileIcon,
268
- Vf as Avatar,
269
+ vt as AttachFileIcon,
270
+ jf as Avatar,
269
271
  _m as BackIcon,
270
272
  Mi as BackupIcon,
271
273
  tm as BadgeIcon,
272
274
  a as BellIcon,
273
275
  l as BellOutlineIcon,
274
- kr as CalendarBlankOutlineIcon,
276
+ br as CalendarBlankOutlineIcon,
275
277
  V as CalendarIcon,
276
278
  q as CalendarRangeIcon,
277
279
  Q as CalendarRangeOutlineIcon,
@@ -284,7 +286,7 @@ export {
284
286
  H as CheckFactOutlineIcon,
285
287
  Xo as CheckIcon,
286
288
  x as CheckOutlineIcon,
287
- sn as CheckReadIcon,
289
+ Se as CheckReadIcon,
288
290
  g as ChevronDoubleLeftIcon,
289
291
  h as ChevronDoubleRightIcon,
290
292
  Eo as ChevronDownIcon,
@@ -292,23 +294,23 @@ export {
292
294
  s as ChevronRightIcon,
293
295
  Uo as ChevronUpIcon,
294
296
  Ui as CircleWarningOutlineIcon,
295
- Gf as ClickAwayListener,
297
+ Jf as ClickAwayListener,
296
298
  Lm as ClockOutlineIcon,
297
299
  Go as CloseIcon,
298
300
  At as CloudDoneOutlineIcon,
299
301
  Mt as CloudIcon,
300
302
  Ji as CloudOffOutlineIcon,
301
303
  Zr as ConsentsIcon,
302
- zf as Container,
304
+ Yf as Container,
303
305
  St as ContentCopyIcon,
304
306
  Dt as ContentCopyOutlineIcon,
305
307
  yt as ContentCutIcon,
306
308
  Ot as ContentPasteIcon,
307
309
  ri as ConversionPathIcon,
308
- Sf as CopyButton,
309
- yf as CopyWrapper,
310
- qp as DND_HANDLE_COLUMN_ID,
311
- P as DashboardViewIcon,
310
+ yf as CopyButton,
311
+ Of as CopyWrapper,
312
+ Qp as DND_HANDLE_COLUMN_ID,
313
+ F as DashboardViewIcon,
312
314
  R as DashboardViewOutlineIcon,
313
315
  cr as DeleteOutlineIcon,
314
316
  $m as DescriptionIcon,
@@ -316,43 +318,43 @@ export {
316
318
  Zm as DnsIcon,
317
319
  Jm as DnsOutlineIcon,
318
320
  Xm as DoneAllIcon,
319
- ko as DotsVerticalIcon,
320
- vo as DownloadIcon,
321
- Bi as DownloadTrayIcon,
322
- vi as DownloadingIcon,
323
- nr as DragHorizontalIcon,
324
- bn as DrawIcon,
321
+ bo as DotsVerticalIcon,
322
+ No as DownloadIcon,
323
+ vi as DownloadTrayIcon,
324
+ Ni as DownloadingIcon,
325
+ er as DragHorizontalIcon,
326
+ be as DrawIcon,
325
327
  Mo as DropDownIcon,
326
328
  Ao as DropUpIcon,
327
329
  yr as DvrIcon,
328
330
  Ai as DvrIconOutline,
329
- Nf as DynamicToolbar,
330
- ff as DynamicToolbarLayoutContext,
331
- Kp as EXPAND_COLUMN_ID,
331
+ xf as DynamicToolbar,
332
+ lf as DynamicToolbarLayoutContext,
333
+ Zp as EXPAND_COLUMN_ID,
332
334
  Er as EarthIcon,
333
- Cn as EditNotesIcon,
334
- nm as EditSquareIcon,
335
+ ye as EditNotesIcon,
336
+ em as EditSquareIcon,
335
337
  tr as EmptyPageIcon,
336
338
  Si as EnvelopeIcon,
337
339
  Or as ErrorOutlineIcon,
338
- Xf as Fade,
339
- Fr as FastCheckOutlineIcon,
340
- Fi as FileDocIcon,
341
- hn as FileImageIcon,
340
+ $f as Fade,
341
+ Pr as FastCheckOutlineIcon,
342
+ Pi as FileDocIcon,
343
+ De as FileImageIcon,
342
344
  pr as FilePdfIcon,
343
345
  _i as FileRtfIcon,
344
- gn as FileXlsIcon,
346
+ Oe as FileXlsIcon,
345
347
  Ir as FilterIcon,
346
348
  dr as FilterIconOff,
347
349
  So as FindReplaceIcon,
348
350
  yo as FindReplacePeopleIcon,
349
351
  yi as FingerprintIcon,
350
352
  Dm as FormIcon,
351
- qf as FormLabel,
353
+ oc as FormLabel,
352
354
  tt as FormatListBulletedIcon,
353
- nt as FormatListBulletedOutlineIcon,
355
+ et as FormatListBulletedOutlineIcon,
354
356
  ti as GraphIcon,
355
- ni as GraphOutlineIcon,
357
+ ei as GraphOutlineIcon,
356
358
  pi as GridViewOutlineIcon,
357
359
  u as HamburgerIcon,
358
360
  dm as HandymanIcon,
@@ -360,36 +362,37 @@ export {
360
362
  Em as HelpIcon,
361
363
  Um as HelpOutlineIcon,
362
364
  $t as HistoryIcon,
363
- un as HistoryToggleOffIcon,
364
- wn as HubIcon,
365
- Nn as HubIconFilled,
366
- Qp as INTERNAL_COLUMN_IDS,
365
+ de as HistoryToggleOffIcon,
366
+ Me as HubIcon,
367
+ ve as HubIconFilled,
368
+ jp as INTERNAL_COLUMN_IDS,
367
369
  Jo as InboxOutboxIcon,
368
370
  $o as InboxOutboxOutlineIcon,
369
- Pn as IndeterminateIcon,
370
- ki as InfoOutlineIcon,
371
- Ft as InheritancePointerIcon,
371
+ Pe as IndeterminateIcon,
372
+ bi as InfoOutlineIcon,
373
+ Pt as InheritancePointerIcon,
372
374
  $r as KeyboardCapslockIcon,
373
375
  Ei as LinkOffIcon,
374
376
  Lr as LinkOutlineIcon,
375
377
  oo as ListNumberedIcon,
376
378
  _r as ListSettingsLineIcon,
377
379
  Mr as ListStatusIcon,
378
- Br as ListViewOutlineIcon,
379
- Vn as LoadCurrentIcon,
380
- Fo as LoadingIcon,
380
+ vr as ListViewOutlineIcon,
381
+ Ep as Listbox,
382
+ Ue as LoadCurrentIcon,
383
+ Po as LoadingIcon,
381
384
  Om as LocationIcon,
382
385
  Sr as LockIcon,
383
386
  Mm as LoginIcon,
384
- Bm as LogoutIcon,
385
- Pf as MORE_BUTTON_PX,
386
- Rn as ManageSearchIcon,
387
+ vm as LogoutIcon,
388
+ Rf as MORE_BUTTON_PX,
389
+ Ae as ManageSearchIcon,
387
390
  mo as MessageProcessingIcon,
388
391
  io as MessageProcessingOutlineIcon,
389
392
  rm as MessageReplyIcon,
390
393
  Am as MicrosoftOutlookIcon,
391
- xf as MinimizableDialog,
392
- Hf as MinimizableDialogV2,
394
+ Hf as MinimizableDialog,
395
+ Wf as MinimizableDialogV2,
393
396
  Jr as MinimizeIcon,
394
397
  z as NewCalendarIcon,
395
398
  Gm as NewWindowIcon,
@@ -399,10 +402,10 @@ export {
399
402
  Kt as OutlineCheckboxIconChecked,
400
403
  Jt as OutlineCheckboxIconIndeterminate,
401
404
  Gt as OutlineNotificationsIcon,
402
- Kf as Paper,
405
+ rc as Paper,
403
406
  T as PdfIcon,
404
407
  Gr as PencilOutlineIcon,
405
- N as PeopleIcon,
408
+ B as PeopleIcon,
406
409
  w as PeopleOutlineIcon,
407
410
  Ko as PermMediaIcon,
408
411
  Zo as PermMediaOutline,
@@ -413,124 +416,129 @@ export {
413
416
  Sm as PinIcon,
414
417
  pm as PlusIcon,
415
418
  cm as PlusIconCircle,
416
- Qf as Popper,
417
- b as QnrIcon,
418
- kt as RefreshIcon,
419
+ mc as Popper,
420
+ zf as PopupState,
421
+ k as QnrIcon,
422
+ bt as RefreshIcon,
419
423
  di as RemoveIcon,
420
- km as RepeatOutlineIcon,
424
+ bm as RepeatOutlineIcon,
421
425
  Dr as ReplayIcon,
422
- eo as ReportBoxIcon,
426
+ no as ReportBoxIcon,
423
427
  fo as ReportBoxOutlineIcon,
424
- an as ResetSettingsIcon,
425
- Wn as RocketLaunchIcon,
426
- $p as RowDragHandleCell,
428
+ Ie as ResetSettingsIcon,
429
+ Ee as RocketLaunchIcon,
430
+ rf as RowDragHandleCell,
427
431
  It as RuleIcon,
428
432
  dt as RuleOutlineIcon,
429
- Zp as SELECT_COLUMN_ID,
430
- jp as SHOW_FULL_TEXT_ID,
433
+ Jp as SELECT_COLUMN_ID,
434
+ Yp as SHOW_FULL_TEXT_ID,
431
435
  Ii as SaveIcon,
432
436
  Lo as SearchIcon,
433
- vt as SendIcon,
437
+ Nt as SendIcon,
434
438
  lo as SettingsIcon,
435
439
  Ur as SettingsMenuHorizontalIcon,
436
440
  Lt as SettingsNoteIcon,
437
441
  ao as SettingsOutlineIcon,
438
442
  Ki as ShareIcon,
439
- Zf as Skeleton,
440
- tn as SmsIcon,
441
- ge as SnackbarProvider,
442
- jf as Stack,
443
- oe as StyledAIDisclosure,
444
- Ep as StyledAccordion,
445
- Gp as StyledAccordionDetails,
446
- Up as StyledAccordionSummary,
447
- Ce as StyledAlert,
443
+ tc as Skeleton,
444
+ te as SmsIcon,
445
+ gn as SnackbarProvider,
446
+ ic as Stack,
447
+ $e as StyledAIDisclosure,
448
+ Up as StyledAccordion,
449
+ Xp as StyledAccordionDetails,
450
+ Gp as StyledAccordionSummary,
451
+ Cn as StyledAlert,
448
452
  f as StyledBadge,
449
- me as StyledButton,
450
- xe as StyledCheckbox,
451
- zn as StyledChip,
453
+ rn as StyledButton,
454
+ xn as StyledCheckbox,
455
+ Ge as StyledChip,
452
456
  fp as StyledDatePicker,
453
- ie as StyledDialog,
454
- ee as StyledDialogActions,
455
- fe as StyledDialogContent,
456
- le as StyledDialogTitle,
457
+ tn as StyledDialog,
458
+ nn as StyledDialogActions,
459
+ fn as StyledDialogContent,
460
+ ln as StyledDialogTitle,
457
461
  Lp as StyledDrawer,
458
- ep as StyledDynamicSelect,
459
- ae as StyledEmptyPage,
460
- If as StyledFilterButton,
461
- df as StyledFilterMenu,
462
- ue as StyledFilteredEmptyState,
462
+ np as StyledDynamicSelect,
463
+ an as StyledEmptyPage,
464
+ df as StyledFilterButton,
465
+ Sf as StyledFilterMenu,
466
+ un as StyledFilteredEmptyState,
463
467
  Sp as StyledFormControl,
464
468
  yp as StyledFormControlLabel,
465
- kp as StyledFormGroup,
469
+ bp as StyledFormGroup,
466
470
  Op as StyledFormHelperText,
467
- Yn as StyledFormLabel,
468
- He as StyledInputField,
471
+ Je as StyledFormLabel,
472
+ Hn as StyledInputField,
469
473
  Dp as StyledInputLabel,
470
- qn as StyledInteractiveChip,
474
+ Xe as StyledInteractiveChip,
471
475
  ip as StyledLabel,
472
- Bp as StyledLink,
473
- se as StyledLoading,
474
- Fp as StyledMenu,
476
+ vp as StyledLink,
477
+ sn as StyledLoading,
478
+ Pp as StyledMenu,
475
479
  Ap as StyledMenuItem,
476
480
  Mp as StyledMenuList,
477
- Lf as StyledModuleTitle,
478
- ef as StyledPopover,
481
+ Pf as StyledModuleTitle,
482
+ ff as StyledPopover,
479
483
  op as StyledRadio,
480
484
  mp as StyledRadioGroup,
481
- We as StyledSearchField,
482
- ze as StyledSelect,
483
- Qe as StyledSelectAutocomplete,
484
- qe as StyledSelectItem,
485
- je as StyledSlider,
486
- he as StyledSnackbar,
487
- Ye as StyledSwitch,
488
- vp as StyledTab,
489
- rf as StyledTable,
485
+ Wn as StyledSearchField,
486
+ zn as StyledSelect,
487
+ Qn as StyledSelectAutocomplete,
488
+ qn as StyledSelectItem,
489
+ jn as StyledSlider,
490
+ hn as StyledSnackbar,
491
+ Yn as StyledSwitch,
492
+ Np as StyledTab,
493
+ tf as StyledTable,
490
494
  _p as StyledTabs,
491
- Ve as StyledTextarea,
495
+ Vn as StyledTextarea,
492
496
  lp as StyledTimePicker,
493
- Qn as StyledTooltip,
494
- jn as StyledTypography,
495
- kf as StyledWidget,
496
- Df as StyledWidgetHeader,
497
- Of as StyledWidgetTitle,
497
+ Ke as StyledTooltip,
498
+ Ze as StyledTypography,
499
+ Lf as StyledWidget,
500
+ bf as StyledWidgetHeader,
501
+ Df as StyledWidgetTitle,
498
502
  Xt as SyncIcon,
499
503
  Zi as SyncSavedLocallyIcon,
500
- vr as TextBoxCheckOutlineIcon,
501
- fn as TimelapseOutlineIcon,
502
- vm as TimerIcon,
503
- Fm as TodayIcon,
504
+ Nr as TextBoxCheckOutlineIcon,
505
+ pe as TimelapseOutlineIcon,
506
+ Nm as TimerIcon,
507
+ Pm as TodayIcon,
504
508
  rr as TopicIcon,
505
509
  Li as TuneIcon,
506
510
  Ar as UnknownDocumentOutlineRoundedIcon,
507
511
  Km as UnlockIcon,
508
512
  Oi as UploadIcon,
509
- rn as VisibilityOffOutlineIcon,
513
+ re as VisibilityOffOutlineIcon,
510
514
  $i as VisibilityOutlineIcon,
511
- ln as WandStarsIcon,
515
+ ce as WandStarsIcon,
512
516
  Xr as WarningAmberOutlineIcon,
513
- xn as WidgetIcon,
514
- Hn as WidgetIconFilled,
517
+ Ne as WidgetIcon,
518
+ _e as WidgetIconFilled,
515
519
  ym as WorkIcon,
516
- we as closeSnackbar,
520
+ Xf as bindPopover,
521
+ qf as bindPopper,
522
+ Kf as bindTrigger,
523
+ wn as closeSnackbar,
517
524
  m as cn,
518
- tf as createColumnHelper,
519
- Wf as createDialogStack,
520
- Be as enqueueSnackbar,
521
- Af as estimateToolbarActionWidth,
522
- Jp as isCustomAction,
523
- Re as message,
525
+ nf as createColumnHelper,
526
+ Vf as createDialogStack,
527
+ vn as enqueueSnackbar,
528
+ Mf as estimateToolbarActionWidth,
529
+ $p as isCustomAction,
530
+ Rn as message,
524
531
  i as omit,
525
- Rf as planBulkToolbarActions,
526
- Mf as planToolbarActions,
527
- e as prepareForSlot,
528
- be as processAlertSnackBar,
529
- Te as processDefaultSnackbar,
530
- Pe as processInfoSnackbar,
531
- wf as resolveToolbarActionWidth,
532
+ wf as planBulkToolbarActions,
533
+ vf as planToolbarActions,
534
+ n as prepareForSlot,
535
+ kn as processAlertSnackBar,
536
+ Tn as processDefaultSnackbar,
537
+ Fn as processInfoSnackbar,
538
+ Bf as resolveToolbarActionWidth,
532
539
  ap as setMidnightTime,
533
540
  dp as setZeroTime,
534
- cf as useDynamicToolbarLayout,
535
- Ne as useSnackbar
541
+ If as useDynamicToolbarLayout,
542
+ Qf as usePopupState,
543
+ Bn as useSnackbar
536
544
  };
package/dist/src/components/inputs/checkbox/base-ui/StyledCheckbox.d.ts CHANGED
@@ -8,6 +8,7 @@ type StyledCheckboxProps = {
8
8
  disableRipple?: boolean;
9
9
  hideWrapper?: boolean;
10
10
  className?: string;
11
+ checkboxClassName?: string;
11
12
  onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
12
13
  } & Omit<React.ComponentProps<typeof Checkbox.Root>, 'children'>;
13
14
  export declare const IndeterminateIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
package/dist/src/components/navigation/listbox/Listbox.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ import { ReactNode } from 'react';
2
+ type RenderProp<P> = ReactNode | ((state: P) => ReactNode);
3
+ declare function ListboxRoot<T>({ value, onChange, children, }: {
4
+ value: T;
5
+ onChange: (value: T) => void;
6
+ children: ReactNode;
7
+ }): JSX.Element;
8
+ declare function ListboxOption<T>({ value, disabled, children, className, }: {
9
+ value: T;
10
+ disabled?: boolean;
11
+ children: RenderProp<{
12
+ selected: boolean;
13
+ }>;
14
+ className?: string;
15
+ }): JSX.Element;
16
+ export declare const Listbox: typeof ListboxRoot & {
17
+ Button: ({ children, className, ...rest }: {
18
+ children: RenderProp<{
19
+ open: boolean;
20
+ }>;
21
+ className?: string;
22
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">) => JSX.Element;
23
+ Option: typeof ListboxOption;
24
+ Options: ({ children, className }: {
25
+ children: ReactNode;
26
+ className?: string;
27
+ }) => JSX.Element | null;
28
+ };
29
+ export {};
package/dist/src/components/navigation/listbox/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './Listbox';
package/dist/src/hooks/usePopupState.d.ts ADDED
@@ -0,0 +1,54 @@
1
+ import { ReactNode } from 'react';
2
+ /**
3
+ * Dependency-free popup state primitive — a drop-in for the small slice of
4
+ * `material-ui-popup-state` most apps use: a `PopupState` render-prop / `usePopupState` hook plus
5
+ * `bindTrigger`/`bindPopper`/`bindPopover` helpers. `open`/`toggle` accept a React event or an
6
+ * element and derive the anchor from `currentTarget`; the bind helpers produce the prop shapes
7
+ * consumed by MUI `Popover`/`Popper` (and this library's `StyledPopover`).
8
+ */
9
+ type PopupVariant = 'popover' | 'popper';
10
+ type OpenArg = React.SyntheticEvent<Element> | Element | null | undefined;
11
+ export interface PopupState {
12
+ isOpen: boolean;
13
+ anchorEl: HTMLElement | undefined;
14
+ popupId?: string;
15
+ variant: PopupVariant;
16
+ open: (eventOrAnchorEl?: OpenArg) => void;
17
+ close: () => void;
18
+ toggle: (eventOrAnchorEl?: OpenArg) => void;
19
+ setAnchorEl: (el: HTMLElement | undefined) => void;
20
+ }
21
+ export type InjectedProps = PopupState;
22
+ interface ControlAriaProps {
23
+ 'aria-controls': string | undefined;
24
+ 'aria-describedby': string | undefined;
25
+ 'aria-haspopup': true | undefined;
26
+ }
27
+ type TriggerBindProps = ControlAriaProps & {
28
+ onClick: PopupState['open'];
29
+ onTouchStart: PopupState['open'];
30
+ };
31
+ interface PopoverBindProps {
32
+ anchorEl: HTMLElement | undefined;
33
+ id: string | undefined;
34
+ onClose: () => void;
35
+ open: boolean;
36
+ }
37
+ interface PopperBindProps {
38
+ anchorEl: HTMLElement | undefined;
39
+ id: string | undefined;
40
+ open: boolean;
41
+ }
42
+ export declare const usePopupState: ({ popupId, variant }: {
43
+ popupId?: string;
44
+ variant: PopupVariant;
45
+ }) => PopupState;
46
+ export declare const PopupState: ({ variant, popupId, children, }: {
47
+ variant: PopupVariant;
48
+ popupId?: string;
49
+ children: (popupState: PopupState) => ReactNode;
50
+ }) => JSX.Element;
51
+ export declare const bindTrigger: (state: PopupState) => TriggerBindProps;
52
+ export declare const bindPopover: (state: PopupState) => PopoverBindProps;
53
+ export declare const bindPopper: (state: PopupState) => PopperBindProps;
54
+ export {};
package/dist/src/index.d.ts CHANGED
@@ -37,6 +37,7 @@ export * from './components/navigation/drawer';
37
37
  export * from './components/navigation/menu';
38
38
  export * from './components/navigation/link';
39
39
  export * from './components/navigation/tabs';
40
+ export * from './components/navigation/listbox';
40
41
  export * from './components/utils/accordion';
41
42
  export * from './table';
42
43
  export * from './components/utils/popover';
@@ -48,4 +49,5 @@ export * from './components/custom/widget/widget/StyledWidget';
48
49
  export * from './components/custom/module/module-title/StyledModuleTitle';
49
50
  export * from './components/custom/module/header-layout';
50
51
  export * from './components/feedback/minimizable-dialog';
52
+ export * from './hooks/usePopupState';
51
53
  export { Fade, Paper, ClickAwayListener, Popper, Avatar, Skeleton, Container, Stack, FormLabel } from '@mui/material';
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "3.32.4",
6
+ "version": "3.34.0",
7
7
  "type": "module",
8
8
  "sideEffects": [
9
9
  "**/*.css",