@hanzo/ui 5.3.28 → 5.3.29

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 -0
  2. package/dist/3d/button.mjs +273 -0
  3. package/dist/3d/card.js +234 -0
  4. package/dist/3d/card.mjs +207 -0
  5. package/dist/3d/carousel.js +371 -0
  6. package/dist/3d/carousel.mjs +344 -0
  7. package/dist/3d/grid.js +362 -0
  8. package/dist/3d/grid.mjs +337 -0
  9. package/dist/3d/index.js +1518 -0
  10. package/dist/3d/index.mjs +1472 -0
  11. package/dist/3d/marquee.js +352 -0
  12. package/dist/3d/marquee.mjs +327 -0
  13. package/dist/3d/pin.js +46 -0
  14. package/dist/3d/pin.mjs +24 -0
  15. package/dist/accordion.js +80 -0
  16. package/dist/accordion.mjs +55 -0
  17. package/dist/alert-dialog.js +220 -0
  18. package/dist/alert-dialog.mjs +187 -0
  19. package/dist/alert.js +68 -0
  20. package/dist/alert.mjs +64 -0
  21. package/dist/animation/animated-background.js +424 -0
  22. package/dist/animation/animated-background.mjs +418 -0
  23. package/dist/animation/animated-beam.js +119 -0
  24. package/dist/animation/animated-beam.mjs +97 -0
  25. package/dist/animation/animated-cursor.js +275 -0
  26. package/dist/animation/animated-cursor.mjs +270 -0
  27. package/dist/animation/animated-icon.js +357 -0
  28. package/dist/animation/animated-icon.mjs +351 -0
  29. package/dist/animation/animated-list.js +339 -0
  30. package/dist/animation/animated-list.mjs +333 -0
  31. package/dist/animation/animated-number.js +283 -0
  32. package/dist/animation/animated-number.mjs +277 -0
  33. package/dist/animation/animated-testimonials.js +97 -0
  34. package/dist/animation/animated-testimonials.mjs +75 -0
  35. package/dist/animation/animated-tooltip.js +67 -0
  36. package/dist/animation/animated-tooltip.mjs +45 -0
  37. package/dist/animation/apple-cards-carousel.js +308 -0
  38. package/dist/animation/apple-cards-carousel.mjs +285 -0
  39. package/dist/animation/apple-hello-effect.js +60 -0
  40. package/dist/animation/apple-hello-effect.mjs +38 -0
  41. package/dist/animation/index.js +1952 -0
  42. package/dist/animation/index.mjs +1921 -0
  43. package/dist/avatar.js +71 -0
  44. package/dist/avatar.mjs +47 -0
  45. package/dist/badge.js +66 -0
  46. package/dist/badge.mjs +40 -0
  47. package/dist/blocks/index.js +1665 -0
  48. package/dist/blocks/index.mjs +1626 -0
  49. package/dist/breadcrumb.js +107 -0
  50. package/dist/breadcrumb.mjs +99 -0
  51. package/dist/calendar.js +189 -0
  52. package/dist/calendar.mjs +164 -0
  53. package/dist/carousel.js +278 -0
  54. package/dist/carousel.mjs +249 -0
  55. package/dist/checkbox.js +60 -0
  56. package/dist/checkbox.mjs +35 -0
  57. package/dist/code/block.js +226 -0
  58. package/dist/code/block.mjs +203 -0
  59. package/dist/code/compare.js +446 -0
  60. package/dist/code/compare.mjs +423 -0
  61. package/dist/code/diff.js +430 -0
  62. package/dist/code/diff.mjs +407 -0
  63. package/dist/code/editor.js +243 -0
  64. package/dist/code/editor.mjs +218 -0
  65. package/dist/code/explorer.js +291 -0
  66. package/dist/code/explorer.mjs +268 -0
  67. package/dist/code/index.js +2551 -0
  68. package/dist/code/index.mjs +2510 -0
  69. package/dist/code/preview.js +400 -0
  70. package/dist/code/preview.mjs +377 -0
  71. package/dist/code/snippet.js +274 -0
  72. package/dist/code/snippet.mjs +250 -0
  73. package/dist/code/tabs.js +75 -0
  74. package/dist/code/tabs.mjs +53 -0
  75. package/dist/code/terminal.js +437 -0
  76. package/dist/code/terminal.mjs +414 -0
  77. package/dist/collapsible.js +33 -0
  78. package/dist/collapsible.mjs +9 -0
  79. package/dist/command.js +262 -0
  80. package/dist/command.mjs +232 -0
  81. package/dist/context-menu.js +207 -0
  82. package/dist/context-menu.mjs +171 -0
  83. package/dist/device/index.js +3 -0
  84. package/dist/device/index.mjs +2 -0
  85. package/dist/dialog.js +151 -0
  86. package/dist/dialog.mjs +121 -0
  87. package/dist/dock/basic.js +174 -0
  88. package/dist/dock/basic.mjs +151 -0
  89. package/dist/dock/index.js +628 -0
  90. package/dist/dock/index.mjs +601 -0
  91. package/dist/dock/limelight-nav.js +295 -0
  92. package/dist/dock/limelight-nav.mjs +274 -0
  93. package/dist/dock/macos.js +141 -0
  94. package/dist/dock/macos.mjs +118 -0
  95. package/dist/dock/menu.js +70 -0
  96. package/dist/dock/menu.mjs +48 -0
  97. package/dist/dock/message.js +144 -0
  98. package/dist/dock/message.mjs +122 -0
  99. package/dist/drawer.js +115 -0
  100. package/dist/drawer.mjs +103 -0
  101. package/dist/dropdown-menu.js +202 -0
  102. package/dist/dropdown-menu.mjs +166 -0
  103. package/dist/finance/AdvancedChart.js +48 -0
  104. package/dist/finance/AdvancedChart.mjs +46 -0
  105. package/dist/finance/CompanyProfile.js +48 -0
  106. package/dist/finance/CompanyProfile.mjs +46 -0
  107. package/dist/finance/CryptoScreener.js +45 -0
  108. package/dist/finance/CryptoScreener.mjs +43 -0
  109. package/dist/finance/Financials.js +52 -0
  110. package/dist/finance/Financials.mjs +50 -0
  111. package/dist/finance/ForexScreener.js +46 -0
  112. package/dist/finance/ForexScreener.mjs +44 -0
  113. package/dist/finance/MarketOverview.js +104 -0
  114. package/dist/finance/MarketOverview.mjs +102 -0
  115. package/dist/finance/NewsTimeline.js +44 -0
  116. package/dist/finance/NewsTimeline.mjs +42 -0
  117. package/dist/finance/OrderEntry.js +131 -0
  118. package/dist/finance/OrderEntry.mjs +129 -0
  119. package/dist/finance/OrdersHistory.js +64 -0
  120. package/dist/finance/OrdersHistory.mjs +62 -0
  121. package/dist/finance/PositionsList.js +80 -0
  122. package/dist/finance/PositionsList.mjs +78 -0
  123. package/dist/finance/StockScreener.js +46 -0
  124. package/dist/finance/StockScreener.mjs +44 -0
  125. package/dist/finance/SymbolInfo.js +46 -0
  126. package/dist/finance/SymbolInfo.mjs +44 -0
  127. package/dist/finance/TechnicalAnalysis.js +54 -0
  128. package/dist/finance/TechnicalAnalysis.mjs +52 -0
  129. package/dist/finance/TickerTape.js +56 -0
  130. package/dist/finance/TickerTape.mjs +54 -0
  131. package/dist/finance/TradingPanel.js +191 -0
  132. package/dist/finance/TradingPanel.mjs +189 -0
  133. package/dist/finance/index.js +930 -0
  134. package/dist/finance/index.mjs +914 -0
  135. package/dist/form/index.js +155 -0
  136. package/dist/form/index.mjs +125 -0
  137. package/dist/form.js +172 -0
  138. package/dist/form.mjs +142 -0
  139. package/dist/hover-card.js +58 -0
  140. package/dist/hover-card.mjs +34 -0
  141. package/dist/index.js +10179 -0
  142. package/dist/index.mjs +9785 -0
  143. package/dist/input-otp.js +79 -0
  144. package/dist/input-otp.mjs +54 -0
  145. package/dist/lib/utils.js +28 -0
  146. package/dist/lib/utils.mjs +24 -0
  147. package/dist/navigation/index.js +98 -0
  148. package/dist/navigation/index.mjs +79 -0
  149. package/dist/navigation-menu.js +149 -0
  150. package/dist/navigation-menu.mjs +116 -0
  151. package/dist/pattern/grid-pattern.js +333 -0
  152. package/dist/pattern/grid-pattern.mjs +310 -0
  153. package/dist/pattern/index.js +333 -0
  154. package/dist/pattern/index.mjs +310 -0
  155. package/dist/popover.js +63 -0
  156. package/dist/popover.mjs +37 -0
  157. package/dist/primitives/index.js +10179 -0
  158. package/dist/primitives/index.mjs +9785 -0
  159. package/dist/primitives-export.js +10179 -0
  160. package/dist/primitives-export.mjs +9785 -0
  161. package/dist/progress.js +62 -0
  162. package/dist/progress.mjs +37 -0
  163. package/dist/project/gantt.js +65 -0
  164. package/dist/project/gantt.mjs +43 -0
  165. package/dist/project/index.js +636 -0
  166. package/dist/project/index.mjs +611 -0
  167. package/dist/project/kanban.js +597 -0
  168. package/dist/project/kanban.mjs +572 -0
  169. package/dist/project/list.js +35 -0
  170. package/dist/project/list.mjs +12 -0
  171. package/dist/radio-group.js +68 -0
  172. package/dist/radio-group.mjs +45 -0
  173. package/dist/resizable.js +72 -0
  174. package/dist/resizable.mjs +48 -0
  175. package/dist/scroll-area.js +89 -0
  176. package/dist/scroll-area.mjs +66 -0
  177. package/dist/select.js +140 -0
  178. package/dist/select.mjs +111 -0
  179. package/dist/separator.js +59 -0
  180. package/dist/separator.mjs +34 -0
  181. package/dist/sheet.js +148 -0
  182. package/dist/sheet.mjs +117 -0
  183. package/dist/skeleton.js +32 -0
  184. package/dist/skeleton.mjs +27 -0
  185. package/dist/slider.js +99 -0
  186. package/dist/slider.mjs +73 -0
  187. package/dist/sonner.js +34 -0
  188. package/dist/sonner.mjs +29 -0
  189. package/dist/switch.js +62 -0
  190. package/dist/switch.mjs +37 -0
  191. package/dist/table.js +110 -0
  192. package/dist/table.mjs +101 -0
  193. package/dist/tabs.js +82 -0
  194. package/dist/tabs.mjs +57 -0
  195. package/dist/tailwind/index.js +2023 -0
  196. package/dist/tailwind/index.mjs +2011 -0
  197. package/dist/textarea.js +78 -0
  198. package/dist/textarea.mjs +56 -0
  199. package/dist/toggle-group.js +118 -0
  200. package/dist/toggle-group.mjs +93 -0
  201. package/dist/toggle.js +71 -0
  202. package/dist/toggle.mjs +48 -0
  203. package/dist/tooltip.js +67 -0
  204. package/dist/tooltip.mjs +40 -0
  205. package/dist/types/index.js +57 -0
  206. package/dist/types/index.mjs +51 -0
  207. package/dist/ui/announcement.js +129 -0
  208. package/dist/ui/announcement.mjs +107 -0
  209. package/dist/ui/avatar-group.js +88 -0
  210. package/dist/ui/avatar-group.mjs +65 -0
  211. package/dist/ui/banner.js +85 -0
  212. package/dist/ui/banner.mjs +62 -0
  213. package/dist/ui/cursor.js +78 -0
  214. package/dist/ui/cursor.mjs +56 -0
  215. package/dist/ui/index.js +475 -0
  216. package/dist/ui/index.mjs +442 -0
  217. package/dist/ui/marquee.js +74 -0
  218. package/dist/ui/marquee.mjs +52 -0
  219. package/dist/ui/pill.js +85 -0
  220. package/dist/ui/pill.mjs +62 -0
  221. package/dist/ui/spinner.js +28 -0
  222. package/dist/ui/spinner.mjs +26 -0
  223. package/dist/ui/tags.js +101 -0
  224. package/dist/ui/tags.mjs +79 -0
  225. package/dist/ui/ticker.js +73 -0
  226. package/dist/ui/ticker.mjs +51 -0
  227. package/dist/util/index.js +463 -0
  228. package/dist/util/index.mjs +404 -0
  229. package/package.json +1 -1
