twenty-ui 2.49.0 → 2.50.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.
- package/CHANGELOG.md +18 -0
- package/dist/Button-CU8BS-Yd.js +75 -0
- package/dist/Button-iVyxlrwO.cjs +1 -0
- package/dist/Dropdown-ChTVyesF.js +1018 -0
- package/dist/Dropdown-DlItz8Gh.cjs +1 -0
- package/dist/Heading-CHvEXL6n.cjs +1 -0
- package/dist/{Heading-pXllCJCO.js → Heading-Nj5BlPqB.js} +3 -3
- package/dist/{ListItem-DwBb-I1D.cjs → ListItem-C6Xl00m1.cjs} +1 -1
- package/dist/{ListItem-DizNUBT8.js → ListItem-C84ANa76.js} +1 -1
- package/dist/{OverflowingTextWithTooltip-Z2daM0_x.cjs → OverflowingTextWithTooltip-BQmpPObX.cjs} +1 -1
- package/dist/{OverflowingTextWithTooltip-BmUROIah.js → OverflowingTextWithTooltip-BtB9cGdJ.js} +20 -21
- package/dist/ProgressBar-CzGs7cuE.cjs +1 -0
- package/dist/ProgressBar-D4tKQ7OA.js +84 -0
- package/dist/{Radio-BEAztmPu.js → Radio-BwBZ4e8g.js} +29 -29
- package/dist/{Radio-Dx6b4SYZ.cjs → Radio-sIYxZnR_.cjs} +1 -1
- package/dist/TabsTabContent-6rkARU9F.cjs +1 -0
- package/dist/TabsTabContent-DPkLTBi2.js +39 -0
- package/dist/Tooltip-6uS8_wdA.js +132 -0
- package/dist/Tooltip-DL3sfbuw.cjs +1 -0
- package/dist/components/data-display.cjs +1 -1
- package/dist/components/data-display.mjs +6 -7
- package/dist/components/feedback/InlineBanner/InlineBanner.d.ts +2 -2
- package/dist/components/feedback/InlineBanner/internal/InlineBannerComponent.d.ts +1 -1
- package/dist/components/feedback/InlineBanner/types/InlineBannerProps.d.ts +1 -0
- package/dist/components/feedback.cjs +1 -1
- package/dist/components/feedback.mjs +1 -1
- package/dist/components/input/SegmentedControl/types/SegmentedControlProps.d.ts +1 -1
- package/dist/components/input.cjs +1 -1
- package/dist/components/input.mjs +2 -2
- package/dist/components/layout.cjs +1 -1
- package/dist/components/layout.mjs +1 -1
- package/dist/components/navigation/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/navigation/Dropdown/internal/DropdownSearch.d.ts +1 -1
- package/dist/components/navigation/Dropdown/internal/DropdownSearchEffect.d.ts +8 -0
- package/dist/components/navigation/index.d.ts +0 -11
- package/dist/components/navigation.cjs +1 -1
- package/dist/components/navigation.mjs +6 -11
- package/dist/components/settings.cjs +1 -1
- package/dist/components/settings.mjs +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.mjs +35 -41
- package/dist/data-display-C-eoJ5En.js +378 -0
- package/dist/data-display-CM1yXpnE.cjs +2 -0
- package/dist/data-display-CXw-mxeS.js +252 -0
- package/dist/data-display-DdES9XqZ.cjs +1 -0
- package/dist/{feedback-DTyVVcTb.js → feedback-4HKPcMRs.js} +216 -215
- package/dist/feedback-BSOWDBI0.js +38 -0
- package/dist/feedback-DBRXDPSP.cjs +1 -0
- package/dist/feedback-DspXawf9.cjs +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +605 -611
- package/dist/input-CWWp7cqL.cjs +1 -0
- package/dist/input-CvZ_uB_9.cjs +1 -0
- package/dist/{input-BrjD91wv.js → input-Qn5_aFYU.js} +5 -5
- package/dist/input-k5cMhFI_.js +428 -0
- package/dist/{layout-DQcjBu08.js → layout-DDqeMgFv.js} +2 -2
- package/dist/{layout-CthYckvl.cjs → layout-iSfGrMrH.cjs} +1 -1
- package/dist/navigation-7Y6gHFlj.cjs +1 -0
- package/dist/{navigation-CIVYqPc5.js → navigation-BY8X2w04.js} +31 -31
- package/dist/navigation-BcXCiLE1.js +86 -0
- package/dist/navigation-ByYN6NgX.cjs +1 -0
- package/dist/normalizeSearchText-DLmPiBUZ.js +19 -0
- package/dist/normalizeSearchText-Do0MELpQ.cjs +1 -0
- package/dist/preventDismissingClickActivation-BEBrL9aB.cjs +1 -0
- package/dist/preventDismissingClickActivation-BQFMKRey.js +29 -0
- package/dist/primitives/accessibility.cjs +1 -1
- package/dist/primitives/accessibility.mjs +1 -1
- package/dist/primitives/data-display/Avatar/constants/AvatarPropertiesBySize.d.ts +4 -0
- package/dist/primitives/data-display/Avatar/types/AvatarSize.d.ts +1 -1
- package/dist/primitives/data-display/Badge/types/BadgeColor.d.ts +1 -1
- package/dist/primitives/data-display/Chip/types/ChipVariant.d.ts +1 -1
- package/dist/primitives/data-display.cjs +1 -1
- package/dist/primitives/data-display.mjs +7 -8
- package/dist/primitives/feedback/Banner/Banner.d.ts +1 -1
- package/dist/primitives/feedback/Banner/internal/BannerAction.d.ts +1 -1
- package/dist/primitives/feedback.cjs +1 -1
- package/dist/primitives/feedback.mjs +2 -2
- package/dist/primitives/input/Autocomplete/Autocomplete.d.ts +1 -1
- package/dist/primitives/input/Autocomplete/internal/AutocompleteInput.d.ts +1 -1
- package/dist/primitives/input/Autocomplete/types/AutocompleteInputProps.d.ts +8 -1
- package/dist/primitives/input/Button/types/ButtonColor.d.ts +1 -1
- package/dist/primitives/input/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/primitives/input/RadioGroup/types/RadioGroupProps.d.ts +3 -1
- package/dist/primitives/input.cjs +1 -1
- package/dist/primitives/input.mjs +3 -3
- package/dist/primitives/navigation/Tabs/types/TabsSize.d.ts +1 -1
- package/dist/primitives/navigation.cjs +1 -1
- package/dist/primitives/navigation.mjs +2 -2
- package/dist/primitives/surfaces/Card/Card.d.ts +1 -1
- package/dist/primitives/surfaces/Card/internal/CardRoot.d.ts +1 -1
- package/dist/primitives/surfaces/Card/types/CardRootProps.d.ts +0 -1
- package/dist/primitives/surfaces/Tooltip/Tooltip.d.ts +1 -0
- package/dist/primitives/surfaces/Tooltip/__stories__/findTooltip.d.ts +1 -0
- package/dist/primitives/surfaces/Tooltip/internal/TooltipBody.d.ts +2 -8
- package/dist/primitives/surfaces/Tooltip/types/TooltipBodyProps.d.ts +6 -0
- package/dist/primitives/surfaces/index.d.ts +1 -0
- package/dist/primitives/surfaces.cjs +1 -1
- package/dist/primitives/surfaces.mjs +2 -2
- package/dist/primitives/typography/Heading/types/HeadingProps.d.ts +1 -1
- package/dist/primitives/typography.cjs +1 -1
- package/dist/primitives/typography.mjs +3 -3
- package/dist/primitives.cjs +1 -1
- package/dist/primitives.mjs +45 -46
- package/dist/{settings-CPXhrmbK.cjs → settings-DT5bEO6A.cjs} +1 -1
- package/dist/{settings-BgVuLpg9.js → settings-XGSJtobU.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/surfaces-q8voTXEJ.cjs +1 -0
- package/dist/{surfaces-BLsR5ka0.js → surfaces-vhSZBmbz.js} +77 -78
- package/dist/testing/index.d.ts +1 -0
- package/dist/testing/utils/waitForStorybookFontsLoaded.d.ts +1 -0
- package/dist/testing.cjs +1 -1
- package/dist/testing.mjs +87 -77
- package/dist/{typography-DT2eKLvd.js → typography-BPdXzW2T.js} +1 -1
- package/dist/{typography-bKeSMuJd.cjs → typography-CWtuNruY.cjs} +1 -1
- package/dist/utilities.cjs +1 -1
- package/dist/utilities.mjs +11 -10
- package/package.json +1 -1
- package/dist/Avatar-C6WxBgjS.cjs +0 -1
- package/dist/Avatar-ifVlxbx_.js +0 -73
- package/dist/Button-DIw804CX.js +0 -72
- package/dist/Button-DTm1WDzp.cjs +0 -1
- package/dist/Dropdown-1OAJvS1f.js +0 -1000
- package/dist/Dropdown-Bl4OXCf9.cjs +0 -1
- package/dist/Heading-CTRYClCO.cjs +0 -1
- package/dist/ProgressBar-B3xACTV2.js +0 -84
- package/dist/ProgressBar-OpSMnDBz.cjs +0 -1
- package/dist/TabsTabContent-Co27Y2TU.cjs +0 -1
- package/dist/TabsTabContent-DVcObDp6.js +0 -39
- package/dist/TintedIconTile-B1XDtGrF.js +0 -40
- package/dist/TintedIconTile-DO1XJXCQ.cjs +0 -1
- package/dist/Tooltip-Bg9Uk01p.cjs +0 -1
- package/dist/Tooltip-cLCgtFBF.js +0 -124
- package/dist/components/navigation/MenuItem/MenuItem.d.ts +0 -2
- package/dist/components/navigation/MenuItem/parts/MenuItemIcon.d.ts +0 -9
- package/dist/components/navigation/MenuItem/parts/MenuItemIconBoxContainer.d.ts +0 -7
- package/dist/components/navigation/MenuItem/parts/MenuItemIconWithGripSwap.d.ts +0 -8
- package/dist/components/navigation/MenuItem/parts/MenuItemLeftContent.d.ts +0 -19
- package/dist/components/navigation/MenuItem/parts/StyledMenuItemBase.d.ts +0 -25
- package/dist/components/navigation/MenuItem/types/MenuItemDraggableGripMode.d.ts +0 -1
- package/dist/components/navigation/MenuItem/types/MenuItemProps.d.ts +0 -33
- package/dist/components/navigation/MenuItemAvatar/MenuItemAvatar.d.ts +0 -2
- package/dist/components/navigation/MenuItemAvatar/types/MenuItemAvatarProps.d.ts +0 -18
- package/dist/components/navigation/MenuItemDraggable/MenuItemDraggable.d.ts +0 -2
- package/dist/components/navigation/MenuItemDraggable/types/MenuItemDraggableProps.d.ts +0 -20
- package/dist/components/navigation/MenuItemSuggestion/MenuItemSuggestion.d.ts +0 -2
- package/dist/components/navigation/MenuItemSuggestion/types/MenuItemSuggestionProps.d.ts +0 -12
- package/dist/components/navigation/MenuPicker/MenuPicker.d.ts +0 -2
- package/dist/components/navigation/MenuPicker/types/MenuPickerProps.d.ts +0 -15
- package/dist/data-display-BSKGlijb.cjs +0 -1
- package/dist/data-display-BtXCGOGw.js +0 -345
- package/dist/data-display-DtXIhJ4B.js +0 -184
- package/dist/data-display-XV3ht1rC.cjs +0 -2
- package/dist/feedback-Cs-38OH4.cjs +0 -1
- package/dist/feedback-DA-AU5z5.js +0 -38
- package/dist/feedback-DNLERYY9.cjs +0 -1
- package/dist/input-B_rBplmn.cjs +0 -1
- package/dist/input-ChlFcqIS.cjs +0 -1
- package/dist/input-D1oyk0tD.js +0 -421
- package/dist/navigation-B6nka3bW.js +0 -400
- package/dist/navigation-CflGBYv-.cjs +0 -1
- package/dist/navigation-DoInK0Sp.cjs +0 -1
- package/dist/preventDismissingClickActivation-AaqHBLnW.js +0 -45
- package/dist/preventDismissingClickActivation-CIhWvKCu.cjs +0 -1
- package/dist/surfaces-0rL5DoHt.cjs +0 -1
- /package/dist/{handleClickableElementKeyDown-C8Uz61XJ.js → accessibility-C8Uz61XJ.js} +0 -0
- /package/dist/{handleClickableElementKeyDown-CByqtBhO.cjs → accessibility-CByqtBhO.cjs} +0 -0
|
@@ -1,400 +0,0 @@
|
|
|
1
|
-
import { t as _ } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
-
import { Dn as Z, Xi as x } from "./icon-CUE-QGQK.js";
|
|
3
|
-
import { t as ee } from "./doNotTranslate-BSVT8Xyd.js";
|
|
4
|
-
import { a as w, r as y } from "./theme-B2EaXhye.js";
|
|
5
|
-
import { t as te } from "./mergeClassNames-ClFMR1v0.js";
|
|
6
|
-
import { t as ae } from "./TintedIconTile-B1XDtGrF.js";
|
|
7
|
-
import { t as ne } from "./Shortcut-Bp9iDdQg.js";
|
|
8
|
-
import { r as re, t as oe } from "./Button-DIw804CX.js";
|
|
9
|
-
import { t as ie } from "./Tooltip-cLCgtFBF.js";
|
|
10
|
-
import { t as L } from "./OverflowingTextWithTooltip-BmUROIah.js";
|
|
11
|
-
import { t as se } from "./ListItem-DizNUBT8.js";
|
|
12
|
-
import { o as le } from "./Dropdown-1OAJvS1f.js";
|
|
13
|
-
import { t as me } from "./Avatar-ifVlxbx_.js";
|
|
14
|
-
import { t as de } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
|
|
15
|
-
import { n as ue, t as ce } from "./TabsTabContent-DVcObDp6.js";
|
|
16
|
-
import { isNonEmptyString as E, isString as B } from "@sniptt/guards";
|
|
17
|
-
import { clsx as I } from "clsx";
|
|
18
|
-
import { forwardRef as j, useContext as ve } from "react";
|
|
19
|
-
import { Fragment as G, jsx as e, jsxs as g } from "react/jsx-runtime";
|
|
20
|
-
import { Button as _e } from "@base-ui/react/button";
|
|
21
|
-
var ht = () => {
|
|
22
|
-
const { pageId: a, goToPage: r, goBack: n, canGoBack: s } = le();
|
|
23
|
-
return {
|
|
24
|
-
page: a,
|
|
25
|
-
goToPage: (t) => r({ id: t }),
|
|
26
|
-
goBack: n,
|
|
27
|
-
canGoBack: s
|
|
28
|
-
};
|
|
29
|
-
}, ft = ({ color: a, selected: r, focused: n, indicator: s, startIcon: t, endIcon: i, description: m, descriptionPlacement: l, shortcut: d, shortcutJoinLabel: o, hasSubmenu: c, disabled: u = !1, type: v = "button", children: f, ...p }) => /* @__PURE__ */ e(se, {
|
|
30
|
-
color: a,
|
|
31
|
-
selected: r,
|
|
32
|
-
focused: n,
|
|
33
|
-
indicator: s,
|
|
34
|
-
startIcon: t,
|
|
35
|
-
endIcon: i,
|
|
36
|
-
description: m,
|
|
37
|
-
descriptionPlacement: l,
|
|
38
|
-
shortcut: d,
|
|
39
|
-
shortcutJoinLabel: o,
|
|
40
|
-
hasSubmenu: c,
|
|
41
|
-
disabled: u,
|
|
42
|
-
render: /* @__PURE__ */ e(_e, {
|
|
43
|
-
...p,
|
|
44
|
-
nativeButton: !0,
|
|
45
|
-
type: v,
|
|
46
|
-
disabled: u
|
|
47
|
-
}),
|
|
48
|
-
children: f
|
|
49
|
-
}), gt = ee({
|
|
50
|
-
gray: "Gray",
|
|
51
|
-
tomato: "Tomato",
|
|
52
|
-
red: "Red",
|
|
53
|
-
ruby: "Ruby",
|
|
54
|
-
crimson: "Crimson",
|
|
55
|
-
pink: "Pink",
|
|
56
|
-
plum: "Plum",
|
|
57
|
-
purple: "Purple",
|
|
58
|
-
violet: "Violet",
|
|
59
|
-
iris: "Iris",
|
|
60
|
-
cyan: "Cyan",
|
|
61
|
-
turquoise: "Turquoise",
|
|
62
|
-
sky: "Sky",
|
|
63
|
-
blue: "Blue",
|
|
64
|
-
jade: "Jade",
|
|
65
|
-
green: "Green",
|
|
66
|
-
grass: "Grass",
|
|
67
|
-
mint: "Mint",
|
|
68
|
-
lime: "Lime",
|
|
69
|
-
bronze: "Bronze",
|
|
70
|
-
gold: "Gold",
|
|
71
|
-
brown: "Brown",
|
|
72
|
-
orange: "Orange",
|
|
73
|
-
amber: "Amber",
|
|
74
|
-
yellow: "Yellow"
|
|
75
|
-
}), Ie = "_iconContainer_1ivx0_1", he = "_withBackground_1ivx0_9", F = {
|
|
76
|
-
iconContainer: Ie,
|
|
77
|
-
withBackground: he
|
|
78
|
-
}, M = ({ children: a, className: r, hasBackground: n = !0 }) => /* @__PURE__ */ e("div", {
|
|
79
|
-
className: I(F.iconContainer, n && F.withBackground, r),
|
|
80
|
-
children: a
|
|
81
|
-
}), $ = ({ Icon: a, iconThemeColor: r, withContainer: n = !1, withContainerBackground: s = !0 }) => {
|
|
82
|
-
const t = y();
|
|
83
|
-
if (!a) return null;
|
|
84
|
-
if (_(r)) return /* @__PURE__ */ e(ae, {
|
|
85
|
-
icon: /* @__PURE__ */ e(a, {
|
|
86
|
-
size: t.icon.size.md,
|
|
87
|
-
stroke: t.icon.stroke.sm
|
|
88
|
-
}),
|
|
89
|
-
color: r
|
|
90
|
-
});
|
|
91
|
-
const i = /* @__PURE__ */ e(a, {
|
|
92
|
-
size: t.icon.size.md,
|
|
93
|
-
stroke: t.icon.stroke.sm
|
|
94
|
-
});
|
|
95
|
-
return n ? /* @__PURE__ */ e(M, {
|
|
96
|
-
hasBackground: s,
|
|
97
|
-
children: i
|
|
98
|
-
}) : i;
|
|
99
|
-
}, fe = "_iconSwapContainer_g9ywp_1", ge = "_defaultIcon_g9ywp_8", be = "_hoverIcon_g9ywp_13", z = {
|
|
100
|
-
iconSwapContainer: fe,
|
|
101
|
-
defaultIcon: ge,
|
|
102
|
-
hoverIcon: be
|
|
103
|
-
}, pe = ({ leadingContent: a, withIconContainer: r = !1, withIconContainerBackground: n = !0, gripIconColor: s }) => {
|
|
104
|
-
const t = y();
|
|
105
|
-
if (!_(a)) return null;
|
|
106
|
-
const i = /* @__PURE__ */ g("div", {
|
|
107
|
-
className: z.iconSwapContainer,
|
|
108
|
-
children: [/* @__PURE__ */ e("div", {
|
|
109
|
-
className: I(z.defaultIcon, "grip-swap-default-icon"),
|
|
110
|
-
children: a
|
|
111
|
-
}), /* @__PURE__ */ e("div", {
|
|
112
|
-
className: I(z.hoverIcon, "grip-swap-hover-icon"),
|
|
113
|
-
children: /* @__PURE__ */ e(x, {
|
|
114
|
-
size: t.icon.size.md,
|
|
115
|
-
stroke: t.icon.stroke.sm,
|
|
116
|
-
color: s
|
|
117
|
-
})
|
|
118
|
-
})]
|
|
119
|
-
});
|
|
120
|
-
return r ? /* @__PURE__ */ e(M, {
|
|
121
|
-
hasBackground: n,
|
|
122
|
-
children: i
|
|
123
|
-
}) : i;
|
|
124
|
-
}, ye = "_hoverableMenuItemBase_1jkew_54", ke = "_menuItemBase_1jkew_1", Ce = "_menuItemLabel_1jkew_136", Me = "_menuItemLabelLight_1jkew_145", Se = "_noIconFiller_1jkew_155", we = "_menuItemLeftContent_1jkew_159", Le = "_menuItemRightContent_1jkew_172", Be = "_draggableItem_1jkew_183", ze = "_menuItemIconCheckContainer_1jkew_189", Ne = "_menuItemContextualText_1jkew_196", xe = "_rightMenuItemContextualText_1jkew_206", h = {
|
|
125
|
-
hoverableMenuItemBase: ye,
|
|
126
|
-
menuItemBase: ke,
|
|
127
|
-
menuItemLabel: Ce,
|
|
128
|
-
menuItemLabelLight: Me,
|
|
129
|
-
noIconFiller: Se,
|
|
130
|
-
menuItemLeftContent: we,
|
|
131
|
-
menuItemRightContent: Le,
|
|
132
|
-
draggableItem: Be,
|
|
133
|
-
menuItemIconCheckContainer: ze,
|
|
134
|
-
menuItemContextualText: Ne,
|
|
135
|
-
rightMenuItemContextualText: xe
|
|
136
|
-
}, Te = j(({ accent: a, isKeySelected: r, isHoverBackgroundDisabled: n, hovered: s, disabled: t, focused: i, className: m, children: l, ...d }, o) => /* @__PURE__ */ e("div", {
|
|
137
|
-
ref: o,
|
|
138
|
-
className: I(h.menuItemBase, m),
|
|
139
|
-
"data-accent": a,
|
|
140
|
-
"data-key-selected": r || void 0,
|
|
141
|
-
"data-hover-background-disabled": n || void 0,
|
|
142
|
-
"data-disabled": t || void 0,
|
|
143
|
-
"data-focused": i || void 0,
|
|
144
|
-
...d,
|
|
145
|
-
children: l
|
|
146
|
-
}));
|
|
147
|
-
Te.displayName = "StyledMenuItemBase";
|
|
148
|
-
var b = (a, r) => {
|
|
149
|
-
const n = j(({ className: s, children: t, ...i }, m) => /* @__PURE__ */ e("div", {
|
|
150
|
-
ref: m,
|
|
151
|
-
className: I(a, s),
|
|
152
|
-
...i,
|
|
153
|
-
children: t
|
|
154
|
-
}));
|
|
155
|
-
return n.displayName = r, n;
|
|
156
|
-
}, je = b(h.menuItemLabel, "StyledMenuItemLabel"), bt = b(h.menuItemLabelLight, "StyledMenuItemLabelLight"), pt = b(h.noIconFiller, "StyledNoIconFiller"), H = b(h.menuItemLeftContent, "StyledMenuItemLeftContent"), T = b(h.menuItemRightContent, "StyledMenuItemRightContent"), O = b(h.draggableItem, "StyledDraggableItem"), R = j(({ accent: a, isKeySelected: r, isHoverBackgroundDisabled: n, hovered: s, disabled: t, focused: i, isIconDisplayedOnHoverOnly: m, cursor: l, className: d, children: o, ...c }, u) => /* @__PURE__ */ e("div", {
|
|
157
|
-
ref: u,
|
|
158
|
-
className: I(h.hoverableMenuItemBase, d),
|
|
159
|
-
"data-accent": a,
|
|
160
|
-
"data-key-selected": r || void 0,
|
|
161
|
-
"data-hover-background-disabled": n || void 0,
|
|
162
|
-
"data-disabled": t || void 0,
|
|
163
|
-
"data-focused": i || void 0,
|
|
164
|
-
"data-icon-displayed-on-hover-only": m || void 0,
|
|
165
|
-
"data-cursor": l,
|
|
166
|
-
...c,
|
|
167
|
-
children: o
|
|
168
|
-
}));
|
|
169
|
-
R.displayName = "StyledHoverableMenuItemBase";
|
|
170
|
-
var Re = b(h.menuItemContextualText, "StyledMenuItemContextualText"), De = b(h.rightMenuItemContextualText, "StyledRightMenuItemContextualText"), Pe = "_mainText_d0zu3_1", Ge = "_menuItemLabelRight_d0zu3_9", q = {
|
|
171
|
-
mainText: Pe,
|
|
172
|
-
menuItemLabelRight: Ge
|
|
173
|
-
}, Fe = ({ LeftComponent: a, LeftIcon: r, iconThemeColor: n }) => {
|
|
174
|
-
if (_(a)) return a;
|
|
175
|
-
if (_(r)) return /* @__PURE__ */ e($, {
|
|
176
|
-
Icon: r,
|
|
177
|
-
iconThemeColor: n
|
|
178
|
-
});
|
|
179
|
-
}, D = ({ className: a, LeftComponent: r, LeftIcon: n, iconThemeColor: s, withIconContainer: t = !1, withIconContainerBackground: i = !0, text: m, contextualText: l, contextualTextPosition: d = "left", gripMode: o = "never", disabled: c = !1 }) => {
|
|
180
|
-
const u = y(), v = t ? w.font.color.tertiary : c ? w.font.color.extraLight : w.font.color.light, f = Fe({
|
|
181
|
-
LeftComponent: r,
|
|
182
|
-
LeftIcon: n,
|
|
183
|
-
iconThemeColor: s
|
|
184
|
-
}), p = t && !_(s);
|
|
185
|
-
return /* @__PURE__ */ g(H, {
|
|
186
|
-
className: a,
|
|
187
|
-
children: [
|
|
188
|
-
o === "always" && (t ? /* @__PURE__ */ e(M, {
|
|
189
|
-
hasBackground: i,
|
|
190
|
-
children: /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(x, {
|
|
191
|
-
size: u.icon.size.md,
|
|
192
|
-
stroke: u.icon.stroke.sm,
|
|
193
|
-
color: v
|
|
194
|
-
}) })
|
|
195
|
-
}) : /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(x, {
|
|
196
|
-
size: u.icon.size.md,
|
|
197
|
-
stroke: u.icon.stroke.sm,
|
|
198
|
-
color: v
|
|
199
|
-
}) })),
|
|
200
|
-
o === "always" && (p && _(f) ? /* @__PURE__ */ e(M, {
|
|
201
|
-
hasBackground: i,
|
|
202
|
-
children: f
|
|
203
|
-
}) : f),
|
|
204
|
-
o === "onHover" && /* @__PURE__ */ e(pe, {
|
|
205
|
-
leadingContent: f,
|
|
206
|
-
withIconContainer: p,
|
|
207
|
-
withIconContainerBackground: i,
|
|
208
|
-
gripIconColor: v
|
|
209
|
-
}),
|
|
210
|
-
o === "never" && /* @__PURE__ */ g(G, { children: [/* @__PURE__ */ e($, {
|
|
211
|
-
Icon: n,
|
|
212
|
-
iconThemeColor: s,
|
|
213
|
-
withContainer: t,
|
|
214
|
-
withContainerBackground: i
|
|
215
|
-
}), r] }),
|
|
216
|
-
/* @__PURE__ */ g(je, { children: [B(m) ? /* @__PURE__ */ e("div", {
|
|
217
|
-
className: q.mainText,
|
|
218
|
-
children: /* @__PURE__ */ e(L, { text: m })
|
|
219
|
-
}) : m, d === "left" && /* @__PURE__ */ e(G, { children: B(l) ? E(l) && /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(L, {
|
|
220
|
-
text: `· ${l}`,
|
|
221
|
-
tooltipContent: l
|
|
222
|
-
}) }) : l })] }),
|
|
223
|
-
d === "right" && /* @__PURE__ */ e("div", {
|
|
224
|
-
className: q.menuItemLabelRight,
|
|
225
|
-
children: /* @__PURE__ */ e(De, { children: B(l) ? /* @__PURE__ */ e(L, { text: l }) : l })
|
|
226
|
-
})
|
|
227
|
-
]
|
|
228
|
-
});
|
|
229
|
-
}, Oe = "_subMenuIcon_j232v_1", qe = "_subMenuIconOpened_j232v_9", A = {
|
|
230
|
-
subMenuIcon: Oe,
|
|
231
|
-
subMenuIconOpened: qe
|
|
232
|
-
}, Ae = ({ accent: a = "default", className: r, withIconContainer: n = !1, withIconContainerBackground: s = !0, iconButtons: t, isIconDisplayedOnHoverOnly: i = !0, LeftIcon: m, iconThemeColor: l, LeftComponent: d, RightIcon: o, RightComponent: c, onClick: u, onMouseEnter: v, onMouseLeave: f, testId: p, text: V, contextualTextPosition: W = "left", contextualText: J, hasSubMenu: K = !1, disabled: k = !1, focused: U = !1, selected: X = !1, shortcut: P, shortcutJoinLabel: Y, isSubMenuOpened: Q = !1 }) => {
|
|
233
|
-
const C = y();
|
|
234
|
-
return /* @__PURE__ */ g(R, {
|
|
235
|
-
"data-testid": p ?? void 0,
|
|
236
|
-
onClick: k ? void 0 : (S) => {
|
|
237
|
-
u && (S.preventDefault(), S.stopPropagation(), u?.(S));
|
|
238
|
-
},
|
|
239
|
-
disabled: k,
|
|
240
|
-
className: r,
|
|
241
|
-
accent: a,
|
|
242
|
-
isIconDisplayedOnHoverOnly: i,
|
|
243
|
-
onMouseEnter: v,
|
|
244
|
-
onMouseLeave: f,
|
|
245
|
-
focused: U || X,
|
|
246
|
-
children: [/* @__PURE__ */ e(D, {
|
|
247
|
-
LeftIcon: m ?? void 0,
|
|
248
|
-
iconThemeColor: l,
|
|
249
|
-
LeftComponent: d,
|
|
250
|
-
withIconContainer: n,
|
|
251
|
-
withIconContainerBackground: s,
|
|
252
|
-
text: V,
|
|
253
|
-
contextualText: J,
|
|
254
|
-
contextualTextPosition: W,
|
|
255
|
-
disabled: k
|
|
256
|
-
}), /* @__PURE__ */ g(T, { children: [
|
|
257
|
-
t && /* @__PURE__ */ e(T, {
|
|
258
|
-
className: "hoverable-buttons",
|
|
259
|
-
children: t
|
|
260
|
-
}),
|
|
261
|
-
_(P) && /* @__PURE__ */ e(ne, {
|
|
262
|
-
shortcut: P,
|
|
263
|
-
sequenceJoinLabel: Y
|
|
264
|
-
}),
|
|
265
|
-
o && /* @__PURE__ */ e(o, {
|
|
266
|
-
size: C.icon.size.md,
|
|
267
|
-
stroke: C.icon.stroke.sm
|
|
268
|
-
}),
|
|
269
|
-
c,
|
|
270
|
-
K && /* @__PURE__ */ e("div", {
|
|
271
|
-
className: I(A.subMenuIcon, Q && A.subMenuIconOpened),
|
|
272
|
-
style: { visibility: k ? "hidden" : "visible" },
|
|
273
|
-
children: /* @__PURE__ */ e(Z, {
|
|
274
|
-
size: C.icon.size.sm,
|
|
275
|
-
color: C.font.color.light
|
|
276
|
-
})
|
|
277
|
-
})
|
|
278
|
-
] })]
|
|
279
|
-
});
|
|
280
|
-
}, yt = ({ accent: a = "default", className: r, iconButtons: n, isIconDisplayedOnHoverOnly: s = !0, isTooltipOpen: t, onClick: i, onMouseEnter: m, onMouseLeave: l, testId: d, avatar: o, hasSubMenu: c = !1, text: u, contextualText: v }) => /* @__PURE__ */ e(Ae, {
|
|
281
|
-
accent: a,
|
|
282
|
-
className: r,
|
|
283
|
-
iconButtons: n,
|
|
284
|
-
isIconDisplayedOnHoverOnly: s,
|
|
285
|
-
isTooltipOpen: t,
|
|
286
|
-
LeftComponent: _(o) ? /* @__PURE__ */ e(me, {
|
|
287
|
-
name: o.name,
|
|
288
|
-
src: o.src,
|
|
289
|
-
colorSeed: o.colorSeed,
|
|
290
|
-
size: o.size,
|
|
291
|
-
shape: o.shape
|
|
292
|
-
}) : void 0,
|
|
293
|
-
onClick: i,
|
|
294
|
-
onMouseEnter: m,
|
|
295
|
-
onMouseLeave: l,
|
|
296
|
-
testId: d,
|
|
297
|
-
text: u,
|
|
298
|
-
contextualText: v,
|
|
299
|
-
hasSubMenu: c
|
|
300
|
-
}), kt = ({ LeftIcon: a, LeftComponent: r, withIconContainer: n = !1, accent: s = "default", iconButtons: t, onClick: i, text: m, contextualText: l, isDragDisabled: d = !1, className: o, isIconDisplayedOnHoverOnly: c = !0, gripMode: u = "never" }) => /* @__PURE__ */ g(R, {
|
|
301
|
-
onClick: i,
|
|
302
|
-
accent: s,
|
|
303
|
-
className: o,
|
|
304
|
-
isIconDisplayedOnHoverOnly: c,
|
|
305
|
-
cursor: u !== "never" ? d ? "default" : "drag" : "default",
|
|
306
|
-
children: [/* @__PURE__ */ e(D, {
|
|
307
|
-
LeftIcon: a,
|
|
308
|
-
LeftComponent: r,
|
|
309
|
-
text: m,
|
|
310
|
-
contextualText: l,
|
|
311
|
-
withIconContainer: n,
|
|
312
|
-
disabled: d,
|
|
313
|
-
gripMode: u
|
|
314
|
-
}), t && /* @__PURE__ */ e(T, {
|
|
315
|
-
className: "hoverable-buttons",
|
|
316
|
-
children: t
|
|
317
|
-
})]
|
|
318
|
-
}), Ee = "_suggestionMenuItem_1qyjt_1", $e = { suggestionMenuItem: Ee }, Ct = ({ LeftIcon: a, withIconContainer: r = !1, text: n, contextualText: s = void 0, contextualTextPosition: t = "left", className: i, selected: m, onClick: l }) => {
|
|
319
|
-
const d = (o) => {
|
|
320
|
-
l && (o.preventDefault(), o.stopPropagation(), l?.(o));
|
|
321
|
-
};
|
|
322
|
-
return /* @__PURE__ */ e("li", {
|
|
323
|
-
className: I($e.suggestionMenuItem, i),
|
|
324
|
-
"data-selected": m || void 0,
|
|
325
|
-
role: _(l) ? "button" : void 0,
|
|
326
|
-
tabIndex: _(l) ? 0 : void 0,
|
|
327
|
-
onClick: d,
|
|
328
|
-
onKeyDown: de,
|
|
329
|
-
children: /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(D, {
|
|
330
|
-
LeftIcon: a ?? void 0,
|
|
331
|
-
text: n,
|
|
332
|
-
contextualText: s,
|
|
333
|
-
contextualTextPosition: t,
|
|
334
|
-
withIconContainer: r
|
|
335
|
-
}) })
|
|
336
|
-
});
|
|
337
|
-
}, He = "_menuPicker_o8ra4_1", Ve = "_iconContainer_o8ra4_41", We = "_label_o8ra4_50", N = {
|
|
338
|
-
menuPicker: He,
|
|
339
|
-
iconContainer: Ve,
|
|
340
|
-
label: We
|
|
341
|
-
}, Mt = ({ id: a, icon: r, label: n, selected: s = !1, disabled: t = !1, showLabel: i = !0, onClick: m, className: l, testId: d, tooltipContent: o, tooltipDelay: c = 0, tooltipOffset: u = 5 }) => {
|
|
342
|
-
const v = y();
|
|
343
|
-
return /* @__PURE__ */ e(ie, {
|
|
344
|
-
content: o,
|
|
345
|
-
disabled: !E(o),
|
|
346
|
-
sideOffset: u,
|
|
347
|
-
side: "bottom",
|
|
348
|
-
positionMethod: "fixed",
|
|
349
|
-
delay: c,
|
|
350
|
-
children: /* @__PURE__ */ g("button", {
|
|
351
|
-
id: a,
|
|
352
|
-
disabled: t,
|
|
353
|
-
onClick: m,
|
|
354
|
-
className: I(N.menuPicker, l),
|
|
355
|
-
"data-testid": d,
|
|
356
|
-
"data-selected": s ? "" : void 0,
|
|
357
|
-
"aria-pressed": s,
|
|
358
|
-
"aria-disabled": t,
|
|
359
|
-
"aria-label": n,
|
|
360
|
-
children: [/* @__PURE__ */ e("div", {
|
|
361
|
-
className: N.iconContainer,
|
|
362
|
-
children: /* @__PURE__ */ e(r, {
|
|
363
|
-
size: v.icon.size.md,
|
|
364
|
-
stroke: v.icon.stroke.sm
|
|
365
|
-
})
|
|
366
|
-
}), _(n) && i && /* @__PURE__ */ e("div", {
|
|
367
|
-
className: N.label,
|
|
368
|
-
"data-selected": s ? "" : void 0,
|
|
369
|
-
"data-disabled": t ? "" : void 0,
|
|
370
|
-
children: n
|
|
371
|
-
})]
|
|
372
|
-
})
|
|
373
|
-
});
|
|
374
|
-
}, Je = "_button_quwcq_1", Ke = { button: Je }, St = ({ active: a = !1, className: r, children: n, startIcon: s, endIcon: t, badge: i, size: m, ...l }) => {
|
|
375
|
-
const d = ve(re), o = m ?? d?.size ?? "sm";
|
|
376
|
-
return /* @__PURE__ */ e(oe, {
|
|
377
|
-
...l,
|
|
378
|
-
variant: "ghost",
|
|
379
|
-
size: o,
|
|
380
|
-
"data-active": a || void 0,
|
|
381
|
-
className: te(I(ue.tab, Ke.button), r),
|
|
382
|
-
children: /* @__PURE__ */ e(ce, {
|
|
383
|
-
startIcon: s,
|
|
384
|
-
endIcon: t,
|
|
385
|
-
badge: i,
|
|
386
|
-
children: n
|
|
387
|
-
})
|
|
388
|
-
});
|
|
389
|
-
};
|
|
390
|
-
export {
|
|
391
|
-
yt as a,
|
|
392
|
-
ft as c,
|
|
393
|
-
kt as i,
|
|
394
|
-
ht as l,
|
|
395
|
-
Mt as n,
|
|
396
|
-
Ae as o,
|
|
397
|
-
Ct as r,
|
|
398
|
-
gt as s,
|
|
399
|
-
St as t
|
|
400
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const g=require("./theme-1XkFz8Qu.cjs"),_=require("./isDefined-DS2Q42p5.cjs"),Z=require("./doNotTranslate-CHE7WmRS.cjs"),ee=require("./mergeClassNames-D4lshrT6.cjs"),te=require("./TintedIconTile-DO1XJXCQ.cjs"),ne=require("./Shortcut-N8TELGPI.cjs"),z=require("./Button-DTm1WDzp.cjs"),re=require("./Tooltip-Bg9Uk01p.cjs"),w=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),ae=require("./ListItem-DwBb-I1D.cjs"),ie=require("./Dropdown-Bl4OXCf9.cjs"),oe=require("./Avatar-C6WxBgjS.cjs"),se=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),P=require("./TabsTabContent-Co27Y2TU.cjs");let j=require("@sniptt/guards"),f=require("clsx"),k=require("react"),e=require("react/jsx-runtime"),ue=require("@base-ui/react/button"),C=require("@tabler/icons-react");var le=()=>{const{pageId:n,goToPage:a,goBack:r,canGoBack:s}=ie.useDropdownContext();return{page:n,goToPage:t=>a({id:t}),goBack:r,canGoBack:s}},de=({color:n,selected:a,focused:r,indicator:s,startIcon:t,endIcon:o,description:l,descriptionPlacement:u,shortcut:d,shortcutJoinLabel:i,hasSubmenu:m,disabled:c=!1,type:v="button",children:h,...x})=>(0,e.jsx)(ae.ListItem,{color:n,selected:a,focused:r,indicator:s,startIcon:t,endIcon:o,description:l,descriptionPlacement:u,shortcut:d,shortcutJoinLabel:i,hasSubmenu:m,disabled:c,render:(0,e.jsx)(ue.Button,{...x,nativeButton:!0,type:v,disabled:c}),children:h}),ce=Z.doNotTranslate({gray:"Gray",tomato:"Tomato",red:"Red",ruby:"Ruby",crimson:"Crimson",pink:"Pink",plum:"Plum",purple:"Purple",violet:"Violet",iris:"Iris",cyan:"Cyan",turquoise:"Turquoise",sky:"Sky",blue:"Blue",jade:"Jade",green:"Green",grass:"Grass",mint:"Mint",lime:"Lime",bronze:"Bronze",gold:"Gold",brown:"Brown",orange:"Orange",amber:"Amber",yellow:"Yellow"}),me="_iconContainer_1ivx0_1",ve="_withBackground_1ivx0_9",O={iconContainer:me,withBackground:ve},M=({children:n,className:a,hasBackground:r=!0})=>(0,e.jsx)("div",{className:(0,f.clsx)(O.iconContainer,r&&O.withBackground,a),children:n}),E=({Icon:n,iconThemeColor:a,withContainer:r=!1,withContainerBackground:s=!0})=>{const t=g.useTheme();if(!n)return null;if(_.isDefined(a))return(0,e.jsx)(te.TintedIconTile,{icon:(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm}),color:a});const o=(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm});return r?(0,e.jsx)(M,{hasBackground:s,children:o}):o},_e="_iconSwapContainer_g9ywp_1",fe="_defaultIcon_g9ywp_8",Ie="_hoverIcon_g9ywp_13",L={iconSwapContainer:_e,defaultIcon:fe,hoverIcon:Ie},he=({leadingContent:n,withIconContainer:a=!1,withIconContainerBackground:r=!0,gripIconColor:s})=>{const t=g.useTheme();if(!_.isDefined(n))return null;const o=(0,e.jsxs)("div",{className:L.iconSwapContainer,children:[(0,e.jsx)("div",{className:(0,f.clsx)(L.defaultIcon,"grip-swap-default-icon"),children:n}),(0,e.jsx)("div",{className:(0,f.clsx)(L.hoverIcon,"grip-swap-hover-icon"),children:(0,e.jsx)(C.IconGripVertical,{size:t.icon.size.md,stroke:t.icon.stroke.sm,color:s})})]});return a?(0,e.jsx)(M,{hasBackground:r,children:o}):o},ge="_hoverableMenuItemBase_1jkew_54",be="_menuItemBase_1jkew_1",xe="_menuItemLabel_1jkew_136",je="_menuItemLabelLight_1jkew_145",ye="_noIconFiller_1jkew_155",pe="_menuItemLeftContent_1jkew_159",Ce="_menuItemRightContent_1jkew_172",Me="_draggableItem_1jkew_183",ke="_menuItemIconCheckContainer_1jkew_189",Se="_menuItemContextualText_1jkew_196",we="_rightMenuItemContextualText_1jkew_206",I={hoverableMenuItemBase:ge,menuItemBase:be,menuItemLabel:xe,menuItemLabelLight:je,noIconFiller:ye,menuItemLeftContent:pe,menuItemRightContent:Ce,draggableItem:Me,menuItemIconCheckContainer:ke,menuItemContextualText:Se,rightMenuItemContextualText:we},Le=(0,k.forwardRef)(({accent:n,isKeySelected:a,isHoverBackgroundDisabled:r,hovered:s,disabled:t,focused:o,className:l,children:u,...d},i)=>(0,e.jsx)("div",{ref:i,className:(0,f.clsx)(I.menuItemBase,l),"data-accent":n,"data-key-selected":a||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":o||void 0,...d,children:u}));Le.displayName="StyledMenuItemBase";var b=(n,a)=>{const r=(0,k.forwardRef)(({className:s,children:t,...o},l)=>(0,e.jsx)("div",{ref:l,className:(0,f.clsx)(n,s),...o,children:t}));return r.displayName=a,r},qe=b(I.menuItemLabel,"StyledMenuItemLabel"),Ye=b(I.menuItemLabelLight,"StyledMenuItemLabelLight"),Qe=b(I.noIconFiller,"StyledNoIconFiller"),F=b(I.menuItemLeftContent,"StyledMenuItemLeftContent"),T=b(I.menuItemRightContent,"StyledMenuItemRightContent"),R=b(I.draggableItem,"StyledDraggableItem"),B=(0,k.forwardRef)(({accent:n,isKeySelected:a,isHoverBackgroundDisabled:r,hovered:s,disabled:t,focused:o,isIconDisplayedOnHoverOnly:l,cursor:u,className:d,children:i,...m},c)=>(0,e.jsx)("div",{ref:c,className:(0,f.clsx)(I.hoverableMenuItemBase,d),"data-accent":n,"data-key-selected":a||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":o||void 0,"data-icon-displayed-on-hover-only":l||void 0,"data-cursor":u,...m,children:i}));B.displayName="StyledHoverableMenuItemBase";var Te=b(I.menuItemContextualText,"StyledMenuItemContextualText"),Be=b(I.rightMenuItemContextualText,"StyledRightMenuItemContextualText"),Ne="_mainText_d0zu3_1",De="_menuItemLabelRight_d0zu3_9",G={mainText:Ne,menuItemLabelRight:De},ze=({LeftComponent:n,LeftIcon:a,iconThemeColor:r})=>{if(_.isDefined(n))return n;if(_.isDefined(a))return(0,e.jsx)(E,{Icon:a,iconThemeColor:r})},N=({className:n,LeftComponent:a,LeftIcon:r,iconThemeColor:s,withIconContainer:t=!1,withIconContainerBackground:o=!0,text:l,contextualText:u,contextualTextPosition:d="left",gripMode:i="never",disabled:m=!1})=>{const c=g.useTheme(),v=t?g.themeCssVariables.font.color.tertiary:m?g.themeCssVariables.font.color.extraLight:g.themeCssVariables.font.color.light,h=ze({LeftComponent:a,LeftIcon:r,iconThemeColor:s}),x=t&&!_.isDefined(s);return(0,e.jsxs)(F,{className:n,children:[i==="always"&&(t?(0,e.jsx)(M,{hasBackground:o,children:(0,e.jsx)(R,{children:(0,e.jsx)(C.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})}):(0,e.jsx)(R,{children:(0,e.jsx)(C.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})),i==="always"&&(x&&_.isDefined(h)?(0,e.jsx)(M,{hasBackground:o,children:h}):h),i==="onHover"&&(0,e.jsx)(he,{leadingContent:h,withIconContainer:x,withIconContainerBackground:o,gripIconColor:v}),i==="never"&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(E,{Icon:r,iconThemeColor:s,withContainer:t,withContainerBackground:o}),a]}),(0,e.jsxs)(qe,{children:[(0,j.isString)(l)?(0,e.jsx)("div",{className:G.mainText,children:(0,e.jsx)(w.OverflowingTextWithTooltip,{text:l})}):l,d==="left"&&(0,e.jsx)(e.Fragment,{children:(0,j.isString)(u)?(0,j.isNonEmptyString)(u)&&(0,e.jsx)(Te,{children:(0,e.jsx)(w.OverflowingTextWithTooltip,{text:`· ${u}`,tooltipContent:u})}):u})]}),d==="right"&&(0,e.jsx)("div",{className:G.menuItemLabelRight,children:(0,e.jsx)(Be,{children:(0,j.isString)(u)?(0,e.jsx)(w.OverflowingTextWithTooltip,{text:u}):u})})]})},Pe="_subMenuIcon_j232v_1",Oe="_subMenuIconOpened_j232v_9",A={subMenuIcon:Pe,subMenuIconOpened:Oe},V=({accent:n="default",className:a,withIconContainer:r=!1,withIconContainerBackground:s=!0,iconButtons:t,isIconDisplayedOnHoverOnly:o=!0,LeftIcon:l,iconThemeColor:u,LeftComponent:d,RightIcon:i,RightComponent:m,onClick:c,onMouseEnter:v,onMouseLeave:h,testId:x,text:W,contextualTextPosition:H="left",contextualText:K,hasSubMenu:J=!1,disabled:y=!1,focused:U=!1,selected:$=!1,shortcut:D,shortcutJoinLabel:Y,isSubMenuOpened:Q=!1})=>{const p=g.useTheme(),X=S=>{c&&(S.preventDefault(),S.stopPropagation(),c?.(S))};return(0,e.jsxs)(B,{"data-testid":x??void 0,onClick:y?void 0:X,disabled:y,className:a,accent:n,isIconDisplayedOnHoverOnly:o,onMouseEnter:v,onMouseLeave:h,focused:U||$,children:[(0,e.jsx)(N,{LeftIcon:l??void 0,iconThemeColor:u,LeftComponent:d,withIconContainer:r,withIconContainerBackground:s,text:W,contextualText:K,contextualTextPosition:H,disabled:y}),(0,e.jsxs)(T,{children:[t&&(0,e.jsx)(T,{className:"hoverable-buttons",children:t}),_.isDefined(D)&&(0,e.jsx)(ne.Shortcut,{shortcut:D,sequenceJoinLabel:Y}),i&&(0,e.jsx)(i,{size:p.icon.size.md,stroke:p.icon.stroke.sm}),m,J&&(0,e.jsx)("div",{className:(0,f.clsx)(A.subMenuIcon,Q&&A.subMenuIconOpened),style:{visibility:y?"hidden":"visible"},children:(0,e.jsx)(C.IconChevronRight,{size:p.icon.size.sm,color:p.font.color.light})})]})]})},Re=({accent:n="default",className:a,iconButtons:r,isIconDisplayedOnHoverOnly:s=!0,isTooltipOpen:t,onClick:o,onMouseEnter:l,onMouseLeave:u,testId:d,avatar:i,hasSubMenu:m=!1,text:c,contextualText:v})=>(0,e.jsx)(V,{accent:n,className:a,iconButtons:r,isIconDisplayedOnHoverOnly:s,isTooltipOpen:t,LeftComponent:_.isDefined(i)?(0,e.jsx)(oe.Avatar,{name:i.name,src:i.src,colorSeed:i.colorSeed,size:i.size,shape:i.shape}):void 0,onClick:o,onMouseEnter:l,onMouseLeave:u,testId:d,text:c,contextualText:v,hasSubMenu:m}),Ge=({LeftIcon:n,LeftComponent:a,withIconContainer:r=!1,accent:s="default",iconButtons:t,onClick:o,text:l,contextualText:u,isDragDisabled:d=!1,className:i,isIconDisplayedOnHoverOnly:m=!0,gripMode:c="never"})=>(0,e.jsxs)(B,{onClick:o,accent:s,className:i,isIconDisplayedOnHoverOnly:m,cursor:c!=="never"?d?"default":"drag":"default",children:[(0,e.jsx)(N,{LeftIcon:n,LeftComponent:a,text:l,contextualText:u,withIconContainer:r,disabled:d,gripMode:c}),t&&(0,e.jsx)(T,{className:"hoverable-buttons",children:t})]}),Ae="_suggestionMenuItem_1qyjt_1",Ee={suggestionMenuItem:Ae},Fe=({LeftIcon:n,withIconContainer:a=!1,text:r,contextualText:s=void 0,contextualTextPosition:t="left",className:o,selected:l,onClick:u})=>{const d=i=>{u&&(i.preventDefault(),i.stopPropagation(),u?.(i))};return(0,e.jsx)("li",{className:(0,f.clsx)(Ee.suggestionMenuItem,o),"data-selected":l||void 0,role:_.isDefined(u)?"button":void 0,tabIndex:_.isDefined(u)?0:void 0,onClick:d,onKeyDown:se.handleClickableElementKeyDown,children:(0,e.jsx)(F,{children:(0,e.jsx)(N,{LeftIcon:n??void 0,text:r,contextualText:s,contextualTextPosition:t,withIconContainer:a})})})},Ve="_menuPicker_o8ra4_1",We="_iconContainer_o8ra4_41",He="_label_o8ra4_50",q={menuPicker:Ve,iconContainer:We,label:He},Ke=({id:n,icon:a,label:r,selected:s=!1,disabled:t=!1,showLabel:o=!0,onClick:l,className:u,testId:d,tooltipContent:i,tooltipDelay:m=0,tooltipOffset:c=5})=>{const v=g.useTheme();return(0,e.jsx)(re.Tooltip,{content:i,disabled:!(0,j.isNonEmptyString)(i),sideOffset:c,side:"bottom",positionMethod:"fixed",delay:m,children:(0,e.jsxs)("button",{id:n,disabled:t,onClick:l,className:(0,f.clsx)(q.menuPicker,u),"data-testid":d,"data-selected":s?"":void 0,"aria-pressed":s,"aria-disabled":t,"aria-label":r,children:[(0,e.jsx)("div",{className:q.iconContainer,children:(0,e.jsx)(a,{size:v.icon.size.md,stroke:v.icon.stroke.sm})}),_.isDefined(r)&&o&&(0,e.jsx)("div",{className:q.label,"data-selected":s?"":void 0,"data-disabled":t?"":void 0,children:r})]})})},Je="_button_quwcq_1",Ue={button:Je},$e=({active:n=!1,className:a,children:r,startIcon:s,endIcon:t,badge:o,size:l,...u})=>{const d=(0,k.useContext)(z.ButtonGroupContext),i=l??d?.size??"sm";return(0,e.jsx)(z.Button,{...u,variant:"ghost",size:i,"data-active":n||void 0,className:ee.mergeClassNames((0,f.clsx)(P.Tab_module_default.tab,Ue.button),a),children:(0,e.jsx)(P.TabsTabContent,{startIcon:s,endIcon:t,badge:o,children:r})})};Object.defineProperty(exports,"DEFAULT_COLOR_LABELS",{enumerable:!0,get:function(){return ce}});Object.defineProperty(exports,"ListItemButton",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return V}});Object.defineProperty(exports,"MenuItemAvatar",{enumerable:!0,get:function(){return Re}});Object.defineProperty(exports,"MenuItemDraggable",{enumerable:!0,get:function(){return Ge}});Object.defineProperty(exports,"MenuItemSuggestion",{enumerable:!0,get:function(){return Fe}});Object.defineProperty(exports,"MenuPicker",{enumerable:!0,get:function(){return Ke}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return $e}});Object.defineProperty(exports,"useDropdownPage",{enumerable:!0,get:function(){return le}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const g=require("./isDefined-DS2Q42p5.cjs"),f=require("./doNotTranslate-CHE7WmRS.cjs"),N=require("./mergeClassNames-D4lshrT6.cjs"),c=require("./TabsTabContent-Co27Y2TU.cjs");let k=require("@base-ui/react/use-render"),w=require("@sniptt/guards"),q=require("clsx"),l=require("react/jsx-runtime"),C=require("@base-ui/react/direction-provider"),x=require("@base-ui/react/tabs");var I="_root_ikxnr_1",B="_list_ikxnr_13",D="_item_ikxnr_24",L="_content_ikxnr_35",R="_separator_ikxnr_55",T={root:I,list:B,item:D,content:L,separator:R},K=({children:e,href:r,render:i,title:n,current:a,className:s,ref:t,"aria-current":o=a?"page":void 0,...b})=>(0,k.useRender)({defaultTagName:g.isDefined(r)?"a":"span",render:i,ref:t,props:{...b,children:e,href:r,title:n??((0,w.isString)(e)?e:void 0),"aria-current":o,"data-linked":g.isDefined(r)||void 0,className:(0,q.clsx)(T.content,s)}}),O=({links:e,className:r,render:i,ref:n,"aria-label":a=f.doNotTranslate("Breadcrumb"),...s})=>(0,k.useRender)({defaultTagName:"nav",render:i,ref:n,props:{...s,"aria-label":a,className:(0,q.clsx)(T.root,r),children:(0,l.jsx)("ol",{className:T.list,children:e.map((t,o)=>(0,l.jsxs)("li",{className:T.item,children:[o>0&&(0,l.jsx)("span",{className:T.separator,"aria-hidden":"true",children:"/"}),(0,l.jsx)(K,{...t,current:o===e.length-1})]},o))})}}),P=({className:e,...r})=>(0,l.jsx)(x.Tabs.Indicator,{...r,className:N.mergeClassNames(c.Tab_module_default.indicator,e)}),S='[role="tab"]',H='[role="tablist"]',U=f.doNotTranslate("[hidden], [inert]"),A=e=>e.hasAttribute("data-disabled")||e.hasAttribute("disabled")||e.getAttribute("aria-disabled")==="true"||g.isDefined(e.closest(U)),z=({event:e,direction:r,loopFocus:i})=>{if(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const n=e.currentTarget,a=[];n.querySelectorAll(S).forEach(d=>{d.closest(H)===n&&a.push(d)});const s=a.findIndex(d=>d===e.target);if(s===-1)return;const t=f.doNotTranslate(r==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"]),[o,b]=n.getAttribute("data-orientation")==="vertical"?f.doNotTranslate(["ArrowDown","ArrowUp"]):t;if(!f.doNotTranslate([o,b,"Home","End"]).includes(e.key))return;const p=e.key===b;let _=s+(p?-1:1);e.key==="Home"&&(_=0),e.key==="End"&&(_=a.length-1);const E=_<0||_>=a.length,j=p?a.length-1:0,h=a[E&&i?j:_];if(!g.isDefined(h)||!A(h))return;e.preventBaseUIHandler(),e.preventDefault();const m=a.filter(d=>!A(d));let u;if(e.key==="Home"&&(u=m[0]),e.key==="End"&&(u=m[m.length-1]),e.key===o||e.key===b){const d=p?[...m].reverse():m;u=d.find(y=>p?a.indexOf(y)<s:a.indexOf(y)>s),u??=i?d[0]:void 0}if(!g.isDefined(u)||u===e.target)return;e.stopPropagation();const v=u;queueMicrotask(()=>v.focus())},M=({className:e,onKeyDown:r,loopFocus:i=!0,...n})=>{const a=(0,C.useDirection)(),s=t=>{if(r?.(t),t.defaultPrevented){t.preventBaseUIHandler();return}t.baseUIHandlerPrevented||z({event:t,direction:a,loopFocus:i})};return(0,l.jsx)(x.Tabs.List,{...n,loopFocus:i,onKeyDown:s,className:N.mergeClassNames(c.Tab_module_default.list,e)})},V=({className:e,...r})=>(0,l.jsx)(x.Tabs.Panel,{...r,className:N.mergeClassNames(c.Tab_module_default.panel,e)}),G=({className:e,...r})=>(0,l.jsx)(x.Tabs.Root,{...r,className:N.mergeClassNames(c.Tab_module_default.root,e)}),J=({className:e,children:r,startIcon:i,endIcon:n,badge:a,highlighted:s=!1,size:t="sm",...o})=>(0,l.jsx)(x.Tabs.Tab,{...o,className:N.mergeClassNames(c.Tab_module_default.tab,e),"data-size":t,"data-highlighted":s||void 0,children:(0,l.jsx)(c.TabsTabContent,{startIcon:i,endIcon:n,badge:a,children:r})}),Q={Root:G,List:M,Tab:J,Indicator:P,Panel:V};Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:function(){return O}});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return Q}});
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { t as p } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
-
import { t } from "./doNotTranslate-BSVT8Xyd.js";
|
|
3
|
-
var C = /[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g, L = new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+", "gu"), T = new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)", "gu"), S = /[\u0300\u0301]/g, I = ["г", "к"], A = /[가-힣]+/g, u = /[ㄱ-ㆎ]/g, E = {
|
|
4
|
-
ø: "o",
|
|
5
|
-
æ: "ae",
|
|
6
|
-
ß: "ss",
|
|
7
|
-
ð: "d",
|
|
8
|
-
þ: "th",
|
|
9
|
-
ł: "l",
|
|
10
|
-
œ: "oe",
|
|
11
|
-
đ: "d",
|
|
12
|
-
ı: "i",
|
|
13
|
-
ŋ: "ng",
|
|
14
|
-
ς: "σ",
|
|
15
|
-
ё: "е"
|
|
16
|
-
}, R = new RegExp(`[${Object.keys(E).join("")}]`, "g"), N = (e, r, o) => I.includes(r) ? `${r}${o}` : `${r}${o.replace(S, "")}`, w = (e) => p(e) ? e.toLowerCase().normalize(t("NFD")).replace(C, "").replace(L, "$1").replace(T, N).normalize(t("NFC")).replace(A, (r) => r.normalize(t("NFD"))).replace(u, (r) => r.normalize("NFKD")).replace(R, (r) => E[r] ?? r) : "", g = [
|
|
17
|
-
"pointerdown",
|
|
18
|
-
"mousedown",
|
|
19
|
-
"touchend",
|
|
20
|
-
"focusout"
|
|
21
|
-
], _ = ["pointerdown", "keydown"], d = [
|
|
22
|
-
..._,
|
|
23
|
-
"keyup",
|
|
24
|
-
"mousedown"
|
|
25
|
-
], s = (e) => {
|
|
26
|
-
e.preventDefault(), e.stopPropagation();
|
|
27
|
-
}, f = (e) => {
|
|
28
|
-
if (e.type === "click") {
|
|
29
|
-
s(e);
|
|
30
|
-
return;
|
|
31
|
-
}
|
|
32
|
-
if (!g.includes(e.type)) return;
|
|
33
|
-
const r = e.target instanceof Node ? e.target.ownerDocument ?? document : document, o = r.defaultView ?? r, i = new AbortController(), a = () => i.abort(), c = {
|
|
34
|
-
capture: !0,
|
|
35
|
-
signal: i.signal
|
|
36
|
-
}, l = e.type === "focusout" ? d : _;
|
|
37
|
-
o.addEventListener("click", (n) => {
|
|
38
|
-
s(n), a();
|
|
39
|
-
}, c);
|
|
40
|
-
for (const n of l) o.addEventListener(n, a, c);
|
|
41
|
-
};
|
|
42
|
-
export {
|
|
43
|
-
w as n,
|
|
44
|
-
f as t
|
|
45
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const C=require("./isDefined-DS2Q42p5.cjs"),o=require("./doNotTranslate-CHE7WmRS.cjs");var T=/[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g,p=new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+","gu"),L=new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)","gu"),u=/[\u0300\u0301]/g,S=["г","к"],A=/[가-힣]+/g,I=/[ㄱ-ㆎ]/g,l={ø:"o",æ:"ae",ß:"ss",ð:"d",þ:"th",ł:"l",œ:"oe",đ:"d",ı:"i",ŋ:"ng",ς:"σ",ё:"е"},d=new RegExp(`[${Object.keys(l).join("")}]`,"g"),N=(e,r,n)=>S.includes(r)?`${r}${n}`:`${r}${n.replace(u,"")}`,g=e=>C.isDefined(e)?e.toLowerCase().normalize(o.doNotTranslate("NFD")).replace(T,"").replace(p,"$1").replace(L,N).normalize(o.doNotTranslate("NFC")).replace(A,r=>r.normalize(o.doNotTranslate("NFD"))).replace(I,r=>r.normalize("NFKD")).replace(d,r=>l[r]??r):"",R=["pointerdown","mousedown","touchend","focusout"],E=["pointerdown","keydown"],v=[...E,"keyup","mousedown"],s=e=>{e.preventDefault(),e.stopPropagation()},f=e=>{if(e.type==="click"){s(e);return}if(!R.includes(e.type))return;const r=e.target instanceof Node?e.target.ownerDocument??document:document,n=r.defaultView??r,i=new AbortController,a=()=>i.abort(),c={capture:!0,signal:i.signal},_=e.type==="focusout"?v:E;n.addEventListener("click",t=>{s(t),a()},c);for(const t of _)n.addEventListener(t,a,c)};Object.defineProperty(exports,"normalizeSearchText",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"preventDismissingClickActivation",{enumerable:!0,get:function(){return f}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const g=require("./theme-1XkFz8Qu.cjs"),D=require("./isDefined-DS2Q42p5.cjs"),c=require("./mergeClassNames-D4lshrT6.cjs"),u=require("./useProvidedTextDirection-PVaoQCLH.cjs"),C=require("./Heading-CTRYClCO.cjs");let n=require("@base-ui/react/use-render"),x=require("@sniptt/guards"),d=require("clsx"),i=require("react/jsx-runtime"),l=require("@base-ui/react/alert-dialog"),s=require("@base-ui/react/dialog");var N="_backdrop_aak4r_1",f="_viewport_aak4r_12",A="_popup_aak4r_30",H="_header_aak4r_82",P="_body_aak4r_91",k="_footer_aak4r_95",T="_title_aak4r_106",b="_description_aak4r_113",t={backdrop:N,viewport:f,popup:A,header:H,body:P,footer:k,title:T,description:b},j=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Backdrop,{...r,className:c.mergeClassNames(t.backdrop,e)}),q=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.body,a)}}),R=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Description,{...r,className:c.mergeClassNames(t.description,e)}),y=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.footer,a)}}),w=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.header,a)}}),h=({container:e,...r})=>{const a=g.useThemeContainer(),o=u.useProvidedTextDirection();return(0,i.jsx)(l.AlertDialog.Portal,{dir:o,...r,container:e===void 0?a??void 0:e})},B=({size:e="md",className:r,...a})=>(0,i.jsx)(l.AlertDialog.Popup,{...a,"data-size":e,className:c.mergeClassNames(t.popup,r)}),F=({className:e,...r})=>(0,i.jsx)(l.AlertDialog.Title,{...r,className:c.mergeClassNames(t.title,e)}),V=({className:e,...r})=>{const a=u.useProvidedTextDirection();return(0,i.jsx)(l.AlertDialog.Viewport,{dir:a,...r,className:c.mergeClassNames(t.viewport,e)})},z=()=>({Root:l.AlertDialog.Root,Trigger:l.AlertDialog.Trigger,Portal:h,Backdrop:j,Viewport:V,Popup:B,Title:F,Description:R,Close:l.AlertDialog.Close,Header:w,Body:q,Footer:y,Handle:l.AlertDialog.Handle,createHandle:l.AlertDialog.createHandle}),O=z(),$="_cardContent_122dn_1",U={cardContent:$},E=({className:e,divider:r,render:a,ref:o,...p})=>(0,n.useRender)({render:a,ref:o,props:{...p,className:(0,d.clsx)(U.cardContent,e),"data-divider":r||void 0}}),G="_cardFooter_yo8y2_1",I={cardFooter:G},J=({className:e,divider:r,render:a,ref:o,...p})=>(0,n.useRender)({render:a,ref:o,props:{...p,className:(0,d.clsx)(I.cardFooter,e),"data-no-divider":r===!1||void 0}}),K="_cardHeader_18psr_1",L={cardHeader:K},M=({className:e,render:r,ref:a,...o})=>(0,n.useRender)({render:r,ref:a,props:{...o,className:(0,d.clsx)(L.cardHeader,e)}}),Q="_card_1mvso_1",S={card:Q},W=({className:e,fullWidth:r,rounded:a,backgroundColor:o,style:p,render:_,ref:v,...m})=>(0,n.useRender)({render:_,ref:v,props:{...m,className:(0,d.clsx)(S.card,e),"data-full-width":r||void 0,"data-rounded":a||void 0,style:D.isDefined(o)?{...p,"--card-background-color":o}:p}}),X={Root:W,Header:M,Content:E,Footer:J},Y=({className:e,...r})=>(0,i.jsx)(s.Dialog.Backdrop,{...r,className:c.mergeClassNames(t.backdrop,e)}),Z=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.body,a)}}),ee="_description_3f4d1_1",re={description:ee},ae=({className:e,...r})=>(0,i.jsx)(s.Dialog.Description,{...r,className:c.mergeClassNames((0,d.clsx)(t.description,re.description),e)}),oe=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.footer,a)}}),te=({render:e,ref:r,className:a,...o})=>(0,n.useRender)({render:e,ref:r,props:{...o,className:(0,d.clsx)(t.header,a)}}),ie=({size:e="md",className:r,...a})=>{const o=u.useProvidedTextDirection();return(0,i.jsx)(s.Dialog.Popup,{dir:o,...a,"data-size":e,className:c.mergeClassNames(t.popup,r)})},le=({container:e,...r})=>{const a=g.useThemeContainer();return(0,i.jsx)(s.Dialog.Portal,{...r,container:(0,x.isUndefined)(e)?a??void 0:e})},se="_title_yzpck_1",de={title:se},ce=({level:e=2,size:r="lg",color:a="primary",className:o,render:p,..._})=>(0,i.jsx)(s.Dialog.Title,{..._,className:c.mergeClassNames(de.title,o),render:(0,i.jsx)(C.Heading,{level:e,size:r,color:a,render:p})}),ne=({className:e,...r})=>{const a=u.useProvidedTextDirection();return(0,i.jsx)(s.Dialog.Viewport,{dir:a,...r,className:c.mergeClassNames(t.viewport,e)})},pe={createHandle:s.Dialog.createHandle,Handle:s.Dialog.Handle,Root:s.Dialog.Root,Trigger:s.Dialog.Trigger,Portal:le,Backdrop:Y,Viewport:ne,Popup:ie,Title:ce,Description:ae,Close:s.Dialog.Close,Header:te,Body:Z,Footer:oe};Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return O}});Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function(){return pe}});
|
|
File without changes
|
|
File without changes
|