@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,274 @@
|
|
|
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; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkQSRVMLALcjs = require('./chunk-QSRVMLAL.cjs');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunkR5SUYP2Fcjs = require('./chunk-R5SUYP2F.cjs');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
var _chunkABFMWZVIcjs = require('./chunk-ABFMWZVI.cjs');
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
var _chunk4EEFY4FUcjs = require('./chunk-4EEFY4FU.cjs');
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
var _chunk5XB7CPVPcjs = require('./chunk-5XB7CPVP.cjs');
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
var _chunk76G7PKIJcjs = require('./chunk-76G7PKIJ.cjs');
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
var _chunkGGZSDAN3cjs = require('./chunk-GGZSDAN3.cjs');
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
var _chunkLUQS7LYGcjs = require('./chunk-LUQS7LYG.cjs');
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
var _chunkRZQAADXKcjs = require('./chunk-RZQAADXK.cjs');
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
|
|
32
|
+
|
|
33
|
+
// src/components/list-page.tsx
|
|
34
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
35
|
+
var _lucidereact = require('lucide-react');
|
|
36
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
37
|
+
var Root = React.forwardRef(
|
|
38
|
+
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk5SCF3EGTcjs.cn.call(void 0, "flex flex-col", className), ...props })
|
|
39
|
+
);
|
|
40
|
+
Root.displayName = "ListPage.Root";
|
|
41
|
+
function Header({
|
|
42
|
+
title,
|
|
43
|
+
description,
|
|
44
|
+
breadcrumbs,
|
|
45
|
+
primaryAction,
|
|
46
|
+
secondaryActions
|
|
47
|
+
}) {
|
|
48
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-[var(--space-block)]", children: [
|
|
49
|
+
breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: "flex items-center gap-1 mb-2 text-body-sm text-[var(--color-on-surface-var)]", children: breadcrumbs.map((b, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, React.Fragment, { children: [
|
|
50
|
+
i > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "/" }),
|
|
51
|
+
b.href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
52
|
+
"a",
|
|
53
|
+
{
|
|
54
|
+
href: _chunkR5SUYP2Fcjs.safeHref.call(void 0, b.href),
|
|
55
|
+
className: "hover:text-[var(--color-on-surface)] transition-colors",
|
|
56
|
+
children: b.label
|
|
57
|
+
}
|
|
58
|
+
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: b.label })
|
|
59
|
+
] }, i)) }),
|
|
60
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start justify-between gap-4", children: [
|
|
61
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
|
|
62
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-display-sm text-[var(--color-on-surface)]", children: title }),
|
|
63
|
+
description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-body-md text-[var(--color-on-surface-var)] mt-1", children: description })
|
|
64
|
+
] }),
|
|
65
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 shrink-0", children: [
|
|
66
|
+
_optionalChain([secondaryActions, 'optionalAccess', _ => _.map, 'call', _2 => _2((a) => {
|
|
67
|
+
const Icon = a.icon;
|
|
68
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLUQS7LYGcjs.Button, { variant: "outlined", size: "sm", onClick: a.onClick, children: [
|
|
69
|
+
Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: "size-4" }),
|
|
70
|
+
a.label
|
|
71
|
+
] }, a.label);
|
|
72
|
+
})]),
|
|
73
|
+
primaryAction && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLUQS7LYGcjs.Button, { variant: "primary", size: "md", onClick: primaryAction.onClick, children: primaryAction.label })
|
|
74
|
+
] })
|
|
75
|
+
] })
|
|
76
|
+
] });
|
|
77
|
+
}
|
|
78
|
+
function Metrics({ metrics }) {
|
|
79
|
+
if (!metrics.length) return null;
|
|
80
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76G7PKIJcjs.KpiCards, { metrics });
|
|
81
|
+
}
|
|
82
|
+
var Card = React.forwardRef(
|
|
83
|
+
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
84
|
+
"div",
|
|
85
|
+
{
|
|
86
|
+
ref,
|
|
87
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
88
|
+
"bg-[var(--color-surface)] border border-[var(--color-outline-variant)]",
|
|
89
|
+
"rounded-[var(--radius-lg)] overflow-hidden",
|
|
90
|
+
className
|
|
91
|
+
),
|
|
92
|
+
...props
|
|
93
|
+
}
|
|
94
|
+
)
|
|
95
|
+
);
|
|
96
|
+
Card.displayName = "ListPage.Card";
|
|
97
|
+
var Toolbar = React.forwardRef(
|
|
98
|
+
({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
99
|
+
"div",
|
|
100
|
+
{
|
|
101
|
+
ref,
|
|
102
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
103
|
+
"border-b border-[var(--color-outline-variant)]",
|
|
104
|
+
"flex items-center gap-3 px-4 py-3",
|
|
105
|
+
className
|
|
106
|
+
),
|
|
107
|
+
...props,
|
|
108
|
+
children
|
|
109
|
+
}
|
|
110
|
+
)
|
|
111
|
+
);
|
|
112
|
+
Toolbar.displayName = "ListPage.Toolbar";
|
|
113
|
+
var SearchInput = React.forwardRef(
|
|
114
|
+
({ placeholder = "Buscar...", value, onChange }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex-1 max-w-xs", children: [
|
|
115
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
116
|
+
_lucidereact.Search,
|
|
117
|
+
{
|
|
118
|
+
className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--color-on-surface-var)]",
|
|
119
|
+
"aria-hidden": "true"
|
|
120
|
+
}
|
|
121
|
+
),
|
|
122
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
123
|
+
"input",
|
|
124
|
+
{
|
|
125
|
+
ref,
|
|
126
|
+
type: "search",
|
|
127
|
+
placeholder,
|
|
128
|
+
value,
|
|
129
|
+
onChange: (e) => _optionalChain([onChange, 'optionalCall', _3 => _3(e.target.value)]),
|
|
130
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
131
|
+
"w-full h-8 pl-9 pr-3 text-body-md rounded-[var(--radius-md)]",
|
|
132
|
+
"border border-[var(--color-outline)] bg-[var(--color-surf-container)]",
|
|
133
|
+
"text-[var(--color-on-surface)] placeholder:text-[var(--color-on-surface-var)]",
|
|
134
|
+
"focus:outline-none focus:border-[var(--color-action-primary)] focus:ring-2 focus:ring-[var(--state-focus-ring)]"
|
|
135
|
+
)
|
|
136
|
+
}
|
|
137
|
+
)
|
|
138
|
+
] })
|
|
139
|
+
);
|
|
140
|
+
SearchInput.displayName = "ListPage.Search";
|
|
141
|
+
function Filters({ filters, active, onChange }) {
|
|
142
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5XB7CPVPcjs.FilterChips, { filters, active, onChange });
|
|
143
|
+
}
|
|
144
|
+
function BulkBar2({ selectedRows, actions, onClear }) {
|
|
145
|
+
const [pendingAction, setPendingAction] = React.useState(null);
|
|
146
|
+
function handleAction(action) {
|
|
147
|
+
if (action.destructive) {
|
|
148
|
+
setPendingAction(action);
|
|
149
|
+
} else {
|
|
150
|
+
action.onClick(selectedRows);
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
function handleConfirm() {
|
|
154
|
+
if (!pendingAction) return;
|
|
155
|
+
pendingAction.onClick(selectedRows);
|
|
156
|
+
setPendingAction(null);
|
|
157
|
+
onClear();
|
|
158
|
+
}
|
|
159
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
160
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
161
|
+
_chunkGGZSDAN3cjs.BulkBar,
|
|
162
|
+
{
|
|
163
|
+
count: selectedRows.length,
|
|
164
|
+
bulkActions: actions,
|
|
165
|
+
onClear,
|
|
166
|
+
onAction: handleAction
|
|
167
|
+
}
|
|
168
|
+
),
|
|
169
|
+
pendingAction && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
170
|
+
_chunkABFMWZVIcjs.DestructiveDialog,
|
|
171
|
+
{
|
|
172
|
+
open: !!pendingAction,
|
|
173
|
+
onClose: () => setPendingAction(null),
|
|
174
|
+
onConfirm: handleConfirm,
|
|
175
|
+
title: _nullishCoalesce(pendingAction.confirmTitle, () => ( pendingAction.label)),
|
|
176
|
+
description: `Esta a\xE7\xE3o ser\xE1 aplicada a ${selectedRows.length} item${selectedRows.length !== 1 ? "s" : ""} e n\xE3o pode ser desfeita.`,
|
|
177
|
+
consequenceList: pendingAction.consequenceList,
|
|
178
|
+
confirmLabel: _nullishCoalesce(pendingAction.confirmLabel, () => ( pendingAction.label))
|
|
179
|
+
}
|
|
180
|
+
)
|
|
181
|
+
] });
|
|
182
|
+
}
|
|
183
|
+
function Body({
|
|
184
|
+
columns,
|
|
185
|
+
rows,
|
|
186
|
+
rowKey,
|
|
187
|
+
selectedRows,
|
|
188
|
+
onSelectRows,
|
|
189
|
+
loading,
|
|
190
|
+
empty,
|
|
191
|
+
emptyState,
|
|
192
|
+
noResults,
|
|
193
|
+
error,
|
|
194
|
+
onRetry,
|
|
195
|
+
defaultSort,
|
|
196
|
+
onSortChange,
|
|
197
|
+
virtualized,
|
|
198
|
+
maxHeight,
|
|
199
|
+
rowHeight
|
|
200
|
+
}) {
|
|
201
|
+
const showEmpty = !loading && (empty || rows.length === 0) && !noResults && !error;
|
|
202
|
+
const showNoResults = !loading && noResults && rows.length === 0;
|
|
203
|
+
const showError = !loading && error;
|
|
204
|
+
if (showError) {
|
|
205
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
206
|
+
_chunk4EEFY4FUcjs.EmptyState,
|
|
207
|
+
{
|
|
208
|
+
variant: "error",
|
|
209
|
+
title: "Erro ao carregar",
|
|
210
|
+
description: "N\xE3o foi poss\xEDvel carregar os dados.",
|
|
211
|
+
size: "inline",
|
|
212
|
+
primaryAction: onRetry ? { label: "Tentar novamente", onClick: onRetry } : void 0
|
|
213
|
+
}
|
|
214
|
+
);
|
|
215
|
+
}
|
|
216
|
+
if (showNoResults) {
|
|
217
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
218
|
+
_chunk4EEFY4FUcjs.EmptyState,
|
|
219
|
+
{
|
|
220
|
+
variant: "no-results",
|
|
221
|
+
title: "Nenhum resultado",
|
|
222
|
+
description: "Tente ajustar os filtros ou a busca.",
|
|
223
|
+
size: "inline"
|
|
224
|
+
}
|
|
225
|
+
);
|
|
226
|
+
}
|
|
227
|
+
if (showEmpty) {
|
|
228
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
229
|
+
_chunk4EEFY4FUcjs.EmptyState,
|
|
230
|
+
{
|
|
231
|
+
variant: "no-data",
|
|
232
|
+
title: "Nenhum item encontrado",
|
|
233
|
+
size: "inline",
|
|
234
|
+
...emptyState
|
|
235
|
+
}
|
|
236
|
+
);
|
|
237
|
+
}
|
|
238
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
239
|
+
_chunkRZQAADXKcjs.DataTable,
|
|
240
|
+
{
|
|
241
|
+
columns,
|
|
242
|
+
rows,
|
|
243
|
+
rowKey,
|
|
244
|
+
selectedRows,
|
|
245
|
+
onSelectRows,
|
|
246
|
+
loading,
|
|
247
|
+
defaultSort,
|
|
248
|
+
onSortChange,
|
|
249
|
+
virtualized,
|
|
250
|
+
maxHeight,
|
|
251
|
+
rowHeight
|
|
252
|
+
}
|
|
253
|
+
);
|
|
254
|
+
}
|
|
255
|
+
function Pagination(props) {
|
|
256
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQSRVMLALcjs.PaginationBar, { ...props });
|
|
257
|
+
}
|
|
258
|
+
var ListPage = {
|
|
259
|
+
Root,
|
|
260
|
+
Header,
|
|
261
|
+
Metrics,
|
|
262
|
+
Card,
|
|
263
|
+
Toolbar,
|
|
264
|
+
Search: SearchInput,
|
|
265
|
+
Filters,
|
|
266
|
+
BulkBar: BulkBar2,
|
|
267
|
+
Body,
|
|
268
|
+
Pagination
|
|
269
|
+
};
|
|
270
|
+
|
|
271
|
+
|
|
272
|
+
|
|
273
|
+
exports.ListPage = ListPage;
|
|
274
|
+
//# sourceMappingURL=chunk-62OTWTBL.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-62OTWTBL.cjs","../src/components/list-page.tsx"],"names":["BulkBar","Fragment"],"mappings":"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","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-62OTWTBL.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { Search } from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { Button } from \"./button\";\nimport { EmptyState, type EmptyStateProps } from \"./empty-state\";\nimport { DestructiveDialog } from \"./destructive-dialog\";\nimport { KpiCards, type MetricCard } from \"./kpi-cards\";\nimport { FilterChips, type ListPageFilter } from \"./filter-chips\";\nimport { BulkBar as BaseBulkBar, type ListPageBulkAction } from \"./bulk-bar\";\nimport {\n DataTable,\n type DataTableColumn,\n type DataTableSort,\n} from \"./data-table\";\nimport { PaginationBar } from \"./pagination-bar\";\nimport { cn } from \"../lib/utils\";\nimport { safeHref } from \"../lib/safe-href\";\n\nexport type {\n MetricCard,\n ListPageFilter,\n ListPageBulkAction,\n DataTableColumn,\n DataTableSort,\n};\n\n// ─── Root ─────────────────────────────────────────────────────────────────────\n\nconst Root = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex flex-col\", className)} {...props} />\n )\n);\nRoot.displayName = \"ListPage.Root\";\n\n// ─── Header ───────────────────────────────────────────────────────────────────\n\nexport interface ListPageHeaderProps {\n title: string;\n description?: string;\n breadcrumbs?: { label: string; href?: string }[];\n primaryAction?: { label: string; onClick: () => void };\n secondaryActions?: { label: string; onClick: () => void; icon?: LucideIcon }[];\n}\n\nfunction Header({\n title,\n description,\n breadcrumbs,\n primaryAction,\n secondaryActions,\n}: ListPageHeaderProps) {\n return (\n <div className=\"mb-[var(--space-block)]\">\n {breadcrumbs && breadcrumbs.length > 0 && (\n <nav className=\"flex items-center gap-1 mb-2 text-body-sm text-[var(--color-on-surface-var)]\">\n {breadcrumbs.map((b, i) => (\n <React.Fragment key={i}>\n {i > 0 && <span>/</span>}\n {b.href ? (\n <a\n href={safeHref(b.href)}\n className=\"hover:text-[var(--color-on-surface)] transition-colors\"\n >\n {b.label}\n </a>\n ) : (\n <span>{b.label}</span>\n )}\n </React.Fragment>\n ))}\n </nav>\n )}\n <div className=\"flex items-start justify-between gap-4\">\n <div>\n <h1 className=\"text-display-sm text-[var(--color-on-surface)]\">{title}</h1>\n {description && (\n <p className=\"text-body-md text-[var(--color-on-surface-var)] mt-1\">\n {description}\n </p>\n )}\n </div>\n <div className=\"flex items-center gap-2 shrink-0\">\n {secondaryActions?.map((a) => {\n const Icon = a.icon;\n return (\n <Button key={a.label} variant=\"outlined\" size=\"sm\" onClick={a.onClick}>\n {Icon && <Icon className=\"size-4\" />}\n {a.label}\n </Button>\n );\n })}\n {primaryAction && (\n <Button variant=\"primary\" size=\"md\" onClick={primaryAction.onClick}>\n {primaryAction.label}\n </Button>\n )}\n </div>\n </div>\n </div>\n );\n}\n\n// ─── Metrics ──────────────────────────────────────────────────────────────────\n\nfunction Metrics({ metrics }: { metrics: MetricCard[] }) {\n if (!metrics.length) return null;\n return <KpiCards metrics={metrics} />;\n}\n\n// ─── Card ─────────────────────────────────────────────────────────────────────\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n \"bg-[var(--color-surface)] border border-[var(--color-outline-variant)]\",\n \"rounded-[var(--radius-lg)] overflow-hidden\",\n className\n )}\n {...props}\n />\n )\n);\nCard.displayName = \"ListPage.Card\";\n\n// ─── Toolbar ──────────────────────────────────────────────────────────────────\n\nconst Toolbar = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, children, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n \"border-b border-[var(--color-outline-variant)]\",\n \"flex items-center gap-3 px-4 py-3\",\n className\n )}\n {...props}\n >\n {children}\n </div>\n )\n);\nToolbar.displayName = \"ListPage.Toolbar\";\n\n// ─── Search ───────────────────────────────────────────────────────────────────\n\nexport interface ListPageSearchProps {\n placeholder?: string;\n value?: string;\n onChange?: (value: string) => void;\n}\n\nconst SearchInput = React.forwardRef<HTMLInputElement, ListPageSearchProps>(\n ({ placeholder = \"Buscar...\", value, onChange }, ref) => (\n <div className=\"relative flex-1 max-w-xs\">\n <Search\n className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--color-on-surface-var)]\"\n aria-hidden=\"true\"\n />\n <input\n ref={ref}\n type=\"search\"\n placeholder={placeholder}\n value={value}\n onChange={(e) => onChange?.(e.target.value)}\n className={cn(\n \"w-full h-8 pl-9 pr-3 text-body-md rounded-[var(--radius-md)]\",\n \"border border-[var(--color-outline)] bg-[var(--color-surf-container)]\",\n \"text-[var(--color-on-surface)] placeholder:text-[var(--color-on-surface-var)]\",\n \"focus:outline-none focus:border-[var(--color-action-primary)] focus:ring-2 focus:ring-[var(--state-focus-ring)]\"\n )}\n />\n </div>\n )\n);\nSearchInput.displayName = \"ListPage.Search\";\n\n// ─── Filters ──────────────────────────────────────────────────────────────────\n\nexport interface ListPageFiltersProps {\n filters: ListPageFilter[];\n active: string;\n onChange: (value: string) => void;\n}\n\nfunction Filters({ filters, active, onChange }: ListPageFiltersProps) {\n return <FilterChips filters={filters} active={active} onChange={onChange} />;\n}\n\n// ─── BulkBar ──────────────────────────────────────────────────────────────────\n\nexport interface ListPageBulkBarProps {\n selectedRows: string[];\n actions: ListPageBulkAction[];\n onClear: () => void;\n}\n\nfunction BulkBar({ selectedRows, actions, onClear }: ListPageBulkBarProps) {\n const [pendingAction, setPendingAction] =\n React.useState<ListPageBulkAction | null>(null);\n\n function handleAction(action: ListPageBulkAction) {\n if (action.destructive) {\n setPendingAction(action);\n } else {\n action.onClick(selectedRows);\n }\n }\n\n function handleConfirm() {\n if (!pendingAction) return;\n pendingAction.onClick(selectedRows);\n setPendingAction(null);\n onClear();\n }\n\n return (\n <>\n <BaseBulkBar\n count={selectedRows.length}\n bulkActions={actions}\n onClear={onClear}\n onAction={handleAction}\n />\n {pendingAction && (\n <DestructiveDialog\n open={!!pendingAction}\n onClose={() => setPendingAction(null)}\n onConfirm={handleConfirm}\n title={pendingAction.confirmTitle ?? pendingAction.label}\n description={`Esta ação será aplicada a ${selectedRows.length} item${\n selectedRows.length !== 1 ? \"s\" : \"\"\n } e não pode ser desfeita.`}\n consequenceList={pendingAction.consequenceList}\n confirmLabel={pendingAction.confirmLabel ?? pendingAction.label}\n />\n )}\n </>\n );\n}\n\n// ─── Body ─────────────────────────────────────────────────────────────────────\n\nexport interface ListPageBodyProps<T> {\n columns: DataTableColumn<T>[];\n rows: T[];\n rowKey: keyof T | ((row: T) => string);\n selectedRows?: string[];\n onSelectRows?: (ids: string[]) => void;\n loading?: boolean;\n empty?: boolean;\n emptyState?: Partial<EmptyStateProps>;\n noResults?: boolean;\n error?: boolean;\n onRetry?: () => void;\n defaultSort?: DataTableSort;\n onSortChange?: (sort: DataTableSort | null) => void;\n virtualized?: boolean;\n maxHeight?: string | number;\n rowHeight?: number;\n}\n\nfunction Body<T>({\n columns,\n rows,\n rowKey,\n selectedRows,\n onSelectRows,\n loading,\n empty,\n emptyState,\n noResults,\n error,\n onRetry,\n defaultSort,\n onSortChange,\n virtualized,\n maxHeight,\n rowHeight,\n}: ListPageBodyProps<T>) {\n const showEmpty = !loading && (empty || rows.length === 0) && !noResults && !error;\n const showNoResults = !loading && noResults && rows.length === 0;\n const showError = !loading && error;\n\n if (showError) {\n return (\n <EmptyState\n variant=\"error\"\n title=\"Erro ao carregar\"\n description=\"Não foi possível carregar os dados.\"\n size=\"inline\"\n primaryAction={\n onRetry ? { label: \"Tentar novamente\", onClick: onRetry } : undefined\n }\n />\n );\n }\n if (showNoResults) {\n return (\n <EmptyState\n variant=\"no-results\"\n title=\"Nenhum resultado\"\n description=\"Tente ajustar os filtros ou a busca.\"\n size=\"inline\"\n />\n );\n }\n if (showEmpty) {\n return (\n <EmptyState\n variant=\"no-data\"\n title=\"Nenhum item encontrado\"\n size=\"inline\"\n {...emptyState}\n />\n );\n }\n return (\n <DataTable\n columns={columns}\n rows={rows}\n rowKey={rowKey}\n selectedRows={selectedRows}\n onSelectRows={onSelectRows}\n loading={loading}\n defaultSort={defaultSort}\n onSortChange={onSortChange}\n virtualized={virtualized}\n maxHeight={maxHeight}\n rowHeight={rowHeight}\n />\n );\n}\n\n// ─── Pagination ───────────────────────────────────────────────────────────────\n\nexport interface ListPagePaginationProps {\n page: number;\n pageSize: number;\n total: number;\n onPageChange: (page: number) => void;\n}\n\nfunction Pagination(props: ListPagePaginationProps) {\n return <PaginationBar {...props} />;\n}\n\n// ─── Compound export ─────────────────────────────────────────────────────────\n\nconst ListPage = {\n Root,\n Header,\n Metrics,\n Card,\n Toolbar,\n Search: SearchInput,\n Filters,\n BulkBar,\n Body,\n Pagination,\n};\n\nexport { ListPage };\n"]}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
cn
|
|
4
|
+
} from "./chunk-KQJCGTS3.js";
|
|
5
|
+
|
|
6
|
+
// src/components/input.tsx
|
|
7
|
+
import * as React from "react";
|
|
8
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
+
var Input = React.forwardRef(
|
|
10
|
+
({ className, label, helperText, error, disabled, id, ...props }, ref) => {
|
|
11
|
+
const generatedId = React.useId();
|
|
12
|
+
const inputId = id ?? generatedId;
|
|
13
|
+
return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
|
|
14
|
+
label && /* @__PURE__ */ jsx(
|
|
15
|
+
"label",
|
|
16
|
+
{
|
|
17
|
+
htmlFor: inputId,
|
|
18
|
+
className: cn(
|
|
19
|
+
"text-body-sm font-semibold text-[var(--color-on-surface)]",
|
|
20
|
+
disabled && "opacity-50"
|
|
21
|
+
),
|
|
22
|
+
children: label
|
|
23
|
+
}
|
|
24
|
+
),
|
|
25
|
+
/* @__PURE__ */ jsx(
|
|
26
|
+
"input",
|
|
27
|
+
{
|
|
28
|
+
ref,
|
|
29
|
+
id: inputId,
|
|
30
|
+
disabled,
|
|
31
|
+
className: cn(
|
|
32
|
+
"h-8 w-full rounded-[var(--radius-md)] border bg-[var(--color-surf-container)]",
|
|
33
|
+
"px-3 text-body-md text-[var(--color-on-surface)] placeholder:text-[var(--color-on-surface-var)]",
|
|
34
|
+
"transition-colors duration-[var(--duration-fast)] outline-none",
|
|
35
|
+
error ? "border-[var(--color-error)] focus-visible:ring-2 focus-visible:ring-[var(--color-error)]" : [
|
|
36
|
+
"border-[var(--color-outline)]",
|
|
37
|
+
"focus:border-[var(--color-action-primary)] focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]"
|
|
38
|
+
],
|
|
39
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
40
|
+
className
|
|
41
|
+
),
|
|
42
|
+
...props
|
|
43
|
+
}
|
|
44
|
+
),
|
|
45
|
+
helperText && /* @__PURE__ */ jsx(
|
|
46
|
+
"span",
|
|
47
|
+
{
|
|
48
|
+
className: cn(
|
|
49
|
+
"text-body-sm",
|
|
50
|
+
error ? "text-[var(--color-error)]" : "text-[var(--color-on-surface-var)]"
|
|
51
|
+
),
|
|
52
|
+
children: helperText
|
|
53
|
+
}
|
|
54
|
+
)
|
|
55
|
+
] });
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
Input.displayName = "Input";
|
|
59
|
+
|
|
60
|
+
export {
|
|
61
|
+
Input
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=chunk-6GT2L3FX.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n label?: string;\n helperText?: string;\n error?: boolean;\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, label, helperText, error, disabled, id, ...props }, ref) => {\n const generatedId = React.useId();\n const inputId = id ?? generatedId;\n\n return (\n <div className=\"flex flex-col gap-1\">\n {label && (\n <label\n htmlFor={inputId}\n className={cn(\n \"text-body-sm font-semibold text-[var(--color-on-surface)]\",\n disabled && \"opacity-50\"\n )}\n >\n {label}\n </label>\n )}\n <input\n ref={ref}\n id={inputId}\n disabled={disabled}\n className={cn(\n \"h-8 w-full rounded-[var(--radius-md)] border bg-[var(--color-surf-container)]\",\n \"px-3 text-body-md text-[var(--color-on-surface)] placeholder:text-[var(--color-on-surface-var)]\",\n \"transition-colors duration-[var(--duration-fast)] outline-none\",\n error\n ? \"border-[var(--color-error)] focus-visible:ring-2 focus-visible:ring-[var(--color-error)]\"\n : [\n \"border-[var(--color-outline)]\",\n \"focus:border-[var(--color-action-primary)] focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\",\n ],\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\n className\n )}\n {...props}\n />\n {helperText && (\n <span\n className={cn(\n \"text-body-sm\",\n error ? \"text-[var(--color-error)]\" : \"text-[var(--color-on-surface-var)]\"\n )}\n >\n {helperText}\n </span>\n )}\n </div>\n );\n }\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"mappings":";;;;;;AAAA,YAAY,WAAW;AAejB,SAEI,KAFJ;AANN,IAAM,QAAc;AAAA,EAClB,CAAC,EAAE,WAAW,OAAO,YAAY,OAAO,UAAU,IAAI,GAAG,MAAM,GAAG,QAAQ;AACxE,UAAM,cAAoB,YAAM;AAChC,UAAM,UAAU,MAAM;AAEtB,WACE,qBAAC,SAAI,WAAU,uBACZ;AAAA,eACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAW;AAAA,YACT;AAAA,YACA,YAAY;AAAA,UACd;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,IAAI;AAAA,UACJ;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA,QACI,6FACA;AAAA,cACE;AAAA,cACA;AAAA,YACF;AAAA,YACJ;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,MACC,cACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,QAAQ,8BAA8B;AAAA,UACxC;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,OAEJ;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;","names":[]}
|
|
@@ -0,0 +1,67 @@
|
|
|
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/card.tsx
|
|
7
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
8
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
9
|
+
var Card = React.forwardRef(
|
|
10
|
+
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
11
|
+
"div",
|
|
12
|
+
{
|
|
13
|
+
ref,
|
|
14
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
15
|
+
"bg-[var(--color-surf-container)] border border-[var(--color-outline-variant)]",
|
|
16
|
+
"rounded-[var(--radius-lg)] shadow-sm",
|
|
17
|
+
className
|
|
18
|
+
),
|
|
19
|
+
...props
|
|
20
|
+
}
|
|
21
|
+
)
|
|
22
|
+
);
|
|
23
|
+
Card.displayName = "Card";
|
|
24
|
+
var CardHeader = React.forwardRef(
|
|
25
|
+
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
26
|
+
"div",
|
|
27
|
+
{
|
|
28
|
+
ref,
|
|
29
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0, "flex flex-col gap-1.5 p-[var(--space-block)]", className),
|
|
30
|
+
...props
|
|
31
|
+
}
|
|
32
|
+
)
|
|
33
|
+
);
|
|
34
|
+
CardHeader.displayName = "CardHeader";
|
|
35
|
+
var CardContent = React.forwardRef(
|
|
36
|
+
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
37
|
+
"div",
|
|
38
|
+
{
|
|
39
|
+
ref,
|
|
40
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0, "px-[var(--space-block)] pb-[var(--space-block)]", className),
|
|
41
|
+
...props
|
|
42
|
+
}
|
|
43
|
+
)
|
|
44
|
+
);
|
|
45
|
+
CardContent.displayName = "CardContent";
|
|
46
|
+
var CardFooter = React.forwardRef(
|
|
47
|
+
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
48
|
+
"div",
|
|
49
|
+
{
|
|
50
|
+
ref,
|
|
51
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
52
|
+
"flex items-center px-[var(--space-block)] pb-[var(--space-block)]",
|
|
53
|
+
className
|
|
54
|
+
),
|
|
55
|
+
...props
|
|
56
|
+
}
|
|
57
|
+
)
|
|
58
|
+
);
|
|
59
|
+
CardFooter.displayName = "CardFooter";
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
exports.Card = Card; exports.CardHeader = CardHeader; exports.CardContent = CardContent; exports.CardFooter = CardFooter;
|
|
67
|
+
//# sourceMappingURL=chunk-6HFYY5KR.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-6HFYY5KR.cjs","../src/components/card.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,2EAAuB;AAKnB,+CAAA;AAFJ,IAAM,KAAA,EAAa,KAAA,CAAA,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBACxB,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA;AAAA,QACT,+EAAA;AAAA,QACA,sCAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAA;AACA,IAAA,CAAK,YAAA,EAAc,MAAA;AAEnB,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBACxB,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA,8CAAG,EAAgD,SAAS,CAAA;AAAA,MACtE,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAA;AACA,UAAA,CAAW,YAAA,EAAc,YAAA;AAEzB,IAAM,YAAA,EAAoB,KAAA,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBACxB,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA,iDAAG,EAAmD,SAAS,CAAA;AAAA,MACzE,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAA;AACA,WAAA,CAAY,YAAA,EAAc,aAAA;AAE1B,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBACxB,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA;AAAA,QACT,mEAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAA;AACA,UAAA,CAAW,YAAA,EAAc,YAAA;ADOzB;AACA;AACE;AACA;AACA;AACA;AACF,yHAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-6HFYY5KR.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport { cn } from \"../lib/utils\";\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n \"bg-[var(--color-surf-container)] border border-[var(--color-outline-variant)]\",\n \"rounded-[var(--radius-lg)] shadow-sm\",\n className\n )}\n {...props}\n />\n )\n);\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex flex-col gap-1.5 p-[var(--space-block)]\", className)}\n {...props}\n />\n )\n);\nCardHeader.displayName = \"CardHeader\";\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"px-[var(--space-block)] pb-[var(--space-block)]\", className)}\n {...props}\n />\n )\n);\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n \"flex items-center px-[var(--space-block)] pb-[var(--space-block)]\",\n className\n )}\n {...props}\n />\n )\n);\nCardFooter.displayName = \"CardFooter\";\n\nexport { Card, CardHeader, CardContent, CardFooter };\n"]}
|
|
@@ -0,0 +1,61 @@
|
|
|
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/tabs.tsx
|
|
7
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
8
|
+
var _reacttabs = require('@radix-ui/react-tabs'); var RadixTabs = _interopRequireWildcard(_reacttabs);
|
|
9
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
10
|
+
var TabsRoot = RadixTabs.Root;
|
|
11
|
+
var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
12
|
+
RadixTabs.List,
|
|
13
|
+
{
|
|
14
|
+
ref,
|
|
15
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
16
|
+
"flex items-center border-b border-[var(--color-outline-variant)]",
|
|
17
|
+
"bg-[var(--color-surf-container-low)] w-full",
|
|
18
|
+
className
|
|
19
|
+
),
|
|
20
|
+
...props
|
|
21
|
+
}
|
|
22
|
+
));
|
|
23
|
+
TabsList.displayName = "TabsList";
|
|
24
|
+
var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25
|
+
RadixTabs.Trigger,
|
|
26
|
+
{
|
|
27
|
+
ref,
|
|
28
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
29
|
+
"inline-flex items-center justify-center px-4 py-2.5",
|
|
30
|
+
"text-body-md font-semibold whitespace-nowrap",
|
|
31
|
+
"text-[var(--color-on-surface-var)] border-b-2 border-transparent -mb-px",
|
|
32
|
+
"hover:text-[var(--color-on-surface)] transition-colors duration-[var(--duration-fast)]",
|
|
33
|
+
"data-[state=active]:text-[var(--color-primary)] data-[state=active]:border-b-[var(--color-primary)]",
|
|
34
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)] focus-visible:ring-inset",
|
|
35
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
36
|
+
className
|
|
37
|
+
),
|
|
38
|
+
...props
|
|
39
|
+
}
|
|
40
|
+
));
|
|
41
|
+
TabsTrigger.displayName = "TabsTrigger";
|
|
42
|
+
var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
43
|
+
RadixTabs.Content,
|
|
44
|
+
{
|
|
45
|
+
ref,
|
|
46
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
47
|
+
"mt-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]",
|
|
48
|
+
className
|
|
49
|
+
),
|
|
50
|
+
...props
|
|
51
|
+
}
|
|
52
|
+
));
|
|
53
|
+
TabsContent.displayName = "TabsContent";
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
exports.TabsRoot = TabsRoot; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger; exports.TabsContent = TabsContent;
|
|
61
|
+
//# sourceMappingURL=chunk-6NZHRSXB.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-6NZHRSXB.cjs","../src/components/tabs.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,2EAAuB;AACvB,sGAA2B;AASzB,+CAAA;AANF,IAAM,SAAA,EAAqB,SAAA,CAAA,IAAA;AAE3B,IAAM,SAAA,EAAiB,KAAA,CAAA,UAAA,CAGrB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAW,SAAA,CAAA,IAAA;AAAA,EAAV;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,kCAAA;AAAA,MACT,kEAAA;AAAA,MACA,6CAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,QAAA,CAAS,YAAA,EAAc,UAAA;AAEvB,IAAM,YAAA,EAAoB,KAAA,CAAA,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAW,SAAA,CAAA,OAAA;AAAA,EAAV;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,kCAAA;AAAA,MACT,qDAAA;AAAA,MACA,8CAAA;AAAA,MACA,yEAAA;AAAA,MACA,wFAAA;AAAA,MACA,qGAAA;AAAA,MACA,uHAAA;AAAA,MACA,iDAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,WAAA,CAAY,YAAA,EAAc,aAAA;AAE1B,IAAM,YAAA,EAAoB,KAAA,CAAA,UAAA,CAGxB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAW,SAAA,CAAA,OAAA;AAAA,EAAV;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,kCAAA;AAAA,MACT,mGAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD,CAAA;AACD,WAAA,CAAY,YAAA,EAAc,aAAA;ADL1B;AACA;AACE;AACA;AACA;AACA;AACF,+HAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-6NZHRSXB.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport * as RadixTabs from \"@radix-ui/react-tabs\";\nimport { cn } from \"../lib/utils\";\n\nconst TabsRoot = RadixTabs.Root;\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof RadixTabs.List>,\n React.ComponentPropsWithoutRef<typeof RadixTabs.List>\n>(({ className, ...props }, ref) => (\n <RadixTabs.List\n ref={ref}\n className={cn(\n \"flex items-center border-b border-[var(--color-outline-variant)]\",\n \"bg-[var(--color-surf-container-low)] w-full\",\n className\n )}\n {...props}\n />\n));\nTabsList.displayName = \"TabsList\";\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof RadixTabs.Trigger>,\n React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>\n>(({ className, ...props }, ref) => (\n <RadixTabs.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center px-4 py-2.5\",\n \"text-body-md font-semibold whitespace-nowrap\",\n \"text-[var(--color-on-surface-var)] border-b-2 border-transparent -mb-px\",\n \"hover:text-[var(--color-on-surface)] transition-colors duration-[var(--duration-fast)]\",\n \"data-[state=active]:text-[var(--color-primary)] data-[state=active]:border-b-[var(--color-primary)]\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)] focus-visible:ring-inset\",\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\n className\n )}\n {...props}\n />\n));\nTabsTrigger.displayName = \"TabsTrigger\";\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof RadixTabs.Content>,\n React.ComponentPropsWithoutRef<typeof RadixTabs.Content>\n>(({ className, ...props }, ref) => (\n <RadixTabs.Content\n ref={ref}\n className={cn(\n \"mt-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\",\n className\n )}\n {...props}\n />\n));\nTabsContent.displayName = \"TabsContent\";\n\nexport { TabsRoot, TabsList, TabsTrigger, TabsContent };\n"]}
|
|
@@ -0,0 +1,42 @@
|
|
|
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
|
+
// src/components/kpi-cards.tsx
|
|
4
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
5
|
+
var _jsxruntime = require('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__ */ _jsxruntime.jsx.call(void 0,
|
|
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__ */ _jsxruntime.jsxs.call(void 0,
|
|
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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-1 w-full", style: { backgroundColor: COLOR_VAR[m.color] } }),
|
|
25
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-5", children: [
|
|
26
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-display-xl text-[var(--color-on-surface)]", children: m.value }),
|
|
27
|
+
m.caption && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-body-sm text-[var(--color-on-surface-var)] mt-0.5", children: m.caption }),
|
|
28
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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
|
+
|
|
40
|
+
|
|
41
|
+
exports.KpiCards = KpiCards;
|
|
42
|
+
//# sourceMappingURL=chunk-76G7PKIJ.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-76G7PKIJ.cjs","../src/components/kpi-cards.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACA;ACFA,2EAAuB;AAkCb,+CAAA;AAnBV,IAAM,UAAA,EAAyC;AAAA,EAC7C,OAAA,EAAS,sBAAA;AAAA,EACT,OAAA,EAAS,sBAAA;AAAA,EACT,OAAA,EAAS,sBAAA;AAAA,EACT,KAAA,EAAO,oBAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,SAAA,EAAiB,KAAA,CAAA,UAAA;AAAA,EACrB,CAAC,EAAE,QAAQ,CAAA,EAAG,GAAA,EAAA,mBACZ,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAU,+DAAA;AAAA,MAET,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,EAAA,mBACZ,8BAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEC,SAAA,EAAU,mHAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,YAAA,EAAa,KAAA,EAAO,EAAE,eAAA,EAAiB,SAAA,CAAU,CAAA,CAAE,KAAK,EAAE,EAAA,CAAG,CAAA;AAAA,4BAC5E,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,KAAA,EACb,QAAA,EAAA;AAAA,8BAAA,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAU,gDAAA,EACV,QAAA,EAAA,CAAA,CAAE,MAAA,CACL,CAAA;AAAA,cACC,CAAA,CAAE,QAAA,mBACD,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAU,wDAAA,EACV,QAAA,EAAA,CAAA,CAAE,QAAA,CACL,CAAA;AAAA,8BAEF,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAU,oDAAA,EAAsD,QAAA,EAAA,CAAA,CAAE,MAAA,CAAM;AAAA,YAAA,EAAA,CAC7E;AAAA,UAAA;AAAA,QAAA,CAAA;AAAA,QAdK,CAAA,CAAE;AAAA,MAeT,CACD;AAAA,IAAA;AAAA,EACH;AAEJ,CAAA;AACA,QAAA,CAAS,YAAA,EAAc,UAAA;ADdvB;AACA;AACE;AACF,4BAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-76G7PKIJ.cjs","sourcesContent":[null,"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"]}
|