@nexub/react 1.5.1 → 1.7.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 (207) hide show
  1. package/dist/chunk-24ZFAXB2.js +101 -0
  2. package/dist/{chunk-XR4NBY54.js → chunk-2DYKENBM.js} +10 -10
  3. package/dist/{chunk-SVQCINRE.js → chunk-2I7FIU6R.js} +5 -2
  4. package/dist/{chunk-S46W2QER.js → chunk-37L5ERUJ.js} +17 -11
  5. package/dist/{chunk-CWS37T3K.js → chunk-3E7X3YK3.js} +4 -2
  6. package/dist/{chunk-EZ23IA3H.js → chunk-3LTB6TGN.js} +4 -4
  7. package/dist/chunk-3QD76BKT.js +80 -0
  8. package/dist/{chunk-PQ6GU7SG.js → chunk-4HQFOIZW.js} +20 -14
  9. package/dist/{chunk-RLE5RN3T.js → chunk-4NFUBFYK.js} +15 -11
  10. package/dist/{chunk-B54WADL4.js → chunk-4P2JJ2FH.js} +12 -12
  11. package/dist/{chunk-I4BHRVRL.js → chunk-4UBVU53C.js} +9 -5
  12. package/dist/chunk-52ZVJPF7.js +1 -0
  13. package/dist/chunk-5QEARXY3.js +55 -0
  14. package/dist/chunk-643EYCLL.js +54 -0
  15. package/dist/{chunk-CNNJFWFA.js → chunk-6BGUZQAX.js} +4 -4
  16. package/dist/{chunk-LDYD7WL3.js → chunk-6ECOCGZG.js} +4 -3
  17. package/dist/{chunk-3AXIMXDU.js → chunk-6JBQAJJD.js} +6 -12
  18. package/dist/{chunk-YRDCY6BI.js → chunk-6UKNUI46.js} +0 -19
  19. package/dist/chunk-77LYWSJW.js +85 -0
  20. package/dist/{chunk-NCRFKPA4.js → chunk-7MSIOYJZ.js} +6 -8
  21. package/dist/{chunk-GIGOTRXX.js → chunk-7VJABRKB.js} +3 -10
  22. package/dist/{chunk-6QLLH6ID.js → chunk-7XWJCFWI.js} +8 -17
  23. package/dist/chunk-A3O23F2B.js +1 -0
  24. package/dist/chunk-AGYGWU6C.js +88 -0
  25. package/dist/chunk-AT2DSFP3.js +47 -0
  26. package/dist/{chunk-IIPYF6ZQ.js → chunk-B254JXS7.js} +16 -13
  27. package/dist/{chunk-GRB6T2TT.js → chunk-BSL62LBX.js} +19 -13
  28. package/dist/{chunk-GHCV6UXG.js → chunk-BTYDDKRQ.js} +5 -5
  29. package/dist/chunk-C6JRJ6JW.js +167 -0
  30. package/dist/chunk-CAOLGXA5.js +1 -0
  31. package/dist/{chunk-OJ2TLWYD.js → chunk-CKFRMCZ7.js} +5 -3
  32. package/dist/{chunk-LZB3KTSH.js → chunk-CQWYZPPJ.js} +1 -1
  33. package/dist/{chunk-6RBNM5RO.js → chunk-CUOASXI7.js} +10 -10
  34. package/dist/{chunk-HG6HTUWU.js → chunk-CV5ZKED7.js} +2 -2
  35. package/dist/{chunk-HJERFB7J.js → chunk-DDRYT3SY.js} +2 -2
  36. package/dist/chunk-DGCAM2UJ.js +60 -0
  37. package/dist/{chunk-FD7YU53N.js → chunk-DT3QGFXB.js} +4 -4
  38. package/dist/chunk-F73DTG2V.js +123 -0
  39. package/dist/{chunk-Z3IG5WRA.js → chunk-FJUVYRNT.js} +3 -3
  40. package/dist/{chunk-KQPLFVFR.js → chunk-FLZD7HQY.js} +0 -2
  41. package/dist/chunk-GG54WBLA.js +134 -0
  42. package/dist/{chunk-64JDZWCV.js → chunk-GRKCUQG4.js} +6 -5
  43. package/dist/{chunk-YPHNHQYQ.js → chunk-GWDEKW7P.js} +6 -2
  44. package/dist/{chunk-4I5ULCYG.js → chunk-HFTS5AN7.js} +3 -3
  45. package/dist/{chunk-GUB7YKG2.js → chunk-I4U36P54.js} +6 -3
  46. package/dist/{chunk-BTRTORKU.js → chunk-I6CAF7C5.js} +6 -7
  47. package/dist/{chunk-TJCHA3OI.js → chunk-J65MK3N4.js} +7 -4
  48. package/dist/{chunk-IK23Q2OF.js → chunk-JHVYI5GK.js} +3 -3
  49. package/dist/{chunk-J6TU45KP.js → chunk-JSBNYRO4.js} +26 -12
  50. package/dist/chunk-K5FKEAAK.js +94 -0
  51. package/dist/{chunk-5URGARPH.js → chunk-KE4YVG5Q.js} +6 -10
  52. package/dist/{chunk-QCNLE27O.js → chunk-KRCLK5O4.js} +11 -7
  53. package/dist/{chunk-A4IMFAZX.js → chunk-LESI7J7B.js} +3 -3
  54. package/dist/chunk-MLT7SA3T.js +171 -0
  55. package/dist/chunk-MNEXMMLM.js +23 -0
  56. package/dist/{chunk-PVTACENM.js → chunk-MTK3GHDQ.js} +2 -2
  57. package/dist/chunk-MYP5ZTC3.js +169 -0
  58. package/dist/chunk-NA5UMOE5.js +55 -0
  59. package/dist/chunk-NAJKIBU2.js +163 -0
  60. package/dist/{chunk-WESZPFBZ.js → chunk-NERAWEIQ.js} +7 -4
  61. package/dist/{chunk-YJ3JQYAN.js → chunk-NGQKBDHA.js} +5 -13
  62. package/dist/{chunk-7Q7ZF6BY.js → chunk-NNIFOMIH.js} +18 -8
  63. package/dist/{chunk-7L3CGIRA.js → chunk-NQPGELMP.js} +8 -19
  64. package/dist/{chunk-5O34ZNC3.js → chunk-NYWD5SI4.js} +19 -13
  65. package/dist/chunk-NZR4UGUZ.js +143 -0
  66. package/dist/{chunk-6J3QTWKC.js → chunk-NZT4TTNV.js} +18 -9
  67. package/dist/{chunk-JSD3H7WV.js → chunk-OYCK6BRG.js} +6 -6
  68. package/dist/{chunk-2555JXCP.js → chunk-PBPUSRTJ.js} +19 -11
  69. package/dist/{chunk-QD7H3WV3.js → chunk-PGDXFBKT.js} +8 -8
  70. package/dist/{chunk-NIX4SEKM.js → chunk-PREMZMLU.js} +7 -4
  71. package/dist/{chunk-4SSUM4CL.js → chunk-QUNH4BFR.js} +9 -6
  72. package/dist/{chunk-FHFVBOF3.js → chunk-QUYOV2ZJ.js} +6 -4
  73. package/dist/{chunk-KM6Z3VTI.js → chunk-QVTVDL6Y.js} +1 -1
  74. package/dist/{chunk-XI63BK3S.js → chunk-RATKKN3F.js} +3 -3
  75. package/dist/chunk-RM7MTOT5.js +339 -0
  76. package/dist/{chunk-DJZZ3FIP.js → chunk-RUR57JZQ.js} +5 -14
  77. package/dist/{chunk-ZV3AF5CL.js → chunk-S2CTBFLN.js} +13 -2
  78. package/dist/{chunk-72I7EVOL.js → chunk-SYZADSLI.js} +10 -6
  79. package/dist/{chunk-W2NEXOTG.js → chunk-T7RLPFGX.js} +2 -2
  80. package/dist/chunk-TAVVXXGO.js +131 -0
  81. package/dist/{chunk-BFRX6X4O.js → chunk-TZ6KJIR4.js} +23 -17
  82. package/dist/{chunk-V3TETH4J.js → chunk-U2ZYPPRG.js} +17 -16
  83. package/dist/{chunk-AHT35UWY.js → chunk-UTLKZPKJ.js} +10 -6
  84. package/dist/{chunk-OJRSPDNJ.js → chunk-VD4RFTNV.js} +8 -14
  85. package/dist/chunk-VLQGQFW7.js +110 -0
  86. package/dist/{chunk-RTDUTWJ4.js → chunk-VMT7Y3AT.js} +5 -8
  87. package/dist/{chunk-AXOKFS4K.js → chunk-W3KO3JNZ.js} +20 -4
  88. package/dist/{chunk-LGQ737BP.js → chunk-WHTLXQB6.js} +1 -1
  89. package/dist/chunk-WLRRMT6W.js +1 -0
  90. package/dist/{chunk-2FCSWBSM.js → chunk-WMWX6DPB.js} +3 -3
  91. package/dist/{chunk-UMC64NCT.js → chunk-WVBGQCYC.js} +6 -3
  92. package/dist/{chunk-TEOLG3N2.js → chunk-X4BQHXLB.js} +10 -6
  93. package/dist/{chunk-SY6V3HAK.js → chunk-XDU27NRX.js} +3 -3
  94. package/dist/{chunk-KA2J5OBA.js → chunk-XQDD76EF.js} +4 -7
  95. package/dist/chunk-XTATJMY6.js +64 -0
  96. package/dist/chunk-XYXMPHND.js +1 -0
  97. package/dist/{chunk-7ZWBHHRK.js → chunk-YNU6VRD5.js} +23 -32
  98. package/dist/{chunk-6SJPVQQW.js → chunk-Z3HF6XJ3.js} +1 -1
  99. package/dist/{chunk-I4URNMI7.js → chunk-ZC4MZAEX.js} +9 -7
  100. package/dist/{chunk-PWBPHGM3.js → chunk-ZCEUVK2R.js} +2 -2
  101. package/dist/{chunk-NQVRF4RB.js → chunk-ZMJ54TG6.js} +16 -13
  102. package/dist/chunk-ZT3NWE5U.js +1 -0
  103. package/dist/{chunk-RHOYF7MO.js → chunk-ZTLALVWA.js} +6 -15
  104. package/dist/components/Accordion/index.js +1 -1
  105. package/dist/components/Alert/index.js +2 -1
  106. package/dist/components/AlertDialog/index.js +3 -3
  107. package/dist/components/Amount/index.js +3 -1
  108. package/dist/components/AspectRatio/index.js +1 -1
  109. package/dist/components/Autocomplete/index.js +3 -2
  110. package/dist/components/Avatar/index.js +1 -1
  111. package/dist/components/AvatarGroup/index.js +3 -2
  112. package/dist/components/Badge/index.js +1 -1
  113. package/dist/components/Banner/index.js +2 -1
  114. package/dist/components/Breadcrumb/index.js +2 -1
  115. package/dist/components/Button/index.js +1 -1
  116. package/dist/components/ButtonGroup/index.js +1 -1
  117. package/dist/components/Callout/index.js +1 -1
  118. package/dist/components/Card/index.js +3 -1
  119. package/dist/components/CheckList/index.js +1 -1
  120. package/dist/components/Checkbox/index.js +1 -1
  121. package/dist/components/CheckboxCard/index.js +9 -0
  122. package/dist/components/Chip/index.js +2 -1
  123. package/dist/components/Citation/index.js +17 -0
  124. package/dist/components/Code/index.js +1 -1
  125. package/dist/components/Combobox/index.js +1 -1
  126. package/dist/components/CommandPalette/index.js +3 -2
  127. package/dist/components/ContextMenu/index.js +2 -2
  128. package/dist/components/CountryBadge/index.js +1 -1
  129. package/dist/components/DataTable/index.js +2 -1
  130. package/dist/components/DatePicker/index.js +5 -1
  131. package/dist/components/DateRangePicker/index.js +5 -1
  132. package/dist/components/Dialog/index.js +2 -2
  133. package/dist/components/Drawer/index.js +2 -2
  134. package/dist/components/DropdownMenu/index.js +2 -2
  135. package/dist/components/EmptyState/index.js +1 -1
  136. package/dist/components/ErrorState/index.js +2 -1
  137. package/dist/components/EyebrowChip/index.js +4 -1
  138. package/dist/components/FileUpload/index.js +2 -1
  139. package/dist/components/FilterChip/index.js +3 -1
  140. package/dist/components/Flex/index.js +2 -1
  141. package/dist/components/FormError/index.js +1 -1
  142. package/dist/components/FormField/index.js +7 -4
  143. package/dist/components/GradientDivider/index.js +1 -1
  144. package/dist/components/Grid/index.js +2 -1
  145. package/dist/components/Heading/index.js +4 -1
  146. package/dist/components/HelperText/index.js +4 -1
  147. package/dist/components/HoverCard/index.js +3 -2
  148. package/dist/components/IconButton/index.js +2 -1
  149. package/dist/components/Input/index.js +1 -1
  150. package/dist/components/Kbd/index.js +1 -1
  151. package/dist/components/KeyboardShortcut/index.js +2 -2
  152. package/dist/components/Label/index.js +4 -1
  153. package/dist/components/Link/index.js +1 -1
  154. package/dist/components/Logo/index.js +1 -1
  155. package/dist/components/MediaCard/index.js +9 -0
  156. package/dist/components/Menubar/index.js +2 -2
  157. package/dist/components/MessageBubble/index.js +18 -0
  158. package/dist/components/MoneyInput/index.js +3 -2
  159. package/dist/components/NavigationMenu/index.js +2 -2
  160. package/dist/components/NavigationRail/index.js +2 -1
  161. package/dist/components/NexubProvider/index.js +14 -0
  162. package/dist/components/NumberInput/index.js +3 -2
  163. package/dist/components/NumberTicker/index.js +10 -0
  164. package/dist/components/PageHeader/index.js +1 -1
  165. package/dist/components/Pagination/index.js +3 -1
  166. package/dist/components/PasswordInput/index.js +3 -2
  167. package/dist/components/Popover/index.js +2 -2
  168. package/dist/components/Progress/index.js +2 -1
  169. package/dist/components/PromptInput/index.js +15 -0
  170. package/dist/components/RadioCard/index.js +11 -0
  171. package/dist/components/RadioGroup/index.js +1 -1
  172. package/dist/components/Rating/index.js +2 -1
  173. package/dist/components/ScrollArea/index.js +1 -1
  174. package/dist/components/SearchInput/index.js +3 -2
  175. package/dist/components/Section/index.js +1 -1
  176. package/dist/components/SegmentedControl/index.js +3 -2
  177. package/dist/components/Select/index.js +2 -2
  178. package/dist/components/Separator/index.js +1 -1
  179. package/dist/components/Sidebar/index.js +2 -1
  180. package/dist/components/Skeleton/index.js +1 -1
  181. package/dist/components/Spinner/index.js +2 -1
  182. package/dist/components/SplitButton/index.js +5 -5
  183. package/dist/components/Stack/index.js +2 -1
  184. package/dist/components/StatusPill/index.js +1 -1
  185. package/dist/components/StreamingText/index.js +8 -0
  186. package/dist/components/Switch/index.js +1 -1
  187. package/dist/components/Table/index.js +1 -1
  188. package/dist/components/Tabs/index.js +3 -2
  189. package/dist/components/Tag/index.js +1 -1
  190. package/dist/components/Text/index.js +1 -1
  191. package/dist/components/Textarea/index.js +1 -1
  192. package/dist/components/ThinkingIndicator/index.js +9 -0
  193. package/dist/components/Toast/index.js +3 -1
  194. package/dist/components/Tooltip/index.js +2 -1
  195. package/dist/components/TopNav/index.js +2 -1
  196. package/dist/index.d.ts +440 -24
  197. package/dist/index.js +225 -146
  198. package/package.json +52 -50
  199. package/dist/chunk-63DPMUMR.js +0 -67
  200. package/dist/chunk-CHGPGRML.js +0 -115
  201. package/dist/chunk-H2W7IYVY.js +0 -155
  202. package/dist/chunk-J2T4GFFS.js +0 -85
  203. package/dist/chunk-LH3BSAIS.js +0 -119
  204. package/dist/chunk-LMPGHWUA.js +0 -114
  205. package/dist/chunk-NMH5WSZG.js +0 -72
  206. package/dist/chunk-P44EROBX.js +0 -55
  207. package/dist/chunk-TYTW4F3B.js +0 -178