@@ -0,0 +1,45 @@
1
+ "use client";
2
+ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
3
+ import { Circle } from 'lucide-react';
4
+ import { clsx } from 'clsx';
5
+ import { twMerge } from 'tailwind-merge';
6
+ import { jsx } from 'react/jsx-runtime';
7
+
8
+ var __defProp = Object.defineProperty;
9
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
10
+ function cn(...inputs) {
11
+ return twMerge(clsx(inputs));
12
+ }
13
+ __name(cn, "cn");
14
+ var RadioGroup = /* @__PURE__ */ __name(({
15
+ className,
16
+ ...props
17
+ }) => {
18
+ return /* @__PURE__ */ jsx(
19
+ RadioGroupPrimitive.Root,
20
+ {
21
+ className: cn("grid gap-2", className),
22
+ ...props
23
+ }
24
+ );
25
+ }, "RadioGroup");
26
+ RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
27
+ var RadioGroupItem = /* @__PURE__ */ __name(({
28
+ className,
29
+ ...props
30
+ }) => {
31
+ return /* @__PURE__ */ jsx(
32
+ RadioGroupPrimitive.Item,
33
+ {
34
+ className: cn(
35
+ "border-brand text-brand ring-offset-background focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
36
+ className
37
+ ),
38
+ ...props,
39
+ children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
40
+ }
41
+ );
42
+ }, "RadioGroupItem");
43
+ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
44
+
45
+ export { RadioGroup, RadioGroupItem };
@@ -0,0 +1,72 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var lucideReact = require('lucide-react');
5
+ var ResizablePrimitive = require('react-resizable-panels');
6
+ var clsx = require('clsx');
7
+ var tailwindMerge = require('tailwind-merge');
8
+ var jsxRuntime = require('react/jsx-runtime');
9
+
10
+ function _interopNamespace(e) {
11
+ if (e && e.__esModule) return e;
12
+ var n = Object.create(null);
13
+ if (e) {
14
+ Object.keys(e).forEach(function (k) {
15
+ if (k !== 'default') {
16
+ var d = Object.getOwnPropertyDescriptor(e, k);
17
+ Object.defineProperty(n, k, d.get ? d : {
18
+ enumerable: true,
19
+ get: function () { return e[k]; }
20
+ });
21
+ }
22
+ });
23
+ }
24
+ n.default = e;
25
+ return Object.freeze(n);
26
+ }
27
+
28
+ var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
29
+
30
+ var __defProp = Object.defineProperty;
31
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
32
+ function cn(...inputs) {
33
+ return tailwindMerge.twMerge(clsx.clsx(inputs));
34
+ }
35
+ __name(cn, "cn");
36
+ var ResizablePanelGroup = /* @__PURE__ */ __name(({
37
+ className,
38
+ ...props
39
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
40
+ ResizablePrimitive__namespace.PanelGroup,
41
+ {
42
+ className: cn(
43
+ "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
44
+ className
45
+ ),
46
+ ...props
47
+ }
48
+ ), "ResizablePanelGroup");
49
+ var ResizablePanel = ResizablePrimitive__namespace.Panel;
50
+ var ResizableHandle = /* @__PURE__ */ __name(({
51
+ withHandle,
52
+ className,
53
+ ...props
54
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
55
+ ResizablePrimitive__namespace.PanelResizeHandle,
56
+ {
57
+ className: cn(
58
+ "focus-visible:ring-ring relative flex w-px items-center justify-center bg-gray-100 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden",
59
+ "data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
60
+ "data-[resize-handle-state=drag]:after:bg-bg-secondary",
61
+ "data-[resize-handle-state=hover]:after:bg-bg-secondary",
62
+ "after:w-[1px] data-[panel-group-direction=vertical]:after:h-[1px]",
63
+ className
64
+ ),
65
+ ...props,
66
+ children: withHandle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "h-2.5 w-2.5" }) })
67
+ }
68
+ ), "ResizableHandle");
69
+
70
+ exports.ResizableHandle = ResizableHandle;
71
+ exports.ResizablePanel = ResizablePanel;
72
+ exports.ResizablePanelGroup = ResizablePanelGroup;
@@ -0,0 +1,48 @@
1
+ "use client";
2
+ import { GripVertical } from 'lucide-react';
3
+ import * as ResizablePrimitive from 'react-resizable-panels';
4
+ import { clsx } from 'clsx';
5
+ import { twMerge } from 'tailwind-merge';
6
+ import { jsx } from 'react/jsx-runtime';
7
+
8
+ var __defProp = Object.defineProperty;
9
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
10
+ function cn(...inputs) {
11
+ return twMerge(clsx(inputs));
12
+ }
13
+ __name(cn, "cn");
14
+ var ResizablePanelGroup = /* @__PURE__ */ __name(({
15
+ className,
16
+ ...props
17
+ }) => /* @__PURE__ */ jsx(
18
+ ResizablePrimitive.PanelGroup,
19
+ {
20
+ className: cn(
21
+ "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
22
+ className
23
+ ),
24
+ ...props
25
+ }
26
+ ), "ResizablePanelGroup");
27
+ var ResizablePanel = ResizablePrimitive.Panel;
28
+ var ResizableHandle = /* @__PURE__ */ __name(({
29
+ withHandle,
30
+ className,
31
+ ...props
32
+ }) => /* @__PURE__ */ jsx(
33
+ ResizablePrimitive.PanelResizeHandle,
34
+ {
35
+ className: cn(
36
+ "focus-visible:ring-ring relative flex w-px items-center justify-center bg-gray-100 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden",
37
+ "data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
38
+ "data-[resize-handle-state=drag]:after:bg-bg-secondary",
39
+ "data-[resize-handle-state=hover]:after:bg-bg-secondary",
40
+ "after:w-[1px] data-[panel-group-direction=vertical]:after:h-[1px]",
41
+ className
42
+ ),
43
+ ...props,
44
+ children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-gray-200", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-2.5 w-2.5" }) })
45
+ }
46
+ ), "ResizableHandle");
47
+
48
+ export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
@@ -0,0 +1,89 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
5
+ var clsx = require('clsx');
6
+ var tailwindMerge = require('tailwind-merge');
7
+ var jsxRuntime = require('react/jsx-runtime');
8
+
9
+ function _interopNamespace(e) {
10
+ if (e && e.__esModule) return e;
11
+ var n = Object.create(null);
12
+ if (e) {
13
+ Object.keys(e).forEach(function (k) {
14
+ if (k !== 'default') {
15
+ var d = Object.getOwnPropertyDescriptor(e, k);
16
+ Object.defineProperty(n, k, d.get ? d : {
17
+ enumerable: true,
18
+ get: function () { return e[k]; }
19
+ });
20
+ }
21
+ });
22
+ }
23
+ n.default = e;
24
+ return Object.freeze(n);
25
+ }
26
+
27
+ var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
28
+
29
+ var __defProp = Object.defineProperty;
30
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
31
+ function cn(...inputs) {
32
+ return tailwindMerge.twMerge(clsx.clsx(inputs));
33
+ }
34
+ __name(cn, "cn");
35
+ var ScrollArea = /* @__PURE__ */ __name(({
36
+ className,
37
+ children,
38
+ ref,
39
+ ...props
40
+ }) => /* @__PURE__ */ jsxRuntime.jsxs(
41
+ ScrollAreaPrimitive__namespace.Root,
42
+ {
43
+ className: cn("relative overflow-hidden", className),
44
+ ...props,
45
+ children: [
46
+ /* @__PURE__ */ jsxRuntime.jsx(
47
+ ScrollAreaPrimitive__namespace.Viewport,
48
+ {
49
+ className: "h-full w-full rounded-[inherit]",
50
+ ref,
51
+ children
52
+ }
53
+ ),
54
+ /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
55
+ /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
56
+ ]
57
+ }
58
+ ), "ScrollArea");
59
+ ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
60
+ var ScrollBar = /* @__PURE__ */ __name(({
61
+ className,
62
+ orientation = "vertical",
63
+ ...props
64
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
65
+ ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
66
+ {
67
+ className: cn(
68
+ "flex touch-none transition-colors select-none",
69
+ orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
70
+ orientation === "horizontal" && "h-2.5 border-t border-t-transparent p-[1px]",
71
+ className
72
+ ),
73
+ orientation,
74
+ ...props,
75
+ children: /* @__PURE__ */ jsxRuntime.jsx(
76
+ ScrollAreaPrimitive__namespace.ScrollAreaThumb,
77
+ {
78
+ className: cn(
79
+ "relative rounded-full bg-gray-300",
80
+ orientation === "vertical" && "flex-1"
81
+ )
82
+ }
83
+ )
84
+ }
85
+ ), "ScrollBar");
86
+ ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
87
+
88
+ exports.ScrollArea = ScrollArea;
89
+ exports.ScrollBar = ScrollBar;
@@ -0,0 +1,66 @@
1
+ "use client";
2
+ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
3
+ import { clsx } from 'clsx';
4
+ import { twMerge } from 'tailwind-merge';
5
+ import { jsxs, 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 ScrollArea = /* @__PURE__ */ __name(({
14
+ className,
15
+ children,
16
+ ref,
17
+ ...props
18
+ }) => /* @__PURE__ */ jsxs(
19
+ ScrollAreaPrimitive.Root,
20
+ {
21
+ className: cn("relative overflow-hidden", className),
22
+ ...props,
23
+ children: [
24
+ /* @__PURE__ */ jsx(
25
+ ScrollAreaPrimitive.Viewport,
26
+ {
27
+ className: "h-full w-full rounded-[inherit]",
28
+ ref,
29
+ children
30
+ }
31
+ ),
32
+ /* @__PURE__ */ jsx(ScrollBar, {}),
33
+ /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
34
+ ]
35
+ }
36
+ ), "ScrollArea");
37
+ ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
38
+ var ScrollBar = /* @__PURE__ */ __name(({
39
+ className,
40
+ orientation = "vertical",
41
+ ...props
42
+ }) => /* @__PURE__ */ jsx(
43
+ ScrollAreaPrimitive.ScrollAreaScrollbar,
44
+ {
45
+ className: cn(
46
+ "flex touch-none transition-colors select-none",
47
+ orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
48
+ orientation === "horizontal" && "h-2.5 border-t border-t-transparent p-[1px]",
49
+ className
50
+ ),
51
+ orientation,
52
+ ...props,
53
+ children: /* @__PURE__ */ jsx(
54
+ ScrollAreaPrimitive.ScrollAreaThumb,
55
+ {
56
+ className: cn(
57
+ "relative rounded-full bg-gray-300",
58
+ orientation === "vertical" && "flex-1"
59
+ )
60
+ }
61
+ )
62
+ }
63
+ ), "ScrollBar");
64
+ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
65
+
66
+ export { ScrollArea, ScrollBar };
package/dist/select.js ADDED
@@ -0,0 +1,140 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var reactIcons = require('@radix-ui/react-icons');
5
+ var SelectPrimitive = require('@radix-ui/react-select');
6
+ var lucideReact = require('lucide-react');
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 SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
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 Select = SelectPrimitive__namespace.Root;
38
+ var SelectGroup = SelectPrimitive__namespace.Group;
39
+ var SelectValue = SelectPrimitive__namespace.Value;
40
+ var SelectTrigger = /* @__PURE__ */ __name(({
41
+ className,
42
+ children,
43
+ ...props
44
+ }) => /* @__PURE__ */ jsxRuntime.jsxs(
45
+ SelectPrimitive__namespace.Trigger,
46
+ {
47
+ className: cn(
48
+ "h-input border-divider bg-bg-secondary relative flex w-full items-center justify-between rounded-md border px-4 py-2 text-sm shadow-xs",
49
+ "focus:ring-border-input-focus placeholder:text-text-secondary focus:ring-1 focus:outline-hidden focus:ring-inset disabled:cursor-not-allowed disabled:opacity-50",
50
+ "peer/select [&[data-placeholder]>svg]:mt-0",
51
+ "pt-6 data-[placeholder]:pt-2",
52
+ "aria-expanded:ring-border-input-focus aria-expanded:ring-1 aria-expanded:ring-inset",
53
+ className
54
+ ),
55
+ ...props,
56
+ children: [
57
+ children,
58
+ /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "absolute top-[23px] right-3 h-4 w-4 opacity-50" }) })
59
+ ]
60
+ }
61
+ ), "SelectTrigger");
62
+ SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
63
+ var SelectContent = /* @__PURE__ */ __name(({
64
+ className,
65
+ children,
66
+ position = "popper",
67
+ ...props
68
+ }) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
69
+ SelectPrimitive__namespace.Content,
70
+ {
71
+ className: cn(
72
+ "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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-divider bg-bg-dark relative z-50 min-w-[8rem] overflow-hidden rounded-md border text-gray-50/70 shadow-md",
73
+ position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
74
+ className
75
+ ),
76
+ position,
77
+ ...props,
78
+ children: /* @__PURE__ */ jsxRuntime.jsx(
79
+ SelectPrimitive__namespace.Viewport,
80
+ {
81
+ className: cn(
82
+ "p-1",
83
+ position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
84
+ ),
85
+ children
86
+ }
87
+ )
88
+ }
89
+ ) }), "SelectContent");
90
+ SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
91
+ var SelectLabel = /* @__PURE__ */ __name(({
92
+ className,
93
+ ...props
94
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
95
+ SelectPrimitive__namespace.Label,
96
+ {
97
+ className: cn("px-2 py-1.5 text-sm font-semibold", className),
98
+ ...props
99
+ }
100
+ ), "SelectLabel");
101
+ SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
102
+ var SelectItem = /* @__PURE__ */ __name(({
103
+ className,
104
+ children,
105
+ ...props
106
+ }) => /* @__PURE__ */ jsxRuntime.jsxs(
107
+ SelectPrimitive__namespace.Item,
108
+ {
109
+ className: cn(
110
+ "focus:bg-bg-secondary focus:text-text-default relative flex w-full cursor-default items-center rounded-xs py-2 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
111
+ className
112
+ ),
113
+ ...props,
114
+ children: [
115
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, { className: "h-4 w-4" }) }) }),
116
+ /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
117
+ ]
118
+ }
119
+ ), "SelectItem");
120
+ SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
121
+ var SelectSeparator = /* @__PURE__ */ __name(({
122
+ className,
123
+ ...props
124
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
125
+ SelectPrimitive__namespace.Separator,
126
+ {
127
+ className: cn("bg-muted -mx-1 my-1 h-px", className),
128
+ ...props
129
+ }
130
+ ), "SelectSeparator");
131
+ SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
132
+
133
+ exports.Select = Select;
134
+ exports.SelectContent = SelectContent;
135
+ exports.SelectGroup = SelectGroup;
136
+ exports.SelectItem = SelectItem;
137
+ exports.SelectLabel = SelectLabel;
138
+ exports.SelectSeparator = SelectSeparator;
139
+ exports.SelectTrigger = SelectTrigger;
140
+ exports.SelectValue = SelectValue;
@@ -0,0 +1,111 @@
1
+ "use client";
2
+ import { CheckIcon } from '@radix-ui/react-icons';
3
+ import * as SelectPrimitive from '@radix-ui/react-select';
4
+ import { ChevronDown } from 'lucide-react';
5
+ import { clsx } from 'clsx';
6
+ import { twMerge } from 'tailwind-merge';
7
+ import { jsxs, jsx } from '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 twMerge(clsx(inputs));
13
+ }
14
+ __name(cn, "cn");
15
+ var Select = SelectPrimitive.Root;
16
+ var SelectGroup = SelectPrimitive.Group;
17
+ var SelectValue = SelectPrimitive.Value;
18
+ var SelectTrigger = /* @__PURE__ */ __name(({
19
+ className,
20
+ children,
21
+ ...props
22
+ }) => /* @__PURE__ */ jsxs(
23
+ SelectPrimitive.Trigger,
24
+ {
25
+ className: cn(
26
+ "h-input border-divider bg-bg-secondary relative flex w-full items-center justify-between rounded-md border px-4 py-2 text-sm shadow-xs",
27
+ "focus:ring-border-input-focus placeholder:text-text-secondary focus:ring-1 focus:outline-hidden focus:ring-inset disabled:cursor-not-allowed disabled:opacity-50",
28
+ "peer/select [&[data-placeholder]>svg]:mt-0",
29
+ "pt-6 data-[placeholder]:pt-2",
30
+ "aria-expanded:ring-border-input-focus aria-expanded:ring-1 aria-expanded:ring-inset",
31
+ className
32
+ ),
33
+ ...props,
34
+ children: [
35
+ children,
36
+ /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "absolute top-[23px] right-3 h-4 w-4 opacity-50" }) })
37
+ ]
38
+ }
39
+ ), "SelectTrigger");
40
+ SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
41
+ var SelectContent = /* @__PURE__ */ __name(({
42
+ className,
43
+ children,
44
+ position = "popper",
45
+ ...props
46
+ }) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
47
+ SelectPrimitive.Content,
48
+ {
49
+ className: cn(
50
+ "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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-divider bg-bg-dark relative z-50 min-w-[8rem] overflow-hidden rounded-md border text-gray-50/70 shadow-md",
51
+ position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
52
+ className
53
+ ),
54
+ position,
55
+ ...props,
56
+ children: /* @__PURE__ */ jsx(
57
+ SelectPrimitive.Viewport,
58
+ {
59
+ className: cn(
60
+ "p-1",
61
+ position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
62
+ ),
63
+ children
64
+ }
65
+ )
66
+ }
67
+ ) }), "SelectContent");
68
+ SelectContent.displayName = SelectPrimitive.Content.displayName;
69
+ var SelectLabel = /* @__PURE__ */ __name(({
70
+ className,
71
+ ...props
72
+ }) => /* @__PURE__ */ jsx(
73
+ SelectPrimitive.Label,
74
+ {
75
+ className: cn("px-2 py-1.5 text-sm font-semibold", className),
76
+ ...props
77
+ }
78
+ ), "SelectLabel");
79
+ SelectLabel.displayName = SelectPrimitive.Label.displayName;
80
+ var SelectItem = /* @__PURE__ */ __name(({
81
+ className,
82
+ children,
83
+ ...props
84
+ }) => /* @__PURE__ */ jsxs(
85
+ SelectPrimitive.Item,
86
+ {
87
+ className: cn(
88
+ "focus:bg-bg-secondary focus:text-text-default relative flex w-full cursor-default items-center rounded-xs py-2 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
89
+ className
90
+ ),
91
+ ...props,
92
+ children: [
93
+ /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) }) }),
94
+ /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
95
+ ]
96
+ }
97
+ ), "SelectItem");
98
+ SelectItem.displayName = SelectPrimitive.Item.displayName;
99
+ var SelectSeparator = /* @__PURE__ */ __name(({
100
+ className,
101
+ ...props
102
+ }) => /* @__PURE__ */ jsx(
103
+ SelectPrimitive.Separator,
104
+ {
105
+ className: cn("bg-muted -mx-1 my-1 h-px", className),
106
+ ...props
107
+ }
108
+ ), "SelectSeparator");
109
+ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
110
+
111
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
@@ -0,0 +1,59 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var SeparatorPrimitive = require('@radix-ui/react-separator');
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 SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
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 Separator = /* @__PURE__ */ __name(({
38
+ className,
39
+ orientation = "horizontal",
40
+ decorative = true,
41
+ ...props
42
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
43
+ SeparatorPrimitive__namespace.Root,
44
+ {
45
+ className: cn(
46
+ "bg-divider shrink-0",
47
+ orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
48
+ className
49
+ ),
50
+ decorative,
51
+ orientation,
52
+ ...props
53
+ }
54
+ ), "Separator");
55
+ Separator.displayName = SeparatorPrimitive__namespace.Root.displayName;
56
+ var separator_default = Separator;
57
+
58
+ exports.Separator = Separator;
59
+ exports.default = separator_default;
@@ -0,0 +1,34 @@
1
+ "use client";
2
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
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 Separator = /* @__PURE__ */ __name(({
14
+ className,
15
+ orientation = "horizontal",
16
+ decorative = true,
17
+ ...props
18
+ }) => /* @__PURE__ */ jsx(
19
+ SeparatorPrimitive.Root,
20
+ {
21
+ className: cn(
22
+ "bg-divider shrink-0",
23
+ orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
24
+ className
25
+ ),
26
+ decorative,
27
+ orientation,
28
+ ...props
29
+ }
30
+ ), "Separator");
31
+ Separator.displayName = SeparatorPrimitive.Root.displayName;
32
+ var separator_default = Separator;
33
+
34
+ export { Separator, separator_default as default };