@hanzo/ui 5.3.35 → 5.3.36
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.
- package/bin/create-registry.js +0 -0
- package/bin/npx-registry-mcp.js +0 -0
- package/bin/registry-mcp-wrapper.sh +0 -0
- package/bin/registry-mcp.js +0 -0
- package/bin/start-mcp-server.sh +0 -0
- package/bin/test-mcp.sh +0 -0
- package/dist/3d/button.js +1 -297
- package/dist/3d/button.mjs +1 -272
- package/dist/3d/card.js +1 -233
- package/dist/3d/card.mjs +1 -206
- package/dist/3d/carousel.js +1 -370
- package/dist/3d/carousel.mjs +1 -343
- package/dist/3d/grid.js +1 -361
- package/dist/3d/grid.mjs +1 -336
- package/dist/3d/index.js +1 -1517
- package/dist/3d/index.mjs +1 -1471
- package/dist/3d/marquee.js +1 -351
- package/dist/3d/marquee.mjs +1 -326
- package/dist/3d/pin.js +1 -45
- package/dist/3d/pin.mjs +1 -23
- package/dist/accordion.js +1 -79
- package/dist/accordion.mjs +1 -54
- package/dist/alert-dialog.js +1 -224
- package/dist/alert-dialog.mjs +1 -191
- package/dist/alert.js +1 -97
- package/dist/alert.mjs +1 -91
- package/dist/animation/animated-background.js +1 -423
- package/dist/animation/animated-background.mjs +1 -417
- package/dist/animation/animated-beam.js +1 -118
- package/dist/animation/animated-beam.mjs +1 -96
- package/dist/animation/animated-cursor.js +1 -274
- package/dist/animation/animated-cursor.mjs +1 -269
- package/dist/animation/animated-icon.js +2 -356
- package/dist/animation/animated-icon.mjs +2 -350
- package/dist/animation/animated-list.js +1 -338
- package/dist/animation/animated-list.mjs +1 -332
- package/dist/animation/animated-number.js +1 -282
- package/dist/animation/animated-number.mjs +1 -276
- package/dist/animation/animated-testimonials.js +1 -96
- package/dist/animation/animated-testimonials.mjs +1 -74
- package/dist/animation/animated-tooltip.js +1 -66
- package/dist/animation/animated-tooltip.mjs +1 -44
- package/dist/animation/apple-cards-carousel.js +1 -307
- package/dist/animation/apple-cards-carousel.mjs +1 -284
- package/dist/animation/apple-hello-effect.js +1 -59
- package/dist/animation/apple-hello-effect.mjs +1 -37
- package/dist/animation/index.js +2 -1951
- package/dist/animation/index.mjs +2 -1920
- package/dist/avatar.js +1 -70
- package/dist/avatar.mjs +1 -46
- package/dist/badge.js +1 -60
- package/dist/badge.mjs +1 -54
- package/dist/blocks/index.js +2 -1684
- package/dist/blocks/index.mjs +2 -1645
- package/dist/breadcrumb.js +1 -106
- package/dist/breadcrumb.mjs +1 -98
- package/dist/calendar-ext/index.js +1 -207
- package/dist/calendar-ext/index.mjs +1 -169
- package/dist/calendar.js +1 -193
- package/dist/calendar.mjs +1 -168
- package/dist/carousel.js +1 -282
- package/dist/carousel.mjs +1 -253
- package/dist/charts/index.js +6 -5840
- package/dist/charts/index.mjs +6 -5749
- package/dist/checkbox.js +1 -59
- package/dist/checkbox.mjs +1 -34
- package/dist/code/block.js +2 -225
- package/dist/code/block.mjs +2 -202
- package/dist/code/compare.js +5 -444
- package/dist/code/compare.mjs +5 -421
- package/dist/code/diff.js +12 -429
- package/dist/code/diff.mjs +11 -405
- package/dist/code/editor.js +1 -242
- package/dist/code/editor.mjs +1 -217
- package/dist/code/explorer.js +1 -290
- package/dist/code/explorer.mjs +1 -267
- package/dist/code/index.js +26 -2514
- package/dist/code/index.mjs +24 -2471
- package/dist/code/preview.js +6 -363
- package/dist/code/preview.mjs +6 -340
- package/dist/code/snippet.js +2 -273
- package/dist/code/snippet.mjs +2 -249
- package/dist/code/tabs.js +1 -74
- package/dist/code/tabs.mjs +1 -52
- package/dist/code/terminal.js +3 -436
- package/dist/code/terminal.mjs +3 -413
- package/dist/collapsible.js +1 -32
- package/dist/collapsible.mjs +1 -8
- package/dist/command.js +1 -282
- package/dist/command.mjs +1 -251
- package/dist/context-menu.js +1 -206
- package/dist/context-menu.mjs +1 -170
- package/dist/desktop/hooks.js +1 -223
- package/dist/desktop/hooks.mjs +1 -198
- package/dist/desktop/index.js +1 -685
- package/dist/desktop/index.mjs +1 -657
- package/dist/desktop/spotlight.js +1 -260
- package/dist/desktop/spotlight.mjs +1 -235
- package/dist/desktop/window.js +1 -273
- package/dist/desktop/window.mjs +1 -247
- package/dist/device/index.js +1 -2
- package/dist/device/index.mjs +0 -1
- package/dist/dialog.js +1 -245
- package/dist/dialog.mjs +1 -213
- package/dist/dock/basic.js +1 -173
- package/dist/dock/basic.mjs +1 -150
- package/dist/dock/index.js +1 -647
- package/dist/dock/index.mjs +1 -620
- package/dist/dock/limelight-nav.js +1 -314
- package/dist/dock/limelight-nav.mjs +1 -293
- package/dist/dock/macos.js +1 -140
- package/dist/dock/macos.mjs +1 -117
- package/dist/dock/menu.js +1 -69
- package/dist/dock/menu.mjs +1 -47
- package/dist/dock/message.js +1 -148
- package/dist/dock/message.mjs +1 -126
- package/dist/drawer.js +1 -114
- package/dist/drawer.mjs +1 -102
- package/dist/dropdown-menu.js +1 -201
- package/dist/dropdown-menu.mjs +1 -165
- package/dist/finance/AdvancedChart.js +2 -47
- package/dist/finance/AdvancedChart.mjs +2 -45
- package/dist/finance/CompanyProfile.js +2 -47
- package/dist/finance/CompanyProfile.mjs +2 -45
- package/dist/finance/CryptoScreener.js +2 -44
- package/dist/finance/CryptoScreener.mjs +2 -42
- package/dist/finance/Financials.js +2 -51
- package/dist/finance/Financials.mjs +2 -49
- package/dist/finance/ForexScreener.js +2 -45
- package/dist/finance/ForexScreener.mjs +2 -43
- package/dist/finance/MarketOverview.js +2 -103
- package/dist/finance/MarketOverview.mjs +2 -101
- package/dist/finance/NewsTimeline.js +2 -43
- package/dist/finance/NewsTimeline.mjs +2 -41
- package/dist/finance/OrderEntry.js +1 -130
- package/dist/finance/OrderEntry.mjs +1 -128
- package/dist/finance/OrdersHistory.js +1 -63
- package/dist/finance/OrdersHistory.mjs +1 -61
- package/dist/finance/PositionsList.js +1 -79
- package/dist/finance/PositionsList.mjs +1 -77
- package/dist/finance/StockScreener.js +2 -45
- package/dist/finance/StockScreener.mjs +2 -43
- package/dist/finance/SymbolInfo.js +2 -45
- package/dist/finance/SymbolInfo.mjs +2 -43
- package/dist/finance/TechnicalAnalysis.js +2 -53
- package/dist/finance/TechnicalAnalysis.mjs +2 -51
- package/dist/finance/TickerTape.js +2 -55
- package/dist/finance/TickerTape.mjs +2 -53
- package/dist/finance/TradingPanel.js +1 -190
- package/dist/finance/TradingPanel.mjs +1 -188
- package/dist/finance/index.js +2 -929
- package/dist/finance/index.mjs +2 -913
- package/dist/form/index.js +1 -153
- package/dist/form/index.mjs +1 -123
- package/dist/form.js +1 -171
- package/dist/form.mjs +1 -141
- package/dist/hover-card.js +1 -57
- package/dist/hover-card.mjs +1 -33
- package/dist/index.js +192 -9618
- package/dist/index.mjs +192 -9202
- package/dist/input-otp.js +1 -78
- package/dist/input-otp.mjs +1 -53
- package/dist/kanban/index.js +1 -593
- package/dist/kanban/index.mjs +1 -571
- package/dist/lib/utils.js +1 -28
- package/dist/lib/utils.mjs +1 -24
- package/dist/mermaid/index.js +1 -280
- package/dist/mermaid/index.mjs +1 -253
- package/dist/navigation/index.js +1 -97
- package/dist/navigation/index.mjs +1 -78
- package/dist/navigation-menu.js +1 -148
- package/dist/navigation-menu.mjs +1 -115
- package/dist/pattern/grid-pattern.js +3 -325
- package/dist/pattern/grid-pattern.mjs +3 -302
- package/dist/pattern/index.js +3 -325
- package/dist/pattern/index.mjs +3 -302
- package/dist/popover.js +1 -62
- package/dist/popover.mjs +1 -36
- package/dist/progress.js +1 -61
- package/dist/progress.mjs +1 -36
- package/dist/project/gantt.js +1 -64
- package/dist/project/gantt.mjs +1 -42
- package/dist/project/index.js +1 -635
- package/dist/project/index.mjs +1 -610
- package/dist/project/kanban.js +1 -596
- package/dist/project/kanban.mjs +1 -571
- package/dist/project/list.js +1 -34
- package/dist/project/list.mjs +1 -11
- package/dist/radio-group.js +1 -67
- package/dist/radio-group.mjs +1 -44
- package/dist/resizable.js +1 -71
- package/dist/resizable.mjs +1 -47
- package/dist/scroll-area.js +1 -88
- package/dist/scroll-area.mjs +1 -65
- package/dist/select.js +1 -139
- package/dist/select.mjs +1 -110
- package/dist/separator.js +1 -58
- package/dist/separator.mjs +1 -33
- package/dist/sheet.js +1 -147
- package/dist/sheet.mjs +1 -116
- package/dist/skeleton.js +1 -31
- package/dist/skeleton.mjs +1 -26
- package/dist/slider.js +1 -98
- package/dist/slider.mjs +1 -72
- package/dist/sonner.js +1 -33
- package/dist/sonner.mjs +1 -28
- package/dist/spline/index.js +1 -210
- package/dist/spline/index.mjs +1 -201
- package/dist/spline/media-stack.js +1 -192
- package/dist/spline/media-stack.mjs +1 -184
- package/dist/spline/player.js +1 -36
- package/dist/spline/player.mjs +1 -30
- package/dist/switch.js +1 -61
- package/dist/switch.mjs +1 -36
- package/dist/table.js +1 -109
- package/dist/table.mjs +1 -100
- package/dist/tabs.js +1 -127
- package/dist/tabs.mjs +1 -101
- package/dist/tailwind/index.mjs +1 -2011
- package/dist/textarea.js +1 -77
- package/dist/textarea.mjs +1 -55
- package/dist/toggle-group.js +1 -117
- package/dist/toggle-group.mjs +1 -92
- package/dist/toggle.js +1 -70
- package/dist/toggle.mjs +1 -47
- package/dist/tooltip.js +1 -66
- package/dist/tooltip.mjs +1 -39
- package/dist/types/index.mjs +1 -51
- package/dist/ui/announcement.js +1 -133
- package/dist/ui/announcement.mjs +1 -111
- package/dist/ui/avatar-group.js +1 -87
- package/dist/ui/avatar-group.mjs +1 -64
- package/dist/ui/banner.js +1 -84
- package/dist/ui/banner.mjs +1 -61
- package/dist/ui/cursor.js +1 -77
- package/dist/ui/cursor.mjs +1 -55
- package/dist/ui/index.js +1 -494
- package/dist/ui/index.mjs +1 -461
- package/dist/ui/marquee.js +1 -73
- package/dist/ui/marquee.mjs +1 -51
- package/dist/ui/pill.js +1 -84
- package/dist/ui/pill.mjs +1 -61
- package/dist/ui/spinner.js +1 -27
- package/dist/ui/spinner.mjs +1 -25
- package/dist/ui/tags.js +1 -116
- package/dist/ui/tags.mjs +1 -94
- package/dist/ui/ticker.js +1 -72
- package/dist/ui/ticker.mjs +1 -50
- package/dist/util/index.mjs +1 -404
- package/package.json +28 -27
- package/dist/primitives/index.js +0 -9619
- package/dist/primitives/index.mjs +0 -9203
- package/dist/primitives-export.js +0 -9619
- package/dist/primitives-export.mjs +0 -9203
package/dist/table.mjs
CHANGED
|
@@ -1,101 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { twMerge } from 'tailwind-merge';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var __defProp = Object.defineProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
|
-
function cn(...inputs) {
|
|
9
|
-
return twMerge(clsx(inputs));
|
|
10
|
-
}
|
|
11
|
-
__name(cn, "cn");
|
|
12
|
-
var Table = /* @__PURE__ */ __name(({
|
|
13
|
-
className,
|
|
14
|
-
...props
|
|
15
|
-
}) => /* @__PURE__ */ jsx(
|
|
16
|
-
"table",
|
|
17
|
-
{
|
|
18
|
-
className: cn("w-full caption-bottom text-sm", className),
|
|
19
|
-
...props
|
|
20
|
-
}
|
|
21
|
-
), "Table");
|
|
22
|
-
Table.displayName = "Table";
|
|
23
|
-
var TableHeader = /* @__PURE__ */ __name(({
|
|
24
|
-
className,
|
|
25
|
-
...props
|
|
26
|
-
}) => /* @__PURE__ */ jsx(
|
|
27
|
-
"thead",
|
|
28
|
-
{
|
|
29
|
-
className: cn("[&_tr]:border-0 [&_tr]:border-b", className),
|
|
30
|
-
...props
|
|
31
|
-
}
|
|
32
|
-
), "TableHeader");
|
|
33
|
-
TableHeader.displayName = "TableHeader";
|
|
34
|
-
var TableBody = /* @__PURE__ */ __name(({
|
|
35
|
-
className,
|
|
36
|
-
...props
|
|
37
|
-
}) => /* @__PURE__ */ jsx("tbody", { className: cn("[&_tr]:border-0", className), ...props }), "TableBody");
|
|
38
|
-
TableBody.displayName = "TableBody";
|
|
39
|
-
var TableFooter = /* @__PURE__ */ __name(({
|
|
40
|
-
className,
|
|
41
|
-
...props
|
|
42
|
-
}) => /* @__PURE__ */ jsx(
|
|
43
|
-
"tfoot",
|
|
44
|
-
{
|
|
45
|
-
className: cn("border-t font-medium [&>tr]:last:border-b-0", className),
|
|
46
|
-
...props
|
|
47
|
-
}
|
|
48
|
-
), "TableFooter");
|
|
49
|
-
TableFooter.displayName = "TableFooter";
|
|
50
|
-
var TableRow = /* @__PURE__ */ __name(({
|
|
51
|
-
className,
|
|
52
|
-
...props
|
|
53
|
-
}) => /* @__PURE__ */ jsx(
|
|
54
|
-
"tr",
|
|
55
|
-
{
|
|
56
|
-
className: cn(
|
|
57
|
-
"data-[state=selected]:bg-muted transition-colors hover:bg-gray-300/50",
|
|
58
|
-
className
|
|
59
|
-
),
|
|
60
|
-
...props
|
|
61
|
-
}
|
|
62
|
-
), "TableRow");
|
|
63
|
-
TableRow.displayName = "TableRow";
|
|
64
|
-
var TableHead = /* @__PURE__ */ __name(({
|
|
65
|
-
className,
|
|
66
|
-
...props
|
|
67
|
-
}) => /* @__PURE__ */ jsx(
|
|
68
|
-
"th",
|
|
69
|
-
{
|
|
70
|
-
className: cn(
|
|
71
|
-
"text-text-secondary h-12 px-4 text-left align-middle font-medium uppercase [&:has([role=checkbox])]:pr-0",
|
|
72
|
-
className
|
|
73
|
-
),
|
|
74
|
-
...props
|
|
75
|
-
}
|
|
76
|
-
), "TableHead");
|
|
77
|
-
TableHead.displayName = "TableHead";
|
|
78
|
-
var TableCell = /* @__PURE__ */ __name(({
|
|
79
|
-
className,
|
|
80
|
-
...props
|
|
81
|
-
}) => /* @__PURE__ */ jsx(
|
|
82
|
-
"td",
|
|
83
|
-
{
|
|
84
|
-
className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
|
|
85
|
-
...props
|
|
86
|
-
}
|
|
87
|
-
), "TableCell");
|
|
88
|
-
TableCell.displayName = "TableCell";
|
|
89
|
-
var TableCaption = /* @__PURE__ */ __name(({
|
|
90
|
-
className,
|
|
91
|
-
...props
|
|
92
|
-
}) => /* @__PURE__ */ jsx(
|
|
93
|
-
"caption",
|
|
94
|
-
{
|
|
95
|
-
className: cn("text-text-secondary mt-4 text-sm", className),
|
|
96
|
-
...props
|
|
97
|
-
}
|
|
98
|
-
), "TableCaption");
|
|
99
|
-
TableCaption.displayName = "TableCaption";
|
|
100
|
-
|
|
101
|
-
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
|
|
2
|
+
import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var r=Object.defineProperty;var a=(e,t)=>r(e,"name",{value:t,configurable:true});function l(...e){return twMerge(clsx(e))}a(l,"cn");var c=a(({className:e,...t})=>jsx("table",{className:l("w-full caption-bottom text-sm",e),...t}),"Table");c.displayName="Table";var b=a(({className:e,...t})=>jsx("thead",{className:l("[&_tr]:border-0 [&_tr]:border-b",e),...t}),"TableHeader");b.displayName="TableHeader";var m=a(({className:e,...t})=>jsx("tbody",{className:l("[&_tr]:border-0",e),...t}),"TableBody");m.displayName="TableBody";var i=a(({className:e,...t})=>jsx("tfoot",{className:l("border-t font-medium [&>tr]:last:border-b-0",e),...t}),"TableFooter");i.displayName="TableFooter";var T=a(({className:e,...t})=>jsx("tr",{className:l("data-[state=selected]:bg-muted transition-colors hover:bg-gray-300/50",e),...t}),"TableRow");T.displayName="TableRow";var d=a(({className:e,...t})=>jsx("th",{className:l("text-text-secondary h-12 px-4 text-left align-middle font-medium uppercase [&:has([role=checkbox])]:pr-0",e),...t}),"TableHead");d.displayName="TableHead";var p=a(({className:e,...t})=>jsx("td",{className:l("p-4 align-middle [&:has([role=checkbox])]:pr-0",e),...t}),"TableCell");p.displayName="TableCell";var u=a(({className:e,...t})=>jsx("caption",{className:l("text-text-secondary mt-4 text-sm",e),...t}),"TableCaption");u.displayName="TableCaption";export{c as Table,m as TableBody,u as TableCaption,p as TableCell,i as TableFooter,d as TableHead,b as TableHeader,T as TableRow};
|
package/dist/tabs.js
CHANGED
|
@@ -1,128 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var TabsPrimitive = require('@radix-ui/react-tabs');
|
|
5
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
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 TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
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
|
-
function Tabs({
|
|
37
|
-
className,
|
|
38
|
-
orientation = "horizontal",
|
|
39
|
-
...props
|
|
40
|
-
}) {
|
|
41
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
42
|
-
TabsPrimitive__namespace.Root,
|
|
43
|
-
{
|
|
44
|
-
"data-slot": "tabs",
|
|
45
|
-
"data-orientation": orientation,
|
|
46
|
-
orientation,
|
|
47
|
-
className: cn(
|
|
48
|
-
"group/tabs flex data-[orientation=horizontal]:flex-col",
|
|
49
|
-
className
|
|
50
|
-
),
|
|
51
|
-
...props
|
|
52
|
-
}
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
__name(Tabs, "Tabs");
|
|
56
|
-
var tabsListVariants = classVarianceAuthority.cva(
|
|
57
|
-
"group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
|
|
58
|
-
{
|
|
59
|
-
variants: {
|
|
60
|
-
variant: {
|
|
61
|
-
default: "bg-muted rounded-lg p-1",
|
|
62
|
-
line: "gap-1 bg-transparent"
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
defaultVariants: {
|
|
66
|
-
variant: "default"
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
);
|
|
70
|
-
function TabsList({
|
|
71
|
-
className,
|
|
72
|
-
variant = "default",
|
|
73
|
-
...props
|
|
74
|
-
}) {
|
|
75
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
76
|
-
TabsPrimitive__namespace.List,
|
|
77
|
-
{
|
|
78
|
-
"data-slot": "tabs-list",
|
|
79
|
-
"data-variant": variant,
|
|
80
|
-
className: cn(tabsListVariants({ variant }), className),
|
|
81
|
-
...props
|
|
82
|
-
}
|
|
83
|
-
);
|
|
84
|
-
}
|
|
85
|
-
__name(TabsList, "TabsList");
|
|
86
|
-
function TabsTrigger({
|
|
87
|
-
className,
|
|
88
|
-
...props
|
|
89
|
-
}) {
|
|
90
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
91
|
-
TabsPrimitive__namespace.Trigger,
|
|
92
|
-
{
|
|
93
|
-
"data-slot": "tabs-trigger",
|
|
94
|
-
className: cn(
|
|
95
|
-
"focus-visible:border-ring focus-visible:ring-ring/50 text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
96
|
-
// Default variant styles
|
|
97
|
-
"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
|
|
98
|
-
// Active state
|
|
99
|
-
"data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground data-[state=active]:shadow-sm",
|
|
100
|
-
// Line variant indicator
|
|
101
|
-
"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
|
|
102
|
-
className
|
|
103
|
-
),
|
|
104
|
-
...props
|
|
105
|
-
}
|
|
106
|
-
);
|
|
107
|
-
}
|
|
108
|
-
__name(TabsTrigger, "TabsTrigger");
|
|
109
|
-
function TabsContent({
|
|
110
|
-
className,
|
|
111
|
-
...props
|
|
112
|
-
}) {
|
|
113
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
114
|
-
TabsPrimitive__namespace.Content,
|
|
115
|
-
{
|
|
116
|
-
"data-slot": "tabs-content",
|
|
117
|
-
className: cn("flex-1 outline-none mt-2", className),
|
|
118
|
-
...props
|
|
119
|
-
}
|
|
120
|
-
);
|
|
121
|
-
}
|
|
122
|
-
__name(TabsContent, "TabsContent");
|
|
123
|
-
|
|
124
|
-
exports.Tabs = Tabs;
|
|
125
|
-
exports.TabsContent = TabsContent;
|
|
126
|
-
exports.TabsList = TabsList;
|
|
127
|
-
exports.TabsTrigger = TabsTrigger;
|
|
128
|
-
exports.tabsListVariants = tabsListVariants;
|
|
2
|
+
'use strict';var e=require('@radix-ui/react-tabs'),classVarianceAuthority=require('class-variance-authority'),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 s=Object.defineProperty;var r=(t,a)=>s(t,"name",{value:a,configurable:true});function i(...t){return tailwindMerge.twMerge(clsx.clsx(t))}r(i,"cn");function y({className:t,orientation:a="horizontal",...n}){return jsxRuntime.jsx(e__namespace.Root,{"data-slot":"tabs","data-orientation":a,orientation:a,className:i("group/tabs flex data-[orientation=horizontal]:flex-col",t),...n})}r(y,"Tabs");var p=classVarianceAuthority.cva("group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted rounded-lg p-1",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function P({className:t,variant:a="default",...n}){return jsxRuntime.jsx(e__namespace.List,{"data-slot":"tabs-list","data-variant":a,className:i(p({variant:a}),t),...n})}r(P,"TabsList");function T({className:t,...a}){return jsxRuntime.jsx(e__namespace.Trigger,{"data-slot":"tabs-trigger",className:i("focus-visible:border-ring focus-visible:ring-ring/50 text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground data-[state=active]:shadow-sm","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",t),...a})}r(T,"TabsTrigger");function h({className:t,...a}){return jsxRuntime.jsx(e__namespace.Content,{"data-slot":"tabs-content",className:i("flex-1 outline-none mt-2",t),...a})}r(h,"TabsContent");exports.Tabs=y;exports.TabsContent=h;exports.TabsList=P;exports.TabsTrigger=T;exports.tabsListVariants=p;
|
package/dist/tabs.mjs
CHANGED
|
@@ -1,102 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import { cva } from 'class-variance-authority';
|
|
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
|
-
function Tabs({
|
|
15
|
-
className,
|
|
16
|
-
orientation = "horizontal",
|
|
17
|
-
...props
|
|
18
|
-
}) {
|
|
19
|
-
return /* @__PURE__ */ jsx(
|
|
20
|
-
TabsPrimitive.Root,
|
|
21
|
-
{
|
|
22
|
-
"data-slot": "tabs",
|
|
23
|
-
"data-orientation": orientation,
|
|
24
|
-
orientation,
|
|
25
|
-
className: cn(
|
|
26
|
-
"group/tabs flex data-[orientation=horizontal]:flex-col",
|
|
27
|
-
className
|
|
28
|
-
),
|
|
29
|
-
...props
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
__name(Tabs, "Tabs");
|
|
34
|
-
var tabsListVariants = cva(
|
|
35
|
-
"group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
|
|
36
|
-
{
|
|
37
|
-
variants: {
|
|
38
|
-
variant: {
|
|
39
|
-
default: "bg-muted rounded-lg p-1",
|
|
40
|
-
line: "gap-1 bg-transparent"
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
defaultVariants: {
|
|
44
|
-
variant: "default"
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
);
|
|
48
|
-
function TabsList({
|
|
49
|
-
className,
|
|
50
|
-
variant = "default",
|
|
51
|
-
...props
|
|
52
|
-
}) {
|
|
53
|
-
return /* @__PURE__ */ jsx(
|
|
54
|
-
TabsPrimitive.List,
|
|
55
|
-
{
|
|
56
|
-
"data-slot": "tabs-list",
|
|
57
|
-
"data-variant": variant,
|
|
58
|
-
className: cn(tabsListVariants({ variant }), className),
|
|
59
|
-
...props
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
}
|
|
63
|
-
__name(TabsList, "TabsList");
|
|
64
|
-
function TabsTrigger({
|
|
65
|
-
className,
|
|
66
|
-
...props
|
|
67
|
-
}) {
|
|
68
|
-
return /* @__PURE__ */ jsx(
|
|
69
|
-
TabsPrimitive.Trigger,
|
|
70
|
-
{
|
|
71
|
-
"data-slot": "tabs-trigger",
|
|
72
|
-
className: cn(
|
|
73
|
-
"focus-visible:border-ring focus-visible:ring-ring/50 text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
74
|
-
// Default variant styles
|
|
75
|
-
"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
|
|
76
|
-
// Active state
|
|
77
|
-
"data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground data-[state=active]:shadow-sm",
|
|
78
|
-
// Line variant indicator
|
|
79
|
-
"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
|
|
80
|
-
className
|
|
81
|
-
),
|
|
82
|
-
...props
|
|
83
|
-
}
|
|
84
|
-
);
|
|
85
|
-
}
|
|
86
|
-
__name(TabsTrigger, "TabsTrigger");
|
|
87
|
-
function TabsContent({
|
|
88
|
-
className,
|
|
89
|
-
...props
|
|
90
|
-
}) {
|
|
91
|
-
return /* @__PURE__ */ jsx(
|
|
92
|
-
TabsPrimitive.Content,
|
|
93
|
-
{
|
|
94
|
-
"data-slot": "tabs-content",
|
|
95
|
-
className: cn("flex-1 outline-none mt-2", className),
|
|
96
|
-
...props
|
|
97
|
-
}
|
|
98
|
-
);
|
|
99
|
-
}
|
|
100
|
-
__name(TabsContent, "TabsContent");
|
|
101
|
-
|
|
102
|
-
export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
|
|
2
|
+
import*as e from'@radix-ui/react-tabs';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=(t,a)=>s(t,"name",{value:a,configurable:true});function i(...t){return twMerge(clsx(t))}r(i,"cn");function y({className:t,orientation:a="horizontal",...n}){return jsx(e.Root,{"data-slot":"tabs","data-orientation":a,orientation:a,className:i("group/tabs flex data-[orientation=horizontal]:flex-col",t),...n})}r(y,"Tabs");var p=cva("group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted rounded-lg p-1",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function P({className:t,variant:a="default",...n}){return jsx(e.List,{"data-slot":"tabs-list","data-variant":a,className:i(p({variant:a}),t),...n})}r(P,"TabsList");function T({className:t,...a}){return jsx(e.Trigger,{"data-slot":"tabs-trigger",className:i("focus-visible:border-ring focus-visible:ring-ring/50 text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground data-[state=active]:shadow-sm","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",t),...a})}r(T,"TabsTrigger");function h({className:t,...a}){return jsx(e.Content,{"data-slot":"tabs-content",className:i("flex-1 outline-none mt-2",t),...a})}r(h,"TabsContent");export{y as Tabs,h as TabsContent,P as TabsList,T as TabsTrigger,p as tabsListVariants};
|