@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/switch.cjs CHANGED
@@ -124,7 +124,7 @@ var SwitchBase = React__namespace.forwardRef(
124
124
  height: s.thumb,
125
125
  borderRadius: 9999,
126
126
  backgroundColor: WHITE,
127
- boxShadow: "0 1px 2px 0 rgba(0,0,0,0.05)",
127
+ boxShadow: "var(--shadow-sm)",
128
128
  children: thumbLabel && /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { width: "100%", height: "100%", textAlign: "center", fontSize: 8, children: checkedState ? thumbLabel.on : thumbLabel.off })
129
129
  }
130
130
  )
package/dist/switch.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
-
3
- interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange' | 'dir'> {
2
+ export interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange' | 'dir'> {
4
3
  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
5
4
  labelProps?: React.ComponentPropsWithoutRef<'span'>;
6
5
  rootRef?: React.Ref<HTMLLabelElement>;
@@ -22,6 +21,5 @@ interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onC
22
21
  size?: 'sm' | 'md' | 'lg';
23
22
  direction?: 'ltr' | 'rtl';
24
23
  }
25
- declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
26
-
27
- export { Switch, type SwitchProps };
24
+ export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
25
+ //# sourceMappingURL=switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IACpG,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE;QAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC3D,UAAU,CAAC,EAAE;QAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC3B;AA2HD,eAAO,MAAM,MAAM,sFAAa,CAAC"}
package/dist/switch.js CHANGED
@@ -102,7 +102,7 @@ var SwitchBase = React.forwardRef(
102
102
  height: s.thumb,
103
103
  borderRadius: 9999,
104
104
  backgroundColor: WHITE,
105
- boxShadow: "0 1px 2px 0 rgba(0,0,0,0.05)",
105
+ boxShadow: "var(--shadow-sm)",
106
106
  children: thumbLabel && /* @__PURE__ */ jsx(Text, { width: "100%", height: "100%", textAlign: "center", fontSize: 8, children: checkedState ? thumbLabel.on : thumbLabel.off })
107
107
  }
108
108
  )
package/dist/table.cjs CHANGED
@@ -3,8 +3,7 @@
3
3
 
4
4
  var esToolkit = require('es-toolkit');
5
5
  var React3 = require('react');
6
- var clsx = require('clsx');
7
- var tailwindMerge = require('tailwind-merge');
6
+ var ui = require('@hanzo/ui');
8
7
  var jsxRuntime = require('react/jsx-runtime');
9
8
 
