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.
Files changed (129) hide show
  1. package/dist/{AllIcons-1tBWXXrE.cjs → AllIcons-HGLkp696.cjs} +1 -1
  2. package/dist/{AllIcons-ayl8BCtV.js → AllIcons-fCCVOqoJ.js} +1 -1
  3. package/dist/{Button-CU8BS-Yd.js → Button-Dd8cNsn1.js} +2 -2
  4. package/dist/{Button-iVyxlrwO.cjs → Button-Du8T-dOv.cjs} +1 -1
  5. package/dist/Dropdown-D3LPyrQI.js +1163 -0
  6. package/dist/Dropdown-h5-yIsU7.cjs +1 -0
  7. package/dist/Input-BKRR1xlO.js +26 -0
  8. package/dist/Input-DS19vWhl.cjs +1 -0
  9. package/dist/{ListItem-WLONJMo5.js → ListItem-DR7Xh2WV.js} +3 -3
  10. package/dist/{ListItem-B-SFWJZb.cjs → ListItem-g1B--M70.cjs} +1 -1
  11. package/dist/{Loader-Bb72CUQ9.cjs → Loader-Dau0YQpY.cjs} +1 -1
  12. package/dist/{Loader-DtHWQH8w.js → Loader-U1LuZtJf.js} +1 -1
  13. package/dist/{OverflowingTextWithTooltip-D4eZc-7P.js → OverflowingTextWithTooltip-Cky5WlIk.js} +1 -1
  14. package/dist/{OverflowingTextWithTooltip-ClpPsdpP.cjs → OverflowingTextWithTooltip-Dmsmy-9g.cjs} +1 -1
  15. package/dist/{Popover-CneCJTvD.cjs → Popover-B-VIhr5g.cjs} +1 -1
  16. package/dist/{Popover-CWeCV7X9.js → Popover-DhFCYRtv.js} +1 -1
  17. package/dist/{ProgressBar-goqxS9NE.cjs → ProgressBar-BG38LPgC.cjs} +1 -1
  18. package/dist/{ProgressBar-8pjpGrmZ.js → ProgressBar-BO0MkswY.js} +14 -14
  19. package/dist/{Radio-CpQPRHXa.cjs → Radio-BK47Ig6J.cjs} +1 -1
  20. package/dist/{Radio-VTjpEz8M.js → Radio-WuoC3hJ5.js} +4 -4
  21. package/dist/{Shortcut-N8TELGPI.cjs → Shortcut-CbbRd1uM.cjs} +1 -1
  22. package/dist/{Shortcut-Bp9iDdQg.js → Shortcut-YMhkp7f6.js} +1 -1
  23. package/dist/TablerIcons-CqzhliLC.js +462 -0
  24. package/dist/{Tooltip-08dDawT_.cjs → Tooltip-BXeUFCdb.cjs} +1 -1
  25. package/dist/{Tooltip-C7zc16gI.js → Tooltip-CT9YCDaV.js} +1 -1
  26. package/dist/components/code-editor.cjs +1 -1
  27. package/dist/components/code-editor.mjs +2 -2
  28. package/dist/components/data-display.cjs +1 -1
  29. package/dist/components/data-display.mjs +1 -1
  30. package/dist/components/feedback.cjs +1 -1
  31. package/dist/components/feedback.mjs +1 -1
  32. package/dist/components/input/SegmentedControl/SegmentedControl.d.ts +1 -1
  33. package/dist/components/input/SegmentedControl/types/SegmentedControlProps.d.ts +1 -0
  34. package/dist/components/input.cjs +1 -1
  35. package/dist/components/input.mjs +6 -6
  36. package/dist/components/layout.cjs +1 -1
  37. package/dist/components/layout.mjs +1 -1
  38. package/dist/components/navigation/Dropdown/Dropdown.d.ts +1 -1
  39. package/dist/components/navigation/Dropdown/__stories__/DropdownPlacementExample.d.ts +6 -0
  40. package/dist/components/navigation/Dropdown/hooks/useDropdownPlacementOrThrow.d.ts +1 -0
  41. package/dist/components/navigation/Dropdown/internal/DropdownContent.d.ts +1 -1
  42. package/dist/components/navigation/Dropdown/internal/DropdownContentRenderer.d.ts +10 -0
  43. package/dist/components/navigation/Dropdown/internal/DropdownPlacementContext.d.ts +1 -0
  44. package/dist/components/navigation/Dropdown/internal/compareDropdownElementOrder.d.ts +4 -0
  45. package/dist/components/navigation/Dropdown/internal/getDropdownTabNavigation.d.ts +7 -0
  46. package/dist/components/navigation/Dropdown/internal/getDropdownTriggerTabTarget.d.ts +1 -0
  47. package/dist/components/navigation/index.d.ts +1 -0
  48. package/dist/components/navigation.cjs +1 -1
  49. package/dist/components/navigation.mjs +8 -7
  50. package/dist/components/settings.cjs +1 -1
  51. package/dist/components/settings.mjs +1 -1
  52. package/dist/components.cjs +1 -1
  53. package/dist/components.mjs +27 -26
  54. package/dist/{data-display-DUMj_z1t.js → data-display-B7beM2yK.js} +54 -54
  55. package/dist/{data-display-DzHM5j7j.cjs → data-display-C3Q_8G-N.cjs} +1 -1
  56. package/dist/{data-display-b-9s0RTe.js → data-display-CHKKTmH_.js} +63 -63
  57. package/dist/{data-display-D_kbXJJd.cjs → data-display-VghHkQY5.cjs} +1 -1
  58. package/dist/{feedback-BzR4ggrP.cjs → feedback-3S9S-Xi9.cjs} +1 -1
  59. package/dist/{feedback-EaZszoXf.js → feedback-DHATp8in.js} +51 -51
  60. package/dist/icon/components/TablerIcons.d.ts +1 -1
  61. package/dist/icon/index.d.ts +1 -1
  62. package/dist/{icon-ICz2_dVB.js → icon-C3fz8p3W.js} +3 -3
  63. package/dist/{icon-TSBamkxk.cjs → icon-C688lfSq.cjs} +1 -1
  64. package/dist/icon.cjs +1 -1
  65. package/dist/icon.mjs +505 -503
  66. package/dist/index.cjs +1 -1
  67. package/dist/index.mjs +658 -655
  68. package/dist/{input-CuySKbhm.js → input-BLU0vrJM.js} +585 -584
  69. package/dist/{input-ExCbk62Y.cjs → input-BLUZOGq8.cjs} +1 -1
  70. package/dist/{input-BQABEELu.cjs → input-DRIIJ4Zd.cjs} +1 -1
  71. package/dist/{input-DxoXgI5-.js → input-jkwxjdtI.js} +6 -6
  72. package/dist/{layout-B2KvJ900.js → layout-4nLOjbJA.js} +2 -2
  73. package/dist/{layout-B1Iwc9ku.cjs → layout-DEoY3Qd0.cjs} +1 -1
  74. package/dist/navigation-CSSOuhFm.cjs +1 -0
  75. package/dist/navigation-iP54gZTV.js +140 -0
  76. package/dist/primitives/data-display.cjs +1 -1
  77. package/dist/primitives/data-display.mjs +1 -1
  78. package/dist/primitives/feedback.cjs +1 -1
  79. package/dist/primitives/feedback.mjs +2 -2
  80. package/dist/primitives/input/Input/Input.d.ts +1 -1
  81. package/dist/primitives/input/Input/types/InputProps.d.ts +1 -0
  82. package/dist/primitives/input.cjs +1 -1
  83. package/dist/primitives/input.mjs +4 -4
  84. package/dist/primitives/navigation.cjs +1 -1
  85. package/dist/primitives/navigation.mjs +1 -1
  86. package/dist/primitives/surfaces/Card/Card.d.ts +1 -1
  87. package/dist/primitives/surfaces/Card/internal/CardRoot.d.ts +1 -1
  88. package/dist/primitives/surfaces/Card/types/CardRootProps.d.ts +1 -0
  89. package/dist/primitives/surfaces.cjs +1 -1
  90. package/dist/primitives/surfaces.mjs +3 -3
  91. package/dist/primitives/typography.cjs +1 -1
  92. package/dist/primitives/typography.mjs +3 -3
  93. package/dist/primitives.cjs +1 -1
  94. package/dist/primitives.mjs +14 -14
  95. package/dist/{settings-BTFAqYrD.js → settings-BmsLbd-g.js} +1 -1
  96. package/dist/{settings-D_iT1ngl.cjs → settings-DGwyi63i.cjs} +1 -1
  97. package/dist/style.css +1 -1
  98. package/dist/surfaces-C70biBA8.js +225 -0
  99. package/dist/surfaces-DcGz8LO-.cjs +1 -0
  100. package/dist/testing.cjs +1 -1
  101. package/dist/testing.mjs +1 -1
  102. package/dist/theme/constants/ThemeLight.d.ts +1 -0
  103. package/dist/theme/themeCssVariables.d.ts +1 -0
  104. package/dist/theme/themeTypes.d.ts +1 -0
  105. package/dist/theme-BJRNJNPO.cjs +1 -0
  106. package/dist/{theme-B2EaXhye.js → theme-CuGIQBsJ.js} +7 -4
  107. package/dist/theme-dark.css +1 -0
  108. package/dist/theme-light.css +1 -0
  109. package/dist/theme.cjs +1 -1
  110. package/dist/theme.mjs +1 -1
  111. package/dist/{typography-B05olPwL.cjs → typography-DeFnsH3k.cjs} +1 -1
  112. package/dist/{typography-BwyZEDDi.js → typography-sorTYmvG.js} +2 -2
  113. package/dist/{useIsMobile-D1ImfQnE.js → useIsMobile-CZeJLJJN.js} +1 -1
  114. package/dist/{useIsMobile-Byp9AIq-.cjs → useIsMobile-VmnhfE8g.cjs} +1 -1
  115. package/dist/{utilities-xZh8D2gd.cjs → utilities-Bfnz_GAC.cjs} +1 -1
  116. package/dist/{utilities-BKCMZyqZ.js → utilities-D0KcLLtO.js} +2 -2
  117. package/dist/utilities.cjs +1 -1
  118. package/dist/utilities.mjs +2 -2
  119. package/package.json +7 -7
  120. package/dist/Dropdown-D_hFndP5.cjs +0 -1
  121. package/dist/Dropdown-xXsGBv57.js +0 -1056
  122. package/dist/Input-D1sIHUZ5.js +0 -25
  123. package/dist/Input-D69M4UwD.cjs +0 -1
  124. package/dist/TablerIcons-B-5Ua_Ne.js +0 -460
  125. package/dist/navigation-DP5Edsq_.cjs +0 -1
  126. package/dist/navigation-DXMjQMPm.js +0 -134
  127. package/dist/surfaces-DtZwsfms.cjs +0 -1
  128. package/dist/surfaces-v0kQLZYO.js +0 -224
  129. 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-DzHM5j7j.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
