@vegait/lyra-ds-v2 0.1.0
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/README.md +134 -0
- package/dist/chunk-32QWDFOV.js +96 -0
- package/dist/chunk-32QWDFOV.js.map +1 -0
- package/dist/chunk-4EEFY4FU.cjs +96 -0
- package/dist/chunk-4EEFY4FU.cjs.map +1 -0
- package/dist/chunk-562W4FCG.cjs +88 -0
- package/dist/chunk-562W4FCG.cjs.map +1 -0
- package/dist/chunk-5SCF3EGT.cjs +13 -0
- package/dist/chunk-5SCF3EGT.cjs.map +1 -0
- package/dist/chunk-5XB7CPVP.cjs +34 -0
- package/dist/chunk-5XB7CPVP.cjs.map +1 -0
- package/dist/chunk-62OTWTBL.cjs +274 -0
- package/dist/chunk-62OTWTBL.cjs.map +1 -0
- package/dist/chunk-6GT2L3FX.js +63 -0
- package/dist/chunk-6GT2L3FX.js.map +1 -0
- package/dist/chunk-6HFYY5KR.cjs +67 -0
- package/dist/chunk-6HFYY5KR.cjs.map +1 -0
- package/dist/chunk-6NZHRSXB.cjs +61 -0
- package/dist/chunk-6NZHRSXB.cjs.map +1 -0
- package/dist/chunk-76G7PKIJ.cjs +42 -0
- package/dist/chunk-76G7PKIJ.cjs.map +1 -0
- package/dist/chunk-7PRTXARY.js +87 -0
- package/dist/chunk-7PRTXARY.js.map +1 -0
- package/dist/chunk-A665K552.cjs +75 -0
- package/dist/chunk-A665K552.cjs.map +1 -0
- package/dist/chunk-ABFMWZVI.cjs +89 -0
- package/dist/chunk-ABFMWZVI.cjs.map +1 -0
- package/dist/chunk-ACADNUHF.js +196 -0
- package/dist/chunk-ACADNUHF.js.map +1 -0
- package/dist/chunk-AFMNLT45.js +70 -0
- package/dist/chunk-AFMNLT45.js.map +1 -0
- package/dist/chunk-BAUTON3J.js +89 -0
- package/dist/chunk-BAUTON3J.js.map +1 -0
- package/dist/chunk-BNDEIZZQ.js +40 -0
- package/dist/chunk-BNDEIZZQ.js.map +1 -0
- package/dist/chunk-BXKWAQYI.cjs +157 -0
- package/dist/chunk-BXKWAQYI.cjs.map +1 -0
- package/dist/chunk-COFNZ2CM.js +70 -0
- package/dist/chunk-COFNZ2CM.js.map +1 -0
- package/dist/chunk-COV6FW4J.cjs +63 -0
- package/dist/chunk-COV6FW4J.cjs.map +1 -0
- package/dist/chunk-CUW7MUCY.js +55 -0
- package/dist/chunk-CUW7MUCY.js.map +1 -0
- package/dist/chunk-DKHG23OR.js +61 -0
- package/dist/chunk-DKHG23OR.js.map +1 -0
- package/dist/chunk-EMKU3IZY.js +85 -0
- package/dist/chunk-EMKU3IZY.js.map +1 -0
- package/dist/chunk-FZD2ZXN2.js +81 -0
- package/dist/chunk-FZD2ZXN2.js.map +1 -0
- package/dist/chunk-FZFA24YL.js +90 -0
- package/dist/chunk-FZFA24YL.js.map +1 -0
- package/dist/chunk-G5SLIXQ5.cjs +87 -0
- package/dist/chunk-G5SLIXQ5.cjs.map +1 -0
- package/dist/chunk-G6T2BYPC.js +88 -0
- package/dist/chunk-G6T2BYPC.js.map +1 -0
- package/dist/chunk-GGZSDAN3.cjs +43 -0
- package/dist/chunk-GGZSDAN3.cjs.map +1 -0
- package/dist/chunk-GLMTTY4G.js +34 -0
- package/dist/chunk-GLMTTY4G.js.map +1 -0
- package/dist/chunk-JQ5LATTJ.cjs +196 -0
- package/dist/chunk-JQ5LATTJ.cjs.map +1 -0
- package/dist/chunk-KLHQMRAY.js +42 -0
- package/dist/chunk-KLHQMRAY.js.map +1 -0
- package/dist/chunk-KQJCGTS3.js +13 -0
- package/dist/chunk-KQJCGTS3.js.map +1 -0
- package/dist/chunk-LBHO3VC4.cjs +81 -0
- package/dist/chunk-LBHO3VC4.cjs.map +1 -0
- package/dist/chunk-LUQS7LYG.cjs +85 -0
- package/dist/chunk-LUQS7LYG.cjs.map +1 -0
- package/dist/chunk-MMQZ7YMO.js +274 -0
- package/dist/chunk-MMQZ7YMO.js.map +1 -0
- package/dist/chunk-N7M2UZM6.js +67 -0
- package/dist/chunk-N7M2UZM6.js.map +1 -0
- package/dist/chunk-NLOLOFBX.js +43 -0
- package/dist/chunk-NLOLOFBX.js.map +1 -0
- package/dist/chunk-NPXSB4WO.js +48 -0
- package/dist/chunk-NPXSB4WO.js.map +1 -0
- package/dist/chunk-NVCGKCTH.cjs +90 -0
- package/dist/chunk-NVCGKCTH.cjs.map +1 -0
- package/dist/chunk-NZOAZF3W.cjs +67 -0
- package/dist/chunk-NZOAZF3W.cjs.map +1 -0
- package/dist/chunk-OS2O66IV.cjs +40 -0
- package/dist/chunk-OS2O66IV.cjs.map +1 -0
- package/dist/chunk-P5BKGZY2.cjs +55 -0
- package/dist/chunk-P5BKGZY2.cjs.map +1 -0
- package/dist/chunk-POMJPII4.cjs +70 -0
- package/dist/chunk-POMJPII4.cjs.map +1 -0
- package/dist/chunk-QSRVMLAL.cjs +40 -0
- package/dist/chunk-QSRVMLAL.cjs.map +1 -0
- package/dist/chunk-R5SUYP2F.cjs +14 -0
- package/dist/chunk-R5SUYP2F.cjs.map +1 -0
- package/dist/chunk-RBPMBCU3.js +157 -0
- package/dist/chunk-RBPMBCU3.js.map +1 -0
- package/dist/chunk-RZQAADXK.cjs +274 -0
- package/dist/chunk-RZQAADXK.cjs.map +1 -0
- package/dist/chunk-SPAC4VNO.js +67 -0
- package/dist/chunk-SPAC4VNO.js.map +1 -0
- package/dist/chunk-TONUCO3E.cjs +70 -0
- package/dist/chunk-TONUCO3E.cjs.map +1 -0
- package/dist/chunk-V7DPKW5E.cjs +48 -0
- package/dist/chunk-V7DPKW5E.cjs.map +1 -0
- package/dist/chunk-W3H3KWRL.js +274 -0
- package/dist/chunk-W3H3KWRL.js.map +1 -0
- package/dist/chunk-XFMTGORU.js +40 -0
- package/dist/chunk-XFMTGORU.js.map +1 -0
- package/dist/chunk-YVPOTKKQ.js +75 -0
- package/dist/chunk-YVPOTKKQ.js.map +1 -0
- package/dist/chunk-ZYPEUNSY.js +14 -0
- package/dist/chunk-ZYPEUNSY.js.map +1 -0
- package/dist/components/alert.cjs +9 -0
- package/dist/components/alert.cjs.map +1 -0
- package/dist/components/alert.d.cts +17 -0
- package/dist/components/alert.d.ts +17 -0
- package/dist/components/alert.js +9 -0
- package/dist/components/alert.js.map +1 -0
- package/dist/components/avatar.cjs +9 -0
- package/dist/components/avatar.cjs.map +1 -0
- package/dist/components/avatar.d.cts +12 -0
- package/dist/components/avatar.d.ts +12 -0
- package/dist/components/avatar.js +9 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/badge.cjs +11 -0
- package/dist/components/badge.cjs.map +1 -0
- package/dist/components/badge.d.cts +12 -0
- package/dist/components/badge.d.ts +12 -0
- package/dist/components/badge.js +11 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/bulk-bar.cjs +11 -0
- package/dist/components/bulk-bar.cjs.map +1 -0
- package/dist/components/bulk-bar.d.cts +19 -0
- package/dist/components/bulk-bar.d.ts +19 -0
- package/dist/components/bulk-bar.js +11 -0
- package/dist/components/bulk-bar.js.map +1 -0
- package/dist/components/button.cjs +11 -0
- package/dist/components/button.cjs.map +1 -0
- package/dist/components/button.d.cts +15 -0
- package/dist/components/button.d.ts +15 -0
- package/dist/components/button.js +11 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/card.cjs +15 -0
- package/dist/components/card.cjs.map +1 -0
- package/dist/components/card.d.cts +8 -0
- package/dist/components/card.d.ts +8 -0
- package/dist/components/card.js +15 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/data-table.cjs +10 -0
- package/dist/components/data-table.cjs.map +1 -0
- package/dist/components/data-table.d.cts +33 -0
- package/dist/components/data-table.d.ts +33 -0
- package/dist/components/data-table.js +10 -0
- package/dist/components/data-table.js.map +1 -0
- package/dist/components/date-picker.cjs +10 -0
- package/dist/components/date-picker.cjs.map +1 -0
- package/dist/components/date-picker.d.cts +16 -0
- package/dist/components/date-picker.d.ts +16 -0
- package/dist/components/date-picker.js +10 -0
- package/dist/components/date-picker.js.map +1 -0
- package/dist/components/destructive-dialog.cjs +13 -0
- package/dist/components/destructive-dialog.cjs.map +1 -0
- package/dist/components/destructive-dialog.d.cts +19 -0
- package/dist/components/destructive-dialog.d.ts +19 -0
- package/dist/components/destructive-dialog.js +13 -0
- package/dist/components/destructive-dialog.js.map +1 -0
- package/dist/components/dropdown-menu.cjs +38 -0
- package/dist/components/dropdown-menu.cjs.map +1 -0
- package/dist/components/dropdown-menu.d.cts +32 -0
- package/dist/components/dropdown-menu.d.ts +32 -0
- package/dist/components/dropdown-menu.js +38 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/empty-state.cjs +10 -0
- package/dist/components/empty-state.cjs.map +1 -0
- package/dist/components/empty-state.d.cts +23 -0
- package/dist/components/empty-state.d.ts +23 -0
- package/dist/components/empty-state.js +10 -0
- package/dist/components/empty-state.js.map +1 -0
- package/dist/components/filter-chips.cjs +9 -0
- package/dist/components/filter-chips.cjs.map +1 -0
- package/dist/components/filter-chips.d.cts +15 -0
- package/dist/components/filter-chips.d.ts +15 -0
- package/dist/components/filter-chips.js +9 -0
- package/dist/components/filter-chips.js.map +1 -0
- package/dist/components/input.cjs +9 -0
- package/dist/components/input.cjs.map +1 -0
- package/dist/components/input.d.cts +10 -0
- package/dist/components/input.d.ts +10 -0
- package/dist/components/input.js +9 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/kpi-cards.cjs +8 -0
- package/dist/components/kpi-cards.cjs.map +1 -0
- package/dist/components/kpi-cards.d.cts +15 -0
- package/dist/components/kpi-cards.d.ts +15 -0
- package/dist/components/kpi-cards.js +8 -0
- package/dist/components/kpi-cards.js.map +1 -0
- package/dist/components/list-page.cjs +21 -0
- package/dist/components/list-page.cjs.map +1 -0
- package/dist/components/list-page.d.cts +87 -0
- package/dist/components/list-page.d.ts +87 -0
- package/dist/components/list-page.js +21 -0
- package/dist/components/list-page.js.map +1 -0
- package/dist/components/modal.cjs +10 -0
- package/dist/components/modal.cjs.map +1 -0
- package/dist/components/modal.d.cts +16 -0
- package/dist/components/modal.d.ts +16 -0
- package/dist/components/modal.js +10 -0
- package/dist/components/modal.js.map +1 -0
- package/dist/components/pagination-bar.cjs +10 -0
- package/dist/components/pagination-bar.cjs.map +1 -0
- package/dist/components/pagination-bar.d.cts +11 -0
- package/dist/components/pagination-bar.d.ts +11 -0
- package/dist/components/pagination-bar.js +10 -0
- package/dist/components/pagination-bar.js.map +1 -0
- package/dist/components/progress-bar.cjs +9 -0
- package/dist/components/progress-bar.cjs.map +1 -0
- package/dist/components/progress-bar.d.cts +21 -0
- package/dist/components/progress-bar.d.ts +21 -0
- package/dist/components/progress-bar.js +9 -0
- package/dist/components/progress-bar.js.map +1 -0
- package/dist/components/radio-group.cjs +12 -0
- package/dist/components/radio-group.cjs.map +1 -0
- package/dist/components/radio-group.d.cts +22 -0
- package/dist/components/radio-group.d.ts +22 -0
- package/dist/components/radio-group.js +12 -0
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/sidebar.cjs +11 -0
- package/dist/components/sidebar.cjs.map +1 -0
- package/dist/components/sidebar.d.cts +24 -0
- package/dist/components/sidebar.d.ts +24 -0
- package/dist/components/sidebar.js +11 -0
- package/dist/components/sidebar.js.map +1 -0
- package/dist/components/skeleton.cjs +17 -0
- package/dist/components/skeleton.cjs.map +1 -0
- package/dist/components/skeleton.d.cts +15 -0
- package/dist/components/skeleton.d.ts +15 -0
- package/dist/components/skeleton.js +17 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/status-tag.cjs +9 -0
- package/dist/components/status-tag.cjs.map +1 -0
- package/dist/components/status-tag.d.cts +11 -0
- package/dist/components/status-tag.d.ts +11 -0
- package/dist/components/status-tag.js +9 -0
- package/dist/components/status-tag.js.map +1 -0
- package/dist/components/tabs.cjs +16 -0
- package/dist/components/tabs.cjs.map +1 -0
- package/dist/components/tabs.d.cts +9 -0
- package/dist/components/tabs.d.ts +9 -0
- package/dist/components/tabs.js +16 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/toggle.cjs +10 -0
- package/dist/components/toggle.cjs.map +1 -0
- package/dist/components/toggle.d.cts +14 -0
- package/dist/components/toggle.d.ts +14 -0
- package/dist/components/toggle.js +10 -0
- package/dist/components/toggle.js.map +1 -0
- package/dist/components/tooltip.cjs +10 -0
- package/dist/components/tooltip.cjs.map +1 -0
- package/dist/components/tooltip.d.cts +13 -0
- package/dist/components/tooltip.d.ts +13 -0
- package/dist/components/tooltip.js +10 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/index.cjs +160 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +32 -0
- package/dist/index.d.ts +32 -0
- package/dist/index.js +160 -0
- package/dist/index.js.map +1 -0
- package/dist/styles/global.css +322 -0
- package/package.json +71 -0
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
|
|
5
|
+
|
|
6
|
+
// src/components/dropdown-menu.tsx
|
|
7
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
8
|
+
var _reactdropdownmenu = require('@radix-ui/react-dropdown-menu'); var Radix = _interopRequireWildcard(_reactdropdownmenu);
|
|
9
|
+
var _lucidereact = require('lucide-react');
|
|
10
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
11
|
+
var DropdownMenu = Radix.Root;
|
|
12
|
+
var DropdownMenuTrigger = Radix.Trigger;
|
|
13
|
+
var DropdownMenuPortal = Radix.Portal;
|
|
14
|
+
var DropdownMenuGroup = Radix.Group;
|
|
15
|
+
var DropdownMenuSub = Radix.Sub;
|
|
16
|
+
var DropdownMenuRadioGroup = Radix.RadioGroup;
|
|
17
|
+
var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Radix.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18
|
+
Radix.Content,
|
|
19
|
+
{
|
|
20
|
+
ref,
|
|
21
|
+
sideOffset,
|
|
22
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
23
|
+
"z-50 min-w-[180px] overflow-hidden",
|
|
24
|
+
"bg-[var(--color-surface)] border border-[var(--color-outline-variant)]",
|
|
25
|
+
"rounded-[var(--radius-lg)] shadow-[var(--elevation-2)]",
|
|
26
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
27
|
+
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
28
|
+
"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
|
|
29
|
+
"data-[side=bottom]:slide-in-from-top-2",
|
|
30
|
+
"data-[side=top]:slide-in-from-bottom-2",
|
|
31
|
+
"data-[side=left]:slide-in-from-right-2",
|
|
32
|
+
"data-[side=right]:slide-in-from-left-2",
|
|
33
|
+
"py-1",
|
|
34
|
+
className
|
|
35
|
+
),
|
|
36
|
+
...props
|
|
37
|
+
}
|
|
38
|
+
) }));
|
|
39
|
+
DropdownMenuContent.displayName = "DropdownMenuContent";
|
|
40
|
+
var DropdownMenuItem = React.forwardRef(({ className, destructive, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
41
|
+
Radix.Item,
|
|
42
|
+
{
|
|
43
|
+
ref,
|
|
44
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
45
|
+
"relative flex cursor-pointer select-none items-center gap-2 outline-none transition-colors",
|
|
46
|
+
"px-3 py-2 text-body-md",
|
|
47
|
+
"text-[var(--color-on-surface)]",
|
|
48
|
+
"data-[highlighted]:bg-[var(--color-surf-container-low)]",
|
|
49
|
+
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
50
|
+
destructive && [
|
|
51
|
+
"text-[var(--color-error)]",
|
|
52
|
+
"data-[highlighted]:bg-[var(--color-error-container)]"
|
|
53
|
+
],
|
|
54
|
+
inset && "pl-8",
|
|
55
|
+
className
|
|
56
|
+
),
|
|
57
|
+
...props
|
|
58
|
+
}
|
|
59
|
+
));
|
|
60
|
+
DropdownMenuItem.displayName = "DropdownMenuItem";
|
|
61
|
+
var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
62
|
+
Radix.CheckboxItem,
|
|
63
|
+
{
|
|
64
|
+
ref,
|
|
65
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
66
|
+
"relative flex cursor-pointer select-none items-center gap-2 rounded-sm outline-none transition-colors",
|
|
67
|
+
"py-2 pl-8 pr-3 text-body-md",
|
|
68
|
+
"text-[var(--color-on-surface)]",
|
|
69
|
+
"data-[highlighted]:bg-[var(--color-surf-container-low)]",
|
|
70
|
+
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
71
|
+
className
|
|
72
|
+
),
|
|
73
|
+
checked,
|
|
74
|
+
...props,
|
|
75
|
+
children: [
|
|
76
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Radix.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "size-4" }) }) }),
|
|
77
|
+
children
|
|
78
|
+
]
|
|
79
|
+
}
|
|
80
|
+
));
|
|
81
|
+
DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
|
|
82
|
+
var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
83
|
+
Radix.RadioItem,
|
|
84
|
+
{
|
|
85
|
+
ref,
|
|
86
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
87
|
+
"relative flex cursor-pointer select-none items-center gap-2 rounded-sm outline-none transition-colors",
|
|
88
|
+
"py-2 pl-8 pr-3 text-body-md",
|
|
89
|
+
"text-[var(--color-on-surface)]",
|
|
90
|
+
"data-[highlighted]:bg-[var(--color-surf-container-low)]",
|
|
91
|
+
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
92
|
+
className
|
|
93
|
+
),
|
|
94
|
+
...props,
|
|
95
|
+
children: [
|
|
96
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Radix.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Circle, { className: "size-2 fill-current" }) }) }),
|
|
97
|
+
children
|
|
98
|
+
]
|
|
99
|
+
}
|
|
100
|
+
));
|
|
101
|
+
DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
|
|
102
|
+
var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
103
|
+
Radix.Label,
|
|
104
|
+
{
|
|
105
|
+
ref,
|
|
106
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
107
|
+
"px-3 py-1.5 text-body-sm font-semibold uppercase tracking-wide",
|
|
108
|
+
"text-[var(--color-on-surface-var)]",
|
|
109
|
+
inset && "pl-8",
|
|
110
|
+
className
|
|
111
|
+
),
|
|
112
|
+
...props
|
|
113
|
+
}
|
|
114
|
+
));
|
|
115
|
+
DropdownMenuLabel.displayName = "DropdownMenuLabel";
|
|
116
|
+
var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
117
|
+
Radix.Separator,
|
|
118
|
+
{
|
|
119
|
+
ref,
|
|
120
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0, "my-1 h-px bg-[var(--color-outline-variant)]", className),
|
|
121
|
+
...props
|
|
122
|
+
}
|
|
123
|
+
));
|
|
124
|
+
DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
|
|
125
|
+
var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
126
|
+
Radix.SubTrigger,
|
|
127
|
+
{
|
|
128
|
+
ref,
|
|
129
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
130
|
+
"flex cursor-pointer select-none items-center gap-2 outline-none",
|
|
131
|
+
"px-3 py-2 text-body-md",
|
|
132
|
+
"text-[var(--color-on-surface)]",
|
|
133
|
+
"data-[highlighted]:bg-[var(--color-surf-container-low)]",
|
|
134
|
+
"data-[state=open]:bg-[var(--color-surf-container-low)]",
|
|
135
|
+
inset && "pl-8",
|
|
136
|
+
className
|
|
137
|
+
),
|
|
138
|
+
...props,
|
|
139
|
+
children: [
|
|
140
|
+
children,
|
|
141
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "ml-auto size-4 opacity-60" })
|
|
142
|
+
]
|
|
143
|
+
}
|
|
144
|
+
));
|
|
145
|
+
DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
|
|
146
|
+
var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
147
|
+
Radix.SubContent,
|
|
148
|
+
{
|
|
149
|
+
ref,
|
|
150
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
151
|
+
"z-50 min-w-[160px] overflow-hidden",
|
|
152
|
+
"bg-[var(--color-surface)] border border-[var(--color-outline-variant)]",
|
|
153
|
+
"rounded-[var(--radius-lg)] shadow-[var(--elevation-2)]",
|
|
154
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
155
|
+
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
156
|
+
"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
|
|
157
|
+
"data-[side=bottom]:slide-in-from-top-2",
|
|
158
|
+
"data-[side=top]:slide-in-from-bottom-2",
|
|
159
|
+
"data-[side=left]:slide-in-from-right-2",
|
|
160
|
+
"data-[side=right]:slide-in-from-left-2",
|
|
161
|
+
"py-1",
|
|
162
|
+
className
|
|
163
|
+
),
|
|
164
|
+
...props
|
|
165
|
+
}
|
|
166
|
+
));
|
|
167
|
+
DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
|
|
168
|
+
function DropdownMenuShortcut({ className, ...props }) {
|
|
169
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
170
|
+
"span",
|
|
171
|
+
{
|
|
172
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0, "ml-auto text-body-sm tracking-widest opacity-50", className),
|
|
173
|
+
...props
|
|
174
|
+
}
|
|
175
|
+
);
|
|
176
|
+
}
|
|
177
|
+
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
exports.DropdownMenu = DropdownMenu; exports.DropdownMenuTrigger = DropdownMenuTrigger; exports.DropdownMenuPortal = DropdownMenuPortal; exports.DropdownMenuGroup = DropdownMenuGroup; exports.DropdownMenuSub = DropdownMenuSub; exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup; exports.DropdownMenuContent = DropdownMenuContent; exports.DropdownMenuItem = DropdownMenuItem; exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem; exports.DropdownMenuRadioItem = DropdownMenuRadioItem; exports.DropdownMenuLabel = DropdownMenuLabel; exports.DropdownMenuSeparator = DropdownMenuSeparator; exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger; exports.DropdownMenuSubContent = DropdownMenuSubContent; exports.DropdownMenuShortcut = DropdownMenuShortcut;
|
|
196
|
+
//# sourceMappingURL=chunk-JQ5LATTJ.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-JQ5LATTJ.cjs","../src/components/dropdown-menu.tsx"],"names":[],"mappings":"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","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-JQ5LATTJ.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport * as Radix from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronRight, Circle } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\n// ─── Root / Trigger / Portal ─────────────────────────────────────────────────\n\nconst DropdownMenu = Radix.Root;\nconst DropdownMenuTrigger = Radix.Trigger;\nconst DropdownMenuPortal = Radix.Portal;\nconst DropdownMenuGroup = Radix.Group;\nconst DropdownMenuSub = Radix.Sub;\nconst DropdownMenuRadioGroup = Radix.RadioGroup;\n\n// ─── Content ─────────────────────────────────────────────────────────────────\n\nconst DropdownMenuContent = React.forwardRef<\n React.ComponentRef<typeof Radix.Content>,\n React.ComponentPropsWithoutRef<typeof Radix.Content>\n>(({ className, sideOffset = 6, ...props }, ref) => (\n <Radix.Portal>\n <Radix.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 min-w-[180px] overflow-hidden\",\n \"bg-[var(--color-surface)] border border-[var(--color-outline-variant)]\",\n \"rounded-[var(--radius-lg)] shadow-[var(--elevation-2)]\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n \"data-[side=bottom]:slide-in-from-top-2\",\n \"data-[side=top]:slide-in-from-bottom-2\",\n \"data-[side=left]:slide-in-from-right-2\",\n \"data-[side=right]:slide-in-from-left-2\",\n \"py-1\",\n className\n )}\n {...props}\n />\n </Radix.Portal>\n));\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\n\n// ─── Item ─────────────────────────────────────────────────────────────────────\n\ninterface DropdownMenuItemProps\n extends React.ComponentPropsWithoutRef<typeof Radix.Item> {\n destructive?: boolean;\n inset?: boolean;\n}\n\nconst DropdownMenuItem = React.forwardRef<\n React.ComponentRef<typeof Radix.Item>,\n DropdownMenuItemProps\n>(({ className, destructive, inset, ...props }, ref) => (\n <Radix.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-pointer select-none items-center gap-2 outline-none transition-colors\",\n \"px-3 py-2 text-body-md\",\n \"text-[var(--color-on-surface)]\",\n \"data-[highlighted]:bg-[var(--color-surf-container-low)]\",\n \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n destructive && [\n \"text-[var(--color-error)]\",\n \"data-[highlighted]:bg-[var(--color-error-container)]\",\n ],\n inset && \"pl-8\",\n className\n )}\n {...props}\n />\n));\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\n\n// ─── CheckboxItem ─────────────────────────────────────────────────────────────\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ComponentRef<typeof Radix.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof Radix.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <Radix.CheckboxItem\n ref={ref}\n className={cn(\n \"relative flex cursor-pointer select-none items-center gap-2 rounded-sm outline-none transition-colors\",\n \"py-2 pl-8 pr-3 text-body-md\",\n \"text-[var(--color-on-surface)]\",\n \"data-[highlighted]:bg-[var(--color-surf-container-low)]\",\n \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <Radix.ItemIndicator>\n <Check className=\"size-4\" />\n </Radix.ItemIndicator>\n </span>\n {children}\n </Radix.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\n// ─── RadioItem ────────────────────────────────────────────────────────────────\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ComponentRef<typeof Radix.RadioItem>,\n React.ComponentPropsWithoutRef<typeof Radix.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <Radix.RadioItem\n ref={ref}\n className={cn(\n \"relative flex cursor-pointer select-none items-center gap-2 rounded-sm outline-none transition-colors\",\n \"py-2 pl-8 pr-3 text-body-md\",\n \"text-[var(--color-on-surface)]\",\n \"data-[highlighted]:bg-[var(--color-surf-container-low)]\",\n \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <Radix.ItemIndicator>\n <Circle className=\"size-2 fill-current\" />\n </Radix.ItemIndicator>\n </span>\n {children}\n </Radix.RadioItem>\n));\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\n\n// ─── Label ────────────────────────────────────────────────────────────────────\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ComponentRef<typeof Radix.Label>,\n React.ComponentPropsWithoutRef<typeof Radix.Label> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n <Radix.Label\n ref={ref}\n className={cn(\n \"px-3 py-1.5 text-body-sm font-semibold uppercase tracking-wide\",\n \"text-[var(--color-on-surface-var)]\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n />\n));\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\n\n// ─── Separator ────────────────────────────────────────────────────────────────\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ComponentRef<typeof Radix.Separator>,\n React.ComponentPropsWithoutRef<typeof Radix.Separator>\n>(({ className, ...props }, ref) => (\n <Radix.Separator\n ref={ref}\n className={cn(\"my-1 h-px bg-[var(--color-outline-variant)]\", className)}\n {...props}\n />\n));\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\n\n// ─── SubTrigger ───────────────────────────────────────────────────────────────\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ComponentRef<typeof Radix.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof Radix.SubTrigger> & { inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n <Radix.SubTrigger\n ref={ref}\n className={cn(\n \"flex cursor-pointer select-none items-center gap-2 outline-none\",\n \"px-3 py-2 text-body-md\",\n \"text-[var(--color-on-surface)]\",\n \"data-[highlighted]:bg-[var(--color-surf-container-low)]\",\n \"data-[state=open]:bg-[var(--color-surf-container-low)]\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto size-4 opacity-60\" />\n </Radix.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\";\n\n// ─── SubContent ───────────────────────────────────────────────────────────────\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ComponentRef<typeof Radix.SubContent>,\n React.ComponentPropsWithoutRef<typeof Radix.SubContent>\n>(({ className, ...props }, ref) => (\n <Radix.SubContent\n ref={ref}\n className={cn(\n \"z-50 min-w-[160px] overflow-hidden\",\n \"bg-[var(--color-surface)] border border-[var(--color-outline-variant)]\",\n \"rounded-[var(--radius-lg)] shadow-[var(--elevation-2)]\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n \"data-[side=bottom]:slide-in-from-top-2\",\n \"data-[side=top]:slide-in-from-bottom-2\",\n \"data-[side=left]:slide-in-from-right-2\",\n \"data-[side=right]:slide-in-from-left-2\",\n \"py-1\",\n className\n )}\n {...props}\n />\n));\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\";\n\n// ─── Shortcut ─────────────────────────────────────────────────────────────────\n\nfunction DropdownMenuShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) {\n return (\n <span\n className={cn(\"ml-auto text-body-sm tracking-widest opacity-50\", className)}\n {...props}\n />\n );\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n};\n"]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
// src/components/kpi-cards.tsx
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
var COLOR_VAR = {
|
|
7
|
+
primary: "var(--color-primary)",
|
|
8
|
+
success: "var(--color-success)",
|
|
9
|
+
warning: "var(--color-warning)",
|
|
10
|
+
error: "var(--color-error)",
|
|
11
|
+
info: "var(--color-info)"
|
|
12
|
+
};
|
|
13
|
+
var KpiCards = React.forwardRef(
|
|
14
|
+
({ metrics }, ref) => /* @__PURE__ */ jsx(
|
|
15
|
+
"div",
|
|
16
|
+
{
|
|
17
|
+
ref,
|
|
18
|
+
className: "grid grid-cols-2 sm:grid-cols-4 gap-4 mb-[var(--space-block)]",
|
|
19
|
+
children: metrics.map((m) => /* @__PURE__ */ jsxs(
|
|
20
|
+
"div",
|
|
21
|
+
{
|
|
22
|
+
className: "bg-[var(--color-surface)] border border-[var(--color-outline-variant)] rounded-[var(--radius-lg)] overflow-hidden",
|
|
23
|
+
children: [
|
|
24
|
+
/* @__PURE__ */ jsx("div", { className: "h-1 w-full", style: { backgroundColor: COLOR_VAR[m.color] } }),
|
|
25
|
+
/* @__PURE__ */ jsxs("div", { className: "p-5", children: [
|
|
26
|
+
/* @__PURE__ */ jsx("p", { className: "text-display-xl text-[var(--color-on-surface)]", children: m.value }),
|
|
27
|
+
m.caption && /* @__PURE__ */ jsx("p", { className: "text-body-sm text-[var(--color-on-surface-var)] mt-0.5", children: m.caption }),
|
|
28
|
+
/* @__PURE__ */ jsx("p", { className: "text-label text-[var(--color-on-surface-var)] mt-2", children: m.label })
|
|
29
|
+
] })
|
|
30
|
+
]
|
|
31
|
+
},
|
|
32
|
+
m.label
|
|
33
|
+
))
|
|
34
|
+
}
|
|
35
|
+
)
|
|
36
|
+
);
|
|
37
|
+
KpiCards.displayName = "KpiCards";
|
|
38
|
+
|
|
39
|
+
export {
|
|
40
|
+
KpiCards
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=chunk-KLHQMRAY.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/kpi-cards.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport type MetricColor = \"primary\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\nexport interface MetricCard {\n label: string;\n value: string | number;\n caption?: string;\n color: MetricColor;\n}\n\nexport interface KpiCardsProps {\n metrics: MetricCard[];\n}\n\nconst COLOR_VAR: Record<MetricColor, string> = {\n primary: \"var(--color-primary)\",\n success: \"var(--color-success)\",\n warning: \"var(--color-warning)\",\n error: \"var(--color-error)\",\n info: \"var(--color-info)\",\n};\n\nconst KpiCards = React.forwardRef<HTMLDivElement, KpiCardsProps>(\n ({ metrics }, ref) => (\n <div\n ref={ref}\n className=\"grid grid-cols-2 sm:grid-cols-4 gap-4 mb-[var(--space-block)]\"\n >\n {metrics.map((m) => (\n <div\n key={m.label}\n className=\"bg-[var(--color-surface)] border border-[var(--color-outline-variant)] rounded-[var(--radius-lg)] overflow-hidden\"\n >\n <div className=\"h-1 w-full\" style={{ backgroundColor: COLOR_VAR[m.color] }} />\n <div className=\"p-5\">\n <p className=\"text-display-xl text-[var(--color-on-surface)]\">\n {m.value}\n </p>\n {m.caption && (\n <p className=\"text-body-sm text-[var(--color-on-surface-var)] mt-0.5\">\n {m.caption}\n </p>\n )}\n <p className=\"text-label text-[var(--color-on-surface-var)] mt-2\">{m.label}</p>\n </div>\n </div>\n ))}\n </div>\n )\n);\nKpiCards.displayName = \"KpiCards\";\n\nexport { KpiCards };\n"],"mappings":";;;AAAA,YAAY,WAAW;AAkCb,cACA,YADA;AAnBV,IAAM,YAAyC;AAAA,EAC7C,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AACR;AAEA,IAAM,WAAiB;AAAA,EACrB,CAAC,EAAE,QAAQ,GAAG,QACZ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MAET,kBAAQ,IAAI,CAAC,MACZ;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV;AAAA,gCAAC,SAAI,WAAU,cAAa,OAAO,EAAE,iBAAiB,UAAU,EAAE,KAAK,EAAE,GAAG;AAAA,YAC5E,qBAAC,SAAI,WAAU,OACb;AAAA,kCAAC,OAAE,WAAU,kDACV,YAAE,OACL;AAAA,cACC,EAAE,WACD,oBAAC,OAAE,WAAU,0DACV,YAAE,SACL;AAAA,cAEF,oBAAC,OAAE,WAAU,sDAAsD,YAAE,OAAM;AAAA,eAC7E;AAAA;AAAA;AAAA,QAdK,EAAE;AAAA,MAeT,CACD;AAAA;AAAA,EACH;AAEJ;AACA,SAAS,cAAc;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
|
|
5
|
+
|
|
6
|
+
// src/components/progress-bar.tsx
|
|
7
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
8
|
+
var _reactprogress = require('@radix-ui/react-progress'); var RadixProgress = _interopRequireWildcard(_reactprogress);
|
|
9
|
+
var _classvarianceauthority = require('class-variance-authority');
|
|
10
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
11
|
+
var trackVariants = _classvarianceauthority.cva.call(void 0,
|
|
12
|
+
"relative w-full overflow-hidden rounded-full bg-[var(--color-surf-container-high)]",
|
|
13
|
+
{
|
|
14
|
+
variants: {
|
|
15
|
+
size: {
|
|
16
|
+
sm: "h-1.5",
|
|
17
|
+
md: "h-2.5",
|
|
18
|
+
lg: "h-4"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: { size: "md" }
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
var fillVariants = _classvarianceauthority.cva.call(void 0,
|
|
25
|
+
"h-full w-full flex-1 rounded-full transition-all duration-[var(--duration-slow)] ease-[var(--ease-out)]",
|
|
26
|
+
{
|
|
27
|
+
variants: {
|
|
28
|
+
variant: {
|
|
29
|
+
default: "bg-[var(--color-primary)]",
|
|
30
|
+
success: "bg-[var(--color-success)]",
|
|
31
|
+
warning: "bg-[var(--color-warning)]",
|
|
32
|
+
error: "bg-[var(--color-error)]"
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
defaultVariants: { variant: "default" }
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
var ProgressBar = React.forwardRef(
|
|
39
|
+
({
|
|
40
|
+
value,
|
|
41
|
+
max = 100,
|
|
42
|
+
label,
|
|
43
|
+
showValue = false,
|
|
44
|
+
caption,
|
|
45
|
+
size,
|
|
46
|
+
variant,
|
|
47
|
+
className
|
|
48
|
+
}, ref) => {
|
|
49
|
+
const clamped = Math.min(Math.max(value, 0), max);
|
|
50
|
+
const pct = max > 0 ? clamped / max * 100 : 0;
|
|
51
|
+
const display = max === 100 ? `${Math.round(pct)}%` : `${clamped}/${max}`;
|
|
52
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunk5SCF3EGTcjs.cn.call(void 0, "flex flex-col gap-1.5 w-full", className), children: [
|
|
53
|
+
(label || showValue) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-2", children: [
|
|
54
|
+
label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-body-sm font-semibold text-[var(--color-on-surface)]", children: label }),
|
|
55
|
+
showValue && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-body-sm text-[var(--color-on-surface-var)] tabular-nums ml-auto", children: display })
|
|
56
|
+
] }),
|
|
57
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
58
|
+
RadixProgress.Root,
|
|
59
|
+
{
|
|
60
|
+
value: clamped,
|
|
61
|
+
max,
|
|
62
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0, trackVariants({ size })),
|
|
63
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
64
|
+
RadixProgress.Indicator,
|
|
65
|
+
{
|
|
66
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0, fillVariants({ variant })),
|
|
67
|
+
style: { transform: `translateX(-${100 - pct}%)` }
|
|
68
|
+
}
|
|
69
|
+
)
|
|
70
|
+
}
|
|
71
|
+
),
|
|
72
|
+
caption && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-body-sm text-[var(--color-on-surface-var)]", children: caption })
|
|
73
|
+
] });
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
ProgressBar.displayName = "ProgressBar";
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
exports.ProgressBar = ProgressBar;
|
|
81
|
+
//# sourceMappingURL=chunk-LBHO3VC4.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-LBHO3VC4.cjs","../src/components/progress-bar.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,2EAAuB;AACvB,sHAA+B;AAC/B,kEAAuC;AA8D/B,+CAAA;AA3DR,IAAM,cAAA,EAAgB,yCAAA;AAAA,EACpB,oFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,EAAA,EAAI;AAAA,MACN;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,KAAK;AAAA,EAChC;AACF,CAAA;AAEA,IAAM,aAAA,EAAe,yCAAA;AAAA,EACnB,yGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,2BAAA;AAAA,QACT,OAAA,EAAS,2BAAA;AAAA,QACT,OAAA,EAAS,2BAAA;AAAA,QACT,KAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,EAAE,OAAA,EAAS,UAAU;AAAA,EACxC;AACF,CAAA;AAWA,IAAM,YAAA,EAAoB,KAAA,CAAA,UAAA;AAAA,EACxB,CACE;AAAA,IACE,KAAA;AAAA,IACA,IAAA,EAAM,GAAA;AAAA,IACN,KAAA;AAAA,IACA,UAAA,EAAY,KAAA;AAAA,IACZ,OAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,EACF,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,QAAA,EAAU,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,KAAA,EAAO,CAAC,CAAA,EAAG,GAAG,CAAA;AAChD,IAAA,MAAM,IAAA,EAAM,IAAA,EAAM,EAAA,EAAK,QAAA,EAAU,IAAA,EAAO,IAAA,EAAM,CAAA;AAC9C,IAAA,MAAM,QAAA,EAAU,IAAA,IAAQ,IAAA,EAAM,CAAA,EAAA;AAG3B,IAAA;AAEC,MAAA;AAEI,QAAA;AAKA,QAAA;AAIJ,MAAA;AAGF,sBAAA;AAAe,QAAA;AAAd,QAAA;AACQ,UAAA;AACP,UAAA;AACc,UAAA;AAEd,UAAA;AAAe,YAAA;AAAd,YAAA;AACe,cAAA;AACM,cAAA;AAA6B,YAAA;AACnD,UAAA;AAAA,QAAA;AACF,MAAA;AAGE,MAAA;AAIF,IAAA;AAEJ,EAAA;AACF;AAE0B;ADvBS;AACA;AACA;AACA","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-LBHO3VC4.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport * as RadixProgress from \"@radix-ui/react-progress\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst trackVariants = cva(\n \"relative w-full overflow-hidden rounded-full bg-[var(--color-surf-container-high)]\",\n {\n variants: {\n size: {\n sm: \"h-1.5\",\n md: \"h-2.5\",\n lg: \"h-4\",\n },\n },\n defaultVariants: { size: \"md\" },\n }\n);\n\nconst fillVariants = cva(\n \"h-full w-full flex-1 rounded-full transition-all duration-[var(--duration-slow)] ease-[var(--ease-out)]\",\n {\n variants: {\n variant: {\n default: \"bg-[var(--color-primary)]\",\n success: \"bg-[var(--color-success)]\",\n warning: \"bg-[var(--color-warning)]\",\n error: \"bg-[var(--color-error)]\",\n },\n },\n defaultVariants: { variant: \"default\" },\n }\n);\n\nexport interface ProgressBarProps extends VariantProps<typeof trackVariants>, VariantProps<typeof fillVariants> {\n value: number;\n max?: number;\n label?: string;\n showValue?: boolean;\n caption?: string;\n className?: string;\n}\n\nconst ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n (\n {\n value,\n max = 100,\n label,\n showValue = false,\n caption,\n size,\n variant,\n className,\n },\n ref\n ) => {\n const clamped = Math.min(Math.max(value, 0), max);\n const pct = max > 0 ? (clamped / max) * 100 : 0;\n const display = max === 100 ? `${Math.round(pct)}%` : `${clamped}/${max}`;\n\n return (\n <div ref={ref} className={cn(\"flex flex-col gap-1.5 w-full\", className)}>\n {(label || showValue) && (\n <div className=\"flex items-center justify-between gap-2\">\n {label && (\n <span className=\"text-body-sm font-semibold text-[var(--color-on-surface)]\">\n {label}\n </span>\n )}\n {showValue && (\n <span className=\"text-body-sm text-[var(--color-on-surface-var)] tabular-nums ml-auto\">\n {display}\n </span>\n )}\n </div>\n )}\n\n <RadixProgress.Root\n value={clamped}\n max={max}\n className={cn(trackVariants({ size }))}\n >\n <RadixProgress.Indicator\n className={cn(fillVariants({ variant }))}\n style={{ transform: `translateX(-${100 - pct}%)` }}\n />\n </RadixProgress.Root>\n\n {caption && (\n <span className=\"text-body-sm text-[var(--color-on-surface-var)]\">\n {caption}\n </span>\n )}\n </div>\n );\n }\n);\n\nProgressBar.displayName = \"ProgressBar\";\nexport { ProgressBar };\n"]}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
|
|
5
|
+
|
|
6
|
+
// src/components/button.tsx
|
|
7
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
8
|
+
var _reactslot = require('@radix-ui/react-slot');
|
|
9
|
+
var _classvarianceauthority = require('class-variance-authority');
|
|
10
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
11
|
+
var buttonVariants = _classvarianceauthority.cva.call(void 0,
|
|
12
|
+
[
|
|
13
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded font-body font-semibold text-sm",
|
|
14
|
+
"transition-colors duration-[var(--duration-fast)]",
|
|
15
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)] focus-visible:ring-offset-2",
|
|
16
|
+
"disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"
|
|
17
|
+
],
|
|
18
|
+
{
|
|
19
|
+
variants: {
|
|
20
|
+
variant: {
|
|
21
|
+
primary: [
|
|
22
|
+
"bg-[var(--color-action-primary)] text-[var(--color-on-action-primary)]",
|
|
23
|
+
"hover:bg-[var(--color-action-primary-hover)]",
|
|
24
|
+
"active:bg-[var(--color-action-primary-active)]"
|
|
25
|
+
],
|
|
26
|
+
secondary: [
|
|
27
|
+
"bg-[var(--color-action-secondary)] text-[var(--color-on-action-secondary)]",
|
|
28
|
+
"hover:brightness-95"
|
|
29
|
+
],
|
|
30
|
+
outlined: [
|
|
31
|
+
"border border-[var(--color-outline)] bg-transparent text-[var(--color-on-surface)]",
|
|
32
|
+
"hover:bg-[var(--state-hover-on-surface)]"
|
|
33
|
+
],
|
|
34
|
+
ghost: [
|
|
35
|
+
"bg-transparent text-[var(--color-on-surface)]",
|
|
36
|
+
"hover:bg-[var(--state-hover-on-surface)]"
|
|
37
|
+
],
|
|
38
|
+
destructive: [
|
|
39
|
+
"bg-[var(--color-error)] text-white",
|
|
40
|
+
"hover:brightness-90"
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
size: {
|
|
44
|
+
sm: "h-7 px-3 text-xs",
|
|
45
|
+
md: "h-8 px-4 text-sm",
|
|
46
|
+
lg: "h-9 px-5 text-sm"
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
defaultVariants: {
|
|
50
|
+
variant: "primary",
|
|
51
|
+
size: "md"
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
);
|
|
55
|
+
var Button = React.forwardRef(
|
|
56
|
+
({ className, variant, size, asChild = false, loading, disabled, children, ...props }, ref) => {
|
|
57
|
+
const Comp = asChild ? _reactslot.Slot : "button";
|
|
58
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
59
|
+
Comp,
|
|
60
|
+
{
|
|
61
|
+
ref,
|
|
62
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0, buttonVariants({ variant, size }), className),
|
|
63
|
+
disabled: disabled || loading,
|
|
64
|
+
...props,
|
|
65
|
+
children: loading ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
66
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
67
|
+
"span",
|
|
68
|
+
{
|
|
69
|
+
className: "size-3.5 animate-spin rounded-full border-2 border-current border-t-transparent",
|
|
70
|
+
"aria-hidden": "true"
|
|
71
|
+
}
|
|
72
|
+
),
|
|
73
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Carregando..." })
|
|
74
|
+
] }) : children
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
Button.displayName = "Button";
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
exports.buttonVariants = buttonVariants; exports.Button = Button;
|
|
85
|
+
//# sourceMappingURL=chunk-LUQS7LYG.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-LUQS7LYG.cjs","../src/components/button.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,2EAAuB;AACvB,iDAAqB;AACrB,kEAAuC;AAmE7B,+CAAA;AAhEV,IAAM,eAAA,EAAiB,yCAAA;AAAA,EACrB;AAAA,IACE,yGAAA;AAAA,IACA,mDAAA;AAAA,IACA,0HAAA;AAAA,IACA;AAAA,EACF,CAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,wEAAA;AAAA,UACA,8CAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACA,SAAA,EAAW;AAAA,UACT,4EAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACA,QAAA,EAAU;AAAA,UACR,oFAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACA,KAAA,EAAO;AAAA,UACL,+CAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACA,WAAA,EAAa;AAAA,UACX,oCAAA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,MACN;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAA;AASA,IAAM,OAAA,EAAe,KAAA,CAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AAC7F,IAAA,MAAM,KAAA,EAAO,QAAA,EAAU,gBAAA,EAAO,QAAA;AAE9B,IAAA,uBACE,6BAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,kCAAA,cAAG,CAAe,EAAE,OAAA,EAAS,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,QAC1D,QAAA,EAAU,SAAA,GAAY,OAAA;AAAA,QACrB,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,QAAA,kBACC,8BAAA,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,6BAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,iFAAA;AAAA,cACV,aAAA,EAAY;AAAA,YAAA;AAAA,UACd,CAAA;AAAA,0BACA,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,gBAAA,CAAa;AAAA,QAAA,EAAA,CACzC,EAAA,EAEA;AAAA,MAAA;AAAA,IAEJ,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,MAAA,CAAO,YAAA,EAAc,QAAA;ADLrB;AACA;AACE;AACA;AACF,iEAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-LUQS7LYG.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst buttonVariants = cva(\n [\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded font-body font-semibold text-sm\",\n \"transition-colors duration-[var(--duration-fast)]\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)] focus-visible:ring-offset-2\",\n \"disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none\",\n ],\n {\n variants: {\n variant: {\n primary: [\n \"bg-[var(--color-action-primary)] text-[var(--color-on-action-primary)]\",\n \"hover:bg-[var(--color-action-primary-hover)]\",\n \"active:bg-[var(--color-action-primary-active)]\",\n ],\n secondary: [\n \"bg-[var(--color-action-secondary)] text-[var(--color-on-action-secondary)]\",\n \"hover:brightness-95\",\n ],\n outlined: [\n \"border border-[var(--color-outline)] bg-transparent text-[var(--color-on-surface)]\",\n \"hover:bg-[var(--state-hover-on-surface)]\",\n ],\n ghost: [\n \"bg-transparent text-[var(--color-on-surface)]\",\n \"hover:bg-[var(--state-hover-on-surface)]\",\n ],\n destructive: [\n \"bg-[var(--color-error)] text-white\",\n \"hover:brightness-90\",\n ],\n },\n size: {\n sm: \"h-7 px-3 text-xs\",\n md: \"h-8 px-4 text-sm\",\n lg: \"h-9 px-5 text-sm\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\n },\n }\n);\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n loading?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, loading, disabled, children, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\";\n\n return (\n <Comp\n ref={ref}\n className={cn(buttonVariants({ variant, size }), className)}\n disabled={disabled || loading}\n {...props}\n >\n {loading ? (\n <>\n <span\n className=\"size-3.5 animate-spin rounded-full border-2 border-current border-t-transparent\"\n aria-hidden=\"true\"\n />\n <span className=\"sr-only\">Carregando...</span>\n </>\n ) : (\n children\n )}\n </Comp>\n );\n }\n);\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"]}
|