@fuf-stack/pixels 0.5.4 → 0.5.6

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.
Files changed (67) hide show
  1. package/dist/Button/index.cjs +3 -2
  2. package/dist/Button/index.js +2 -1
  3. package/dist/Card/index.cjs +3 -2
  4. package/dist/Card/index.js +2 -1
  5. package/dist/Json/index.cjs +4 -3
  6. package/dist/Json/index.js +3 -2
  7. package/dist/Label/index.cjs +3 -2
  8. package/dist/Label/index.js +2 -1
  9. package/dist/Menu/index.cjs +3 -2
  10. package/dist/Menu/index.js +2 -1
  11. package/dist/Modal/index.cjs +3 -2
  12. package/dist/Modal/index.js +2 -1
  13. package/dist/Popover/index.cjs +3 -2
  14. package/dist/Popover/index.js +2 -1
  15. package/dist/Tooltip/index.cjs +3 -2
  16. package/dist/Tooltip/index.js +2 -1
  17. package/dist/{chunk-BTBF633Q.js → chunk-22MRKUHN.js} +32 -27
  18. package/dist/{chunk-BTBF633Q.js.map → chunk-22MRKUHN.js.map} +1 -1
  19. package/dist/{chunk-IEZVKZFP.js → chunk-2C2AZ4GY.js} +14 -9
  20. package/dist/{chunk-IEZVKZFP.js.map → chunk-2C2AZ4GY.js.map} +1 -1
  21. package/dist/{chunk-BMKGS5PK.cjs → chunk-5QFG2VXP.cjs} +9 -4
  22. package/dist/chunk-5QFG2VXP.cjs.map +1 -0
  23. package/dist/chunk-CJ7YDKHN.cjs +48 -0
  24. package/dist/chunk-CJ7YDKHN.cjs.map +1 -0
  25. package/dist/{chunk-7VAHMR2W.js → chunk-DAIBNNTS.js} +12 -7
  26. package/dist/{chunk-7VAHMR2W.js.map → chunk-DAIBNNTS.js.map} +1 -1
  27. package/dist/{chunk-GIM2W4JH.cjs → chunk-DFKOD7QX.cjs} +15 -10
  28. package/dist/chunk-DFKOD7QX.cjs.map +1 -0
  29. package/dist/chunk-EOBBMFEW.js +3193 -0
  30. package/dist/chunk-EOBBMFEW.js.map +1 -0
  31. package/dist/{chunk-HYXTFS4R.js → chunk-ILTQEFAN.js} +13 -8
  32. package/dist/{chunk-HYXTFS4R.js.map → chunk-ILTQEFAN.js.map} +1 -1
  33. package/dist/{chunk-ND4VZZVU.cjs → chunk-JSV7ZIIA.cjs} +14 -9
  34. package/dist/chunk-JSV7ZIIA.cjs.map +1 -0
  35. package/dist/{chunk-YO6VJ2OU.cjs → chunk-KVCXEJJD.cjs} +13 -8
  36. package/dist/chunk-KVCXEJJD.cjs.map +1 -0
  37. package/dist/{chunk-S2WOGSQV.js → chunk-L6CCOLHU.js} +8 -3
  38. package/dist/{chunk-S2WOGSQV.js.map → chunk-L6CCOLHU.js.map} +1 -1
  39. package/dist/{chunk-7GYTJLD6.cjs → chunk-NB2Y66Z3.cjs} +33 -28
  40. package/dist/chunk-NB2Y66Z3.cjs.map +1 -0
  41. package/dist/chunk-PD246EV7.js +48 -0
  42. package/dist/{chunk-6G5VTF6K.js.map → chunk-PD246EV7.js.map} +1 -1
  43. package/dist/chunk-PTN54X4Z.cjs +3193 -0
  44. package/dist/chunk-PTN54X4Z.cjs.map +1 -0
  45. package/dist/{chunk-236GX7PP.js → chunk-QC2FAH2W.js} +9 -4
  46. package/dist/{chunk-236GX7PP.js.map → chunk-QC2FAH2W.js.map} +1 -1
  47. package/dist/{chunk-HHTTNYDC.cjs → chunk-R2JOVQS5.cjs} +15 -10
  48. package/dist/chunk-R2JOVQS5.cjs.map +1 -0
  49. package/dist/{chunk-BSBPQXNG.cjs → chunk-SSPYXO6E.cjs} +10 -5
  50. package/dist/chunk-SSPYXO6E.cjs.map +1 -0
  51. package/dist/{chunk-VOXYQARK.js → chunk-XGAFPFRL.js} +14 -9
  52. package/dist/{chunk-VOXYQARK.js.map → chunk-XGAFPFRL.js.map} +1 -1
  53. package/dist/index.cjs +20 -16
  54. package/dist/index.cjs.map +1 -1
  55. package/dist/index.js +19 -15
  56. package/dist/index.js.map +1 -1
  57. package/package.json +7 -7
  58. package/dist/chunk-6G5VTF6K.js +0 -43
  59. package/dist/chunk-7GYTJLD6.cjs.map +0 -1
  60. package/dist/chunk-B35F4645.cjs +0 -43
  61. package/dist/chunk-B35F4645.cjs.map +0 -1
  62. package/dist/chunk-BMKGS5PK.cjs.map +0 -1
  63. package/dist/chunk-BSBPQXNG.cjs.map +0 -1
  64. package/dist/chunk-GIM2W4JH.cjs.map +0 -1
  65. package/dist/chunk-HHTTNYDC.cjs.map +0 -1
  66. package/dist/chunk-ND4VZZVU.cjs.map +0 -1
  67. package/dist/chunk-YO6VJ2OU.cjs.map +0 -1
