@luxfi/ui 7.4.15 → 8.0.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 (228) hide show
  1. package/LICENSE.md +21 -0
  2. package/dist/accordion.d.ts +10 -12
  3. package/dist/accordion.d.ts.map +1 -0
  4. package/dist/alert.cjs +7 -11
  5. package/dist/alert.d.ts +4 -5
  6. package/dist/alert.d.ts.map +1 -0
  7. package/dist/alert.js +1 -5
  8. package/dist/auth.d.ts +11 -13
  9. package/dist/auth.d.ts.map +1 -0
  10. package/dist/avatar.d.ts +5 -6
  11. package/dist/avatar.d.ts.map +1 -0
  12. package/dist/badge.cjs +7 -11
  13. package/dist/badge.d.ts +7 -8
  14. package/dist/badge.d.ts.map +1 -0
  15. package/dist/badge.js +1 -5
  16. package/dist/bank.d.ts +38 -43
  17. package/dist/bank.d.ts.map +1 -0
  18. package/dist/button.cjs +7 -11
  19. package/dist/button.d.ts +8 -9
  20. package/dist/button.d.ts.map +1 -0
  21. package/dist/button.js +1 -5
  22. package/dist/checkbox.d.ts +6 -7
  23. package/dist/checkbox.d.ts.map +1 -0
  24. package/dist/chrome.cjs +4 -8
  25. package/dist/chrome.d.ts +15 -19
  26. package/dist/chrome.d.ts.map +1 -0
  27. package/dist/chrome.js +1 -5
  28. package/dist/close-button.d.ts +3 -5
  29. package/dist/close-button.d.ts.map +1 -0
  30. package/dist/collapsible.cjs +19 -23
  31. package/dist/collapsible.d.ts +11 -13
  32. package/dist/collapsible.d.ts.map +1 -0
  33. package/dist/collapsible.js +1 -5
  34. package/dist/color-mode.d.ts +7 -9
  35. package/dist/color-mode.d.ts.map +1 -0
  36. package/dist/dialog.cjs +7 -11
  37. package/dist/dialog.d.ts +50 -54
  38. package/dist/dialog.d.ts.map +1 -0
  39. package/dist/dialog.js +1 -5
  40. package/dist/drawer.d.ts +33 -38
  41. package/dist/drawer.d.ts.map +1 -0
  42. package/dist/empty-state.d.ts +4 -6
  43. package/dist/empty-state.d.ts.map +1 -0
  44. package/dist/engine.d.ts +35 -0
  45. package/dist/engine.d.ts.map +1 -0
  46. package/dist/expiration-selector.d.ts +4 -6
  47. package/dist/expiration-selector.d.ts.map +1 -0
  48. package/dist/field.d.ts +5 -7
  49. package/dist/field.d.ts.map +1 -0
  50. package/dist/greeks-display.d.ts +3 -5
  51. package/dist/greeks-display.d.ts.map +1 -0
  52. package/dist/gui.d.ts +1 -1
  53. package/dist/gui.d.ts.map +1 -0
  54. package/dist/heading.d.ts +4 -6
  55. package/dist/heading.d.ts.map +1 -0
  56. package/dist/iam.d.ts +10 -12
  57. package/dist/iam.d.ts.map +1 -0
  58. package/dist/icon-button.cjs +7 -11
  59. package/dist/icon-button.d.ts +4 -5
  60. package/dist/icon-button.d.ts.map +1 -0
  61. package/dist/icon-button.js +1 -5
  62. package/dist/icons.d.ts +1 -0
  63. package/dist/icons.d.ts.map +1 -0
  64. package/dist/identity.d.ts +9 -11
  65. package/dist/identity.d.ts.map +1 -0
  66. package/dist/image.cjs +8 -12
  67. package/dist/image.d.ts +10 -11
  68. package/dist/image.d.ts.map +1 -0
  69. package/dist/image.js +1 -5
  70. package/dist/index.cjs +65 -66
  71. package/dist/index.d.ts +86 -60
  72. package/dist/index.d.ts.map +1 -0
  73. package/dist/index.js +6 -9
  74. package/dist/ink.d.ts +14 -0
  75. package/dist/ink.d.ts.map +1 -0
  76. package/dist/input-group.d.ts +4 -6
  77. package/dist/input-group.d.ts.map +1 -0
  78. package/dist/input.d.ts +8 -9
  79. package/dist/input.d.ts.map +1 -0
  80. package/dist/link.cjs +19 -23
  81. package/dist/link.d.ts +9 -11
  82. package/dist/link.d.ts.map +1 -0
  83. package/dist/link.js +1 -5
  84. package/dist/lux.config.d.ts +521 -524
  85. package/dist/lux.config.d.ts.map +1 -0
  86. package/dist/menu.d.ts +30 -31
  87. package/dist/menu.d.ts.map +1 -0
  88. package/dist/next.d.ts +5 -7
  89. package/dist/next.d.ts.map +1 -0
  90. package/dist/option-chain.d.ts +6 -8
  91. package/dist/option-chain.d.ts.map +1 -0
  92. package/dist/option-position.d.ts +4 -6
  93. package/dist/option-position.d.ts.map +1 -0
  94. package/dist/pin-input.cjs +1 -1
  95. package/dist/pin-input.d.ts +3 -5
  96. package/dist/pin-input.d.ts.map +1 -0
  97. package/dist/pin-input.js +1 -1
  98. package/dist/pnl-diagram.d.ts +5 -6
  99. package/dist/pnl-diagram.d.ts.map +1 -0
  100. package/dist/popover.cjs +9 -13
  101. package/dist/popover.d.ts +24 -25
  102. package/dist/popover.d.ts.map +1 -0
  103. package/dist/popover.js +1 -5
  104. package/dist/progress-circle.cjs +2 -6
  105. package/dist/progress-circle.d.ts +8 -9
  106. package/dist/progress-circle.d.ts.map +1 -0
  107. package/dist/progress-circle.js +1 -5
  108. package/dist/progress.d.ts +3 -4
  109. package/dist/progress.d.ts.map +1 -0
  110. package/dist/provider.d.ts +8 -10
  111. package/dist/provider.d.ts.map +1 -0
  112. package/dist/radio.d.ts +6 -7
  113. package/dist/radio.d.ts.map +1 -0
  114. package/dist/rating.d.ts +3 -5
  115. package/dist/rating.d.ts.map +1 -0
  116. package/dist/select.cjs +16 -20
  117. package/dist/select.d.ts +38 -41
  118. package/dist/select.d.ts.map +1 -0
  119. package/dist/select.js +1 -5
  120. package/dist/separator.d.ts +5 -6
  121. package/dist/separator.d.ts.map +1 -0
  122. package/dist/skeleton.cjs +7 -11
  123. package/dist/skeleton.d.ts +9 -12
  124. package/dist/skeleton.d.ts.map +1 -0
  125. package/dist/skeleton.js +1 -5
  126. package/dist/slider.cjs +1 -1
  127. package/dist/slider.d.ts +3 -5
  128. package/dist/slider.d.ts.map +1 -0
  129. package/dist/slider.js +1 -1
  130. package/dist/strategy-builder.d.ts +6 -8
  131. package/dist/strategy-builder.d.ts.map +1 -0
  132. package/dist/switch.cjs +1 -1
  133. package/dist/switch.d.ts +3 -5
  134. package/dist/switch.d.ts.map +1 -0
  135. package/dist/switch.js +1 -1
  136. package/dist/table.cjs +30 -34
  137. package/dist/table.d.ts +23 -25
  138. package/dist/table.d.ts.map +1 -0
  139. package/dist/table.js +1 -5
  140. package/dist/tabs.d.ts +12 -13
  141. package/dist/tabs.d.ts.map +1 -0
  142. package/dist/tag.cjs +7 -11
  143. package/dist/tag.d.ts +4 -5
  144. package/dist/tag.d.ts.map +1 -0
  145. package/dist/tag.js +1 -5
  146. package/dist/textarea.d.ts +5 -6
  147. package/dist/textarea.d.ts.map +1 -0
  148. package/dist/toaster.d.ts +4 -5
  149. package/dist/toaster.d.ts.map +1 -0
  150. package/dist/tooltip.d.ts +3 -5
  151. package/dist/tooltip.d.ts.map +1 -0
  152. package/dist/use-narrow.d.ts +6 -7
  153. package/dist/use-narrow.d.ts.map +1 -0
  154. package/dist/utils/cn.d.ts +2 -0
  155. package/dist/utils/cn.d.ts.map +1 -0
  156. package/dist/utils.cjs +6 -7
  157. package/dist/utils.d.ts +13 -5
  158. package/dist/utils.d.ts.map +1 -0
  159. package/dist/utils.js +1 -9
  160. package/dist/vite.d.ts +3 -3
  161. package/dist/vite.d.ts.map +1 -0
  162. package/dist/white-label.d.ts +12 -12
  163. package/dist/white-label.d.ts.map +1 -0
  164. package/package.json +19 -17
  165. package/src/pin-input.tsx +1 -1
  166. package/src/slider.tsx +1 -1
  167. package/src/switch.tsx +1 -1
  168. package/src/utils/cn.ts +3 -7
  169. package/src/utils.ts +12 -6
  170. package/tokens.css +11 -0
  171. package/dist/accordion.d.cts +0 -41
  172. package/dist/alert.d.cts +0 -30
  173. package/dist/auth.d.cts +0 -80
  174. package/dist/avatar.d.cts +0 -25
  175. package/dist/badge.d.cts +0 -19
  176. package/dist/bank.d.cts +0 -83
  177. package/dist/button.d.cts +0 -51
  178. package/dist/checkbox.d.cts +0 -32
  179. package/dist/chrome.d.cts +0 -93
  180. package/dist/close-button.d.cts +0 -9
  181. package/dist/collapsible.d.cts +0 -24
  182. package/dist/color-mode.d.cts +0 -25
  183. package/dist/dialog.d.cts +0 -118
  184. package/dist/drawer.d.cts +0 -69
  185. package/dist/empty-state.d.cts +0 -13
  186. package/dist/expiration-selector.d.cts +0 -16
  187. package/dist/field.d.cts +0 -23
  188. package/dist/greeks-display.d.cts +0 -14
  189. package/dist/gui.d.cts +0 -2
  190. package/dist/heading.d.cts +0 -8
  191. package/dist/iam.d.cts +0 -65
  192. package/dist/icon-button.d.cts +0 -37
  193. package/dist/icons.d.cts +0 -1
  194. package/dist/identity.d.cts +0 -64
  195. package/dist/image.d.cts +0 -57
  196. package/dist/index.d.cts +0 -60
  197. package/dist/input-group.d.cts +0 -17
  198. package/dist/input.d.cts +0 -37
  199. package/dist/link.d.cts +0 -37
  200. package/dist/lux.config.d.cts +0 -981
  201. package/dist/menu.d.cts +0 -68
  202. package/dist/next.d.cts +0 -32
  203. package/dist/option-chain.d.cts +0 -37
  204. package/dist/option-position.d.cts +0 -29
  205. package/dist/pin-input.d.cts +0 -25
  206. package/dist/pnl-diagram.d.cts +0 -11
  207. package/dist/popover.d.cts +0 -73
  208. package/dist/progress-circle.d.cts +0 -47
  209. package/dist/progress.d.cts +0 -28
  210. package/dist/provider.d.cts +0 -25
  211. package/dist/radio.d.cts +0 -53
  212. package/dist/rating.d.cts +0 -14
  213. package/dist/select.d.cts +0 -161
  214. package/dist/separator.d.cts +0 -13
  215. package/dist/skeleton.d.cts +0 -76
  216. package/dist/slider.d.cts +0 -24
  217. package/dist/strategy-builder.d.cts +0 -26
  218. package/dist/switch.d.cts +0 -27
  219. package/dist/table.d.cts +0 -107
  220. package/dist/tabs.d.cts +0 -34
  221. package/dist/tag.d.cts +0 -21
  222. package/dist/textarea.d.cts +0 -13
  223. package/dist/toaster.d.cts +0 -28
  224. package/dist/tooltip.d.cts +0 -38
  225. package/dist/use-narrow.d.cts +0 -12
  226. package/dist/utils.d.cts +0 -5
  227. package/dist/vite.d.cts +0 -29
  228. package/dist/white-label.d.cts +0 -59