10
9
  function _interopNamespace(e) {
@@ -28,9 +27,6 @@ function _interopNamespace(e) {
28
27
  var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
29
28
 
30
29
  // src/table.tsx
31
- function cn(...inputs) {
32
- return tailwindMerge.twMerge(clsx.clsx(inputs));
33
- }
34
30
  var SHIM_PROPS = [
35
31
  "w",
36
32
  "h",
@@ -153,7 +149,7 @@ var Skeleton = React3__namespace.forwardRef(
153
149
  const shimStyle = shimToStyle(props);
154
150
  const mergedStyle = Object.keys(shimStyle).length > 0 || styleProp ? { ...shimStyle, ...styleProp } : void 0;
155
151
  const hideBelowClass = props.hideBelow ? HIDE_BELOW_MAP[props.hideBelow] : void 0;
156
- const cls = hideBelowClass ? cn(className, hideBelowClass) : className;
152
+ const cls = hideBelowClass ? ui.cn(className, hideBelowClass) : className;
157
153
  const htmlRest = stripShims(allRest);
158
154
  if (!loading) {
159
155
  if (asChild && React3__namespace.isValidElement(children)) return children;
@@ -165,7 +161,7 @@ var Skeleton = React3__namespace.forwardRef(
165
161
  {
166
162
  ref,
167
163
  "data-loading": true,
168
- className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
164
+ className: ui.cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
169
165
  style: mergedStyle,
170
166
  ...htmlRest,
171
167
  children
@@ -177,7 +173,7 @@ var Skeleton = React3__namespace.forwardRef(
177
173
  {
178
174
  ref,
179
175
  "data-loading": true,
180
- className: cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
176
+ className: ui.cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
181
177
  style: mergedStyle,
182
178
  ...htmlRest,
183
179
  children
@@ -194,7 +190,7 @@ React3__namespace.forwardRef(
194
190
  {
195
191
  ref,
196
192
  loading,
197
- className: cn("rounded-full shrink-0", className),
193
+ className: ui.cn("rounded-full shrink-0", className),
198
194
  style: { width: dimension, height: dimension, ...rest.style },
199
195
  ...rest
200
196
  }
@@ -204,11 +200,11 @@ React3__namespace.forwardRef(
204
200
  React3__namespace.forwardRef(
205
201
  function SkeletonText2(props, ref) {
206
202
  const { noOfLines = 3, loading = true, className, ...rest } = props;
207
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
203
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: ui.cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
208
204
  Skeleton,
209
205
  {
210
206
  loading,
211
- className: cn("h-4", index === noOfLines - 1 && "max-w-[80%]")
207
+ className: ui.cn("h-4", index === noOfLines - 1 && "max-w-[80%]")
212
208
  },
213
209
  index
214
210
  )) });
@@ -227,40 +223,40 @@ function stripUtmParams(url) {
227
223
  }
228
224
  }
229
225
  var VARIANT_CLASSES = {
230
- primary: cn(
226
+ primary: ui.cn(
231
227
  "text-[var(--color-link-primary)]",
232
228
  "hover:no-underline hover:text-[var(--color-link-primary-hover)]",
233
229
  "data-[hover]:no-underline data-[hover]:text-[var(--color-link-primary-hover)]"
234
230
  ),
235
- secondary: cn(
231
+ secondary: ui.cn(
236
232
  "text-[var(--color-link-secondary)]",
237
233
  "hover:no-underline hover:text-[var(--color-hover)]",
238
234
  "data-[hover]:no-underline data-[hover]:text-[var(--color-hover)]"
239
235
  ),
240
- subtle: cn(
236
+ subtle: ui.cn(
241
237
  "text-[var(--color-link-subtle)]",
242
238
  "hover:text-[var(--color-link-subtle-hover)] hover:underline hover:decoration-[var(--color-link-subtle-hover)]",
243
239
  "data-[hover]:text-[var(--color-link-subtle-hover)] data-[hover]:underline data-[hover]:decoration-[var(--color-link-subtle-hover)]"
244
240
  ),
245
- underlaid: cn(
241
+ underlaid: ui.cn(
246
242
  "text-[var(--color-link-primary)] bg-[var(--color-link-underlaid-bg)]",
247
243
  "px-2 py-1.5 rounded-md text-sm",
248
244
  "hover:text-[var(--color-link-primary-hover)] hover:no-underline",
249
245
  "data-[hover]:text-[var(--color-link-primary-hover)] data-[hover]:no-underline"
250
246
  ),
251
- menu: cn(
247
+ menu: ui.cn(
252
248
  "text-[var(--color-link-menu)]",
253
249
  "hover:text-[var(--color-hover)] hover:no-underline",
254
250
  "data-[hover]:text-[var(--color-hover)] data-[hover]:no-underline"
255
251
  ),
256
- navigation: cn(
252
+ navigation: ui.cn(
257
253
  "text-[var(--color-link-nav-fg)] bg-transparent",
258
254
  "hover:text-[var(--color-link-nav-fg-hover)] hover:no-underline",
259
255
  "data-[hover]:text-[var(--color-link-nav-fg-hover)] data-[hover]:no-underline",
260
256
  "data-[selected]:text-[var(--color-link-nav-fg-selected)] data-[selected]:bg-[var(--color-link-nav-bg-selected)]",
261
257
  "data-[active]:text-[var(--color-link-nav-fg-active)]"
262
258
  ),
263
- plain: cn(
259
+ plain: ui.cn(
264
260
  "text-inherit",
265
261
  "hover:no-underline",
266
262
  "data-[hover]:no-underline"
@@ -270,7 +266,7 @@ var BASE_CLASSES = "inline-flex items-center gap-0 cursor-pointer data-[disabled
270
266
  var LinkExternalIcon = ({ color }) => /* @__PURE__ */ jsxRuntime.jsx(
271
267
  ArrowIcon,
272
268
  {
273
- className: cn(
269
+ className: ui.cn(
274
270
  "size-3 align-middle shrink-0",
275
271
  "group-hover:text-inherit"
276
272
  ),
@@ -335,7 +331,7 @@ var Link = React3__namespace.default.forwardRef(
335
331
  if (_minW !== void 0) shimStyle.minWidth = typeof _minW === "number" ? `${_minW * SPACING}px` : _minW;
336
332
  if (_justifyContent) shimStyle.justifyContent = _justifyContent;
337
333
  if (_position) shimStyle.position = _position;
338
- const linkClasses = cn(BASE_CLASSES, VARIANT_CLASSES[variant], className);
334
+ const linkClasses = ui.cn(BASE_CLASSES, VARIANT_CLASSES[variant], className);
339
335
  const linkStyle = Object.keys(shimStyle).length > 0 ? shimStyle : void 0;
340
336
  if (external) {
341
337
  const processedHref = typeof href === "string" ? stripUtmParams(href) : href;
@@ -343,7 +339,7 @@ var Link = React3__namespace.default.forwardRef(
343
339
  "a",
344
340
  {
345
341
  href: processedHref,
346
- className: cn("group", linkClasses),
342
+ className: ui.cn("group", linkClasses),
347
343
  style: linkStyle,
348
344
  target: "_blank",
349
345
  rel: "noopener noreferrer",
@@ -387,7 +383,7 @@ React3__namespace.default.forwardRef(
387
383
  "div",
388
384
  {
389
385
  ref,
390
- className: cn("relative", className),
386
+ className: ui.cn("relative", className),
391
387
  ...rest
392
388
  }
393
389
  );
@@ -423,7 +419,7 @@ React3__namespace.default.forwardRef(
423
419
  position: _p2,
424
420
  ...rest
425
421
  } = props;
426
- const overlayClasses = cn(
422
+ const overlayClasses = ui.cn(
427
423
  BASE_CLASSES,
428
424
  VARIANT_CLASSES[variant],
429
425
  // Static positioning with a ::before pseudo-element that covers the LinkBox
@@ -667,7 +663,7 @@ var TableRoot = React3__namespace.forwardRef(
667
663
  "table",
668
664
  {
669
665
  ref,
670
- className: cn("w-full border-collapse text-sm", className),
666
+ className: ui.cn("w-full border-collapse text-sm", className),
671
667
  style: merged,
672
668
  ...rest,
673
669
  children
@@ -684,7 +680,7 @@ var TableHeader = React3__namespace.forwardRef(
684
680
  "thead",
685
681
  {
686
682
  ref,
687
- className: cn("", className),
683
+ className: ui.cn("", className),
688
684
  style: merged,
689
685
  ...rest,
690
686
  children
@@ -701,7 +697,7 @@ var TableBody = React3__namespace.forwardRef(
701
697
  "tbody",
702
698
  {
703
699
  ref,
704
- className: cn("", className),
700
+ className: ui.cn("", className),
705
701
  style: merged,
706
702
  ...rest,
707
703
  children
@@ -718,7 +714,7 @@ var TableRow = React3__namespace.forwardRef(
718
714
  "tr",
719
715
  {
720
716
  ref,
721
- className: cn("", className),
717
+ className: ui.cn("", className),
722
718
  style: merged,
723
719
  ...rest,
724
720
  children
@@ -739,7 +735,7 @@ var TableCell = React3__namespace.forwardRef(
739
735
  "td",
740
736
  {
741
737
  ref,
742
- className: cn("px-3 py-2.5 align-top text-sm", className),
738
+ className: ui.cn("px-3 py-2.5 align-top text-sm", className),
743
739
  style: merged,
744
740
  ...rest,
745
741
  children
@@ -760,7 +756,7 @@ var TableColumnHeader = React3__namespace.forwardRef(
760
756
  "th",
761
757
  {
762
758
  ref,
763
- className: cn(
759
+ className: ui.cn(
764
760
  "px-3 py-2 text-xs font-semibold uppercase tracking-wider",
765
761
  "bg-[var(--color-table-header-bg)] text-[var(--color-table-header-fg)]",
766
762
  className
@@ -784,7 +780,7 @@ var TableColumnHeaderSortable = (props) => {
784
780
  isActive && /* @__PURE__ */ jsxRuntime.jsx(
785
781
  "span",
786
782
  {
787
- className: cn(
783
+ className: ui.cn(
788
784
  "absolute top-0 inline-flex h-full w-4 items-center",
789
785
  indicatorPosition === "left" ? "-left-5" : "-right-5",
790
786
  isAsc ? "-rotate-90" : "rotate-90"
@@ -820,7 +816,7 @@ var TableHeaderSticky = (props) => {
820
816
  TableHeader,
821
817
  {
822
818
  ref,
823
- className: cn("sticky z-[1] bg-white dark:bg-black", className),
819
+ className: ui.cn("sticky z-[1] bg-white dark:bg-black", className),
824
820
  style: {
825
821
  top: top ? `${top}px` : 0,
826
822
  boxShadow: isStuck ? ACTION_BAR_SHADOW : "none",
@@ -840,7 +836,7 @@ var TableCaption = React3__namespace.forwardRef(
840
836
  "caption",
841
837
  {
842
838
  ref,
843
- className: cn("px-3 py-2 text-sm text-[var(--color-table-header-fg)]", className),
839
+ className: ui.cn("px-3 py-2 text-sm text-[var(--color-table-header-fg)]", className),
844
840
  style: merged,
845
841
  ...rest,
846
842
  children
@@ -857,7 +853,7 @@ var TableFooter = React3__namespace.forwardRef(
857
853
  "tfoot",
858
854
  {
859
855
  ref,
860
- className: cn("", className),
856
+ className: ui.cn("", className),
861
857
  style: merged,
862
858
  ...rest,
863
859
  children
@@ -872,7 +868,7 @@ var TableScrollWrapper = React3__namespace.forwardRef(
872
868
  "div",
873
869
  {
874
870
  ref,
875
- className: cn("w-full overflow-x-auto", className),
871
+ className: ui.cn("w-full overflow-x-auto", className),
876
872
  ...rest,
877
873
  children
878
874
  }
package/dist/table.d.ts CHANGED
@@ -1,6 +1,4 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
1
  import * as React from 'react';
3
-
4
2
  interface ChakraStyleProps {
5
3
  width?: React.CSSProperties['width'];
6
4
  w?: React.CSSProperties['width'];
@@ -51,37 +49,37 @@ interface ChakraStyleProps {
51
49
  _first?: Record<string, unknown>;
52
50
  _last?: Record<string, unknown>;
53
51
  }
54
- interface TableRootProps extends Omit<ChakraStyleProps, 'minWidth' | 'minW'>, Omit<React.HTMLAttributes<HTMLTableElement>, 'color'> {
52
+ export interface TableRootProps extends Omit<ChakraStyleProps, 'minWidth' | 'minW'>, Omit<React.HTMLAttributes<HTMLTableElement>, 'color'> {
55
53
  children?: React.ReactNode;
56
54
  minWidth?: React.CSSProperties['minWidth'] | Record<string, string>;
57
55
  minW?: React.CSSProperties['minWidth'] | Record<string, string>;
58
56
  }
59
- declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
60
- interface TableHeaderProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
57
+ export declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
58
+ export interface TableHeaderProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
61
59
  children?: React.ReactNode;
62
60
  }
63
- declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
64
- interface TableBodyProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
61
+ export declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
62
+ export interface TableBodyProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
65
63
  children?: React.ReactNode;
66
64
  }
67
- declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
68
- interface TableRowProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'> {
65
+ export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
66
+ export interface TableRowProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'> {
69
67
  children?: React.ReactNode;
70
68
  }
71
- declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
72
- interface TableCellProps extends Omit<ChakraStyleProps, 'width' | 'height'>, Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'> {
69
+ export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
70
+ export interface TableCellProps extends Omit<ChakraStyleProps, 'width' | 'height'>, Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'> {
73
71
  isNumeric?: boolean;
74
72
  children?: React.ReactNode;
75
73
  display?: string;
76
74
  justifyContent?: string;
77
75
  }
78
- declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
79
- interface TableColumnHeaderProps extends ChakraStyleProps, Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'> {
76
+ export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
77
+ export interface TableColumnHeaderProps extends ChakraStyleProps, Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'> {
80
78
  isNumeric?: boolean;
81
79
  children?: React.ReactNode;
82
80
  }
83
- declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
84
- interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
81
+ export declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
82
+ export interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
85
83
  sortField: F;
86
84
  sortValue: string;
87
85
  onSortToggle: (sortField: F) => void;
@@ -89,19 +87,19 @@ interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHe
89
87
  indicatorPosition?: 'left' | 'right';
90
88
  contentAfter?: React.ReactNode;
91
89
  }
92
- declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => react_jsx_runtime.JSX.Element;
93
- declare const TableHeaderSticky: (props: TableHeaderProps) => react_jsx_runtime.JSX.Element;
94
- interface TableCaptionProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'color'> {
90
+ export declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => import("react/jsx-runtime").JSX.Element;
91
+ export declare const TableHeaderSticky: (props: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
92
+ export interface TableCaptionProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'color'> {
95
93
  children?: React.ReactNode;
96
94
  }
97
- declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
98
- interface TableFooterProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
95
+ export declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
96
+ export interface TableFooterProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
99
97
  children?: React.ReactNode;
100
98
  }
101
- declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
102
- interface TableScrollWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
99
+ export declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
100
+ export interface TableScrollWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
103
101
  children?: React.ReactNode;
104
102
  }
105
- declare const TableScrollWrapper: React.ForwardRefExoticComponent<TableScrollWrapperProps & React.RefAttributes<HTMLDivElement>>;
106
-
107
- export { TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, TableColumnHeaderSortable, type TableColumnHeaderSortableProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableHeaderSticky, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableScrollWrapper, type TableScrollWrapperProps };
103
+ export declare const TableScrollWrapper: React.ForwardRefExoticComponent<TableScrollWrapperProps & React.RefAttributes<HTMLDivElement>>;
104
+ export {};
105
+ //# sourceMappingURL=table.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../src/table.tsx"],"names":[],"mappings":"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"}
package/dist/table.js CHANGED
@@ -2,14 +2,10 @@
2
2
  import { throttle } from 'es-toolkit';
3
3
  import * as React3 from 'react';
4
4
  import React3__default from 'react';
5
- import { clsx } from 'clsx';
6
- import { twMerge } from 'tailwind-merge';
5
+ import { cn } from '@hanzo/ui';
7
6
  import { jsx, jsxs } from 'react/jsx-runtime';
8
7
 
9
8
  // src/table.tsx
10
- function cn(...inputs) {
11
- return twMerge(clsx(inputs));
12
- }
13
9
  var SHIM_PROPS = [
14
10
  "w",
15
11
  "h",
package/dist/tabs.d.ts CHANGED
@@ -1,9 +1,8 @@
1
1
  import { Tabs } from '@hanzo/gui';
2
2
  import * as React from 'react';
3
-
4
3
  type TabsVariant = 'solid' | 'secondary' | 'segmented' | 'unstyled';
5
4
  type TabsSize = 'sm' | 'md' | 'free';
6
- interface TabsProps extends Omit<React.ComponentProps<typeof Tabs>, 'onValueChange' | 'size'> {
5
+ export interface TabsProps extends Omit<React.ComponentProps<typeof Tabs>, 'onValueChange' | 'size'> {
7
6
  /** Visual variant. Default: "solid". */
8
7
  variant?: TabsVariant;
9
8
  /** Size preset. Default: "md". */
@@ -15,20 +14,20 @@ interface TabsProps extends Omit<React.ComponentProps<typeof Tabs>, 'onValueChan
15
14
  value: string;
16
15
  }) => void;
17
16
  }
18
- declare const TabsRoot: ({ variant, size, fitted, onValueChange, ...rest }: TabsProps) => React.ReactElement;
19
- type TabsListProps = React.ComponentProps<typeof Tabs.List>;
20
- declare const TabsList: (props: TabsListProps) => React.ReactElement;
21
- type TabsTriggerProps = React.ComponentProps<typeof Tabs.Tab>;
22
- declare const TabsTrigger: ({ children, ...props }: TabsTriggerProps) => React.ReactElement;
23
- type TabsContentProps = React.ComponentProps<typeof Tabs.Content>;
24
- declare const TabsContent: ({ children, ...props }: TabsContentProps) => React.ReactElement;
25
- interface TabsCounterProps {
17
+ export declare const TabsRoot: ({ variant, size, fitted, onValueChange, ...rest }: TabsProps) => React.ReactElement;
18
+ export type TabsListProps = React.ComponentProps<typeof Tabs.List>;
19
+ export declare const TabsList: (props: TabsListProps) => React.ReactElement;
20
+ export type TabsTriggerProps = React.ComponentProps<typeof Tabs.Tab>;
21
+ export declare const TabsTrigger: ({ children, ...props }: TabsTriggerProps) => React.ReactElement;
22
+ export type TabsContentProps = React.ComponentProps<typeof Tabs.Content>;
23
+ export declare const TabsContent: ({ children, ...props }: TabsContentProps) => React.ReactElement;
24
+ export interface TabsCounterProps {
26
25
  count?: number | null;
27
26
  }
28
27
  /**
29
28
  * The count beside a tab label. Zero is deliberately dimmer than a real count —
30
29
  * "nothing here" should read quieter than "three things here".
31
30
  */
32
- declare const TabsCounter: ({ count }: TabsCounterProps) => React.ReactElement | null;
33
-
34
- export { TabsContent, type TabsContentProps, TabsCounter, type TabsCounterProps, TabsList, type TabsListProps, type TabsProps, TabsRoot, TabsTrigger, type TabsTriggerProps };
31
+ export declare const TabsCounter: ({ count }: TabsCounterProps) => React.ReactElement | null;
32
+ export {};
33
+ //# sourceMappingURL=tabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAwB,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,KAAK,WAAW,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC;AACpE,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AA0ErC,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAElG,wCAAwC;IACxC,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,kCAAkC;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,QAAQ,GAAI,mDAMtB,SAAS,KAAG,KAAK,CAAC,YAcpB,CAAC;AAMF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AAEnE,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,KAAG,KAAK,CAAC,YAarD,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;AAErE,eAAO,MAAM,WAAW,GAAI,wBAAwB,gBAAgB,KAAG,KAAK,CAAC,YAwB5E,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;AAEzE,eAAO,MAAM,WAAW,GAAI,wBAAwB,gBAAgB,KAAG,KAAK,CAAC,YAI5E,CAAC;AAMF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAID;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,WAAW,gBAAgB,KAAG,KAAK,CAAC,YAAY,GAAG,IAQ9E,CAAC"}
package/dist/tag.cjs CHANGED
@@ -4,8 +4,7 @@
4
4
  var gui = require('@hanzo/gui');
5
5
  var React4 = require('react');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
- var clsx = require('clsx');
8
- var tailwindMerge = require('tailwind-merge');
7
+ var ui = require('@hanzo/ui');
9
8
  var usehooks = require('@uidotdev/usehooks');
10
9
 
11
10
  function _interopNamespace(e) {
@@ -87,9 +86,6 @@ var CloseButton = React4__namespace.forwardRef(function CloseButton2(props, ref)
87
86
  }
88
87
  );
89
88
  });
90
- function cn(...inputs) {
91
- return tailwindMerge.twMerge(clsx.clsx(inputs));
92
- }
93
89
  var SHIM_PROPS = [
94
90
  "w",
95
91
  "h",
@@ -212,7 +208,7 @@ var Skeleton = React4__namespace.forwardRef(
212
208
  const shimStyle = shimToStyle(props);
213
209
  const mergedStyle = Object.keys(shimStyle).length > 0 || styleProp ? { ...shimStyle, ...styleProp } : void 0;
214
210
  const hideBelowClass = props.hideBelow ? HIDE_BELOW_MAP[props.hideBelow] : void 0;
215
- const cls = hideBelowClass ? cn(className, hideBelowClass) : className;
211
+ const cls = hideBelowClass ? ui.cn(className, hideBelowClass) : className;
216
212
  const htmlRest = stripShims(allRest);
217
213
  if (!loading) {
218
214
  if (asChild && React4__namespace.isValidElement(children)) return children;
@@ -224,7 +220,7 @@ var Skeleton = React4__namespace.forwardRef(
224
220
  {
225
221
  ref,
226
222
  "data-loading": true,
227
- className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
223
+ className: ui.cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
228
224
  style: mergedStyle,
229
225
  ...htmlRest,
230
226
  children
@@ -236,7 +232,7 @@ var Skeleton = React4__namespace.forwardRef(
236
232
  {
237
233
  ref,
238
234
  "data-loading": true,
239
- className: cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
235
+ className: ui.cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
240
236
  style: mergedStyle,
241
237
  ...htmlRest,
242
238
  children
@@ -253,7 +249,7 @@ React4__namespace.forwardRef(
253
249
  {
254
250
  ref,
255
251
  loading,
256
- className: cn("rounded-full shrink-0", className),
252
+ className: ui.cn("rounded-full shrink-0", className),
257
253
  style: { width: dimension, height: dimension, ...rest.style },
258
254
  ...rest
259
255
  }
@@ -263,11 +259,11 @@ React4__namespace.forwardRef(
263
259
  React4__namespace.forwardRef(
264
260
  function SkeletonText2(props, ref) {
265
261
  const { noOfLines = 3, loading = true, className, ...rest } = props;
266
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
262
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: ui.cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
267
263
  Skeleton,
268
264
  {
269
265
  loading,
270
- className: cn("h-4", index === noOfLines - 1 && "max-w-[80%]")
266
+ className: ui.cn("h-4", index === noOfLines - 1 && "max-w-[80%]")
271
267
  },
272
268
  index
273
269
  )) });
package/dist/tag.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  import * as React from 'react';
2
-
3
2
  type TagVariant = 'subtle' | 'clickable' | 'filter' | 'select';
4
3
  type TagSize = 'sm' | 'md' | 'lg';
5
- interface TagProps extends Omit<React.ComponentPropsWithRef<'span'>, 'size'> {
4
+ export interface TagProps extends Omit<React.ComponentPropsWithRef<'span'>, 'size'> {
6
5
  readonly variant?: TagVariant;
7
6
  readonly size?: TagSize;
8
7
  readonly startElement?: React.ReactNode;
@@ -16,6 +15,6 @@ interface TagProps extends Omit<React.ComponentPropsWithRef<'span'>, 'size'> {
16
15
  readonly selected?: boolean;
17
16
  readonly disabled?: boolean;
18
17
  }
19
- declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
20
-
21
- export { Tag, type TagProps };
18
+ export declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
19
+ export {};
20
+ //# sourceMappingURL=tag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../src/tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,KAAK,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC/D,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AA0BlC,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACjF,QAAQ,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IACjE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,GAAG,+FAqHf,CAAC"}
package/dist/tag.js CHANGED
@@ -3,8 +3,7 @@ import { styled, View, TooltipGroup, Tooltip as Tooltip$1, Text, XStack } from '
3
3
  import * as React4 from 'react';
4
4
  import { Children, createElement } from 'react';
5
5
  import { jsx, jsxs } from 'react/jsx-runtime';
6
- import { clsx } from 'clsx';
7
- import { twMerge } from 'tailwind-merge';
6
+ import { cn } from '@hanzo/ui';
8
7
  import { useClickAway } from '@uidotdev/usehooks';
9
8
 
10
9
  // src/tag.tsx
@@ -66,9 +65,6 @@ var CloseButton = React4.forwardRef(function CloseButton2(props, ref) {
66
65
  }
67
66
  );
68
67
  });
69
- function cn(...inputs) {
70
- return twMerge(clsx(inputs));
71
- }
72
68
  var SHIM_PROPS = [
73
69
  "w",
74
70
  "h",
@@ -1,13 +1,12 @@
1
- import React__default from 'react';
2
-
1
+ import React from 'react';
3
2
  type TextareaSize = 'xs' | 'sm' | 'md' | 'lg' | '2xl';
4
3
  type TextareaVariant = 'outline' | 'filled' | 'unstyled';
5
- interface TextareaProps extends Omit<React__default.ComponentPropsWithRef<'textarea'>, 'size'> {
4
+ export interface TextareaProps extends Omit<React.ComponentPropsWithRef<'textarea'>, 'size'> {
6
5
  readonly size?: TextareaSize;
7
6
  readonly variant?: TextareaVariant;
8
7
  /** Tamagui / React-Native convention — bridged to native `onChange` (see Input). */
9
8
  readonly onChangeText?: (text: string) => void;
10
9
  }
11
- declare const Textarea: React__default.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React__default.RefAttributes<HTMLTextAreaElement>>;
12
-
13
- export { Textarea, type TextareaProps };
10
+ export declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
11
+ export {};
12
+ //# sourceMappingURL=textarea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../src/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACtD,KAAK,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC1F,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC;IAEnC,oFAAoF;IACpF,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAWD,eAAO,MAAM,QAAQ,wGAuBpB,CAAC"}
package/dist/toaster.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import * as React from 'react';
2
-
3
2
  type ToastType = 'info' | 'warning' | 'success' | 'error' | 'loading';
4
3
  interface ToastOptions {
5
4
  readonly id?: string | number;
@@ -15,7 +14,7 @@ interface ToastOptions {
15
14
  readonly status: string;
16
15
  }) => void;
17
16
  }
18
- declare const toaster: {
17
+ export declare const toaster: {
19
18
  readonly create: (opts: ToastOptions) => string | number;
20
19
  readonly success: (opts: ToastOptions) => string | number;
21
20
  readonly error: (opts: ToastOptions) => string | number;
@@ -23,6 +22,6 @@ declare const toaster: {
23
22
  readonly update: (id: string | number, opts: ToastOptions) => void;
24
23
  readonly remove: (id: string | number) => void;
25
24
  };
26
- declare const Toaster: React.FC;
27
-
28
- export { Toaster, toaster };
25
+ export declare const Toaster: React.FC;
26
+ export {};
27
+ //# sourceMappingURL=toaster.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../src/toaster.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtE,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC3E,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E;AA0CD,eAAO,MAAM,OAAO;4BAbE,YAAY,KAAG,MAAM,GAAG,MAAM;6BAelC,YAAY;2BACd,YAAY;6BACV,YAAY;0BATV,MAAM,GAAG,MAAM,QAAQ,YAAY,KAAG,IAAI;0BAf1C,MAAM,GAAG,MAAM,KAAG,IAAI;CA2BhC,CAAC;AA2DX,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAW3B,CAAC"}