twenty-ui 2.43.0 → 2.44.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 (237) hide show
  1. package/README.md +86 -65
  2. package/dist/{AllIcons-Z8o0B2fy.js → AllIcons-CFMhMGzh.js} +1 -1
  3. package/dist/{AllIcons-D_4JeQkX.cjs → AllIcons-Cz8pObev.cjs} +1 -1
  4. package/dist/Avatar-B5-MSVUG.cjs +1 -0
  5. package/dist/Avatar-Da_dlwJP.js +68 -0
  6. package/dist/{ListItem-D6DvFIbl.js → ListItem-Bg7Sk5Nv.js} +34 -31
  7. package/dist/ListItem-UYe5GaEQ.cjs +1 -0
  8. package/dist/ListItem.module-DkSRO3lX.cjs +1 -0
  9. package/dist/ListItem.module-DqkBkYtI.js +38 -0
  10. package/dist/{Loader-X1LymYkw.js → Loader-BLkXvZli.js} +1 -1
  11. package/dist/{Loader-Z6_7AA-x.cjs → Loader-CMXdrX1d.cjs} +1 -1
  12. package/dist/MenuSeparator-Ct3cQtJ2.cjs +1 -0
  13. package/dist/MenuSeparator-CyUYx1nk.js +68 -0
  14. package/dist/OverflowingTextWithTooltip-CtHMhu6b.js +198 -0
  15. package/dist/OverflowingTextWithTooltip-maBlogGW.cjs +1 -0
  16. package/dist/ProgressBar-C8N-1Iav.cjs +1 -0
  17. package/dist/ProgressBar-Cq6EDZz9.js +58 -0
  18. package/dist/Switch-BLO0Y9bi.cjs +1 -0
  19. package/dist/Switch-CMVfAYqP.js +127 -0
  20. package/dist/TextDirectionContext-pwtyVyKv.cjs +1 -0
  21. package/dist/TextDirectionContext-zzaQWZg6.js +5 -0
  22. package/dist/components/__stories__/reading-direction/DirectionalLayoutExample.d.ts +3 -0
  23. package/dist/components/__stories__/reading-direction/DirectionalMenusExample.d.ts +4 -0
  24. package/dist/components/code-editor/CodeEditor/{utils → internal/utils}/getBaseCodeEditorTheme.d.ts +1 -1
  25. package/dist/components/code-editor/index.d.ts +0 -2
  26. package/dist/components/code-editor.cjs +1 -1
  27. package/dist/components/code-editor.mjs +36 -36
  28. package/dist/components/feedback/Callout/Callout.d.ts +1 -1
  29. package/dist/components/feedback/Callout/types/CalloutProps.d.ts +1 -0
  30. package/dist/components/feedback/InlineBanner/InlineBanner.d.ts +2 -18
  31. package/dist/components/feedback/InlineBanner/internal/InlineBannerButton.d.ts +5 -0
  32. package/dist/components/feedback/InlineBanner/types/InlineBannerButtonProps.d.ts +7 -0
  33. package/dist/components/feedback/InlineBanner/types/InlineBannerProps.d.ts +12 -0
  34. package/dist/components/feedback/Toast/Toast.d.ts +1 -1
  35. package/dist/components/feedback/Toast/internal/components/ToastProgress.d.ts +9 -0
  36. package/dist/components/feedback/Toast/{hooks → internal/hooks}/useEnqueueToast.d.ts +1 -1
  37. package/dist/components/feedback/Toast/{types → internal/types}/ToastEntry.d.ts +1 -1
  38. package/dist/components/feedback/Toast/types/ToastProps.d.ts +1 -1
  39. package/dist/components/feedback/Toaster/internal/ToasterItem.d.ts +1 -1
  40. package/dist/components/feedback/Toaster/internal/ToasterItemExitEffect.d.ts +1 -1
  41. package/dist/components/index.d.ts +4 -20
  42. package/dist/components/input/IconButton/types/IconButtonProps.d.ts +1 -1
  43. package/dist/components/input/SearchInput/SearchInput.d.ts +1 -1
  44. package/dist/components/input/SearchInput/__stories__/SearchInputExample.d.ts +2 -0
  45. package/dist/components/input/SearchInput/types/SearchInputProps.d.ts +2 -10
  46. package/dist/components/navigation/Dropdown/Dropdown.d.ts +6 -6
  47. package/dist/components/navigation/Dropdown/__stories__/DropdownContextMenuExample.d.ts +1 -0
  48. package/dist/components/navigation/Dropdown/__stories__/createStoryState.d.ts +4 -0
  49. package/dist/components/navigation/Dropdown/__stories__/dropdownStoryA11yParameters.d.ts +8 -0
  50. package/dist/components/navigation/Dropdown/hooks/useDropdownPage.d.ts +6 -0
  51. package/dist/components/navigation/Dropdown/internal/DropdownActionItem.d.ts +1 -1
  52. package/dist/components/navigation/Dropdown/internal/DropdownContent.d.ts +1 -1
  53. package/dist/components/navigation/Dropdown/internal/DropdownContextValue.d.ts +5 -1
  54. package/dist/components/navigation/Dropdown/internal/DropdownOptionItem.d.ts +1 -1
  55. package/dist/components/navigation/Dropdown/internal/DropdownRoot.d.ts +1 -1
  56. package/dist/components/navigation/Dropdown/internal/DropdownSubmenuTrigger.d.ts +1 -1
  57. package/dist/components/navigation/Dropdown/internal/DropdownTitle.d.ts +1 -1
  58. package/dist/components/navigation/Dropdown/internal/DropdownTrigger.d.ts +1 -1
  59. package/dist/components/navigation/Dropdown/internal/getDropdownDismissTarget.d.ts +1 -0
  60. package/dist/components/navigation/Dropdown/internal/isDropdownDismissPrevented.d.ts +5 -0
  61. package/dist/components/navigation/Dropdown/internal/useRegisterDropdownLabelElement.d.ts +1 -0
  62. package/dist/components/navigation/Dropdown/internal/useRegisteredElementId.d.ts +1 -0
  63. package/dist/components/navigation/Dropdown/types/DropdownActionItemProps.d.ts +1 -1
  64. package/dist/components/navigation/Dropdown/types/DropdownDismissEvent.d.ts +4 -0
  65. package/dist/components/navigation/Dropdown/types/DropdownRootProps.d.ts +3 -0
  66. package/dist/components/navigation/Dropdown/types/DropdownSubmenuProps.d.ts +1 -1
  67. package/dist/components/navigation/MenuItem/MenuItem.d.ts +1 -1
  68. package/dist/components/navigation/MenuItem/types/MenuItemProps.d.ts +1 -0
  69. package/dist/components/navigation/TabButton/types/TabButtonProps.d.ts +1 -1
  70. package/dist/components-Bs-35QDJ.cjs +1 -0
  71. package/dist/components-kaERZ89J.js +1865 -0
  72. package/dist/components.cjs +1 -1
  73. package/dist/components.mjs +30 -43
  74. package/dist/data-display-DenoFbuP.cjs +1 -0
  75. package/dist/data-display-npY0auY_.js +190 -0
  76. package/dist/getSafeUrl-BuX_E2_8.cjs +1 -0
  77. package/dist/getSafeUrl-DXwcx-N0.js +27 -0
  78. package/dist/icon/components/TablerIcons.d.ts +1 -1
  79. package/dist/icon/hooks/useIcons.d.ts +1 -1
  80. package/dist/icon/index.d.ts +1 -1
  81. package/dist/{icon-Bd81r48z.js → icon-B7aZ6RxF.js} +123 -122
  82. package/dist/{icon-iD9IXJmn.cjs → icon-DK8OPi-m.cjs} +1 -1
  83. package/dist/icon.cjs +1 -1
  84. package/dist/icon.mjs +227 -226
  85. package/dist/index.cjs +1 -1
  86. package/dist/index.mjs +622 -642
  87. package/dist/input-BNuMVtkM.cjs +1 -0
  88. package/dist/input-COx4wMjs.js +324 -0
  89. package/dist/layout-BEC7fKLU.js +34 -0
  90. package/dist/layout-DniJJ8Mx.cjs +1 -0
  91. package/dist/navigation-CUofX3gO.js +78 -0
  92. package/dist/navigation-qJfYicT7.cjs +1 -0
  93. package/dist/primitives/data-display/Avatar/Avatar.d.ts +1 -1
  94. package/dist/primitives/data-display/Avatar/types/AvatarProps.d.ts +1 -0
  95. package/dist/primitives/data-display/Pill/Pill.d.ts +3 -1
  96. package/dist/primitives/data-display.cjs +1 -1
  97. package/dist/primitives/data-display.mjs +7 -8
  98. package/dist/primitives/feedback/ProgressBar/ProgressBar.d.ts +2 -12
  99. package/dist/primitives/feedback/ProgressBar/types/ProgressBarProps.d.ts +14 -0
  100. package/dist/primitives/feedback/index.d.ts +1 -2
  101. package/dist/primitives/feedback.cjs +1 -1
  102. package/dist/primitives/feedback.mjs +2 -4
  103. package/dist/primitives/input/Button/Button.d.ts +1 -1
  104. package/dist/primitives/input/Button/types/ButtonProps.d.ts +0 -2
  105. package/dist/primitives/input/Button/types/ButtonVariant.d.ts +1 -1
  106. package/dist/primitives/input/Radio/Radio.d.ts +1 -1
  107. package/dist/primitives/input/Radio/types/RadioProps.d.ts +1 -0
  108. package/dist/primitives/input/index.d.ts +0 -1
  109. package/dist/primitives/input.cjs +1 -1
  110. package/dist/primitives/input.mjs +9 -9
  111. package/dist/primitives/layout/{AnimatedExpandableContainer/AnimatedExpandableContainer.d.ts → Collapsible/Collapsible.d.ts} +2 -5
  112. package/dist/primitives/layout/TextDirectionProvider/TextDirectionProvider.d.ts +2 -1
  113. package/dist/primitives/layout/TextDirectionProvider/internal/TextDirection.d.ts +1 -0
  114. package/dist/primitives/layout/TextDirectionProvider/internal/TextDirectionContext.d.ts +2 -0
  115. package/dist/primitives/layout/TextDirectionProvider/internal/useProvidedTextDirection.d.ts +1 -0
  116. package/dist/primitives/layout/index.d.ts +4 -6
  117. package/dist/primitives/layout.cjs +1 -1
  118. package/dist/primitives/layout.mjs +6 -6
  119. package/dist/primitives/navigation/ListItem/ListItem.d.ts +1 -1
  120. package/dist/primitives/navigation/ListItem/types/ListItemProps.d.ts +1 -0
  121. package/dist/primitives/navigation/index.d.ts +0 -4
  122. package/dist/primitives/navigation.cjs +1 -1
  123. package/dist/primitives/navigation.mjs +4 -8
  124. package/dist/primitives/surfaces/Dialog/types/DialogSize.d.ts +1 -1
  125. package/dist/primitives/surfaces/Menu/internal/getMenuListItemProps.d.ts +4 -1
  126. package/dist/primitives/surfaces/Menu/types/MenuItemSlotProps.d.ts +1 -1
  127. package/dist/primitives/surfaces/Popover/Popover.d.ts +1 -1
  128. package/dist/primitives/surfaces/Popover/internal/PopoverPopup.d.ts +1 -1
  129. package/dist/primitives/surfaces/Popover/types/PopoverPopupProps.d.ts +5 -0
  130. package/dist/primitives/surfaces/Tooltip/Tooltip.d.ts +1 -1
  131. package/dist/primitives/surfaces/Tooltip/internal/TooltipPopup.d.ts +1 -1
  132. package/dist/primitives/surfaces/Tooltip/types/TooltipPopupProps.d.ts +1 -0
  133. package/dist/primitives/surfaces.cjs +1 -1
  134. package/dist/primitives/surfaces.mjs +3 -3
  135. package/dist/{utilities/utils → primitives/typography/OverflowingTextWithTooltip/internal/LinkifiedText}/linkifyText.d.ts +2 -1
  136. package/dist/primitives/typography.cjs +1 -1
  137. package/dist/primitives/typography.mjs +1 -1
  138. package/dist/primitives.cjs +1 -1
  139. package/dist/primitives.mjs +48 -55
  140. package/dist/style.css +1 -1
  141. package/dist/surfaces-BJilWRcD.js +264 -0
  142. package/dist/surfaces-iGk6vB0x.cjs +1 -0
  143. package/dist/testing.cjs +1 -1
  144. package/dist/testing.mjs +1 -1
  145. package/dist/theme/constants/MainColorNames.d.ts +1 -1
  146. package/dist/theme/constants/ThemeCommon.d.ts +3 -0
  147. package/dist/theme/constants/ThemeLight.d.ts +4 -0
  148. package/dist/theme/getNextThemeColor.d.ts +1 -1
  149. package/dist/theme/themeCssVariables.d.ts +4 -0
  150. package/dist/theme/themeTypes.d.ts +4 -0
  151. package/dist/{theme-DBro6iwF.js → theme-CjHovJAZ.js} +30 -20
  152. package/dist/theme-DumxXtpW.cjs +1 -0
  153. package/dist/theme-dark.css +2 -0
  154. package/dist/theme-light.css +2 -0
  155. package/dist/theme.cjs +1 -1
  156. package/dist/theme.mjs +1 -1
  157. package/dist/useProvidedTextDirection-B7ovnsdr.cjs +1 -0
  158. package/dist/useProvidedTextDirection-P1dtjUtE.js +9 -0
  159. package/dist/utilities/device/getUserDevice.d.ts +1 -1
  160. package/dist/utilities/index.d.ts +0 -3
  161. package/dist/utilities-B7EwAZ4L.cjs +1 -0
  162. package/dist/utilities-CMrqpiWM.js +64 -0
  163. package/dist/utilities.cjs +1 -1
  164. package/dist/utilities.mjs +12 -13
  165. package/package.json +2 -2
  166. package/CHANGELOG.md +0 -24
  167. package/dist/Avatar-BSHgTxt-.js +0 -67
  168. package/dist/Avatar-DTNH6Ku7.cjs +0 -1
  169. package/dist/Input-CFXY05bj.cjs +0 -1
  170. package/dist/Input-DHfmRBq5.js +0 -116
  171. package/dist/ListItem-2dHkY1NB.cjs +0 -1
  172. package/dist/ListItem.module-CveFbY4M.cjs +0 -1
  173. package/dist/ListItem.module-DtIGiTDL.js +0 -38
  174. package/dist/MenuSeparator-DJOspG7J.cjs +0 -1
  175. package/dist/MenuSeparator-dNx4JE6C.js +0 -66
  176. package/dist/OverflowingTextWithTooltip-CqEkoH6t.js +0 -179
  177. package/dist/OverflowingTextWithTooltip-bn6EwWeq.cjs +0 -1
  178. package/dist/Pill-BJ3K8Mdc.cjs +0 -1
  179. package/dist/Pill-DaFEFIOT.js +0 -9
  180. package/dist/ProgressBar-DwJQXHwg.cjs +0 -1
  181. package/dist/ProgressBar-RWLNIkzm.js +0 -55
  182. package/dist/components/data-display/JsonTree/internal/JsonListItem.d.ts +0 -4
  183. package/dist/components/feedback/Info/Info.d.ts +0 -2
  184. package/dist/components/feedback/Info/types/InfoAccent.d.ts +0 -1
  185. package/dist/components/feedback/Info/types/InfoProps.d.ts +0 -11
  186. package/dist/components/input/CardPicker/CardPicker.d.ts +0 -2
  187. package/dist/components/input/CardPicker/types/CardPickerProps.d.ts +0 -2
  188. package/dist/components/input/ColorSchemePicker/ColorSchemePicker.d.ts +0 -2
  189. package/dist/components/input/ColorSchemePicker/internal/Checkmark/Checkmark.d.ts +0 -5
  190. package/dist/components/input/ColorSchemePicker/internal/ColorSchemeCard/ColorSchemeCard.d.ts +0 -11
  191. package/dist/components/input/ColorSchemePicker/types/ColorSchemePickerProps.d.ts +0 -9
  192. package/dist/components/navigation/RoundedLink/RoundedLink.d.ts +0 -8
  193. package/dist/components-BYWo2sUE.cjs +0 -1
  194. package/dist/components-C96xU59U.js +0 -1996
  195. package/dist/data-display-BQ9g9oSc.cjs +0 -1
  196. package/dist/data-display-z9gKjkPS.js +0 -184
  197. package/dist/feedback-BvpEL2-w.js +0 -25
  198. package/dist/feedback-CH2UC0Fv.cjs +0 -1
  199. package/dist/input-C8IiOA9Q.js +0 -335
  200. package/dist/input-NBD4DP8j.cjs +0 -1
  201. package/dist/layout-BgAfeZsL.cjs +0 -1
  202. package/dist/layout-D-XbKoLM.js +0 -30
  203. package/dist/linkifyText-BHQ4_CzQ.cjs +0 -1
  204. package/dist/linkifyText-BINRNP9w.js +0 -45
  205. package/dist/mergeClassNames-BHKm1BNi.js +0 -6
  206. package/dist/mergeClassNames-BbJtXN2t.cjs +0 -1
  207. package/dist/navigation-BqZBteC2.cjs +0 -1
  208. package/dist/navigation-CLMgaqS8.js +0 -91
  209. package/dist/primitives/feedback/CircularProgressBar/CircularProgressBar.d.ts +0 -7
  210. package/dist/primitives/input/Button/internal/ButtonSoon.d.ts +0 -5
  211. package/dist/primitives/input/types/ColorScheme.d.ts +0 -1
  212. package/dist/primitives/layout/AnimatedExpandableContainer/types/AnimationMode.d.ts +0 -1
  213. package/dist/primitives/layout/AnimatedExpandableContainer/types/AnimationSize.d.ts +0 -1
  214. package/dist/primitives/navigation/ClickToActionLink/ClickToActionLink.d.ts +0 -6
  215. package/dist/primitives/navigation/Link/constants/Cal.d.ts +0 -1
  216. package/dist/primitives/navigation/Link/constants/GithubLink.d.ts +0 -1
  217. package/dist/primitives/navigation/Link/constants/TwentyPricingLink.d.ts +0 -1
  218. package/dist/surfaces-DX8oX1ou.js +0 -254
  219. package/dist/surfaces-uuLwsFxg.cjs +0 -1
  220. package/dist/theme-DNG4OSBd.cjs +0 -1
  221. package/dist/utilities/types/ClickOutsideAttributes.d.ts +0 -4
  222. package/dist/utilities-BlvbRryv.cjs +0 -1
  223. package/dist/utilities-C5Tt2HLT.js +0 -56
  224. /package/dist/components/code-editor/CodeEditor/{constants → internal/constants}/BaseCodeEditorThemeId.d.ts +0 -0
  225. /package/dist/components/feedback/Toast/{constants → internal/constants}/DefaultToastLimit.d.ts +0 -0
  226. /package/dist/components/feedback/Toast/{contexts → internal/contexts}/ToastContext.d.ts +0 -0
  227. /package/dist/components/feedback/Toast/{hooks → internal/hooks}/useCloseToast.d.ts +0 -0
  228. /package/dist/components/feedback/Toast/{hooks → internal/hooks}/useToastContext.d.ts +0 -0
  229. /package/dist/components/feedback/Toast/{hooks → internal/hooks}/useToastEntries.d.ts +0 -0
  230. /package/dist/components/feedback/Toast/{stores → internal/stores}/createToastStore.d.ts +0 -0
  231. /package/dist/components/feedback/Toast/{types → internal/types}/ToastStoreState.d.ts +0 -0
  232. /package/dist/components/feedback/Toast/{utils → internal/utils}/completeToastExit.d.ts +0 -0
  233. /package/dist/components/feedback/Toast/{utils → internal/utils}/dismissToasts.d.ts +0 -0
  234. /package/dist/components/feedback/Toast/{utils → internal/utils}/isToastVisible.d.ts +0 -0
  235. /package/dist/primitives/layout/{AnimatedExpandableContainer → Collapsible}/types/AnimationDimension.d.ts +0 -0
  236. /package/dist/primitives/layout/{AnimatedExpandableContainer → Collapsible}/types/AnimationDurationObject.d.ts +0 -0
  237. /package/dist/primitives/layout/{AnimatedExpandableContainer → Collapsible}/types/AnimationDurations.d.ts +0 -0
