@fuf-stack/pixels 0.5.9 → 0.6.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/Avatar/index.cjs +9 -0
- package/dist/Avatar/index.cjs.map +1 -0
- package/dist/Avatar/index.d.cts +8 -0
- package/dist/Avatar/index.d.ts +8 -0
- package/dist/Avatar/index.js +9 -0
- package/dist/Avatar/index.js.map +1 -0
- package/dist/Avatar-Bl6oBjgb.d.cts +19 -0
- package/dist/Avatar-Bl6oBjgb.d.ts +19 -0
- package/dist/chunk-SFGC6YVH.js +36 -0
- package/dist/chunk-SFGC6YVH.js.map +1 -0
- package/dist/chunk-XGHRKDIM.cjs +36 -0
- package/dist/chunk-XGHRKDIM.cjs.map +1 -0
- package/dist/index.cjs +8 -4
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +8 -4
- package/package.json +8 -2
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkXGHRKDIMcjs = require('../chunk-XGHRKDIM.cjs');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
exports.Avatar = _chunkXGHRKDIMcjs.Avatar_default; exports.default = _chunkXGHRKDIMcjs.Avatar_default2;
|
|
9
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
interface AvatarProps {
|
|
5
|
+
bordered?: boolean;
|
|
6
|
+
rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
7
|
+
/** CSS class name */
|
|
8
|
+
className?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
fallback?: React.ReactNode;
|
|
11
|
+
size?: 'sm' | 'md' | 'lg';
|
|
12
|
+
src: string;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)
|
|
16
|
+
*/
|
|
17
|
+
declare const Avatar: ({ bordered, rounded, className, disabled, fallback, size, src, }: AvatarProps) => react_jsx_runtime.JSX.Element;
|
|
18
|
+
|
|
19
|
+
export { Avatar as A, type AvatarProps as a };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
interface AvatarProps {
|
|
5
|
+
bordered?: boolean;
|
|
6
|
+
rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
7
|
+
/** CSS class name */
|
|
8
|
+
className?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
fallback?: React.ReactNode;
|
|
11
|
+
size?: 'sm' | 'md' | 'lg';
|
|
12
|
+
src: string;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)
|
|
16
|
+
*/
|
|
17
|
+
declare const Avatar: ({ bordered, rounded, className, disabled, fallback, size, src, }: AvatarProps) => react_jsx_runtime.JSX.Element;
|
|
18
|
+
|
|
19
|
+
export { Avatar as A, type AvatarProps as a };
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
// src/Avatar/Avatar.tsx
|
|
2
|
+
import { Avatar as NextAvatar } from "@nextui-org/avatar";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
var Avatar = ({
|
|
5
|
+
bordered = false,
|
|
6
|
+
rounded = "full",
|
|
7
|
+
className = "",
|
|
8
|
+
disabled = false,
|
|
9
|
+
fallback = void 0,
|
|
10
|
+
size = "md",
|
|
11
|
+
src
|
|
12
|
+
}) => {
|
|
13
|
+
return /* @__PURE__ */ jsx(
|
|
14
|
+
NextAvatar,
|
|
15
|
+
{
|
|
16
|
+
className,
|
|
17
|
+
fallback,
|
|
18
|
+
isBordered: bordered,
|
|
19
|
+
isDisabled: disabled,
|
|
20
|
+
radius: rounded,
|
|
21
|
+
showFallback: !!fallback,
|
|
22
|
+
size,
|
|
23
|
+
src
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
};
|
|
27
|
+
var Avatar_default = Avatar;
|
|
28
|
+
|
|
29
|
+
// src/Avatar/index.ts
|
|
30
|
+
var Avatar_default2 = Avatar_default;
|
|
31
|
+
|
|
32
|
+
export {
|
|
33
|
+
Avatar_default,
|
|
34
|
+
Avatar_default2
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=chunk-SFGC6YVH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Avatar/Avatar.tsx","../src/Avatar/index.ts"],"sourcesContent":["import type React from 'react';\n\nimport { Avatar as NextAvatar } from '@nextui-org/avatar';\n\nexport interface AvatarProps {\n /* Display a border ring around the Avatar */\n bordered?: boolean;\n /* Roundness of the border around the Avatar */\n rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n /** CSS class name */\n className?: string;\n /* Disables the Avatar */\n disabled?: boolean;\n /* Fallback content to display if the image fails to load or is not provided */\n fallback?: React.ReactNode;\n /* Size of the Avatar */\n size?: 'sm' | 'md' | 'lg';\n /* Image source */\n src: string;\n}\n\n/**\n * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)\n */\nconst Avatar = ({\n bordered = false,\n rounded = 'full',\n className = '',\n disabled = false,\n fallback = undefined,\n size = 'md',\n src,\n}: AvatarProps) => {\n return (\n <NextAvatar\n className={className}\n fallback={fallback}\n isBordered={bordered}\n isDisabled={disabled}\n radius={rounded}\n showFallback={!!fallback}\n size={size}\n src={src}\n />\n );\n};\n\nexport default Avatar;\n","import Avatar from './Avatar';\n\nexport type { AvatarProps } from './Avatar';\n\nexport { Avatar };\n\nexport default Avatar;\n"],"mappings":";AAEA,SAAS,UAAU,kBAAkB;AAgCjC;AAVJ,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AACF,MAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc,CAAC,CAAC;AAAA,MAChB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;ACzCf,IAAOA,kBAAQ;","names":["Avatar_default"]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Avatar/Avatar.tsx
|
|
2
|
+
var _avatar = require('@nextui-org/avatar');
|
|
3
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
4
|
+
var Avatar = ({
|
|
5
|
+
bordered = false,
|
|
6
|
+
rounded = "full",
|
|
7
|
+
className = "",
|
|
8
|
+
disabled = false,
|
|
9
|
+
fallback = void 0,
|
|
10
|
+
size = "md",
|
|
11
|
+
src
|
|
12
|
+
}) => {
|
|
13
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
14
|
+
_avatar.Avatar,
|
|
15
|
+
{
|
|
16
|
+
className,
|
|
17
|
+
fallback,
|
|
18
|
+
isBordered: bordered,
|
|
19
|
+
isDisabled: disabled,
|
|
20
|
+
radius: rounded,
|
|
21
|
+
showFallback: !!fallback,
|
|
22
|
+
size,
|
|
23
|
+
src
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
};
|
|
27
|
+
var Avatar_default = Avatar;
|
|
28
|
+
|
|
29
|
+
// src/Avatar/index.ts
|
|
30
|
+
var Avatar_default2 = Avatar_default;
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
exports.Avatar_default = Avatar_default; exports.Avatar_default2 = Avatar_default2;
|
|
36
|
+
//# sourceMappingURL=chunk-XGHRKDIM.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Avatar/Avatar.tsx","../src/Avatar/index.ts"],"names":["Avatar_default"],"mappings":";AAEA,SAAS,UAAU,kBAAkB;AAgCjC;AAVJ,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AACF,MAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc,CAAC,CAAC;AAAA,MAChB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;ACzCf,IAAOA,kBAAQ","sourcesContent":["import type React from 'react';\n\nimport { Avatar as NextAvatar } from '@nextui-org/avatar';\n\nexport interface AvatarProps {\n /* Display a border ring around the Avatar */\n bordered?: boolean;\n /* Roundness of the border around the Avatar */\n rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n /** CSS class name */\n className?: string;\n /* Disables the Avatar */\n disabled?: boolean;\n /* Fallback content to display if the image fails to load or is not provided */\n fallback?: React.ReactNode;\n /* Size of the Avatar */\n size?: 'sm' | 'md' | 'lg';\n /* Image source */\n src: string;\n}\n\n/**\n * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)\n */\nconst Avatar = ({\n bordered = false,\n rounded = 'full',\n className = '',\n disabled = false,\n fallback = undefined,\n size = 'md',\n src,\n}: AvatarProps) => {\n return (\n <NextAvatar\n className={className}\n fallback={fallback}\n isBordered={bordered}\n isDisabled={disabled}\n radius={rounded}\n showFallback={!!fallback}\n size={size}\n src={src}\n />\n );\n};\n\nexport default Avatar;\n","import Avatar from './Avatar';\n\nexport type { AvatarProps } from './Avatar';\n\nexport { Avatar };\n\nexport default Avatar;\n"]}
|
package/dist/index.cjs
CHANGED
|
@@ -1,12 +1,19 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
+
var _chunkBSBPQXNGcjs = require('./chunk-BSBPQXNG.cjs');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
4
8
|
var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
|
|
5
9
|
|
|
6
10
|
|
|
7
11
|
var _chunk64K2TRGLcjs = require('./chunk-64K2TRGL.cjs');
|
|
8
12
|
|
|
9
13
|
|
|
14
|
+
var _chunkXGHRKDIMcjs = require('./chunk-XGHRKDIM.cjs');
|
|
15
|
+
|
|
16
|
+
|
|
10
17
|
|
|
11
18
|
var _chunkGIM2W4JHcjs = require('./chunk-GIM2W4JH.cjs');
|
|
12
19
|
|
|
@@ -32,9 +39,6 @@ var _chunkB35F4645cjs = require('./chunk-B35F4645.cjs');
|
|
|
32
39
|
|
|
33
40
|
|
|
34
41
|
|
|
35
|
-
var _chunkBSBPQXNGcjs = require('./chunk-BSBPQXNG.cjs');
|
|
36
|
-
|
|
37
|
-
|
|
38
42
|
|
|
39
43
|
|
|
40
44
|
|
|
@@ -49,5 +53,5 @@ var _chunkBSBPQXNGcjs = require('./chunk-BSBPQXNG.cjs');
|
|
|
49
53
|
|
|
50
54
|
|
|
51
55
|
|
|
52
|
-
exports.Button = _chunkND4VZZVUcjs.Button_default; exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.Json = _chunkM7IVIJEAcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.Modal = _chunkX2MUU2ZIcjs.Modal_default; exports.Popover = _chunkB35F4645cjs.Popover_default; exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.buttonVariants = _chunkND4VZZVUcjs.buttonVariants; exports.cardVariants = _chunkGIM2W4JHcjs.cardVariants; exports.modalVariants = _chunkX2MUU2ZIcjs.modalVariants; exports.nextui = _chunk64K2TRGLcjs.nextui; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
|
|
56
|
+
exports.Avatar = _chunkXGHRKDIMcjs.Avatar_default; exports.Button = _chunkND4VZZVUcjs.Button_default; exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.Json = _chunkM7IVIJEAcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.Modal = _chunkX2MUU2ZIcjs.Modal_default; exports.Popover = _chunkB35F4645cjs.Popover_default; exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.buttonVariants = _chunkND4VZZVUcjs.buttonVariants; exports.cardVariants = _chunkGIM2W4JHcjs.cardVariants; exports.modalVariants = _chunkX2MUU2ZIcjs.modalVariants; exports.nextui = _chunk64K2TRGLcjs.nextui; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
|
|
53
57
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.cts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { A as Avatar, a as AvatarProps } from './Avatar-Bl6oBjgb.cjs';
|
|
1
2
|
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DS4qK4Lf.cjs';
|
|
2
3
|
export { C as Card, a as CardProps, c as cardVariants } from './Card-D5kspciY.cjs';
|
|
3
4
|
export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';
|
|
@@ -9,9 +10,9 @@ export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from '.
|
|
|
9
10
|
export { useDebounce, useLocalStorage } from './hooks/index.cjs';
|
|
10
11
|
export { nextui } from '@nextui-org/theme';
|
|
11
12
|
import 'react/jsx-runtime';
|
|
13
|
+
import 'react';
|
|
12
14
|
import 'tailwind-variants';
|
|
13
15
|
import 'tailwind-variants/dist/config.js';
|
|
14
16
|
import '@nextui-org/button';
|
|
15
|
-
import 'react';
|
|
16
17
|
import '@nextui-org/chip';
|
|
17
18
|
import '@nextui-org/popover';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { A as Avatar, a as AvatarProps } from './Avatar-Bl6oBjgb.js';
|
|
1
2
|
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DS4qK4Lf.js';
|
|
2
3
|
export { C as Card, a as CardProps, c as cardVariants } from './Card-D5kspciY.js';
|
|
3
4
|
export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';
|
|
@@ -9,9 +10,9 @@ export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from '.
|
|
|
9
10
|
export { useDebounce, useLocalStorage } from './hooks/index.js';
|
|
10
11
|
export { nextui } from '@nextui-org/theme';
|
|
11
12
|
import 'react/jsx-runtime';
|
|
13
|
+
import 'react';
|
|
12
14
|
import 'tailwind-variants';
|
|
13
15
|
import 'tailwind-variants/dist/config.js';
|
|
14
16
|
import '@nextui-org/button';
|
|
15
|
-
import 'react';
|
|
16
17
|
import '@nextui-org/chip';
|
|
17
18
|
import '@nextui-org/popover';
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Tooltip_default,
|
|
3
|
+
tooltipPlacementOptions
|
|
4
|
+
} from "./chunk-236GX7PP.js";
|
|
1
5
|
import {
|
|
2
6
|
useDebounce,
|
|
3
7
|
useLocalStorage
|
|
@@ -5,6 +9,9 @@ import {
|
|
|
5
9
|
import {
|
|
6
10
|
nextui
|
|
7
11
|
} from "./chunk-MM5H2WFG.js";
|
|
12
|
+
import {
|
|
13
|
+
Avatar_default
|
|
14
|
+
} from "./chunk-SFGC6YVH.js";
|
|
8
15
|
import {
|
|
9
16
|
Card_default,
|
|
10
17
|
cardVariants
|
|
@@ -29,11 +36,8 @@ import {
|
|
|
29
36
|
import {
|
|
30
37
|
Popover_default
|
|
31
38
|
} from "./chunk-6G5VTF6K.js";
|
|
32
|
-
import {
|
|
33
|
-
Tooltip_default,
|
|
34
|
-
tooltipPlacementOptions
|
|
35
|
-
} from "./chunk-236GX7PP.js";
|
|
36
39
|
export {
|
|
40
|
+
Avatar_default as Avatar,
|
|
37
41
|
Button_default as Button,
|
|
38
42
|
Card_default as Card,
|
|
39
43
|
Json_default as Json,
|
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.6.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"module": "./dist/index.cjs",
|
|
@@ -14,6 +14,11 @@
|
|
|
14
14
|
"require": "./dist/index.cjs",
|
|
15
15
|
"types": "./dist/index.d.ts"
|
|
16
16
|
},
|
|
17
|
+
"./Avatar": {
|
|
18
|
+
"import": "./dist/Avatar/index.js",
|
|
19
|
+
"require": "./dist/Avatar/index.cjs",
|
|
20
|
+
"types": "./dist/Avatar/index.d.ts"
|
|
21
|
+
},
|
|
17
22
|
"./Button": {
|
|
18
23
|
"import": "./dist/Button/index.js",
|
|
19
24
|
"require": "./dist/Button/index.cjs",
|
|
@@ -90,6 +95,7 @@
|
|
|
90
95
|
"react-dom": ">=18"
|
|
91
96
|
},
|
|
92
97
|
"dependencies": {
|
|
98
|
+
"@nextui-org/avatar": "2.0.27",
|
|
93
99
|
"@nextui-org/button": "2.0.31",
|
|
94
100
|
"@nextui-org/card": "2.0.28",
|
|
95
101
|
"@nextui-org/chip": "2.0.28",
|
|
@@ -108,7 +114,7 @@
|
|
|
108
114
|
},
|
|
109
115
|
"devDependencies": {
|
|
110
116
|
"@types/debug": "4.1.12",
|
|
111
|
-
"@types/react": "18.3.
|
|
117
|
+
"@types/react": "18.3.3",
|
|
112
118
|
"@types/react-dom": "18.3.0",
|
|
113
119
|
"react": "18.3.1",
|
|
114
120
|
"react-dom": "18.3.1",
|