@@ -2,10 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkND4VZZVUcjs = require('../chunk-ND4VZZVU.cjs');
5
+ var _chunkJSV7ZIIAcjs = require('../chunk-JSV7ZIIA.cjs');
6
+ require('../chunk-PTN54X4Z.cjs');
6
7
 
7
8
 
8
9
 
9
10
 
10
- exports.Button = _chunkND4VZZVUcjs.Button_default; exports.buttonVariants = _chunkND4VZZVUcjs.buttonVariants; exports.default = _chunkND4VZZVUcjs.Button_default2;
11
+ exports.Button = _chunkJSV7ZIIAcjs.Button_default; exports.buttonVariants = _chunkJSV7ZIIAcjs.buttonVariants; exports.default = _chunkJSV7ZIIAcjs.Button_default2;
11
12
  //# sourceMappingURL=index.cjs.map
@@ -2,7 +2,8 @@ import {
2
2
  Button_default,
3
3
  Button_default2,
4
4
  buttonVariants
5
- } from "../chunk-HYXTFS4R.js";
5
+ } from "../chunk-ILTQEFAN.js";
6
+ import "../chunk-EOBBMFEW.js";
6
7
  export {
7
8
  Button_default as Button,
8
9
  buttonVariants,
@@ -2,10 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkGIM2W4JHcjs = require('../chunk-GIM2W4JH.cjs');
5
+ var _chunkDFKOD7QXcjs = require('../chunk-DFKOD7QX.cjs');
6
+ require('../chunk-PTN54X4Z.cjs');
6
7
 
7
8
 
8
9
 
9
10
 
10
- exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.cardVariants = _chunkGIM2W4JHcjs.cardVariants; exports.default = _chunkGIM2W4JHcjs.Card_default2;
11
+ exports.Card = _chunkDFKOD7QXcjs.Card_default; exports.cardVariants = _chunkDFKOD7QXcjs.cardVariants; exports.default = _chunkDFKOD7QXcjs.Card_default2;
11
12
  //# sourceMappingURL=index.cjs.map
@@ -2,7 +2,8 @@ import {
2
2
  Card_default,
3
3
  Card_default2,
4
4
  cardVariants
5
- } from "../chunk-IEZVKZFP.js";
5
+ } from "../chunk-2C2AZ4GY.js";
6
+ import "../chunk-EOBBMFEW.js";
6
7
  export {
7
8
  Card_default as Card,
8
9
  cardVariants,
@@ -1,10 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunk7GYTJLD6cjs = require('../chunk-7GYTJLD6.cjs');
5
- require('../chunk-ND4VZZVU.cjs');
4
+ var _chunkNB2Y66Z3cjs = require('../chunk-NB2Y66Z3.cjs');
5
+ require('../chunk-JSV7ZIIA.cjs');
6
+ require('../chunk-PTN54X4Z.cjs');
6
7
 
7
8
 
8
9
 
9
- exports.Json = _chunk7GYTJLD6cjs.Json_default; exports.default = _chunk7GYTJLD6cjs.Json_default2;
10
+ exports.Json = _chunkNB2Y66Z3cjs.Json_default; exports.default = _chunkNB2Y66Z3cjs.Json_default2;
10
11
  //# sourceMappingURL=index.cjs.map
@@ -1,8 +1,9 @@
1
1
  import {
2
2
  Json_default,
3
3
  Json_default2
4
- } from "../chunk-BTBF633Q.js";
5
- import "../chunk-HYXTFS4R.js";
4
+ } from "../chunk-22MRKUHN.js";
5
+ import "../chunk-ILTQEFAN.js";
6
+ import "../chunk-EOBBMFEW.js";
6
7
  export {
7
8
  Json_default as Json,
8
9
  Json_default2 as default
@@ -1,9 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkBMKGS5PKcjs = require('../chunk-BMKGS5PK.cjs');
4
+ var _chunk5QFG2VXPcjs = require('../chunk-5QFG2VXP.cjs');
5
+ require('../chunk-PTN54X4Z.cjs');
5
6
 
6
7
 
7
8
 
8
- exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.default = _chunkBMKGS5PKcjs.Label_default2;
9
+ exports.Label = _chunk5QFG2VXPcjs.Label_default; exports.default = _chunk5QFG2VXPcjs.Label_default2;
9
10
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,8 @@
1
1
  import {
2
2
  Label_default,
3
3
  Label_default2
4
- } from "../chunk-S2WOGSQV.js";
4
+ } from "../chunk-L6CCOLHU.js";
5
+ import "../chunk-EOBBMFEW.js";
5
6
  export {
6
7
  Label_default as Label,
7
8
  Label_default2 as default
@@ -1,9 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkHHTTNYDCcjs = require('../chunk-HHTTNYDC.cjs');
4
+ var _chunkR2JOVQS5cjs = require('../chunk-R2JOVQS5.cjs');
5
+ require('../chunk-PTN54X4Z.cjs');
5
6
 
6
7
 
7
8
 
8
- exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.default = _chunkHHTTNYDCcjs.Menu_default2;
9
+ exports.Menu = _chunkR2JOVQS5cjs.Menu_default; exports.default = _chunkR2JOVQS5cjs.Menu_default2;
9
10
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,8 @@
1
1
  import {
2
2
  Menu_default,
3
3
  Menu_default2
4
- } from "../chunk-VOXYQARK.js";
4
+ } from "../chunk-XGAFPFRL.js";
5
+ import "../chunk-EOBBMFEW.js";
5
6
  export {
6
7
  Menu_default as Menu,
7
8
  Menu_default2 as default
@@ -2,10 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkYO6VJ2OUcjs = require('../chunk-YO6VJ2OU.cjs');
5
+ var _chunkKVCXEJJDcjs = require('../chunk-KVCXEJJD.cjs');
6
+ require('../chunk-PTN54X4Z.cjs');
6
7
 
7
8
 
8
9
 
9
10
 
10
- exports.Modal = _chunkYO6VJ2OUcjs.Modal_default; exports.default = _chunkYO6VJ2OUcjs.Modal_default2; exports.modalVariants = _chunkYO6VJ2OUcjs.modalVariants;
11
+ exports.Modal = _chunkKVCXEJJDcjs.Modal_default; exports.default = _chunkKVCXEJJDcjs.Modal_default2; exports.modalVariants = _chunkKVCXEJJDcjs.modalVariants;
11
12
  //# sourceMappingURL=index.cjs.map
@@ -2,7 +2,8 @@ import {
2
2
  Modal_default,
3
3
  Modal_default2,
4
4
  modalVariants
5
- } from "../chunk-7VAHMR2W.js";
5
+ } from "../chunk-DAIBNNTS.js";
6
+ import "../chunk-EOBBMFEW.js";
6
7
  export {
7
8
  Modal_default as Modal,
8
9
  Modal_default2 as default,
@@ -1,9 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkB35F4645cjs = require('../chunk-B35F4645.cjs');
4
+ var _chunkCJ7YDKHNcjs = require('../chunk-CJ7YDKHN.cjs');
5
+ require('../chunk-PTN54X4Z.cjs');
5
6
 
6
7
 
7
8
 
8
- exports.Popover = _chunkB35F4645cjs.Popover_default; exports.default = _chunkB35F4645cjs.Popover_default2;
9
+ exports.Popover = _chunkCJ7YDKHNcjs.Popover_default; exports.default = _chunkCJ7YDKHNcjs.Popover_default2;
9
10
  //# sourceMappingURL=index.cjs.map
@@ -1,7 +1,8 @@
1
1
  import {
2
2
  Popover_default,
3
3
  Popover_default2
4
- } from "../chunk-6G5VTF6K.js";
4
+ } from "../chunk-PD246EV7.js";
5
+ import "../chunk-EOBBMFEW.js";
5
6
  export {
6
7
  Popover_default as Popover,
7
8
  Popover_default2 as default
@@ -2,10 +2,11 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkBSBPQXNGcjs = require('../chunk-BSBPQXNG.cjs');
5
+ var _chunkSSPYXO6Ecjs = require('../chunk-SSPYXO6E.cjs');
6
+ require('../chunk-PTN54X4Z.cjs');
6
7
 
7
8
 
8
9
 
9
10
 
10
- exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.default = _chunkBSBPQXNGcjs.Tooltip_default2; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions;
11
+ exports.Tooltip = _chunkSSPYXO6Ecjs.Tooltip_default; exports.default = _chunkSSPYXO6Ecjs.Tooltip_default2; exports.tooltipPlacementOptions = _chunkSSPYXO6Ecjs.tooltipPlacementOptions;
11
12
  //# sourceMappingURL=index.cjs.map
@@ -2,7 +2,8 @@ import {
2
2
  Tooltip_default,
3
3
  Tooltip_default2,
4
4
  tooltipPlacementOptions
5
- } from "../chunk-236GX7PP.js";
5
+ } from "../chunk-QC2FAH2W.js";
6
+ import "../chunk-EOBBMFEW.js";
6
7
  export {
7
8
  Tooltip_default as Tooltip,
8
9
  Tooltip_default2 as default,
@@ -1,16 +1,21 @@
1
1
  import {
2
2
  Button_default2 as Button_default
3
- } from "./chunk-HYXTFS4R.js";
3
+ } from "./chunk-ILTQEFAN.js";
4
+ import {
5
+ __toESM,
6
+ require_jsx_runtime,
7
+ require_react
8
+ } from "./chunk-EOBBMFEW.js";
4
9
 