+ 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,4 +1,4 @@
1
- import { a as s, i as o, n as r, o as t, r as p, s as A, t as S } from "../data-display-DUMj_z1t.js";
1
+ import { a as s, i as o, n as r, o as t, r as p, s as A, t as S } from "../data-display-B7beM2yK.js";
2
2
  export {
3
3
  t as AVATAR_PROPERTIES_BY_SIZE,
4
4
  A as Avatar,
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ProgressRing-g1nHGyUp.cjs"),o=require("../Loader-Bb72CUQ9.cjs"),e=require("../ProgressBar-goqxS9NE.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
+ 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-DtHWQH8w.js";
4
- import { n as i, t as p } from "../ProgressBar-8pjpGrmZ.js";
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;
@@ -5,4 +5,5 @@ export type InputProps = Omit<InputPrimitive.Props, 'size'> & {
5
5
  size?: InputSize;
6
6
  variant?: InputVariant;
7
7
  hasFocusRing?: boolean;
8
+ textAlign?: 'start' | 'end';
8
9
  };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Button-iVyxlrwO.cjs"),u=require("../Input-D69M4UwD.cjs"),t=require("../Radio-CpQPRHXa.cjs"),o=require("../Switch-Ck8QAAbb.cjs"),e=require("../input-ExCbk62Y.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
+ 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-CU8BS-Yd.js";
2
- import { t as r } from "../Input-D1sIHUZ5.js";
3
- import { i, n as e, r as m, t as p } from "../Radio-VTjpEz8M.js";
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-DxoXgI5-.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-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-B-SFWJZb.cjs"),e=require("../navigation-ByYN6NgX.cjs");exports.Breadcrumb=e.Breadcrumb;exports.ListItem=r.ListItem;exports.Tabs=e.Tabs;
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,4 +1,4 @@
1
- import { t } from "../ListItem-WLONJMo5.js";
1
+ import { t } from "../ListItem-DR7Xh2WV.js";
2
2
  import { n as a, t as o } from "../navigation-BY8X2w04.js";
3
3
  export {
4
4
  a as Breadcrumb,
@@ -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>>;
@@ -2,4 +2,5 @@ import { useRender } from '@base-ui/react/use-render';
2
2
  export type CardRootProps = useRender.ComponentProps<'div'> & {
3
3
  fullWidth?: boolean;
4
4
  backgroundColor?: string;
5
+ variant?: 'default' | 'compact';
5
6
  };
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Tooltip-08dDawT_.cjs"),r=require("../Popover-CneCJTvD.cjs"),e=require("../surfaces-DtZwsfms.cjs");exports.AlertDialog=e.AlertDialog;exports.Card=e.Card;exports.Dialog=e.Dialog;exports.Popover=r.Popover;exports.Tooltip=o.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-C7zc16gI.js";
2
- import { t as a } from "../Popover-CWeCV7X9.js";
3
- import { n as m, r as p, t as s } from "../surfaces-v0kQLZYO.js";
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-N8TELGPI.cjs"),e=require("../OverflowingTextWithTooltip-ClpPsdpP.cjs"),o=require("../Heading-CHvEXL6n.cjs"),r=require("../typography-B05olPwL.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
+ 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-Bp9iDdQg.js";
2
- import { r as i, t as e } from "../OverflowingTextWithTooltip-D4eZc-7P.js";
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-BwyZEDDi.js";
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,
@@ -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-Bb72CUQ9.cjs"),d=require("./Shortcut-N8TELGPI.cjs"),_=require("./Button-iVyxlrwO.cjs"),t=require("./ProgressBar-goqxS9NE.cjs"),p=require("./Tooltip-08dDawT_.cjs"),u=require("./OverflowingTextWithTooltip-ClpPsdpP.cjs"),S=require("./Separator-UJVlrTzw.cjs"),g=require("./ListItem-B-SFWJZb.cjs"),T=require("./Popover-CneCJTvD.cjs"),P=require("./Input-D69M4UwD.cjs"),i=require("./Radio-CpQPRHXa.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-DzHM5j7j.cjs"),R=require("./feedback-B50I0C35.cjs"),r=require("./input-ExCbk62Y.cjs"),a=require("./layout-d4uPminV.cjs"),B=require("./ResizeHandle-B1MuHTNA.cjs"),n=require("./navigation-ByYN6NgX.cjs"),o=require("./surfaces-DtZwsfms.cjs"),l=require("./typography-B05olPwL.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;
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;
@@ -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-DtHWQH8w.js";
5
- import { t as f } from "./Shortcut-Bp9iDdQg.js";
6
- import { t as n } from "./Button-CU8BS-Yd.js";
7
- import { n as u, t as S } from "./ProgressBar-8pjpGrmZ.js";
8
- import { t as g } from "./Tooltip-C7zc16gI.js";
9
- import { r as E, t as P } from "./OverflowingTextWithTooltip-D4eZc-7P.js";
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-WLONJMo5.js";
12
- import { t as v } from "./Popover-CWeCV7X9.js";
13
- import { t as A } from "./Input-D1sIHUZ5.js";
14
- import { i as H, n as _, r as w, t as D } from "./Radio-VTjpEz8M.js";
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-DUMj_z1t.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-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-DxoXgI5-.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-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-v0kQLZYO.js";
26
- import { n as Po, t as ho } from "./typography-BwyZEDDi.js";
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-WLONJMo5.js";
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-B-SFWJZb.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}});
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}});