@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,89 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
Modal
|
|
4
|
+
} from "./chunk-COFNZ2CM.js";
|
|
5
|
+
import {
|
|
6
|
+
Input
|
|
7
|
+
} from "./chunk-6GT2L3FX.js";
|
|
8
|
+
import {
|
|
9
|
+
Button
|
|
10
|
+
} from "./chunk-EMKU3IZY.js";
|
|
11
|
+
|
|
12
|
+
// src/components/destructive-dialog.tsx
|
|
13
|
+
import * as React from "react";
|
|
14
|
+
import { AlertCircle } from "lucide-react";
|
|
15
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
+
function DestructiveDialog({
|
|
17
|
+
open,
|
|
18
|
+
onClose,
|
|
19
|
+
onConfirm,
|
|
20
|
+
title,
|
|
21
|
+
description,
|
|
22
|
+
consequenceList,
|
|
23
|
+
confirmInput,
|
|
24
|
+
confirmLabel,
|
|
25
|
+
loading = false
|
|
26
|
+
}) {
|
|
27
|
+
const [inputValue, setInputValue] = React.useState("");
|
|
28
|
+
const cancelRef = React.useRef(null);
|
|
29
|
+
const isConfirmDisabled = loading || confirmInput !== void 0 && inputValue.trim() !== confirmInput.expectedValue;
|
|
30
|
+
const handleClose = () => {
|
|
31
|
+
setInputValue("");
|
|
32
|
+
onClose();
|
|
33
|
+
};
|
|
34
|
+
React.useEffect(() => {
|
|
35
|
+
if (open) {
|
|
36
|
+
const t = setTimeout(() => cancelRef.current?.focus(), 80);
|
|
37
|
+
return () => clearTimeout(t);
|
|
38
|
+
}
|
|
39
|
+
}, [open]);
|
|
40
|
+
const footer = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
41
|
+
/* @__PURE__ */ jsx(
|
|
42
|
+
Button,
|
|
43
|
+
{
|
|
44
|
+
ref: cancelRef,
|
|
45
|
+
variant: "outlined",
|
|
46
|
+
onClick: handleClose,
|
|
47
|
+
disabled: loading,
|
|
48
|
+
children: "Cancelar"
|
|
49
|
+
}
|
|
50
|
+
),
|
|
51
|
+
/* @__PURE__ */ jsx(
|
|
52
|
+
Button,
|
|
53
|
+
{
|
|
54
|
+
variant: "destructive",
|
|
55
|
+
onClick: onConfirm,
|
|
56
|
+
disabled: isConfirmDisabled,
|
|
57
|
+
loading,
|
|
58
|
+
children: confirmLabel
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
] });
|
|
62
|
+
return /* @__PURE__ */ jsxs(Modal, { open, onClose: handleClose, title, size: "sm", footer, children: [
|
|
63
|
+
/* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsx("div", { className: "size-12 rounded-full bg-[var(--color-error-container)] flex items-center justify-center", children: /* @__PURE__ */ jsx(AlertCircle, { className: "size-6 text-[var(--color-error)]" }) }) }),
|
|
64
|
+
/* @__PURE__ */ jsx("p", { className: "text-body-md text-[var(--color-on-surface-var)] mb-4", children: description }),
|
|
65
|
+
consequenceList && consequenceList.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-4 pl-3 border-l-[3px] border-l-[var(--color-error)] bg-[var(--color-error-container)] rounded-r-[var(--radius-sm)] py-2 pr-3", children: /* @__PURE__ */ jsx("ul", { className: "list-disc list-inside space-y-1", children: consequenceList.map((item, i) => /* @__PURE__ */ jsx(
|
|
66
|
+
"li",
|
|
67
|
+
{
|
|
68
|
+
className: "text-body-sm text-[var(--color-on-error-container)]",
|
|
69
|
+
children: item
|
|
70
|
+
},
|
|
71
|
+
i
|
|
72
|
+
)) }) }),
|
|
73
|
+
confirmInput && /* @__PURE__ */ jsx(
|
|
74
|
+
Input,
|
|
75
|
+
{
|
|
76
|
+
id: "destructive-confirm-input",
|
|
77
|
+
label: confirmInput.label,
|
|
78
|
+
value: inputValue,
|
|
79
|
+
onChange: (e) => setInputValue(e.target.value),
|
|
80
|
+
placeholder: confirmInput.expectedValue
|
|
81
|
+
}
|
|
82
|
+
)
|
|
83
|
+
] });
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
export {
|
|
87
|
+
DestructiveDialog
|
|
88
|
+
};
|
|
89
|
+
//# sourceMappingURL=chunk-BAUTON3J.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/destructive-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { AlertCircle } from \"lucide-react\";\nimport { Modal } from \"./modal\";\nimport { Button } from \"./button\";\nimport { Input } from \"./input\";\n\nexport interface DestructiveDialogProps {\n open: boolean;\n onClose: () => void;\n onConfirm: () => void | Promise<void>;\n title: string;\n description: string;\n consequenceList?: string[];\n confirmInput?: {\n label: string;\n expectedValue: string;\n };\n confirmLabel: string;\n loading?: boolean;\n}\n\nfunction DestructiveDialog({\n open,\n onClose,\n onConfirm,\n title,\n description,\n consequenceList,\n confirmInput,\n confirmLabel,\n loading = false,\n}: DestructiveDialogProps) {\n const [inputValue, setInputValue] = React.useState(\"\");\n const cancelRef = React.useRef<HTMLButtonElement>(null);\n\n const isConfirmDisabled =\n loading ||\n (confirmInput !== undefined &&\n inputValue.trim() !== confirmInput.expectedValue);\n\n const handleClose = () => {\n setInputValue(\"\");\n onClose();\n };\n\n React.useEffect(() => {\n if (open) {\n const t = setTimeout(() => cancelRef.current?.focus(), 80);\n return () => clearTimeout(t);\n }\n }, [open]);\n\n const footer = (\n <>\n <Button\n ref={cancelRef}\n variant=\"outlined\"\n onClick={handleClose}\n disabled={loading}\n >\n Cancelar\n </Button>\n\n <Button\n variant=\"destructive\"\n onClick={onConfirm}\n disabled={isConfirmDisabled}\n loading={loading}\n >\n {confirmLabel}\n </Button>\n </>\n );\n\n return (\n <Modal open={open} onClose={handleClose} title={title} size=\"sm\" footer={footer}>\n {/* Ícone de alerta */}\n <div className=\"flex justify-center mb-4\">\n <div className=\"size-12 rounded-full bg-[var(--color-error-container)] flex items-center justify-center\">\n <AlertCircle className=\"size-6 text-[var(--color-error)]\" />\n </div>\n </div>\n\n <p className=\"text-body-md text-[var(--color-on-surface-var)] mb-4\">\n {description}\n </p>\n\n {consequenceList && consequenceList.length > 0 && (\n <div className=\"mb-4 pl-3 border-l-[3px] border-l-[var(--color-error)] bg-[var(--color-error-container)] rounded-r-[var(--radius-sm)] py-2 pr-3\">\n <ul className=\"list-disc list-inside space-y-1\">\n {consequenceList.map((item, i) => (\n <li\n key={i}\n className=\"text-body-sm text-[var(--color-on-error-container)]\"\n >\n {item}\n </li>\n ))}\n </ul>\n </div>\n )}\n\n {confirmInput && (\n <Input\n id=\"destructive-confirm-input\"\n label={confirmInput.label}\n value={inputValue}\n onChange={(e) => setInputValue(e.target.value)}\n placeholder={confirmInput.expectedValue}\n />\n )}\n </Modal>\n );\n}\n\nexport { DestructiveDialog };\n"],"mappings":";;;;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,mBAAmB;AAoDxB,mBACE,KADF;AAhCJ,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAA2B;AACzB,QAAM,CAAC,YAAY,aAAa,IAAU,eAAS,EAAE;AACrD,QAAM,YAAkB,aAA0B,IAAI;AAEtD,QAAM,oBACJ,WACC,iBAAiB,UAChB,WAAW,KAAK,MAAM,aAAa;AAEvC,QAAM,cAAc,MAAM;AACxB,kBAAc,EAAE;AAChB,YAAQ;AAAA,EACV;AAEA,EAAM,gBAAU,MAAM;AACpB,QAAI,MAAM;AACR,YAAM,IAAI,WAAW,MAAM,UAAU,SAAS,MAAM,GAAG,EAAE;AACzD,aAAO,MAAM,aAAa,CAAC;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,SACJ,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACX;AAAA;AAAA,IAED;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAGF,SACE,qBAAC,SAAM,MAAY,SAAS,aAAa,OAAc,MAAK,MAAK,QAE/D;AAAA,wBAAC,SAAI,WAAU,4BACb,8BAAC,SAAI,WAAU,2FACb,8BAAC,eAAY,WAAU,oCAAmC,GAC5D,GACF;AAAA,IAEA,oBAAC,OAAE,WAAU,wDACV,uBACH;AAAA,IAEC,mBAAmB,gBAAgB,SAAS,KAC3C,oBAAC,SAAI,WAAU,mIACb,8BAAC,QAAG,WAAU,mCACX,0BAAgB,IAAI,CAAC,MAAM,MAC1B;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAET;AAAA;AAAA,MAHI;AAAA,IAIP,CACD,GACH,GACF;AAAA,IAGD,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAO,aAAa;AAAA,QACpB,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,QAC7C,aAAa,aAAa;AAAA;AAAA,IAC5B;AAAA,KAEJ;AAEJ;","names":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
Button
|
|
4
|
+
} from "./chunk-EMKU3IZY.js";
|
|
5
|
+
|
|
6
|
+
// src/components/pagination-bar.tsx
|
|
7
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
+
function PaginationBar({ page, pageSize, total, onPageChange }) {
|
|
9
|
+
const totalPages = Math.max(1, Math.ceil(total / pageSize));
|
|
10
|
+
const start = total === 0 ? 0 : Math.min((page - 1) * pageSize + 1, total);
|
|
11
|
+
const end = Math.min(page * pageSize, total);
|
|
12
|
+
return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t border-[var(--color-outline-variant)]", children: [
|
|
13
|
+
/* @__PURE__ */ jsx(
|
|
14
|
+
Button,
|
|
15
|
+
{
|
|
16
|
+
variant: "outlined",
|
|
17
|
+
size: "sm",
|
|
18
|
+
onClick: () => onPageChange(page - 1),
|
|
19
|
+
disabled: page <= 1,
|
|
20
|
+
children: "\u2190 Anterior"
|
|
21
|
+
}
|
|
22
|
+
),
|
|
23
|
+
/* @__PURE__ */ jsx("span", { className: "text-[13px] text-[var(--color-on-surface-var)]", children: total === 0 ? "Nenhum resultado" : `Mostrando ${start}\u2013${end} de ${total}` }),
|
|
24
|
+
/* @__PURE__ */ jsx(
|
|
25
|
+
Button,
|
|
26
|
+
{
|
|
27
|
+
variant: "outlined",
|
|
28
|
+
size: "sm",
|
|
29
|
+
onClick: () => onPageChange(page + 1),
|
|
30
|
+
disabled: page >= totalPages,
|
|
31
|
+
children: "Pr\xF3ximo \u2192"
|
|
32
|
+
}
|
|
33
|
+
)
|
|
34
|
+
] });
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export {
|
|
38
|
+
PaginationBar
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=chunk-BNDEIZZQ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/pagination-bar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button } from \"./button\";\n\nexport interface PaginationBarProps {\n page: number;\n pageSize: number;\n total: number;\n onPageChange: (page: number) => void;\n}\n\nfunction PaginationBar({ page, pageSize, total, onPageChange }: PaginationBarProps) {\n const totalPages = Math.max(1, Math.ceil(total / pageSize));\n const start = total === 0 ? 0 : Math.min((page - 1) * pageSize + 1, total);\n const end = Math.min(page * pageSize, total);\n\n return (\n <div className=\"flex items-center justify-between px-4 py-3 border-t border-[var(--color-outline-variant)]\">\n <Button\n variant=\"outlined\"\n size=\"sm\"\n onClick={() => onPageChange(page - 1)}\n disabled={page <= 1}\n >\n ← Anterior\n </Button>\n <span className=\"text-[13px] text-[var(--color-on-surface-var)]\">\n {total === 0\n ? \"Nenhum resultado\"\n : `Mostrando ${start}–${end} de ${total}`}\n </span>\n <Button\n variant=\"outlined\"\n size=\"sm\"\n onClick={() => onPageChange(page + 1)}\n disabled={page >= totalPages}\n >\n Próximo →\n </Button>\n </div>\n );\n}\n\nexport { PaginationBar };\n"],"mappings":";;;;;;AAgBI,SACE,KADF;AANJ,SAAS,cAAc,EAAE,MAAM,UAAU,OAAO,aAAa,GAAuB;AAClF,QAAM,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK,QAAQ,QAAQ,CAAC;AAC1D,QAAM,QAAQ,UAAU,IAAI,IAAI,KAAK,KAAK,OAAO,KAAK,WAAW,GAAG,KAAK;AACzE,QAAM,MAAM,KAAK,IAAI,OAAO,UAAU,KAAK;AAE3C,SACE,qBAAC,SAAI,WAAU,8FACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM,aAAa,OAAO,CAAC;AAAA,QACpC,UAAU,QAAQ;AAAA,QACnB;AAAA;AAAA,IAED;AAAA,IACA,oBAAC,UAAK,WAAU,kDACb,oBAAU,IACP,qBACA,aAAa,KAAK,SAAI,GAAG,OAAO,KAAK,IAC3C;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM,aAAa,OAAO,CAAC;AAAA,QACpC,UAAU,QAAQ;AAAA,QACnB;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;","names":[]}
|
|
@@ -0,0 +1,157 @@
|
|
|
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 _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
|
|
5
|
+
|
|
6
|
+
// src/components/date-picker.tsx
|
|
7
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
8
|
+
var _reactpopover = require('@radix-ui/react-popover'); var Popover = _interopRequireWildcard(_reactpopover);
|
|
9
|
+
var _reactdaypicker = require('react-day-picker');
|
|
10
|
+
var _locale = require('react-day-picker/locale');
|
|
11
|
+
var _lucidereact = require('lucide-react');
|
|
12
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
13
|
+
function formatDate(date) {
|
|
14
|
+
return new Intl.DateTimeFormat("pt-BR", {
|
|
15
|
+
day: "2-digit",
|
|
16
|
+
month: "2-digit",
|
|
17
|
+
year: "numeric"
|
|
18
|
+
}).format(date);
|
|
19
|
+
}
|
|
20
|
+
var DatePicker = React.forwardRef(
|
|
21
|
+
({
|
|
22
|
+
value,
|
|
23
|
+
onChange,
|
|
24
|
+
placeholder = "Selecione uma data",
|
|
25
|
+
label,
|
|
26
|
+
helperText,
|
|
27
|
+
error = false,
|
|
28
|
+
disabled = false,
|
|
29
|
+
id: idProp,
|
|
30
|
+
className
|
|
31
|
+
}, ref) => {
|
|
32
|
+
const [open, setOpen] = React.useState(false);
|
|
33
|
+
const generatedId = React.useId();
|
|
34
|
+
const id = _nullishCoalesce(idProp, () => ( generatedId));
|
|
35
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk5SCF3EGTcjs.cn.call(void 0, "flex flex-col gap-1", className), children: [
|
|
36
|
+
label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
37
|
+
"label",
|
|
38
|
+
{
|
|
39
|
+
htmlFor: id,
|
|
40
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
41
|
+
"text-body-sm font-semibold text-[var(--color-on-surface)]",
|
|
42
|
+
disabled && "opacity-50"
|
|
43
|
+
),
|
|
44
|
+
children: label
|
|
45
|
+
}
|
|
46
|
+
),
|
|
47
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Popover.Root, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
|
|
48
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, Popover.Trigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
49
|
+
"button",
|
|
50
|
+
{
|
|
51
|
+
ref,
|
|
52
|
+
id,
|
|
53
|
+
type: "button",
|
|
54
|
+
disabled,
|
|
55
|
+
"aria-label": value ? `Data selecionada: ${formatDate(value)}` : placeholder,
|
|
56
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
57
|
+
"h-8 w-full rounded-[var(--radius-md)] border bg-[var(--color-surf-container)]",
|
|
58
|
+
"px-3 text-body-md text-left flex items-center justify-between gap-2",
|
|
59
|
+
"transition-colors duration-[var(--duration-fast)] outline-none",
|
|
60
|
+
error ? "border-[var(--color-error)] focus-visible:ring-2 focus-visible:ring-[var(--color-error)] focus-visible:ring-offset-0" : [
|
|
61
|
+
"border-[var(--color-outline)]",
|
|
62
|
+
"focus-visible:border-[var(--color-action-primary)] focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]"
|
|
63
|
+
],
|
|
64
|
+
value ? "text-[var(--color-on-surface)]" : "text-[var(--color-on-surface-var)]",
|
|
65
|
+
"disabled:opacity-50 disabled:cursor-not-allowed"
|
|
66
|
+
),
|
|
67
|
+
children: [
|
|
68
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: value ? formatDate(value) : placeholder }),
|
|
69
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CalendarIcon, { className: "size-4 shrink-0 text-[var(--color-on-surface-var)]", "aria-hidden": "true" })
|
|
70
|
+
]
|
|
71
|
+
}
|
|
72
|
+
) }),
|
|
73
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, Popover.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
74
|
+
Popover.Content,
|
|
75
|
+
{
|
|
76
|
+
align: "start",
|
|
77
|
+
sideOffset: 6,
|
|
78
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
79
|
+
"z-50 rounded-[var(--radius-lg)] border border-[var(--color-outline-variant)]",
|
|
80
|
+
"bg-[var(--color-surf-container)] shadow-lg",
|
|
81
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
82
|
+
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
83
|
+
"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
|
|
84
|
+
"data-[side=bottom]:slide-in-from-top-2",
|
|
85
|
+
"data-[side=top]:slide-in-from-bottom-2"
|
|
86
|
+
),
|
|
87
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
88
|
+
_reactdaypicker.DayPicker,
|
|
89
|
+
{
|
|
90
|
+
mode: "single",
|
|
91
|
+
selected: value,
|
|
92
|
+
onSelect: (date) => {
|
|
93
|
+
_optionalChain([onChange, 'optionalCall', _ => _(date)]);
|
|
94
|
+
if (date) setOpen(false);
|
|
95
|
+
},
|
|
96
|
+
locale: _locale.ptBR,
|
|
97
|
+
showOutsideDays: true,
|
|
98
|
+
className: "p-3 select-none",
|
|
99
|
+
classNames: {
|
|
100
|
+
months: "flex flex-col",
|
|
101
|
+
month: "space-y-3 relative",
|
|
102
|
+
month_caption: "flex h-9 items-center justify-center",
|
|
103
|
+
caption_label: "text-body-md font-semibold text-[var(--color-on-surface)] capitalize",
|
|
104
|
+
nav: "absolute inset-x-0 top-0 flex w-full items-center justify-between",
|
|
105
|
+
button_previous: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
106
|
+
"size-9 flex items-center justify-center rounded-[var(--radius-md)]",
|
|
107
|
+
"text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]",
|
|
108
|
+
"transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]"
|
|
109
|
+
),
|
|
110
|
+
button_next: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
111
|
+
"size-9 flex items-center justify-center rounded-[var(--radius-md)]",
|
|
112
|
+
"text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]",
|
|
113
|
+
"transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]"
|
|
114
|
+
),
|
|
115
|
+
month_grid: "w-full border-collapse",
|
|
116
|
+
weekdays: "flex",
|
|
117
|
+
weekday: "w-9 text-center text-body-sm font-normal text-[var(--color-on-surface-var)] pb-1",
|
|
118
|
+
week: "flex w-full mt-1",
|
|
119
|
+
day: "size-9 p-0",
|
|
120
|
+
day_button: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
121
|
+
"size-full rounded-[var(--radius-md)] text-body-sm font-medium",
|
|
122
|
+
"text-[var(--color-on-surface)]",
|
|
123
|
+
"hover:bg-[var(--state-hover-on-surface)] transition-colors",
|
|
124
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]"
|
|
125
|
+
),
|
|
126
|
+
selected: "!bg-[var(--color-primary)] !text-white hover:!bg-[var(--color-action-primary-hover)]",
|
|
127
|
+
today: "bg-[var(--color-primary-container)] text-[var(--color-on-primary-container)] font-semibold",
|
|
128
|
+
outside: "text-[var(--color-on-surface-var)] opacity-50",
|
|
129
|
+
disabled: "opacity-30 cursor-not-allowed pointer-events-none"
|
|
130
|
+
},
|
|
131
|
+
components: {
|
|
132
|
+
Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronLeft, { className: "size-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "size-4" })
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
)
|
|
136
|
+
}
|
|
137
|
+
) })
|
|
138
|
+
] }),
|
|
139
|
+
helperText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
140
|
+
"span",
|
|
141
|
+
{
|
|
142
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
143
|
+
"text-body-sm",
|
|
144
|
+
error ? "text-[var(--color-error)]" : "text-[var(--color-on-surface-var)]"
|
|
145
|
+
),
|
|
146
|
+
children: helperText
|
|
147
|
+
}
|
|
148
|
+
)
|
|
149
|
+
] });
|
|
150
|
+
}
|
|
151
|
+
);
|
|
152
|
+
DatePicker.displayName = "DatePicker";
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
exports.DatePicker = DatePicker;
|
|
157
|
+
//# sourceMappingURL=chunk-BXKWAQYI.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-BXKWAQYI.cjs","../src/components/date-picker.tsx"],"names":[],"mappings":"AAAA,+8BAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,2EAAuB;AACvB,6GAAyB;AACzB,kDAA0B;AAC1B,iDAAqB;AACrB,2CAAwD;AA6ChD,+CAAA;AA1CR,SAAS,UAAA,CAAW,IAAA,EAAoB;AACtC,EAAA,OAAO,IAAI,IAAA,CAAK,cAAA,CAAe,OAAA,EAAS;AAAA,IACtC,GAAA,EAAK,SAAA;AAAA,IACL,KAAA,EAAO,SAAA;AAAA,IACP,IAAA,EAAM;AAAA,EACR,CAAC,CAAA,CAAE,MAAA,CAAO,IAAI,CAAA;AAChB;AAcA,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA;AAAA,EACvB,CACE;AAAA,IACE,KAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA,EAAc,oBAAA;AAAA,IACd,KAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA,EAAQ,KAAA;AAAA,IACR,SAAA,EAAW,KAAA;AAAA,IACX,EAAA,EAAI,MAAA;AAAA,IACJ;AAAA,EACF,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,EAAA,EAAU,KAAA,CAAA,QAAA,CAAS,KAAK,CAAA;AAC5C,IAAA,MAAM,YAAA,EAAoB,KAAA,CAAA,KAAA,CAAM,CAAA;AAChC,IAAA,MAAM,GAAA,mBAAK,MAAA,UAAU,aAAA;AAEvB,IAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,kCAAA,qBAAG,EAAuB,SAAS,CAAA,EAChD,QAAA,EAAA;AAAA,MAAA,MAAA,mBACC,6BAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,EAAA;AAAA,UACT,SAAA,EAAW,kCAAA;AAAA,YACT,2DAAA;AAAA,YACA,SAAA,GAAY;AAAA,UACd,CAAA;AAAA,UAEC,QAAA,EAAA;AAAA,QAAA;AAAA,MACH,CAAA;AAAA,sBAGF,8BAAA,OAAS,CAAA,IAAA,EAAR,EAAa,IAAA,EAAY,YAAA,EAAc,SAAA,EAAW,KAAA,EAAA,EAAY,OAAA,EAC7D,QAAA,EAAA;AAAA,wBAAA,6BAAA,OAAS,CAAA,OAAA,EAAR,EAAgB,OAAA,EAAO,IAAA,EACtB,QAAA,kBAAA,8BAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,EAAA;AAAA,YACA,IAAA,EAAK,QAAA;AAAA,YACL,QAAA;AAAA,YACA,YAAA,EAAY,MAAA,EAAQ,CAAA,kBAAA,EAAqB,UAAA,CAAW,KAAK,CAAC,CAAA,EAAA;AAC/C,YAAA;AACT,cAAA;AACA,cAAA;AACA,cAAA;AAEI,cAAA;AAEE,gBAAA;AACA,gBAAA;AACF,cAAA;AAGA,cAAA;AACJ,cAAA;AACF,YAAA;AAEA,YAAA;AAA0B,8BAAA;AACF,8BAAA;AAAwE,YAAA;AAAA,UAAA;AAEpG,QAAA;AAGE,wBAAA;AAAS,UAAA;AAAR,UAAA;AACO,YAAA;AACM,YAAA;AACD,YAAA;AACT,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACF,YAAA;AAEA,YAAA;AAAC,cAAA;AAAA,cAAA;AACM,gBAAA;AACK,gBAAA;AACU,gBAAA;AACH,kCAAA;AACQ,kBAAA;AACzB,gBAAA;AACQ,gBAAA;AACO,gBAAA;AACL,gBAAA;AACE,gBAAA;AACF,kBAAA;AACD,kBAAA;AACQ,kBAAA;AACA,kBAAA;AACV,kBAAA;AACY,kBAAA;AACf,oBAAA;AACA,oBAAA;AACA,oBAAA;AACF,kBAAA;AACa,kBAAA;AACX,oBAAA;AACA,oBAAA;AACA,oBAAA;AACF,kBAAA;AACY,kBAAA;AACF,kBAAA;AACD,kBAAA;AACH,kBAAA;AACD,kBAAA;AACO,kBAAA;AACV,oBAAA;AACA,oBAAA;AACA,oBAAA;AACA,oBAAA;AACF,kBAAA;AACU,kBAAA;AACH,kBAAA;AACE,kBAAA;AACC,kBAAA;AACZ,gBAAA;AACY,gBAAA;AAGJ,kBAAA;AAER,gBAAA;AAAA,cAAA;AACF,YAAA;AAAA,UAAA;AAEJ,QAAA;AACF,MAAA;AAGE,MAAA;AAAC,QAAA;AAAA,QAAA;AACY,UAAA;AACT,YAAA;AACsC,YAAA;AACxC,UAAA;AAEC,UAAA;AAAA,QAAA;AACH,MAAA;AAEJ,IAAA;AAEF,EAAA;AACF;AAEyB;ADrBgD;AACA;AACA;AACA","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-BXKWAQYI.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport { DayPicker } from \"react-day-picker\";\nimport { ptBR } from \"react-day-picker/locale\";\nimport { CalendarIcon, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\nfunction formatDate(date: Date): string {\n return new Intl.DateTimeFormat(\"pt-BR\", {\n day: \"2-digit\",\n month: \"2-digit\",\n year: \"numeric\",\n }).format(date);\n}\n\nexport interface DatePickerProps {\n value?: Date;\n onChange?: (date: Date | undefined) => void;\n placeholder?: string;\n label?: string;\n helperText?: string;\n error?: boolean;\n disabled?: boolean;\n id?: string;\n className?: string;\n}\n\nconst DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(\n (\n {\n value,\n onChange,\n placeholder = \"Selecione uma data\",\n label,\n helperText,\n error = false,\n disabled = false,\n id: idProp,\n className,\n },\n ref\n ) => {\n const [open, setOpen] = React.useState(false);\n const generatedId = React.useId();\n const id = idProp ?? generatedId;\n\n return (\n <div className={cn(\"flex flex-col gap-1\", className)}>\n {label && (\n <label\n htmlFor={id}\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\n <Popover.Root open={open} onOpenChange={disabled ? undefined : setOpen}>\n <Popover.Trigger asChild>\n <button\n ref={ref}\n id={id}\n type=\"button\"\n disabled={disabled}\n aria-label={value ? `Data selecionada: ${formatDate(value)}` : placeholder}\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-left flex items-center justify-between gap-2\",\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)] focus-visible:ring-offset-0\"\n : [\n \"border-[var(--color-outline)]\",\n \"focus-visible:border-[var(--color-action-primary)] focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\",\n ],\n value\n ? \"text-[var(--color-on-surface)]\"\n : \"text-[var(--color-on-surface-var)]\",\n \"disabled:opacity-50 disabled:cursor-not-allowed\"\n )}\n >\n <span>{value ? formatDate(value) : placeholder}</span>\n <CalendarIcon className=\"size-4 shrink-0 text-[var(--color-on-surface-var)]\" aria-hidden=\"true\" />\n </button>\n </Popover.Trigger>\n\n <Popover.Portal>\n <Popover.Content\n align=\"start\"\n sideOffset={6}\n className={cn(\n \"z-50 rounded-[var(--radius-lg)] border border-[var(--color-outline-variant)]\",\n \"bg-[var(--color-surf-container)] shadow-lg\",\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 )}\n >\n <DayPicker\n mode=\"single\"\n selected={value}\n onSelect={(date) => {\n onChange?.(date);\n if (date) setOpen(false);\n }}\n locale={ptBR}\n showOutsideDays\n className=\"p-3 select-none\"\n classNames={{\n months: \"flex flex-col\",\n month: \"space-y-3 relative\",\n month_caption: \"flex h-9 items-center justify-center\",\n caption_label: \"text-body-md font-semibold text-[var(--color-on-surface)] capitalize\",\n nav: \"absolute inset-x-0 top-0 flex w-full items-center justify-between\",\n button_previous: cn(\n \"size-9 flex items-center justify-center rounded-[var(--radius-md)]\",\n \"text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]\",\n \"transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\"\n ),\n button_next: cn(\n \"size-9 flex items-center justify-center rounded-[var(--radius-md)]\",\n \"text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]\",\n \"transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\"\n ),\n month_grid: \"w-full border-collapse\",\n weekdays: \"flex\",\n weekday: \"w-9 text-center text-body-sm font-normal text-[var(--color-on-surface-var)] pb-1\",\n week: \"flex w-full mt-1\",\n day: \"size-9 p-0\",\n day_button: cn(\n \"size-full rounded-[var(--radius-md)] text-body-sm font-medium\",\n \"text-[var(--color-on-surface)]\",\n \"hover:bg-[var(--state-hover-on-surface)] transition-colors\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\"\n ),\n selected: \"!bg-[var(--color-primary)] !text-white hover:!bg-[var(--color-action-primary-hover)]\",\n today: \"bg-[var(--color-primary-container)] text-[var(--color-on-primary-container)] font-semibold\",\n outside: \"text-[var(--color-on-surface-var)] opacity-50\",\n disabled: \"opacity-30 cursor-not-allowed pointer-events-none\",\n }}\n components={{\n Chevron: ({ orientation }) =>\n orientation === \"left\"\n ? <ChevronLeft className=\"size-4\" />\n : <ChevronRight className=\"size-4\" />,\n }}\n />\n </Popover.Content>\n </Popover.Portal>\n </Popover.Root>\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\nDatePicker.displayName = \"DatePicker\";\nexport { DatePicker };\n"]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
cn
|
|
4
|
+
} from "./chunk-KQJCGTS3.js";
|
|
5
|
+
|
|
6
|
+
// src/components/modal.tsx
|
|
7
|
+
import * as Dialog from "@radix-ui/react-dialog";
|
|
8
|
+
import { X } from "lucide-react";
|
|
9
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
+
var SIZE_MAP = {
|
|
11
|
+
sm: "max-w-[360px]",
|
|
12
|
+
md: "max-w-[480px]",
|
|
13
|
+
lg: "max-w-[640px]"
|
|
14
|
+
};
|
|
15
|
+
function Modal({
|
|
16
|
+
open,
|
|
17
|
+
onClose,
|
|
18
|
+
title,
|
|
19
|
+
description,
|
|
20
|
+
children,
|
|
21
|
+
footer,
|
|
22
|
+
size = "md",
|
|
23
|
+
className
|
|
24
|
+
}) {
|
|
25
|
+
return /* @__PURE__ */ jsx(Dialog.Root, { open, onOpenChange: (o) => {
|
|
26
|
+
if (!o) onClose();
|
|
27
|
+
}, children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
|
|
28
|
+
/* @__PURE__ */ jsx(Dialog.Overlay, { className: "fixed inset-0 bg-black/50 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
|
|
29
|
+
/* @__PURE__ */ jsxs(
|
|
30
|
+
Dialog.Content,
|
|
31
|
+
{
|
|
32
|
+
className: cn(
|
|
33
|
+
"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2 w-[calc(100%-2rem)]",
|
|
34
|
+
"bg-[var(--color-surf-container)] border border-[var(--color-outline-variant)]",
|
|
35
|
+
"rounded-[var(--radius-lg)] shadow-lg focus:outline-none",
|
|
36
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
37
|
+
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
38
|
+
"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
|
|
39
|
+
"data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]",
|
|
40
|
+
"data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
|
|
41
|
+
SIZE_MAP[size],
|
|
42
|
+
className
|
|
43
|
+
),
|
|
44
|
+
children: [
|
|
45
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between px-[var(--space-block)] pt-[var(--space-block)] pb-4", children: [
|
|
46
|
+
/* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 pr-4", children: [
|
|
47
|
+
/* @__PURE__ */ jsx(Dialog.Title, { className: "text-display-sm text-[var(--color-on-surface)]", children: title }),
|
|
48
|
+
description && /* @__PURE__ */ jsx(Dialog.Description, { className: "text-body-md text-[var(--color-on-surface-var)] mt-1", children: description })
|
|
49
|
+
] }),
|
|
50
|
+
/* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
51
|
+
"button",
|
|
52
|
+
{
|
|
53
|
+
className: "shrink-0 rounded text-[var(--color-on-surface-var)] hover:text-[var(--color-on-surface)] transition-colors",
|
|
54
|
+
"aria-label": "Fechar",
|
|
55
|
+
children: /* @__PURE__ */ jsx(X, { className: "size-5" })
|
|
56
|
+
}
|
|
57
|
+
) })
|
|
58
|
+
] }),
|
|
59
|
+
/* @__PURE__ */ jsx("div", { className: "px-[var(--space-block)] pb-[var(--space-block)]", children }),
|
|
60
|
+
footer && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2 px-[var(--space-block)] pb-[var(--space-block)] pt-[var(--space-inline)] border-t border-[var(--color-outline-variant)]", children: footer })
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
)
|
|
64
|
+
] }) });
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
export {
|
|
68
|
+
Modal
|
|
69
|
+
};
|
|
70
|
+
//# sourceMappingURL=chunk-COFNZ2CM.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/modal.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\nconst SIZE_MAP: Record<string, string> = {\n sm: \"max-w-[360px]\",\n md: \"max-w-[480px]\",\n lg: \"max-w-[640px]\",\n};\n\nexport interface ModalProps {\n open: boolean;\n onClose: () => void;\n title: string;\n description?: string;\n children: React.ReactNode;\n footer?: React.ReactNode;\n size?: \"sm\" | \"md\" | \"lg\";\n className?: string;\n}\n\nfunction Modal({\n open,\n onClose,\n title,\n description,\n children,\n footer,\n size = \"md\",\n className,\n}: ModalProps) {\n return (\n <Dialog.Root open={open} onOpenChange={(o) => { if (!o) onClose(); }}>\n <Dialog.Portal>\n <Dialog.Overlay className=\"fixed inset-0 bg-black/50 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\" />\n <Dialog.Content\n className={cn(\n \"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2 w-[calc(100%-2rem)]\",\n \"bg-[var(--color-surf-container)] border border-[var(--color-outline-variant)]\",\n \"rounded-[var(--radius-lg)] shadow-lg focus:outline-none\",\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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]\",\n \"data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\",\n SIZE_MAP[size],\n className\n )}\n >\n {/* Header */}\n <div className=\"flex items-start justify-between px-[var(--space-block)] pt-[var(--space-block)] pb-4\">\n <div className=\"flex-1 min-w-0 pr-4\">\n <Dialog.Title className=\"text-display-sm text-[var(--color-on-surface)]\">\n {title}\n </Dialog.Title>\n {description && (\n <Dialog.Description className=\"text-body-md text-[var(--color-on-surface-var)] mt-1\">\n {description}\n </Dialog.Description>\n )}\n </div>\n <Dialog.Close asChild>\n <button\n className=\"shrink-0 rounded text-[var(--color-on-surface-var)] hover:text-[var(--color-on-surface)] transition-colors\"\n aria-label=\"Fechar\"\n >\n <X className=\"size-5\" />\n </button>\n </Dialog.Close>\n </div>\n\n {/* Body */}\n <div className=\"px-[var(--space-block)] pb-[var(--space-block)]\">\n {children}\n </div>\n\n {/* Footer */}\n {footer && (\n <div className=\"flex items-center justify-end gap-2 px-[var(--space-block)] pb-[var(--space-block)] pt-[var(--space-inline)] border-t border-[var(--color-outline-variant)]\">\n {footer}\n </div>\n )}\n </Dialog.Content>\n </Dialog.Portal>\n </Dialog.Root>\n );\n}\n\nexport { Modal };\n"],"mappings":";;;;;;AAGA,YAAY,YAAY;AACxB,SAAS,SAAS;AAiCV,cAiBI,YAjBJ;AA9BR,IAAM,WAAmC;AAAA,EACvC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAaA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAAe;AACb,SACE,oBAAQ,aAAP,EAAY,MAAY,cAAc,CAAC,MAAM;AAAE,QAAI,CAAC,EAAG,SAAQ;AAAA,EAAG,GACjE,+BAAQ,eAAP,EACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,0JAAyJ;AAAA,IACnL;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS,IAAI;AAAA,UACb;AAAA,QACF;AAAA,QAGA;AAAA,+BAAC,SAAI,WAAU,yFACb;AAAA,iCAAC,SAAI,WAAU,uBACb;AAAA,kCAAQ,cAAP,EAAa,WAAU,kDACrB,iBACH;AAAA,cACC,eACC,oBAAQ,oBAAP,EAAmB,WAAU,wDAC3B,uBACH;AAAA,eAEJ;AAAA,YACA,oBAAQ,cAAP,EAAa,SAAO,MACnB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,cAAW;AAAA,gBAEX,8BAAC,KAAE,WAAU,UAAS;AAAA;AAAA,YACxB,GACF;AAAA,aACF;AAAA,UAGA,oBAAC,SAAI,WAAU,mDACZ,UACH;AAAA,UAGC,UACC,oBAAC,SAAI,WAAU,+JACZ,kBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF,GACF;AAEJ;","names":[]}
|
|
@@ -0,0 +1,63 @@
|
|
|
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(); } }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
|
|
5
|
+
|
|
6
|
+
// src/components/input.tsx
|
|
7
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
8
|
+
var _jsxruntime = require('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 = _nullishCoalesce(id, () => ( generatedId));
|
|
13
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
|
|
14
|
+
label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15
|
+
"label",
|
|
16
|
+
{
|
|
17
|
+
htmlFor: inputId,
|
|
18
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
19
|
+
"text-body-sm font-semibold text-[var(--color-on-surface)]",
|
|
20
|
+
disabled && "opacity-50"
|
|
21
|
+
),
|
|
22
|
+
children: label
|
|
23
|
+
}
|
|
24
|
+
),
|
|
25
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
26
|
+
"input",
|
|
27
|
+
{
|
|
28
|
+
ref,
|
|
29
|
+
id: inputId,
|
|
30
|
+
disabled,
|
|
31
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
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__ */ _jsxruntime.jsx.call(void 0,
|
|
46
|
+
"span",
|
|
47
|
+
{
|
|
48
|
+
className: _chunk5SCF3EGTcjs.cn.call(void 0,
|
|
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
|
+
|
|
61
|
+
|
|
62
|
+
exports.Input = Input;
|
|
63
|
+
//# sourceMappingURL=chunk-COV6FW4J.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-COV6FW4J.cjs","../src/components/input.tsx"],"names":[],"mappings":"AAAA,2cAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,2EAAuB;AAejB,+CAAA;AANN,IAAM,MAAA,EAAc,KAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,EAAA,EAAI,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AACxE,IAAA,MAAM,YAAA,EAAoB,KAAA,CAAA,KAAA,CAAM,CAAA;AAChC,IAAA,MAAM,QAAA,mBAAU,EAAA,UAAM,aAAA;AAEtB,IAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,qBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,MAAA,mBACC,6BAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,OAAA;AAAA,UACT,SAAA,EAAW,kCAAA;AAAA,YACT,2DAAA;AAAA,YACA,SAAA,GAAY;AAAA,UACd,CAAA;AAAA,UAEC,QAAA,EAAA;AAAA,QAAA;AAAA,MACH,CAAA;AAAA,sBAEF,6BAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,EAAA,EAAI,OAAA;AAAA,UACJ,QAAA;AAAA,UACA,SAAA,EAAW,kCAAA;AAAA,YACT,+EAAA;AAAA,YACA,iGAAA;AAAA,YACA,gEAAA;AAAA,YACA,MAAA,EACI,2FAAA,EACA;AAAA,cACE,+BAAA;AAAA,cACA;AAAA,YACF,CAAA;AAAA,YACJ,iDAAA;AAAA,YACA;AAAA,UACF,CAAA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MACN,CAAA;AAAA,MACC,WAAA,mBACC,6BAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,kCAAA;AAAA,YACT,cAAA;AAAA,YACA,MAAA,EAAQ,4BAAA,EAA8B;AAAA,UACxC,CAAA;AAAA,UAEC,QAAA,EAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,EAAA,CAEJ,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,KAAA,CAAM,YAAA,EAAc,OAAA;ADHpB;AACA;AACE;AACF,sBAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-COV6FW4J.cjs","sourcesContent":[null,"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"]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
cn
|
|
4
|
+
} from "./chunk-KQJCGTS3.js";
|
|
5
|
+
|
|
6
|
+
// src/components/status-tag.tsx
|
|
7
|
+
import * as React from "react";
|
|
8
|
+
import { cva } from "class-variance-authority";
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
var DEFAULT_LABELS = {
|
|
11
|
+
active: "Ativo",
|
|
12
|
+
invited: "Convidado",
|
|
13
|
+
pending: "Pendente",
|
|
14
|
+
suspended: "Suspenso",
|
|
15
|
+
inactive: "Inativo"
|
|
16
|
+
};
|
|
17
|
+
var statusTagVariants = cva(
|
|
18
|
+
"inline-flex items-center font-semibold rounded-[var(--radius-sm)]",
|
|
19
|
+
{
|
|
20
|
+
variants: {
|
|
21
|
+
status: {
|
|
22
|
+
active: "bg-[var(--color-success-container)] text-[var(--color-on-success-container)]",
|
|
23
|
+
invited: "bg-[var(--color-info-container)] text-[var(--color-on-info-container)]",
|
|
24
|
+
pending: "bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)]",
|
|
25
|
+
suspended: "bg-[var(--color-error-container)] text-[var(--color-on-error-container)]",
|
|
26
|
+
inactive: "bg-[var(--color-surf-container-high)] text-[var(--color-on-surface-var)]"
|
|
27
|
+
},
|
|
28
|
+
size: {
|
|
29
|
+
sm: "h-[18px] px-[6px] text-[11px]",
|
|
30
|
+
md: "h-[22px] px-[8px] text-[12px]"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
size: "md"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
var StatusTag = React.forwardRef(
|
|
39
|
+
({ className, status, label, tooltip, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
40
|
+
"span",
|
|
41
|
+
{
|
|
42
|
+
ref,
|
|
43
|
+
className: cn(statusTagVariants({ status, size }), className),
|
|
44
|
+
title: tooltip,
|
|
45
|
+
...props,
|
|
46
|
+
children: label ?? DEFAULT_LABELS[status]
|
|
47
|
+
}
|
|
48
|
+
)
|
|
49
|
+
);
|
|
50
|
+
StatusTag.displayName = "StatusTag";
|
|
51
|
+
|
|
52
|
+
export {
|
|
53
|
+
StatusTag
|
|
54
|
+
};
|
|
55
|
+
//# sourceMappingURL=chunk-CUW7MUCY.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/status-tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst DEFAULT_LABELS: Record<string, string> = {\n active: \"Ativo\",\n invited: \"Convidado\",\n pending: \"Pendente\",\n suspended: \"Suspenso\",\n inactive: \"Inativo\",\n};\n\nconst statusTagVariants = cva(\n \"inline-flex items-center font-semibold rounded-[var(--radius-sm)]\",\n {\n variants: {\n status: {\n active:\n \"bg-[var(--color-success-container)] text-[var(--color-on-success-container)]\",\n invited:\n \"bg-[var(--color-info-container)] text-[var(--color-on-info-container)]\",\n pending:\n \"bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)]\",\n suspended:\n \"bg-[var(--color-error-container)] text-[var(--color-on-error-container)]\",\n inactive:\n \"bg-[var(--color-surf-container-high)] text-[var(--color-on-surface-var)]\",\n },\n size: {\n sm: \"h-[18px] px-[6px] text-[11px]\",\n md: \"h-[22px] px-[8px] text-[12px]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n);\n\nexport interface StatusTagProps\n extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\"> {\n status: \"active\" | \"invited\" | \"pending\" | \"suspended\" | \"inactive\";\n label?: string;\n tooltip?: string;\n size?: \"sm\" | \"md\";\n}\n\nconst StatusTag = React.forwardRef<HTMLSpanElement, StatusTagProps>(\n ({ className, status, label, tooltip, size = \"md\", ...props }, ref) => (\n <span\n ref={ref}\n className={cn(statusTagVariants({ status, size }), className)}\n title={tooltip}\n {...props}\n >\n {label ?? DEFAULT_LABELS[status]}\n </span>\n )\n);\nStatusTag.displayName = \"StatusTag\";\n\nexport { StatusTag };\n"],"mappings":";;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,WAAW;AAgDhB;AA7CJ,IAAM,iBAAyC;AAAA,EAC7C,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AACZ;AAEA,IAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,QACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,UACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAUA,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,QAAQ,OAAO,SAAS,OAAO,MAAM,GAAG,MAAM,GAAG,QAC7D;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,kBAAkB,EAAE,QAAQ,KAAK,CAAC,GAAG,SAAS;AAAA,MAC5D,OAAO;AAAA,MACN,GAAG;AAAA,MAEH,mBAAS,eAAe,MAAM;AAAA;AAAA,EACjC;AAEJ;AACA,UAAU,cAAc;","names":[]}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
cn
|
|
4
|
+
} from "./chunk-KQJCGTS3.js";
|
|
5
|
+
|
|
6
|
+
// src/components/tabs.tsx
|
|
7
|
+
import * as React from "react";
|
|
8
|
+
import * as RadixTabs from "@radix-ui/react-tabs";
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
var TabsRoot = RadixTabs.Root;
|
|
11
|
+
var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
12
|
+
RadixTabs.List,
|
|
13
|
+
{
|
|
14
|
+
ref,
|
|
15
|
+
className: cn(
|
|
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__ */ jsx(
|
|
25
|
+
RadixTabs.Trigger,
|
|
26
|
+
{
|
|
27
|
+
ref,
|
|
28
|
+
className: cn(
|
|
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__ */ jsx(
|
|
43
|
+
RadixTabs.Content,
|
|
44
|
+
{
|
|
45
|
+
ref,
|
|
46
|
+
className: cn(
|
|
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
|
+
export {
|
|
56
|
+
TabsRoot,
|
|
57
|
+
TabsList,
|
|
58
|
+
TabsTrigger,
|
|
59
|
+
TabsContent
|
|
60
|
+
};
|
|
61
|
+
//# sourceMappingURL=chunk-DKHG23OR.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/tabs.tsx"],"sourcesContent":["\"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"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,eAAe;AASzB;AANF,IAAM,WAAqB;AAE3B,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAW;AAAA,EAAV;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAEvB,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAW;AAAA,EAAV;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc;AAE1B,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAW;AAAA,EAAV;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc;","names":[]}
|