5
10
  // src/Json/Json.tsx
6
- import { useState } from "react";
11
+ var import_react = __toESM(require_react(), 1);
7
12
  import { FaChevronDown, FaChevronUp, FaTimesCircle } from "react-icons/fa";
8
13
  import { HiOutlineClipboard, HiOutlineClipboardCheck } from "react-icons/hi";
9
14
  import JsonView from "@uiw/react-json-view";
10
15
  import { lightTheme } from "@uiw/react-json-view/light";
11
16
  import { vscodeTheme } from "@uiw/react-json-view/vscode";
12
17
  import cn from "classnames";
13
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
18
+ var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
14
19
  var getValue = (value) => {
15
20
  if (typeof value === "string") {
16
21
  return JSON.parse(value);
@@ -24,9 +29,9 @@ var Json = ({ className = null, collapsed = false, value }) => {
24
29
  const isDarkMode = document.body.classList.contains("dark");
25
30
  let content = null;
26
31
  let error = null;
27
- const [showDetails, setShowDetails] = useState(false);
32
+ const [showDetails, setShowDetails] = (0, import_react.useState)(false);
28
33
  try {
29
- content = /* @__PURE__ */ jsx(
34
+ content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
30
35
  JsonView,
31
36
  {
32
37
  className: "pr-5",
@@ -37,7 +42,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
37
42
  backgroundColor: "unset"
38
43
  },
39
44
  value: getValue(value),
40
- children: /* @__PURE__ */ jsx(
45
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
41
46
  JsonView.Copied,
42
47
  {
43
48
  render: ({
@@ -51,7 +56,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
51
56
  "absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1",
52
57
  { "text-success": copied }
53
58
  );
54
- return /* @__PURE__ */ jsx("span", { className: "relative !ml-0 !h-[1em] !w-0", style, children: copied ? /* @__PURE__ */ jsx(
59
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "relative !ml-0 !h-[1em] !w-0", style, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
55
60
  HiOutlineClipboardCheck,
56
61
  {
57
62
  ...elmProps,
@@ -59,7 +64,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
59
64
  }
60
65
  ) : (
61
66
  // eslint-disable-next-line react/jsx-props-no-spreading
62
- /* @__PURE__ */ jsx(HiOutlineClipboard, { ...elmProps, className: elmClasses })
67
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HiOutlineClipboard, { ...elmProps, className: elmClasses })
63
68
  ) });
64
69
  }
65
70
  }
@@ -67,53 +72,53 @@ var Json = ({ className = null, collapsed = false, value }) => {
67
72
  }
68
73
  );
69
74
  } catch (err) {
70
- error = /* @__PURE__ */ jsxs(
75
+ error = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
71
76
  "div",
72
77
  {
73
78
  className: "mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger",
74
79
  role: "alert",
75
80
  children: [
76
- /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between gap-6", children: [
77
- /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
78
- /* @__PURE__ */ jsx(FaTimesCircle, { className: "mr-2" }),
79
- /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Failed to parse JSON data" })
81
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full justify-between gap-6", children: [
82
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center", children: [
83
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FaTimesCircle, { className: "mr-2" }),
84
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: "Failed to parse JSON data" })
80
85
  ] }),
81
- /* @__PURE__ */ jsx(
86
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
82
87
  Button_default,
83
88
  {
84
89
  color: "danger",
85
90
  size: "sm",
86
91
  variant: "light",
87
92
  onClick: () => setShowDetails(!showDetails),
88
- children: showDetails ? /* @__PURE__ */ jsxs(Fragment, { children: [
89
- /* @__PURE__ */ jsx(FaChevronUp, {}),
93
+ children: showDetails ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
94
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FaChevronUp, {}),
90
95
  " Hide Details"
91
- ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
92
- /* @__PURE__ */ jsx(FaChevronDown, {}),
96
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
97
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FaChevronDown, {}),
93
98
  " Show Details"
94
99
  ] })
95
100
  }