@@ -1,67 +0,0 @@
1
- import { t as b } from "./isDefined-fMi6eQ4r.js";
2
- import { r as L } from "./theme-DBro6iwF.js";
3
- import { u as m } from "./utilities-C5Tt2HLT.js";
4
- import { t as $ } from "./mergeClassNames-BHKm1BNi.js";
5
- import { Fragment as q, jsx as r, jsxs as D } from "react/jsx-runtime";
6
- import { Button as R } from "@base-ui/react/button";
7
- import { Avatar as v } from "@base-ui/react/avatar";
8
- var S = "_root_vjzsy_1", U = "_avatarPulsing_vjzsy_1", E = "_image_vjzsy_84", G = "_fallback_vjzsy_90", H = "_icon_vjzsy_94", s = {
9
- root: S,
10
- avatarPulsing: U,
11
- image: E,
12
- fallback: G,
13
- icon: H
14
- }, X = ({ src: h, name: n, colorSeed: l = n, size: k = "md", shape: y = "square", variant: f = "soft", icon: o, color: j, backgroundColor: z, borderColor: A, pulsing: N = !1, disabled: g = !1, nativeButton: x = !0, onClick: u, className: w, style: c, render: i, "aria-label": B, ...C }) => {
15
- const a = L(), e = n?.trim().charAt(0).toUpperCase(), I = e ? j ?? m({
16
- string: l ?? "",
17
- variant: 12,
18
- theme: a
19
- }) : a.font.color.tertiary, P = e ? z ?? m({
20
- string: l ?? "",
21
- variant: f === "outline" ? 5 : 4,
22
- theme: a
23
- }) : a.background.transparent.light, p = A ?? (e ? m({
24
- string: l ?? "",
25
- variant: 6,
26
- theme: a
27
- }) : void 0), d = b(u), _ = b(o) && typeof o != "boolean" && o !== "";
28
- return /* @__PURE__ */ r(v.Root, {
29
- ...C,
30
- onClick: u,
31
- "aria-label": B ?? (d ? n?.trim() || "Avatar" : void 0),
32
- "data-size": k,
33
- "data-shape": y,
34
- "data-pulsing": N || void 0,
35
- "data-disabled": g || void 0,
36
- "data-clickable": d || void 0,
37
- className: $(s.root, w),
38
- style: (t) => ({
39
- "--tw-avatar-color": I,
40
- "--tw-avatar-background": _ ? "inherit" : t.imageLoadingStatus === "loaded" ? "none" : P,
41
- "--tw-avatar-border": f === "outline" && t.imageLoadingStatus !== "loaded" && p ? `1px solid ${p}` : "none",
42
- ...typeof c == "function" ? c(t) : c
43
- }),
44
- render: d ? (t, T) => /* @__PURE__ */ r(R, {
45
- ...t,
46
- disabled: g,
47
- nativeButton: x,
48
- render: typeof i == "function" ? (F) => i(F, T) : i
49
- }) : i,
50
- children: _ ? /* @__PURE__ */ r("span", {
51
- className: s.icon,
52
- "aria-hidden": !0,
53
- children: o
54
- }) : /* @__PURE__ */ D(q, { children: [/* @__PURE__ */ r(v.Image, {
55
- src: h ?? void 0,
56
- alt: "",
57
- className: s.image
58
- }), /* @__PURE__ */ r(v.Fallback, {
59
- className: s.fallback,
60
- "aria-hidden": !0,
61
- children: e || "-"
62
- })] })
63
- });
64
- };
65
- export {
66
- X as t
67
- };
@@ -1 +0,0 @@
1
- const I=require("./theme-DNG4OSBd.cjs"),h=require("./isDefined-DS2Q42p5.cjs"),d=require("./utilities-BlvbRryv.cjs"),S=require("./mergeClassNames-BbJtXN2t.cjs");let a=require("react/jsx-runtime"),F=require("@base-ui/react/button"),v=require("@base-ui/react/avatar");var L="_root_vjzsy_1",O="_avatarPulsing_vjzsy_1",R="_image_vjzsy_84",U="_fallback_vjzsy_90",$="_icon_vjzsy_94",o={root:L,avatarPulsing:O,image:R,fallback:U,icon:$},E=({src:j,name:n,colorSeed:l=n,size:q="md",shape:p="square",variant:_="soft",icon:t,color:k,backgroundColor:y,borderColor:x,pulsing:A=!1,disabled:g=!1,nativeButton:T=!0,onClick:m,className:z,style:c,render:i,"aria-label":C,...N})=>{const e=I.useTheme(),s=n?.trim().charAt(0).toUpperCase(),P=s?k??d.stringToThemeColorP3String({string:l??"",variant:12,theme:e}):e.font.color.tertiary,w=s?y??d.stringToThemeColorP3String({string:l??"",variant:_==="outline"?5:4,theme:e}):e.background.transparent.light,f=x??(s?d.stringToThemeColorP3String({string:l??"",variant:6,theme:e}):void 0),u=h.isDefined(m),b=h.isDefined(t)&&typeof t!="boolean"&&t!=="";return(0,a.jsx)(v.Avatar.Root,{...N,onClick:m,"aria-label":C??(u?n?.trim()||"Avatar":void 0),"data-size":q,"data-shape":p,"data-pulsing":A||void 0,"data-disabled":g||void 0,"data-clickable":u||void 0,className:S.mergeClassNames(o.root,z),style:r=>({"--tw-avatar-color":P,"--tw-avatar-background":b?"inherit":r.imageLoadingStatus==="loaded"?"none":w,"--tw-avatar-border":_==="outline"&&r.imageLoadingStatus!=="loaded"&&f?`1px solid ${f}`:"none",...typeof c=="function"?c(r):c}),render:u?(r,B)=>(0,a.jsx)(F.Button,{...r,disabled:g,nativeButton:T,render:typeof i=="function"?D=>i(D,B):i}):i,children:b?(0,a.jsx)("span",{className:o.icon,"aria-hidden":!0,children:t}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(v.Avatar.Image,{src:j??void 0,alt:"",className:o.image}),(0,a.jsx)(v.Avatar.Fallback,{className:o.fallback,"aria-hidden":!0,children:s||"-"})]})})};Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return E}});
@@ -1 +0,0 @@
1
- const i=require("./isDefined-DS2Q42p5.cjs"),w=require("./utilities-BlvbRryv.cjs"),L=require("./Loader-Z6_7AA-x.cjs"),H=require("./Pill-BJ3K8Mdc.cjs"),d=require("./mergeClassNames-BbJtXN2t.cjs");let _=require("clsx"),e=require("react/jsx-runtime"),c=require("react"),M=require("@base-ui/react/button"),q=require("@base-ui/react/radio"),K=require("@base-ui/react/input"),C=require("@base-ui/react/switch");var T="_hotkeys_16heq_1",V={hotkeys:T},A=({hotkeys:t})=>(0,e.jsx)("span",{className:V.hotkeys,"aria-hidden":!0,children:t.join(w.getOsShortcutSeparator())}),E="_soonPillContainer_e7hkk_1",F={soonPillContainer:E},J=({label:t="Soon"})=>(0,e.jsx)("span",{className:F.soonPillContainer,children:(0,e.jsx)(H.Pill,{label:t})}),y=(0,c.createContext)(null),Q="_button_1kjmt_1",U="_content_1kjmt_161",W="_label_1kjmt_170",X="_icon_1kjmt_176",Y="_hidden_1kjmt_186",Z="_loader_1kjmt_190",s={button:Q,content:U,label:W,icon:X,hidden:Y,loader:Z},ee=({variant:t="outline",color:a="neutral",size:n="md",fullWidth:r=!1,loading:o=!1,elevated:S=!1,startIcon:j,endIcon:p,hotkeys:f,soon:k=!1,soonLabel:g,disabled:B=!1,href:m,render:O,className:D,children:v,...N})=>{const b=(0,c.useContext)(y),I=b?.variant??t,R=b?.color??a,G=b?.size??n,z=w.useIsMobile(),u=i.isDefined(m),$=u?{href:m}:void 0;return(0,e.jsxs)(M.Button,{...N,...$,className:d.mergeClassNames(s.button,D),"data-variant":I,"data-color":R,"data-size":G,"data-full-width":r||void 0,"data-loading":o||void 0,"data-elevated":S||void 0,"aria-busy":o?"true":N["aria-busy"],disabled:B||k||o,role:u?"link":void 0,nativeButton:!u,render:O??(u?(0,e.jsx)("a",{href:m,children:v}):void 0),children:[(0,e.jsxs)("span",{className:(0,_.clsx)(s.content,o&&s.hidden),children:[i.isDefined(j)&&(0,e.jsx)("span",{className:s.icon,"aria-hidden":!0,children:j}),i.isDefined(v)&&(0,e.jsx)("span",{className:s.label,children:v}),i.isDefined(p)&&(0,e.jsx)("span",{className:s.icon,"aria-hidden":!0,children:p}),i.isDefined(f)&&!z&&(0,e.jsx)(A,{hotkeys:f}),k&&(0,e.jsx)(J,{label:g})]}),o&&(0,e.jsx)("span",{className:s.loader,"aria-hidden":!0,children:(0,e.jsx)(L.Loader,{})})]})},te="_root_ahkrw_1",re="_control_ahkrw_18",ae="_sm_ahkrw_33",ne="_md_ahkrw_38",oe="_indicator_ahkrw_49",l={root:te,control:re,sm:ae,md:ne,indicator:oe},se=({children:t,className:a,size:n="sm",...r})=>(0,e.jsxs)(q.Radio.Root,{...r,className:d.mergeClassNames((0,_.clsx)(l.root,l[n]),a),children:[(0,e.jsx)("span",{className:l.control,"aria-hidden":!0,children:(0,e.jsx)(q.Radio.Indicator,{className:l.indicator})}),t]}),ie="_root_rn2ew_1",ue="_sm_rn2ew_33",le="_md_rn2ew_39",de="_thumb_rn2ew_45",x={root:ie,sm:ue,md:le,thumb:de},_e=({size:t="md",className:a,children:n,...r})=>(0,e.jsxs)(C.Switch.Root,{...r,className:d.mergeClassNames((0,_.clsx)(x.root,x[t]),a),children:[(0,e.jsx)(C.Switch.Thumb,{className:x.thumb}),n]}),P=(0,c.createContext)(null),ce="_input_14itx_1",me="_sm_14itx_45",ve="_md_14itx_49",h={input:ce,sm:me,md:ve},be=({size:t,className:a,...n})=>{const r=(0,c.useContext)(P),o=t??r?.size??"md";return(0,e.jsx)(K.Input,{...n,className:d.mergeClassNames((0,_.clsx)(h.input,h[o]),a),"data-grouped":i.isDefined(r)||void 0})};Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return ee}});Object.defineProperty(exports,"ButtonGroupContext",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return be}});Object.defineProperty(exports,"InputGroupContext",{enumerable:!0,get:function(){return P}});Object.defineProperty(exports,"Input_module_default",{enumerable:!0,get:function(){return h}});Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return se}});Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return _e}});
@@ -1,116 +0,0 @@
1
- import { t as i } from "./isDefined-fMi6eQ4r.js";
2
- import { n as M, o as q } from "./utilities-C5Tt2HLT.js";
3
- import { t as D } from "./Loader-X1LymYkw.js";
4
- import { t as K } from "./Pill-DaFEFIOT.js";
5
- import { t as _ } from "./mergeClassNames-BHKm1BNi.js";
6
- import { clsx as u } from "clsx";
7
- import { jsx as a, jsxs as m } from "react/jsx-runtime";
8
- import { createContext as B, useContext as C } from "react";
9
- import { Button as O } from "@base-ui/react/button";
10
- import { Radio as x } from "@base-ui/react/radio";
11
- import { Input as T } from "@base-ui/react/input";
12
- import { Switch as S } from "@base-ui/react/switch";
13
- var V = "_hotkeys_16heq_1", g = { hotkeys: V }, A = ({ hotkeys: t }) => /* @__PURE__ */ a("span", {
14
- className: g.hotkeys,
15
- "aria-hidden": !0,
16
- children: t.join(q())
17
- }), E = "_soonPillContainer_e7hkk_1", F = { soonPillContainer: E }, J = ({ label: t = "Soon" }) => /* @__PURE__ */ a("span", {
18
- className: F.soonPillContainer,
19
- children: /* @__PURE__ */ a(K, { label: t })
20
- }), Q = B(null), U = "_button_1kjmt_1", W = "_content_1kjmt_161", X = "_label_1kjmt_170", Y = "_icon_1kjmt_176", Z = "_hidden_1kjmt_186", aa = "_loader_1kjmt_190", s = {
21
- button: U,
22
- content: W,
23
- label: X,
24
- icon: Y,
25
- hidden: Z,
26
- loader: aa
27
- }, $a = ({ variant: t = "outline", color: r = "neutral", size: e = "md", fullWidth: o = !1, loading: n = !1, elevated: $ = !1, startIcon: f, endIcon: k, hotkeys: b, soon: N = !1, soonLabel: y, disabled: P = !1, href: c, render: z, className: R, children: v, ...w }) => {
28
- const p = C(Q), G = p?.variant ?? t, I = p?.color ?? r, H = p?.size ?? e, L = M(), l = i(c);
29
- return /* @__PURE__ */ m(O, {
30
- ...w,
31
- ...l ? { href: c } : void 0,
32
- className: _(s.button, R),
33
- "data-variant": G,
34
- "data-color": I,
35
- "data-size": H,
36
- "data-full-width": o || void 0,
37
- "data-loading": n || void 0,
38
- "data-elevated": $ || void 0,
39
- "aria-busy": n ? "true" : w["aria-busy"],
40
- disabled: P || N || n,
41
- role: l ? "link" : void 0,
42
- nativeButton: !l,
43
- render: z ?? (l ? /* @__PURE__ */ a("a", {
44
- href: c,
45
- children: v
46
- }) : void 0),
47
- children: [/* @__PURE__ */ m("span", {
48
- className: u(s.content, n && s.hidden),
49
- children: [
50
- i(f) && /* @__PURE__ */ a("span", {
51
- className: s.icon,
52
- "aria-hidden": !0,
53
- children: f
54
- }),
55
- i(v) && /* @__PURE__ */ a("span", {
56
- className: s.label,
57
- children: v
58
- }),
59
- i(k) && /* @__PURE__ */ a("span", {
60
- className: s.icon,
61
- "aria-hidden": !0,
62
- children: k
63
- }),
64
- i(b) && !L && /* @__PURE__ */ a(A, { hotkeys: b }),
65
- N && /* @__PURE__ */ a(J, { label: y })
66
- ]
67
- }), n && /* @__PURE__ */ a("span", {
68
- className: s.loader,
69
- "aria-hidden": !0,
70
- children: /* @__PURE__ */ a(D, {})
71
- })]
72
- });
73
- }, ta = "_root_ahkrw_1", oa = "_control_ahkrw_18", ra = "_sm_ahkrw_33", ea = "_md_ahkrw_38", na = "_indicator_ahkrw_49", d = {
74
- root: ta,
75
- control: oa,
76
- sm: ra,
77
- md: ea,
78
- indicator: na
79
- }, ya = ({ children: t, className: r, size: e = "sm", ...o }) => /* @__PURE__ */ m(x.Root, {
80
- ...o,
81
- className: _(u(d.root, d[e]), r),
82
- children: [/* @__PURE__ */ a("span", {
83
- className: d.control,
84
- "aria-hidden": !0,
85
- children: /* @__PURE__ */ a(x.Indicator, { className: d.indicator })
86
- }), t]
87
- }), sa = "_root_rn2ew_1", ia = "_sm_rn2ew_33", la = "_md_rn2ew_39", da = "_thumb_rn2ew_45", h = {
88
- root: sa,
89
- sm: ia,
90
- md: la,
91
- thumb: da
92
- }, Pa = ({ size: t = "md", className: r, children: e, ...o }) => /* @__PURE__ */ m(S.Root, {
93
- ...o,
94
- className: _(u(h.root, h[t]), r),
95
- children: [/* @__PURE__ */ a(S.Thumb, { className: h.thumb }), e]
96
- }), ma = B(null), _a = "_input_14itx_1", ua = "_sm_14itx_45", ca = "_md_14itx_49", j = {
97
- input: _a,
98
- sm: ua,
99
- md: ca
100
- }, za = ({ size: t, className: r, ...e }) => {
101
- const o = C(ma), n = t ?? o?.size ?? "md";
102
- return /* @__PURE__ */ a(T, {
103
- ...e,
104
- className: _(u(j.input, j[n]), r),
105
- "data-grouped": i(o) || void 0
106
- });
107
- };
108
- export {
109
- ya as a,
110
- Pa as i,
111
- j as n,
112
- $a as o,
113
- ma as r,
114
- Q as s,
115
- za as t
116
- };
@@ -1 +0,0 @@
1
- const D=require("./theme-DNG4OSBd.cjs"),R=require("./isDefined-DS2Q42p5.cjs"),S=require("./OverflowingTextWithTooltip-bn6EwWeq.cjs"),e=require("./ListItem.module-CveFbY4M.cjs");let r=require("clsx"),t=require("react/jsx-runtime"),N=require("@sniptt/guards"),m=require("react");m=D.__toESM(m,1);let K=require("@base-ui/react/use-render"),_=require("@tabler/icons-react");var M="_commandTextContainer_2o210_1",O="_commandText_2o210_1",H="_commandKey_2o210_15",u={commandTextContainer:M,commandText:O,commandKey:H},v=({hotKeys:a,joinLabel:s="then"})=>(0,t.jsx)("div",{className:u.commandText,children:a&&(0,t.jsx)("div",{className:u.commandTextContainer,children:a.map((i,l)=>(0,t.jsxs)(m.default.Fragment,{children:[(0,t.jsx)("div",{className:u.commandKey,children:i}),l<a.length-1&&s]},l))})}),w=({checked:a,disabled:s})=>(0,t.jsx)("span",{"aria-hidden":!0,className:(0,r.clsx)(e.Checkbox_module_default.root,e.Checkbox_module_default.solid,e.Checkbox_module_default.sm,e.Checkbox_module_default.square,e.Checkbox_module_default.accent),"data-checked":a||void 0,"data-disabled":s||void 0,children:(0,t.jsx)("span",{className:e.Checkbox_module_default.box,children:a&&(0,t.jsx)("span",{className:e.Checkbox_module_default.indicator,children:(0,t.jsx)(_.IconCheck,{"aria-hidden":!0})})})}),E=({color:a="neutral",selected:s=!1,focused:i=!1,disabled:l=!1,indicator:n="none",startIcon:x,endIcon:h,description:d,descriptionPlacement:f="inline",actions:I,actionsVisibility:L="hover",hotkeys:j,hasSubmenu:k=!1,className:q,children:o,render:C,ref:g,onClick:p,...y})=>{const b=e.isRenderableSlot(d),T=c=>{if(l){c.preventDefault();return}R.isDefined(p)&&(c.stopPropagation(),p(c))};return(0,K.useRender)({render:C,ref:g,state:{color:a,indicator:n,selected:s,highlighted:i,disabled:l},props:{...y,"data-actions-visibility":L,className:(0,r.clsx)(e.ListItem_module_default.root,q),"aria-disabled":l||void 0,onClick:T,children:(0,t.jsxs)(t.Fragment,{children:[n==="checkbox"&&(0,t.jsx)(w,{checked:s,disabled:l}),e.isRenderableSlot(x)&&(0,t.jsx)("span",{className:e.ListItem_module_default.startIcon,children:x}),(0,t.jsxs)("span",{className:e.ListItem_module_default.label,children:[(0,t.jsx)("span",{className:e.ListItem_module_default.text,children:(0,N.isString)(o)?(0,t.jsx)(S.OverflowingTextWithTooltip,{text:o}):o}),b&&f==="inline"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.inlineDescription),children:d})]}),b&&f==="end"&&(0,t.jsx)("span",{className:(0,r.clsx)(e.ListItem_module_default.description,e.ListItem_module_default.endDescription),children:d}),e.isRenderableSlot(I)&&(0,t.jsx)("span",{className:e.ListItem_module_default.actions,children:I}),(0,N.isNonEmptyArray)(j)&&(0,t.jsx)("span",{className:e.ListItem_module_default.hotkeys,children:(0,t.jsx)(v,{hotKeys:j})}),e.isRenderableSlot(h)&&(0,t.jsx)("span",{className:e.ListItem_module_default.endIcon,children:h}),n==="check"&&s&&(0,t.jsx)(_.IconCheck,{className:e.ListItem_module_default.checkIndicator,"aria-hidden":!0}),k&&(0,t.jsx)(_.IconChevronRight,{className:e.ListItem_module_default.submenuIcon,"aria-hidden":!0})]})}})};Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return E}});Object.defineProperty(exports,"MenuItemHotKeys",{enumerable:!0,get:function(){return v}});
@@ -1 +0,0 @@
1
- const _=require("./isDefined-DS2Q42p5.cjs");let r=require("@sniptt/guards");var s=e=>_.isDefined(e)&&!(0,r.isBoolean)(e)&&e!=="",t="_root_1fskg_1",n="_solid_1fskg_22",a="_outline_1fskg_26",o="_soft_1fskg_30",i="_sm_1fskg_35",c="_md_1fskg_40",u="_square_1fskg_46",v="_round_1fskg_51",d="_accent_1fskg_57",f="_success_1fskg_63",l="_warning_1fskg_69",k="_hoverable_1fskg_75",g="_box_1fskg_113",h="_indicator_1fskg_134",b="_check_1fskg_150",m="_minus_1fskg_151",z={root:t,solid:n,outline:a,soft:o,sm:i,md:c,square:u,round:v,accent:d,success:f,warning:l,hoverable:k,box:g,indicator:h,check:b,minus:m},p="_root_5ehzs_2",I="_submenuIcon_5ehzs_51",x="_startIcon_5ehzs_55",D="_endIcon_5ehzs_56",q="_label_5ehzs_72",y="_text_5ehzs_82",j="_description_5ehzs_90",O="_inlineDescription_5ehzs_98",P="_endDescription_5ehzs_103",w="_hotkeys_5ehzs_108",C="_actions_5ehzs_114",L="_checkIndicator_5ehzs_131",R={root:p,submenuIcon:I,startIcon:x,endIcon:D,label:q,text:y,description:j,inlineDescription:O,endDescription:P,hotkeys:w,actions:C,checkIndicator:L};Object.defineProperty(exports,"Checkbox_module_default",{enumerable:!0,get:function(){return z}});Object.defineProperty(exports,"ListItem_module_default",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"isRenderableSlot",{enumerable:!0,get:function(){return s}});
@@ -1,38 +0,0 @@
1
- import { t as s } from "./isDefined-fMi6eQ4r.js";
2
- import { isBoolean as r } from "@sniptt/guards";
3
- var $ = (_) => s(_) && !r(_) && _ !== "", e = "_root_1fskg_1", a = "_solid_1fskg_22", o = "_outline_1fskg_26", n = "_soft_1fskg_30", t = "_sm_1fskg_35", i = "_md_1fskg_40", c = "_square_1fskg_46", v = "_round_1fskg_51", f = "_accent_1fskg_57", k = "_success_1fskg_63", d = "_warning_1fskg_69", h = "_hoverable_1fskg_75", g = "_box_1fskg_113", u = "_indicator_1fskg_134", l = "_check_1fskg_150", m = "_minus_1fskg_151", j = {
4
- root: e,
5
- solid: a,
6
- outline: o,
7
- soft: n,
8
- sm: t,
9
- md: i,
10
- square: c,
11
- round: v,
12
- accent: f,
13
- success: k,
14
- warning: d,
15
- hoverable: h,
16
- box: g,
17
- indicator: u,
18
- check: l,
19
- minus: m
20
- }, z = "_root_5ehzs_2", b = "_submenuIcon_5ehzs_51", p = "_startIcon_5ehzs_55", I = "_endIcon_5ehzs_56", x = "_label_5ehzs_72", D = "_text_5ehzs_82", q = "_description_5ehzs_90", w = "_inlineDescription_5ehzs_98", y = "_endDescription_5ehzs_103", B = "_hotkeys_5ehzs_108", C = "_actions_5ehzs_114", L = "_checkIndicator_5ehzs_131", A = {
21
- root: z,
22
- submenuIcon: b,
23
- startIcon: p,
24
- endIcon: I,
25
- label: x,
26
- text: D,
27
- description: q,
28
- inlineDescription: w,
29
- endDescription: y,
30
- hotkeys: B,
31
- actions: C,
32
- checkIndicator: L
33
- };
34
- export {
35
- j as n,
36
- $ as r,
37
- A as t
38
- };
@@ -1 +0,0 @@
1
- const b=require("./theme-DNG4OSBd.cjs"),t=require("./mergeClassNames-BbJtXN2t.cjs");let o=require("react/jsx-runtime"),a=require("@base-ui/react/popover"),u=require("@base-ui/react/menu");var j="_positioner_zlrze_1",N="_popup_zlrze_5",f="_title_zlrze_29",C="_description_zlrze_36",M="_arrow_zlrze_42",p={positioner:j,popup:N,title:f,description:C,arrow:M},x=({className:e,...r})=>(0,o.jsx)(a.Popover.Description,{...r,className:t.mergeClassNames(p.description,e)}),z=({side:e="bottom",align:r="center",sideOffset:n=8,alignOffset:i,arrow:l=!1,anchor:_,container:m,keepMounted:v,className:c,children:P,...d})=>{const g=b.useThemeContainer();return(0,o.jsx)(a.Popover.Portal,{container:m??g??void 0,keepMounted:v,children:(0,o.jsx)(a.Popover.Positioner,{side:e,align:r,sideOffset:n,alignOffset:i,anchor:_,className:p.positioner,children:(0,o.jsxs)(a.Popover.Popup,{...d,className:t.mergeClassNames(p.popup,c),children:[l&&(0,o.jsx)(a.Popover.Arrow,{className:p.arrow}),P]})})})},q=({className:e,...r})=>(0,o.jsx)(a.Popover.Title,{...r,className:t.mergeClassNames(p.title,e)}),h={Root:a.Popover.Root,Trigger:a.Popover.Trigger,Popup:z,Title:q,Description:x,Close:a.Popover.Close},G="_positioner_3411d_1",L="_popup_3411d_5",T="_group_3411d_36",y="_groupLabel_3411d_42",O="_separator_3411d_54",s={positioner:G,popup:L,group:T,groupLabel:y,separator:O},w=({className:e,...r})=>(0,o.jsx)(u.Menu.Group,{...r,className:t.mergeClassNames(s.group,e)}),D=({className:e,...r})=>(0,o.jsx)(u.Menu.GroupLabel,{...r,className:t.mergeClassNames(s.groupLabel,e)}),S=({className:e,...r})=>(0,o.jsx)(u.Menu.Separator,{...r,className:t.mergeClassNames(s.separator,e)});Object.defineProperty(exports,"MenuGroup",{enumerable:!0,get:function(){return w}});Object.defineProperty(exports,"MenuGroupLabel",{enumerable:!0,get:function(){return D}});Object.defineProperty(exports,"MenuSeparator",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"Menu_module_default",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"Popover",{enumerable:!0,get:function(){return h}});
@@ -1,66 +0,0 @@
1
- import { t as z } from "./theme-DBro6iwF.js";
2
- import { t as p } from "./mergeClassNames-BHKm1BNi.js";
3
- import { jsx as a, jsxs as N } from "react/jsx-runtime";
4
- import { Popover as e } from "@base-ui/react/popover";
5
- import { Menu as t } from "@base-ui/react/menu";
6
- var f = "_positioner_zlrze_1", b = "_popup_zlrze_5", T = "_title_zlrze_29", h = "_description_zlrze_36", C = "_arrow_zlrze_42", s = {
7
- positioner: f,
8
- popup: b,
9
- title: T,
10
- description: h,
11
- arrow: C
12
- }, L = ({ className: r, ...o }) => /* @__PURE__ */ a(e.Description, {
13
- ...o,
14
- className: p(s.description, r)
15
- }), M = ({ side: r = "bottom", align: o = "center", sideOffset: l = 8, alignOffset: _, arrow: n = !1, anchor: u, container: v, keepMounted: m, className: c, children: d, ...g }) => {
16
- const P = z();
17
- return /* @__PURE__ */ a(e.Portal, {
18
- container: v ?? P ?? void 0,
19
- keepMounted: m,
20
- children: /* @__PURE__ */ a(e.Positioner, {
21
- side: r,
22
- align: o,
23
- sideOffset: l,
24
- alignOffset: _,
25
- anchor: u,
26
- className: s.positioner,
27
- children: /* @__PURE__ */ N(e.Popup, {
28
- ...g,
29
- className: p(s.popup, c),
30
- children: [n && /* @__PURE__ */ a(e.Arrow, { className: s.arrow }), d]
31
- })
32
- })
33
- });
34
- }, w = ({ className: r, ...o }) => /* @__PURE__ */ a(e.Title, {
35
- ...o,
36
- className: p(s.title, r)
37
- }), y = {
38
- Root: e.Root,
39
- Trigger: e.Trigger,
40
- Popup: M,
41
- Title: w,
42
- Description: L,
43
- Close: e.Close
44
- }, G = "_positioner_3411d_1", x = "_popup_3411d_5", D = "_group_3411d_36", $ = "_groupLabel_3411d_42", j = "_separator_3411d_54", i = {
45
- positioner: G,
46
- popup: x,
47
- group: D,
48
- groupLabel: $,
49
- separator: j
50
- }, B = ({ className: r, ...o }) => /* @__PURE__ */ a(t.Group, {
51
- ...o,
52
- className: p(i.group, r)
53
- }), E = ({ className: r, ...o }) => /* @__PURE__ */ a(t.GroupLabel, {
54
- ...o,
55
- className: p(i.groupLabel, r)
56
- }), F = ({ className: r, ...o }) => /* @__PURE__ */ a(t.Separator, {
57
- ...o,
58
- className: p(i.separator, r)
59
- });
60
- export {
61
- y as a,
62
- i,
63
- E as n,
64
- B as r,
65
- F as t
66
- };
@@ -1,179 +0,0 @@
1
- import { t as c } from "./isDefined-fMi6eQ4r.js";
2
- import { t as j } from "./theme-DBro6iwF.js";
3
- import { n as y, t as F } from "./linkifyText-BINRNP9w.js";
4
- import { t as U } from "./mergeClassNames-BHKm1BNi.js";
5
- import { clsx as R } from "clsx";
6
- import { Fragment as M, jsx as r, jsxs as O } from "react/jsx-runtime";
7
- import { isNonEmptyString as P, isNumber as X, isString as $ } from "@sniptt/guards";
8
- import { memo as z, useRef as B, useState as H } from "react";
9
- import { Tooltip as p } from "@base-ui/react/tooltip";
10
- import { useRender as q } from "@base-ui/react/use-render";
11
- var G = "_positioner_12t3h_1", J = "_popup_12t3h_5", K = "_content_12t3h_29", Q = "_title_12t3h_35", V = "_icon_12t3h_47", Y = "_description_12t3h_57", Z = "_arrow_12t3h_63", v = {
12
- positioner: G,
13
- popup: J,
14
- content: K,
15
- title: Q,
16
- icon: V,
17
- description: Y,
18
- arrow: Z
19
- }, A = ({ children: t, description: o, startIcon: e, className: l, render: a, ref: s, ...d }) => q({
20
- defaultTagName: "div",
21
- render: a,
22
- ref: s,
23
- props: {
24
- ...d,
25
- className: R(v.content, l),
26
- children: /* @__PURE__ */ O(M, { children: [c(t) && t !== "" && /* @__PURE__ */ O("div", {
27
- className: v.title,
28
- children: [c(e) && /* @__PURE__ */ r("span", {
29
- className: v.icon,
30
- "aria-hidden": !0,
31
- children: e
32
- }), /* @__PURE__ */ r("span", { children: t })]
33
- }), c(o) && /* @__PURE__ */ r("div", {
34
- className: v.description,
35
- children: o
36
- })] })
37
- }
38
- }), ee = 10, te = "300px", L = ({ side: t = "top", align: o = "center", sideOffset: e = ee, alignOffset: l, anchor: a, positionMethod: s, collisionBoundary: d, collisionPadding: m, collisionAvoidance: _, sticky: u, disableAnchorTracking: f, arrow: T = !1, maxWidth: x = te, container: w, keepMounted: g, className: h, children: i, ...D }) => {
39
- const E = j(), C = $(i) || X(i);
40
- return /* @__PURE__ */ r(p.Portal, {
41
- container: w ?? E ?? void 0,
42
- keepMounted: g,
43
- children: /* @__PURE__ */ r(p.Positioner, {
44
- side: t,
45
- align: o,
46
- sideOffset: e,
47
- alignOffset: l,
48
- anchor: a,
49
- positionMethod: s,
50
- collisionBoundary: d,
51
- collisionPadding: m,
52
- collisionAvoidance: _,
53
- sticky: u,
54
- disableAnchorTracking: f,
55
- className: v.positioner,
56
- style: { maxWidth: x },
57
- children: /* @__PURE__ */ O(p.Popup, {
58
- role: "tooltip",
59
- ...D,
60
- className: U(v.popup, h),
61
- children: [C ? /* @__PURE__ */ r(A, { children: i }) : i, T && /* @__PURE__ */ r(p.Arrow, { className: v.arrow })]
62
- })
63
- })
64
- });
65
- }, oe = ({ content: t, children: o, open: e, defaultOpen: l, onOpenChange: a, onOpenChangeComplete: s, disabled: d = !1, disableHoverablePopup: m, trackCursorAxis: _, actionsRef: u, triggerId: f, defaultTriggerId: T, delay: x, closeDelay: w, closeOnClick: g, ...h }) => {
66
- const i = d || !c(t) || t === "" || t === !1;
67
- return /* @__PURE__ */ O(p.Root, {
68
- open: c(e) ? e && !i : void 0,
69
- defaultOpen: l && !i,
70
- onOpenChange: a,
71
- onOpenChangeComplete: s,
72
- disabled: i,
73
- disableHoverablePopup: m,
74
- trackCursorAxis: _,
75
- actionsRef: u,
76
- triggerId: f,
77
- defaultTriggerId: T,
78
- children: [/* @__PURE__ */ r(p.Trigger, {
79
- render: o,
80
- delay: x,
81
- closeDelay: w,
82
- closeOnClick: g
83
- }), /* @__PURE__ */ r(L, {
84
- ...h,
85
- children: t
86
- })]
87
- });
88
- }, b = Object.assign(oe, {
89
- Root: p.Root,
90
- Trigger: p.Trigger,
91
- Popup: L,
92
- Content: A,
93
- Provider: p.Provider,
94
- createHandle: p.createHandle
95
- }), re = "_truncate_1x6ii_1", ie = "_lineClamp_1x6ii_7", I = {
96
- truncate: re,
97
- lineClamp: ie
98
- }, ne = ({ render: t, truncate: o, lineClamp: e, className: l, style: a, ref: s, ...d }) => {
99
- const m = c(e) && Number.isInteger(e) && e > 0;
100
- return q({
101
- render: t,
102
- ref: s,
103
- props: {
104
- ...d,
105
- className: R(o && I.truncate, m && I.lineClamp, l),
106
- style: m ? {
107
- ...a,
108
- "--text-line-clamp": e
109
- } : a
110
- }
111
- });
112
- }, le = "_link_mrld0_1", ae = { link: le }, se = ({ text: t }) => P(t) ? /* @__PURE__ */ r(M, { children: F(t).map((o, e) => o.type === "link" ? /* @__PURE__ */ r("a", {
113
- className: ae.link,
114
- href: y(o.content),
115
- target: "_blank",
116
- rel: "noopener noreferrer",
117
- onClick: (l) => l.stopPropagation(),
118
- children: o.content
119
- }, e) : o.content) }) : null, ce = "_overflowingMultilineText_1qcnw_1", pe = "_overflowingText_1qcnw_20", de = "_large_1qcnw_37", me = "_multilineTooltip_1qcnw_41", k = {
120
- overflowingMultilineText: ce,
121
- overflowingText: pe,
122
- large: de,
123
- multilineTooltip: me
124
- }, Ne = z(function({ size: o = "small", text: e, isTooltipMultiline: l, displayedMaxRows: a, tooltipContent: s, tooltipDelay: d = 500, tooltipPlace: m = "bottom", alwaysShowTooltip: _ = !1, isFocusable: u = !1 }) {
125
- const f = B(null), [T, x] = H(!1), [w, g] = H(!1), h = () => {
126
- const n = f.current, N = c(n) && (n.scrollHeight > n.clientHeight || n.scrollWidth > n.clientWidth);
127
- return x(N), N;
128
- }, i = (n) => {
129
- if (!n) {
130
- g(!1);
131
- return;
132
- }
133
- g(h() || _);
134
- }, D = () => {
135
- f.current?.focus(), i(!0);
136
- }, E = (n) => {
137
- n.stopPropagation(), n.preventDefault();
138
- }, C = P(s) ? s : P(e) ? e : null, S = c(a);
139
- return /* @__PURE__ */ O(b.Root, {
140
- open: w && c(C),
141
- onOpenChange: (...n) => {
142
- const [N, W] = n;
143
- if (!N && W.reason === "trigger-hover" && u && document.activeElement === f.current) {
144
- W.cancel();
145
- return;
146
- }
147
- i(N);
148
- },
149
- disabled: !c(C) || !T && !_,
150
- children: [/* @__PURE__ */ r(b.Trigger, {
151
- delay: d,
152
- closeOnClick: !1,
153
- render: /* @__PURE__ */ r(ne, {
154
- ...S ? { lineClamp: a || 1 } : { truncate: !0 },
155
- "data-testid": "tooltip",
156
- "data-content-overflowing": T ? "" : void 0,
157
- className: R(S ? k.overflowingMultilineText : k.overflowingText, o === "large" && k.large),
158
- ref: f,
159
- tabIndex: u ? 0 : void 0,
160
- onPointerEnter: h,
161
- onFocus: u ? () => i(!0) : void 0,
162
- onClick: u ? D : void 0,
163
- children: P(e) ? /* @__PURE__ */ r(se, { text: e }) : e
164
- })
165
- }), /* @__PURE__ */ r(b.Popup, {
166
- className: l ? k.multilineTooltip : void 0,
167
- sideOffset: 5,
168
- side: m,
169
- positionMethod: "absolute",
170
- onClick: E,
171
- children: C
172
- })]
173
- });
174
- });
175
- export {
176
- ne as n,
177
- b as r,
178
- Ne as t
179
- };
@@ -1 +0,0 @@
1
- const A=require("./theme-DNG4OSBd.cjs"),c=require("./isDefined-DS2Q42p5.cjs"),S=require("./linkifyText-BHQ4_CzQ.cjs"),F=require("./mergeClassNames-BbJtXN2t.cjs");let P=require("clsx"),e=require("react/jsx-runtime"),h=require("@sniptt/guards"),q=require("react"),u=require("@base-ui/react/tooltip"),W=require("@base-ui/react/use-render");var L="_positioner_12t3h_1",U="_popup_12t3h_5",X="_content_12t3h_29",z="_title_12t3h_35",B="_icon_12t3h_47",G="_description_12t3h_57",J="_arrow_12t3h_63",v={positioner:L,popup:U,content:X,title:z,icon:B,description:G,arrow:J},H=({children:i,description:r,startIcon:t,className:l,render:s,ref:a,...p})=>(0,W.useRender)({defaultTagName:"div",render:s,ref:a,props:{...p,className:(0,P.clsx)(v.content,l),children:(0,e.jsxs)(e.Fragment,{children:[c.isDefined(i)&&i!==""&&(0,e.jsxs)("div",{className:v.title,children:[c.isDefined(t)&&(0,e.jsx)("span",{className:v.icon,"aria-hidden":!0,children:t}),(0,e.jsx)("span",{children:i})]}),c.isDefined(r)&&(0,e.jsx)("div",{className:v.description,children:r})]})}}),K=10,Q="300px",I=({side:i="top",align:r="center",sideOffset:t=K,alignOffset:l,anchor:s,positionMethod:a,collisionBoundary:p,collisionPadding:d,collisionAvoidance:T,sticky:_,disableAnchorTracking:f,arrow:g=!1,maxWidth:j=Q,container:w,keepMounted:m,className:x,children:n,...b})=>{const k=A.useThemeContainer(),N=(0,h.isString)(n)||(0,h.isNumber)(n);return(0,e.jsx)(u.Tooltip.Portal,{container:w??k??void 0,keepMounted:m,children:(0,e.jsx)(u.Tooltip.Positioner,{side:i,align:r,sideOffset:t,alignOffset:l,anchor:s,positionMethod:a,collisionBoundary:p,collisionPadding:d,collisionAvoidance:T,sticky:_,disableAnchorTracking:f,className:v.positioner,style:{maxWidth:j},children:(0,e.jsxs)(u.Tooltip.Popup,{role:"tooltip",...b,className:F.mergeClassNames(v.popup,x),children:[N?(0,e.jsx)(H,{children:n}):n,g&&(0,e.jsx)(u.Tooltip.Arrow,{className:v.arrow})]})})})},V=({content:i,children:r,open:t,defaultOpen:l,onOpenChange:s,onOpenChangeComplete:a,disabled:p=!1,disableHoverablePopup:d,trackCursorAxis:T,actionsRef:_,triggerId:f,defaultTriggerId:g,delay:j,closeDelay:w,closeOnClick:m,...x})=>{const n=p||!c.isDefined(i)||i===""||i===!1;return(0,e.jsxs)(u.Tooltip.Root,{open:c.isDefined(t)?t&&!n:void 0,defaultOpen:l&&!n,onOpenChange:s,onOpenChangeComplete:a,disabled:n,disableHoverablePopup:d,trackCursorAxis:T,actionsRef:_,triggerId:f,defaultTriggerId:g,children:[(0,e.jsx)(u.Tooltip.Trigger,{render:r,delay:j,closeDelay:w,closeOnClick:m}),(0,e.jsx)(I,{...x,children:i})]})},C=Object.assign(V,{Root:u.Tooltip.Root,Trigger:u.Tooltip.Trigger,Popup:I,Content:H,Provider:u.Tooltip.Provider,createHandle:u.Tooltip.createHandle}),Y="_truncate_1x6ii_1",Z="_lineClamp_1x6ii_7",R={truncate:Y,lineClamp:Z},M=({render:i,truncate:r,lineClamp:t,className:l,style:s,ref:a,...p})=>{const d=c.isDefined(t)&&Number.isInteger(t)&&t>0;return(0,W.useRender)({render:i,ref:a,props:{...p,className:(0,P.clsx)(r&&R.truncate,d&&R.lineClamp,l),style:d?{...s,"--text-line-clamp":t}:s}})},$="_link_mrld0_1",ee={link:$},te=({text:i})=>(0,h.isNonEmptyString)(i)?(0,e.jsx)(e.Fragment,{children:S.linkifyText(i).map((r,t)=>r.type==="link"?(0,e.jsx)("a",{className:ee.link,href:S.getSafeUrl(r.content),target:"_blank",rel:"noopener noreferrer",onClick:l=>l.stopPropagation(),children:r.content},t):r.content)}):null,ie="_overflowingMultilineText_1qcnw_1",re="_overflowingText_1qcnw_20",ne="_large_1qcnw_37",oe="_multilineTooltip_1qcnw_41",D={overflowingMultilineText:ie,overflowingText:re,large:ne,multilineTooltip:oe},le=(0,q.memo)(function({size:r="small",text:t,isTooltipMultiline:l,displayedMaxRows:s,tooltipContent:a,tooltipDelay:p=500,tooltipPlace:d="bottom",alwaysShowTooltip:T=!1,isFocusable:_=!1}){const f=(0,q.useRef)(null),[g,j]=(0,q.useState)(!1),[w,m]=(0,q.useState)(!1),x=()=>{const o=f.current,O=c.isDefined(o)&&(o.scrollHeight>o.clientHeight||o.scrollWidth>o.clientWidth);return j(O),O},n=o=>{if(!o){m(!1);return}m(x()||T)},b=()=>{f.current?.focus(),n(!0)},k=o=>{o.stopPropagation(),o.preventDefault()},N=(0,h.isNonEmptyString)(a)?a:(0,h.isNonEmptyString)(t)?t:null,E=c.isDefined(s);return(0,e.jsxs)(C.Root,{open:w&&c.isDefined(N),onOpenChange:(...o)=>{const[O,y]=o;if(!O&&y.reason==="trigger-hover"&&_&&document.activeElement===f.current){y.cancel();return}n(O)},disabled:!c.isDefined(N)||!g&&!T,children:[(0,e.jsx)(C.Trigger,{delay:p,closeOnClick:!1,render:(0,e.jsx)(M,{...E?{lineClamp:s||1}:{truncate:!0},"data-testid":"tooltip","data-content-overflowing":g?"":void 0,className:(0,P.clsx)(E?D.overflowingMultilineText:D.overflowingText,r==="large"&&D.large),ref:f,tabIndex:_?0:void 0,onPointerEnter:x,onFocus:_?()=>n(!0):void 0,onClick:_?b:void 0,children:(0,h.isNonEmptyString)(t)?(0,e.jsx)(te,{text:t}):t})}),(0,e.jsx)(C.Popup,{className:l?D.multilineTooltip:void 0,sideOffset:5,side:d,positionMethod:"absolute",onClick:k,children:N})]})});Object.defineProperty(exports,"OverflowingTextWithTooltip",{enumerable:!0,get:function(){return le}});Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return C}});
@@ -1 +0,0 @@
1
- let t=require("clsx"),l=require("react/jsx-runtime");var a="_pill_2y5ao_1",s={pill:a},u=({className:r,label:i,Icon:e})=>(0,l.jsxs)("span",{className:(0,t.clsx)(s.pill,r),children:[e&&(0,l.jsx)(e,{size:12}),i]});Object.defineProperty(exports,"Pill",{enumerable:!0,get:function(){return u}});
@@ -1,9 +0,0 @@
1
- import { clsx as i } from "clsx";
2
- import { jsx as s, jsxs as e } from "react/jsx-runtime";
3
- var p = "_pill_2y5ao_1", m = { pill: p }, _ = ({ className: r, label: a, Icon: l }) => /* @__PURE__ */ e("span", {
4
- className: i(m.pill, r),
5
- children: [l && /* @__PURE__ */ s(l, { size: 12 }), a]
6
- });
7
- export {
8
- _ as t
9
- };
@@ -1 +0,0 @@
1
- let _=require("clsx"),s=require("react/jsx-runtime"),t=require("@base-ui/react/progress");var v="_banner_i03ag_1",b="_primaryBlue_i03ag_17",m="_primaryDanger_i03ag_23",y="_secondaryBlue_i03ag_29",B="_secondaryDanger_i03ag_35",a={banner:v,primaryBlue:b,primaryDanger:m,secondaryBlue:y,secondaryDanger:B},w={primary:{blue:a.primaryBlue,danger:a.primaryDanger},secondary:{blue:a.secondaryBlue,danger:a.secondaryDanger}},k=({color:e="blue",variant:d="primary",className:n,children:i})=>(0,s.jsx)("div",{className:(0,_.clsx)(a.banner,w[d][e],n),children:i}),x="_bar_1wpka_1",f="_track_1wpka_14",N="_indicator_1wpka_20",P="_countdown_1wpka_34",j="_progressBarCountdown_1wpka_1",o={bar:x,track:f,indicator:N,countdown:P,progressBarCountdown:j},A=({value:e,className:d,barColor:n,backgroundColor:i="none",withBorderRadius:c=!1,ariaLabel:l,countdownDurationInMs:u,isCountdownPaused:g=!1,onCountdownComplete:p})=>{const r=u!==void 0;return(0,s.jsx)(t.Progress.Root,{className:(0,_.clsx)(o.bar,d),"data-with-border-radius":c||void 0,"aria-label":l,value:e,style:{"--progress-bar-background-color":i,...n?{"--progress-bar-color":n}:{},...r?{"--progress-bar-countdown-duration":`${u}ms`}:{}},children:(0,s.jsx)(t.Progress.Track,{className:o.track,children:(0,s.jsx)(t.Progress.Indicator,{className:(0,_.clsx)(o.indicator,r&&o.countdown),"data-with-border-radius":c||void 0,"data-nonzero":e>0&&!r||void 0,"data-paused":r&&g||void 0,onAnimationEnd:r?p:void 0})})})};Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return A}});
@@ -1,55 +0,0 @@
1
- import { clsx as t } from "clsx";
2
- import { jsx as d } from "react/jsx-runtime";
3
- import { Progress as _ } from "@base-ui/react/progress";
4
- var m = "_banner_i03ag_1", v = "_primaryBlue_i03ag_17", y = "_primaryDanger_i03ag_23", b = "_secondaryBlue_i03ag_29", w = "_secondaryDanger_i03ag_35", a = {
5
- banner: m,
6
- primaryBlue: v,
7
- primaryDanger: y,
8
- secondaryBlue: b,
9
- secondaryDanger: w
10
- }, B = {
11
- primary: {
12
- blue: a.primaryBlue,
13
- danger: a.primaryDanger
14
- },
15
- secondary: {
16
- blue: a.secondaryBlue,
17
- danger: a.secondaryDanger
18
- }
19
- }, E = ({ color: o = "blue", variant: s = "primary", className: e, children: i }) => /* @__PURE__ */ d("div", {
20
- className: t(a.banner, B[s][o], e),
21
- children: i
22
- }), k = "_bar_1wpka_1", N = "_track_1wpka_14", f = "_indicator_1wpka_20", A = "_countdown_1wpka_34", D = "_progressBarCountdown_1wpka_1", n = {
23
- bar: k,
24
- track: N,
25
- indicator: f,
26
- countdown: A,
27
- progressBarCountdown: D
28
- }, P = ({ value: o, className: s, barColor: e, backgroundColor: i = "none", withBorderRadius: c = !1, ariaLabel: p, countdownDurationInMs: l, isCountdownPaused: u = !1, onCountdownComplete: g }) => {
29
- const r = l !== void 0;
30
- return /* @__PURE__ */ d(_.Root, {
31
- className: t(n.bar, s),
32
- "data-with-border-radius": c || void 0,
33
- "aria-label": p,
34
- value: o,
35
- style: {
36
- "--progress-bar-background-color": i,
37
- ...e ? { "--progress-bar-color": e } : {},
38
- ...r ? { "--progress-bar-countdown-duration": `${l}ms` } : {}
39
- },
40
- children: /* @__PURE__ */ d(_.Track, {
41
- className: n.track,
42
- children: /* @__PURE__ */ d(_.Indicator, {
43
- className: t(n.indicator, r && n.countdown),
44
- "data-with-border-radius": c || void 0,
45
- "data-nonzero": o > 0 && !r || void 0,
46
- "data-paused": r && u || void 0,
47
- onAnimationEnd: r ? g : void 0
48
- })
49
- })
50
- });
51
- };
52
- export {
53
- E as n,
54
- P as t
55
- };
@@ -1,4 +0,0 @@
1
- export declare const JsonListItem: ({ className, children, }: {
2
- className?: string;
3
- children?: React.ReactNode;
4
- }) => import("react").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { InfoProps } from './types/InfoProps';
2
- export declare const Info: ({ accent, text, buttonTitle, onClick, href, render, }: InfoProps) => import("react").JSX.Element;
@@ -1 +0,0 @@
1
- export type InfoAccent = 'blue' | 'danger';
@@ -1,11 +0,0 @@
1
- import { Button } from '../../../../primitives/input/Button/Button';
2
- import { default as React } from 'react';
3
- import { InfoAccent } from './InfoAccent';
4
- export type InfoProps = {
5
- accent?: InfoAccent;
6
- text: string;
7
- buttonTitle?: string;
8
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
9
- href?: string;
10
- render?: React.ComponentProps<typeof Button>['render'];
11
- };
@@ -1,2 +0,0 @@
1
- import { CardPickerProps } from './types/CardPickerProps';
2
- export declare const CardPicker: <TValue>({ children, className, ...props }: CardPickerProps<TValue>) => import("react").JSX.Element;
@@ -1,2 +0,0 @@
1
- import { RadioProps } from '../../../../primitives/input/Radio/types/RadioProps';
2
- export type CardPickerProps<TValue = string> = RadioProps<TValue>;
@@ -1,2 +0,0 @@
1
- import { ColorSchemePickerProps } from './types/ColorSchemePickerProps';
2
- export declare const ColorSchemePicker: ({ value, onChange, className, lightLabel, darkLabel, systemLabel, }: ColorSchemePickerProps) => import("react").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { default as React } from 'react';
2
- export type CheckmarkProps = React.ComponentPropsWithoutRef<'div'> & {
3
- className?: string;
4
- };
5
- export declare const Checkmark: ({ className }: CheckmarkProps) => React.JSX.Element;