@particle-academy/react-fancy 1.0.0 → 1.3.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 (12) hide show
  1. package/README.md +120 -16
  2. package/dist/diagram.serializers-OK4HP7AB.js +273 -0
  3. package/dist/diagram.serializers-OK4HP7AB.js.map +1 -0
  4. package/dist/index.cjs +7489 -329
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.d.cts +1681 -34
  7. package/dist/index.d.ts +1681 -34
  8. package/dist/index.js +7106 -326
  9. package/dist/index.js.map +1 -1
  10. package/dist/styles.css +116 -0
  11. package/dist/styles.css.map +1 -1
  12. package/package.json +13 -11
package/dist/styles.css CHANGED
@@ -34,4 +34,120 @@
34
34
  .fancy-slide-right {
35
35
  animation: fancy-slide-right 0.3s ease-out;
36
36
  }
37
+ @keyframes fancy-scale-in {
38
+ from {
39
+ opacity: 0;
40
+ transform: scale(0.95);
41
+ }
42
+ to {
43
+ opacity: 1;
44
+ transform: scale(1);
45
+ }
46
+ }
47
+ @keyframes fancy-slide-up {
48
+ from {
49
+ opacity: 0;
50
+ transform: translateY(16px);
51
+ }
52
+ to {
53
+ opacity: 1;
54
+ transform: translateY(0);
55
+ }
56
+ }
57
+ @keyframes fancy-fade-out {
58
+ from {
59
+ opacity: 1;
60
+ }
61
+ to {
62
+ opacity: 0;
63
+ }
64
+ }
65
+ @keyframes fancy-toast-in {
66
+ from {
67
+ opacity: 0;
68
+ transform: translateX(100%);
69
+ }
70
+ to {
71
+ opacity: 1;
72
+ transform: translateX(0);
73
+ }
74
+ }
75
+ @keyframes fancy-collapse-open {
76
+ from {
77
+ grid-template-rows: 0fr;
78
+ }
79
+ to {
80
+ grid-template-rows: 1fr;
81
+ }
82
+ }
83
+ @keyframes fancy-collapse-close {
84
+ from {
85
+ grid-template-rows: 1fr;
86
+ }
87
+ to {
88
+ grid-template-rows: 0fr;
89
+ }
90
+ }
91
+ .fancy-scale-in {
92
+ animation: fancy-scale-in 0.15s ease-out;
93
+ }
94
+ .fancy-slide-up {
95
+ animation: fancy-slide-up 0.2s ease-out;
96
+ }
97
+ .fancy-fade-out {
98
+ animation: fancy-fade-out 0.15s ease-in forwards;
99
+ }
100
+ .fancy-toast-in {
101
+ animation: fancy-toast-in 0.3s ease-out;
102
+ }
103
+ .fancy-collapse-open {
104
+ animation: fancy-collapse-open 0.2s ease-out forwards;
105
+ }
106
+ .fancy-collapse-close {
107
+ animation: fancy-collapse-close 0.15s ease-in forwards;
108
+ }
109
+ @keyframes fancy-slide-in-left {
110
+ from {
111
+ transform: translateX(-100%);
112
+ }
113
+ to {
114
+ transform: translateX(0);
115
+ }
116
+ }
117
+ @keyframes fancy-slide-out-left {
118
+ from {
119
+ transform: translateX(0);
120
+ }
121
+ to {
122
+ transform: translateX(-100%);
123
+ }
124
+ }
125
+ @keyframes fancy-slide-in-right {
126
+ from {
127
+ transform: translateX(100%);
128
+ }
129
+ to {
130
+ transform: translateX(0);
131
+ }
132
+ }
133
+ @keyframes fancy-slide-out-right {
134
+ from {
135
+ transform: translateX(0);
136
+ }
137
+ to {
138
+ transform: translateX(100%);
139
+ }
140
+ }
141
+ .fancy-slide-in-left {
142
+ animation: fancy-slide-in-left 0.25s ease-out;
143
+ }
144
+ .fancy-slide-out-left {
145
+ animation: fancy-slide-out-left 0.2s ease-in forwards;
146
+ }
147
+ .fancy-slide-in-right {
148
+ animation: fancy-slide-in-right 0.25s ease-out;
149
+ }
150
+ .fancy-slide-out-right {
151
+ animation: fancy-slide-out-right 0.2s ease-in forwards;
152
+ }
37
153
  /*# sourceMappingURL=styles.css.map */