@@ -1,4 +1,7 @@
1
1
  'use client';
2
+ import {
3
+ toneTextClasses
4
+ } from "./chunk-C6JRJ6JW.js";
2
5
  import {
3
6
  cn
4
7
  } from "./chunk-Q7G5WGYV.js";
@@ -8,15 +11,15 @@ import * as React from "react";
8
11
  import { jsx } from "react/jsx-runtime";
9
12
  var HelperText = React.forwardRef(
10
13
  ({ className, tone, style, children, ...props }, ref) => {
11
- const toneStyle = tone ? { color: `var(--color-text-${tone})` } : {};
12
14
  return /* @__PURE__ */ jsx(
13
15
  "p",
14
16
  {
15
17
  ref,
16
18
  "data-tone": tone,
17
- style: { ...toneStyle, ...style },
19
+ style,
18
20
  className: cn(
19
- "text-sm text-[var(--color-text-muted)] leading-snug",
21
+ "text-sm text-[var(--color-on-surface-muted)] leading-snug",
22
+ tone && toneTextClasses[tone],
20
23
  className
21
24
  ),
22
25
  ...props,
@@ -1,7 +1,10 @@
1
1
  'use client';
2
2
  import {
3
3
  Combobox
4
- } from "./chunk-Z3IG5WRA.js";
4
+ } from "./chunk-FJUVYRNT.js";
5
+ import {
6
+ useNexubMessages
7
+ } from "./chunk-24ZFAXB2.js";
5
8
 
6
9
  // src/components/Autocomplete/Autocomplete.tsx
7
10
  import * as React from "react";
@@ -10,11 +13,12 @@ function Autocomplete({
10
13
  options,
11
14
  value,
12
15
  onValueChange,
13
- placeholder = "Search\u2026",
14
- emptyText = "No results found.",
16
+ placeholder,
17
+ emptyText,
15
18
  loading = false,
16
19
  className
17
20
  }) {
21
+ const messages = useNexubMessages();
18
22
  const selectedLabel = options.find((o) => o.value === value)?.label ?? "";
19
23
  const [search, setSearch] = React.useState(selectedLabel);
20
24
  const [prevValue, setPrevValue] = React.useState(value);
@@ -23,9 +27,9 @@ function Autocomplete({
23
27
  setSearch(selectedLabel);
24
28
  }
25
29
  return /* @__PURE__ */ jsxs(Combobox.Root, { className, children: [
26
- /* @__PURE__ */ jsx(Combobox.Input, { placeholder, value: search, onValueChange: setSearch }),
27
- /* @__PURE__ */ jsx(Combobox.List, { children: loading ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-[var(--color-text-muted)]", children: "Loading\u2026" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
28
- /* @__PURE__ */ jsx(Combobox.Empty, { children: emptyText }),
30
+ /* @__PURE__ */ jsx(Combobox.Input, { placeholder: placeholder ?? messages.searchPlaceholder, value: search, onValueChange: setSearch }),
31
+ /* @__PURE__ */ jsx(Combobox.List, { children: loading ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-[var(--color-on-surface-muted)]", children: messages.loading }) : /* @__PURE__ */ jsxs(Fragment, { children: [
32
+ /* @__PURE__ */ jsx(Combobox.Empty, { children: emptyText ?? messages.noResults }),
29
33
  options.map((opt) => /* @__PURE__ */ jsx(
30
34
  Combobox.Item,
31
35
  {
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-47UGX37F.js";
5
5
  import {
6
6
  scrim
7
- } from "./chunk-KQPLFVFR.js";
7
+ } from "./chunk-FLZD7HQY.js";
8
8
  import {
9
9
  glassSurfaceClass
10
10
  } from "./chunk-DEIBF3P7.js";
@@ -16,7 +16,7 @@ import {
16
16
  import * as React2 from "react";
17
17
  import { Slot } from "@radix-ui/react-slot";
18
18
 
19
- // ../../node_modules/.pnpm/vaul@1.1.2_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14_react-dom_d9bfd38a4ee4f41de100e4d447baf4a5/node_modules/vaul/dist/index.mjs
19
+ // ../../node_modules/.pnpm/vaul@1.1.2_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react@19.3.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/vaul/dist/index.mjs
20
20
  import * as DialogPrimitive from "@radix-ui/react-dialog";
21
21
  import * as React from "react";
22
22
  import React__default, { useLayoutEffect, useEffect, useMemo } from "react";
@@ -1576,7 +1576,7 @@ var Content3 = React2.forwardRef(({ className, children, side = "right", surface
1576
1576
  "data-glass-thickness": surface === "glass" ? "thick" : void 0,
1577
1577
  ...props,
1578
1578
  children: [
1579
- side === "bottom" && /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-20 rounded-full bg-[var(--color-border-default)]" }),
1579
+ side === "bottom" && /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-20 rounded-full bg-[var(--color-outline-variant)]" }),
1580
1580
  children
1581
1581
  ]
1582
1582
  }
@@ -7,7 +7,9 @@ import {
7
7
  import * as React from "react";
8
8
  import * as RadixTooltip from "@radix-ui/react-tooltip";
9
9
  import { jsx, jsxs } from "react/jsx-runtime";
10
- var Provider2 = RadixTooltip.Provider;
10
+ function Provider2({ delayDuration = 400, skipDelayDuration = 300, ...props }) {
11
+ return /* @__PURE__ */ jsx(RadixTooltip.Provider, { delayDuration, skipDelayDuration, ...props });
12
+ }
11
13
  var Root2 = RadixTooltip.Root;
12
14
  var Trigger2 = RadixTooltip.Trigger;
13
15
  var Content2 = React.forwardRef(
@@ -19,12 +21,7 @@ var Content2 = React.forwardRef(
19
21
  sideOffset,
20
22
  className: cn(
21
23
  "z-[var(--z-tooltip,1800)] rounded-shape-tooltip bg-[var(--color-inverse-surface)] px-2.5 py-1.5 text-label-md text-[var(--color-inverse-on-surface)] shadow-elevation-1",
22
- "duration-effects-fast ease-effects-fast",
23
- "data-[state=delayed-open]:animate-in data-[state=closed]:animate-out",
24
- "data-[state=delayed-open]:fade-in-0 data-[state=closed]:fade-out-0",
25
- "data-[state=delayed-open]:zoom-in-95 data-[state=closed]:zoom-out-95",
26
- "data-[side=bottom]:slide-in-from-top-1 data-[side=top]:slide-in-from-bottom-1",
27
- "data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1",
24
+ "nx-motion nx-pop origin-[var(--radix-tooltip-content-transform-origin)]",
28
25
  className
29
26
  ),
30
27
  ...props
@@ -0,0 +1,64 @@
1
+ 'use client';
2
+ import {
3
+ SelectableCardContent,
4
+ selectableCardClass,
5
+ useCardIds
6
+ } from "./chunk-K5FKEAAK.js";
7
+ import {
8
+ cn
9
+ } from "./chunk-Q7G5WGYV.js";
10
+
11
+ // src/components/RadioCard/RadioCard.tsx
12
+ import * as React from "react";
13
+ import * as RadixRadioGroup from "@radix-ui/react-radio-group";
14
+ import { jsx } from "react/jsx-runtime";
15
+ var columnsClass = {
16
+ 1: "grid-cols-1",
17
+ 2: "grid-cols-1 sm:grid-cols-2",
18
+ 3: "grid-cols-1 sm:grid-cols-3",
19
+ 4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
20
+ };
21
+ var RadioCardGroup = React.forwardRef(
22
+ ({ className, columns = 1, ...props }, ref) => /* @__PURE__ */ jsx(
23
+ RadixRadioGroup.Root,
24
+ {
25
+ ref,
26
+ className: cn("grid gap-3", columnsClass[columns], className),
27
+ ...props
28
+ }
29
+ )
30
+ );
31
+ RadioCardGroup.displayName = "RadioCardGroup";
32
+ var RadioCard = React.forwardRef(
33
+ ({ className, icon, title, description, children, ...props }, ref) => {
34
+ const ids = useCardIds(description != null);
35
+ return /* @__PURE__ */ jsx(
36
+ RadixRadioGroup.Item,
37
+ {
38
+ ref,
39
+ "aria-labelledby": ids.titleId,
40
+ "aria-describedby": ids.describedBy,
41
+ className: cn(selectableCardClass, className),
42
+ ...props,
43
+ children: /* @__PURE__ */ jsx(
44
+ SelectableCardContent,
45
+ {
46
+ icon,
47
+ title,
48
+ description,
49
+ titleId: ids.titleId,
50
+ descriptionId: ids.descriptionId,
51
+ shape: "circle",
52
+ children
53
+ }
54
+ )
55
+ }
56
+ );
57
+ }
58
+ );
59
+ RadioCard.displayName = "RadioCard";
60
+
61
+ export {
62
+ RadioCardGroup,
63
+ RadioCard
64
+ };
@@ -0,0 +1 @@
1
+ 'use client';
@@ -16,7 +16,7 @@ var textareaVariants = cva(
16
16
  [
17
17
  "w-full",
18
18
  field,
19
- "placeholder:text-[var(--color-text-placeholder)]",
19
+ "placeholder:text-[var(--color-on-surface-muted)]",
20
20
  fieldFocusVisible,
21
21
  "disabled:cursor-not-allowed disabled:border-[var(--color-outline-variant)] disabled:bg-[var(--color-surface-container-low)] disabled:text-[var(--color-text-disabled)]"
22
22
  ],
@@ -75,37 +75,28 @@ var Textarea = React.forwardRef(
75
75
  * and the textarea, so the container grows to fit the larger of the two.
76
76
  * The textarea is stretched to fill the container height automatically.
77
77
  */
78
- /* @__PURE__ */ jsxs(
79
- "div",
80
- {
81
- className: "grid w-full",
82
- style: { gridTemplateAreas: '"grow"' },
83
- children: [
84
- /* @__PURE__ */ jsx(
85
- "span",
86
- {
87
- "aria-hidden": "true",
88
- className: cn(sharedClass, "invisible whitespace-pre-wrap break-words pointer-events-none"),
89
- style: { gridArea: "grow" },
90
- children: resolvedValue + "\u200B"
91
- }
92
- ),
93
- /* @__PURE__ */ jsx(
94
- "textarea",
95
- {
96
- ref,
97
- value,
98
- defaultValue: !controlled ? defaultValue : void 0,
99
- onChange: handleChange,
100
- className: cn(sharedClass, "overflow-hidden"),
101
- "aria-invalid": invalid ?? void 0,
102
- style: { gridArea: "grow" },
103
- ...props
104
- }
105
- )
106
- ]
107
- }
108
- )
78
+ /* @__PURE__ */ jsxs("div", { className: "grid w-full", children: [
79
+ /* @__PURE__ */ jsx(
80
+ "span",
81
+ {
82
+ "aria-hidden": "true",
83
+ className: cn(sharedClass, "col-start-1 row-start-1 invisible whitespace-pre-wrap break-words pointer-events-none"),
84
+ children: resolvedValue + "\u200B"
85
+ }
86
+ ),
87
+ /* @__PURE__ */ jsx(
88
+ "textarea",
89
+ {
90
+ ref,
91
+ value,
92
+ defaultValue: !controlled ? defaultValue : void 0,
93
+ onChange: handleChange,
94
+ className: cn(sharedClass, "col-start-1 row-start-1 overflow-hidden"),
95
+ "aria-invalid": invalid ?? void 0,
96
+ ...props
97
+ }
98
+ )
99
+ ] })
109
100
  );
110
101
  }
111
102
  return /* @__PURE__ */ jsx(
@@ -18,7 +18,7 @@ var Item2 = React.forwardRef(
18
18
  ref,
19
19
  className: cn(
20
20
  // 18px, 2px outline border (>= 3:1), primary ring + dot when on. Focus = the global ring.
21
- "aspect-square h-[18px] w-[18px] shrink-0 rounded-full border-2 border-[var(--color-outline)]",
21
+ "nx-hit aspect-square h-[18px] w-[18px] shrink-0 rounded-full border-2 border-[var(--color-outline)]",
22
22
  "transition-[border-color] duration-effects-fast ease-effects-fast",
23
23
  "hover:border-[var(--color-on-surface)] data-[state=checked]:border-[var(--color-primary)]",
24
24
  "disabled:cursor-not-allowed disabled:border-[var(--color-text-disabled)]",
@@ -6,11 +6,15 @@ import {
6
6
  // src/components/GradientDivider/GradientDivider.tsx
7
7
  import * as React from "react";
8
8
  import { jsx } from "react/jsx-runtime";
9
- var BRAND_GRADIENT_H = "linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)";
10
- var BRAND_GRADIENT_V = "linear-gradient(180deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)";
9
+ var GRADIENT_H = "bg-[image:var(--gradient-brand-horizontal)]";
10
+ var GRADIENT_V = "bg-[image:var(--gradient-brand-vertical)]";
11
+ var THICKNESS_H = { 1: "h-px", 2: "h-0.5", 3: "h-[3px]", 4: "h-1" };
12
+ var THICKNESS_V = { 1: "w-px", 2: "w-0.5", 3: "w-[3px]", 4: "w-1" };
11
13
  var GradientDivider = React.forwardRef(
12
14
  ({ className, height = 3, orientation = "horizontal", style, ...props }, ref) => {
13
15
  const isHorizontal = orientation === "horizontal";
16
+ const thickness = (isHorizontal ? THICKNESS_H : THICKNESS_V)[height];
17
+ const sizeStyle = thickness ? void 0 : isHorizontal ? { height: `${height}px` } : { width: `${height}px` };
14
18
  return /* @__PURE__ */ jsx(
15
19
  "div",
16
20
  {
@@ -19,13 +23,11 @@ var GradientDivider = React.forwardRef(
19
23
  "aria-orientation": orientation,
20
24
  className: cn(
21
25
  isHorizontal ? "w-full" : "h-full",
26
+ isHorizontal ? GRADIENT_H : GRADIENT_V,
27
+ thickness,
22
28
  className
23
29
  ),
24
- style: {
25
- background: isHorizontal ? BRAND_GRADIENT_H : BRAND_GRADIENT_V,
26
- ...isHorizontal ? { height: `${height}px` } : { width: `${height}px` },
27
- ...style
28
- },
30
+ style: sizeStyle || style ? { ...sizeStyle, ...style } : void 0,
29
31
  ...props
30
32
  }
31
33
  );
@@ -23,8 +23,8 @@ var CountryBadge = React.forwardRef(
23
23
  ref,
24
24
  className: cn(
25
25
  "inline-flex items-center rounded-full font-medium",
26
- "bg-[var(--color-bg-subtle)] text-[var(--color-text-primary)]",
27
- "border border-[var(--color-border-default)]",
26
+ "bg-[var(--color-surface-container-low)] text-[var(--color-on-surface)]",
27
+ "border border-[var(--color-outline-variant)]",
28
28
  sizeClass[size],
29
29
  className
30
30
  ),
@@ -1,4 +1,7 @@
1
1
  'use client';
2
+ import {
3
+ useNexubMessages
4
+ } from "./chunk-24ZFAXB2.js";
2
5
  import {
3
6
  cn
4
7
  } from "./chunk-Q7G5WGYV.js";
@@ -9,22 +12,22 @@ import { cva } from "class-variance-authority";
9
12
  import { jsx, jsxs } from "react/jsx-runtime";
10
13
  var bannerVariants = cva(
11
14
  [
12
- "relative flex gap-3 border-l-4 px-4 py-3",
15
+ "relative flex gap-3 border-s-4 px-4 py-3",
13
16
  "w-full"
14
17
  // No border-radius — full-width banner
15
18
  ],
16
19
  {
17
20
  variants: {
18
21
  tone: {
19
- neutral: "bg-[var(--color-bg-subtle)] border-l-[var(--color-neutral-500)] text-[var(--color-text-primary)]",
20
- info: "bg-[var(--color-semantic-info-default)]/10 border-l-[var(--color-semantic-info-default)] text-[var(--color-semantic-info-default)]",
21
- success: "bg-[var(--color-semantic-success-default)]/10 border-l-[var(--color-semantic-success-default)] text-[var(--color-semantic-success-default)]",
22
- warning: "bg-[var(--color-semantic-warning-default)]/10 border-l-[var(--color-semantic-warning-default)] text-[var(--color-semantic-warning-default)]",
23
- danger: "bg-[var(--color-semantic-error-default)]/10 border-l-[var(--color-semantic-error-default)] text-[var(--color-semantic-error-default)]",
24
- leap: "bg-[var(--color-leap-500)]/10 border-l-[var(--color-leap-500)] text-[var(--color-leap-700)]",
25
- bookub: "bg-[var(--color-bookub-500)]/10 border-l-[var(--color-bookub-500)] text-[var(--color-bookub-700)]",
26
- payub: "bg-[var(--color-payub-500)]/10 border-l-[var(--color-payub-500)] text-[var(--color-payub-700)]",
27
- founderub: "bg-[var(--color-founderub-500)]/10 border-l-[var(--color-founderub-500)] text-[var(--color-founderub-700)]"
22
+ neutral: "bg-[var(--color-surface-container-low)] border-s-[var(--color-outline)] text-[var(--color-on-surface)]",
23
+ info: "bg-[var(--color-info-container)] border-s-[var(--color-info)] text-[var(--color-on-info-container)]",
24
+ success: "bg-[var(--color-success-container)] border-s-[var(--color-success)] text-[var(--color-on-success-container)]",
25
+ warning: "bg-[var(--color-warning-container)] border-s-[var(--color-warning)] text-[var(--color-on-warning-container)]",
26
+ danger: "bg-[var(--color-error-container)] border-s-[var(--color-error)] text-[var(--color-on-error-container)]",
27
+ leap: "bg-[var(--color-leap-container)] border-s-[var(--color-leap)] text-[var(--color-on-leap-container)]",
28
+ bookub: "bg-[var(--color-bookub-container)] border-s-[var(--color-bookub)] text-[var(--color-on-bookub-container)]",
29
+ payub: "bg-[var(--color-payub-container)] border-s-[var(--color-payub)] text-[var(--color-on-payub-container)]",
30
+ founderub: "bg-[var(--color-founderub-container)] border-s-[var(--color-founderub)] text-[var(--color-on-founderub-container)]"
28
31
  }
29
32
  },
30
33
  defaultVariants: {
@@ -43,6 +46,7 @@ var Banner = React.forwardRef(
43
46
  children,
44
47
  ...props
45
48
  }, ref) => {
49
+ const messages = useNexubMessages();
46
50
  return /* @__PURE__ */ jsxs(
47
51
  "div",
48
52
  {
@@ -62,11 +66,10 @@ var Banner = React.forwardRef(
62
66
  "button",
63
67
  {
64
68
  type: "button",
65
- "aria-label": "Dismiss banner",
69
+ "aria-label": messages.dismissBanner,
66
70
  onClick: onClose,
67
71
  className: cn(
68
- "shrink-0 inline-flex items-center justify-center rounded-md w-6 h-6 opacity-60 hover:opacity-100 transition-opacity",
69
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring-default)] focus-visible:ring-offset-2 ring-offset-[var(--color-ring-offset)]"
72
+ "nx-state-layer shrink-0 inline-flex items-center justify-center rounded-full w-6 h-6"
70
73
  ),
71
74
  children: /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M10 2L2 10M2 2l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
72
75
  }
@@ -0,0 +1 @@
1
+ 'use client';
@@ -1,12 +1,11 @@
1
1
  'use client';
2
2
  import {
3
- enterExit,
4
3
  overlaySurface,
5
4
  scrim
6
- } from "./chunk-KQPLFVFR.js";
5
+ } from "./chunk-FLZD7HQY.js";
7
6
  import {
8
7
  buttonVariants
9
- } from "./chunk-LMPGHWUA.js";
8
+ } from "./chunk-C6JRJ6JW.js";
10
9
  import {
11
10
  cn
12
11
  } from "./chunk-Q7G5WGYV.js";
@@ -25,11 +24,8 @@ var Overlay2 = React.forwardRef(
25
24
  {
26
25
  ref,
27
26
  className: cn(
28
- "fixed inset-0 z-[var(--z-modal)]",
27
+ "fixed inset-0 z-[var(--z-modal)] nx-motion",
29
28
  scrim,
30
- enterExit,
31
- "data-[state=open]:animate-in data-[state=closed]:animate-out",
32
- "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
33
29
  className
34
30
  ),
35
31
  ...props
@@ -46,14 +42,9 @@ var Content2 = React.forwardRef(
46
42
  ref,
47
43
  className: cn(
48
44
  "fixed left-1/2 top-1/2 z-[var(--z-modal)] w-full max-w-lg -translate-x-1/2 -translate-y-1/2",
45
+ "nx-motion nx-dialog",
49
46
  overlaySurface,
50
- enterExit,
51
47
  "p-6 focus:outline-none",
52
- "data-[state=open]:animate-in data-[state=closed]:animate-out",
53
- "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
54
- "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
55
- "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
56
- "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]",
57
48
  className
58
49
  ),
59
50
  ...props,
@@ -69,7 +60,7 @@ var Title2 = React.forwardRef(
69
60
  RadixAlertDialog.Title,
70
61
  {
71
62
  ref,
72
- className: cn("text-lg font-semibold text-[var(--color-text-primary)]", className),
63
+ className: cn("text-lg font-semibold text-[var(--color-on-surface)]", className),
73
64
  ...props
74
65
  }
75
66
  );
@@ -81,7 +72,7 @@ var Description2 = React.forwardRef(function AlertDialogDescription({ className,
81
72
  RadixAlertDialog.Description,
82
73
  {
83
74
  ref,
84
- className: cn("mt-1 text-sm text-[var(--color-text-muted)]", className),
75
+ className: cn("mt-1 text-sm text-[var(--color-on-surface-muted)]", className),
85
76
  ...props
86
77
  }
87
78
  );
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import {
3
3
  Accordion
4
- } from "../../chunk-W2NEXOTG.js";
4
+ } from "../../chunk-T7RLPFGX.js";
5
5
  import "../../chunk-Q7G5WGYV.js";
6
6
  export {
7
7
  Accordion
@@ -2,7 +2,8 @@
2
2
  import {
3
3
  Alert,
4
4
  alertVariants
5
- } from "../../chunk-IIPYF6ZQ.js";
5
+ } from "../../chunk-B254JXS7.js";
6
+ import "../../chunk-24ZFAXB2.js";
6
7
  import "../../chunk-Q7G5WGYV.js";
7
8
  export {
8
9
  Alert,
@@ -1,9 +1,9 @@
1
1
  'use client';
2
2
  import {
3
3
  AlertDialog
4
- } from "../../chunk-RHOYF7MO.js";
5
- import "../../chunk-KQPLFVFR.js";
6
- import "../../chunk-LMPGHWUA.js";
4
+ } from "../../chunk-ZTLALVWA.js";
5
+ import "../../chunk-FLZD7HQY.js";
6
+ import "../../chunk-C6JRJ6JW.js";
7
7
  import "../../chunk-7SXR4PGO.js";
8
8
  import "../../chunk-DEIBF3P7.js";
9
9
  import "../../chunk-Q7G5WGYV.js";
@@ -1,8 +1,10 @@
1
1
  'use client';
2
2
  import {
3
3
  Amount
4
- } from "../../chunk-AXOKFS4K.js";
4
+ } from "../../chunk-W3KO3JNZ.js";
5
+ import "../../chunk-AGYGWU6C.js";
5
6
  import "../../chunk-CIQHFMF6.js";
7
+ import "../../chunk-24ZFAXB2.js";
6
8
  import "../../chunk-Q7G5WGYV.js";
7
9
  export {
8
10
  Amount
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import {
3
3
  AspectRatio
4
- } from "../../chunk-ZV3AF5CL.js";
4
+ } from "../../chunk-S2CTBFLN.js";
5
5
  import "../../chunk-Q7G5WGYV.js";
6
6
  export {
7
7
  AspectRatio
@@ -1,8 +1,9 @@
1
1
  'use client';
2
2
  import {
3
3
  Autocomplete
4
- } from "../../chunk-TEOLG3N2.js";
5
- import "../../chunk-Z3IG5WRA.js";
4
+ } from "../../chunk-X4BQHXLB.js";
5
+ import "../../chunk-FJUVYRNT.js";
6
+ import "../../chunk-24ZFAXB2.js";
6
7
  import "../../chunk-Q7G5WGYV.js";
7
8
  export {
8
9
  Autocomplete
@@ -3,7 +3,7 @@ import "../../chunk-IZ6ZPEZ2.js";
3
3
  import {
4
4
  Avatar,
5
5
  avatarVariants
6
- } from "../../chunk-FHFVBOF3.js";
6
+ } from "../../chunk-QUYOV2ZJ.js";
7
7
  import "../../chunk-Q7G5WGYV.js";
8
8
  export {
9
9
  Avatar,
@@ -2,8 +2,9 @@
2
2
  import {
3
3
  AvatarGroup,
4
4
  avatarGroupVariants
5
- } from "../../chunk-QCNLE27O.js";
6
- import "../../chunk-FHFVBOF3.js";
5
+ } from "../../chunk-KRCLK5O4.js";
6
+ import "../../chunk-QUYOV2ZJ.js";
7
+ import "../../chunk-24ZFAXB2.js";
7
8
  import "../../chunk-Q7G5WGYV.js";
8
9
  export {
9
10
  AvatarGroup,
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  Badge,
4
4
  badgeVariants
5
- } from "../../chunk-B54WADL4.js";
5
+ } from "../../chunk-4P2JJ2FH.js";
6
6
  import "../../chunk-Q7G5WGYV.js";
7
7
  export {
8
8
  Badge,
@@ -2,7 +2,8 @@
2
2
  import {
3
3
  Banner,
4
4
  bannerVariants
5
- } from "../../chunk-NQVRF4RB.js";
5
+ } from "../../chunk-ZMJ54TG6.js";
6
+ import "../../chunk-24ZFAXB2.js";
6
7
  import "../../chunk-Q7G5WGYV.js";
7
8
  export {
8
9
  Banner,
@@ -1,7 +1,8 @@
1
1
  'use client';
2
2
  import {
3
3
  Breadcrumb
4
- } from "../../chunk-4SSUM4CL.js";
4
+ } from "../../chunk-QUNH4BFR.js";
5
+ import "../../chunk-24ZFAXB2.js";
5
6
  import "../../chunk-Q7G5WGYV.js";
6
7
  export {
7
8
  Breadcrumb
@@ -3,7 +3,7 @@ import "../../chunk-P26VJEIW.js";
3
3
  import {
4
4
  Button,
5
5
  buttonVariants
6
- } from "../../chunk-LMPGHWUA.js";
6
+ } from "../../chunk-C6JRJ6JW.js";
7
7
  import "../../chunk-7SXR4PGO.js";
8
8
  import "../../chunk-DEIBF3P7.js";
9
9
  import "../../chunk-Q7G5WGYV.js";
@@ -2,7 +2,7 @@
2
2
  import "../../chunk-LVPU7455.js";
3
3
  import {
4
4
  ButtonGroup
5
- } from "../../chunk-LGQ737BP.js";
5
+ } from "../../chunk-WHTLXQB6.js";
6
6
  import "../../chunk-Q7G5WGYV.js";
7
7
  export {
8
8
  ButtonGroup
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  Callout,
4
4
  calloutVariants
5
- } from "../../chunk-XR4NBY54.js";
5
+ } from "../../chunk-2DYKENBM.js";
6
6
  import "../../chunk-Q7G5WGYV.js";
7
7
  export {
8
8
  Callout,
@@ -1,11 +1,13 @@
1
1
  'use client';
2
2
  import {
3
3
  Card,
4
+ CardLink,
4
5
  cardVariants
5
- } from "../../chunk-NMH5WSZG.js";
6
+ } from "../../chunk-F73DTG2V.js";
6
7
  import "../../chunk-DEIBF3P7.js";
7
8
  import "../../chunk-Q7G5WGYV.js";
8
9
  export {
9
10
  Card,
11
+ CardLink,
10
12
  cardVariants
11
13
  };
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  CheckList,
4
4
  CheckListItem
5
- } from "../../chunk-4I5ULCYG.js";
5
+ } from "../../chunk-HFTS5AN7.js";
6
6
  import "../../chunk-Q7G5WGYV.js";
7
7
  export {
8
8
  CheckList,
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import {
3
3
  Checkbox
4
- } from "../../chunk-GUB7YKG2.js";
4
+ } from "../../chunk-I4U36P54.js";
5
5
  import "../../chunk-Q7G5WGYV.js";
6
6
  export {
7
7
  Checkbox
@@ -0,0 +1,9 @@
1
+ 'use client';
2
+ import {
3
+ CheckboxCard
4
+ } from "../../chunk-AT2DSFP3.js";
5
+ import "../../chunk-K5FKEAAK.js";
6
+ import "../../chunk-Q7G5WGYV.js";
7
+ export {
8
+ CheckboxCard
9
+ };