@fuf-stack/pixels 0.9.3 → 0.10.1
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 +2 -3
- package/dist/Accordion/index.d.cts +3 -4
- package/dist/Accordion/index.d.ts +3 -4
- package/dist/Accordion/index.js +1 -2
- package/dist/{Accordion-DDUtWsfw.d.cts → Accordion-IyPLd1w6.d.cts} +1 -1
- package/dist/{Accordion-Dv-zolQr.d.ts → Accordion-IyPLd1w6.d.ts} +1 -1
- package/dist/Button/index.cjs +2 -3
- package/dist/Button/index.d.cts +3 -4
- package/dist/Button/index.d.ts +3 -4
- package/dist/Button/index.js +1 -2
- package/dist/{Button-B9f7IDnm.d.ts → Button-8uTuwTxM.d.cts} +1 -1
- package/dist/{Button-B9f84IPN.d.cts → Button-8uTuwTxM.d.ts} +1 -1
- package/dist/Card/index.cjs +2 -3
- package/dist/Card/index.d.cts +3 -4
- package/dist/Card/index.d.ts +3 -4
- package/dist/Card/index.js +1 -2
- package/dist/{Card-CcLRSJuE.d.cts → Card-B3zN1NrH.d.cts} +1 -1
- package/dist/{Card-C656HOc1.d.ts → Card-B3zN1NrH.d.ts} +1 -1
- package/dist/Json/index.cjs +3 -4
- package/dist/Json/index.js +2 -3
- package/dist/Label/index.cjs +2 -2
- package/dist/Label/index.js +1 -1
- package/dist/Menu/index.cjs +2 -2
- package/dist/Menu/index.js +1 -1
- package/dist/Modal/index.cjs +2 -3
- package/dist/Modal/index.d.cts +3 -4
- package/dist/Modal/index.d.ts +3 -4
- package/dist/Modal/index.js +1 -2
- package/dist/{Modal-7xA_lXvH.d.cts → Modal-DZHeIvQc.d.cts} +1 -1
- package/dist/{Modal-BNYlVV9i.d.ts → Modal-DZHeIvQc.d.ts} +1 -1
- package/dist/Popover/index.cjs +2 -2
- package/dist/Popover/index.js +1 -1
- package/dist/Tooltip/index.cjs +2 -2
- package/dist/Tooltip/index.js +1 -1
- package/dist/{chunk-S2WOGSQV.js → chunk-32USZJY2.js} +2 -2
- package/dist/chunk-32USZJY2.js.map +1 -0
- package/dist/{chunk-PVCGQSAN.js → chunk-7ZPZP6SD.js} +2 -6
- package/dist/chunk-7ZPZP6SD.js.map +1 -0
- package/dist/{chunk-6VMKAUMC.js → chunk-APEDJG3R.js} +2 -6
- package/dist/chunk-APEDJG3R.js.map +1 -0
- package/dist/{chunk-4UDBXGTR.js → chunk-EVCVBDO5.js} +2 -5
- package/dist/chunk-EVCVBDO5.js.map +1 -0
- package/dist/{chunk-2FKNKEKZ.js → chunk-F2SRHLNC.js} +2 -6
- package/dist/chunk-F2SRHLNC.js.map +1 -0
- package/dist/{chunk-6ZVROKDF.cjs → chunk-FGMOV5RO.cjs} +5 -9
- package/dist/chunk-FGMOV5RO.cjs.map +1 -0
- package/dist/{chunk-6G5VTF6K.js → chunk-FKVBE3LW.js} +2 -2
- package/dist/chunk-FKVBE3LW.js.map +1 -0
- package/dist/{chunk-DJNPSUNK.js → chunk-G446SCUR.js} +3 -3
- package/dist/chunk-G446SCUR.js.map +1 -0
- package/dist/{chunk-IOZ4D2BY.cjs → chunk-JPALSO5E.cjs} +5 -9
- package/dist/chunk-JPALSO5E.cjs.map +1 -0
- package/dist/{chunk-XMEOYOKY.cjs → chunk-L6TIKQGM.cjs} +6 -6
- package/dist/chunk-L6TIKQGM.cjs.map +1 -0
- package/dist/{chunk-JCSGY4CU.cjs → chunk-LOFZNVCN.cjs} +4 -7
- package/dist/chunk-LOFZNVCN.cjs.map +1 -0
- package/dist/{chunk-HHTTNYDC.cjs → chunk-MJNISFGX.cjs} +4 -4
- package/dist/chunk-MJNISFGX.cjs.map +1 -0
- package/dist/{chunk-BSBPQXNG.cjs → chunk-RS7HBBUF.cjs} +4 -4
- package/dist/chunk-RS7HBBUF.cjs.map +1 -0
- package/dist/{chunk-VOXYQARK.js → chunk-SU6NFAFF.js} +2 -2
- package/dist/chunk-SU6NFAFF.js.map +1 -0
- package/dist/{chunk-BMKGS5PK.cjs → chunk-UZZLRGTA.cjs} +4 -4
- package/dist/chunk-UZZLRGTA.cjs.map +1 -0
- package/dist/{chunk-XSQOSEWG.cjs → chunk-VAJODF7Z.cjs} +5 -9
- package/dist/chunk-VAJODF7Z.cjs.map +1 -0
- package/dist/{chunk-B35F4645.cjs → chunk-ZCA555Q7.cjs} +4 -4
- package/dist/chunk-ZCA555Q7.cjs.map +1 -0
- package/dist/{chunk-236GX7PP.js → chunk-ZN6DLACS.js} +2 -2
- package/dist/chunk-ZN6DLACS.js.map +1 -0
- package/dist/index.cjs +10 -18
- package/dist/index.d.cts +6 -7
- package/dist/index.d.ts +6 -7
- package/dist/index.js +10 -18
- package/package.json +4 -15
- package/dist/chunk-236GX7PP.js.map +0 -1
- package/dist/chunk-2FKNKEKZ.js.map +0 -1
- package/dist/chunk-2XGUY3UF.cjs +0 -29
- package/dist/chunk-2XGUY3UF.cjs.map +0 -1
- package/dist/chunk-4UDBXGTR.js.map +0 -1
- package/dist/chunk-6G5VTF6K.js.map +0 -1
- package/dist/chunk-6VMKAUMC.js.map +0 -1
- package/dist/chunk-6ZVROKDF.cjs.map +0 -1
- package/dist/chunk-B35F4645.cjs.map +0 -1
- package/dist/chunk-BMKGS5PK.cjs.map +0 -1
- package/dist/chunk-BSBPQXNG.cjs.map +0 -1
- package/dist/chunk-DJNPSUNK.js.map +0 -1
- package/dist/chunk-HHTTNYDC.cjs.map +0 -1
- package/dist/chunk-IOZ4D2BY.cjs.map +0 -1
- package/dist/chunk-JCSGY4CU.cjs.map +0 -1
- package/dist/chunk-OOBT7L2Z.js +0 -29
- package/dist/chunk-OOBT7L2Z.js.map +0 -1
- package/dist/chunk-PVCGQSAN.js.map +0 -1
- package/dist/chunk-S2WOGSQV.js.map +0 -1
- package/dist/chunk-VOXYQARK.js.map +0 -1
- package/dist/chunk-XMEOYOKY.cjs.map +0 -1
- package/dist/chunk-XSQOSEWG.cjs.map +0 -1
- package/dist/theme/index.cjs +0 -8
- package/dist/theme/index.cjs.map +0 -1
- package/dist/theme/index.d.cts +0 -1
- package/dist/theme/index.d.ts +0 -1
- package/dist/theme/index.js +0 -8
- package/dist/theme/index.js.map +0 -1
- package/dist/utils/index.cjs +0 -12
- package/dist/utils/index.cjs.map +0 -1
- package/dist/utils/index.d.cts +0 -9
- package/dist/utils/index.d.ts +0 -9
- package/dist/utils/index.js +0 -12
- package/dist/utils/index.js.map +0 -1
package/dist/Accordion/index.cjs
CHANGED
|
@@ -2,12 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../chunk-2XGUY3UF.cjs');
|
|
5
|
+
var _chunkFGMOV5ROcjs = require('../chunk-FGMOV5RO.cjs');
|
|
7
6
|
require('../chunk-DZUJEN5N.cjs');
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
|
11
10
|
|
|
12
|
-
exports.Accordion =
|
|
11
|
+
exports.Accordion = _chunkFGMOV5ROcjs.Accordion_default; exports.accordionVariants = _chunkFGMOV5ROcjs.accordionVariants; exports.default = _chunkFGMOV5ROcjs.Accordion_default2;
|
|
13
12
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { A as Accordion } from '../Accordion-
|
|
2
|
-
export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-
|
|
1
|
+
import { A as Accordion } from '../Accordion-IyPLd1w6.cjs';
|
|
2
|
+
export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-IyPLd1w6.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import 'tailwind-variants/dist/config.js';
|
|
6
|
+
import '@fuf-stack/pixel-utils';
|
|
6
7
|
import '@nextui-org/divider';
|
|
7
8
|
import 'react';
|
|
8
|
-
import '../utils/index.cjs';
|
|
9
|
-
import '@nextui-org/theme';
|
|
10
9
|
|
|
11
10
|
|
|
12
11
|
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { A as Accordion } from '../Accordion-
|
|
2
|
-
export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-
|
|
1
|
+
import { A as Accordion } from '../Accordion-IyPLd1w6.js';
|
|
2
|
+
export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-IyPLd1w6.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import 'tailwind-variants/dist/config.js';
|
|
6
|
+
import '@fuf-stack/pixel-utils';
|
|
6
7
|
import '@nextui-org/divider';
|
|
7
8
|
import 'react';
|
|
8
|
-
import '../utils/index.js';
|
|
9
|
-
import '@nextui-org/theme';
|
|
10
9
|
|
|
11
10
|
|
|
12
11
|
|
package/dist/Accordion/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as tailwind_variants from 'tailwind-variants';
|
|
3
3
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
4
|
+
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
4
5
|
import { DividerProps } from '@nextui-org/divider';
|
|
5
6
|
import { ReactNode } from 'react';
|
|
6
|
-
import { TVProps, TVClassName } from './utils/index.cjs';
|
|
7
7
|
|
|
8
8
|
declare const accordionVariants: tailwind_variants.TVReturnType<{
|
|
9
9
|
indicatorLeft: {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as tailwind_variants from 'tailwind-variants';
|
|
3
3
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
4
|
+
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
4
5
|
import { DividerProps } from '@nextui-org/divider';
|
|
5
6
|
import { ReactNode } from 'react';
|
|
6
|
-
import { TVProps, TVClassName } from './utils/index.js';
|
|
7
7
|
|
|
8
8
|
declare const accordionVariants: tailwind_variants.TVReturnType<{
|
|
9
9
|
indicatorLeft: {
|
package/dist/Button/index.cjs
CHANGED
|
@@ -2,12 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../chunk-2XGUY3UF.cjs');
|
|
5
|
+
var _chunkLOFZNVCNcjs = require('../chunk-LOFZNVCN.cjs');
|
|
7
6
|
require('../chunk-DZUJEN5N.cjs');
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
|
11
10
|
|
|
12
|
-
exports.Button =
|
|
11
|
+
exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.buttonVariants = _chunkLOFZNVCNcjs.buttonVariants; exports.default = _chunkLOFZNVCNcjs.Button_default2;
|
|
13
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Button/index.d.cts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { B as Button } from '../Button-
|
|
2
|
-
export { a as ButtonProps, b as buttonVariants } from '../Button-
|
|
1
|
+
import { B as Button } from '../Button-8uTuwTxM.cjs';
|
|
2
|
+
export { a as ButtonProps, b as buttonVariants } from '../Button-8uTuwTxM.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import 'tailwind-variants/dist/config.js';
|
|
6
|
+
import '@fuf-stack/pixel-utils';
|
|
6
7
|
import '@nextui-org/button';
|
|
7
8
|
import 'react';
|
|
8
|
-
import '../utils/index.cjs';
|
|
9
|
-
import '@nextui-org/theme';
|
|
10
9
|
|
|
11
10
|
|
|
12
11
|
|
package/dist/Button/index.d.ts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { B as Button } from '../Button-
|
|
2
|
-
export { a as ButtonProps, b as buttonVariants } from '../Button-
|
|
1
|
+
import { B as Button } from '../Button-8uTuwTxM.js';
|
|
2
|
+
export { a as ButtonProps, b as buttonVariants } from '../Button-8uTuwTxM.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import 'tailwind-variants/dist/config.js';
|
|
6
|
+
import '@fuf-stack/pixel-utils';
|
|
6
7
|
import '@nextui-org/button';
|
|
7
8
|
import 'react';
|
|
8
|
-
import '../utils/index.js';
|
|
9
|
-
import '@nextui-org/theme';
|
|
10
9
|
|
|
11
10
|
|
|
12
11
|
|
package/dist/Button/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as tailwind_variants from 'tailwind-variants';
|
|
3
3
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
4
|
+
import { TVProps } from '@fuf-stack/pixel-utils';
|
|
4
5
|
import { ButtonProps as ButtonProps$1 } from '@nextui-org/button';
|
|
5
6
|
import { ReactNode } from 'react';
|
|
6
|
-
import { TVProps } from './utils/index.js';
|
|
7
7
|
|
|
8
8
|
declare const buttonVariants: tailwind_variants.TVReturnType<{
|
|
9
9
|
color: {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as tailwind_variants from 'tailwind-variants';
|
|
3
3
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
4
|
+
import { TVProps } from '@fuf-stack/pixel-utils';
|
|
4
5
|
import { ButtonProps as ButtonProps$1 } from '@nextui-org/button';
|
|
5
6
|
import { ReactNode } from 'react';
|
|
6
|
-
import { TVProps } from './utils/index.cjs';
|
|
7
7
|
|
|
8
8
|
declare const buttonVariants: tailwind_variants.TVReturnType<{
|
|
9
9
|
color: {
|
package/dist/Card/index.cjs
CHANGED
|
@@ -2,12 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../chunk-2XGUY3UF.cjs');
|
|
5
|
+
var _chunkJPALSO5Ecjs = require('../chunk-JPALSO5E.cjs');
|
|
7
6
|
require('../chunk-DZUJEN5N.cjs');
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
|
11
10
|
|
|
12
|
-
exports.Card =
|
|
11
|
+
exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.default = _chunkJPALSO5Ecjs.Card_default2;
|
|
13
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Card/index.d.cts
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { C as Card } from '../Card-
|
|
2
|
-
export { a as CardProps, c as cardVariants } from '../Card-
|
|
1
|
+
import { C as Card } from '../Card-B3zN1NrH.cjs';
|
|
2
|
+
export { a as CardProps, c as cardVariants } from '../Card-B3zN1NrH.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants/dist/config.js';
|
|
5
5
|
import 'tailwind-variants';
|
|
6
|
+
import '@fuf-stack/pixel-utils';
|
|
6
7
|
import 'react';
|
|
7
|
-
import '../utils/index.cjs';
|
|
8
|
-
import '@nextui-org/theme';
|
|
9
8
|
|
|
10
9
|
|
|
11
10
|
|
package/dist/Card/index.d.ts
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { C as Card } from '../Card-
|
|
2
|
-
export { a as CardProps, c as cardVariants } from '../Card-
|
|
1
|
+
import { C as Card } from '../Card-B3zN1NrH.js';
|
|
2
|
+
export { a as CardProps, c as cardVariants } from '../Card-B3zN1NrH.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants/dist/config.js';
|
|
5
5
|
import 'tailwind-variants';
|
|
6
|
+
import '@fuf-stack/pixel-utils';
|
|
6
7
|
import 'react';
|
|
7
|
-
import '../utils/index.js';
|
|
8
|
-
import '@nextui-org/theme';
|
|
9
8
|
|
|
10
9
|
|
|
11
10
|
|
package/dist/Card/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
3
3
|
import * as tailwind_variants from 'tailwind-variants';
|
|
4
|
+
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
4
5
|
import { ReactNode } from 'react';
|
|
5
|
-
import { TVProps, TVClassName } from './utils/index.cjs';
|
|
6
6
|
|
|
7
7
|
declare const cardVariants: tailwind_variants.TVReturnType<{
|
|
8
8
|
[key: string]: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
3
3
|
import * as tailwind_variants from 'tailwind-variants';
|
|
4
|
+
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
4
5
|
import { ReactNode } from 'react';
|
|
5
|
-
import { TVProps, TVClassName } from './utils/index.js';
|
|
6
6
|
|
|
7
7
|
declare const cardVariants: tailwind_variants.TVReturnType<{
|
|
8
8
|
[key: string]: {
|
package/dist/Json/index.cjs
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
6
|
-
require('../chunk-2XGUY3UF.cjs');
|
|
4
|
+
var _chunkL6TIKQGMcjs = require('../chunk-L6TIKQGM.cjs');
|
|
5
|
+
require('../chunk-LOFZNVCN.cjs');
|
|
7
6
|
require('../chunk-DZUJEN5N.cjs');
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
|
11
|
-
exports.Json =
|
|
10
|
+
exports.Json = _chunkL6TIKQGMcjs.Json_default; exports.default = _chunkL6TIKQGMcjs.Json_default2;
|
|
12
11
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Json/index.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Json_default,
|
|
3
3
|
Json_default2
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-OOBT7L2Z.js";
|
|
4
|
+
} from "../chunk-G446SCUR.js";
|
|
5
|
+
import "../chunk-EVCVBDO5.js";
|
|
7
6
|
import "../chunk-5WRI5ZAA.js";
|
|
8
7
|
export {
|
|
9
8
|
Json_default as Json,
|
package/dist/Label/index.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkUZZLRGTAcjs = require('../chunk-UZZLRGTA.cjs');
|
|
5
5
|
require('../chunk-DZUJEN5N.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.Label =
|
|
9
|
+
exports.Label = _chunkUZZLRGTAcjs.Label_default; exports.default = _chunkUZZLRGTAcjs.Label_default2;
|
|
10
10
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Label/index.js
CHANGED
package/dist/Menu/index.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkMJNISFGXcjs = require('../chunk-MJNISFGX.cjs');
|
|
5
5
|
require('../chunk-DZUJEN5N.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.Menu =
|
|
9
|
+
exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.default = _chunkMJNISFGXcjs.Menu_default2;
|
|
10
10
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Menu/index.js
CHANGED
package/dist/Modal/index.cjs
CHANGED
|
@@ -2,12 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../chunk-2XGUY3UF.cjs');
|
|
5
|
+
var _chunkVAJODF7Zcjs = require('../chunk-VAJODF7Z.cjs');
|
|
7
6
|
require('../chunk-DZUJEN5N.cjs');
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
|
11
10
|
|
|
12
|
-
exports.Modal =
|
|
11
|
+
exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.default = _chunkVAJODF7Zcjs.Modal_default2; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants;
|
|
13
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Modal/index.d.cts
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { M as Modal } from '../Modal-
|
|
2
|
-
export { a as ModalProps, m as modalVariants } from '../Modal-
|
|
1
|
+
import { M as Modal } from '../Modal-DZHeIvQc.cjs';
|
|
2
|
+
export { a as ModalProps, m as modalVariants } from '../Modal-DZHeIvQc.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import 'tailwind-variants/dist/config.js';
|
|
6
|
+
import '@fuf-stack/pixel-utils';
|
|
6
7
|
import 'react';
|
|
7
|
-
import '../utils/index.cjs';
|
|
8
|
-
import '@nextui-org/theme';
|
|
9
8
|
|
|
10
9
|
|
|
11
10
|
|
package/dist/Modal/index.d.ts
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { M as Modal } from '../Modal-
|
|
2
|
-
export { a as ModalProps, m as modalVariants } from '../Modal-
|
|
1
|
+
import { M as Modal } from '../Modal-DZHeIvQc.js';
|
|
2
|
+
export { a as ModalProps, m as modalVariants } from '../Modal-DZHeIvQc.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import 'tailwind-variants/dist/config.js';
|
|
6
|
+
import '@fuf-stack/pixel-utils';
|
|
6
7
|
import 'react';
|
|
7
|
-
import '../utils/index.js';
|
|
8
|
-
import '@nextui-org/theme';
|
|
9
8
|
|
|
10
9
|
|
|
11
10
|
|
package/dist/Modal/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as tailwind_variants from 'tailwind-variants';
|
|
3
3
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
4
|
+
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
4
5
|
import { ReactNode } from 'react';
|
|
5
|
-
import { TVProps, TVClassName } from './utils/index.cjs';
|
|
6
6
|
|
|
7
7
|
declare const modalVariants: tailwind_variants.TVReturnType<{
|
|
8
8
|
size: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as tailwind_variants from 'tailwind-variants';
|
|
3
3
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
4
|
+
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
4
5
|
import { ReactNode } from 'react';
|
|
5
|
-
import { TVProps, TVClassName } from './utils/index.js';
|
|
6
6
|
|
|
7
7
|
declare const modalVariants: tailwind_variants.TVReturnType<{
|
|
8
8
|
size: {
|
package/dist/Popover/index.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkZCA555Q7cjs = require('../chunk-ZCA555Q7.cjs');
|
|
5
5
|
require('../chunk-DZUJEN5N.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.Popover =
|
|
9
|
+
exports.Popover = _chunkZCA555Q7cjs.Popover_default; exports.default = _chunkZCA555Q7cjs.Popover_default2;
|
|
10
10
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Popover/index.js
CHANGED
package/dist/Tooltip/index.cjs
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkRS7HBBUFcjs = require('../chunk-RS7HBBUF.cjs');
|
|
6
6
|
require('../chunk-DZUJEN5N.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.Tooltip =
|
|
11
|
+
exports.Tooltip = _chunkRS7HBBUFcjs.Tooltip_default; exports.default = _chunkRS7HBBUFcjs.Tooltip_default2; exports.tooltipPlacementOptions = _chunkRS7HBBUFcjs.tooltipPlacementOptions;
|
|
12
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Tooltip/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// src/Label/Label.tsx
|
|
2
2
|
import { Chip as NextLabel } from "@nextui-org/chip";
|
|
3
|
-
import cn from "
|
|
3
|
+
import { cn } from "@fuf-stack/pixel-utils";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
var Label = ({
|
|
6
6
|
children,
|
|
@@ -29,4 +29,4 @@ export {
|
|
|
29
29
|
Label_default,
|
|
30
30
|
Label_default2
|
|
31
31
|
};
|
|
32
|
-
//# sourceMappingURL=chunk-
|
|
32
|
+
//# sourceMappingURL=chunk-32USZJY2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"sourcesContent":["import type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface LabelProps {\n /** content of the label */\n children: ReactNode;\n /** CSS class name */\n className?: string;\n /** color of the label */\n color?: ChipProps['color'];\n /** element to be rendered in the right side of the label */\n endContent?: ChipProps['endContent'];\n /** size of the label */\n size?: ChipProps['size'];\n /** element to be rendered in the left side of the label */\n startContent?: ChipProps['startContent'];\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n children,\n className = undefined,\n color = 'default',\n endContent = undefined,\n size = 'md',\n startContent = undefined,\n}: LabelProps) => (\n <NextLabel\n className={cn(className)}\n color={color}\n endContent={endContent}\n size={size}\n startContent={startContent}\n >\n {children}\n </NextLabel>\n);\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"],"mappings":";AAGA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,UAAU;AA4BjB;AARF,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AACjB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,IAAO,gBAAQ;;;ACtCf,IAAOA,iBAAQ;","names":["Label_default"]}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
tv,
|
|
3
|
-
variantsToClassNames
|
|
4
|
-
} from "./chunk-OOBT7L2Z.js";
|
|
5
|
-
|
|
6
1
|
// src/Accordion/Accordion.tsx
|
|
7
2
|
import {
|
|
8
3
|
Accordion as NextAccordion,
|
|
9
4
|
AccordionItem as NextAccordionItem
|
|
10
5
|
} from "@nextui-org/accordion";
|
|
6
|
+
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
11
7
|
import { jsx } from "react/jsx-runtime";
|
|
12
8
|
var accordionVariants = tv({
|
|
13
9
|
slots: {
|
|
@@ -88,4 +84,4 @@ export {
|
|
|
88
84
|
Accordion_default,
|
|
89
85
|
Accordion_default2
|
|
90
86
|
};
|
|
91
|
-
//# sourceMappingURL=chunk-
|
|
87
|
+
//# sourceMappingURL=chunk-7ZPZP6SD.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\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 '@fuf-stack/pixel-utils';\n\n// accordion 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 VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n /** Props for AccordionItems, will render the accordion items programmatically */\n accordionItems?: AccordionItemProps[];\n /** CSS class name */\n className?: ClassName;\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;AAEP,SAAS,IAAI,4BAA4B;AA8GjC;AA1GD,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;AA8CD,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;;;AC7Hf,IAAOA,qBAAQ;","names":["Accordion_default"]}
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
tv,
|
|
3
|
-
variantsToClassNames
|
|
4
|
-
} from "./chunk-OOBT7L2Z.js";
|
|
5
|
-
|
|
6
1
|
// src/Card/Card.tsx
|
|
7
2
|
import {
|
|
8
3
|
Card as NextCard,
|
|
@@ -11,6 +6,7 @@ import {
|
|
|
11
6
|
CardHeader as NextCardHeader
|
|
12
7
|
} from "@nextui-org/card";
|
|
13
8
|
import { Divider as NextDivider } from "@nextui-org/divider";
|
|
9
|
+
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
14
10
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
15
11
|
var cardVariants = tv({
|
|
16
12
|
slots: {
|
|
@@ -67,4 +63,4 @@ export {
|
|
|
67
63
|
Card_default,
|
|
68
64
|
Card_default2
|
|
69
65
|
};
|
|
70
|
-
//# sourceMappingURL=chunk-
|
|
66
|
+
//# sourceMappingURL=chunk-APEDJG3R.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\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 '@fuf-stack/pixel-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 VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n /** card body content */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\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;AAEvC,SAAS,IAAI,4BAA4B;AA+CvB,SAWV,UAXU,KAWV,YAXU;AA5CX,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;AAqBD,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;;;ACrFf,IAAOA,gBAAQ;","names":["Card_default"]}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
tv
|
|
3
|
-
} from "./chunk-OOBT7L2Z.js";
|
|
4
|
-
|
|
5
1
|
// src/Button/Button.tsx
|
|
6
2
|
import { Button as NextButton } from "@nextui-org/button";
|
|
3
|
+
import { tv } from "@fuf-stack/pixel-utils";
|
|
7
4
|
|
|
8
5
|
// src/Button/subcomponents/LoadingSpinner.tsx
|
|
9
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -125,4 +122,4 @@ export {
|
|
|
125
122
|
Button_default,
|
|
126
123
|
Button_default2
|
|
127
124
|
};
|
|
128
|
-
//# sourceMappingURL=chunk-
|
|
125
|
+
//# sourceMappingURL=chunk-EVCVBDO5.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 { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\n\nimport { tv } from '@fuf-stack/pixel-utils';\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 VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: 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;AAErC,SAAS,UAAU;;;ACDjB,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;;;ADyEE,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;;;AEjHf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
tv,
|
|
3
|
-
variantsToClassNames
|
|
4
|
-
} from "./chunk-OOBT7L2Z.js";
|
|
5
|
-
|
|
6
1
|
// src/Modal/Modal.tsx
|
|
7
2
|
import {
|
|
8
3
|
Modal as NextModal,
|
|
@@ -11,6 +6,7 @@ import {
|
|
|
11
6
|
ModalFooter as NextModalFooter,
|
|
12
7
|
ModalHeader as NextModalHeader
|
|
13
8
|
} from "@nextui-org/modal";
|
|
9
|
+
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
14
10
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
15
11
|
var modalVariants = tv({
|
|
16
12
|
slots: {
|
|
@@ -72,4 +68,4 @@ export {
|
|
|
72
68
|
Modal_default,
|
|
73
69
|
Modal_default2
|
|
74
70
|
};
|
|
75
|
-
//# sourceMappingURL=chunk-
|
|
71
|
+
//# sourceMappingURL=chunk-F2SRHLNC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\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 '@fuf-stack/pixel-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 VariantProps = TVProps<typeof modalVariants>;\ntype ClassName = TVClassName<typeof modalVariants>;\n\nexport interface ModalProps extends VariantProps {\n /** modal body content */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\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?: VariantProps['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;AAEP,SAAS,IAAI,4BAA4B;AA2E/B,mBACa,KADb;AAxEH,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;AA2BD,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;;;AC3Ff,IAAOA,iBAAQ;","names":["Modal_default"]}
|