package/dist/tooltip.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
-
3
- interface TooltipProps {
2
+ export interface TooltipProps {
4
3
  selected?: boolean;
5
4
  showArrow?: boolean;
6
5
  portalled?: boolean;
@@ -33,6 +32,5 @@ interface TooltipProps {
33
32
  closeOnClick?: boolean;
34
33
  closeOnPointerDown?: boolean;
35
34
  }
36
- declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
37
-
38
- export { Tooltip, type TooltipProps };
35
+ export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
36
+ //# sourceMappingURL=tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,CAAC;QACpK,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;YAAC,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACpD,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,OAAO,qFAuJnB,CAAC"}
@@ -1,12 +1,11 @@
1
1
  /** Below this the UI is a phone: menus become sheets, drawers drag. */
2
- declare const NARROW_PX = 640;
2
+ export declare const NARROW_PX = 640;
3
3
  /** Below this the pointer is a finger: hover-only affordances are suppressed. */
4
- declare const TOUCH_PX = 1024;
4
+ export declare const TOUCH_PX = 1024;
5
5
  /** True while the viewport is narrower than `px`. */
6
- declare function useBelow(px: number): boolean;
6
+ export declare function useBelow(px: number): boolean;
7
7
  /** Phone-sized: present menus as sheets. */
8
- declare const useIsNarrow: () => boolean;
8
+ export declare const useIsNarrow: () => boolean;
9
9
  /** Touch-sized: no hover, so hover-only affordances must not be the only path. */
10
- declare const useIsTouch: () => boolean;
11
-
12
- export { NARROW_PX, TOUCH_PX, useBelow, useIsNarrow, useIsTouch };
10
+ export declare const useIsTouch: () => boolean;
11
+ //# sourceMappingURL=use-narrow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-narrow.d.ts","sourceRoot":"","sources":["../src/use-narrow.ts"],"names":[],"mappings":"AAgBA,uEAAuE;AACvE,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,iFAAiF;AACjF,eAAO,MAAM,QAAQ,OAAO,CAAC;AAE7B,qDAAqD;AACrD,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAU5C;AAED,4CAA4C;AAC5C,eAAO,MAAM,WAAW,QAAO,OAA8B,CAAC;AAE9D,kFAAkF;AAClF,eAAO,MAAM,UAAU,QAAO,OAA6B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { cn, type ClassValue } from '@hanzo/ui';
2
+ //# sourceMappingURL=cn.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAA"}
package/dist/utils.cjs CHANGED
@@ -1,11 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var clsx = require('clsx');
4
- var tailwindMerge = require('tailwind-merge');
3
+ var ui = require('@hanzo/ui');
5
4
 
6
- // src/utils.ts
7
- function cn(...inputs) {
8
- return tailwindMerge.twMerge(clsx.clsx(inputs));
9
- }
10
5
 
11
- exports.cn = cn;
6
+
7
+ Object.defineProperty(exports, "cn", {
8
+ enumerable: true,
9
+ get: function () { return ui.cn; }
10
+ });
package/dist/utils.d.ts CHANGED
@@ -1,5 +1,13 @@
1
- import { ClassValue } from 'clsx';
2
-
3
- declare function cn(...inputs: ClassValue[]): string;
4
-
5
- export { cn };
1
+ /**
2
+ * `cn` — re-exported from @hanzo/ui, which is where the one implementation now
3
+ * lives.
4
+ *
5
+ * There were two of them in this package (here and utils/cn.ts), both calling
6
+ * `twMerge(clsx(...))`. twMerge exists to resolve conflicts BETWEEN Tailwind
7
+ * utilities, and there are none left to resolve: this package renders through
8
+ * @hanzo/gui style props, and a class name here is only a stable handle a host
9
+ * may select on. So it was resolving conflicts in a vocabulary nothing writes,
10
+ * at the cost of two dependencies.
11
+ */
12
+ export { cn, type ClassValue } from '@hanzo/ui';
13
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAA"}
package/dist/utils.js CHANGED
@@ -1,9 +1 @@
1
- import { clsx } from 'clsx';
2
- import { twMerge } from 'tailwind-merge';
3
-
4
- // src/utils.ts
5
- function cn(...inputs) {
6
- return twMerge(clsx(inputs));
7
- }
8
-
9
- export { cn };
1
+ export { cn } from '@hanzo/ui';
package/dist/vite.d.ts CHANGED
@@ -24,6 +24,6 @@ interface LuxUiVitePlugin {
24
24
  };
25
25
  };
26
26
  }