96
101
  )
97
102
  ] }),
98
- showDetails && /* @__PURE__ */ jsxs("div", { className: "mt-4 w-full text-left", children: [
99
- /* @__PURE__ */ jsxs("div", { children: [
100
- /* @__PURE__ */ jsx("strong", { children: "Error:" }),
101
- /* @__PURE__ */ jsxs("pre", { children: [
103
+ showDetails && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4 w-full text-left", children: [
104
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
105
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "Error:" }),
106
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("pre", { children: [
102
107
  err?.name,
103
108
  ": ",
104
109
  err?.message
105
110
  ] })
106
111
  ] }),
107
- /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
108
- /* @__PURE__ */ jsx("strong", { children: "Data:" }),
109
- /* @__PURE__ */ jsx("pre", { children: typeof value !== "string" ? JSON.stringify(value, null, 2) : value })
112
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-4", children: [
113
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "Data:" }),
114
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: typeof value !== "string" ? JSON.stringify(value, null, 2) : value })
110
115
  ] })
111
116
  ] })
112
117
  ]
113
118
  }
114
119
  );
115
120
  }
116
- return /* @__PURE__ */ jsx("div", { className: cn(className), children: error || content });
121
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn(className), children: error || content });
117
122
  };
118
123
  var Json_default = Json;
119
124
 
@@ -124,4 +129,4 @@ export {
124
129
  Json_default,
125
130
  Json_default2
126
131
  };
127
- //# sourceMappingURL=chunk-BTBF633Q.js.map
132
+ //# sourceMappingURL=chunk-22MRKUHN.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Json/Json.tsx","../src/Json/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport { lightTheme } from '@uiw/react-json-view/light';\nimport { vscodeTheme } from '@uiw/react-json-view/vscode';\nimport cn from 'classnames';\n\nimport Button from '../Button';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n if (typeof value === 'string') {\n return JSON.parse(value);\n }\n if (typeof value === 'object') {\n return value;\n }\n throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n /** CSS class name */\n className?: string | string[] | null;\n /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n collapsed?: boolean | number;\n /** Object to be visualized JSON string or object */\n value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n const isDarkMode = document.body.classList.contains('dark');\n\n let content: ReactNode = null;\n let error: ReactNode = null;\n\n const [showDetails, setShowDetails] = useState(false);\n\n try {\n content = (\n <JsonView\n className=\"pr-5\"\n collapsed={collapsed}\n displayDataTypes={false}\n style={{\n ...(isDarkMode ? vscodeTheme : lightTheme),\n backgroundColor: 'unset',\n }}\n value={getValue(value)}\n >\n {/* FIX: overwrite Copied component to fix flickering copy button */}\n <JsonView.Copied\n render={({\n // @ts-expect-error this should be fine\n 'data-copied': copied,\n style,\n ...elmProps\n }) => {\n const elmClasses = cn(\n elmProps.className,\n 'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n { 'text-success': copied },\n );\n return (\n <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n {copied ? (\n <HiOutlineClipboardCheck\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...elmProps}\n className={elmClasses}\n />\n ) : (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <HiOutlineClipboard {...elmProps} className={elmClasses} />\n )}\n </span>\n );\n }}\n />\n </JsonView>\n );\n } catch (err) {\n error = (\n <div\n className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n role=\"alert\"\n >\n <div className=\"flex w-full justify-between gap-6\">\n <div className=\"flex items-center\">\n <FaTimesCircle className=\"mr-2\" />\n <span className=\"font-medium\">Failed to parse JSON data</span>\n </div>\n <Button\n color=\"danger\"\n size=\"sm\"\n variant=\"light\"\n onClick={() => setShowDetails(!showDetails)}\n >\n {showDetails ? (\n <>\n <FaChevronUp /> Hide Details\n </>\n ) : (\n <>\n <FaChevronDown /> Show Details\n </>\n )}\n </Button>\n </div>\n {showDetails && (\n <div className=\"mt-4 w-full text-left\">\n <div>\n <strong>Error:</strong>\n <pre>\n {/* @ts-expect-error is ok */}\n {err?.name}: {err?.message}\n </pre>\n </div>\n <div className=\"mt-4\">\n <strong>Data:</strong>\n <pre>\n {typeof value !== 'string'\n ? JSON.stringify(value, null, 2)\n : value}\n </pre>\n </div>\n </div>\n )}\n </div>\n );\n }\n return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\n"],"mappings":"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","names":["Json_default"]}
1
+ {"version":3,"sources":["../src/Json/Json.tsx","../src/Json/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport { lightTheme } from '@uiw/react-json-view/light';\nimport { vscodeTheme } from '@uiw/react-json-view/vscode';\nimport cn from 'classnames';\n\nimport Button from '../Button';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n if (typeof value === 'string') {\n return JSON.parse(value);\n }\n if (typeof value === 'object') {\n return value;\n }\n throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n /** CSS class name */\n className?: string | string[] | null;\n /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n collapsed?: boolean | number;\n /** Object to be visualized JSON string or object */\n value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n const isDarkMode = document.body.classList.contains('dark');\n\n let content: ReactNode = null;\n let error: ReactNode = null;\n\n const [showDetails, setShowDetails] = useState(false);\n\n try {\n content = (\n <JsonView\n className=\"pr-5\"\n collapsed={collapsed}\n displayDataTypes={false}\n style={{\n ...(isDarkMode ? vscodeTheme : lightTheme),\n backgroundColor: 'unset',\n }}\n value={getValue(value)}\n >\n {/* FIX: overwrite Copied component to fix flickering copy button */}\n <JsonView.Copied\n render={({\n // @ts-expect-error this should be fine\n 'data-copied': copied,\n style,\n ...elmProps\n }) => {\n const elmClasses = cn(\n elmProps.className,\n 'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n { 'text-success': copied },\n );\n return (\n <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n {copied ? (\n <HiOutlineClipboardCheck\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...elmProps}\n className={elmClasses}\n />\n ) : (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <HiOutlineClipboard {...elmProps} className={elmClasses} />\n )}\n </span>\n );\n }}\n />\n </JsonView>\n );\n } catch (err) {\n error = (\n <div\n className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n role=\"alert\"\n >\n <div className=\"flex w-full justify-between gap-6\">\n <div className=\"flex items-center\">\n <FaTimesCircle className=\"mr-2\" />\n <span className=\"font-medium\">Failed to parse JSON data</span>\n </div>\n <Button\n color=\"danger\"\n size=\"sm\"\n variant=\"light\"\n onClick={() => setShowDetails(!showDetails)}\n >\n {showDetails ? (\n <>\n <FaChevronUp /> Hide Details\n </>\n ) : (\n <>\n <FaChevronDown /> Show Details\n </>\n )}\n </Button>\n </div>\n {showDetails && (\n <div className=\"mt-4 w-full text-left\">\n <div>\n <strong>Error:</strong>\n <pre>\n {/* @ts-expect-error is ok */}\n {err?.name}: {err?.message}\n </pre>\n </div>\n <div className=\"mt-4\">\n <strong>Data:</strong>\n <pre>\n {typeof value !== 'string'\n ? JSON.stringify(value, null, 2)\n : value}\n </pre>\n </div>\n </div>\n )}\n </div>\n );\n }\n return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\n"],"mappings":";;;;;;;;;;AAEA,mBAAyB;AACzB,SAAS,eAAe,aAAa,qBAAqB;AAC1D,SAAS,oBAAoB,+BAA+B;AAE5D,OAAO,cAAc;AACrB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,OAAO,QAAQ;AAiEG;AA1DlB,IAAM,WAAW,CAAC,UAA2B;AAC3C,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,IAAI,MAAM,GAAG,OAAO,KAAK,wBAAwB;AACzD;AAcA,IAAM,OAAO,CAAC,EAAE,YAAY,MAAM,YAAY,OAAO,MAAM,MAAiB;AAC1E,QAAM,aAAa,SAAS,KAAK,UAAU,SAAS,MAAM;AAE1D,MAAI,UAAqB;AACzB,MAAI,QAAmB;AAEvB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AAEpD,MAAI;AACF,cACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,kBAAkB;AAAA,QAClB,OAAO;AAAA,UACL,GAAI,aAAa,cAAc;AAAA,UAC/B,iBAAiB;AAAA,QACnB;AAAA,QACA,OAAO,SAAS,KAAK;AAAA,QAGrB;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,QAAQ,CAAC;AAAA;AAAA,cAEP,eAAe;AAAA,cACf;AAAA,cACA,GAAG;AAAA,YACL,MAAM;AACJ,oBAAM,aAAa;AAAA,gBACjB,SAAS;AAAA,gBACT;AAAA,gBACA,EAAE,gBAAgB,OAAO;AAAA,cAC3B;AACA,qBACE,4CAAC,UAAK,WAAU,gCAA+B,OAC5C,mBACC;AAAA,gBAAC;AAAA;AAAA,kBAEE,GAAG;AAAA,kBACJ,WAAW;AAAA;AAAA,cACb;AAAA;AAAA,gBAGA,4CAAC,sBAAoB,GAAG,UAAU,WAAW,YAAY;AAAA,iBAE7D;AAAA,YAEJ;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ,SAAS,KAAK;AACZ,YACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QAEL;AAAA,uDAAC,SAAI,WAAU,qCACb;AAAA,yDAAC,SAAI,WAAU,qBACb;AAAA,0DAAC,iBAAc,WAAU,QAAO;AAAA,cAChC,4CAAC,UAAK,WAAU,eAAc,uCAAyB;AAAA,eACzD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,gBAEzC,wBACC,4EACE;AAAA,8DAAC,eAAY;AAAA,kBAAE;AAAA,mBACjB,IAEA,4EACE;AAAA,8DAAC,iBAAc;AAAA,kBAAE;AAAA,mBACnB;AAAA;AAAA,YAEJ;AAAA,aACF;AAAA,UACC,eACC,6CAAC,SAAI,WAAU,yBACb;AAAA,yDAAC,SACC;AAAA,0DAAC,YAAO,oBAAM;AAAA,cACd,6CAAC,SAEE;AAAA,qBAAK;AAAA,gBAAK;AAAA,gBAAG,KAAK;AAAA,iBACrB;AAAA,eACF;AAAA,YACA,6CAAC,SAAI,WAAU,QACb;AAAA,0DAAC,YAAO,mBAAK;AAAA,cACb,4CAAC,SACE,iBAAO,UAAU,WACd,KAAK,UAAU,OAAO,MAAM,CAAC,IAC7B,OACN;AAAA,eACF;AAAA,aACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACA,SAAO,4CAAC,SAAI,WAAW,GAAG,SAAS,GAAI,mBAAS,SAAQ;AAC1D;AAEA,IAAO,eAAQ;;;ACxIf,IAAOA,gBAAQ;","names":["Json_default"]}
@@ -1,4 +1,10 @@
1
+ import {
2
+ __toESM,
3
+ require_jsx_runtime
4
+ } from "./chunk-EOBBMFEW.js";
5
+
1
6
  // src/Card/Card.tsx
7
+ var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
2
8
  import {
3
9
  Card as NextCard,
4
10
  CardBody as NextCardBody,
@@ -7,7 +13,6 @@ import {
7
13
  } from "@nextui-org/card";
8
14
  import { Divider as NextDivider } from "@nextui-org/divider";
9
15
  import { tv } from "tailwind-variants";
10
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
11
16
  var cardVariants = tv({
12
17
  slots: {
13
18
  base: "border border-divider",
@@ -34,13 +39,13 @@ var Card = ({
34
39
  body: variants.body({ className: classNameObj.body }),
35
40
  footer: variants.footer({ className: classNameObj.footer })
36
41
  };
37
- const divider = /* @__PURE__ */ jsx(
42
+ const divider = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
38
43
  NextDivider,
39
44
  {
40
45
  className: variants.divider({ className: classNameObj.divider })
41
46
  }
42
47
  );
43
- return /* @__PURE__ */ jsxs(
48
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
44
49
  NextCard,
45
50
  {
46
51
  classNames,
@@ -49,14 +54,14 @@ var Card = ({
49
54
  radius: "sm",
50
55
  shadow: "none",
51
56
  children: [
52
- header && /* @__PURE__ */ jsxs(Fragment, { children: [
53
- /* @__PURE__ */ jsx(NextCardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
57
+ header && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
58
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextCardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
54
59
  divider
55
60
  ] }),
56
- /* @__PURE__ */ jsx(NextCardBody, { "data-testid": testId && `card_body_${testId}`, children }),
57
- footer && /* @__PURE__ */ jsxs(Fragment, { children: [
61
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextCardBody, { "data-testid": testId && `card_body_${testId}`, children }),
62
+ footer && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
58
63
  divider,
59
- /* @__PURE__ */ jsx(NextCardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
64
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextCardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
60
65
  ] })
61
66
  ]
62
67
  }
@@ -72,4 +77,4 @@ export {
72
77
  Card_default,
73
78
  Card_default2
74
79
  };
75
- //# sourceMappingURL=chunk-IEZVKZFP.js.map
80
+ //# sourceMappingURL=chunk-2C2AZ4GY.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n Card as NextCard,\n CardBody as NextCardBody,\n CardFooter as NextCardFooter,\n CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\nexport const cardVariants = tv({\n slots: {\n base: 'border border-divider',\n body: '',\n divider: 'my-0 border-divider',\n footer: '',\n header: 'text-base font-semibold',\n },\n});\n\ntype CardVariantProps = VariantProps<typeof cardVariants>;\ntype CardVariantSlots = Partial<\n Record<keyof ReturnType<typeof cardVariants>, string>\n>;\n\nexport interface CardProps extends CardVariantProps {\n /** card body content */\n children?: ReactNode;\n /** CSS class name */\n className?: string | CardVariantSlots;\n /** footer content */\n footer?: ReactNode;\n /** header content */\n header?: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n children = null,\n className = undefined,\n testId = undefined,\n header = undefined,\n footer = undefined,\n}: CardProps) => {\n // classNames from slots\n const variants = cardVariants();\n const classNameObj = (typeof className === 'object' && className) || {};\n const classNames = {\n base: variants.base({\n className: classNameObj.base || (className as string),\n }),\n header: variants.header({ className: classNameObj.header }),\n body: variants.body({ className: classNameObj.body }),\n footer: variants.footer({ className: classNameObj.footer }),\n };\n\n const divider = (\n <NextDivider\n className={variants.divider({ className: classNameObj.divider })}\n />\n );\n\n return (\n <NextCard\n classNames={classNames}\n data-testid={testId && `card_${testId}`}\n fullWidth\n radius=\"sm\"\n shadow=\"none\"\n >\n {header && (\n <>\n <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n {header}\n </NextCardHeader>\n {divider}\n </>\n )}\n <NextCardBody data-testid={testId && `card_body_${testId}`}>\n {children}\n </NextCardBody>\n {footer && (\n <>\n {divider}\n <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n {footer}\n </NextCardFooter>\n </>\n )}\n </NextCard>\n );\n};\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"],"mappings":";AAGA;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,UAAU;AAsDf,SAcI,UAdJ,KAcI,YAdJ;AAnDG,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AAEf,QAAM,WAAW,aAAa;AAC9B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,EAC5D;AAEA,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA;AAAA,EACjE;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,iCACE;AAAA,8BAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,iCACG;AAAA;AAAA,UACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC9Ff,IAAOA,gBAAQ;","names":["Card_default"]}
1
+ {"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n Card as NextCard,\n CardBody as NextCardBody,\n CardFooter as NextCardFooter,\n CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\nexport const cardVariants = tv({\n slots: {\n base: 'border border-divider',\n body: '',\n divider: 'my-0 border-divider',\n footer: '',\n header: 'text-base font-semibold',\n },\n});\n\ntype CardVariantProps = VariantProps<typeof cardVariants>;\ntype CardVariantSlots = Partial<\n Record<keyof ReturnType<typeof cardVariants>, string>\n>;\n\nexport interface CardProps extends CardVariantProps {\n /** card body content */\n children?: ReactNode;\n /** CSS class name */\n className?: string | CardVariantSlots;\n /** footer content */\n footer?: ReactNode;\n /** header content */\n header?: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n children = null,\n className = undefined,\n testId = undefined,\n header = undefined,\n footer = undefined,\n}: CardProps) => {\n // classNames from slots\n const variants = cardVariants();\n const classNameObj = (typeof className === 'object' && className) || {};\n const classNames = {\n base: variants.base({\n className: classNameObj.base || (className as string),\n }),\n header: variants.header({ className: classNameObj.header }),\n body: variants.body({ className: classNameObj.body }),\n footer: variants.footer({ className: classNameObj.footer }),\n };\n\n const divider = (\n <NextDivider\n className={variants.divider({ className: classNameObj.divider })}\n />\n );\n\n return (\n <NextCard\n classNames={classNames}\n data-testid={testId && `card_${testId}`}\n fullWidth\n radius=\"sm\"\n shadow=\"none\"\n >\n {header && (\n <>\n <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n {header}\n </NextCardHeader>\n {divider}\n </>\n )}\n <NextCardBody data-testid={testId && `card_body_${testId}`}>\n {children}\n </NextCardBody>\n {footer && (\n <>\n {divider}\n <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n {footer}\n </NextCardFooter>\n </>\n )}\n </NextCard>\n );\n};\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"],"mappings":";;;;;;AAgEI;AA7DJ;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,UAAU;AAGZ,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AAEf,QAAM,WAAW,aAAa;AAC9B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,EAC5D;AAEA,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA;AAAA,EACjE;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,4EACE;AAAA,sDAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,4CAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,4EACG;AAAA;AAAA,UACD,4CAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC9Ff,IAAOA,gBAAQ;","names":["Card_default"]}
@@ -1,7 +1,12 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Label/Label.tsx
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
2
+
3
+
4
+ var _chunkPTN54X4Zcjs = require('./chunk-PTN54X4Z.cjs');
5
+
6
+ // src/Label/Label.tsx
7
+ var import_jsx_runtime = _chunkPTN54X4Zcjs.__toESM.call(void 0, _chunkPTN54X4Zcjs.require_jsx_runtime.call(void 0, ), 1);
2
8
  var _chip = require('@nextui-org/chip');
3
9
  var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
4
- var _jsxruntime = require('react/jsx-runtime');
5
10
  var Label = ({
6
11
  children,
7
12
  className = void 0,
@@ -9,7 +14,7 @@ var Label = ({
9
14
  endContent = void 0,
10
15
  size = "md",
11
16
  startContent = void 0
12
- }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
17
+ }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
13
18
  _chip.Chip,
14
19
  {
15
20
  className: _classnames2.default.call(void 0, className),
@@ -29,4 +34,4 @@ var Label_default2 = Label_default;
29
34
 
30
35
 
31
36
  exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
32
- //# sourceMappingURL=chunk-BMKGS5PK.cjs.map
37
+ //# sourceMappingURL=chunk-5QFG2VXP.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":";;;;;;AAgCE;AA7BF,SAAS,QAAQ,iBAAiB;AAClC,OAAO,QAAQ;AAoBf,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AACjB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,IAAO,gBAAQ;;;ACrCf,IAAOA,iBAAQ","sourcesContent":["import type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\nimport cn from 'classnames';\n\nexport interface LabelProps {\n /** content of the label */\n children: ReactNode;\n /** CSS class name */\n className?: string;\n /** color of the label */\n color?: ChipProps['color'];\n /** element to be rendered in the right side of the label */\n endContent?: ChipProps['endContent'];\n /** size of the label */\n size?: ChipProps['size'];\n /** element to be rendered in the left side of the label */\n startContent?: ChipProps['startContent'];\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n children,\n className = undefined,\n color = 'default',\n endContent = undefined,\n size = 'md',\n startContent = undefined,\n}: LabelProps) => (\n <NextLabel\n className={cn(className)}\n color={color}\n endContent={endContent}\n size={size}\n startContent={startContent}\n >\n {children}\n </NextLabel>\n);\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"]}
@@ -0,0 +1,48 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
2
+
3
+
4
+ var _chunkPTN54X4Zcjs = require('./chunk-PTN54X4Z.cjs');
5
+
6
+ // src/Popover/Popover.tsx
7
+ var import_jsx_runtime = _chunkPTN54X4Zcjs.__toESM.call(void 0, _chunkPTN54X4Zcjs.require_jsx_runtime.call(void 0, ), 1);
8
+ var _popover = require('@nextui-org/popover');
9
+ var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
10
+ var Popover_default = ({
11
+ children = null,
12
+ className = void 0,
13
+ content,
14
+ contentTestId = void 0,
15
+ placement = "top",
16
+ openControlled = void 0,
17
+ testId = void 0,
18
+ title = void 0
19
+ }) => {
20
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
21
+ _popover.Popover,
22
+ {
23
+ placement,
24
+ radius: "sm",
25
+ showArrow: true,
26
+ ...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
27
+ children: [
28
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_popover.PopoverTrigger, { className: _classnames2.default.call(void 0, className), "data-testid": testId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { children }) }),
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_popover.PopoverContent, { "data-testid": contentTestId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-h-[80vh] overflow-y-auto", children: [
30
+ title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
31
+ title,
32
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", {})
33
+ ] }),
34
+ content
35
+ ] }) })
36
+ ]
37
+ }
38
+ );
39
+ };
40
+
41
+ // src/Popover/index.ts
42
+ var Popover_default2 = Popover_default;
43
+
44
+
45
+
46
+
47
+ exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
48
+ //# sourceMappingURL=chunk-CJ7YDKHN.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":";;;;;;AAkDQ;AA/CR,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,OAAO,QAAQ;AAwBf,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AACV,MAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,WAAS;AAAA,MACR,GAAI,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC;AAAA,MAEL;AAAA,oDAAC,kBAAe,WAAW,GAAG,SAAS,GAAG,eAAa,QAGrD,sDAAC,YAAQ,UAAS,GACpB;AAAA,QACA,4CAAC,kBAAe,eAAa,eAC3B,uDAAC,SAAI,WAAU,gCACZ;AAAA,mBACC,6CAAC,SACE;AAAA;AAAA,YACD,4CAAC,QAAG;AAAA,aACN;AAAA,UAED;AAAA,WACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;AC3DA,IAAOA,mBAAQ","sourcesContent":["import type { PopoverProps as NextPopoverProps } from '@nextui-org/popover';\nimport type { ReactNode } from 'react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@nextui-org/popover';\nimport cn from 'classnames';\n\nexport interface PopoverProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** content of the popover */\n content: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n contentTestId?: string;\n /** placement of the popover relative to its trigger reference */\n placement?: NextPopoverProps['placement'];\n /** use as controlled component */\n openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** popover title */\n title?: ReactNode;\n}\n\n/**\n * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)\n */\nexport default ({\n children = null,\n className = undefined,\n content,\n contentTestId = undefined,\n placement = 'top',\n openControlled = undefined,\n testId = undefined,\n title = undefined,\n}: PopoverProps) => {\n return (\n <Popover\n placement={placement}\n radius=\"sm\"\n showArrow\n {...(openControlled\n ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n : {})}\n >\n <PopoverTrigger className={cn(className)} data-testid={testId}>\n {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n {/* eslint-disable-next-line react/button-has-type */}\n <button>{children}</button>\n </PopoverTrigger>\n <PopoverContent data-testid={contentTestId}>\n <div className=\"max-h-[80vh] overflow-y-auto\">\n {title && (\n <div>\n {title}\n <hr />\n </div>\n )}\n {content}\n </div>\n </PopoverContent>\n </Popover>\n );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"]}
@@ -1,4 +1,10 @@
1
+ import {
2
+ __toESM,
3
+ require_jsx_runtime
4
+ } from "./chunk-EOBBMFEW.js";
5
+
1
6
  // src/Modal/Modal.tsx
7
+ var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
2
8
  import {
3
9
  Modal as NextModal,
4
10
  ModalBody as NextModalBody,
@@ -7,7 +13,6 @@ import {
7
13
  ModalHeader as NextModalHeader
8
14
  } from "@nextui-org/modal";
9
15
  import { tv } from "tailwind-variants";
10
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
11
16
  var modalVariants = tv({
12
17
  slots: {
13
18
  backdrop: "",
@@ -51,7 +56,7 @@ var Modal = ({
51
56
  header: variants.header({ className: classNameObj.header }),
52
57
  wrapper: variants.wrapper({ className: classNameObj.wrapper })
53
58
  };
54
- return /* @__PURE__ */ jsx(
59
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
55
60
  NextModal,
56
61
  {
57
62
  backdrop: "opaque",
@@ -61,10 +66,10 @@ var Modal = ({
61
66
  onClose,
62
67
  placement: "center",
63
68
  scrollBehavior: "inside",
64
- children: /* @__PURE__ */ jsx(NextModalContent, { "data-testid": testId ? `modal_${testId}` : "modal", children: () => /* @__PURE__ */ jsxs(Fragment, { children: [
65
- header && /* @__PURE__ */ jsx(NextModalHeader, { children: header }),
66
- /* @__PURE__ */ jsx(NextModalBody, { children }),
67
- footer && /* @__PURE__ */ jsx(NextModalFooter, { children: footer })
69
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextModalContent, { "data-testid": testId ? `modal_${testId}` : "modal", children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
70
+ header && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextModalHeader, { children: header }),
71
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextModalBody, { id: "modal_body", children }),
72
+ footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NextModalFooter, { children: footer })
68
73
  ] }) })
69
74
  }
70
75
  );
@@ -79,4 +84,4 @@ export {
79
84
  Modal_default,
80
85
  Modal_default2
81
86
  };
82
- //# sourceMappingURL=chunk-7VAHMR2W.js.map
87
+ //# sourceMappingURL=chunk-DAIBNNTS.js.map