@hanzo/ui 5.3.19 → 5.3.22

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 (229) hide show
  1. package/dist/3d/button.js +298 -1
  2. package/dist/3d/button.mjs +273 -1
  3. package/dist/3d/card.js +234 -1
  4. package/dist/3d/card.mjs +207 -1
  5. package/dist/3d/carousel.js +371 -1
  6. package/dist/3d/carousel.mjs +344 -1
  7. package/dist/3d/grid.js +362 -1
  8. package/dist/3d/grid.mjs +337 -1
  9. package/dist/3d/index.js +1518 -1
  10. package/dist/3d/index.mjs +1472 -1
  11. package/dist/3d/marquee.js +352 -1
  12. package/dist/3d/marquee.mjs +327 -1
  13. package/dist/3d/pin.js +46 -1
  14. package/dist/3d/pin.mjs +24 -1
  15. package/dist/accordion.js +80 -1
  16. package/dist/accordion.mjs +55 -1
  17. package/dist/alert-dialog.js +220 -1
  18. package/dist/alert-dialog.mjs +187 -1
  19. package/dist/alert.js +68 -1
  20. package/dist/alert.mjs +64 -1
  21. package/dist/animation/animated-background.js +424 -1
  22. package/dist/animation/animated-background.mjs +418 -1
  23. package/dist/animation/animated-beam.js +119 -1
  24. package/dist/animation/animated-beam.mjs +97 -1
  25. package/dist/animation/animated-cursor.js +275 -1
  26. package/dist/animation/animated-cursor.mjs +270 -1
  27. package/dist/animation/animated-icon.js +357 -2
  28. package/dist/animation/animated-icon.mjs +351 -2
  29. package/dist/animation/animated-list.js +339 -1
  30. package/dist/animation/animated-list.mjs +333 -1
  31. package/dist/animation/animated-number.js +283 -1
  32. package/dist/animation/animated-number.mjs +277 -1
  33. package/dist/animation/animated-testimonials.js +97 -1
  34. package/dist/animation/animated-testimonials.mjs +75 -1
  35. package/dist/animation/animated-tooltip.js +67 -1
  36. package/dist/animation/animated-tooltip.mjs +45 -1
  37. package/dist/animation/apple-cards-carousel.js +308 -1
  38. package/dist/animation/apple-cards-carousel.mjs +285 -1
  39. package/dist/animation/apple-hello-effect.js +60 -1
  40. package/dist/animation/apple-hello-effect.mjs +38 -1
  41. package/dist/animation/index.js +1952 -2
  42. package/dist/animation/index.mjs +1921 -2
  43. package/dist/avatar.js +71 -1
  44. package/dist/avatar.mjs +47 -1
  45. package/dist/badge.js +66 -1
  46. package/dist/badge.mjs +40 -1
  47. package/dist/blocks/index.js +1665 -2
  48. package/dist/blocks/index.mjs +1626 -2
  49. package/dist/breadcrumb.js +107 -1
  50. package/dist/breadcrumb.mjs +99 -1
  51. package/dist/calendar.js +189 -1
  52. package/dist/calendar.mjs +164 -1
  53. package/dist/carousel.js +278 -1
  54. package/dist/carousel.mjs +249 -1
  55. package/dist/checkbox.js +60 -1
  56. package/dist/checkbox.mjs +35 -1
  57. package/dist/code/block.js +226 -2
  58. package/dist/code/block.mjs +203 -2
  59. package/dist/code/compare.js +445 -5
  60. package/dist/code/compare.mjs +422 -5
  61. package/dist/code/diff.js +430 -12
  62. package/dist/code/diff.mjs +406 -11
  63. package/dist/code/editor.js +243 -1
  64. package/dist/code/editor.mjs +218 -1
  65. package/dist/code/explorer.js +291 -1
  66. package/dist/code/explorer.mjs +268 -1
  67. package/dist/code/index.js +2515 -26
  68. package/dist/code/index.mjs +2472 -24
  69. package/dist/code/preview.js +364 -6
  70. package/dist/code/preview.mjs +341 -6
  71. package/dist/code/snippet.js +274 -2
  72. package/dist/code/snippet.mjs +250 -2
  73. package/dist/code/tabs.js +75 -1
  74. package/dist/code/tabs.mjs +53 -1
  75. package/dist/code/terminal.js +437 -3
  76. package/dist/code/terminal.mjs +414 -3
  77. package/dist/collapsible.js +33 -1
  78. package/dist/collapsible.mjs +9 -1
  79. package/dist/command.js +262 -1
  80. package/dist/command.mjs +232 -1
  81. package/dist/context-menu.js +207 -1
  82. package/dist/context-menu.mjs +171 -1
  83. package/dist/device/index.js +3 -1
  84. package/dist/device/index.mjs +2 -0
  85. package/dist/dialog.js +151 -1
  86. package/dist/dialog.mjs +121 -1
  87. package/dist/dock/basic.js +174 -1
  88. package/dist/dock/basic.mjs +151 -1
  89. package/dist/dock/index.js +628 -1
  90. package/dist/dock/index.mjs +601 -1
  91. package/dist/dock/limelight-nav.js +295 -1
  92. package/dist/dock/limelight-nav.mjs +274 -1
  93. package/dist/dock/macos.js +141 -1
  94. package/dist/dock/macos.mjs +118 -1
  95. package/dist/dock/menu.js +70 -1
  96. package/dist/dock/menu.mjs +48 -1
  97. package/dist/dock/message.js +144 -1
  98. package/dist/dock/message.mjs +122 -1
  99. package/dist/drawer.js +115 -1
  100. package/dist/drawer.mjs +103 -1
  101. package/dist/dropdown-menu.js +202 -1
  102. package/dist/dropdown-menu.mjs +166 -1
  103. package/dist/finance/AdvancedChart.js +48 -2
  104. package/dist/finance/AdvancedChart.mjs +46 -2
  105. package/dist/finance/CompanyProfile.js +48 -2
  106. package/dist/finance/CompanyProfile.mjs +46 -2
  107. package/dist/finance/CryptoScreener.js +45 -2
  108. package/dist/finance/CryptoScreener.mjs +43 -2
  109. package/dist/finance/Financials.js +52 -2
  110. package/dist/finance/Financials.mjs +50 -2
  111. package/dist/finance/ForexScreener.js +46 -2
  112. package/dist/finance/ForexScreener.mjs +44 -2
  113. package/dist/finance/MarketOverview.js +104 -2
  114. package/dist/finance/MarketOverview.mjs +102 -2
  115. package/dist/finance/NewsTimeline.js +44 -2
  116. package/dist/finance/NewsTimeline.mjs +42 -2
  117. package/dist/finance/OrderEntry.js +131 -1
  118. package/dist/finance/OrderEntry.mjs +129 -1
  119. package/dist/finance/OrdersHistory.js +64 -1
  120. package/dist/finance/OrdersHistory.mjs +62 -1
  121. package/dist/finance/PositionsList.js +80 -1
  122. package/dist/finance/PositionsList.mjs +78 -1
  123. package/dist/finance/StockScreener.js +46 -2
  124. package/dist/finance/StockScreener.mjs +44 -2
  125. package/dist/finance/SymbolInfo.js +46 -2
  126. package/dist/finance/SymbolInfo.mjs +44 -2
  127. package/dist/finance/TechnicalAnalysis.js +54 -2
  128. package/dist/finance/TechnicalAnalysis.mjs +52 -2
  129. package/dist/finance/TickerTape.js +56 -2
  130. package/dist/finance/TickerTape.mjs +54 -2
  131. package/dist/finance/TradingPanel.js +191 -1
  132. package/dist/finance/TradingPanel.mjs +189 -1
  133. package/dist/finance/index.js +930 -2
  134. package/dist/finance/index.mjs +914 -2
  135. package/dist/form/index.js +155 -1
  136. package/dist/form/index.mjs +125 -1
  137. package/dist/form.js +172 -1
  138. package/dist/form.mjs +142 -1
  139. package/dist/hover-card.js +58 -1
  140. package/dist/hover-card.mjs +34 -1
  141. package/dist/index.js +8467 -192
  142. package/dist/index.mjs +8087 -192
  143. package/dist/input-otp.js +79 -1
  144. package/dist/input-otp.mjs +54 -1
  145. package/dist/lib/utils.js +28 -1
  146. package/dist/lib/utils.mjs +24 -1
  147. package/dist/navigation/index.js +98 -1
  148. package/dist/navigation/index.mjs +79 -1
  149. package/dist/navigation-menu.js +149 -1
  150. package/dist/navigation-menu.mjs +116 -1
  151. package/dist/pattern/grid-pattern.js +326 -3
  152. package/dist/pattern/grid-pattern.mjs +303 -3
  153. package/dist/pattern/index.js +326 -3
  154. package/dist/pattern/index.mjs +303 -3
  155. package/dist/popover.js +63 -1
  156. package/dist/popover.mjs +37 -1
  157. package/dist/primitives/index.js +8467 -192
  158. package/dist/primitives/index.mjs +8087 -192
  159. package/dist/primitives-export.js +8467 -192
  160. package/dist/primitives-export.mjs +8087 -192
  161. package/dist/progress.js +62 -1
  162. package/dist/progress.mjs +37 -1
  163. package/dist/project/gantt.js +65 -1
  164. package/dist/project/gantt.mjs +43 -1
  165. package/dist/project/index.js +636 -1
  166. package/dist/project/index.mjs +611 -1
  167. package/dist/project/kanban.js +597 -1
  168. package/dist/project/kanban.mjs +572 -1
  169. package/dist/project/list.js +35 -1
  170. package/dist/project/list.mjs +12 -1
  171. package/dist/radio-group.js +68 -1
  172. package/dist/radio-group.mjs +45 -1
  173. package/dist/resizable.js +72 -1
  174. package/dist/resizable.mjs +48 -1
  175. package/dist/scroll-area.js +89 -1
  176. package/dist/scroll-area.mjs +66 -1
  177. package/dist/select.js +140 -1
  178. package/dist/select.mjs +111 -1
  179. package/dist/separator.js +59 -1
  180. package/dist/separator.mjs +34 -1
  181. package/dist/sheet.js +148 -1
  182. package/dist/sheet.mjs +117 -1
  183. package/dist/skeleton.js +32 -1
  184. package/dist/skeleton.mjs +27 -1
  185. package/dist/slider.js +99 -1
  186. package/dist/slider.mjs +73 -1
  187. package/dist/sonner.js +34 -1
  188. package/dist/sonner.mjs +29 -1
  189. package/dist/switch.js +62 -1
  190. package/dist/switch.mjs +37 -1
  191. package/dist/table.js +110 -1
  192. package/dist/table.mjs +101 -1
  193. package/dist/tabs.js +82 -1
  194. package/dist/tabs.mjs +57 -1
  195. package/dist/tailwind/index.js +2023 -1
  196. package/dist/tailwind/index.mjs +2011 -1
  197. package/dist/textarea.js +78 -1
  198. package/dist/textarea.mjs +56 -1
  199. package/dist/toggle-group.js +118 -1
  200. package/dist/toggle-group.mjs +93 -1
  201. package/dist/toggle.js +71 -1
  202. package/dist/toggle.mjs +48 -1
  203. package/dist/tooltip.js +67 -1
  204. package/dist/tooltip.mjs +40 -1
  205. package/dist/types/index.js +57 -1
  206. package/dist/types/index.mjs +51 -1
  207. package/dist/ui/announcement.js +129 -1
  208. package/dist/ui/announcement.mjs +107 -1
  209. package/dist/ui/avatar-group.js +88 -1
  210. package/dist/ui/avatar-group.mjs +65 -1
  211. package/dist/ui/banner.js +85 -1
  212. package/dist/ui/banner.mjs +62 -1
  213. package/dist/ui/cursor.js +78 -1
  214. package/dist/ui/cursor.mjs +56 -1
  215. package/dist/ui/index.js +475 -1
  216. package/dist/ui/index.mjs +442 -1
  217. package/dist/ui/marquee.js +74 -1
  218. package/dist/ui/marquee.mjs +52 -1
  219. package/dist/ui/pill.js +85 -1
  220. package/dist/ui/pill.mjs +62 -1
  221. package/dist/ui/spinner.js +28 -1
  222. package/dist/ui/spinner.mjs +26 -1
  223. package/dist/ui/tags.js +101 -1
  224. package/dist/ui/tags.mjs +79 -1
  225. package/dist/ui/ticker.js +73 -1
  226. package/dist/ui/ticker.mjs +51 -1
  227. package/dist/util/index.js +457 -1
  228. package/dist/util/index.mjs +399 -1
  229. package/package.json +1 -1