package/dist/styles.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* @particle-academy/react-fancy — custom animations only; layout uses Tailwind classes */\n\n@keyframes fancy-fade-in {\n from {\n opacity: 0;\n transform: translateY(4px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fancy-slide-left {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes fancy-slide-right {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n.fancy-fade-in {\n animation: fancy-fade-in 0.2s ease-out;\n}\n\n.fancy-slide-left {\n animation: fancy-slide-left 0.3s ease-out;\n}\n\n.fancy-slide-right {\n animation: fancy-slide-right 0.3s ease-out;\n}\n"],"mappings":";AAEA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AAEA,CA7BW;AA8BT,aAAW,cAAc,KAAK;AAChC;AAEA,CAtBW;AAuBT,aAAW,iBAAiB,KAAK;AACnC;AAEA,CAjBW;AAkBT,aAAW,kBAAkB,KAAK;AACpC;","names":[]}
1
+ {"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* @particle-academy/react-fancy — custom animations only; layout uses Tailwind classes */\n\n@keyframes fancy-fade-in {\n from {\n opacity: 0;\n transform: translateY(4px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fancy-slide-left {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes fancy-slide-right {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n.fancy-fade-in {\n animation: fancy-fade-in 0.2s ease-out;\n}\n\n.fancy-slide-left {\n animation: fancy-slide-left 0.3s ease-out;\n}\n\n.fancy-slide-right {\n animation: fancy-slide-right 0.3s ease-out;\n}\n\n/* Overlay / floating animations */\n\n@keyframes fancy-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes fancy-slide-up {\n from {\n opacity: 0;\n transform: translateY(16px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fancy-fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n@keyframes fancy-toast-in {\n from {\n opacity: 0;\n transform: translateX(100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes fancy-collapse-open {\n from {\n grid-template-rows: 0fr;\n }\n to {\n grid-template-rows: 1fr;\n }\n}\n\n@keyframes fancy-collapse-close {\n from {\n grid-template-rows: 1fr;\n }\n to {\n grid-template-rows: 0fr;\n }\n}\n\n.fancy-scale-in {\n animation: fancy-scale-in 0.15s ease-out;\n}\n\n.fancy-slide-up {\n animation: fancy-slide-up 0.2s ease-out;\n}\n\n.fancy-fade-out {\n animation: fancy-fade-out 0.15s ease-in forwards;\n}\n\n.fancy-toast-in {\n animation: fancy-toast-in 0.3s ease-out;\n}\n\n.fancy-collapse-open {\n animation: fancy-collapse-open 0.2s ease-out forwards;\n}\n\n.fancy-collapse-close {\n animation: fancy-collapse-close 0.15s ease-in forwards;\n}\n\n/* Mobile flyout slide animations */\n\n@keyframes fancy-slide-in-left {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes fancy-slide-out-left {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes fancy-slide-in-right {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes fancy-slide-out-right {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n\n.fancy-slide-in-left {\n animation: fancy-slide-in-left 0.25s ease-out;\n}\n\n.fancy-slide-out-left {\n animation: fancy-slide-out-left 0.2s ease-in forwards;\n}\n\n.fancy-slide-in-right {\n animation: fancy-slide-in-right 0.25s ease-out;\n}\n\n.fancy-slide-out-right {\n animation: fancy-slide-out-right 0.2s ease-in forwards;\n}\n"],"mappings":";AAEA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AAEA,CA7BW;AA8BT,aAAW,cAAc,KAAK;AAChC;AAEA,CAtBW;AAuBT,aAAW,iBAAiB,KAAK;AACnC;AAEA,CAjBW;AAkBT,aAAW,kBAAkB,KAAK;AACpC;AAIA,WAAW;AACT;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACA;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACF;AAEA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;AAEA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,wBAAoB;AACtB;AACA;AACE,wBAAoB;AACtB;AACF;AAEA,WAAW;AACT;AACE,wBAAoB;AACtB;AACA;AACE,wBAAoB;AACtB;AACF;AAEA,CA5DW;AA6DT,aAAW,eAAe,MAAM;AAClC;AAEA,CArDW;AAsDT,aAAW,eAAe,KAAK;AACjC;AAEA,CA9CW;AA+CT,aAAW,eAAe,MAAM,QAAQ;AAC1C;AAEA,CAzCW;AA0CT,aAAW,eAAe,KAAK;AACjC;AAEA,CAlCW;AAmCT,aAAW,oBAAoB,KAAK,SAAS;AAC/C;AAEA,CA7BW;AA8BT,aAAW,qBAAqB,MAAM,QAAQ;AAChD;AAIA,WAAW;AACT;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,eAAW,WAAW;AACxB;AACA;AACE,eAAW,WAAW;AACxB;AACF;AAEA,CApCW;AAqCT,aAAW,oBAAoB,MAAM;AACvC;AAEA,CA/BW;AAgCT,aAAW,qBAAqB,KAAK,QAAQ;AAC/C;AAEA,CA1BW;AA2BT,aAAW,qBAAqB,MAAM;AACxC;AAEA,CArBW;AAsBT,aAAW,sBAAsB,KAAK,QAAQ;AAChD;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@particle-academy/react-fancy",
3
- "version": "1.0.0",
3
+ "version": "1.3.0",
4
4
  "description": "React UI component library — React port of the fancy-flux Blade component library",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -23,13 +23,6 @@
23
23
  "dist",
24
24
  "README.md"
25
25
  ],
26
- "scripts": {
27
- "build": "tsup",
28
- "dev": "tsup --watch",
29
- "lint": "tsc --noEmit",
30
- "clean": "rm -rf dist",
31
- "prepublishOnly": "tsup"
32
- },
33
26
  "keywords": [
34
27
  "react",
35
28
  "components",
@@ -39,10 +32,13 @@
39
32
  ],
40
33
  "peerDependencies": {
41
34
  "react": "^18.0.0 || ^19.0.0",
42
- "react-dom": "^18.0.0 || ^19.0.0"
35
+ "react-dom": "^18.0.0 || ^19.0.0",
36
+ "tailwindcss": "^4.0.0"
43
37
  },
44
38
  "dependencies": {
45
39
  "clsx": "^2.1.0",
40
+ "lucide-react": "^0.511.0",
41
+ "marked": "^15.0.0",
46
42
  "tailwind-merge": "^3.0.0"
47
43
  },
48
44
  "devDependencies": {
@@ -60,5 +56,11 @@
60
56
  "license": "MIT",
61
57
  "sideEffects": [
62
58
  "**/*.css"
63
- ]
64
- }
59
+ ],
60
+ "scripts": {
61
+ "build": "tsup",
62
+ "dev": "tsup --watch",
63
+ "lint": "tsc --noEmit",
64
+ "clean": "rm -rf dist"
65
+ }
66
+ }