@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/ui/pill.js
CHANGED
|
@@ -1,85 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
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 React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
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 pillVariants = classVarianceAuthority.cva(
|
|
38
|
-
"inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-sm font-medium transition-colors",
|
|
39
|
-
{
|
|
40
|
-
variants: {
|
|
41
|
-
variant: {
|
|
42
|
-
default: "bg-primary/10 text-primary hover:bg-primary/20",
|
|
43
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
44
|
-
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
45
|
-
success: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
|
|
46
|
-
warning: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
|
|
47
|
-
error: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
defaultVariants: {
|
|
51
|
-
variant: "default"
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
);
|
|
55
|
-
var Pill = React__namespace.forwardRef(
|
|
56
|
-
({ className, variant, onRemove, children, ...props }, ref) => {
|
|
57
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
58
|
-
"span",
|
|
59
|
-
{
|
|
60
|
-
ref,
|
|
61
|
-
className: cn(pillVariants({ variant }), className),
|
|
62
|
-
...props,
|
|
63
|
-
children: [
|
|
64
|
-
children,
|
|
65
|
-
onRemove && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
66
|
-
"button",
|
|
67
|
-
{
|
|
68
|
-
type: "button",
|
|
69
|
-
onClick: onRemove,
|
|
70
|
-
className: "ml-0.5 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",
|
|
71
|
-
children: [
|
|
72
|
-
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" }),
|
|
73
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Remove" })
|
|
74
|
-
]
|
|
75
|
-
}
|
|
76
|
-
)
|
|
77
|
-
]
|
|
78
|
-
}
|
|
79
|
-
);
|
|
80
|
-
}
|
|
81
|
-
);
|
|
82
|
-
Pill.displayName = "Pill";
|
|
83
|
-
|
|
84
|
-
exports.Pill = Pill;
|
|
85
|
-
exports.pillVariants = pillVariants;
|
|
2
|
+
'use strict';var s=require('react'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),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 s__namespace=/*#__PURE__*/_interopNamespace(s);var d=Object.defineProperty;var a=(e,r)=>d(e,"name",{value:r,configurable:true});function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}a(n,"cn");var f=classVarianceAuthority.cva("inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-sm font-medium transition-colors",{variants:{variant:{default:"bg-primary/10 text-primary hover:bg-primary/20",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",success:"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",warning:"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",error:"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"}},defaultVariants:{variant:"default"}}),y=s__namespace.forwardRef(({className:e,variant:r,onRemove:t,children:i,...p},c)=>jsxRuntime.jsxs("span",{ref:c,className:n(f({variant:r}),e),...p,children:[i,t&&jsxRuntime.jsxs("button",{type:"button",onClick:t,className:"ml-0.5 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",children:[jsxRuntime.jsx(lucideReact.X,{className:"h-3 w-3"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Remove"})]})]}));y.displayName="Pill";exports.Pill=y;exports.pillVariants=f;
|
package/dist/ui/pill.mjs
CHANGED
|
@@ -1,62 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { X } 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 pillVariants = cva(
|
|
16
|
-
"inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-sm font-medium transition-colors",
|
|
17
|
-
{
|
|
18
|
-
variants: {
|
|
19
|
-
variant: {
|
|
20
|
-
default: "bg-primary/10 text-primary hover:bg-primary/20",
|
|
21
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
22
|
-
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
23
|
-
success: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
|
|
24
|
-
warning: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
|
|
25
|
-
error: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
defaultVariants: {
|
|
29
|
-
variant: "default"
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
var Pill = React.forwardRef(
|
|
34
|
-
({ className, variant, onRemove, children, ...props }, ref) => {
|
|
35
|
-
return /* @__PURE__ */ jsxs(
|
|
36
|
-
"span",
|
|
37
|
-
{
|
|
38
|
-
ref,
|
|
39
|
-
className: cn(pillVariants({ variant }), className),
|
|
40
|
-
...props,
|
|
41
|
-
children: [
|
|
42
|
-
children,
|
|
43
|
-
onRemove && /* @__PURE__ */ jsxs(
|
|
44
|
-
"button",
|
|
45
|
-
{
|
|
46
|
-
type: "button",
|
|
47
|
-
onClick: onRemove,
|
|
48
|
-
className: "ml-0.5 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",
|
|
49
|
-
children: [
|
|
50
|
-
/* @__PURE__ */ jsx(X, { className: "h-3 w-3" }),
|
|
51
|
-
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Remove" })
|
|
52
|
-
]
|
|
53
|
-
}
|
|
54
|
-
)
|
|
55
|
-
]
|
|
56
|
-
}
|
|
57
|
-
);
|
|
58
|
-
}
|
|
59
|
-
);
|
|
60
|
-
Pill.displayName = "Pill";
|
|
61
|
-
|
|
62
|
-
export { Pill, pillVariants };
|
|
2
|
+
import*as s from'react';import {cva}from'class-variance-authority';import {X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';var d=Object.defineProperty;var a=(e,r)=>d(e,"name",{value:r,configurable:true});function n(...e){return twMerge(clsx(e))}a(n,"cn");var f=cva("inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-sm font-medium transition-colors",{variants:{variant:{default:"bg-primary/10 text-primary hover:bg-primary/20",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",success:"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",warning:"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",error:"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"}},defaultVariants:{variant:"default"}}),y=s.forwardRef(({className:e,variant:r,onRemove:t,children:i,...p},c)=>jsxs("span",{ref:c,className:n(f({variant:r}),e),...p,children:[i,t&&jsxs("button",{type:"button",onClick:t,className:"ml-0.5 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",children:[jsx(X,{className:"h-3 w-3"}),jsx("span",{className:"sr-only",children:"Remove"})]})]}));y.displayName="Pill";export{y as Pill,f as pillVariants};
|
package/dist/ui/spinner.js
CHANGED
|
@@ -1,28 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var lucideReact = require('lucide-react');
|
|
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
|
-
function Spinner({ className, ...props }) {
|
|
16
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
17
|
-
lucideReact.Loader2Icon,
|
|
18
|
-
{
|
|
19
|
-
role: "status",
|
|
20
|
-
"aria-label": "Loading",
|
|
21
|
-
className: cn("size-4 animate-spin", className),
|
|
22
|
-
...props
|
|
23
|
-
}
|
|
24
|
-
);
|
|
25
|
-
}
|
|
26
|
-
__name(Spinner, "Spinner");
|
|
27
|
-
|
|
28
|
-
exports.Spinner = Spinner;
|
|
2
|
+
'use strict';var lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');var o=Object.defineProperty;var r=(e,t)=>o(e,"name",{value:t,configurable:true});function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}r(n,"cn");function L({className:e,...t}){return jsxRuntime.jsx(lucideReact.Loader2Icon,{role:"status","aria-label":"Loading",className:n("size-4 animate-spin",e),...t})}r(L,"Spinner");exports.Spinner=L;
|
package/dist/ui/spinner.mjs
CHANGED
|
@@ -1,26 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
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
|
-
function Spinner({ className, ...props }) {
|
|
14
|
-
return /* @__PURE__ */ jsx(
|
|
15
|
-
Loader2Icon,
|
|
16
|
-
{
|
|
17
|
-
role: "status",
|
|
18
|
-
"aria-label": "Loading",
|
|
19
|
-
className: cn("size-4 animate-spin", className),
|
|
20
|
-
...props
|
|
21
|
-
}
|
|
22
|
-
);
|
|
23
|
-
}
|
|
24
|
-
__name(Spinner, "Spinner");
|
|
25
|
-
|
|
26
|
-
export { Spinner };
|
|
2
|
+
import {Loader2Icon}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var o=Object.defineProperty;var r=(e,t)=>o(e,"name",{value:t,configurable:true});function n(...e){return twMerge(clsx(e))}r(n,"cn");function L({className:e,...t}){return jsx(Loader2Icon,{role:"status","aria-label":"Loading",className:n("size-4 animate-spin",e),...t})}r(L,"Spinner");export{L as Spinner};
|
package/dist/ui/tags.js
CHANGED
|
@@ -1,117 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var lucideReact = require('lucide-react');
|
|
6
|
-
var clsx = require('clsx');
|
|
7
|
-
var tailwindMerge = require('tailwind-merge');
|
|
8
|
-
var reactSlot = require('@radix-ui/react-slot');
|
|
9
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
10
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
-
|
|
12
|
-
function _interopNamespace(e) {
|
|
13
|
-
if (e && e.__esModule) return e;
|
|
14
|
-
var n = Object.create(null);
|
|
15
|
-
if (e) {
|
|
16
|
-
Object.keys(e).forEach(function (k) {
|
|
17
|
-
if (k !== 'default') {
|
|
18
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
19
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function () { return e[k]; }
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
n.default = e;
|
|
27
|
-
return Object.freeze(n);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
31
|
-
|
|
32
|
-
var __defProp = Object.defineProperty;
|
|
33
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
34
|
-
function cn(...inputs) {
|
|
35
|
-
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
36
|
-
}
|
|
37
|
-
__name(cn, "cn");
|
|
38
|
-
var badgeVariants = classVarianceAuthority.cva(
|
|
39
|
-
"inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden",
|
|
40
|
-
{
|
|
41
|
-
variants: {
|
|
42
|
-
variant: {
|
|
43
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm",
|
|
44
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
|
|
45
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
46
|
-
outline: "text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
|
|
47
|
-
ghost: "hover:bg-accent hover:text-accent-foreground border-transparent",
|
|
48
|
-
link: "text-primary underline-offset-4 hover:underline border-transparent",
|
|
49
|
-
// Hanzo-specific variants for backward compatibility
|
|
50
|
-
inputAdornment: "bg-gray-600 px-2 font-medium text-white border-transparent",
|
|
51
|
-
tags: "text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize"
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
defaultVariants: {
|
|
55
|
-
variant: "default"
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
);
|
|
59
|
-
function Badge({
|
|
60
|
-
className,
|
|
61
|
-
variant = "default",
|
|
62
|
-
asChild = false,
|
|
63
|
-
...props
|
|
64
|
-
}) {
|
|
65
|
-
const Comp = asChild ? reactSlot.Slot : "span";
|
|
66
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
67
|
-
Comp,
|
|
68
|
-
{
|
|
69
|
-
"data-slot": "badge",
|
|
70
|
-
"data-variant": variant,
|
|
71
|
-
className: cn(badgeVariants({ variant }), className),
|
|
72
|
-
...props
|
|
73
|
-
}
|
|
74
|
-
);
|
|
75
|
-
}
|
|
76
|
-
__name(Badge, "Badge");
|
|
77
|
-
var Tags = React__namespace.forwardRef(
|
|
78
|
-
({ className, tags, onRemove, variant = "default", ...props }, ref) => {
|
|
79
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
80
|
-
"div",
|
|
81
|
-
{
|
|
82
|
-
ref,
|
|
83
|
-
className: cn("flex flex-wrap gap-2", className),
|
|
84
|
-
...props,
|
|
85
|
-
children: tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
86
|
-
Badge,
|
|
87
|
-
{
|
|
88
|
-
variant,
|
|
89
|
-
className: cn("gap-1", onRemove && "pr-1"),
|
|
90
|
-
children: [
|
|
91
|
-
tag.label,
|
|
92
|
-
onRemove && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
93
|
-
"button",
|
|
94
|
-
{
|
|
95
|
-
type: "button",
|
|
96
|
-
onClick: () => onRemove(tag.id),
|
|
97
|
-
className: "ml-1 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",
|
|
98
|
-
children: [
|
|
99
|
-
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" }),
|
|
100
|
-
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
|
|
101
|
-
"Remove ",
|
|
102
|
-
tag.label
|
|
103
|
-
] })
|
|
104
|
-
]
|
|
105
|
-
}
|
|
106
|
-
)
|
|
107
|
-
]
|
|
108
|
-
},
|
|
109
|
-
tag.id
|
|
110
|
-
))
|
|
111
|
-
}
|
|
112
|
-
);
|
|
113
|
-
}
|
|
114
|
-
);
|
|
115
|
-
Tags.displayName = "Tags";
|
|
116
|
-
|
|
117
|
-
exports.Tags = Tags;
|
|
2
|
+
'use strict';var p=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),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 p__namespace=/*#__PURE__*/_interopNamespace(p);var g=Object.defineProperty;var n=(e,r)=>g(e,"name",{value:r,configurable:true});function a(...e){return tailwindMerge.twMerge(clsx.clsx(e))}n(a,"cn");var x=classVarianceAuthority.cva("inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",destructive:"bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",ghost:"hover:bg-accent hover:text-accent-foreground border-transparent",link:"text-primary underline-offset-4 hover:underline border-transparent",inputAdornment:"bg-gray-600 px-2 font-medium text-white border-transparent",tags:"text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize"}},defaultVariants:{variant:"default"}});function l({className:e,variant:r="default",asChild:t=false,...i}){return jsxRuntime.jsx(t?reactSlot.Slot:"span",{"data-slot":"badge","data-variant":r,className:a(x({variant:r}),e),...i})}n(l,"Badge");var w=p__namespace.forwardRef(({className:e,tags:r,onRemove:t,variant:i="default",...d},u)=>jsxRuntime.jsx("div",{ref:u,className:a("flex flex-wrap gap-2",e),...d,children:r.map(o=>jsxRuntime.jsxs(l,{variant:i,className:a("gap-1",t&&"pr-1"),children:[o.label,t&&jsxRuntime.jsxs("button",{type:"button",onClick:()=>t(o.id),className:"ml-1 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",children:[jsxRuntime.jsx(lucideReact.X,{className:"h-3 w-3"}),jsxRuntime.jsxs("span",{className:"sr-only",children:["Remove ",o.label]})]})]},o.id))}));w.displayName="Tags";exports.Tags=w;
|
package/dist/ui/tags.mjs
CHANGED
|
@@ -1,95 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import { X } from 'lucide-react';
|
|
4
|
-
import { clsx } from 'clsx';
|
|
5
|
-
import { twMerge } from 'tailwind-merge';
|
|
6
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
7
|
-
import { cva } from 'class-variance-authority';
|
|
8
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
var __defProp = Object.defineProperty;
|
|
11
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
12
|
-
function cn(...inputs) {
|
|
13
|
-
return twMerge(clsx(inputs));
|
|
14
|
-
}
|
|
15
|
-
__name(cn, "cn");
|
|
16
|
-
var badgeVariants = cva(
|
|
17
|
-
"inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden",
|
|
18
|
-
{
|
|
19
|
-
variants: {
|
|
20
|
-
variant: {
|
|
21
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm",
|
|
22
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
|
|
23
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
24
|
-
outline: "text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
|
|
25
|
-
ghost: "hover:bg-accent hover:text-accent-foreground border-transparent",
|
|
26
|
-
link: "text-primary underline-offset-4 hover:underline border-transparent",
|
|
27
|
-
// Hanzo-specific variants for backward compatibility
|
|
28
|
-
inputAdornment: "bg-gray-600 px-2 font-medium text-white border-transparent",
|
|
29
|
-
tags: "text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize"
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
defaultVariants: {
|
|
33
|
-
variant: "default"
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
);
|
|
37
|
-
function Badge({
|
|
38
|
-
className,
|
|
39
|
-
variant = "default",
|
|
40
|
-
asChild = false,
|
|
41
|
-
...props
|
|
42
|
-
}) {
|
|
43
|
-
const Comp = asChild ? Slot : "span";
|
|
44
|
-
return /* @__PURE__ */ jsx(
|
|
45
|
-
Comp,
|
|
46
|
-
{
|
|
47
|
-
"data-slot": "badge",
|
|
48
|
-
"data-variant": variant,
|
|
49
|
-
className: cn(badgeVariants({ variant }), className),
|
|
50
|
-
...props
|
|
51
|
-
}
|
|
52
|
-
);
|
|
53
|
-
}
|
|
54
|
-
__name(Badge, "Badge");
|
|
55
|
-
var Tags = React.forwardRef(
|
|
56
|
-
({ className, tags, onRemove, variant = "default", ...props }, ref) => {
|
|
57
|
-
return /* @__PURE__ */ jsx(
|
|
58
|
-
"div",
|
|
59
|
-
{
|
|
60
|
-
ref,
|
|
61
|
-
className: cn("flex flex-wrap gap-2", className),
|
|
62
|
-
...props,
|
|
63
|
-
children: tags.map((tag) => /* @__PURE__ */ jsxs(
|
|
64
|
-
Badge,
|
|
65
|
-
{
|
|
66
|
-
variant,
|
|
67
|
-
className: cn("gap-1", onRemove && "pr-1"),
|
|
68
|
-
children: [
|
|
69
|
-
tag.label,
|
|
70
|
-
onRemove && /* @__PURE__ */ jsxs(
|
|
71
|
-
"button",
|
|
72
|
-
{
|
|
73
|
-
type: "button",
|
|
74
|
-
onClick: () => onRemove(tag.id),
|
|
75
|
-
className: "ml-1 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",
|
|
76
|
-
children: [
|
|
77
|
-
/* @__PURE__ */ jsx(X, { className: "h-3 w-3" }),
|
|
78
|
-
/* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
|
|
79
|
-
"Remove ",
|
|
80
|
-
tag.label
|
|
81
|
-
] })
|
|
82
|
-
]
|
|
83
|
-
}
|
|
84
|
-
)
|
|
85
|
-
]
|
|
86
|
-
},
|
|
87
|
-
tag.id
|
|
88
|
-
))
|
|
89
|
-
}
|
|
90
|
-
);
|
|
91
|
-
}
|
|
92
|
-
);
|
|
93
|
-
Tags.displayName = "Tags";
|
|
94
|
-
|
|
95
|
-
export { Tags };
|
|
2
|
+
import*as p from'react';import {X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';var g=Object.defineProperty;var n=(e,r)=>g(e,"name",{value:r,configurable:true});function a(...e){return twMerge(clsx(e))}n(a,"cn");var x=cva("inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",destructive:"bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",ghost:"hover:bg-accent hover:text-accent-foreground border-transparent",link:"text-primary underline-offset-4 hover:underline border-transparent",inputAdornment:"bg-gray-600 px-2 font-medium text-white border-transparent",tags:"text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize"}},defaultVariants:{variant:"default"}});function l({className:e,variant:r="default",asChild:t=false,...i}){return jsx(t?Slot:"span",{"data-slot":"badge","data-variant":r,className:a(x({variant:r}),e),...i})}n(l,"Badge");var w=p.forwardRef(({className:e,tags:r,onRemove:t,variant:i="default",...d},u)=>jsx("div",{ref:u,className:a("flex flex-wrap gap-2",e),...d,children:r.map(o=>jsxs(l,{variant:i,className:a("gap-1",t&&"pr-1"),children:[o.label,t&&jsxs("button",{type:"button",onClick:()=>t(o.id),className:"ml-1 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",children:[jsx(X,{className:"h-3 w-3"}),jsxs("span",{className:"sr-only",children:["Remove ",o.label]})]})]},o.id))}));w.displayName="Tags";export{w as Tags};
|
package/dist/ui/ticker.js
CHANGED
|
@@ -1,73 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var React = require('react');
|
|
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 React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
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 Ticker = React__namespace.forwardRef(
|
|
36
|
-
({
|
|
37
|
-
className,
|
|
38
|
-
children,
|
|
39
|
-
speed = 50,
|
|
40
|
-
direction = "left",
|
|
41
|
-
pauseOnHover = true,
|
|
42
|
-
...props
|
|
43
|
-
}, ref) => {
|
|
44
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
45
|
-
"div",
|
|
46
|
-
{
|
|
47
|
-
ref,
|
|
48
|
-
className: cn("group relative overflow-hidden", className),
|
|
49
|
-
...props,
|
|
50
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
51
|
-
"div",
|
|
52
|
-
{
|
|
53
|
-
className: cn(
|
|
54
|
-
"flex w-fit animate-scroll",
|
|
55
|
-
pauseOnHover && "group-hover:[animation-play-state:paused]"
|
|
56
|
-
),
|
|
57
|
-
style: {
|
|
58
|
-
animationDuration: `${speed}s`,
|
|
59
|
-
animationDirection: direction === "right" ? "reverse" : "normal"
|
|
60
|
-
},
|
|
61
|
-
children: [
|
|
62
|
-
children,
|
|
63
|
-
children
|
|
64
|
-
]
|
|
65
|
-
}
|
|
66
|
-
)
|
|
67
|
-
}
|
|
68
|
-
);
|
|
69
|
-
}
|
|
70
|
-
);
|
|
71
|
-
Ticker.displayName = "Ticker";
|
|
72
|
-
|
|
73
|
-
exports.Ticker = Ticker;
|
|
2
|
+
'use strict';var o=require('react'),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 o__namespace=/*#__PURE__*/_interopNamespace(o);var m=Object.defineProperty;var n=(e,t)=>m(e,"name",{value:t,configurable:true});function r(...e){return tailwindMerge.twMerge(clsx.clsx(e))}n(r,"cn");var f=o__namespace.forwardRef(({className:e,children:t,speed:a=50,direction:i="left",pauseOnHover:s=true,...c},l)=>jsxRuntime.jsx("div",{ref:l,className:r("group relative overflow-hidden",e),...c,children:jsxRuntime.jsxs("div",{className:r("flex w-fit animate-scroll",s&&"group-hover:[animation-play-state:paused]"),style:{animationDuration:`${a}s`,animationDirection:i==="right"?"reverse":"normal"},children:[t,t]})}));f.displayName="Ticker";exports.Ticker=f;
|
package/dist/ui/ticker.mjs
CHANGED
|
@@ -1,51 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import { clsx } from 'clsx';
|
|
4
|
-
import { twMerge } from 'tailwind-merge';
|
|
5
|
-
import { jsx, jsxs } 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 Ticker = React.forwardRef(
|
|
14
|
-
({
|
|
15
|
-
className,
|
|
16
|
-
children,
|
|
17
|
-
speed = 50,
|
|
18
|
-
direction = "left",
|
|
19
|
-
pauseOnHover = true,
|
|
20
|
-
...props
|
|
21
|
-
}, ref) => {
|
|
22
|
-
return /* @__PURE__ */ jsx(
|
|
23
|
-
"div",
|
|
24
|
-
{
|
|
25
|
-
ref,
|
|
26
|
-
className: cn("group relative overflow-hidden", className),
|
|
27
|
-
...props,
|
|
28
|
-
children: /* @__PURE__ */ jsxs(
|
|
29
|
-
"div",
|
|
30
|
-
{
|
|
31
|
-
className: cn(
|
|
32
|
-
"flex w-fit animate-scroll",
|
|
33
|
-
pauseOnHover && "group-hover:[animation-play-state:paused]"
|
|
34
|
-
),
|
|
35
|
-
style: {
|
|
36
|
-
animationDuration: `${speed}s`,
|
|
37
|
-
animationDirection: direction === "right" ? "reverse" : "normal"
|
|
38
|
-
},
|
|
39
|
-
children: [
|
|
40
|
-
children,
|
|
41
|
-
children
|
|
42
|
-
]
|
|
43
|
-
}
|
|
44
|
-
)
|
|
45
|
-
}
|
|
46
|
-
);
|
|
47
|
-
}
|
|
48
|
-
);
|
|
49
|
-
Ticker.displayName = "Ticker";
|
|
50
|
-
|
|
51
|
-
export { Ticker };
|
|
2
|
+
import*as o from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';var m=Object.defineProperty;var n=(e,t)=>m(e,"name",{value:t,configurable:true});function r(...e){return twMerge(clsx(e))}n(r,"cn");var f=o.forwardRef(({className:e,children:t,speed:a=50,direction:i="left",pauseOnHover:s=true,...c},l)=>jsx("div",{ref:l,className:r("group relative overflow-hidden",e),...c,children:jsxs("div",{className:r("flex w-fit animate-scroll",s&&"group-hover:[animation-play-state:paused]"),style:{animationDuration:`${a}s`,animationDirection:i==="right"?"reverse":"normal"},children:[t,t]})}));f.displayName="Ticker";export{f as Ticker};
|