27
- declare function luxUi(options?: LuxUiViteOptions): LuxUiVitePlugin;
28
-
29
- export { type LuxUiViteOptions, luxUi };
27
+ export declare function luxUi(options?: LuxUiViteOptions): LuxUiVitePlugin;
28
+ export type { LuxUiViteOptions };
29
+ //# sourceMappingURL=vite.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAkBA,UAAU,gBAAgB;IACxB;;;OAGG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC1C;AAED,iFAAiF;AACjF,UAAU,eAAe;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM;QACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/B,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;SAAE,CAAC;QAClE,YAAY,EAAE;YAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;SAAE,CAAC;KAC1C,CAAC;CACH;AAiBD,wBAAgB,KAAK,CAAC,OAAO,GAAE,gBAAqB,GAAG,eAAe,CAgBrE;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,14 +1,14 @@
1
- declare const LUX_BRAND: {
1
+ export declare const LUX_BRAND: {
2
2
  readonly lux: "#7000FF";
3
3
  readonly zoo: "#6C5EFB";
4
4
  readonly hanzo: "#EA580C";
5
5
  readonly pars: "#1C3879";
6
6
  readonly bootnode: "#3B82F6";
7
7
  };
8
- declare const PARS_GOLD = "#C8A45C";
9
- type LuxBrand = keyof typeof LUX_BRAND;
10
- type Org = LuxBrand;
11
- interface OrgIdentity {
8
+ export declare const PARS_GOLD = "#C8A45C";
9
+ export type LuxBrand = keyof typeof LUX_BRAND;
10
+ export type Org = LuxBrand;
11
+ export interface OrgIdentity {
12
12
  /** Org id — also the gui child-theme suffix (`dark_lux`, `dark_zoo`, …). */
13
13
  readonly org: Org;
14
14
  /** Display name for chrome (header, title, sign-in copy). */
@@ -23,8 +23,8 @@ interface OrgIdentity {
23
23
  readonly accentForeground: string;
24
24
  }
25
25
  declare const ORGS: Readonly<Record<Org, OrgIdentity>>;
26
- declare const DEFAULT_ORG: Org;
27
- interface WhiteLabel extends OrgIdentity {
26
+ export declare const DEFAULT_ORG: Org;
27
+ export interface WhiteLabel extends OrgIdentity {
28
28
  /** Hostname the identity was resolved from, port stripped, lowercased. */
29
29
  readonly host: string;
30
30
  /** App slug taken from the hostname — `mpc.lux.cloud` → `mpc`. */
@@ -46,14 +46,14 @@ interface WhiteLabel extends OrgIdentity {
46
46
  * resolveWhiteLabel('zoo.cloud') // org zoo, clientId zoo-cloud, issuer https://zoolabs.id
47
47
  * resolveWhiteLabel('cloud.pars.network') // org pars, clientId pars-app, issuer https://pars.id
48
48
  */
49
- declare function resolveWhiteLabel(host?: string | null): WhiteLabel;
49
+ export declare function resolveWhiteLabel(host?: string | null): WhiteLabel;
50
50
  /**
51
51
  * The current host in a browser, or '' during SSR / prerender.
52
52
  * Server code must pass `req.headers.host` to resolveWhiteLabel explicitly —
53
53
  * there is no ambient request here, and guessing would bake in a brand.
54
54
  */
55
- declare function currentHost(): string;
55
+ export declare function currentHost(): string;
56
56
  /** Identity for the org id itself, for the rare surface that is not host-routed. */
57
- declare function orgIdentity(org: Org): OrgIdentity;
58
-
59
- export { DEFAULT_ORG, LUX_BRAND, type LuxBrand, type Org, type OrgIdentity, PARS_GOLD, type WhiteLabel, currentHost, orgIdentity, ORGS as orgs, resolveWhiteLabel };
57
+ export declare function orgIdentity(org: Org): OrgIdentity;
58
+ export { ORGS as orgs };
59
+ //# sourceMappingURL=white-label.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"white-label.d.ts","sourceRoot":"","sources":["../src/white-label.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,SAAS;;;;;;CAQZ,CAAC;AAEX,eAAO,MAAM,SAAS,YAAY,CAAC;AAEnC,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C,MAAM,MAAM,GAAG,GAAG,QAAQ,CAAC;AAE3B,MAAM,WAAW,WAAW;IAC1B,4EAA4E;IAC5E,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,6BAA6B;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,+EAA+E;IAC/E,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;CACnC;AAGD,QAAA,MAAM,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,CAmD5C,CAAC;AAkCF,eAAO,MAAM,WAAW,EAAE,GAAW,CAAC;AAEtC,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,0EAA0E;IAC1E,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AA0DD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,UAAU,CAclE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAEpC;AAED,oFAAoF;AACpF,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,GAAG,WAAW,CAEjD;AAED,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luxfi/ui",
3
- "version": "7.4.15",
3
+ "version": "8.0.0",
4
4
  "description": "Cross-platform UI components on @hanzo/gui. Native mobile + web.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -296,28 +296,20 @@
296
296
  "types": "./dist/*.d.ts"
297
297
  }
298
298
  },
299
- "scripts": {
300
- "build": "tsup",
301
- "build:check": "tsc --noEmit",
302
- "clean": "rm -rf dist",
303
- "dev": "tsup --watch",
304
- "harness": "vite --config harness/vite.config.ts",
305
- "test": "playwright test"
306
- },
307
299
  "dependencies": {
300
+ "@hanzogui/config": "^8.1.1",
308
301
  "@uidotdev/usehooks": "^2.4.1",
309
- "clsx": "^2.1.1",
310
302
  "es-toolkit": "^1.31.0",
311
303
  "lucide-react": "^1.27.0",
312
- "tailwind-merge": "^3.0.0"
304
+ "@hanzo/ui": "^8.7.5"
313
305
  },
314
306
  "peerDependencies": {
307
+ "@hanzo/appearance": "^0.1.4",
315
308
  "@hanzo/design": "^0.5.1",
316
309
  "@hanzo/gui": "^8.1.1",
317
310
  "@hanzo/iam": "^0.13.8",
318
- "@hanzo/ui": "^8.0.70",
311
+ "@hanzo/ui": "^8.7.5",
319
312
  "@hanzogui/colors": "^8.1.1",
320
- "@hanzogui/config": "^8.1.1",
321
313
  "@hanzogui/core": "^8.1.1",
322
314
  "@hanzogui/lucide-icons-2": "^8.1.1",
323
315
  "@hanzogui/themes": "^8.1.1",
@@ -347,10 +339,11 @@
347
339
  }
348
340
  },
349
341
  "devDependencies": {
350
- "@hanzo/design": "0.5.1",
342
+ "@hanzo/appearance": "0.1.4",
343
+ "@hanzo/design": "^0.5.21",
351
344
  "@hanzo/gui": "8.1.1",
352
345
  "@hanzo/iam": "^0.13.8",
353
- "@hanzo/ui": "8.0.70",
346
+ "@hanzo/ui": "^8.3.3",
354
347
  "@hanzogui/colors": "8.1.1",
355
348
  "@hanzogui/config": "8.1.1",
356
349
  "@hanzogui/core": "8.1.1",
@@ -367,6 +360,15 @@
367
360
  "tailwindcss": "^4",
368
361
  "tsup": "^8.5.0",
369
362
  "typescript": "^5.9.3",
370
- "vite": "^8"
363
+ "vite": "^8",
364
+ "@types/node": "^22.10.6"
365
+ },
366
+ "scripts": {
367
+ "build": "tsup --no-dts && tsc -p tsconfig.json --noEmit false --emitDeclarationOnly --declaration --outDir dist",
368
+ "build:check": "tsc --noEmit",
369
+ "clean": "rm -rf dist",
370
+ "dev": "tsup --watch",
371
+ "harness": "vite --config harness/vite.config.ts",
372
+ "test": "playwright test"
371
373
  }
372
- }
374
+ }
package/src/pin-input.tsx CHANGED
@@ -39,7 +39,7 @@ const BOX = {
39
39
  hoverStyle: { borderColor: 'var(--color-input-border-hover)' as never },
40
40
  focusStyle: {
41
41
  borderColor: 'var(--color-input-border-focus)' as never,
42
- boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
42
+ boxShadow: 'var(--shadow-md)',
43
43
  },
44
44
  disabledStyle: { opacity: 0.4 },
45
45
  };
package/src/slider.tsx CHANGED
@@ -119,7 +119,7 @@ export const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(
119
119
  borderWidth={ 2 }
120
120
  borderColor={ ACTIVE }
121
121
  backgroundColor={ WHITE }
122
- boxShadow="0 1px 2px 0 rgba(0,0,0,0.05)"
122
+ boxShadow="var(--shadow-sm)"
123
123
  transition="quick"
124
124
  hoverStyle={{ borderColor: ACTIVE_HOVER }}
125
125
  focusStyle={{ outlineWidth: 2, outlineStyle: 'solid', outlineColor: ACTIVE, outlineOffset: 2 }}
package/src/switch.tsx CHANGED
@@ -123,7 +123,7 @@ const SwitchBase = React.forwardRef<HTMLInputElement, SwitchProps>(
123
123
  height={ s.thumb }
124
124
  borderRadius={ 9999 }
125
125
  backgroundColor={ WHITE }
126
- boxShadow="0 1px 2px 0 rgba(0,0,0,0.05)"
126
+ boxShadow="var(--shadow-sm)"
127
127
  >
128
128
  { thumbLabel && (
129
129
  <Text width="100%" height="100%" textAlign="center" fontSize={ 8 }>
package/src/utils/cn.ts CHANGED
@@ -1,7 +1,3 @@
1
- import type { ClassValue } from 'clsx';
2
- import { clsx } from 'clsx';
3
- import { twMerge } from 'tailwind-merge';
4
-
5
- export function cn(...inputs: Array<ClassValue>): string {
6
- return twMerge(clsx(inputs));
7
- }
1
+ // The one `cn` lives in @hanzo/ui; ../utils re-exports it. This path is kept
2
+ // because call sites import it, and it must not become a second copy.
3
+ export { cn, type ClassValue } from '@hanzo/ui'
package/src/utils.ts CHANGED
@@ -1,6 +1,12 @@
1
- import { type ClassValue, clsx } from 'clsx';
2
- import { twMerge } from 'tailwind-merge';
3
-
4
- export function cn(...inputs: ClassValue[]): string {
5
- return twMerge(clsx(inputs));
6
- }
1
+ /**
2
+ * `cn` re-exported from @hanzo/ui, which is where the one implementation now
3
+ * lives.
4
+ *
5
+ * There were two of them in this package (here and utils/cn.ts), both calling
6
+ * `twMerge(clsx(...))`. twMerge exists to resolve conflicts BETWEEN Tailwind
7
+ * utilities, and there are none left to resolve: this package renders through
8
+ * @hanzo/gui style props, and a class name here is only a stable handle a host
9
+ * may select on. So it was resolving conflicts in a vocabulary nothing writes,
10
+ * at the cost of two dependencies.
11
+ */
12
+ export { cn, type ClassValue } from '@hanzo/ui'
package/tokens.css CHANGED
@@ -427,6 +427,12 @@
427
427
  --chakra-colors-whiteAlpha-100: var(--color-whiteAlpha-100);
428
428
 
429
429
  /* --- Shadows --- */
430
+ /* The two elevation steps small controls need — a switch thumb, a slider
431
+ handle, a focused pin cell. They were inlined at their LIGHT values in
432
+ three components, so those rendered a barely-visible black shadow on a
433
+ black canvas. A shadow is a theme value like any colour. */
434
+ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
435
+ --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
430
436
  --shadow-action-bar: 0 4px 4px -4px rgb(0 0 0 / 10%), 0 2px 4px -4px rgb(0 0 0 / 6%);
431
437
  --shadow-popover: 0px 15px 50px -12px rgba(0, 0, 0, 0.25);
432
438
  --shadow-drawer: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
@@ -692,6 +698,11 @@
692
698
  --color-graph-line: var(--lux-paper-48);
693
699
  --color-graph-gradient-start: rgba(255, 255, 255, 0.15);
694
700
  --color-graph-gradient-stop: rgba(255, 255, 255, 0);
701
+ /* On a dark canvas a 5%-black shadow is invisible, so the small steps carry
702
+ a hairline rim as well as depth — the rim is what actually separates a
703
+ control from the surface behind it. */
704
+ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.06);
705
+ --shadow-md: 0 4px 8px -1px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.08);
695
706
  --shadow-drawer: 0px 15px 40px 0px rgba(0, 0, 0, 0.4), 0px 5px 10px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
696
707
 
697
708
  /* --- Skeleton --- */
@@ -1,41 +0,0 @@
1
- import { Accordion } from '@hanzo/gui';
2
- import * as React from 'react';
3
-
4
- interface AccordionRootProps extends Omit<React.ComponentProps<typeof Accordion>, 'type' | 'value' | 'defaultValue' | 'onValueChange' | 'size'> {
5
- /** Controlled open items. */
6
- readonly value?: Array<string>;
7
- /** Uncontrolled initial open items. */
8
- readonly defaultValue?: Array<string>;
9
- /** Fires with the full set of open items. */
10
- readonly onValueChange?: (details: {
11
- value: Array<string>;
12
- }) => void;
13
- readonly variant?: 'outline' | 'faq';
14
- readonly size?: 'sm' | 'md';
15
- }
16
- declare const AccordionRoot: ({ value, defaultValue, onValueChange, variant, size, children, ...rest }: AccordionRootProps) => React.ReactElement;
17
- type AccordionItemProps = React.ComponentProps<typeof Accordion.Item>;
18
- declare const AccordionItem: (props: AccordionItemProps) => React.ReactElement;
19
- type AccordionItemTriggerProps = React.ComponentProps<typeof Accordion.Trigger> & {
20
- readonly indicatorPlacement?: 'start' | 'end';
21
- readonly noIndicator?: boolean;
22
- readonly variant?: 'outline' | 'faq';
23
- readonly headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
24
- /** The DOM button type — see (3) above. Defaults to `button`, not submit. */
25
- readonly type?: 'button' | 'submit' | 'reset';
26
- };
27
- declare const AccordionItemTrigger: ({ children, indicatorPlacement: placementProp, variant: variantProp, noIndicator, headingLevel, ...rest }: AccordionItemTriggerProps) => React.ReactElement;
28
- type AccordionItemContentProps = React.ComponentProps<typeof Accordion.Content>;
29
- declare const AccordionItemContent: ({ children, ...rest }: AccordionItemContentProps) => React.ReactElement;
30
- /** Open state for an accordion whose items are addressable by URL fragment. */
31
- declare function useAccordion(items: Array<{
32
- id: string;
33
- }>): {
34
- value: string[];
35
- onValueChange: ({ value: next }: {
36
- value: Array<string>;
37
- }) => void;
38
- scrollToItemFromUrl: () => void;
39
- };
40
-
41
- export { AccordionItem, AccordionItemContent, type AccordionItemContentProps, type AccordionItemProps, AccordionItemTrigger, type AccordionItemTriggerProps, AccordionRoot, type AccordionRootProps, useAccordion };
package/dist/alert.d.cts DELETED
@@ -1,30 +0,0 @@
1
- import * as React from 'react';
2
-
3
- type AlertStatus = 'info' | 'warning' | 'warning_table' | 'success' | 'error';
4
- interface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
5
- readonly status?: AlertStatus;
6
- readonly size?: 'sm' | 'md';
7
- readonly inline?: boolean;
8
- readonly startElement?: React.ReactNode;
9
- readonly endElement?: React.ReactNode;
10
- readonly descriptionProps?: Omit<React.ComponentPropsWithoutRef<'div'>, 'ref'> & {
11
- whiteSpace?: string;
12
- alignItems?: string;
13
- flexDir?: string;
14
- flexWrap?: string;
15
- rowGap?: number | string;
16
- columnGap?: number | string;
17
- };
18
- readonly title?: React.ReactNode;
19
- readonly icon?: React.ReactElement;
20
- readonly closable?: boolean;
21
- readonly onClose?: () => void;
22
- readonly loading?: boolean;
23
- readonly showIcon?: boolean;
24
- readonly whiteSpace?: string;
25
- readonly mb?: number | string;
26
- readonly mt?: number | string;
27
- }
28
- declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
29
-
30
- export { Alert, type AlertProps };
package/dist/auth.d.cts DELETED
@@ -1,80 +0,0 @@
1
- import * as React from 'react';
2
- import { WhiteLabel } from './white-label.cjs';
3
-
4
- /**
5
- * The ONE callback route. Registered as `https://<host>/auth/callback` for
6
- * every browser client in the fleet — never under `/api/`, never per app.
7
- */
8
- declare const CALLBACK_PATH = "/auth/callback";
9
- /** What `handleCallback` hands back. Structural, so the SDK's types stay its own. */
10
- interface AuthResult {
11
- readonly token: {
12
- readonly accessToken: string;
13
- };
14
- readonly redirect: string;
15
- }
16
- /**
17
- * Point `@hanzo/iam` at the issuer and client this HOST resolves to.
18
- *
19
- * Idempotent per config, browser-only, and safe to call from anywhere — which
20
- * is the point: no ordering rule between a provider's effect and a child's.
21
- */
22
- declare function configureAuth(wl: WhiteLabel): void;
23
- interface Auth {
24
- /** Start the PKCE login. `redirect` is where to land afterwards. */
25
- readonly signIn: (redirect?: string) => void;
26
- /** RP-initiated logout + local token clear. */
27
- readonly signOut: () => void;
28
- /** Finish the login on the callback route. */
29
- readonly complete: () => Promise<AuthResult>;
30
- /** The host-resolved brand, issuer and client these verbs are bound to. */
31
- readonly whiteLabel: WhiteLabel;
32
- }
33
- /**
34
- * The three auth verbs, bound to the current host.
35
- *
36
- * Configuration happens during render, before any caller can use a verb, so a
37
- * callback route works whether or not it sits under an `<AuthProvider>`.
38
- */
39
- declare function useAuth(defaultRedirect?: string): Auth;
40
- interface AuthProviderProps {
41
- readonly children: React.ReactNode;
42
- /** Where a successful sign-in lands. Default `/`. */
43
- readonly redirect?: string;
44
- /**
45
- * Anything the surface must tear down alongside the IAM session — the mirror
46
- * of {@link AuthCallbackProps.onSignedIn}. A surface that mints its own
47
- * downstream credential from the IAM token drops it here; the IAM session
48
- * itself is never the app's to manage.
49
- */
50
- readonly onSignOut?: () => void;
51
- }
52
- /**
53
- * `IdentityProvider` with the credential half filled in.
54
- *
55
- * A surface's root becomes `<AppProvider><AuthProvider>…` and nothing else —
56
- * no `configureIam`, no `startLogin`, no per-app token keys.
57
- */
58
- declare const AuthProvider: ({ children, redirect, onSignOut }: AuthProviderProps) => React.ReactElement;
59
- interface AuthCallbackProps {
60
- /**
61
- * Anything the surface must do with the fresh session before it navigates —
62
- * e.g. the MPC dashboard mints its own API JWT from the IAM token. Throwing
63
- * here does NOT fail the sign-in: the user is signed in, and a downstream
64
- * service being unreachable is that service's problem to report.
65
- */
66
- readonly onSignedIn?: (result: AuthResult) => void | Promise<void>;
67
- /** Router hop. Defaults to a full replace, which needs no router. */
68
- readonly navigate?: (to: string) => void;
69
- /** Where to go when the callback carried no stashed redirect. */
70
- readonly fallback?: string;
71
- /** Sign-in entry point offered after a failure. */
72
- readonly retryPath?: string;
73
- }
74
- /**
75
- * The ONE callback page body: verify state, exchange the code, go where the
76
- * user was headed. Mount it at {@link CALLBACK_PATH}.
77
- */
78
- declare const AuthCallback: ({ onSignedIn, navigate, fallback, retryPath, }: AuthCallbackProps) => React.ReactElement;
79
-
80
- export { type Auth, AuthCallback, type AuthCallbackProps, AuthProvider, type AuthProviderProps, type AuthResult, CALLBACK_PATH, configureAuth, useAuth };
package/dist/avatar.d.cts DELETED
@@ -1,25 +0,0 @@
1
- import * as React from 'react';
2
-
3
- type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
4
- type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
5
- type AvatarVariant = 'solid' | 'subtle' | 'outline';
6
- interface AvatarProps extends React.ComponentPropsWithoutRef<'span'> {
7
- name?: string;
8
- src?: string;
9
- srcSet?: string;
10
- loading?: ImageProps['loading'];
11
- icon?: React.ReactElement;
12
- fallback?: React.ReactNode;
13
- size?: AvatarSize;
14
- variant?: AvatarVariant;
15
- borderless?: boolean;
16
- }
17
- declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
18
- interface AvatarGroupProps extends React.ComponentPropsWithoutRef<'div'> {
19
- size?: AvatarSize;
20
- variant?: AvatarVariant;
21
- borderless?: boolean;
22
- }
23
- declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
24
-
25
- export { Avatar, AvatarGroup, type AvatarProps };
package/dist/badge.d.cts DELETED
@@ -1,19 +0,0 @@
1
- import React__default from 'react';
2
-
3
- type ColorPalette = 'gray' | 'green' | 'red' | 'purple' | 'orange' | 'blue' | 'yellow' | 'teal' | 'cyan' | 'pink' | 'purple_alt' | 'blue_alt' | 'bright_gray' | 'bright_green' | 'bright_red' | 'bright_blue' | 'bright_yellow' | 'bright_teal' | 'bright_cyan' | 'bright_orange' | 'bright_purple' | 'bright_pink';
4
- interface BadgeProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'> {
5
- readonly loading?: boolean;
6
- readonly startElement?: React__default.ReactNode;
7
- readonly endElement?: React__default.ReactNode;
8
- readonly truncated?: boolean;
9
- readonly colorPalette?: ColorPalette;
10
- readonly variant?: 'subtle' | 'solid';
11
- readonly size?: 'sm' | 'md' | 'lg';
12
- readonly flexShrink?: number;
13
- readonly gap?: number | string;
14
- readonly ml?: number | string | Record<string, number>;
15
- readonly mr?: number | string;
16
- }
17
- declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLDivElement>>;
18
-
19
- export { Badge, type BadgeProps };
package/dist/bank.d.cts DELETED
@@ -1,83 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as _hanzogui_core from '@hanzogui/core';
3
- import * as _hanzogui_web from '@hanzogui/web';
4
- import React__default from 'react';
5
- import { GetProps } from '@hanzo/gui';
6
-
7
- declare const bankColors: {
8
- readonly bg: "#000000";
9
- readonly card: "#111111";
10
- readonly cardBorder: "#222222";
11
- readonly input: "#1A1A1A";
12
- readonly inputBorder: "#333333";
13
- readonly inputFocus: "#555555";
14
- readonly inputPlaceholder: "#666666";
15
- readonly text: "#FFFFFF";
16
- readonly textMuted: "#888888";
17
- readonly textLabel: "#CCCCCC";
18
- readonly accent: "#FFFFFF";
19
- readonly accentPress: "#E0E0E0";
20
- readonly accentHover: "#F0F0F0";
21
- readonly error: "#FF4444";
22
- readonly errorBg: "#1C0A0A";
23
- readonly errorBorder: "#441111";
24
- readonly success: "#44FF44";
25
- readonly successBg: "#0A1C0A";
26
- readonly successBorder: "#114411";
27
- readonly divider: "#222222";
28
- readonly disabled: "#444444";
29
- };
30
- declare const BankCard: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
31
- size?: "sm" | "md" | "lg" | undefined;
32
- }, _hanzogui_web.StaticConfigPublic>;
33
- type BankCardProps = GetProps<typeof BankCard>;
34
- declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
35
- size?: "sm" | "md" | "lg" | undefined;
36
- unstyled?: boolean | undefined;
37
- invalid?: boolean | undefined;
38
- }, _hanzogui_web.StaticConfigPublic>;
39
- type BankInputProps = GetProps<typeof BankInput> & {
40
- placeholderTextColor?: string;
41
- };
42
- declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
43
- disabled?: boolean | undefined;
44
- variant?: "primary" | "secondary" | "ghost" | undefined;
45
- }, _hanzogui_web.StaticConfigPublic>;
46
- declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
47
- unstyled?: boolean | undefined;
48
- variant?: "primary" | "secondary" | "ghost" | undefined;
49
- }, _hanzogui_web.StaticConfigPublic>;
50
- type BankButtonProps = GetProps<typeof BankButton>;
51
- declare const BankHeading: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
52
- size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
53
- unstyled?: boolean | undefined;
54
- }, _hanzogui_web.StaticConfigPublic>;
55
- type BankHeadingProps = GetProps<typeof BankHeading>;
56
- declare const BankText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
57
- unstyled?: boolean | undefined;
58
- variant?: "default" | "label" | "link" | "error" | "success" | "muted" | undefined;
59
- }, _hanzogui_web.StaticConfigPublic>;
60
- type BankTextProps = GetProps<typeof BankText>;
61
- declare function BankField({ label, error, children, }: {
62
- label?: string;
63
- error?: string;
64
- children: React__default.ReactNode;
65
- }): react_jsx_runtime.JSX.Element;
66
- declare const BankAlert: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
67
- status?: "error" | "success" | undefined;
68
- }, _hanzogui_web.StaticConfigPublic>;
69
- declare const BankAlertText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
70
- status?: "error" | "success" | undefined;
71
- unstyled?: boolean | undefined;
72
- }, _hanzogui_web.StaticConfigPublic>;
73
- type BankAlertProps = GetProps<typeof BankAlert>;
74
- declare const BankPinBox: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
75
- unstyled?: boolean | undefined;
76
- invalid?: boolean | undefined;
77
- }, _hanzogui_web.StaticConfigPublic>;
78
- type BankPinBoxProps = GetProps<typeof BankPinBox>;
79
- declare const BankDivider: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
80
- declare const BankPage: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
81
- type BankPageProps = GetProps<typeof BankPage>;
82
-
83
- export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };