@fuf-stack/pixels 0.8.4 → 0.9.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/dist/Accordion/index.cjs +3 -2
- package/dist/Accordion/index.js +2 -1
- package/dist/Button/index.cjs +3 -2
- package/dist/Button/index.js +2 -1
- package/dist/Card/index.cjs +3 -2
- package/dist/Card/index.js +2 -1
- package/dist/Json/index.cjs +4 -3
- package/dist/Json/index.js +3 -2
- package/dist/Modal/index.cjs +3 -2
- package/dist/Modal/index.js +2 -1
- package/dist/{chunk-X2MUU2ZI.cjs → chunk-66VDLQF4.cjs} +9 -16
- package/dist/chunk-66VDLQF4.cjs.map +1 -0
- package/dist/chunk-B36YERUR.cjs +29 -0
- package/dist/chunk-B36YERUR.cjs.map +1 -0
- package/dist/{chunk-GIM2W4JH.cjs → chunk-CE745SSP.cjs} +13 -18
- package/dist/chunk-CE745SSP.cjs.map +1 -0
- package/dist/{chunk-4Z4RAIFA.js → chunk-DZJ4ACWV.js} +13 -23
- package/dist/chunk-DZJ4ACWV.js.map +1 -0
- package/dist/{chunk-HYXTFS4R.js → chunk-IZ4GIYPV.js} +5 -2
- package/dist/chunk-IZ4GIYPV.js.map +1 -0
- package/dist/{chunk-HXBW5LYU.cjs → chunk-L2DCXJCR.cjs} +15 -25
- package/dist/chunk-L2DCXJCR.cjs.map +1 -0
- package/dist/{chunk-ND4VZZVU.cjs → chunk-L5FAQ6D4.cjs} +7 -4
- package/dist/chunk-L5FAQ6D4.cjs.map +1 -0
- package/dist/{chunk-A544WWIO.js → chunk-TUCU3GGJ.js} +2 -2
- package/dist/{chunk-WW6N27GL.cjs → chunk-WJ4VZ2CM.cjs} +3 -3
- package/dist/{chunk-IEZVKZFP.js → chunk-WWAUBTWI.js} +11 -16
- package/dist/chunk-WWAUBTWI.js.map +1 -0
- package/dist/chunk-X7YCEBNX.js +29 -0
- package/dist/chunk-X7YCEBNX.js.map +1 -0
- package/dist/{chunk-O6OLR36Y.js → chunk-Y7E62HGE.js} +7 -14
- package/dist/chunk-Y7E62HGE.js.map +1 -0
- package/dist/index.cjs +13 -9
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +13 -9
- package/dist/theme/index.cjs +4 -4
- package/dist/theme/index.cjs.map +1 -1
- package/dist/theme/index.js +3 -3
- package/dist/theme/index.js.map +1 -1
- package/dist/utils/index.cjs +12 -0
- package/dist/utils/index.cjs.map +1 -0
- package/dist/utils/index.d.cts +6 -0
- package/dist/utils/index.d.ts +6 -0
- package/dist/utils/index.js +12 -0
- package/dist/utils/index.js.map +1 -0
- package/package.json +8 -3
- package/dist/chunk-4Z4RAIFA.js.map +0 -1
- package/dist/chunk-64K2TRGL.cjs +0 -7
- package/dist/chunk-64K2TRGL.cjs.map +0 -1
- package/dist/chunk-GIM2W4JH.cjs.map +0 -1
- package/dist/chunk-HXBW5LYU.cjs.map +0 -1
- package/dist/chunk-HYXTFS4R.js.map +0 -1
- package/dist/chunk-IEZVKZFP.js.map +0 -1
- package/dist/chunk-MM5H2WFG.js +0 -7
- package/dist/chunk-MM5H2WFG.js.map +0 -1
- package/dist/chunk-ND4VZZVU.cjs.map +0 -1
- package/dist/chunk-O6OLR36Y.js.map +0 -1
- package/dist/chunk-X2MUU2ZI.cjs.map +0 -1
- /package/dist/{chunk-A544WWIO.js.map → chunk-TUCU3GGJ.js.map} +0 -0
- /package/dist/{chunk-WW6N27GL.cjs.map → chunk-WJ4VZ2CM.cjs.map} +0 -0
package/dist/Accordion/index.cjs
CHANGED
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkL2DCXJCRcjs = require('../chunk-L2DCXJCR.cjs');
|
|
6
|
+
require('../chunk-B36YERUR.cjs');
|
|
6
7
|
require('../chunk-DZUJEN5N.cjs');
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
10
11
|
|
|
11
|
-
exports.Accordion =
|
|
12
|
+
exports.Accordion = _chunkL2DCXJCRcjs.Accordion_default; exports.accordionVariants = _chunkL2DCXJCRcjs.accordionVariants; exports.default = _chunkL2DCXJCRcjs.Accordion_default2;
|
|
12
13
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Accordion/index.js
CHANGED
package/dist/Button/index.cjs
CHANGED
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkL5FAQ6D4cjs = require('../chunk-L5FAQ6D4.cjs');
|
|
6
|
+
require('../chunk-B36YERUR.cjs');
|
|
6
7
|
require('../chunk-DZUJEN5N.cjs');
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
10
11
|
|
|
11
|
-
exports.Button =
|
|
12
|
+
exports.Button = _chunkL5FAQ6D4cjs.Button_default; exports.buttonVariants = _chunkL5FAQ6D4cjs.buttonVariants; exports.default = _chunkL5FAQ6D4cjs.Button_default2;
|
|
12
13
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Button/index.js
CHANGED
package/dist/Card/index.cjs
CHANGED
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkCE745SSPcjs = require('../chunk-CE745SSP.cjs');
|
|
6
|
+
require('../chunk-B36YERUR.cjs');
|
|
6
7
|
require('../chunk-DZUJEN5N.cjs');
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
10
11
|
|
|
11
|
-
exports.Card =
|
|
12
|
+
exports.Card = _chunkCE745SSPcjs.Card_default; exports.cardVariants = _chunkCE745SSPcjs.cardVariants; exports.default = _chunkCE745SSPcjs.Card_default2;
|
|
12
13
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Card/index.js
CHANGED
package/dist/Json/index.cjs
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
4
|
+
var _chunkWJ4VZ2CMcjs = require('../chunk-WJ4VZ2CM.cjs');
|
|
5
|
+
require('../chunk-L5FAQ6D4.cjs');
|
|
6
|
+
require('../chunk-B36YERUR.cjs');
|
|
6
7
|
require('../chunk-DZUJEN5N.cjs');
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
10
|
-
exports.Json =
|
|
11
|
+
exports.Json = _chunkWJ4VZ2CMcjs.Json_default; exports.default = _chunkWJ4VZ2CMcjs.Json_default2;
|
|
11
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Json/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Json_default,
|
|
3
3
|
Json_default2
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
4
|
+
} from "../chunk-TUCU3GGJ.js";
|
|
5
|
+
import "../chunk-IZ4GIYPV.js";
|
|
6
|
+
import "../chunk-X7YCEBNX.js";
|
|
6
7
|
import "../chunk-5WRI5ZAA.js";
|
|
7
8
|
export {
|
|
8
9
|
Json_default as Json,
|
package/dist/Modal/index.cjs
CHANGED
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunk66VDLQF4cjs = require('../chunk-66VDLQF4.cjs');
|
|
6
|
+
require('../chunk-B36YERUR.cjs');
|
|
6
7
|
require('../chunk-DZUJEN5N.cjs');
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
10
11
|
|
|
11
|
-
exports.Modal =
|
|
12
|
+
exports.Modal = _chunk66VDLQF4cjs.Modal_default; exports.default = _chunk66VDLQF4cjs.Modal_default2; exports.modalVariants = _chunk66VDLQF4cjs.modalVariants;
|
|
12
13
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Modal/index.js
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true})
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkB36YERURcjs = require('./chunk-B36YERUR.cjs');
|
|
5
|
+
|
|
6
|
+
// src/Modal/Modal.tsx
|
|
2
7
|
|
|
3
8
|
|
|
4
9
|
|
|
@@ -6,9 +11,8 @@
|
|
|
6
11
|
|
|
7
12
|
|
|
8
13
|
var _modal = require('@nextui-org/modal');
|
|
9
|
-
var _tailwindvariants = require('tailwind-variants');
|
|
10
14
|
var _jsxruntime = require('react/jsx-runtime');
|
|
11
|
-
var modalVariants =
|
|
15
|
+
var modalVariants = _chunkB36YERURcjs.tv.call(void 0, {
|
|
12
16
|
slots: {
|
|
13
17
|
backdrop: "",
|
|
14
18
|
base: "",
|
|
@@ -39,18 +43,7 @@ var Modal = ({
|
|
|
39
43
|
testId = void 0
|
|
40
44
|
}) => {
|
|
41
45
|
const variants = modalVariants({ size });
|
|
42
|
-
const
|
|
43
|
-
const classNames = {
|
|
44
|
-
backdrop: variants.backdrop({ className: classNameObj.backdrop }),
|
|
45
|
-
base: variants.base({
|
|
46
|
-
className: classNameObj.base || className
|
|
47
|
-
}),
|
|
48
|
-
body: variants.body({ className: classNameObj.body }),
|
|
49
|
-
closeButton: variants.closeButton({ className: classNameObj.closeButton }),
|
|
50
|
-
footer: variants.footer({ className: classNameObj.footer }),
|
|
51
|
-
header: variants.header({ className: classNameObj.header }),
|
|
52
|
-
wrapper: variants.wrapper({ className: classNameObj.wrapper })
|
|
53
|
-
};
|
|
46
|
+
const classNames = _chunkB36YERURcjs.variantsToClassNames.call(void 0, variants, className, "base");
|
|
54
47
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
55
48
|
_modal.Modal,
|
|
56
49
|
{
|
|
@@ -79,4 +72,4 @@ var Modal_default2 = Modal_default;
|
|
|
79
72
|
|
|
80
73
|
|
|
81
74
|
exports.modalVariants = modalVariants; exports.Modal_default = Modal_default; exports.Modal_default2 = Modal_default2;
|
|
82
|
-
//# sourceMappingURL=chunk-
|
|
75
|
+
//# sourceMappingURL=chunk-66VDLQF4.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"names":["Modal_default"],"mappings":";;;;;;AAGA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AA+EG,mBACa,KADb;AA1EH,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,YAAY;AAAA,MACxB,MAAM,EAAE,MAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AACX,MAAkB;AAEhB,QAAM,WAAW,cAAc,EAAE,KAAK,CAAC;AACvC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,gBAAe;AAAA,MAEf,8BAAC,oBAAiB,eAAa,SAAS,SAAS,MAAM,KAAK,SACzD,gBACC,iCACG;AAAA,kBAAU,oBAAC,mBAAiB,kBAAO;AAAA,QACpC,oBAAC,iBAAc,IAAG,cAAc,UAAS;AAAA,QACxC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;AC7Ff,IAAOA,iBAAQ","sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n Modal as NextModal,\n ModalBody as NextModalBody,\n ModalContent as NextModalContent,\n ModalFooter as NextModalFooter,\n ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\n\nimport { tv, variantsToClassNames } from '../utils';\n\n// modal variants\nexport const modalVariants = tv({\n slots: {\n backdrop: '',\n base: '',\n body: '',\n closeButton: '',\n footer: '',\n header: '',\n wrapper: '',\n },\n variants: {\n size: {\n sm: { base: 'max-w-sm' },\n md: { base: 'max-w-md' },\n lg: { base: 'max-w-lg' },\n xl: { base: 'max-w-5xl' },\n full: { base: 'h-[80dvh] max-w-full' },\n },\n },\n});\n\ntype ModalVariantProps = VariantProps<typeof modalVariants>;\ntype ModalVariantSlots = Partial<\n Record<keyof ReturnType<typeof modalVariants>, string>\n>;\n\nexport interface ModalProps extends ModalVariantProps {\n /** modal body content */\n children?: ReactNode;\n /** CSS class name */\n className?: string | ModalVariantSlots;\n /** modal footer */\n footer?: ReactNode;\n /** modal header */\n header?: ReactNode;\n /** open state (controlled) */\n isOpen: boolean;\n /** close event handler */\n onClose: () => void;\n /** modal size */\n size?: ModalVariantProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n children = null,\n className = undefined,\n footer = undefined,\n header = undefined,\n isOpen,\n onClose,\n size = 'md',\n testId = undefined,\n}: ModalProps) => {\n // classNames from slots\n const variants = modalVariants({ size });\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <NextModal\n backdrop=\"opaque\"\n classNames={classNames}\n data-testid={testId}\n isOpen={isOpen}\n onClose={onClose}\n placement=\"center\"\n scrollBehavior=\"inside\"\n >\n <NextModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n {() => (\n <>\n {header && <NextModalHeader>{header}</NextModalHeader>}\n <NextModalBody id=\"modal_body\">{children}</NextModalBody>\n {footer && <NextModalFooter>{footer}</NextModalFooter>}\n </>\n )}\n </NextModalContent>\n </NextModal>\n );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/theme.ts
|
|
2
|
+
var _theme = require('@nextui-org/theme');
|
|
3
|
+
|
|
4
|
+
// src/utils/tv.ts
|
|
5
|
+
var _tailwindvariants = require('tailwind-variants');
|
|
6
|
+
var variantsToClassNames = (variants, className, baseSlot) => {
|
|
7
|
+
const classNameObj = typeof className === "object" && className || {};
|
|
8
|
+
return Object.fromEntries(
|
|
9
|
+
Object.entries(variants).map(([slot, variantFn]) => [
|
|
10
|
+
slot,
|
|
11
|
+
baseSlot && slot === baseSlot ? (
|
|
12
|
+
// @ts-expect-error could be improved
|
|
13
|
+
variantFn({
|
|
14
|
+
className: typeof className === "string" ? className : classNameObj[slot]
|
|
15
|
+
})
|
|
16
|
+
) : (
|
|
17
|
+
// @ts-expect-error could be improved
|
|
18
|
+
variantFn({ className: classNameObj[slot] })
|
|
19
|
+
)
|
|
20
|
+
])
|
|
21
|
+
);
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
exports.nextui = _theme.nextui; exports.variantsToClassNames = variantsToClassNames; exports.tv = _tailwindvariants.tv;
|
|
29
|
+
//# sourceMappingURL=chunk-B36YERUR.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/theme.ts","../src/utils/tv.ts"],"names":[],"mappings":";AACA,SAAS,cAAc;;;ACDvB,SAAS,UAAU;AAGZ,IAAM,uBAAuB,CAClC,UACA,WACA,aAC4B;AAC5B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AAEtE,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,SAAS,MAAM;AAAA,MAClD;AAAA,MACA,YAAY,SAAS;AAAA;AAAA,QAEhB,UAAU;AAAA,UACT,WACE,OAAO,cAAc,WAAW,YAAY,aAAa,IAAI;AAAA,QACjE,CAAC;AAAA;AAAA;AAAA,QAEA,UAAU,EAAE,WAAW,aAAa,IAAI,EAAE,CAAC;AAAA;AAAA,IAClD,CAAC;AAAA,EACH;AACF","sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport { nextui } from '@nextui-org/theme';\n","export { tv } from 'tailwind-variants';\n\n// converts tailwind-variants slots instance to actual classnames object\nexport const variantsToClassNames = <T extends Record<string, unknown>>(\n variants: T,\n className?: string | Record<string, string>,\n baseSlot?: keyof T,\n): Record<keyof T, string> => {\n const classNameObj = (typeof className === 'object' && className) || {};\n // @ts-expect-error could be improved\n return Object.fromEntries(\n Object.entries(variants).map(([slot, variantFn]) => [\n slot as keyof T,\n baseSlot && slot === baseSlot\n ? // @ts-expect-error could be improved\n (variantFn({\n className:\n typeof className === 'string' ? className : classNameObj[slot],\n }) as string)\n : // @ts-expect-error could be improved\n (variantFn({ className: classNameObj[slot] }) as string),\n ]),\n );\n};\n"]}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true})
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkB36YERURcjs = require('./chunk-B36YERUR.cjs');
|
|
5
|
+
|
|
6
|
+
// src/Card/Card.tsx
|
|
2
7
|
|
|
3
8
|
|
|
4
9
|
|
|
@@ -6,9 +11,8 @@
|
|
|
6
11
|
|
|
7
12
|
var _card = require('@nextui-org/card');
|
|
8
13
|
var _divider = require('@nextui-org/divider');
|
|
9
|
-
var _tailwindvariants = require('tailwind-variants');
|
|
10
14
|
var _jsxruntime = require('react/jsx-runtime');
|
|
11
|
-
var cardVariants =
|
|
15
|
+
var cardVariants = _chunkB36YERURcjs.tv.call(void 0, {
|
|
12
16
|
slots: {
|
|
13
17
|
base: "border border-divider",
|
|
14
18
|
body: "",
|
|
@@ -25,21 +29,12 @@ var Card = ({
|
|
|
25
29
|
footer = void 0
|
|
26
30
|
}) => {
|
|
27
31
|
const variants = cardVariants();
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}),
|
|
33
|
-
header: variants.header({ className: classNameObj.header }),
|
|
34
|
-
body: variants.body({ className: classNameObj.body }),
|
|
35
|
-
footer: variants.footer({ className: classNameObj.footer })
|
|
36
|
-
};
|
|
37
|
-
const divider = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
38
|
-
_divider.Divider,
|
|
39
|
-
{
|
|
40
|
-
className: variants.divider({ className: classNameObj.divider })
|
|
41
|
-
}
|
|
32
|
+
const { divider: dividerClassName, ...classNames } = _chunkB36YERURcjs.variantsToClassNames.call(void 0,
|
|
33
|
+
variants,
|
|
34
|
+
className,
|
|
35
|
+
"base"
|
|
42
36
|
);
|
|
37
|
+
const divider = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _divider.Divider, { className: dividerClassName });
|
|
43
38
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
44
39
|
_card.Card,
|
|
45
40
|
{
|
|
@@ -72,4 +67,4 @@ var Card_default2 = Card_default;
|
|
|
72
67
|
|
|
73
68
|
|
|
74
69
|
exports.cardVariants = cardVariants; exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
|
|
75
|
-
//# sourceMappingURL=chunk-
|
|
70
|
+
//# sourceMappingURL=chunk-CE745SSP.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"names":["Card_default"],"mappings":";;;;;;AAGA;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AAmDrB,SAWV,UAXU,KAWV,YAXU;AA9CX,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,EAAE,SAAS,kBAAkB,GAAG,WAAW,IAAI;AAAA,IACnD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,oBAAC,eAAY,WAAW,kBAAkB;AAE1D,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;;;ACvFf,IAAOA,gBAAQ","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';\n\nimport { tv, variantsToClassNames } from '../utils';\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 { divider: dividerClassName, ...classNames } = variantsToClassNames(\n variants,\n className,\n 'base',\n );\n\n const divider = <NextDivider className={dividerClassName} />;\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"]}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
+
import {
|
|
2
|
+
tv,
|
|
3
|
+
variantsToClassNames
|
|
4
|
+
} from "./chunk-X7YCEBNX.js";
|
|
5
|
+
|
|
1
6
|
// src/Accordion/Accordion.tsx
|
|
2
7
|
import {
|
|
3
8
|
Accordion as NextAccordion,
|
|
4
9
|
AccordionItem as NextAccordionItem
|
|
5
10
|
} from "@nextui-org/accordion";
|
|
6
|
-
import { tv } from "tailwind-variants";
|
|
7
11
|
import { jsx } from "react/jsx-runtime";
|
|
8
12
|
var accordionVariants = tv({
|
|
9
13
|
slots: {
|
|
@@ -31,7 +35,7 @@ var accordionVariants = tv({
|
|
|
31
35
|
});
|
|
32
36
|
var Accordion = ({
|
|
33
37
|
accordionItems = [],
|
|
34
|
-
className =
|
|
38
|
+
className = void 0,
|
|
35
39
|
defaultSelectedKeys = [],
|
|
36
40
|
disabled = false,
|
|
37
41
|
disabledKeys = [],
|
|
@@ -44,29 +48,15 @@ var Accordion = ({
|
|
|
44
48
|
variant = "light"
|
|
45
49
|
}) => {
|
|
46
50
|
const variants = accordionVariants({ indicatorLeft });
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
indicator: variants.indicator({ className: classNameObj.indicator }),
|
|
53
|
-
startContent: variants.startContent({
|
|
54
|
-
className: classNameObj.startContent
|
|
55
|
-
}),
|
|
56
|
-
subtitle: variants.subtitle({ className: classNameObj.subtitle }),
|
|
57
|
-
title: variants.title({ className: classNameObj.title }),
|
|
58
|
-
titleWrapper: variants.titleWrapper({
|
|
59
|
-
className: classNameObj.titleWrapper
|
|
60
|
-
}),
|
|
61
|
-
trigger: variants.trigger({ className: classNameObj.trigger })
|
|
62
|
-
};
|
|
63
|
-
const wrapperClass = variants.wrapper({
|
|
64
|
-
className: typeof className === "string" ? className : classNameObj.wrapper
|
|
65
|
-
});
|
|
51
|
+
const { wrapper, ...itemClasses } = variantsToClassNames(
|
|
52
|
+
variants,
|
|
53
|
+
className,
|
|
54
|
+
"wrapper"
|
|
55
|
+
);
|
|
66
56
|
return /* @__PURE__ */ jsx(
|
|
67
57
|
NextAccordion,
|
|
68
58
|
{
|
|
69
|
-
className:
|
|
59
|
+
className: wrapper,
|
|
70
60
|
defaultSelectedKeys,
|
|
71
61
|
disabledKeys,
|
|
72
62
|
disallowEmptySelection,
|
|
@@ -98,4 +88,4 @@ export {
|
|
|
98
88
|
Accordion_default,
|
|
99
89
|
Accordion_default2
|
|
100
90
|
};
|
|
101
|
-
//# sourceMappingURL=chunk-
|
|
91
|
+
//# sourceMappingURL=chunk-DZJ4ACWV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { DividerProps } from '@nextui-org/divider';\nimport type { VariantProps } from '@nextui-org/theme';\nimport type { ReactNode } from 'react';\n\nimport {\n Accordion as NextAccordion,\n AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '../utils';\n\n// card styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n slots: {\n base: '',\n content: '',\n heading: '',\n indicator: '',\n startContent: '',\n subtitle: '',\n title: '',\n titleWrapper: '',\n trigger: '',\n // outer accordion wrapper\n wrapper: '',\n },\n variants: {\n indicatorLeft: {\n true: {\n content: 'pl-7',\n indicator: '-rotate-180 data-[open=true]:-rotate-90',\n trigger: 'flex-row-reverse',\n },\n },\n },\n});\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n /** Accordion item subtitle */\n subtitle?: ReactNode;\n}\n\ntype AccordionVariantProps = VariantProps<typeof accordionVariants>;\ntype AccordionVariantSlots = Partial<\n Record<keyof ReturnType<typeof accordionVariants>, string>\n>;\n\nexport interface AccordionProps extends AccordionVariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems?: AccordionItemProps[];\n /** CSS class name */\n className?: string | AccordionVariantSlots;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems = [],\n className = undefined,\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n indicatorLeft = false,\n onSelectionChange = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants({ indicatorLeft });\n const { wrapper, ...itemClasses } = variantsToClassNames(\n variants,\n className,\n 'wrapper',\n );\n\n return (\n <NextAccordion\n className={wrapper}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n itemClasses={itemClasses}\n onSelectionChange={onSelectionChange}\n selectionMode={selectionMode}\n showDivider={showDivider}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <NextAccordionItem\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n isDisabled={disabled || item?.disabled}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...item}\n />\n ))}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"],"mappings":";;;;;;AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAkHC;AA5GD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB,EAAE,cAAc,CAAC;AACpD,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AC/Hf,IAAOA,qBAAQ;","names":["Accordion_default"]}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
import {
|
|
2
|
+
tv
|
|
3
|
+
} from "./chunk-X7YCEBNX.js";
|
|
4
|
+
|
|
1
5
|
// src/Button/Button.tsx
|
|
2
6
|
import { Button as NextButton } from "@nextui-org/button";
|
|
3
|
-
import { tv } from "tailwind-variants";
|
|
4
7
|
|
|
5
8
|
// src/Button/subcomponents/LoadingSpinner.tsx
|
|
6
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -122,4 +125,4 @@ export {
|
|
|
122
125
|
Button_default,
|
|
123
126
|
Button_default2
|
|
124
127
|
};
|
|
125
|
-
//# sourceMappingURL=chunk-
|
|
128
|
+
//# sourceMappingURL=chunk-IZ4GIYPV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { Button as NextButton } from '@nextui-org/button';\n\nimport { tv } from '../utils';\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n base: '',\n variants: {\n color: {\n default: '',\n primary: '',\n secondary: '',\n success: '',\n warning: '',\n danger: '',\n },\n variant: {\n solid: '',\n bordered: '',\n light: '',\n flat: '',\n faded: '',\n shadow: '',\n ghost: '',\n },\n },\n compoundVariants: [\n // white text on solid / shadow success button\n {\n color: 'success',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n // white text on solid / shadow warning button\n {\n color: 'warning',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n ],\n});\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends ButtonVariantProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** next ui button color */\n color?: NextButtonProps['color'];\n /** disables function of the button. */\n disabled?: boolean;\n /** disables all button animations */\n disableAnimation?: boolean;\n /** If set loading animation is shown */\n loading?: boolean;\n /** optional icon */\n icon?: ReactNode;\n /** on click event */\n onClick?: NextButtonProps['onPress'];\n /** 3 size options */\n size?: NextButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** sets the button type. */\n type?: 'button' | 'submit' | 'reset' | undefined;\n /** next ui button variants */\n variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n ariaLabel = undefined,\n children = undefined,\n className = undefined,\n color = 'default',\n disabled = false,\n disableAnimation = false,\n icon = undefined,\n loading = false,\n onClick = undefined,\n size = undefined,\n testId = undefined,\n type = undefined,\n variant = 'solid',\n}: ButtonProps) => {\n return (\n <NextButton\n aria-label={ariaLabel}\n className={buttonVariants({ color, variant, className })}\n color={color}\n data-testid={testId}\n disableAnimation={disableAnimation}\n disableRipple={disableAnimation}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n >\n {icon}\n {children}\n </NextButton>\n );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n <svg\n className=\"animate-spin h-5 w-5 text-current\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n />\n <path\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"],"mappings":";;;;;AAIA,SAAS,UAAU,kBAAkB;;;ACCnC,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;ADwEE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAvFG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAoCD,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,eAAe,EAAE,OAAO,SAAS,UAAU,CAAC;AAAA,MACvD;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AEhHf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkB36YERURcjs = require('./chunk-B36YERUR.cjs');
|
|
5
|
+
|
|
6
|
+
// src/Accordion/Accordion.tsx
|
|
2
7
|
|
|
3
8
|
|
|
4
9
|
|
|
5
10
|
var _accordion = require('@nextui-org/accordion');
|
|
6
|
-
var _tailwindvariants = require('tailwind-variants');
|
|
7
11
|
var _jsxruntime = require('react/jsx-runtime');
|
|
8
|
-
var accordionVariants =
|
|
12
|
+
var accordionVariants = _chunkB36YERURcjs.tv.call(void 0, {
|
|
9
13
|
slots: {
|
|
10
14
|
base: "",
|
|
11
15
|
content: "",
|
|
@@ -31,7 +35,7 @@ var accordionVariants = _tailwindvariants.tv.call(void 0, {
|
|
|
31
35
|
});
|
|
32
36
|
var Accordion = ({
|
|
33
37
|
accordionItems = [],
|
|
34
|
-
className =
|
|
38
|
+
className = void 0,
|
|
35
39
|
defaultSelectedKeys = [],
|
|
36
40
|
disabled = false,
|
|
37
41
|
disabledKeys = [],
|
|
@@ -44,29 +48,15 @@ var Accordion = ({
|
|
|
44
48
|
variant = "light"
|
|
45
49
|
}) => {
|
|
46
50
|
const variants = accordionVariants({ indicatorLeft });
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
indicator: variants.indicator({ className: classNameObj.indicator }),
|
|
53
|
-
startContent: variants.startContent({
|
|
54
|
-
className: classNameObj.startContent
|
|
55
|
-
}),
|
|
56
|
-
subtitle: variants.subtitle({ className: classNameObj.subtitle }),
|
|
57
|
-
title: variants.title({ className: classNameObj.title }),
|
|
58
|
-
titleWrapper: variants.titleWrapper({
|
|
59
|
-
className: classNameObj.titleWrapper
|
|
60
|
-
}),
|
|
61
|
-
trigger: variants.trigger({ className: classNameObj.trigger })
|
|
62
|
-
};
|
|
63
|
-
const wrapperClass = variants.wrapper({
|
|
64
|
-
className: typeof className === "string" ? className : classNameObj.wrapper
|
|
65
|
-
});
|
|
51
|
+
const { wrapper, ...itemClasses } = _chunkB36YERURcjs.variantsToClassNames.call(void 0,
|
|
52
|
+
variants,
|
|
53
|
+
className,
|
|
54
|
+
"wrapper"
|
|
55
|
+
);
|
|
66
56
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
67
57
|
_accordion.Accordion,
|
|
68
58
|
{
|
|
69
|
-
className:
|
|
59
|
+
className: wrapper,
|
|
70
60
|
defaultSelectedKeys,
|
|
71
61
|
disabledKeys,
|
|
72
62
|
disallowEmptySelection,
|
|
@@ -98,4 +88,4 @@ var Accordion_default2 = Accordion_default;
|
|
|
98
88
|
|
|
99
89
|
|
|
100
90
|
exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
|
|
101
|
-
//# sourceMappingURL=chunk-
|
|
91
|
+
//# sourceMappingURL=chunk-L2DCXJCR.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";;;;;;AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAkHC;AA5GD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB,EAAE,cAAc,CAAC;AACpD,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AC/Hf,IAAOA,qBAAQ","sourcesContent":["import type { DividerProps } from '@nextui-org/divider';\nimport type { VariantProps } from '@nextui-org/theme';\nimport type { ReactNode } from 'react';\n\nimport {\n Accordion as NextAccordion,\n AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '../utils';\n\n// card styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n slots: {\n base: '',\n content: '',\n heading: '',\n indicator: '',\n startContent: '',\n subtitle: '',\n title: '',\n titleWrapper: '',\n trigger: '',\n // outer accordion wrapper\n wrapper: '',\n },\n variants: {\n indicatorLeft: {\n true: {\n content: 'pl-7',\n indicator: '-rotate-180 data-[open=true]:-rotate-90',\n trigger: 'flex-row-reverse',\n },\n },\n },\n});\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n /** Accordion item subtitle */\n subtitle?: ReactNode;\n}\n\ntype AccordionVariantProps = VariantProps<typeof accordionVariants>;\ntype AccordionVariantSlots = Partial<\n Record<keyof ReturnType<typeof accordionVariants>, string>\n>;\n\nexport interface AccordionProps extends AccordionVariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems?: AccordionItemProps[];\n /** CSS class name */\n className?: string | AccordionVariantSlots;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems = [],\n className = undefined,\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n indicatorLeft = false,\n onSelectionChange = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants({ indicatorLeft });\n const { wrapper, ...itemClasses } = variantsToClassNames(\n variants,\n className,\n 'wrapper',\n );\n\n return (\n <NextAccordion\n className={wrapper}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n itemClasses={itemClasses}\n onSelectionChange={onSelectionChange}\n selectionMode={selectionMode}\n showDivider={showDivider}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <NextAccordionItem\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n isDisabled={disabled || item?.disabled}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...item}\n />\n ))}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"]}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true})
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkB36YERURcjs = require('./chunk-B36YERUR.cjs');
|
|
4
|
+
|
|
5
|
+
// src/Button/Button.tsx
|
|
2
6
|
var _button = require('@nextui-org/button');
|
|
3
|
-
var _tailwindvariants = require('tailwind-variants');
|
|
4
7
|
|
|
5
8
|
// src/Button/subcomponents/LoadingSpinner.tsx
|
|
6
9
|
var _jsxruntime = require('react/jsx-runtime');
|
|
@@ -37,7 +40,7 @@ var LoadingSpinner_default = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
|
37
40
|
|
|
38
41
|
// src/Button/Button.tsx
|
|
39
42
|
|
|
40
|
-
var buttonVariants =
|
|
43
|
+
var buttonVariants = _chunkB36YERURcjs.tv.call(void 0, {
|
|
41
44
|
base: "",
|
|
42
45
|
variants: {
|
|
43
46
|
color: {
|
|
@@ -122,4 +125,4 @@ var Button_default2 = Button_default;
|
|
|
122
125
|
|
|
123
126
|
|
|
124
127
|
exports.buttonVariants = buttonVariants; exports.Button_default = Button_default; exports.Button_default2 = Button_default2;
|
|
125
|
-
//# sourceMappingURL=chunk-
|
|
128
|
+
//# sourceMappingURL=chunk-L5FAQ6D4.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsx","jsxs","Button_default"],"mappings":";;;;;AAIA,SAAS,UAAU,kBAAkB;;;ACCnC,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;ADwEE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAvFG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAoCD,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,eAAe,EAAE,OAAO,SAAS,UAAU,CAAC;AAAA,MACvD;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AEhHf,IAAOE,kBAAQ","sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { Button as NextButton } from '@nextui-org/button';\n\nimport { tv } from '../utils';\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n base: '',\n variants: {\n color: {\n default: '',\n primary: '',\n secondary: '',\n success: '',\n warning: '',\n danger: '',\n },\n variant: {\n solid: '',\n bordered: '',\n light: '',\n flat: '',\n faded: '',\n shadow: '',\n ghost: '',\n },\n },\n compoundVariants: [\n // white text on solid / shadow success button\n {\n color: 'success',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n // white text on solid / shadow warning button\n {\n color: 'warning',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n ],\n});\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends ButtonVariantProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** next ui button color */\n color?: NextButtonProps['color'];\n /** disables function of the button. */\n disabled?: boolean;\n /** disables all button animations */\n disableAnimation?: boolean;\n /** If set loading animation is shown */\n loading?: boolean;\n /** optional icon */\n icon?: ReactNode;\n /** on click event */\n onClick?: NextButtonProps['onPress'];\n /** 3 size options */\n size?: NextButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** sets the button type. */\n type?: 'button' | 'submit' | 'reset' | undefined;\n /** next ui button variants */\n variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n ariaLabel = undefined,\n children = undefined,\n className = undefined,\n color = 'default',\n disabled = false,\n disableAnimation = false,\n icon = undefined,\n loading = false,\n onClick = undefined,\n size = undefined,\n testId = undefined,\n type = undefined,\n variant = 'solid',\n}: ButtonProps) => {\n return (\n <NextButton\n aria-label={ariaLabel}\n className={buttonVariants({ color, variant, className })}\n color={color}\n data-testid={testId}\n disableAnimation={disableAnimation}\n disableRipple={disableAnimation}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n >\n {icon}\n {children}\n </NextButton>\n );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n <svg\n className=\"animate-spin h-5 w-5 text-current\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n />\n <path\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Button_default
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-IZ4GIYPV.js";
|
|
4
4
|
import {
|
|
5
5
|
__commonJS,
|
|
6
6
|
__toESM
|
|
@@ -2556,4 +2556,4 @@ export {
|
|
|
2556
2556
|
Json_default,
|
|
2557
2557
|
Json_default2
|
|
2558
2558
|
};
|
|
2559
|
-
//# sourceMappingURL=chunk-
|
|
2559
|
+
//# sourceMappingURL=chunk-TUCU3GGJ.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkL5FAQ6D4cjs = require('./chunk-L5FAQ6D4.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -2511,7 +2511,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
2511
2511
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", children: "Failed to parse JSON data" })
|
|
2512
2512
|
] }),
|
|
2513
2513
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2514
|
-
|
|
2514
|
+
_chunkL5FAQ6D4cjs.Button_default,
|
|
2515
2515
|
{
|
|
2516
2516
|
color: "danger",
|
|
2517
2517
|
size: "sm",
|
|
@@ -2556,4 +2556,4 @@ var Json_default2 = Json_default;
|
|
|
2556
2556
|
|
|
2557
2557
|
|
|
2558
2558
|
exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
|
|
2559
|
-
//# sourceMappingURL=chunk-
|
|
2559
|
+
//# sourceMappingURL=chunk-WJ4VZ2CM.cjs.map
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import {
|
|
2
|
+
tv,
|
|
3
|
+
variantsToClassNames
|
|
4
|
+
} from "./chunk-X7YCEBNX.js";
|
|
5
|
+
|
|
1
6
|
// src/Card/Card.tsx
|
|
2
7
|
import {
|
|
3
8
|
Card as NextCard,
|
|
@@ -6,7 +11,6 @@ import {
|
|
|
6
11
|
CardHeader as NextCardHeader
|
|
7
12
|
} from "@nextui-org/card";
|
|
8
13
|
import { Divider as NextDivider } from "@nextui-org/divider";
|
|
9
|
-
import { tv } from "tailwind-variants";
|
|
10
14
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
11
15
|
var cardVariants = tv({
|
|
12
16
|
slots: {
|
|
@@ -25,21 +29,12 @@ var Card = ({
|
|
|
25
29
|
footer = void 0
|
|
26
30
|
}) => {
|
|
27
31
|
const variants = cardVariants();
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}),
|
|
33
|
-
header: variants.header({ className: classNameObj.header }),
|
|
34
|
-
body: variants.body({ className: classNameObj.body }),
|
|
35
|
-
footer: variants.footer({ className: classNameObj.footer })
|
|
36
|
-
};
|
|
37
|
-
const divider = /* @__PURE__ */ jsx(
|
|
38
|
-
NextDivider,
|
|
39
|
-
{
|
|
40
|
-
className: variants.divider({ className: classNameObj.divider })
|
|
41
|
-
}
|
|
32
|
+
const { divider: dividerClassName, ...classNames } = variantsToClassNames(
|
|
33
|
+
variants,
|
|
34
|
+
className,
|
|
35
|
+
"base"
|
|
42
36
|
);
|
|
37
|
+
const divider = /* @__PURE__ */ jsx(NextDivider, { className: dividerClassName });
|
|
43
38
|
return /* @__PURE__ */ jsxs(
|
|
44
39
|
NextCard,
|
|
45
40
|
{
|
|
@@ -72,4 +67,4 @@ export {
|
|
|
72
67
|
Card_default,
|
|
73
68
|
Card_default2
|
|
74
69
|
};
|
|
75
|
-
//# sourceMappingURL=chunk-
|
|
70
|
+
//# sourceMappingURL=chunk-WWAUBTWI.js.map
|
|
@@ -0,0 +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';\n\nimport { tv, variantsToClassNames } from '../utils';\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 { divider: dividerClassName, ...classNames } = variantsToClassNames(\n variants,\n className,\n 'base',\n );\n\n const divider = <NextDivider className={dividerClassName} />;\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;AAmDrB,SAWV,UAXU,KAWV,YAXU;AA9CX,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,EAAE,SAAS,kBAAkB,GAAG,WAAW,IAAI;AAAA,IACnD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,oBAAC,eAAY,WAAW,kBAAkB;AAE1D,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;;;ACvFf,IAAOA,gBAAQ;","names":["Card_default"]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
// src/utils/theme.ts
|
|
2
|
+
import { nextui } from "@nextui-org/theme";
|
|
3
|
+
|
|
4
|
+
// src/utils/tv.ts
|
|
5
|
+
import { tv } from "tailwind-variants";
|
|
6
|
+
var variantsToClassNames = (variants, className, baseSlot) => {
|
|
7
|
+
const classNameObj = typeof className === "object" && className || {};
|
|
8
|
+
return Object.fromEntries(
|
|
9
|
+
Object.entries(variants).map(([slot, variantFn]) => [
|
|
10
|
+
slot,
|
|
11
|
+
baseSlot && slot === baseSlot ? (
|
|
12
|
+
// @ts-expect-error could be improved
|
|
13
|
+
variantFn({
|
|
14
|
+
className: typeof className === "string" ? className : classNameObj[slot]
|
|
15
|
+
})
|
|
16
|
+
) : (
|
|
17
|
+
// @ts-expect-error could be improved
|
|
18
|
+
variantFn({ className: classNameObj[slot] })
|
|
19
|
+
)
|
|
20
|
+
])
|
|
21
|
+
);
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export {
|
|
25
|
+
nextui,
|
|
26
|
+
variantsToClassNames,
|
|
27
|
+
tv
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=chunk-X7YCEBNX.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/theme.ts","../src/utils/tv.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport { nextui } from '@nextui-org/theme';\n","export { tv } from 'tailwind-variants';\n\n// converts tailwind-variants slots instance to actual classnames object\nexport const variantsToClassNames = <T extends Record<string, unknown>>(\n variants: T,\n className?: string | Record<string, string>,\n baseSlot?: keyof T,\n): Record<keyof T, string> => {\n const classNameObj = (typeof className === 'object' && className) || {};\n // @ts-expect-error could be improved\n return Object.fromEntries(\n Object.entries(variants).map(([slot, variantFn]) => [\n slot as keyof T,\n baseSlot && slot === baseSlot\n ? // @ts-expect-error could be improved\n (variantFn({\n className:\n typeof className === 'string' ? className : classNameObj[slot],\n }) as string)\n : // @ts-expect-error could be improved\n (variantFn({ className: classNameObj[slot] }) as string),\n ]),\n );\n};\n"],"mappings":";AACA,SAAS,cAAc;;;ACDvB,SAAS,UAAU;AAGZ,IAAM,uBAAuB,CAClC,UACA,WACA,aAC4B;AAC5B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AAEtE,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,SAAS,MAAM;AAAA,MAClD;AAAA,MACA,YAAY,SAAS;AAAA;AAAA,QAEhB,UAAU;AAAA,UACT,WACE,OAAO,cAAc,WAAW,YAAY,aAAa,IAAI;AAAA,QACjE,CAAC;AAAA;AAAA;AAAA,QAEA,UAAU,EAAE,WAAW,aAAa,IAAI,EAAE,CAAC;AAAA;AAAA,IAClD,CAAC;AAAA,EACH;AACF;","names":[]}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import {
|
|
2
|
+
tv,
|
|
3
|
+
variantsToClassNames
|
|
4
|
+
} from "./chunk-X7YCEBNX.js";
|
|
5
|
+
|
|
1
6
|
// src/Modal/Modal.tsx
|
|
2
7
|
import {
|
|
3
8
|
Modal as NextModal,
|
|
@@ -6,7 +11,6 @@ import {
|
|
|
6
11
|
ModalFooter as NextModalFooter,
|
|
7
12
|
ModalHeader as NextModalHeader
|
|
8
13
|
} from "@nextui-org/modal";
|
|
9
|
-
import { tv } from "tailwind-variants";
|
|
10
14
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
11
15
|
var modalVariants = tv({
|
|
12
16
|
slots: {
|
|
@@ -39,18 +43,7 @@ var Modal = ({
|
|
|
39
43
|
testId = void 0
|
|
40
44
|
}) => {
|
|
41
45
|
const variants = modalVariants({ size });
|
|
42
|
-
const
|
|
43
|
-
const classNames = {
|
|
44
|
-
backdrop: variants.backdrop({ className: classNameObj.backdrop }),
|
|
45
|
-
base: variants.base({
|
|
46
|
-
className: classNameObj.base || className
|
|
47
|
-
}),
|
|
48
|
-
body: variants.body({ className: classNameObj.body }),
|
|
49
|
-
closeButton: variants.closeButton({ className: classNameObj.closeButton }),
|
|
50
|
-
footer: variants.footer({ className: classNameObj.footer }),
|
|
51
|
-
header: variants.header({ className: classNameObj.header }),
|
|
52
|
-
wrapper: variants.wrapper({ className: classNameObj.wrapper })
|
|
53
|
-
};
|
|
46
|
+
const classNames = variantsToClassNames(variants, className, "base");
|
|
54
47
|
return /* @__PURE__ */ jsx(
|
|
55
48
|
NextModal,
|
|
56
49
|
{
|
|
@@ -79,4 +72,4 @@ export {
|
|
|
79
72
|
Modal_default,
|
|
80
73
|
Modal_default2
|
|
81
74
|
};
|
|
82
|
-
//# sourceMappingURL=chunk-
|
|
75
|
+
//# sourceMappingURL=chunk-Y7E62HGE.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n Modal as NextModal,\n ModalBody as NextModalBody,\n ModalContent as NextModalContent,\n ModalFooter as NextModalFooter,\n ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\n\nimport { tv, variantsToClassNames } from '../utils';\n\n// modal variants\nexport const modalVariants = tv({\n slots: {\n backdrop: '',\n base: '',\n body: '',\n closeButton: '',\n footer: '',\n header: '',\n wrapper: '',\n },\n variants: {\n size: {\n sm: { base: 'max-w-sm' },\n md: { base: 'max-w-md' },\n lg: { base: 'max-w-lg' },\n xl: { base: 'max-w-5xl' },\n full: { base: 'h-[80dvh] max-w-full' },\n },\n },\n});\n\ntype ModalVariantProps = VariantProps<typeof modalVariants>;\ntype ModalVariantSlots = Partial<\n Record<keyof ReturnType<typeof modalVariants>, string>\n>;\n\nexport interface ModalProps extends ModalVariantProps {\n /** modal body content */\n children?: ReactNode;\n /** CSS class name */\n className?: string | ModalVariantSlots;\n /** modal footer */\n footer?: ReactNode;\n /** modal header */\n header?: ReactNode;\n /** open state (controlled) */\n isOpen: boolean;\n /** close event handler */\n onClose: () => void;\n /** modal size */\n size?: ModalVariantProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n children = null,\n className = undefined,\n footer = undefined,\n header = undefined,\n isOpen,\n onClose,\n size = 'md',\n testId = undefined,\n}: ModalProps) => {\n // classNames from slots\n const variants = modalVariants({ size });\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <NextModal\n backdrop=\"opaque\"\n classNames={classNames}\n data-testid={testId}\n isOpen={isOpen}\n onClose={onClose}\n placement=\"center\"\n scrollBehavior=\"inside\"\n >\n <NextModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n {() => (\n <>\n {header && <NextModalHeader>{header}</NextModalHeader>}\n <NextModalBody id=\"modal_body\">{children}</NextModalBody>\n {footer && <NextModalFooter>{footer}</NextModalFooter>}\n </>\n )}\n </NextModalContent>\n </NextModal>\n );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"],"mappings":";;;;;;AAGA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AA+EG,mBACa,KADb;AA1EH,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,YAAY;AAAA,MACxB,MAAM,EAAE,MAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AACX,MAAkB;AAEhB,QAAM,WAAW,cAAc,EAAE,KAAK,CAAC;AACvC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,gBAAe;AAAA,MAEf,8BAAC,oBAAiB,eAAa,SAAS,SAAS,MAAM,KAAK,SACzD,gBACC,iCACG;AAAA,kBAAU,oBAAC,mBAAiB,kBAAO;AAAA,QACpC,oBAAC,iBAAc,IAAG,cAAc,UAAS;AAAA,QACxC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;AC7Ff,IAAOA,iBAAQ;","names":["Modal_default"]}
|
package/dist/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunk66VDLQF4cjs = require('./chunk-66VDLQF4.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
var _chunkB35F4645cjs = require('./chunk-B35F4645.cjs');
|
|
@@ -15,11 +15,8 @@ var _chunkBSBPQXNGcjs = require('./chunk-BSBPQXNG.cjs');
|
|
|
15
15
|
var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var _chunk64K2TRGLcjs = require('./chunk-64K2TRGL.cjs');
|
|
19
18
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var _chunkHXBW5LYUcjs = require('./chunk-HXBW5LYU.cjs');
|
|
19
|
+
var _chunkL2DCXJCRcjs = require('./chunk-L2DCXJCR.cjs');
|
|
23
20
|
|
|
24
21
|
|
|
25
22
|
var _chunkEJSTUBPUcjs = require('./chunk-EJSTUBPU.cjs');
|
|
@@ -29,14 +26,19 @@ var _chunkXGHRKDIMcjs = require('./chunk-XGHRKDIM.cjs');
|
|
|
29
26
|
|
|
30
27
|
|
|
31
28
|
|
|
32
|
-
var
|
|
29
|
+
var _chunkCE745SSPcjs = require('./chunk-CE745SSP.cjs');
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
var _chunkWJ4VZ2CMcjs = require('./chunk-WJ4VZ2CM.cjs');
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
var _chunkWW6N27GLcjs = require('./chunk-WW6N27GL.cjs');
|
|
36
35
|
|
|
36
|
+
var _chunkL5FAQ6D4cjs = require('./chunk-L5FAQ6D4.cjs');
|
|
37
37
|
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
var _chunkB36YERURcjs = require('./chunk-B36YERUR.cjs');
|
|
40
42
|
|
|
41
43
|
|
|
42
44
|
var _chunkBMKGS5PKcjs = require('./chunk-BMKGS5PK.cjs');
|
|
@@ -64,5 +66,7 @@ require('./chunk-DZUJEN5N.cjs');
|
|
|
64
66
|
|
|
65
67
|
|
|
66
68
|
|
|
67
|
-
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
exports.Accordion = _chunkL2DCXJCRcjs.Accordion_default; exports.Avatar = _chunkXGHRKDIMcjs.Avatar_default; exports.AvatarGroup = _chunkEJSTUBPUcjs.AvatarGroup_default; exports.Button = _chunkL5FAQ6D4cjs.Button_default; exports.Card = _chunkCE745SSPcjs.Card_default; exports.Json = _chunkWJ4VZ2CMcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.Modal = _chunk66VDLQF4cjs.Modal_default; exports.Popover = _chunkB35F4645cjs.Popover_default; exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.accordionVariants = _chunkL2DCXJCRcjs.accordionVariants; exports.buttonVariants = _chunkL5FAQ6D4cjs.buttonVariants; exports.cardVariants = _chunkCE745SSPcjs.cardVariants; exports.modalVariants = _chunk66VDLQF4cjs.modalVariants; exports.nextui = _chunkB36YERURcjs.nextui; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions; exports.tv = _chunkB36YERURcjs.tv; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage; exports.variantsToClassNames = _chunkB36YERURcjs.variantsToClassNames;
|
|
68
72
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.cts
CHANGED
|
@@ -11,8 +11,9 @@ export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.cjs';
|
|
|
11
11
|
export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-D4znH2L3.cjs';
|
|
12
12
|
export { useDebounce, useLocalStorage } from './hooks/index.cjs';
|
|
13
13
|
export { nextui } from '@nextui-org/theme';
|
|
14
|
+
export { variantsToClassNames } from './utils/index.cjs';
|
|
15
|
+
export { tv } from 'tailwind-variants';
|
|
14
16
|
import 'react/jsx-runtime';
|
|
15
|
-
import 'tailwind-variants';
|
|
16
17
|
import 'tailwind-variants/dist/config.js';
|
|
17
18
|
import '@nextui-org/divider';
|
|
18
19
|
import 'react';
|
package/dist/index.d.ts
CHANGED
|
@@ -11,8 +11,9 @@ export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.js';
|
|
|
11
11
|
export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-D4znH2L3.js';
|
|
12
12
|
export { useDebounce, useLocalStorage } from './hooks/index.js';
|
|
13
13
|
export { nextui } from '@nextui-org/theme';
|
|
14
|
+
export { variantsToClassNames } from './utils/index.js';
|
|
15
|
+
export { tv } from 'tailwind-variants';
|
|
14
16
|
import 'react/jsx-runtime';
|
|
15
|
-
import 'tailwind-variants';
|
|
16
17
|
import 'tailwind-variants/dist/config.js';
|
|
17
18
|
import '@nextui-org/divider';
|
|
18
19
|
import 'react';
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Modal_default,
|
|
3
3
|
modalVariants
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-Y7E62HGE.js";
|
|
5
5
|
import {
|
|
6
6
|
Popover_default
|
|
7
7
|
} from "./chunk-6G5VTF6K.js";
|
|
@@ -13,13 +13,10 @@ import {
|
|
|
13
13
|
useDebounce,
|
|
14
14
|
useLocalStorage
|
|
15
15
|
} from "./chunk-USOEZROT.js";
|
|
16
|
-
import {
|
|
17
|
-
nextui
|
|
18
|
-
} from "./chunk-MM5H2WFG.js";
|
|
19
16
|
import {
|
|
20
17
|
Accordion_default,
|
|
21
18
|
accordionVariants
|
|
22
|
-
} from "./chunk-
|
|
19
|
+
} from "./chunk-DZJ4ACWV.js";
|
|
23
20
|
import {
|
|
24
21
|
AvatarGroup_default
|
|
25
22
|
} from "./chunk-LAGUJC5D.js";
|
|
@@ -29,14 +26,19 @@ import {
|
|
|
29
26
|
import {
|
|
30
27
|
Card_default,
|
|
31
28
|
cardVariants
|
|
32
|
-
} from "./chunk-
|
|
29
|
+
} from "./chunk-WWAUBTWI.js";
|
|
33
30
|
import {
|
|
34
31
|
Json_default
|
|
35
|
-
} from "./chunk-
|
|
32
|
+
} from "./chunk-TUCU3GGJ.js";
|
|
36
33
|
import {
|
|
37
34
|
Button_default,
|
|
38
35
|
buttonVariants
|
|
39
|
-
} from "./chunk-
|
|
36
|
+
} from "./chunk-IZ4GIYPV.js";
|
|
37
|
+
import {
|
|
38
|
+
nextui,
|
|
39
|
+
tv,
|
|
40
|
+
variantsToClassNames
|
|
41
|
+
} from "./chunk-X7YCEBNX.js";
|
|
40
42
|
import {
|
|
41
43
|
Label_default
|
|
42
44
|
} from "./chunk-S2WOGSQV.js";
|
|
@@ -62,7 +64,9 @@ export {
|
|
|
62
64
|
modalVariants,
|
|
63
65
|
nextui,
|
|
64
66
|
tooltipPlacementOptions,
|
|
67
|
+
tv,
|
|
65
68
|
useDebounce,
|
|
66
|
-
useLocalStorage
|
|
69
|
+
useLocalStorage,
|
|
70
|
+
variantsToClassNames
|
|
67
71
|
};
|
|
68
72
|
//# sourceMappingURL=index.js.map
|
package/dist/theme/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-DZUJEN5N.cjs');
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
require('
|
|
3
|
+
// src/theme/index.ts
|
|
4
|
+
var _theme = require('@nextui-org/theme');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
exports.nextui =
|
|
7
|
+
exports.nextui = _theme.nextui;
|
|
8
8
|
//# sourceMappingURL=index.cjs.map
|
package/dist/theme/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/index.ts"],"names":[],"mappings":";;;AACA,SAAS,cAAc","sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport { nextui } from '@nextui-org/theme';\n"]}
|
package/dist/theme/index.js
CHANGED
package/dist/theme/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport { nextui } from '@nextui-org/theme';\n"],"mappings":";;;AACA,SAAS,cAAc;","names":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
var _chunkB36YERURcjs = require('../chunk-B36YERUR.cjs');
|
|
6
|
+
require('../chunk-DZUJEN5N.cjs');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
exports.nextui = _chunkB36YERURcjs.nextui; exports.tv = _chunkB36YERURcjs.tv; exports.variantsToClassNames = _chunkB36YERURcjs.variantsToClassNames;
|
|
12
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { nextui } from '@nextui-org/theme';
|
|
2
|
+
export { tv } from 'tailwind-variants';
|
|
3
|
+
|
|
4
|
+
declare const variantsToClassNames: <T extends Record<string, unknown>>(variants: T, className?: string | Record<string, string>, baseSlot?: keyof T) => Record<keyof T, string>;
|
|
5
|
+
|
|
6
|
+
export { variantsToClassNames };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { nextui } from '@nextui-org/theme';
|
|
2
|
+
export { tv } from 'tailwind-variants';
|
|
3
|
+
|
|
4
|
+
declare const variantsToClassNames: <T extends Record<string, unknown>>(variants: T, className?: string | Record<string, string>, baseSlot?: keyof T) => Record<keyof T, string>;
|
|
5
|
+
|
|
6
|
+
export { variantsToClassNames };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@fuf-stack/pixels",
|
|
3
3
|
"description": "fuf react component library",
|
|
4
4
|
"author": "Hannes Tiede",
|
|
5
|
-
"version": "0.
|
|
5
|
+
"version": "0.9.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.cjs",
|
|
8
8
|
"module": "./dist/index.js",
|
|
@@ -78,6 +78,11 @@
|
|
|
78
78
|
"import": "./dist/Tooltip/index.js",
|
|
79
79
|
"require": "./dist/Tooltip/index.cjs",
|
|
80
80
|
"types": "./dist/Tooltip/index.d.ts"
|
|
81
|
+
},
|
|
82
|
+
"./utils": {
|
|
83
|
+
"import": "./dist/utils/index.js",
|
|
84
|
+
"require": "./dist/utils/index.cjs",
|
|
85
|
+
"types": "./dist/utils/index.d.ts"
|
|
81
86
|
}
|
|
82
87
|
},
|
|
83
88
|
"files": [
|
|
@@ -130,9 +135,9 @@
|
|
|
130
135
|
"react": "18.3.1",
|
|
131
136
|
"react-dom": "18.3.1",
|
|
132
137
|
"@repo/storybook-config": "0.0.1",
|
|
138
|
+
"@repo/tailwind-config": "0.0.1",
|
|
133
139
|
"@repo/tsup-config": "0.0.1",
|
|
134
|
-
"@repo/vite-config": "0.0.1"
|
|
135
|
-
"@repo/tailwind-config": "0.0.1"
|
|
140
|
+
"@repo/vite-config": "0.0.1"
|
|
136
141
|
},
|
|
137
142
|
"scripts": {
|
|
138
143
|
"build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { DividerProps } from '@nextui-org/divider';\nimport type { VariantProps } from '@nextui-org/theme';\nimport type { ReactNode } from 'react';\n\nimport {\n Accordion as NextAccordion,\n AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n slots: {\n base: '',\n content: '',\n heading: '',\n indicator: '',\n startContent: '',\n subtitle: '',\n title: '',\n titleWrapper: '',\n trigger: '',\n // outer accordion wrapper\n wrapper: '',\n },\n variants: {\n indicatorLeft: {\n true: {\n content: 'pl-7',\n indicator: '-rotate-180 data-[open=true]:-rotate-90',\n trigger: 'flex-row-reverse',\n },\n },\n },\n});\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n /** Accordion item subtitle */\n subtitle?: ReactNode;\n}\n\ntype AccordionVariantProps = VariantProps<typeof accordionVariants>;\ntype AccordionVariantSlots = Partial<\n Record<keyof ReturnType<typeof accordionVariants>, string>\n>;\n\nexport interface AccordionProps extends AccordionVariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems?: AccordionItemProps[];\n /** CSS class name */\n className?: string | AccordionVariantSlots;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems = [],\n className = '',\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n indicatorLeft = false,\n onSelectionChange = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants({ indicatorLeft });\n const classNameObj = (typeof className === 'object' && className) || {};\n const itemClasses = {\n base: variants.base({ className: classNameObj.base }),\n content: variants.content({ className: classNameObj.content }),\n heading: variants.heading({ className: classNameObj.heading }),\n indicator: variants.indicator({ className: classNameObj.indicator }),\n startContent: variants.startContent({\n className: classNameObj.startContent,\n }),\n subtitle: variants.subtitle({ className: classNameObj.subtitle }),\n title: variants.title({ className: classNameObj.title }),\n titleWrapper: variants.titleWrapper({\n className: classNameObj.titleWrapper,\n }),\n trigger: variants.trigger({ className: classNameObj.trigger }),\n };\n const wrapperClass = variants.wrapper({\n className: typeof className === 'string' ? className : classNameObj.wrapper,\n });\n\n return (\n <NextAccordion\n className={wrapperClass}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n itemClasses={itemClasses}\n onSelectionChange={onSelectionChange}\n selectionMode={selectionMode}\n showDivider={showDivider}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <NextAccordionItem\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n isDisabled={disabled || item?.disabled}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...item}\n />\n ))}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AACP,SAAS,UAAU;AA8HX;AA1HD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB,EAAE,cAAc,CAAC;AACpD,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,WAAW,SAAS,UAAU,EAAE,WAAW,aAAa,UAAU,CAAC;AAAA,IACnE,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,OAAO,SAAS,MAAM,EAAE,WAAW,aAAa,MAAM,CAAC;AAAA,IACvD,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AACA,QAAM,eAAe,SAAS,QAAQ;AAAA,IACpC,WAAW,OAAO,cAAc,WAAW,YAAY,aAAa;AAAA,EACtE,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AC5If,IAAOA,qBAAQ;","names":["Accordion_default"]}
|
package/dist/chunk-64K2TRGL.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/theme/index.ts"],"names":[],"mappings":";AACA,SAAS,cAAc","sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport { nextui } from '@nextui-org/theme';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"names":["Card_default"],"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","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"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AACP,SAAS,UAAU;AA8HX;AA1HD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAgDD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB,EAAE,cAAc,CAAC;AACpD,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,IAC7D,WAAW,SAAS,UAAU,EAAE,WAAW,aAAa,UAAU,CAAC;AAAA,IACnE,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,OAAO,SAAS,MAAM,EAAE,WAAW,aAAa,MAAM,CAAC;AAAA,IACvD,cAAc,SAAS,aAAa;AAAA,MAClC,WAAW,aAAa;AAAA,IAC1B,CAAC;AAAA,IACD,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AACA,QAAM,eAAe,SAAS,QAAQ;AAAA,IACpC,WAAW,OAAO,cAAc,WAAW,YAAY,aAAa;AAAA,EACtE,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AC5If,IAAOA,qBAAQ","sourcesContent":["import type { DividerProps } from '@nextui-org/divider';\nimport type { VariantProps } from '@nextui-org/theme';\nimport type { ReactNode } from 'react';\n\nimport {\n Accordion as NextAccordion,\n AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n slots: {\n base: '',\n content: '',\n heading: '',\n indicator: '',\n startContent: '',\n subtitle: '',\n title: '',\n titleWrapper: '',\n trigger: '',\n // outer accordion wrapper\n wrapper: '',\n },\n variants: {\n indicatorLeft: {\n true: {\n content: 'pl-7',\n indicator: '-rotate-180 data-[open=true]:-rotate-90',\n trigger: 'flex-row-reverse',\n },\n },\n },\n});\n\nexport interface AccordionItemProps {\n /** Content of the accordion item */\n children: ReactNode;\n /** Disables the accordion item */\n disabled?: boolean;\n /** Accordion item title */\n title: ReactNode;\n /** Accordion item subtitle */\n subtitle?: ReactNode;\n}\n\ntype AccordionVariantProps = VariantProps<typeof accordionVariants>;\ntype AccordionVariantSlots = Partial<\n Record<keyof ReturnType<typeof accordionVariants>, string>\n>;\n\nexport interface AccordionProps extends AccordionVariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems?: AccordionItemProps[];\n /** CSS class name */\n className?: string | AccordionVariantSlots;\n /** Array of keys for the AccordionItem(s) to be expanded by default */\n defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n /** Disables the Accordion */\n disabled?: boolean;\n /** Array of keys for the AccordionItems to disable */\n disabledKeys?: Iterable<number | string>;\n /** Force always one AccordionItem to be open. */\n disallowEmptySelection?: boolean;\n /** props for styling the Divider */\n dividerProps?: DividerProps;\n /** Hide the expanded/collapsed indicator icon */\n hideIndicator?: boolean;\n /** Callback function for when a Accordion Item is expanded or collapsed */\n onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n /** Set whether multiple or only a single AccordionItems can be expanded */\n selectionMode?: 'single' | 'multiple';\n /** Enable or disable the divider between each AccordionItem */\n showDivider?: boolean;\n /** Style variant of the Accordion */\n variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n accordionItems = [],\n className = '',\n defaultSelectedKeys = [],\n disabled = false,\n disabledKeys = [],\n disallowEmptySelection = false,\n dividerProps = {},\n indicatorLeft = false,\n onSelectionChange = undefined,\n selectionMode = 'multiple',\n showDivider = true,\n variant = 'light',\n}: AccordionProps) => {\n // itemClasses from className slots\n const variants = accordionVariants({ indicatorLeft });\n const classNameObj = (typeof className === 'object' && className) || {};\n const itemClasses = {\n base: variants.base({ className: classNameObj.base }),\n content: variants.content({ className: classNameObj.content }),\n heading: variants.heading({ className: classNameObj.heading }),\n indicator: variants.indicator({ className: classNameObj.indicator }),\n startContent: variants.startContent({\n className: classNameObj.startContent,\n }),\n subtitle: variants.subtitle({ className: classNameObj.subtitle }),\n title: variants.title({ className: classNameObj.title }),\n titleWrapper: variants.titleWrapper({\n className: classNameObj.titleWrapper,\n }),\n trigger: variants.trigger({ className: classNameObj.trigger }),\n };\n const wrapperClass = variants.wrapper({\n className: typeof className === 'string' ? className : classNameObj.wrapper,\n });\n\n return (\n <NextAccordion\n className={wrapperClass}\n defaultSelectedKeys={defaultSelectedKeys}\n disabledKeys={disabledKeys}\n disallowEmptySelection={disallowEmptySelection}\n dividerProps={dividerProps}\n isDisabled={disabled}\n itemClasses={itemClasses}\n onSelectionChange={onSelectionChange}\n selectionMode={selectionMode}\n showDivider={showDivider}\n variant={variant}\n >\n {accordionItems.map((item, index) => (\n <NextAccordionItem\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n isDisabled={disabled || item?.disabled}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...item}\n />\n ))}\n </NextAccordion>\n );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport { tv } from 'tailwind-variants';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n base: '',\n variants: {\n color: {\n default: '',\n primary: '',\n secondary: '',\n success: '',\n warning: '',\n danger: '',\n },\n variant: {\n solid: '',\n bordered: '',\n light: '',\n flat: '',\n faded: '',\n shadow: '',\n ghost: '',\n },\n },\n compoundVariants: [\n // white text on solid / shadow success button\n {\n color: 'success',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n // white text on solid / shadow warning button\n {\n color: 'warning',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n ],\n});\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends ButtonVariantProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** next ui button color */\n color?: NextButtonProps['color'];\n /** disables function of the button. */\n disabled?: boolean;\n /** disables all button animations */\n disableAnimation?: boolean;\n /** If set loading animation is shown */\n loading?: boolean;\n /** optional icon */\n icon?: ReactNode;\n /** on click event */\n onClick?: NextButtonProps['onPress'];\n /** 3 size options */\n size?: NextButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** sets the button type. */\n type?: 'button' | 'submit' | 'reset' | undefined;\n /** next ui button variants */\n variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n ariaLabel = undefined,\n children = undefined,\n className = undefined,\n color = 'default',\n disabled = false,\n disableAnimation = false,\n icon = undefined,\n loading = false,\n onClick = undefined,\n size = undefined,\n testId = undefined,\n type = undefined,\n variant = 'solid',\n}: ButtonProps) => {\n return (\n <NextButton\n aria-label={ariaLabel}\n className={buttonVariants({ color, variant, className })}\n color={color}\n data-testid={testId}\n disableAnimation={disableAnimation}\n disableRipple={disableAnimation}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n >\n {icon}\n {children}\n </NextButton>\n );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n <svg\n className=\"animate-spin h-5 w-5 text-current\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n />\n <path\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"],"mappings":";AAIA,SAAS,UAAU,kBAAkB;AACrC,SAAS,UAAU;;;ACAjB,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;ADwEE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAvFG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAoCD,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,eAAe,EAAE,OAAO,SAAS,UAAU,CAAC;AAAA,MACvD;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AEhHf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}
|
|
@@ -1 +0,0 @@
|
|
|
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"]}
|
package/dist/chunk-MM5H2WFG.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/theme/index.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport { nextui } from '@nextui-org/theme';\n"],"mappings":";AACA,SAAS,cAAc;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsx","jsxs","Button_default"],"mappings":";AAIA,SAAS,UAAU,kBAAkB;AACrC,SAAS,UAAU;;;ACAjB,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;ADwEE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAvFG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAoCD,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,eAAe,EAAE,OAAO,SAAS,UAAU,CAAC;AAAA,MACvD;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AEhHf,IAAOE,kBAAQ","sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport { tv } from 'tailwind-variants';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n base: '',\n variants: {\n color: {\n default: '',\n primary: '',\n secondary: '',\n success: '',\n warning: '',\n danger: '',\n },\n variant: {\n solid: '',\n bordered: '',\n light: '',\n flat: '',\n faded: '',\n shadow: '',\n ghost: '',\n },\n },\n compoundVariants: [\n // white text on solid / shadow success button\n {\n color: 'success',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n // white text on solid / shadow warning button\n {\n color: 'warning',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n ],\n});\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends ButtonVariantProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** next ui button color */\n color?: NextButtonProps['color'];\n /** disables function of the button. */\n disabled?: boolean;\n /** disables all button animations */\n disableAnimation?: boolean;\n /** If set loading animation is shown */\n loading?: boolean;\n /** optional icon */\n icon?: ReactNode;\n /** on click event */\n onClick?: NextButtonProps['onPress'];\n /** 3 size options */\n size?: NextButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** sets the button type. */\n type?: 'button' | 'submit' | 'reset' | undefined;\n /** next ui button variants */\n variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n ariaLabel = undefined,\n children = undefined,\n className = undefined,\n color = 'default',\n disabled = false,\n disableAnimation = false,\n icon = undefined,\n loading = false,\n onClick = undefined,\n size = undefined,\n testId = undefined,\n type = undefined,\n variant = 'solid',\n}: ButtonProps) => {\n return (\n <NextButton\n aria-label={ariaLabel}\n className={buttonVariants({ color, variant, className })}\n color={color}\n data-testid={testId}\n disableAnimation={disableAnimation}\n disableRipple={disableAnimation}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n >\n {icon}\n {children}\n </NextButton>\n );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n <svg\n className=\"animate-spin h-5 w-5 text-current\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n />\n <path\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n Modal as NextModal,\n ModalBody as NextModalBody,\n ModalContent as NextModalContent,\n ModalFooter as NextModalFooter,\n ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\nimport { tv } from 'tailwind-variants';\n\n// modal variants\nexport const modalVariants = tv({\n slots: {\n backdrop: '',\n base: '',\n body: '',\n closeButton: '',\n footer: '',\n header: '',\n wrapper: '',\n },\n variants: {\n size: {\n sm: { base: 'max-w-sm' },\n md: { base: 'max-w-md' },\n lg: { base: 'max-w-lg' },\n xl: { base: 'max-w-5xl' },\n full: { base: 'h-[80dvh] max-w-full' },\n },\n },\n});\n\ntype ModalVariantProps = VariantProps<typeof modalVariants>;\ntype ModalVariantSlots = Partial<\n Record<keyof ReturnType<typeof modalVariants>, string>\n>;\n\nexport interface ModalProps extends ModalVariantProps {\n /** modal body content */\n children?: ReactNode;\n /** CSS class name */\n className?: string | ModalVariantSlots;\n /** modal footer */\n footer?: ReactNode;\n /** modal header */\n header?: ReactNode;\n /** open state (controlled) */\n isOpen: boolean;\n /** close event handler */\n onClose: () => void;\n /** modal size */\n size?: ModalVariantProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n children = null,\n className = undefined,\n footer = undefined,\n header = undefined,\n isOpen,\n onClose,\n size = 'md',\n testId = undefined,\n}: ModalProps) => {\n // classNames from slots\n const variants = modalVariants({ size });\n const classNameObj = (typeof className === 'object' && className) || {};\n const classNames = {\n backdrop: variants.backdrop({ className: classNameObj.backdrop }),\n base: variants.base({\n className: classNameObj.base || (className as string),\n }),\n body: variants.body({ className: classNameObj.body }),\n closeButton: variants.closeButton({ className: classNameObj.closeButton }),\n footer: variants.footer({ className: classNameObj.footer }),\n header: variants.header({ className: classNameObj.header }),\n wrapper: variants.wrapper({ className: classNameObj.wrapper }),\n };\n\n return (\n <NextModal\n backdrop=\"opaque\"\n classNames={classNames}\n data-testid={testId}\n isOpen={isOpen}\n onClose={onClose}\n placement=\"center\"\n scrollBehavior=\"inside\"\n >\n <NextModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n {() => (\n <>\n {header && <NextModalHeader>{header}</NextModalHeader>}\n <NextModalBody id=\"modal_body\">{children}</NextModalBody>\n {footer && <NextModalFooter>{footer}</NextModalFooter>}\n </>\n )}\n </NextModalContent>\n </NextModal>\n );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"],"mappings":";AAGA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AACP,SAAS,UAAU;AAwFT,mBACa,KADb;AArFH,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,YAAY;AAAA,MACxB,MAAM,EAAE,MAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AACX,MAAkB;AAEhB,QAAM,WAAW,cAAc,EAAE,KAAK,CAAC;AACvC,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,aAAa,SAAS,YAAY,EAAE,WAAW,aAAa,YAAY,CAAC;AAAA,IACzE,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,gBAAe;AAAA,MAEf,8BAAC,oBAAiB,eAAa,SAAS,SAAS,MAAM,KAAK,SACzD,gBACC,iCACG;AAAA,kBAAU,oBAAC,mBAAiB,kBAAO;AAAA,QACpC,oBAAC,iBAAc,IAAG,cAAc,UAAS;AAAA,QACxC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACvGf,IAAOA,iBAAQ;","names":["Modal_default"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"names":["Modal_default"],"mappings":";AAGA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AACP,SAAS,UAAU;AAwFT,mBACa,KADb;AArFH,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,YAAY;AAAA,MACxB,MAAM,EAAE,MAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AACX,MAAkB;AAEhB,QAAM,WAAW,cAAc,EAAE,KAAK,CAAC;AACvC,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,UAAU,SAAS,SAAS,EAAE,WAAW,aAAa,SAAS,CAAC;AAAA,IAChE,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,aAAa,SAAS,YAAY,EAAE,WAAW,aAAa,YAAY,CAAC;AAAA,IACzE,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,SAAS,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA,EAC/D;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,gBAAe;AAAA,MAEf,8BAAC,oBAAiB,eAAa,SAAS,SAAS,MAAM,KAAK,SACzD,gBACC,iCACG;AAAA,kBAAU,oBAAC,mBAAiB,kBAAO;AAAA,QACpC,oBAAC,iBAAc,IAAG,cAAc,UAAS;AAAA,QACxC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACvGf,IAAOA,iBAAQ","sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n Modal as NextModal,\n ModalBody as NextModalBody,\n ModalContent as NextModalContent,\n ModalFooter as NextModalFooter,\n ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\nimport { tv } from 'tailwind-variants';\n\n// modal variants\nexport const modalVariants = tv({\n slots: {\n backdrop: '',\n base: '',\n body: '',\n closeButton: '',\n footer: '',\n header: '',\n wrapper: '',\n },\n variants: {\n size: {\n sm: { base: 'max-w-sm' },\n md: { base: 'max-w-md' },\n lg: { base: 'max-w-lg' },\n xl: { base: 'max-w-5xl' },\n full: { base: 'h-[80dvh] max-w-full' },\n },\n },\n});\n\ntype ModalVariantProps = VariantProps<typeof modalVariants>;\ntype ModalVariantSlots = Partial<\n Record<keyof ReturnType<typeof modalVariants>, string>\n>;\n\nexport interface ModalProps extends ModalVariantProps {\n /** modal body content */\n children?: ReactNode;\n /** CSS class name */\n className?: string | ModalVariantSlots;\n /** modal footer */\n footer?: ReactNode;\n /** modal header */\n header?: ReactNode;\n /** open state (controlled) */\n isOpen: boolean;\n /** close event handler */\n onClose: () => void;\n /** modal size */\n size?: ModalVariantProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n children = null,\n className = undefined,\n footer = undefined,\n header = undefined,\n isOpen,\n onClose,\n size = 'md',\n testId = undefined,\n}: ModalProps) => {\n // classNames from slots\n const variants = modalVariants({ size });\n const classNameObj = (typeof className === 'object' && className) || {};\n const classNames = {\n backdrop: variants.backdrop({ className: classNameObj.backdrop }),\n base: variants.base({\n className: classNameObj.base || (className as string),\n }),\n body: variants.body({ className: classNameObj.body }),\n closeButton: variants.closeButton({ className: classNameObj.closeButton }),\n footer: variants.footer({ className: classNameObj.footer }),\n header: variants.header({ className: classNameObj.header }),\n wrapper: variants.wrapper({ className: classNameObj.wrapper }),\n };\n\n return (\n <NextModal\n backdrop=\"opaque\"\n classNames={classNames}\n data-testid={testId}\n isOpen={isOpen}\n onClose={onClose}\n placement=\"center\"\n scrollBehavior=\"inside\"\n >\n <NextModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n {() => (\n <>\n {header && <NextModalHeader>{header}</NextModalHeader>}\n <NextModalBody id=\"modal_body\">{children}</NextModalBody>\n {footer && <NextModalFooter>{footer}</NextModalFooter>}\n </>\n )}\n </NextModalContent>\n </NextModal>\n );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"]}
|
|
File without changes
|
|
File without changes
|