twenty-ui 2.51.1 → 2.52.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/dist/{AllIcons-1tBWXXrE.cjs → AllIcons-HGLkp696.cjs} +1 -1
- package/dist/{AllIcons-ayl8BCtV.js → AllIcons-fCCVOqoJ.js} +1 -1
- package/dist/{Button-CU8BS-Yd.js → Button-Dd8cNsn1.js} +2 -2
- package/dist/{Button-iVyxlrwO.cjs → Button-Du8T-dOv.cjs} +1 -1
- package/dist/Dropdown-D3LPyrQI.js +1163 -0
- package/dist/Dropdown-h5-yIsU7.cjs +1 -0
- package/dist/Input-BKRR1xlO.js +26 -0
- package/dist/Input-DS19vWhl.cjs +1 -0
- package/dist/{ListItem-WLONJMo5.js → ListItem-DR7Xh2WV.js} +3 -3
- package/dist/{ListItem-B-SFWJZb.cjs → ListItem-g1B--M70.cjs} +1 -1
- package/dist/{Loader-Bb72CUQ9.cjs → Loader-Dau0YQpY.cjs} +1 -1
- package/dist/{Loader-DtHWQH8w.js → Loader-U1LuZtJf.js} +1 -1
- package/dist/{OverflowingTextWithTooltip-D4eZc-7P.js → OverflowingTextWithTooltip-Cky5WlIk.js} +1 -1
- package/dist/{OverflowingTextWithTooltip-ClpPsdpP.cjs → OverflowingTextWithTooltip-Dmsmy-9g.cjs} +1 -1
- package/dist/{Popover-CneCJTvD.cjs → Popover-B-VIhr5g.cjs} +1 -1
- package/dist/{Popover-CWeCV7X9.js → Popover-DhFCYRtv.js} +1 -1
- package/dist/{ProgressBar-goqxS9NE.cjs → ProgressBar-BG38LPgC.cjs} +1 -1
- package/dist/{ProgressBar-8pjpGrmZ.js → ProgressBar-BO0MkswY.js} +14 -14
- package/dist/{Radio-CpQPRHXa.cjs → Radio-BK47Ig6J.cjs} +1 -1
- package/dist/{Radio-VTjpEz8M.js → Radio-WuoC3hJ5.js} +4 -4
- package/dist/{Shortcut-N8TELGPI.cjs → Shortcut-CbbRd1uM.cjs} +1 -1
- package/dist/{Shortcut-Bp9iDdQg.js → Shortcut-YMhkp7f6.js} +1 -1
- package/dist/TablerIcons-CqzhliLC.js +462 -0
- package/dist/{Tooltip-08dDawT_.cjs → Tooltip-BXeUFCdb.cjs} +1 -1
- package/dist/{Tooltip-C7zc16gI.js → Tooltip-CT9YCDaV.js} +1 -1
- package/dist/components/code-editor.cjs +1 -1
- package/dist/components/code-editor.mjs +2 -2
- package/dist/components/data-display.cjs +1 -1
- package/dist/components/data-display.mjs +1 -1
- package/dist/components/feedback.cjs +1 -1
- package/dist/components/feedback.mjs +1 -1
- package/dist/components/input/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/components/input/SegmentedControl/types/SegmentedControlProps.d.ts +1 -0
- package/dist/components/input.cjs +1 -1
- package/dist/components/input.mjs +6 -6
- 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/__stories__/DropdownPlacementExample.d.ts +6 -0
- package/dist/components/navigation/Dropdown/hooks/useDropdownPlacementOrThrow.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/DropdownContent.d.ts +1 -1
- package/dist/components/navigation/Dropdown/internal/DropdownContentRenderer.d.ts +10 -0
- package/dist/components/navigation/Dropdown/internal/DropdownPlacementContext.d.ts +1 -0
- package/dist/components/navigation/Dropdown/internal/compareDropdownElementOrder.d.ts +4 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownTabNavigation.d.ts +7 -0
- package/dist/components/navigation/Dropdown/internal/getDropdownTriggerTabTarget.d.ts +1 -0
- package/dist/components/navigation/index.d.ts +1 -0
- package/dist/components/navigation.cjs +1 -1
- package/dist/components/navigation.mjs +8 -7
- package/dist/components/settings.cjs +1 -1
- package/dist/components/settings.mjs +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.mjs +27 -26
- package/dist/{data-display-DUMj_z1t.js → data-display-B7beM2yK.js} +54 -54
- package/dist/{data-display-DzHM5j7j.cjs → data-display-C3Q_8G-N.cjs} +1 -1
- package/dist/{data-display-b-9s0RTe.js → data-display-CHKKTmH_.js} +63 -63
- package/dist/{data-display-D_kbXJJd.cjs → data-display-VghHkQY5.cjs} +1 -1
- package/dist/{feedback-BzR4ggrP.cjs → feedback-3S9S-Xi9.cjs} +1 -1
- package/dist/{feedback-EaZszoXf.js → feedback-DHATp8in.js} +51 -51
- package/dist/icon/components/TablerIcons.d.ts +1 -1
- package/dist/icon/index.d.ts +1 -1
- package/dist/{icon-ICz2_dVB.js → icon-C3fz8p3W.js} +3 -3
- package/dist/{icon-TSBamkxk.cjs → icon-C688lfSq.cjs} +1 -1
- package/dist/icon.cjs +1 -1
- package/dist/icon.mjs +505 -503
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +658 -655
- package/dist/{input-CuySKbhm.js → input-BLU0vrJM.js} +585 -584
- package/dist/{input-ExCbk62Y.cjs → input-BLUZOGq8.cjs} +1 -1
- package/dist/{input-BQABEELu.cjs → input-DRIIJ4Zd.cjs} +1 -1
- package/dist/{input-DxoXgI5-.js → input-jkwxjdtI.js} +6 -6
- package/dist/{layout-B2KvJ900.js → layout-4nLOjbJA.js} +2 -2
- package/dist/{layout-B1Iwc9ku.cjs → layout-DEoY3Qd0.cjs} +1 -1
- package/dist/navigation-CSSOuhFm.cjs +1 -0
- package/dist/navigation-iP54gZTV.js +140 -0
- package/dist/primitives/data-display.cjs +1 -1
- package/dist/primitives/data-display.mjs +1 -1
- package/dist/primitives/feedback.cjs +1 -1
- package/dist/primitives/feedback.mjs +2 -2
- package/dist/primitives/input/Input/Input.d.ts +1 -1
- package/dist/primitives/input/Input/types/InputProps.d.ts +1 -0
- package/dist/primitives/input.cjs +1 -1
- package/dist/primitives/input.mjs +4 -4
- package/dist/primitives/navigation.cjs +1 -1
- package/dist/primitives/navigation.mjs +1 -1
- 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 +1 -0
- package/dist/primitives/surfaces.cjs +1 -1
- package/dist/primitives/surfaces.mjs +3 -3
- package/dist/primitives/typography.cjs +1 -1
- package/dist/primitives/typography.mjs +3 -3
- package/dist/primitives.cjs +1 -1
- package/dist/primitives.mjs +14 -14
- package/dist/{settings-BTFAqYrD.js → settings-BmsLbd-g.js} +1 -1
- package/dist/{settings-D_iT1ngl.cjs → settings-DGwyi63i.cjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/surfaces-C70biBA8.js +225 -0
- package/dist/surfaces-DcGz8LO-.cjs +1 -0
- package/dist/testing.cjs +1 -1
- package/dist/testing.mjs +1 -1
- package/dist/theme/constants/ThemeLight.d.ts +1 -0
- package/dist/theme/themeCssVariables.d.ts +1 -0
- package/dist/theme/themeTypes.d.ts +1 -0
- package/dist/theme-BJRNJNPO.cjs +1 -0
- package/dist/{theme-B2EaXhye.js → theme-CuGIQBsJ.js} +7 -4
- package/dist/theme-dark.css +1 -0
- package/dist/theme-light.css +1 -0
- package/dist/theme.cjs +1 -1
- package/dist/theme.mjs +1 -1
- package/dist/{typography-B05olPwL.cjs → typography-DeFnsH3k.cjs} +1 -1
- package/dist/{typography-BwyZEDDi.js → typography-sorTYmvG.js} +2 -2
- package/dist/{useIsMobile-D1ImfQnE.js → useIsMobile-CZeJLJJN.js} +1 -1
- package/dist/{useIsMobile-Byp9AIq-.cjs → useIsMobile-VmnhfE8g.cjs} +1 -1
- package/dist/{utilities-xZh8D2gd.cjs → utilities-Bfnz_GAC.cjs} +1 -1
- package/dist/{utilities-BKCMZyqZ.js → utilities-D0KcLLtO.js} +2 -2
- package/dist/utilities.cjs +1 -1
- package/dist/utilities.mjs +2 -2
- package/package.json +7 -7
- package/dist/Dropdown-D_hFndP5.cjs +0 -1
- package/dist/Dropdown-xXsGBv57.js +0 -1056
- package/dist/Input-D1sIHUZ5.js +0 -25
- package/dist/Input-D69M4UwD.cjs +0 -1
- package/dist/TablerIcons-B-5Ua_Ne.js +0 -460
- package/dist/navigation-DP5Edsq_.cjs +0 -1
- package/dist/navigation-DXMjQMPm.js +0 -134
- package/dist/surfaces-DtZwsfms.cjs +0 -1
- package/dist/surfaces-v0kQLZYO.js +0 -224
- package/dist/theme-1XkFz8Qu.cjs +0 -1
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { t as k } from "./isDefined-fMi6eQ4r.js";
|
|
2
|
+
import { Ot as P, kt as D } from "./TablerIcons-CqzhliLC.js";
|
|
3
|
+
import { t as C } from "./doNotTranslate-BSVT8Xyd.js";
|
|
4
|
+
import { t as y } from "./mergeClassNames-ClFMR1v0.js";
|
|
5
|
+
import { r as I, t as L } from "./Button-Dd8cNsn1.js";
|
|
6
|
+
import { r as N } from "./OverflowingTextWithTooltip-Cky5WlIk.js";
|
|
7
|
+
import { t as x } from "./ListItem-DR7Xh2WV.js";
|
|
8
|
+
import { a as w, i as z, s as G } from "./Dropdown-D3LPyrQI.js";
|
|
9
|
+
import { n as O, t as R } from "./TabsTabContent-DPkLTBi2.js";
|
|
10
|
+
import { useRender as A } from "@base-ui/react/use-render";
|
|
11
|
+
import { isInteger as _ } from "@sniptt/guards";
|
|
12
|
+
import { clsx as h } from "clsx";
|
|
13
|
+
import { useContext as B } from "react";
|
|
14
|
+
import { Fragment as q, jsx as r, jsxs as j } from "react/jsx-runtime";
|
|
15
|
+
import { Button as E } from "@base-ui/react/button";
|
|
16
|
+
var F = "_pager_wkox0_1", S = "_position_wkox0_11", $ = "_icon_wkox0_21", g = {
|
|
17
|
+
pager: F,
|
|
18
|
+
position: S,
|
|
19
|
+
icon: $
|
|
20
|
+
}, no = ({ index: o, count: e, onIndexChange: t, positionText: s, previousLabel: n, nextLabel: i, disabled: a = !1, positionPlacement: m = "between", render: l, ref: u, className: b, ...f }) => {
|
|
21
|
+
const p = _(o) && _(e) && o >= 0 && o < e, c = a || !p || o === 0, v = a || !p || o === e - 1, d = /* @__PURE__ */ r(N, {
|
|
22
|
+
render: /* @__PURE__ */ r("span", {}),
|
|
23
|
+
className: g.position,
|
|
24
|
+
"aria-live": "polite",
|
|
25
|
+
"aria-atomic": "true",
|
|
26
|
+
children: s
|
|
27
|
+
});
|
|
28
|
+
return A({
|
|
29
|
+
render: l,
|
|
30
|
+
ref: u,
|
|
31
|
+
props: {
|
|
32
|
+
role: "group",
|
|
33
|
+
...f,
|
|
34
|
+
className: h(g.pager, b),
|
|
35
|
+
"data-position-placement": m,
|
|
36
|
+
children: /* @__PURE__ */ j(q, { children: [
|
|
37
|
+
m === "start" && d,
|
|
38
|
+
/* @__PURE__ */ r(w, {
|
|
39
|
+
size: "sm",
|
|
40
|
+
disabled: c,
|
|
41
|
+
onClick: () => t(o - 1),
|
|
42
|
+
"aria-label": n,
|
|
43
|
+
children: /* @__PURE__ */ r(P, { className: g.icon })
|
|
44
|
+
}),
|
|
45
|
+
m === "between" && d,
|
|
46
|
+
/* @__PURE__ */ r(w, {
|
|
47
|
+
size: "sm",
|
|
48
|
+
disabled: v,
|
|
49
|
+
onClick: () => t(o + 1),
|
|
50
|
+
"aria-label": i,
|
|
51
|
+
children: /* @__PURE__ */ r(D, { className: g.icon })
|
|
52
|
+
})
|
|
53
|
+
] })
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
}, io = () => {
|
|
57
|
+
const { pageId: o, isPageActive: e, open: t, goToPage: s, goBack: n, canGoBack: i } = G();
|
|
58
|
+
return {
|
|
59
|
+
page: o,
|
|
60
|
+
isActive: e && t,
|
|
61
|
+
goToPage: (a) => s({ id: a }),
|
|
62
|
+
goBack: n,
|
|
63
|
+
canGoBack: i
|
|
64
|
+
};
|
|
65
|
+
}, mo = () => {
|
|
66
|
+
const o = B(z);
|
|
67
|
+
if (!k(o)) throw new Error(C("useDropdownPlacementOrThrow must be used within Dropdown.Content"));
|
|
68
|
+
return o;
|
|
69
|
+
}, lo = ({ color: o, selected: e, selectionAppearance: t, active: s, focused: n, indicator: i, startIcon: a, endIcon: m, description: l, descriptionPlacement: u, shortcut: b, shortcutJoinLabel: f, hasSubmenu: p, disabled: c = !1, type: v = "button", children: d, ...T }) => /* @__PURE__ */ r(x, {
|
|
70
|
+
color: o,
|
|
71
|
+
selected: e,
|
|
72
|
+
selectionAppearance: t,
|
|
73
|
+
active: s,
|
|
74
|
+
focused: n,
|
|
75
|
+
indicator: i,
|
|
76
|
+
startIcon: a,
|
|
77
|
+
endIcon: m,
|
|
78
|
+
description: l,
|
|
79
|
+
descriptionPlacement: u,
|
|
80
|
+
shortcut: b,
|
|
81
|
+
shortcutJoinLabel: f,
|
|
82
|
+
hasSubmenu: p,
|
|
83
|
+
disabled: c,
|
|
84
|
+
render: /* @__PURE__ */ r(E, {
|
|
85
|
+
...T,
|
|
86
|
+
nativeButton: !0,
|
|
87
|
+
type: v,
|
|
88
|
+
disabled: c
|
|
89
|
+
}),
|
|
90
|
+
children: d
|
|
91
|
+
}), uo = C({
|
|
92
|
+
gray: "Gray",
|
|
93
|
+
tomato: "Tomato",
|
|
94
|
+
red: "Red",
|
|
95
|
+
ruby: "Ruby",
|
|
96
|
+
crimson: "Crimson",
|
|
97
|
+
pink: "Pink",
|
|
98
|
+
plum: "Plum",
|
|
99
|
+
purple: "Purple",
|
|
100
|
+
violet: "Violet",
|
|
101
|
+
iris: "Iris",
|
|
102
|
+
cyan: "Cyan",
|
|
103
|
+
turquoise: "Turquoise",
|
|
104
|
+
sky: "Sky",
|
|
105
|
+
blue: "Blue",
|
|
106
|
+
jade: "Jade",
|
|
107
|
+
green: "Green",
|
|
108
|
+
grass: "Grass",
|
|
109
|
+
mint: "Mint",
|
|
110
|
+
lime: "Lime",
|
|
111
|
+
bronze: "Bronze",
|
|
112
|
+
gold: "Gold",
|
|
113
|
+
brown: "Brown",
|
|
114
|
+
orange: "Orange",
|
|
115
|
+
amber: "Amber",
|
|
116
|
+
yellow: "Yellow"
|
|
117
|
+
}), J = "_button_quwcq_1", M = { button: J }, po = ({ active: o = !1, className: e, children: t, startIcon: s, endIcon: n, badge: i, size: a, ...m }) => {
|
|
118
|
+
const l = B(I), u = a ?? l?.size ?? "sm";
|
|
119
|
+
return /* @__PURE__ */ r(L, {
|
|
120
|
+
...m,
|
|
121
|
+
variant: "ghost",
|
|
122
|
+
size: u,
|
|
123
|
+
"data-active": o || void 0,
|
|
124
|
+
className: y(h(O.tab, M.button), e),
|
|
125
|
+
children: /* @__PURE__ */ r(R, {
|
|
126
|
+
startIcon: s,
|
|
127
|
+
endIcon: n,
|
|
128
|
+
badge: i,
|
|
129
|
+
children: t
|
|
130
|
+
})
|
|
131
|
+
});
|
|
132
|
+
};
|
|
133
|
+
export {
|
|
134
|
+
io as a,
|
|
135
|
+
mo as i,
|
|
136
|
+
uo as n,
|
|
137
|
+
no as o,
|
|
138
|
+
lo as r,
|
|
139
|
+
po as t
|
|
140
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../data-display-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../data-display-C3Q_8G-N.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=e.Avatar;exports.Badge=e.Badge;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Status=e.Status;exports.Tag=e.Tag;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ProgressRing-g1nHGyUp.cjs"),o=require("../Loader-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ProgressRing-g1nHGyUp.cjs"),o=require("../Loader-Dau0YQpY.cjs"),e=require("../ProgressBar-BG38LPgC.cjs"),s=require("../Skeleton-tXeIy4qq.cjs"),n=require("../feedback-B50I0C35.cjs");let t=require("@base-ui/react/progress");exports.Banner=e.Banner;exports.Loader=o.Loader;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return t.Progress}});exports.ProgressBar=e.ProgressBar;exports.ProgressRing=r.ProgressRing;exports.SKELETON_HEIGHT_SIZES=n.SKELETON_HEIGHT_SIZES;exports.Skeleton=s.Skeleton;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { n as o } from "../getProgressIndicatorPercentage-ejfaM6XU.js";
|
|
2
2
|
import { t } from "../ProgressRing-8mYV9cxE.js";
|
|
3
|
-
import { t as a } from "../Loader-
|
|
4
|
-
import { n as i, t as p } from "../ProgressBar-
|
|
3
|
+
import { t as a } from "../Loader-U1LuZtJf.js";
|
|
4
|
+
import { n as i, t as p } from "../ProgressBar-BO0MkswY.js";
|
|
5
5
|
import { t as n } from "../Skeleton-BbIF780H.js";
|
|
6
6
|
import { t as E } from "../feedback-BQFSnMjh.js";
|
|
7
7
|
export {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { InputProps } from './types/InputProps';
|
|
2
|
-
export declare const Input: ({ size, variant, hasFocusRing, className, ...props }: InputProps) => import("react").JSX.Element;
|
|
2
|
+
export declare const Input: ({ size, variant, hasFocusRing, textAlign, className, ...props }: InputProps) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Button-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Button-Du8T-dOv.cjs"),u=require("../Input-DS19vWhl.cjs"),t=require("../Radio-BK47Ig6J.cjs"),o=require("../Switch-Ck8QAAbb.cjs"),e=require("../input-BLUZOGq8.cjs");exports.Autocomplete=e.Autocomplete;exports.Button=r.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=u.Input;exports.InputGroup=t.InputGroup;exports.NumberField=t.NumberField;exports.Radio=t.Radio;exports.RadioGroup=e.RadioGroup;exports.Select=t.Select;exports.Slider=e.Slider;exports.Switch=o.Switch;exports.Textarea=e.Textarea;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t } from "../Button-
|
|
2
|
-
import { t as r } from "../Input-
|
|
3
|
-
import { i, n as e, r as m, t as p } from "../Radio-
|
|
1
|
+
import { t } from "../Button-Dd8cNsn1.js";
|
|
2
|
+
import { t as r } from "../Input-BKRR1xlO.js";
|
|
3
|
+
import { i, n as e, r as m, t as p } from "../Radio-WuoC3hJ5.js";
|
|
4
4
|
import { t as n } from "../Switch-DOd0gh7W.js";
|
|
5
|
-
import { a as f, i as l, n as c, o as x, r as G, s as S, t as b } from "../input-
|
|
5
|
+
import { a as f, i as l, n as c, o as x, r as G, s as S, t as b } from "../input-jkwxjdtI.js";
|
|
6
6
|
export {
|
|
7
7
|
S as Autocomplete,
|
|
8
8
|
t as Button,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ListItem-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ListItem-g1B--M70.cjs"),e=require("../navigation-ByYN6NgX.cjs");exports.Breadcrumb=e.Breadcrumb;exports.ListItem=r.ListItem;exports.Tabs=e.Tabs;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const Card: {
|
|
2
|
-
Root: ({ className, fullWidth, backgroundColor, style, render, ref, ...props }: import('..').CardRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
2
|
+
Root: ({ className, fullWidth, backgroundColor, variant, style, render, ref, ...props }: import('..').CardRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
3
3
|
Action: ({ className, disabled, render, ref, ...props }: import('..').CardActionProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
4
4
|
Control: ({ className, render, ref, ...props }: import('..').CardControlProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
5
5
|
Header: ({ className, render, ref, ...props }: import('..').CardHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CardRootProps } from '../types/CardRootProps';
|
|
2
|
-
export declare const CardRoot: ({ className, fullWidth, backgroundColor, style, render, ref, ...props }: CardRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
2
|
+
export declare const CardRoot: ({ className, fullWidth, backgroundColor, variant, style, render, ref, ...props }: CardRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Tooltip-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Tooltip-BXeUFCdb.cjs"),r=require("../Popover-B-VIhr5g.cjs"),e=require("../surfaces-DcGz8LO-.cjs");exports.AlertDialog=e.AlertDialog;exports.Card=e.Card;exports.Dialog=e.Dialog;exports.Popover=r.Popover;exports.Tooltip=o.Tooltip;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { t as r } from "../Tooltip-
|
|
2
|
-
import { t as a } from "../Popover-
|
|
3
|
-
import { n as m, r as p, t as s } from "../surfaces-
|
|
1
|
+
import { t as r } from "../Tooltip-CT9YCDaV.js";
|
|
2
|
+
import { t as a } from "../Popover-DhFCYRtv.js";
|
|
3
|
+
import { n as m, r as p, t as s } from "../surfaces-C70biBA8.js";
|
|
4
4
|
export {
|
|
5
5
|
p as AlertDialog,
|
|
6
6
|
m as Card,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Shortcut-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Shortcut-CbbRd1uM.cjs"),e=require("../OverflowingTextWithTooltip-Dmsmy-9g.cjs"),o=require("../Heading-CHvEXL6n.cjs"),r=require("../typography-DeFnsH3k.cjs");exports.Heading=o.Heading;exports.OverflowingTextTooltipModeProvider=r.OverflowingTextTooltipModeProvider;exports.OverflowingTextWithTooltip=e.OverflowingTextWithTooltip;exports.Shortcut=t.Shortcut;exports.Text=e.Text;exports.formatShortcut=r.formatShortcut;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { t } from "../Shortcut-
|
|
2
|
-
import { r as i, t as e } from "../OverflowingTextWithTooltip-
|
|
1
|
+
import { t } from "../Shortcut-YMhkp7f6.js";
|
|
2
|
+
import { r as i, t as e } from "../OverflowingTextWithTooltip-Cky5WlIk.js";
|
|
3
3
|
import { t as a } from "../Heading-Nj5BlPqB.js";
|
|
4
|
-
import { n as p, t as s } from "../typography-
|
|
4
|
+
import { n as p, t as s } from "../typography-sorTYmvG.js";
|
|
5
5
|
export {
|
|
6
6
|
a as Heading,
|
|
7
7
|
p as OverflowingTextTooltipModeProvider,
|
package/dist/primitives.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./VisuallyHidden-B-n4x1KY.cjs"),c=require("./ProgressRing-g1nHGyUp.cjs"),q=require("./Loader-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./VisuallyHidden-B-n4x1KY.cjs"),c=require("./ProgressRing-g1nHGyUp.cjs"),q=require("./Loader-Dau0YQpY.cjs"),d=require("./Shortcut-CbbRd1uM.cjs"),_=require("./Button-Du8T-dOv.cjs"),t=require("./ProgressBar-BG38LPgC.cjs"),p=require("./Tooltip-BXeUFCdb.cjs"),u=require("./OverflowingTextWithTooltip-Dmsmy-9g.cjs"),S=require("./Separator-UJVlrTzw.cjs"),g=require("./ListItem-g1B--M70.cjs"),T=require("./Popover-B-VIhr5g.cjs"),P=require("./Input-DS19vWhl.cjs"),i=require("./Radio-BK47Ig6J.cjs"),b=require("./Skeleton-tXeIy4qq.cjs"),h=require("./Heading-CHvEXL6n.cjs"),m=require("./Switch-Ck8QAAbb.cjs"),v=require("./accessibility-CByqtBhO.cjs"),e=require("./data-display-C3Q_8G-N.cjs"),R=require("./feedback-B50I0C35.cjs"),r=require("./input-BLUZOGq8.cjs"),a=require("./layout-d4uPminV.cjs"),B=require("./ResizeHandle-B1MuHTNA.cjs"),n=require("./navigation-ByYN6NgX.cjs"),o=require("./surfaces-DcGz8LO-.cjs"),l=require("./typography-DeFnsH3k.cjs");let E=require("@base-ui/react/progress");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=o.AlertDialog;exports.Autocomplete=r.Autocomplete;exports.Avatar=e.Avatar;exports.Badge=e.Badge;exports.Banner=t.Banner;exports.Breadcrumb=n.Breadcrumb;exports.Button=_.Button;exports.ButtonGroup=r.ButtonGroup;exports.Card=o.Card;exports.Checkbox=r.Checkbox;exports.Chip=e.Chip;exports.Collapsible=a.Collapsible;exports.ColorSample=e.ColorSample;exports.Dialog=o.Dialog;exports.DirectionProvider=a.DirectionProvider;exports.Field=r.Field;exports.Heading=h.Heading;exports.Input=P.Input;exports.InputGroup=i.InputGroup;exports.ListItem=g.ListItem;exports.Loader=q.Loader;exports.NumberField=i.NumberField;exports.OverflowingTextTooltipModeProvider=l.OverflowingTextTooltipModeProvider;exports.OverflowingTextWithTooltip=u.OverflowingTextWithTooltip;exports.Popover=T.Popover;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return E.Progress}});exports.ProgressBar=t.ProgressBar;exports.ProgressRing=c.ProgressRing;exports.Radio=i.Radio;exports.RadioGroup=r.RadioGroup;exports.ResizeHandle=B.ResizeHandle;exports.SKELETON_HEIGHT_SIZES=R.SKELETON_HEIGHT_SIZES;exports.Select=i.Select;exports.Separator=S.Separator;exports.Shortcut=d.Shortcut;exports.Skeleton=b.Skeleton;exports.Slider=r.Slider;exports.Status=e.Status;exports.Switch=m.Switch;exports.Tabs=n.Tabs;exports.Tag=e.Tag;exports.Text=u.Text;exports.Textarea=r.Textarea;exports.Tooltip=p.Tooltip;exports.VisuallyHidden=s.VisuallyHidden;exports.formatShortcut=l.formatShortcut;exports.handleClickableElementKeyDown=v.handleClickableElementKeyDown;
|
package/dist/primitives.mjs
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { t as r } from "./VisuallyHidden-CFZP7ybO.js";
|
|
2
2
|
import { n as a } from "./getProgressIndicatorPercentage-ejfaM6XU.js";
|
|
3
3
|
import { t as m } from "./ProgressRing-8mYV9cxE.js";
|
|
4
|
-
import { t as e } from "./Loader-
|
|
5
|
-
import { t as f } from "./Shortcut-
|
|
6
|
-
import { t as n } from "./Button-
|
|
7
|
-
import { n as u, t as S } from "./ProgressBar-
|
|
8
|
-
import { t as g } from "./Tooltip-
|
|
9
|
-
import { r as E, t as P } from "./OverflowingTextWithTooltip-
|
|
4
|
+
import { t as e } from "./Loader-U1LuZtJf.js";
|
|
5
|
+
import { t as f } from "./Shortcut-YMhkp7f6.js";
|
|
6
|
+
import { t as n } from "./Button-Dd8cNsn1.js";
|
|
7
|
+
import { n as u, t as S } from "./ProgressBar-BO0MkswY.js";
|
|
8
|
+
import { t as g } from "./Tooltip-CT9YCDaV.js";
|
|
9
|
+
import { r as E, t as P } from "./OverflowingTextWithTooltip-Cky5WlIk.js";
|
|
10
10
|
import { t as B } from "./Separator-0LzwPfOn.js";
|
|
11
|
-
import { t as R } from "./ListItem-
|
|
12
|
-
import { t as v } from "./Popover-
|
|
13
|
-
import { t as A } from "./Input-
|
|
14
|
-
import { i as H, n as _, r as w, t as D } from "./Radio-
|
|
11
|
+
import { t as R } from "./ListItem-DR7Xh2WV.js";
|
|
12
|
+
import { t as v } from "./Popover-DhFCYRtv.js";
|
|
13
|
+
import { t as A } from "./Input-BKRR1xlO.js";
|
|
14
|
+
import { i as H, n as _, r as w, t as D } from "./Radio-WuoC3hJ5.js";
|
|
15
15
|
import { t as O } from "./Skeleton-BbIF780H.js";
|
|
16
16
|
import { t as L } from "./Heading-Nj5BlPqB.js";
|
|
17
17
|
import { t as F } from "./Switch-DOd0gh7W.js";
|
|
18
18
|
import { t as N } from "./accessibility-C8Uz61XJ.js";
|
|
19
|
-
import { a as Z, i as z, n as M, o as W, r as Y, s as j, t as q } from "./data-display-
|
|
19
|
+
import { a as Z, i as z, n as M, o as W, r as Y, s as j, t as q } from "./data-display-B7beM2yK.js";
|
|
20
20
|
import { t as Q } from "./feedback-BQFSnMjh.js";
|
|
21
|
-
import { a as X, i as $, n as oo, o as ro, r as to, s as ao, t as so } from "./input-
|
|
21
|
+
import { a as X, i as $, n as oo, o as ro, r as to, s as ao, t as so } from "./input-jkwxjdtI.js";
|
|
22
22
|
import { n as io, t as eo } from "./layout-xYrynD7_.js";
|
|
23
23
|
import { t as fo } from "./ResizeHandle-B30OYZxS.js";
|
|
24
24
|
import { n as no, t as uo } from "./navigation-BY8X2w04.js";
|
|
25
|
-
import { n as To, r as go, t as co } from "./surfaces-
|
|
26
|
-
import { n as Po, t as ho } from "./typography-
|
|
25
|
+
import { n as To, r as go, t as co } from "./surfaces-C70biBA8.js";
|
|
26
|
+
import { n as Po, t as ho } from "./typography-sorTYmvG.js";
|
|
27
27
|
export {
|
|
28
28
|
W as AVATAR_PROPERTIES_BY_SIZE,
|
|
29
29
|
go as AlertDialog,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as I } from "./isDefined-fMi6eQ4r.js";
|
|
2
2
|
import { t as w } from "./isRenderableSlot-DT_depzM.js";
|
|
3
|
-
import { t as S } from "./ListItem-
|
|
3
|
+
import { t as S } from "./ListItem-DR7Xh2WV.js";
|
|
4
4
|
import { t as g } from "./Switch-DOd0gh7W.js";
|
|
5
5
|
import { useRender as u } from "@base-ui/react/use-render";
|
|
6
6
|
import { useId as v } from "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const I=require("./isDefined-DS2Q42p5.cjs"),S=require("./isRenderableSlot-Guryb6Nf.cjs"),f=require("./ListItem-
|
|
1
|
+
const I=require("./isDefined-DS2Q42p5.cjs"),S=require("./isRenderableSlot-Guryb6Nf.cjs"),f=require("./ListItem-g1B--M70.cjs"),j=require("./Switch-Ck8QAAbb.cjs");let m=require("@base-ui/react/use-render"),w=require("react"),i=require("react/jsx-runtime");var g=({render:t,ref:a,...r})=>(0,m.useRender)({defaultTagName:"label",render:t,ref:a,props:r}),x=({children:t,startElement:a,description:r,focused:u=!1,labelRender:b,labelRef:o,...e})=>{const s=(0,w.useId)(),{id:d=s,size:q="sm"}=e,n=`${s}-label`,l=`${s}-description`,c=S.isRenderableSlot(r),_=I.isDefined(e["aria-label"]);return(0,i.jsx)(f.ListItem,{startIcon:a,focused:u,"data-disabled":e.disabled||void 0,description:c&&(0,i.jsx)("span",{id:l,children:r}),render:h=>(0,i.jsx)(g,{...h,htmlFor:d,render:b,ref:o}),endIcon:(0,i.jsx)(j.Switch,{...e,"aria-labelledby":e["aria-labelledby"]??(_?"":n),"aria-describedby":e["aria-describedby"]??(c?l:void 0),id:d,size:q}),children:(0,i.jsx)("span",{id:n,children:t})})};Object.defineProperty(exports,"SettingsRow",{enumerable:!0,get:function(){return x}});
|