stick-it-up 0.0.0-stage → 0.2.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.
Files changed (9) hide show
  1. package/LICENSE +22 -0
  2. package/README.md +153 -2
  3. package/dist/index.cjs +3 -0
  4. package/dist/index.cjs.map +1 -0
  5. package/dist/index.d.mts +104 -0
  6. package/dist/index.d.ts +104 -0
  7. package/dist/index.mjs +3 -0
  8. package/dist/index.mjs.map +1 -0
  9. package/package.json +56 -4
package/dist/index.d.mts ADDED
@@ -0,0 +1,104 @@
1
+ import React, { SVGProps, CSSProperties } from 'react';
2
+
3
+ interface StickerProps extends SVGProps<SVGSVGElement> {
4
+ /**
5
+ * Shortcut for width and height (e.g. 120, "100px", "5rem")
6
+ */
7
+ size?: number | string;
8
+ /**
9
+ * If true, adds a physical vinyl sticker hover peel / tilt effect
10
+ * @default false
11
+ */
12
+ peel?: boolean;
13
+ /**
14
+ * Additional CSS class names
15
+ */
16
+ className?: string;
17
+ /**
18
+ * Custom inline styles
19
+ */
20
+ style?: CSSProperties;
21
+ }
22
+ type StickerName = "flame" | "metal" | "blob-burst" | "star-burst" | "star" | "devil-cone" | "flame-star" | "folded-paper" | "badge-smiley" | "cosmic-pill" | "red-cat" | "pink-cat" | "pink-cat-stamp" | "yellow-cat" | "black-cat" | "cat" | "cat-serious" | "dog" | "blueberry" | "face" | "flower" | "peace-hand" | "sparkles" | "sparkle-trio" | "cosmic-eye" | "curious-globe" | "spiral" | "eye-splat" | "japan-badge" | "cone" | "icy-fleur" | "app-badge";
23
+
24
+ declare const STICKER_MAP: Record<StickerName, React.FC<StickerProps>>;
25
+ interface DynamicStickerProps extends StickerProps {
26
+ name: StickerName;
27
+ }
28
+ /**
29
+ * Dynamic Sticker component that renders any sticker by name
30
+ *
31
+ * @example
32
+ * ```tsx
33
+ * import { Sticker } from "stick-it-up";
34
+ *
35
+ * <Sticker name="devil-cone" size={130} peel />
36
+ * <Sticker name="red-cat" size={130} peel />
37
+ * ```
38
+ */
39
+ declare const Sticker: React.FC<DynamicStickerProps>;
40
+
41
+ declare const FlameSticker: React.FC<StickerProps>;
42
+
43
+ declare const MetalSticker: React.FC<StickerProps>;
44
+
45
+ declare const BlobBurstSticker: React.FC<StickerProps>;
46
+
47
+ declare const StarBurstSticker: React.FC<StickerProps>;
48
+
49
+ declare const DevilConeSticker: React.FC<StickerProps>;
50
+
51
+ declare const FlameStarSticker: React.FC<StickerProps>;
52
+
53
+ declare const FoldedPaperSticker: React.FC<StickerProps>;
54
+
55
+ declare const BadgeSmileySticker: React.FC<StickerProps>;
56
+
57
+ declare const CosmicPillSticker: React.FC<StickerProps>;
58
+
59
+ declare const RedCatSticker: React.FC<StickerProps>;
60
+
61
+ declare const PinkCatSticker: React.FC<StickerProps>;
62
+
63
+ declare const PinkCatStampSticker: React.FC<StickerProps>;
64
+
65
+ declare const YellowCatSticker: React.FC<StickerProps>;
66
+
67
+ declare const BlackCatSticker: React.FC<StickerProps>;
68
+
69
+ declare const CatSticker: React.FC<StickerProps>;
70
+
71
+ declare const CatSeriousSticker: React.FC<StickerProps>;
72
+
73
+ declare const DogSticker: React.FC<StickerProps>;
74
+
75
+ declare const BlueberrySticker: React.FC<StickerProps>;
76
+
77
+ declare const FaceSticker: React.FC<StickerProps>;
78
+
79
+ declare const FlowerSticker: React.FC<StickerProps>;
80
+
81
+ declare const PeaceHandSticker: React.FC<StickerProps>;
82
+
83
+ declare const SparklesSticker: React.FC<StickerProps>;
84
+
85
+ declare const SparkleTrioSticker: React.FC<StickerProps>;
86
+
87
+ declare const CosmicEyeSticker: React.FC<StickerProps>;
88
+
89
+ declare const CuriousGlobeSticker: React.FC<StickerProps>;
90
+
91
+ declare const SpiralSticker: React.FC<StickerProps>;
92
+
93
+ declare const EyeSplatSticker: React.FC<StickerProps>;
94
+
95
+ declare const JapanBadgeSticker: React.FC<StickerProps>;
96
+
97
+ declare const ConeSticker: React.FC<StickerProps>;
98
+
99
+ declare const IcyFleurSticker: React.FC<StickerProps>;
100
+
101
+ declare const AppBadgeSticker: React.FC<StickerProps>;
102
+
103
+ export { AppBadgeSticker, BadgeSmileySticker, BlackCatSticker, BlobBurstSticker, BlueberrySticker, CatSeriousSticker, CatSticker, ConeSticker, CosmicEyeSticker, CosmicPillSticker, CuriousGlobeSticker, DevilConeSticker, DogSticker, EyeSplatSticker, FaceSticker, FlameStarSticker, FlameSticker, FlowerSticker, FoldedPaperSticker, IcyFleurSticker, JapanBadgeSticker, MetalSticker, PeaceHandSticker, PinkCatStampSticker, PinkCatSticker, RedCatSticker, STICKER_MAP, SparkleTrioSticker, SparklesSticker, SpiralSticker, StarBurstSticker, Sticker, YellowCatSticker, Sticker as default };
104
+ export type { DynamicStickerProps, StickerName, StickerProps };
package/dist/index.d.ts ADDED
@@ -0,0 +1,104 @@
1
+ import React, { SVGProps, CSSProperties } from 'react';
2
+
3
+ interface StickerProps extends SVGProps<SVGSVGElement> {
4
+ /**
5
+ * Shortcut for width and height (e.g. 120, "100px", "5rem")
6
+ */
7
+ size?: number | string;
8
+ /**
9
+ * If true, adds a physical vinyl sticker hover peel / tilt effect
10
+ * @default false
11
+ */
12
+ peel?: boolean;
13
+ /**
14
+ * Additional CSS class names
15
+ */
16
+ className?: string;
17
+ /**
18
+ * Custom inline styles
19
+ */
20
+ style?: CSSProperties;
21
+ }
22
+ type StickerName = "flame" | "metal" | "blob-burst" | "star-burst" | "star" | "devil-cone" | "flame-star" | "folded-paper" | "badge-smiley" | "cosmic-pill" | "red-cat" | "pink-cat" | "pink-cat-stamp" | "yellow-cat" | "black-cat" | "cat" | "cat-serious" | "dog" | "blueberry" | "face" | "flower" | "peace-hand" | "sparkles" | "sparkle-trio" | "cosmic-eye" | "curious-globe" | "spiral" | "eye-splat" | "japan-badge" | "cone" | "icy-fleur" | "app-badge";
23
+
24
+ declare const STICKER_MAP: Record<StickerName, React.FC<StickerProps>>;
25
+ interface DynamicStickerProps extends StickerProps {
26
+ name: StickerName;
27
+ }
28
+ /**
29
+ * Dynamic Sticker component that renders any sticker by name
30
+ *
31
+ * @example
32
+ * ```tsx
33
+ * import { Sticker } from "stick-it-up";
34
+ *
35
+ * <Sticker name="devil-cone" size={130} peel />
36
+ * <Sticker name="red-cat" size={130} peel />
37
+ * ```
38
+ */
39
+ declare const Sticker: React.FC<DynamicStickerProps>;
40
+
41
+ declare const FlameSticker: React.FC<StickerProps>;
42
+
43
+ declare const MetalSticker: React.FC<StickerProps>;
44
+
45
+ declare const BlobBurstSticker: React.FC<StickerProps>;
46
+
47
+ declare const StarBurstSticker: React.FC<StickerProps>;
48
+
49
+ declare const DevilConeSticker: React.FC<StickerProps>;
50
+
51
+ declare const FlameStarSticker: React.FC<StickerProps>;
52
+
53
+ declare const FoldedPaperSticker: React.FC<StickerProps>;
54
+
55
+ declare const BadgeSmileySticker: React.FC<StickerProps>;
56
+
57
+ declare const CosmicPillSticker: React.FC<StickerProps>;
58
+
59
+ declare const RedCatSticker: React.FC<StickerProps>;
60
+
61
+ declare const PinkCatSticker: React.FC<StickerProps>;
62
+
63
+ declare const PinkCatStampSticker: React.FC<StickerProps>;
64
+
65
+ declare const YellowCatSticker: React.FC<StickerProps>;
66
+
67
+ declare const BlackCatSticker: React.FC<StickerProps>;
68
+
69
+ declare const CatSticker: React.FC<StickerProps>;
70
+
71
+ declare const CatSeriousSticker: React.FC<StickerProps>;
72
+
73
+ declare const DogSticker: React.FC<StickerProps>;
74
+
75
+ declare const BlueberrySticker: React.FC<StickerProps>;
76
+
77
+ declare const FaceSticker: React.FC<StickerProps>;
78
+
79
+ declare const FlowerSticker: React.FC<StickerProps>;
80
+
81
+ declare const PeaceHandSticker: React.FC<StickerProps>;
82
+
83
+ declare const SparklesSticker: React.FC<StickerProps>;
84
+
85
+ declare const SparkleTrioSticker: React.FC<StickerProps>;
86
+
87
+ declare const CosmicEyeSticker: React.FC<StickerProps>;
88
+
89
+ declare const CuriousGlobeSticker: React.FC<StickerProps>;
90
+
91
+ declare const SpiralSticker: React.FC<StickerProps>;
92
+
93
+ declare const EyeSplatSticker: React.FC<StickerProps>;
94
+
95
+ declare const JapanBadgeSticker: React.FC<StickerProps>;
96
+
97
+ declare const ConeSticker: React.FC<StickerProps>;
98
+
99
+ declare const IcyFleurSticker: React.FC<StickerProps>;
100
+
101
+ declare const AppBadgeSticker: React.FC<StickerProps>;
102
+
103
+ export { AppBadgeSticker, BadgeSmileySticker, BlackCatSticker, BlobBurstSticker, BlueberrySticker, CatSeriousSticker, CatSticker, ConeSticker, CosmicEyeSticker, CosmicPillSticker, CuriousGlobeSticker, DevilConeSticker, DogSticker, EyeSplatSticker, FaceSticker, FlameStarSticker, FlameSticker, FlowerSticker, FoldedPaperSticker, IcyFleurSticker, JapanBadgeSticker, MetalSticker, PeaceHandSticker, PinkCatStampSticker, PinkCatSticker, RedCatSticker, STICKER_MAP, SparkleTrioSticker, SparklesSticker, SpiralSticker, StarBurstSticker, Sticker, YellowCatSticker, Sticker as default };
104
+ export type { DynamicStickerProps, StickerName, StickerProps };