@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
package/dist/progress.js CHANGED
@@ -1 +1,62 @@
1
- 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var e=require('@radix-ui/react-progress'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),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 l=Object.defineProperty;var t=(r,o)=>l(r,"name",{value:o,configurable:true});function s(...r){return tailwindMerge.twMerge(clsx.clsx(r))}t(s,"cn");var a=t(({className:r,value:o,...n})=>jsxRuntime.jsx(e__namespace.Root,{className:s("bg-bg-quaternary relative h-4 w-full overflow-hidden",r),...n,children:jsxRuntime.jsx(e__namespace.Indicator,{className:"h-full w-full flex-1 bg-green-500 transition-all",style:{transform:`translateX(-${100-(o||0)}%)`}})}),"Progress");a.displayName=e__namespace.Root.displayName;var v=a;exports.Progress=a;exports.default=v;
1
+ "use client";
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var ProgressPrimitive = require('@radix-ui/react-progress');
7
+ var clsx = require('clsx');
8
+ var tailwindMerge = require('tailwind-merge');
9
+ var jsxRuntime = require('react/jsx-runtime');
10
+
11
+ function _interopNamespace(e) {
12
+ if (e && e.__esModule) return e;
13
+ var n = Object.create(null);
14
+ if (e) {
15
+ Object.keys(e).forEach(function (k) {
16
+ if (k !== 'default') {
17
+ var d = Object.getOwnPropertyDescriptor(e, k);
18
+ Object.defineProperty(n, k, d.get ? d : {
19
+ enumerable: true,
20
+ get: function () { return e[k]; }
21
+ });
22
+ }
23
+ });
24
+ }
25
+ n.default = e;
26
+ return Object.freeze(n);
27
+ }
28
+
29
+ var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
30
+
31
+ var __defProp = Object.defineProperty;
32
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
33
+ function cn(...inputs) {
34
+ return tailwindMerge.twMerge(clsx.clsx(inputs));
35
+ }
36
+ __name(cn, "cn");
37
+ var Progress = /* @__PURE__ */ __name(({
38
+ className,
39
+ value,
40
+ ...props
41
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
42
+ ProgressPrimitive__namespace.Root,
43
+ {
44
+ className: cn(
45
+ "bg-bg-quaternary relative h-4 w-full overflow-hidden",
46
+ className
47
+ ),
48
+ ...props,
49
+ children: /* @__PURE__ */ jsxRuntime.jsx(
50
+ ProgressPrimitive__namespace.Indicator,
51
+ {
52
+ className: "h-full w-full flex-1 bg-green-500 transition-all",
53
+ style: { transform: `translateX(-${100 - (value || 0)}%)` }
54
+ }
55
+ )
56
+ }
57
+ ), "Progress");
58
+ Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
59
+ var progress_default = Progress;
60
+
61
+ exports.Progress = Progress;
62
+ exports.default = progress_default;
package/dist/progress.mjs CHANGED
@@ -1 +1,37 @@
1
- import*as e from'@radix-ui/react-progress';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var l=Object.defineProperty;var t=(r,o)=>l(r,"name",{value:o,configurable:true});function s(...r){return twMerge(clsx(r))}t(s,"cn");var a=t(({className:r,value:o,...n})=>jsx(e.Root,{className:s("bg-bg-quaternary relative h-4 w-full overflow-hidden",r),...n,children:jsx(e.Indicator,{className:"h-full w-full flex-1 bg-green-500 transition-all",style:{transform:`translateX(-${100-(o||0)}%)`}})}),"Progress");a.displayName=e.Root.displayName;var v=a;export{a as Progress,v as default};
1
+ "use client";
2
+ import * as ProgressPrimitive from '@radix-ui/react-progress';
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 Progress = /* @__PURE__ */ __name(({
14
+ className,
15
+ value,
16
+ ...props
17
+ }) => /* @__PURE__ */ jsx(
18
+ ProgressPrimitive.Root,
19
+ {
20
+ className: cn(
21
+ "bg-bg-quaternary relative h-4 w-full overflow-hidden",
22
+ className
23
+ ),
24
+ ...props,
25
+ children: /* @__PURE__ */ jsx(
26
+ ProgressPrimitive.Indicator,
27
+ {
28
+ className: "h-full w-full flex-1 bg-green-500 transition-all",
29
+ style: { transform: `translateX(-${100 - (value || 0)}%)` }
30
+ }
31
+ )
32
+ }
33
+ ), "Progress");
34
+ Progress.displayName = ProgressPrimitive.Root.displayName;
35
+ var progress_default = Progress;
36
+
37
+ export { Progress, progress_default as default };
@@ -1 +1,65 @@
1
- 'use strict';var d=require('react'),utils=require('@hanzo/ui/lib/utils'),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 d__namespace=/*#__PURE__*/_interopNamespace(d);var o=d__namespace.forwardRef(({className:r,tasks:s=[],...n},i)=>jsxRuntime.jsx("div",{ref:i,className:utils.cn("rounded-lg border bg-card text-card-foreground shadow-sm",r),...n,children:jsxRuntime.jsx("div",{className:"p-6",children:jsxRuntime.jsx("div",{className:"space-y-4",children:s.length===0?jsxRuntime.jsx("div",{className:"flex items-center justify-center p-8",children:jsxRuntime.jsx("p",{className:"text-sm text-muted-foreground",children:"No tasks available. Add tasks to display Gantt chart."})}):s.map(t=>jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between text-sm",children:[jsxRuntime.jsx("span",{className:"font-medium",children:t.name}),jsxRuntime.jsxs("span",{className:"text-muted-foreground",children:[t.progress??0,"%"]})]}),jsxRuntime.jsx("div",{className:"h-8 rounded-md bg-muted",children:jsxRuntime.jsx("div",{className:"h-full rounded-md bg-primary",style:{width:`${t.progress??0}%`}})}),jsxRuntime.jsxs("div",{className:"flex justify-between text-xs text-muted-foreground",children:[jsxRuntime.jsx("span",{children:t.start.toLocaleDateString()}),jsxRuntime.jsx("span",{children:t.end.toLocaleDateString()})]})]},t.id))})})}));o.displayName="Gantt";exports.Gantt=o;
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var React = require('react');
5
+ var utils = require('@hanzo/ui/lib/utils');
6
+ var jsxRuntime = require('react/jsx-runtime');
7
+
8
+ function _interopNamespace(e) {
9
+ if (e && e.__esModule) return e;
10
+ var n = Object.create(null);
11
+ if (e) {
12
+ Object.keys(e).forEach(function (k) {
13
+ if (k !== 'default') {
14
+ var d = Object.getOwnPropertyDescriptor(e, k);
15
+ Object.defineProperty(n, k, d.get ? d : {
16
+ enumerable: true,
17
+ get: function () { return e[k]; }
18
+ });
19
+ }
20
+ });
21
+ }
22
+ n.default = e;
23
+ return Object.freeze(n);
24
+ }
25
+
26
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
27
+
28
+ var Gantt = React__namespace.forwardRef(
29
+ ({ className, tasks = [], ...props }, ref) => {
30
+ return /* @__PURE__ */ jsxRuntime.jsx(
31
+ "div",
32
+ {
33
+ ref,
34
+ className: utils.cn(
35
+ "rounded-lg border bg-card text-card-foreground shadow-sm",
36
+ className
37
+ ),
38
+ ...props,
39
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: tasks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No tasks available. Add tasks to display Gantt chart." }) }) : tasks.map((task) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
40
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm", children: [
41
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: task.name }),
42
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
43
+ task.progress ?? 0,
44
+ "%"
45
+ ] })
46
+ ] }),
47
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 rounded-md bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
48
+ "div",
49
+ {
50
+ className: "h-full rounded-md bg-primary",
51
+ style: { width: `${task.progress ?? 0}%` }
52
+ }
53
+ ) }),
54
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
55
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: task.start.toLocaleDateString() }),
56
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: task.end.toLocaleDateString() })
57
+ ] })
58
+ ] }, task.id)) }) })
59
+ }
60
+ );
61
+ }
62
+ );
63
+ Gantt.displayName = "Gantt";
64
+
65
+ exports.Gantt = Gantt;
@@ -1 +1,43 @@
1
- import*as d from'react';import {cn}from'@hanzo/ui/lib/utils';import {jsx,jsxs}from'react/jsx-runtime';var o=d.forwardRef(({className:r,tasks:s=[],...n},i)=>jsx("div",{ref:i,className:cn("rounded-lg border bg-card text-card-foreground shadow-sm",r),...n,children:jsx("div",{className:"p-6",children:jsx("div",{className:"space-y-4",children:s.length===0?jsx("div",{className:"flex items-center justify-center p-8",children:jsx("p",{className:"text-sm text-muted-foreground",children:"No tasks available. Add tasks to display Gantt chart."})}):s.map(t=>jsxs("div",{className:"space-y-2",children:[jsxs("div",{className:"flex items-center justify-between text-sm",children:[jsx("span",{className:"font-medium",children:t.name}),jsxs("span",{className:"text-muted-foreground",children:[t.progress??0,"%"]})]}),jsx("div",{className:"h-8 rounded-md bg-muted",children:jsx("div",{className:"h-full rounded-md bg-primary",style:{width:`${t.progress??0}%`}})}),jsxs("div",{className:"flex justify-between text-xs text-muted-foreground",children:[jsx("span",{children:t.start.toLocaleDateString()}),jsx("span",{children:t.end.toLocaleDateString()})]})]},t.id))})})}));o.displayName="Gantt";export{o as Gantt};
1
+ "use client";
2
+ import * as React from 'react';
3
+ import { cn } from '@hanzo/ui/lib/utils';
4
+ import { jsx, jsxs } from 'react/jsx-runtime';
5
+
6
+ var Gantt = React.forwardRef(
7
+ ({ className, tasks = [], ...props }, ref) => {
8
+ return /* @__PURE__ */ jsx(
9
+ "div",
10
+ {
11
+ ref,
12
+ className: cn(
13
+ "rounded-lg border bg-card text-card-foreground shadow-sm",
14
+ className
15
+ ),
16
+ ...props,
17
+ children: /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: tasks.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No tasks available. Add tasks to display Gantt chart." }) }) : tasks.map((task) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
18
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
19
+ /* @__PURE__ */ jsx("span", { className: "font-medium", children: task.name }),
20
+ /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
21
+ task.progress ?? 0,
22
+ "%"
23
+ ] })
24
+ ] }),
25
+ /* @__PURE__ */ jsx("div", { className: "h-8 rounded-md bg-muted", children: /* @__PURE__ */ jsx(
26
+ "div",
27
+ {
28
+ className: "h-full rounded-md bg-primary",
29
+ style: { width: `${task.progress ?? 0}%` }
30
+ }
31
+ ) }),
32
+ /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
33
+ /* @__PURE__ */ jsx("span", { children: task.start.toLocaleDateString() }),
34
+ /* @__PURE__ */ jsx("span", { children: task.end.toLocaleDateString() })
35
+ ] })
36
+ ] }, task.id)) }) })
37
+ }
38
+ );
39
+ }
40
+ );
41
+ Gantt.displayName = "Gantt";
42
+
43
+ export { Gantt };