@@ -1 +1,220 @@
1
- 'use strict';var e=require('@radix-ui/react-alert-dialog'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),p=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);var p__namespace=/*#__PURE__*/_interopNamespace(p);var u=Object.defineProperty;var a=(t,o)=>u(t,"name",{value:o,configurable:true});function r(...t){return tailwindMerge.twMerge(clsx.clsx(t))}a(r,"cn");var n=classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),b=p__namespace.forwardRef(({className:t,variant:o,size:i,asChild:s=false,isLoading:m=false,children:d,...f},g)=>jsxRuntime.jsxs(s?reactSlot.Slot:"button",{className:r(n({variant:o,size:i,className:t})),ref:g,...f,children:[m?jsxRuntime.jsx(lucideReact.Loader2,{className:r("h-4 w-4 animate-spin",i!=="icon"&&"mr-2")}):null,m&&i==="icon"?null:d]}));b.displayName="Button";var X=e__namespace.Root,q=e__namespace.Trigger,h=e__namespace.Portal,c=a(({className:t,children:o,ref:i,...s})=>jsxRuntime.jsx(e__namespace.Overlay,{className:r("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm","bg-bg-dark/90",t),...s,ref:i}),"AlertDialogOverlay");c.displayName=e__namespace.Overlay.displayName;var C=a(({className:t,ref:o,...i})=>jsxRuntime.jsxs(h,{children:[jsxRuntime.jsx(c,{}),jsxRuntime.jsx(e__namespace.Content,{className:r("bg-bg-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),ref:o,...i})]}),"AlertDialogContent");C.displayName=e__namespace.Content.displayName;var N=a(({className:t,...o})=>jsxRuntime.jsx("div",{className:r("flex flex-col space-y-2 text-center sm:text-left",t),...o}),"AlertDialogHeader");N.displayName="AlertDialogHeader";var T=a(({className:t,...o})=>jsxRuntime.jsx("div",{className:r("flex",t),...o}),"AlertDialogFooter");T.displayName="AlertDialogFooter";var w=a(({className:t,ref:o,...i})=>jsxRuntime.jsx(e__namespace.Title,{className:r("text-lg font-semibold",t),ref:o,...i}),"AlertDialogTitle");w.displayName=e__namespace.Title.displayName;var O=a(({className:t,ref:o,...i})=>jsxRuntime.jsx(e__namespace.Description,{className:r("text-text-secondary text-sm",t),ref:o,...i}),"AlertDialogDescription");O.displayName=e__namespace.Description.displayName;var L=a(({className:t,ref:o,...i})=>jsxRuntime.jsx(e__namespace.Action,{className:r(n({variant:"default",size:"sm"}),t),ref:o,...i}),"AlertDialogAction");L.displayName=e__namespace.Action.displayName;var H=a(({className:t,ref:o,...i})=>jsxRuntime.jsx(e__namespace.Cancel,{className:r(n({variant:"outline",size:"sm"}),t),ref:o,...i}),"AlertDialogCancel");H.displayName=e__namespace.Cancel.displayName;exports.AlertDialog=X;exports.AlertDialogAction=L;exports.AlertDialogCancel=H;exports.AlertDialogContent=C;exports.AlertDialogDescription=O;exports.AlertDialogFooter=T;exports.AlertDialogHeader=N;exports.AlertDialogOverlay=c;exports.AlertDialogPortal=h;exports.AlertDialogTitle=w;exports.AlertDialogTrigger=q;
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
5
+ var clsx = require('clsx');
6
+ var tailwindMerge = require('tailwind-merge');
7
+ var reactSlot = require('@radix-ui/react-slot');
8
+ var classVarianceAuthority = require('class-variance-authority');
9
+ var lucideReact = require('lucide-react');
10
+ var React = require('react');
11
+ var jsxRuntime = require('react/jsx-runtime');
12
+
13
+ function _interopNamespace(e) {
14
+ if (e && e.__esModule) return e;
15
+ var n = Object.create(null);
16
+ if (e) {
17
+ Object.keys(e).forEach(function (k) {
18
+ if (k !== 'default') {
19
+ var d = Object.getOwnPropertyDescriptor(e, k);
20
+ Object.defineProperty(n, k, d.get ? d : {
21
+ enumerable: true,
22
+ get: function () { return e[k]; }
23
+ });
24
+ }
25
+ });
26
+ }
27
+ n.default = e;
28
+ return Object.freeze(n);
29
+ }
30
+
31
+ var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
32
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
33
+
34
+ var __defProp = Object.defineProperty;
35
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
36
+ function cn(...inputs) {
37
+ return tailwindMerge.twMerge(clsx.clsx(inputs));
38
+ }
39
+ __name(cn, "cn");
40
+ var buttonVariants = classVarianceAuthority.cva(
41
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
42
+ {
43
+ variants: {
44
+ variant: {
45
+ default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
46
+ destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
47
+ outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
48
+ secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
49
+ ghost: "hover:bg-accent hover:text-accent-foreground",
50
+ link: "text-primary underline-offset-4 hover:underline",
51
+ // Keep the additional Hanzo variants for backward compatibility
52
+ primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
53
+ linkFG: "text-primary underline-offset-4 hover:underline",
54
+ linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
55
+ },
56
+ size: {
57
+ default: "h-9 px-4 py-2",
58
+ sm: "h-8 rounded-md px-3 text-xs",
59
+ lg: "h-10 rounded-md px-8",
60
+ icon: "h-9 w-9"
61
+ }
62
+ },
63
+ defaultVariants: {
64
+ variant: "default",
65
+ size: "default"
66
+ }
67
+ }
68
+ );
69
+ var Button = React__namespace.forwardRef(
70
+ ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
71
+ const Comp = asChild ? reactSlot.Slot : "button";
72
+ return /* @__PURE__ */ jsxRuntime.jsxs(
73
+ Comp,
74
+ {
75
+ className: cn(buttonVariants({ variant, size, className })),
76
+ ref,
77
+ ...props,
78
+ children: [
79
+ isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
80
+ lucideReact.Loader2,
81
+ {
82
+ className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
83
+ }
84
+ ) : null,
85
+ isLoading && size === "icon" ? null : children
86
+ ]
87
+ }
88
+ );
89
+ }
90
+ );
91
+ Button.displayName = "Button";
92
+ var AlertDialog = AlertDialogPrimitive__namespace.Root;
93
+ var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
94
+ var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
95
+ var AlertDialogOverlay = /* @__PURE__ */ __name(({
96
+ className,
97
+ children,
98
+ ref,
99
+ ...props
100
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
101
+ AlertDialogPrimitive__namespace.Overlay,
102
+ {
103
+ className: cn(
104
+ "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm",
105
+ "bg-bg-dark/90",
106
+ className
107
+ ),
108
+ ...props,
109
+ ref
110
+ }
111
+ ), "AlertDialogOverlay");
112
+ AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
113
+ var AlertDialogContent = /* @__PURE__ */ __name(({
114
+ className,
115
+ ref,
116
+ ...props
117
+ }) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
118
+ /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
119
+ /* @__PURE__ */ jsxRuntime.jsx(
120
+ AlertDialogPrimitive__namespace.Content,
121
+ {
122
+ className: cn(
123
+ "bg-bg-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
124
+ className
125
+ ),
126
+ ref,
127
+ ...props
128
+ }
129
+ )
130
+ ] }), "AlertDialogContent");
131
+ AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
132
+ var AlertDialogHeader = /* @__PURE__ */ __name(({
133
+ className,
134
+ ...props
135
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
136
+ "div",
137
+ {
138
+ className: cn(
139
+ "flex flex-col space-y-2 text-center sm:text-left",
140
+ className
141
+ ),
142
+ ...props
143
+ }
144
+ ), "AlertDialogHeader");
145
+ AlertDialogHeader.displayName = "AlertDialogHeader";
146
+ var AlertDialogFooter = /* @__PURE__ */ __name(({
147
+ className,
148
+ ...props
149
+ }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex", className), ...props }), "AlertDialogFooter");
150
+ AlertDialogFooter.displayName = "AlertDialogFooter";
151
+ var AlertDialogTitle = /* @__PURE__ */ __name(({
152
+ className,
153
+ ref,
154
+ ...props
155
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
156
+ AlertDialogPrimitive__namespace.Title,
157
+ {
158
+ className: cn("text-lg font-semibold", className),
159
+ ref,
160
+ ...props
161
+ }
162
+ ), "AlertDialogTitle");
163
+ AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
164
+ var AlertDialogDescription = /* @__PURE__ */ __name(({
165
+ className,
166
+ ref,
167
+ ...props
168
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
169
+ AlertDialogPrimitive__namespace.Description,
170
+ {
171
+ className: cn("text-text-secondary text-sm", className),
172
+ ref,
173
+ ...props
174
+ }
175
+ ), "AlertDialogDescription");
176
+ AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
177
+ var AlertDialogAction = /* @__PURE__ */ __name(({
178
+ className,
179
+ ref,
180
+ ...props
181
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
182
+ AlertDialogPrimitive__namespace.Action,
183
+ {
184
+ className: cn(
185
+ buttonVariants({ variant: "default", size: "sm" }),
186
+ className
187
+ ),
188
+ ref,
189
+ ...props
190
+ }
191
+ ), "AlertDialogAction");
192
+ AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
193
+ var AlertDialogCancel = /* @__PURE__ */ __name(({
194
+ className,
195
+ ref,
196
+ ...props
197
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
198
+ AlertDialogPrimitive__namespace.Cancel,
199
+ {
200
+ className: cn(
201
+ buttonVariants({ variant: "outline", size: "sm" }),
202
+ className
203
+ ),
204
+ ref,
205
+ ...props
206
+ }
207
+ ), "AlertDialogCancel");
208
+ AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
209
+
210
+ exports.AlertDialog = AlertDialog;
211
+ exports.AlertDialogAction = AlertDialogAction;
212
+ exports.AlertDialogCancel = AlertDialogCancel;
213
+ exports.AlertDialogContent = AlertDialogContent;
214
+ exports.AlertDialogDescription = AlertDialogDescription;
215
+ exports.AlertDialogFooter = AlertDialogFooter;
216
+ exports.AlertDialogHeader = AlertDialogHeader;
217
+ exports.AlertDialogOverlay = AlertDialogOverlay;
218
+ exports.AlertDialogPortal = AlertDialogPortal;
219
+ exports.AlertDialogTitle = AlertDialogTitle;
220
+ exports.AlertDialogTrigger = AlertDialogTrigger;
@@ -1 +1,187 @@
1
- import*as e from'@radix-ui/react-alert-dialog';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {Loader2}from'lucide-react';import*as p from'react';import {jsxs,jsx}from'react/jsx-runtime';var u=Object.defineProperty;var a=(t,o)=>u(t,"name",{value:o,configurable:true});function r(...t){return twMerge(clsx(t))}a(r,"cn");var n=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),b=p.forwardRef(({className:t,variant:o,size:i,asChild:s=false,isLoading:m=false,children:d,...f},g)=>jsxs(s?Slot:"button",{className:r(n({variant:o,size:i,className:t})),ref:g,...f,children:[m?jsx(Loader2,{className:r("h-4 w-4 animate-spin",i!=="icon"&&"mr-2")}):null,m&&i==="icon"?null:d]}));b.displayName="Button";var X=e.Root,q=e.Trigger,h=e.Portal,c=a(({className:t,children:o,ref:i,...s})=>jsx(e.Overlay,{className:r("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm","bg-bg-dark/90",t),...s,ref:i}),"AlertDialogOverlay");c.displayName=e.Overlay.displayName;var C=a(({className:t,ref:o,...i})=>jsxs(h,{children:[jsx(c,{}),jsx(e.Content,{className:r("bg-bg-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),ref:o,...i})]}),"AlertDialogContent");C.displayName=e.Content.displayName;var N=a(({className:t,...o})=>jsx("div",{className:r("flex flex-col space-y-2 text-center sm:text-left",t),...o}),"AlertDialogHeader");N.displayName="AlertDialogHeader";var T=a(({className:t,...o})=>jsx("div",{className:r("flex",t),...o}),"AlertDialogFooter");T.displayName="AlertDialogFooter";var w=a(({className:t,ref:o,...i})=>jsx(e.Title,{className:r("text-lg font-semibold",t),ref:o,...i}),"AlertDialogTitle");w.displayName=e.Title.displayName;var O=a(({className:t,ref:o,...i})=>jsx(e.Description,{className:r("text-text-secondary text-sm",t),ref:o,...i}),"AlertDialogDescription");O.displayName=e.Description.displayName;var L=a(({className:t,ref:o,...i})=>jsx(e.Action,{className:r(n({variant:"default",size:"sm"}),t),ref:o,...i}),"AlertDialogAction");L.displayName=e.Action.displayName;var H=a(({className:t,ref:o,...i})=>jsx(e.Cancel,{className:r(n({variant:"outline",size:"sm"}),t),ref:o,...i}),"AlertDialogCancel");H.displayName=e.Cancel.displayName;export{X as AlertDialog,L as AlertDialogAction,H as AlertDialogCancel,C as AlertDialogContent,O as AlertDialogDescription,T as AlertDialogFooter,N as AlertDialogHeader,c as AlertDialogOverlay,h as AlertDialogPortal,w as AlertDialogTitle,q as AlertDialogTrigger};
1
+ "use client";
2
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
3
+ import { clsx } from 'clsx';
4
+ import { twMerge } from 'tailwind-merge';
5
+ import { Slot } from '@radix-ui/react-slot';
6
+ import { cva } from 'class-variance-authority';
7
+ import { Loader2 } from 'lucide-react';
8
+ import * as React from 'react';
9
+ import { jsxs, jsx } from 'react/jsx-runtime';
10
+
11
+ var __defProp = Object.defineProperty;
12
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
13
+ function cn(...inputs) {
14
+ return twMerge(clsx(inputs));
15
+ }
16
+ __name(cn, "cn");
17
+ var buttonVariants = cva(
18
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
19
+ {
20
+ variants: {
21
+ variant: {
22
+ default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
23
+ destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
24
+ outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
25
+ secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
26
+ ghost: "hover:bg-accent hover:text-accent-foreground",
27
+ link: "text-primary underline-offset-4 hover:underline",
28
+ // Keep the additional Hanzo variants for backward compatibility
29
+ primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
30
+ linkFG: "text-primary underline-offset-4 hover:underline",
31
+ linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
32
+ },
33
+ size: {
34
+ default: "h-9 px-4 py-2",
35
+ sm: "h-8 rounded-md px-3 text-xs",
36
+ lg: "h-10 rounded-md px-8",
37
+ icon: "h-9 w-9"
38
+ }
39
+ },
40
+ defaultVariants: {
41
+ variant: "default",
42
+ size: "default"
43
+ }
44
+ }
45
+ );
46
+ var Button = React.forwardRef(
47
+ ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
48
+ const Comp = asChild ? Slot : "button";
49
+ return /* @__PURE__ */ jsxs(
50
+ Comp,
51
+ {
52
+ className: cn(buttonVariants({ variant, size, className })),
53
+ ref,
54
+ ...props,
55
+ children: [
56
+ isLoading ? /* @__PURE__ */ jsx(
57
+ Loader2,
58
+ {
59
+ className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
60
+ }
61
+ ) : null,
62
+ isLoading && size === "icon" ? null : children
63
+ ]
64
+ }
65
+ );
66
+ }
67
+ );
68
+ Button.displayName = "Button";
69
+ var AlertDialog = AlertDialogPrimitive.Root;
70
+ var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
71
+ var AlertDialogPortal = AlertDialogPrimitive.Portal;
72
+ var AlertDialogOverlay = /* @__PURE__ */ __name(({
73
+ className,
74
+ children,
75
+ ref,
76
+ ...props
77
+ }) => /* @__PURE__ */ jsx(
78
+ AlertDialogPrimitive.Overlay,
79
+ {
80
+ className: cn(
81
+ "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm",
82
+ "bg-bg-dark/90",
83
+ className
84
+ ),
85
+ ...props,
86
+ ref
87
+ }
88
+ ), "AlertDialogOverlay");
89
+ AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
90
+ var AlertDialogContent = /* @__PURE__ */ __name(({
91
+ className,
92
+ ref,
93
+ ...props
94
+ }) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
95
+ /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
96
+ /* @__PURE__ */ jsx(
97
+ AlertDialogPrimitive.Content,
98
+ {
99
+ className: cn(
100
+ "bg-bg-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
101
+ className
102
+ ),
103
+ ref,
104
+ ...props
105
+ }
106
+ )
107
+ ] }), "AlertDialogContent");
108
+ AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
109
+ var AlertDialogHeader = /* @__PURE__ */ __name(({
110
+ className,
111
+ ...props
112
+ }) => /* @__PURE__ */ jsx(
113
+ "div",
114
+ {
115
+ className: cn(
116
+ "flex flex-col space-y-2 text-center sm:text-left",
117
+ className
118
+ ),
119
+ ...props
120
+ }
121
+ ), "AlertDialogHeader");
122
+ AlertDialogHeader.displayName = "AlertDialogHeader";
123
+ var AlertDialogFooter = /* @__PURE__ */ __name(({
124
+ className,
125
+ ...props
126
+ }) => /* @__PURE__ */ jsx("div", { className: cn("flex", className), ...props }), "AlertDialogFooter");
127
+ AlertDialogFooter.displayName = "AlertDialogFooter";
128
+ var AlertDialogTitle = /* @__PURE__ */ __name(({
129
+ className,
130
+ ref,
131
+ ...props
132
+ }) => /* @__PURE__ */ jsx(
133
+ AlertDialogPrimitive.Title,
134
+ {
135
+ className: cn("text-lg font-semibold", className),
136
+ ref,
137
+ ...props
138
+ }
139
+ ), "AlertDialogTitle");
140
+ AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
141
+ var AlertDialogDescription = /* @__PURE__ */ __name(({
142
+ className,
143
+ ref,
144
+ ...props
145
+ }) => /* @__PURE__ */ jsx(
146
+ AlertDialogPrimitive.Description,
147
+ {
148
+ className: cn("text-text-secondary text-sm", className),
149
+ ref,
150
+ ...props
151
+ }
152
+ ), "AlertDialogDescription");
153
+ AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
154
+ var AlertDialogAction = /* @__PURE__ */ __name(({
155
+ className,
156
+ ref,
157
+ ...props
158
+ }) => /* @__PURE__ */ jsx(
159
+ AlertDialogPrimitive.Action,
160
+ {
161
+ className: cn(
162
+ buttonVariants({ variant: "default", size: "sm" }),
163
+ className
164
+ ),
165
+ ref,
166
+ ...props
167
+ }
168
+ ), "AlertDialogAction");
169
+ AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
170
+ var AlertDialogCancel = /* @__PURE__ */ __name(({
171
+ className,
172
+ ref,
173
+ ...props
174
+ }) => /* @__PURE__ */ jsx(
175
+ AlertDialogPrimitive.Cancel,
176
+ {
177
+ className: cn(
178
+ buttonVariants({ variant: "outline", size: "sm" }),
179
+ className
180
+ ),
181
+ ref,
182
+ ...props
183
+ }
184
+ ), "AlertDialogCancel");
185
+ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
186
+
187
+ export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
package/dist/alert.js CHANGED
@@ -1 +1,68 @@
1
- 'use strict';var classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');var s=Object.defineProperty;var r=(e,t)=>s(e,"name",{value:t,configurable:true});function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}r(l,"cn");var p=classVarianceAuthority.cva("[&>svg]:text-text-default relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7",{variants:{variant:{default:"bg-bg-tertiary text-text-default",info:"text-text-secondary [&>svg]:text-text-secondary bg-gray-250 border-gray-100 border-gray-200",destructive:"border-[#4d0408] bg-[#2d0607] text-[#ff9ea1] [&>svg]:text-[#ff9ea1]",warning:"border-yellow-800 bg-yellow-900 text-yellow-400 [&>svg]:text-yellow-400",success:"border-green-800 bg-green-900 text-green-400 [&>svg]:text-green-400",download:"border-gray-800 bg-gray-900 text-cyan-400 [&>svg]:text-cyan-400"}},defaultVariants:{variant:"default"}}),d=r(({className:e,variant:t,ref:a,...o})=>jsxRuntime.jsx("div",{className:l(p({variant:t}),e),ref:a,role:"alert",...o}),"Alert");d.displayName="Alert";var f=r(({className:e,ref:t,...a})=>jsxRuntime.jsx("h5",{className:l("mb-1 leading-none font-medium tracking-tight",e),ref:t,...a}),"AlertTitle");f.displayName="AlertTitle";var m=r(({className:e,ref:t,...a})=>jsxRuntime.jsx("div",{className:l("text-sm [&_p]:leading-relaxed",e),ref:t,...a}),"AlertDescription");m.displayName="AlertDescription";exports.Alert=d;exports.AlertDescription=m;exports.AlertTitle=f;
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var classVarianceAuthority = require('class-variance-authority');
5
+ var clsx = require('clsx');
6
+ var tailwindMerge = require('tailwind-merge');
7
+ var jsxRuntime = require('react/jsx-runtime');
8
+
9
+ var __defProp = Object.defineProperty;
10
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
11
+ function cn(...inputs) {
12
+ return tailwindMerge.twMerge(clsx.clsx(inputs));
13
+ }
14
+ __name(cn, "cn");
15
+ var alertVariants = classVarianceAuthority.cva(
16
+ "[&>svg]:text-text-default relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7",
17
+ {
18
+ variants: {
19
+ variant: {
20
+ default: "bg-bg-tertiary text-text-default",
21
+ info: "text-text-secondary [&>svg]:text-text-secondary bg-gray-250 border-gray-100 border-gray-200",
22
+ destructive: "border-[#4d0408] bg-[#2d0607] text-[#ff9ea1] [&>svg]:text-[#ff9ea1]",
23
+ warning: "border-yellow-800 bg-yellow-900 text-yellow-400 [&>svg]:text-yellow-400",
24
+ success: "border-green-800 bg-green-900 text-green-400 [&>svg]:text-green-400",
25
+ download: "border-gray-800 bg-gray-900 text-cyan-400 [&>svg]:text-cyan-400"
26
+ }
27
+ },
28
+ defaultVariants: {
29
+ variant: "default"
30
+ }
31
+ }
32
+ );
33
+ var Alert = /* @__PURE__ */ __name(({ className, variant, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
34
+ "div",
35
+ {
36
+ className: cn(alertVariants({ variant }), className),
37
+ ref,
38
+ role: "alert",
39
+ ...props
40
+ }
41
+ ), "Alert");
42
+ Alert.displayName = "Alert";
43
+ var AlertTitle = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
44
+ "h5",
45
+ {
46
+ className: cn("mb-1 leading-none font-medium tracking-tight", className),
47
+ ref,
48
+ ...props
49
+ }
50
+ ), "AlertTitle");
51
+ AlertTitle.displayName = "AlertTitle";
52
+ var AlertDescription = /* @__PURE__ */ __name(({
53
+ className,
54
+ ref,
55
+ ...props
56
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
57
+ "div",
58
+ {
59
+ className: cn("text-sm [&_p]:leading-relaxed", className),
60
+ ref,
61
+ ...props
62
+ }
63
+ ), "AlertDescription");
64
+ AlertDescription.displayName = "AlertDescription";
65
+
66
+ exports.Alert = Alert;
67
+ exports.AlertDescription = AlertDescription;
68
+ exports.AlertTitle = AlertTitle;
package/dist/alert.mjs CHANGED
@@ -1 +1,64 @@
1
- import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var s=Object.defineProperty;var r=(e,t)=>s(e,"name",{value:t,configurable:true});function l(...e){return twMerge(clsx(e))}r(l,"cn");var p=cva("[&>svg]:text-text-default relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7",{variants:{variant:{default:"bg-bg-tertiary text-text-default",info:"text-text-secondary [&>svg]:text-text-secondary bg-gray-250 border-gray-100 border-gray-200",destructive:"border-[#4d0408] bg-[#2d0607] text-[#ff9ea1] [&>svg]:text-[#ff9ea1]",warning:"border-yellow-800 bg-yellow-900 text-yellow-400 [&>svg]:text-yellow-400",success:"border-green-800 bg-green-900 text-green-400 [&>svg]:text-green-400",download:"border-gray-800 bg-gray-900 text-cyan-400 [&>svg]:text-cyan-400"}},defaultVariants:{variant:"default"}}),d=r(({className:e,variant:t,ref:a,...o})=>jsx("div",{className:l(p({variant:t}),e),ref:a,role:"alert",...o}),"Alert");d.displayName="Alert";var f=r(({className:e,ref:t,...a})=>jsx("h5",{className:l("mb-1 leading-none font-medium tracking-tight",e),ref:t,...a}),"AlertTitle");f.displayName="AlertTitle";var m=r(({className:e,ref:t,...a})=>jsx("div",{className:l("text-sm [&_p]:leading-relaxed",e),ref:t,...a}),"AlertDescription");m.displayName="AlertDescription";export{d as Alert,m as AlertDescription,f as AlertTitle};
1
+ "use client";
2
+ import { cva } from 'class-variance-authority';
3
+ import { clsx } from 'clsx';
4
+ import { twMerge } from 'tailwind-merge';
5
+ import { jsx } from 'react/jsx-runtime';
6
+
7
+ var __defProp = Object.defineProperty;
8
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
9
+ function cn(...inputs) {
10
+ return twMerge(clsx(inputs));
11
+ }
12
+ __name(cn, "cn");
13
+ var alertVariants = cva(
14
+ "[&>svg]:text-text-default relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7",
15
+ {
16
+ variants: {
17
+ variant: {
18
+ default: "bg-bg-tertiary text-text-default",
19
+ info: "text-text-secondary [&>svg]:text-text-secondary bg-gray-250 border-gray-100 border-gray-200",
20
+ destructive: "border-[#4d0408] bg-[#2d0607] text-[#ff9ea1] [&>svg]:text-[#ff9ea1]",
21
+ warning: "border-yellow-800 bg-yellow-900 text-yellow-400 [&>svg]:text-yellow-400",
22
+ success: "border-green-800 bg-green-900 text-green-400 [&>svg]:text-green-400",
23
+ download: "border-gray-800 bg-gray-900 text-cyan-400 [&>svg]:text-cyan-400"
24
+ }
25
+ },
26
+ defaultVariants: {
27
+ variant: "default"
28
+ }
29
+ }
30
+ );
31
+ var Alert = /* @__PURE__ */ __name(({ className, variant, ref, ...props }) => /* @__PURE__ */ jsx(
32
+ "div",
33
+ {
34
+ className: cn(alertVariants({ variant }), className),
35
+ ref,
36
+ role: "alert",
37
+ ...props
38
+ }
39
+ ), "Alert");
40
+ Alert.displayName = "Alert";
41
+ var AlertTitle = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
42
+ "h5",
43
+ {
44
+ className: cn("mb-1 leading-none font-medium tracking-tight", className),
45
+ ref,
46
+ ...props
47
+ }
48
+ ), "AlertTitle");
49
+ AlertTitle.displayName = "AlertTitle";
50
+ var AlertDescription = /* @__PURE__ */ __name(({
51
+ className,
52
+ ref,
53
+ ...props
54
+ }) => /* @__PURE__ */ jsx(
55
+ "div",
56
+ {
57
+ className: cn("text-sm [&_p]:leading-relaxed", className),
58
+ ref,
59
+ ...props
60
+ }
61
+ ), "AlertDescription");
62
+ AlertDescription.displayName = "AlertDescription";
63
+
64
+ export { Alert, AlertDescription, AlertTitle };