@fuf-stack/pixels 0.16.0 → 0.16.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/Label/index.cjs +2 -2
- package/dist/Label/index.d.cts +2 -2
- package/dist/Label/index.d.ts +2 -2
- package/dist/Label/index.js +1 -1
- package/dist/{Label-BpKnEJWi.d.cts → Label-DAK6glI0.d.cts} +24 -0
- package/dist/{Label-BpKnEJWi.d.ts → Label-DAK6glI0.d.ts} +24 -0
- package/dist/{chunk-EFSKM3C4.js → chunk-7IGL67EH.js} +5 -2
- package/dist/chunk-7IGL67EH.js.map +1 -0
- package/dist/{chunk-MMZG5BW3.cjs → chunk-YTQJ6FZK.cjs} +5 -2
- package/dist/chunk-YTQJ6FZK.cjs.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-EFSKM3C4.js.map +0 -1
- package/dist/chunk-MMZG5BW3.cjs.map +0 -1
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 _chunkYTQJ6FZKcjs = require('../chunk-YTQJ6FZK.cjs');
|
|
5
5
|
require('../chunk-DZUJEN5N.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.Label =
|
|
9
|
+
exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.default = _chunkYTQJ6FZKcjs.Label_default2;
|
|
10
10
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Label/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { L as Label } from '../Label-
|
|
2
|
-
export { a as LabelProps } from '../Label-
|
|
1
|
+
import { L as Label } from '../Label-DAK6glI0.cjs';
|
|
2
|
+
export { a as LabelProps } from '../Label-DAK6glI0.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants/dist/config.js';
|
|
5
5
|
import 'tailwind-variants';
|
package/dist/Label/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { L as Label } from '../Label-
|
|
2
|
-
export { a as LabelProps } from '../Label-
|
|
1
|
+
import { L as Label } from '../Label-DAK6glI0.js';
|
|
2
|
+
export { a as LabelProps } from '../Label-DAK6glI0.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants/dist/config.js';
|
|
5
5
|
import 'tailwind-variants';
|
package/dist/Label/index.js
CHANGED
|
@@ -8,45 +8,69 @@ import { ReactNode } from 'react';
|
|
|
8
8
|
declare const labelVariants: tailwind_variants.TVReturnType<{
|
|
9
9
|
[key: string]: {
|
|
10
10
|
[key: string]: tailwind_variants.ClassValue | {
|
|
11
|
+
avatar?: tailwind_variants.ClassValue;
|
|
11
12
|
base?: tailwind_variants.ClassValue;
|
|
13
|
+
closeButton?: tailwind_variants.ClassValue;
|
|
12
14
|
content?: tailwind_variants.ClassValue;
|
|
15
|
+
dot?: tailwind_variants.ClassValue;
|
|
13
16
|
};
|
|
14
17
|
};
|
|
15
18
|
} | {
|
|
16
19
|
[x: string]: {
|
|
17
20
|
[x: string]: tailwind_variants.ClassValue | {
|
|
21
|
+
avatar?: tailwind_variants.ClassValue;
|
|
18
22
|
base?: tailwind_variants.ClassValue;
|
|
23
|
+
closeButton?: tailwind_variants.ClassValue;
|
|
19
24
|
content?: tailwind_variants.ClassValue;
|
|
25
|
+
dot?: tailwind_variants.ClassValue;
|
|
20
26
|
};
|
|
21
27
|
};
|
|
22
28
|
} | {}, {
|
|
29
|
+
avatar: string;
|
|
23
30
|
base: string;
|
|
31
|
+
closeButton: string;
|
|
24
32
|
content: string;
|
|
33
|
+
dot: string;
|
|
25
34
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
26
35
|
[key: string]: {
|
|
27
36
|
[key: string]: tailwind_variants.ClassValue | {
|
|
37
|
+
avatar?: tailwind_variants.ClassValue;
|
|
28
38
|
base?: tailwind_variants.ClassValue;
|
|
39
|
+
closeButton?: tailwind_variants.ClassValue;
|
|
29
40
|
content?: tailwind_variants.ClassValue;
|
|
41
|
+
dot?: tailwind_variants.ClassValue;
|
|
30
42
|
};
|
|
31
43
|
};
|
|
32
44
|
} | {}>, {
|
|
33
45
|
[key: string]: {
|
|
34
46
|
[key: string]: tailwind_variants.ClassValue | {
|
|
47
|
+
avatar?: tailwind_variants.ClassValue;
|
|
35
48
|
base?: tailwind_variants.ClassValue;
|
|
49
|
+
closeButton?: tailwind_variants.ClassValue;
|
|
36
50
|
content?: tailwind_variants.ClassValue;
|
|
51
|
+
dot?: tailwind_variants.ClassValue;
|
|
37
52
|
};
|
|
38
53
|
};
|
|
39
54
|
} | {}, {
|
|
55
|
+
avatar: string;
|
|
40
56
|
base: string;
|
|
57
|
+
closeButton: string;
|
|
41
58
|
content: string;
|
|
59
|
+
dot: string;
|
|
42
60
|
}, tailwind_variants.TVReturnType<unknown, {
|
|
61
|
+
avatar: string;
|
|
43
62
|
base: string;
|
|
63
|
+
closeButton: string;
|
|
44
64
|
content: string;
|
|
65
|
+
dot: string;
|
|
45
66
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
46
67
|
[key: string]: {
|
|
47
68
|
[key: string]: tailwind_variants.ClassValue | {
|
|
69
|
+
avatar?: tailwind_variants.ClassValue;
|
|
48
70
|
base?: tailwind_variants.ClassValue;
|
|
71
|
+
closeButton?: tailwind_variants.ClassValue;
|
|
49
72
|
content?: tailwind_variants.ClassValue;
|
|
73
|
+
dot?: tailwind_variants.ClassValue;
|
|
50
74
|
};
|
|
51
75
|
};
|
|
52
76
|
} | {}>, unknown, unknown, undefined>>;
|
|
@@ -8,45 +8,69 @@ import { ReactNode } from 'react';
|
|
|
8
8
|
declare const labelVariants: tailwind_variants.TVReturnType<{
|
|
9
9
|
[key: string]: {
|
|
10
10
|
[key: string]: tailwind_variants.ClassValue | {
|
|
11
|
+
avatar?: tailwind_variants.ClassValue;
|
|
11
12
|
base?: tailwind_variants.ClassValue;
|
|
13
|
+
closeButton?: tailwind_variants.ClassValue;
|
|
12
14
|
content?: tailwind_variants.ClassValue;
|
|
15
|
+
dot?: tailwind_variants.ClassValue;
|
|
13
16
|
};
|
|
14
17
|
};
|
|
15
18
|
} | {
|
|
16
19
|
[x: string]: {
|
|
17
20
|
[x: string]: tailwind_variants.ClassValue | {
|
|
21
|
+
avatar?: tailwind_variants.ClassValue;
|
|
18
22
|
base?: tailwind_variants.ClassValue;
|
|
23
|
+
closeButton?: tailwind_variants.ClassValue;
|
|
19
24
|
content?: tailwind_variants.ClassValue;
|
|
25
|
+
dot?: tailwind_variants.ClassValue;
|
|
20
26
|
};
|
|
21
27
|
};
|
|
22
28
|
} | {}, {
|
|
29
|
+
avatar: string;
|
|
23
30
|
base: string;
|
|
31
|
+
closeButton: string;
|
|
24
32
|
content: string;
|
|
33
|
+
dot: string;
|
|
25
34
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
26
35
|
[key: string]: {
|
|
27
36
|
[key: string]: tailwind_variants.ClassValue | {
|
|
37
|
+
avatar?: tailwind_variants.ClassValue;
|
|
28
38
|
base?: tailwind_variants.ClassValue;
|
|
39
|
+
closeButton?: tailwind_variants.ClassValue;
|
|
29
40
|
content?: tailwind_variants.ClassValue;
|
|
41
|
+
dot?: tailwind_variants.ClassValue;
|
|
30
42
|
};
|
|
31
43
|
};
|
|
32
44
|
} | {}>, {
|
|
33
45
|
[key: string]: {
|
|
34
46
|
[key: string]: tailwind_variants.ClassValue | {
|
|
47
|
+
avatar?: tailwind_variants.ClassValue;
|
|
35
48
|
base?: tailwind_variants.ClassValue;
|
|
49
|
+
closeButton?: tailwind_variants.ClassValue;
|
|
36
50
|
content?: tailwind_variants.ClassValue;
|
|
51
|
+
dot?: tailwind_variants.ClassValue;
|
|
37
52
|
};
|
|
38
53
|
};
|
|
39
54
|
} | {}, {
|
|
55
|
+
avatar: string;
|
|
40
56
|
base: string;
|
|
57
|
+
closeButton: string;
|
|
41
58
|
content: string;
|
|
59
|
+
dot: string;
|
|
42
60
|
}, tailwind_variants.TVReturnType<unknown, {
|
|
61
|
+
avatar: string;
|
|
43
62
|
base: string;
|
|
63
|
+
closeButton: string;
|
|
44
64
|
content: string;
|
|
65
|
+
dot: string;
|
|
45
66
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
46
67
|
[key: string]: {
|
|
47
68
|
[key: string]: tailwind_variants.ClassValue | {
|
|
69
|
+
avatar?: tailwind_variants.ClassValue;
|
|
48
70
|
base?: tailwind_variants.ClassValue;
|
|
71
|
+
closeButton?: tailwind_variants.ClassValue;
|
|
49
72
|
content?: tailwind_variants.ClassValue;
|
|
73
|
+
dot?: tailwind_variants.ClassValue;
|
|
50
74
|
};
|
|
51
75
|
};
|
|
52
76
|
} | {}>, unknown, unknown, undefined>>;
|
|
@@ -4,8 +4,11 @@ import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
var labelVariants = tv({
|
|
6
6
|
slots: {
|
|
7
|
+
avatar: "",
|
|
7
8
|
base: "",
|
|
8
|
-
|
|
9
|
+
closeButton: "",
|
|
10
|
+
content: "",
|
|
11
|
+
dot: ""
|
|
9
12
|
}
|
|
10
13
|
});
|
|
11
14
|
var Label = ({
|
|
@@ -43,4 +46,4 @@ export {
|
|
|
43
46
|
Label_default,
|
|
44
47
|
Label_default2
|
|
45
48
|
};
|
|
46
|
-
//# sourceMappingURL=chunk-
|
|
49
|
+
//# sourceMappingURL=chunk-7IGL67EH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n slots: {\n avatar: '',\n base: '',\n closeButton: '',\n content: '',\n dot: '',\n },\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n /** content of the label */\n children: ReactNode;\n /** CSS class name */\n className?: ClassName;\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 /** radius of the label */\n radius?: ChipProps['radius'];\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 /** style variant of the label */\n variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n children,\n className: _className = undefined,\n color = 'default',\n endContent = undefined,\n radius = 'full',\n size = 'md',\n startContent = undefined,\n variant = 'solid',\n}: LabelProps) => {\n // classNames from slots\n const variants = labelVariants();\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <NextLabel\n classNames={classNames}\n color={color}\n endContent={endContent}\n radius={radius}\n size={size}\n startContent={startContent}\n variant={variant}\n >\n {children}\n </NextLabel>\n );\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":";AAIA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,IAAI,4BAA4B;AAqDrC;AAlDG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,KAAK;AAAA,EACP;AACF,CAAC;AA2BD,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AACZ,MAAkB;AAEhB,QAAM,WAAW,cAAc;AAC/B,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;ACnEf,IAAOA,iBAAQ;","names":["Label_default"]}
|
|
@@ -4,8 +4,11 @@ var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
|
4
4
|
var _jsxruntime = require('react/jsx-runtime');
|
|
5
5
|
var labelVariants = _pixelutils.tv.call(void 0, {
|
|
6
6
|
slots: {
|
|
7
|
+
avatar: "",
|
|
7
8
|
base: "",
|
|
8
|
-
|
|
9
|
+
closeButton: "",
|
|
10
|
+
content: "",
|
|
11
|
+
dot: ""
|
|
9
12
|
}
|
|
10
13
|
});
|
|
11
14
|
var Label = ({
|
|
@@ -43,4 +46,4 @@ var Label_default2 = Label_default;
|
|
|
43
46
|
|
|
44
47
|
|
|
45
48
|
exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
|
|
46
|
-
//# sourceMappingURL=chunk-
|
|
49
|
+
//# sourceMappingURL=chunk-YTQJ6FZK.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":";AAIA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,IAAI,4BAA4B;AAqDrC;AAlDG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,KAAK;AAAA,EACP;AACF,CAAC;AA2BD,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AACZ,MAAkB;AAEhB,QAAM,WAAW,cAAc;AAC/B,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;ACnEf,IAAOA,iBAAQ","sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n slots: {\n avatar: '',\n base: '',\n closeButton: '',\n content: '',\n dot: '',\n },\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n /** content of the label */\n children: ReactNode;\n /** CSS class name */\n className?: ClassName;\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 /** radius of the label */\n radius?: ChipProps['radius'];\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 /** style variant of the label */\n variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n children,\n className: _className = undefined,\n color = 'default',\n endContent = undefined,\n radius = 'full',\n size = 'md',\n startContent = undefined,\n variant = 'solid',\n}: LabelProps) => {\n // classNames from slots\n const variants = labelVariants();\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <NextLabel\n classNames={classNames}\n color={color}\n endContent={endContent}\n radius={radius}\n size={size}\n startContent={startContent}\n variant={variant}\n >\n {children}\n </NextLabel>\n );\n};\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"]}
|
package/dist/index.cjs
CHANGED
|
@@ -42,7 +42,7 @@ var _chunkULZQ45FScjs = require('./chunk-ULZQ45FS.cjs');
|
|
|
42
42
|
var _chunkLOFZNVCNcjs = require('./chunk-LOFZNVCN.cjs');
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
var
|
|
45
|
+
var _chunkYTQJ6FZKcjs = require('./chunk-YTQJ6FZK.cjs');
|
|
46
46
|
require('./chunk-DZUJEN5N.cjs');
|
|
47
47
|
|
|
48
48
|
|
|
@@ -64,5 +64,5 @@ require('./chunk-DZUJEN5N.cjs');
|
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
|
|
67
|
-
exports.Accordion = _chunkJ5XN2HATcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkIDGXOP6Ecjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkULZQ45FScjs.Json_default; exports.Label =
|
|
67
|
+
exports.Accordion = _chunkJ5XN2HATcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkIDGXOP6Ecjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkULZQ45FScjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkZCA555Q7cjs.Popover_default; exports.Tooltip = _chunk73EN2DZBcjs.Tooltip_default; exports.accordionVariants = _chunkJ5XN2HATcjs.accordionVariants; exports.buttonVariants = _chunkLOFZNVCNcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunk73EN2DZBcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
|
|
68
68
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.cts
CHANGED
|
@@ -5,7 +5,7 @@ export { A as Badge, B as BadgeProps } from './Badge-2JMThgzp.cjs';
|
|
|
5
5
|
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-8uTuwTxM.cjs';
|
|
6
6
|
export { C as Card, a as CardProps, c as cardVariants } from './Card-B3zN1NrH.cjs';
|
|
7
7
|
export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';
|
|
8
|
-
export { L as Label, a as LabelProps } from './Label-
|
|
8
|
+
export { L as Label, a as LabelProps } from './Label-DAK6glI0.cjs';
|
|
9
9
|
export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.cjs';
|
|
10
10
|
export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DZHeIvQc.cjs';
|
|
11
11
|
export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.cjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { A as Badge, B as BadgeProps } from './Badge-2JMThgzp.js';
|
|
|
5
5
|
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-8uTuwTxM.js';
|
|
6
6
|
export { C as Card, a as CardProps, c as cardVariants } from './Card-B3zN1NrH.js';
|
|
7
7
|
export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';
|
|
8
|
-
export { L as Label, a as LabelProps } from './Label-
|
|
8
|
+
export { L as Label, a as LabelProps } from './Label-DAK6glI0.js';
|
|
9
9
|
export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.js';
|
|
10
10
|
export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DZHeIvQc.js';
|
|
11
11
|
export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.js';
|
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n slots: {\n base: '',\n content: '',\n },\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n /** content of the label */\n children: ReactNode;\n /** CSS class name */\n className?: ClassName;\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 /** radius of the label */\n radius?: ChipProps['radius'];\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 /** style variant of the label */\n variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n children,\n className: _className = undefined,\n color = 'default',\n endContent = undefined,\n radius = 'full',\n size = 'md',\n startContent = undefined,\n variant = 'solid',\n}: LabelProps) => {\n // classNames from slots\n const variants = labelVariants();\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <NextLabel\n classNames={classNames}\n color={color}\n endContent={endContent}\n radius={radius}\n size={size}\n startContent={startContent}\n variant={variant}\n >\n {children}\n </NextLabel>\n );\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":";AAIA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,IAAI,4BAA4B;AAkDrC;AA/CG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AA2BD,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AACZ,MAAkB;AAEhB,QAAM,WAAW,cAAc;AAC/B,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AChEf,IAAOA,iBAAQ;","names":["Label_default"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":";AAIA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,IAAI,4BAA4B;AAkDrC;AA/CG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AA2BD,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AACZ,MAAkB;AAEhB,QAAM,WAAW,cAAc;AAC/B,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AChEf,IAAOA,iBAAQ","sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n slots: {\n base: '',\n content: '',\n },\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n /** content of the label */\n children: ReactNode;\n /** CSS class name */\n className?: ClassName;\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 /** radius of the label */\n radius?: ChipProps['radius'];\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 /** style variant of the label */\n variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n children,\n className: _className = undefined,\n color = 'default',\n endContent = undefined,\n radius = 'full',\n size = 'md',\n startContent = undefined,\n variant = 'solid',\n}: LabelProps) => {\n // classNames from slots\n const variants = labelVariants();\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <NextLabel\n classNames={classNames}\n color={color}\n endContent={endContent}\n radius={radius}\n size={size}\n startContent={startContent}\n variant={variant}\n >\n {children}\n </NextLabel>\n );\n};\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"]}
|