img-upload-kit 2.0.0 → 2.0.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.
Files changed (78) hide show
  1. package/CHANGELOG.md +89 -89
  2. package/MIGRATION.md +192 -192
  3. package/README.md +243 -243
  4. package/dist/bin.js +0 -0
  5. package/dist/bin.js.map +1 -1
  6. package/dist/blur.cjs +3 -3
  7. package/dist/blur.cjs.map +1 -1
  8. package/dist/blur.js +2 -2
  9. package/dist/{chunk-G7LLSKBV.js → chunk-25GYKQ6J.js} +1 -1
  10. package/dist/chunk-25GYKQ6J.js.map +1 -0
  11. package/dist/{chunk-NEDBIIE3.cjs → chunk-34L4TEE3.cjs} +1 -1
  12. package/dist/chunk-34L4TEE3.cjs.map +1 -0
  13. package/dist/{chunk-KJVYWKIG.cjs → chunk-DFCSN3X7.cjs} +1 -1
  14. package/dist/chunk-DFCSN3X7.cjs.map +1 -0
  15. package/dist/{chunk-IB3TEDLR.js → chunk-EWVIL57J.js} +1 -1
  16. package/dist/chunk-EWVIL57J.js.map +1 -0
  17. package/dist/{chunk-3ICG2SLL.cjs → chunk-FP5YIWG5.cjs} +1 -1
  18. package/dist/chunk-FP5YIWG5.cjs.map +1 -0
  19. package/dist/{chunk-TT5C7K3Q.js → chunk-HILELQGS.js} +1 -1
  20. package/dist/chunk-HILELQGS.js.map +1 -0
  21. package/dist/{chunk-AI3JJLSA.js → chunk-IDLLCVGB.js} +3 -3
  22. package/dist/chunk-IDLLCVGB.js.map +1 -0
  23. package/dist/{chunk-4ASFG3KB.js → chunk-J6A44Y3W.js} +1 -1
  24. package/dist/chunk-J6A44Y3W.js.map +1 -0
  25. package/dist/{chunk-YRXXQUDE.cjs → chunk-LOSVFO56.cjs} +1 -1
  26. package/dist/chunk-LOSVFO56.cjs.map +1 -0
  27. package/dist/{chunk-WISG74VL.cjs → chunk-MBQJ6NVJ.cjs} +1 -1
  28. package/dist/chunk-MBQJ6NVJ.cjs.map +1 -0
  29. package/dist/{chunk-CV23O4YU.js → chunk-MHGQEBPW.js} +1 -1
  30. package/dist/chunk-MHGQEBPW.js.map +1 -0
  31. package/dist/chunk-QHU7FUO4.cjs.map +1 -1
  32. package/dist/{chunk-U2TWTEBY.cjs → chunk-TA5Y64JM.cjs} +24 -24
  33. package/dist/chunk-TA5Y64JM.cjs.map +1 -0
  34. package/dist/{chunk-QQHZJKNA.js → chunk-VYVZVUNI.js} +1 -1
  35. package/dist/chunk-VYVZVUNI.js.map +1 -0
  36. package/dist/{chunk-2OVNXHTN.cjs → chunk-XKQMCY5Z.cjs} +1 -1
  37. package/dist/chunk-XKQMCY5Z.cjs.map +1 -0
  38. package/dist/cli.cjs.map +1 -1
  39. package/dist/cli.js.map +1 -1
  40. package/dist/headless.cjs +4 -4
  41. package/dist/headless.cjs.map +1 -1
  42. package/dist/headless.js +3 -3
  43. package/dist/index.cjs +5 -5
  44. package/dist/index.cjs.map +1 -1
  45. package/dist/index.js +4 -4
  46. package/dist/react.cjs +138 -138
  47. package/dist/react.cjs.map +1 -1
  48. package/dist/react.js +5 -5
  49. package/dist/react.js.map +1 -1
  50. package/dist/server-handler.cjs +2 -2
  51. package/dist/server-handler.cjs.map +1 -1
  52. package/dist/server-handler.js +1 -1
  53. package/dist/server.cjs +30 -30
  54. package/dist/server.cjs.map +1 -1
  55. package/dist/server.js +2 -2
  56. package/dist/server.js.map +1 -1
  57. package/dist/storage.cjs +9 -9
  58. package/dist/storage.cjs.map +1 -1
  59. package/dist/storage.js +1 -1
  60. package/dist/storage.js.map +1 -1
  61. package/dist/styles/animated-image.css +112 -112
  62. package/dist/styles/tokens.css +123 -123
  63. package/dist/styles.css +235 -235
  64. package/package.json +3 -3
  65. package/dist/chunk-2OVNXHTN.cjs.map +0 -1
  66. package/dist/chunk-3ICG2SLL.cjs.map +0 -1
  67. package/dist/chunk-4ASFG3KB.js.map +0 -1
  68. package/dist/chunk-AI3JJLSA.js.map +0 -1
  69. package/dist/chunk-CV23O4YU.js.map +0 -1
  70. package/dist/chunk-G7LLSKBV.js.map +0 -1
  71. package/dist/chunk-IB3TEDLR.js.map +0 -1
  72. package/dist/chunk-KJVYWKIG.cjs.map +0 -1
  73. package/dist/chunk-NEDBIIE3.cjs.map +0 -1
  74. package/dist/chunk-QQHZJKNA.js.map +0 -1
  75. package/dist/chunk-TT5C7K3Q.js.map +0 -1
  76. package/dist/chunk-U2TWTEBY.cjs.map +0 -1
  77. package/dist/chunk-WISG74VL.cjs.map +0 -1
  78. package/dist/chunk-YRXXQUDE.cjs.map +0 -1
package/dist/styles/tokens.css CHANGED
@@ -1,123 +1,123 @@
1
- /* image-upload-kit — Layer 1: Design Tokens & Base Reset */
2
-
3
- :root,
4
- .iuk-root {
5
- --iuk-bg: #ffffff;
6
- --iuk-surface: #f8fafc;
7
- --iuk-surface-hover: #f1f5f9;
8
- --iuk-border: #e2e8f0;
9
- --iuk-border-strong: #cbd5e1;
10
- --iuk-text: #0f172a;
11
- --iuk-text-muted: #64748b;
12
- --iuk-primary: #2563eb;
13
- --iuk-primary-hover: #1d4ed8;
14
- --iuk-primary-soft: rgba(37, 99, 235, 0.1);
15
- --iuk-danger: #dc2626;
16
- --iuk-danger-soft: rgba(220, 38, 38, 0.1);
17
- --iuk-success: #16a34a;
18
- --iuk-success-soft: rgba(22, 163, 74, 0.1);
19
- --iuk-warning: #d97706;
20
- --iuk-warning-soft: rgba(217, 119, 6, 0.12);
21
- --iuk-info: #0284c7;
22
- --iuk-info-soft: rgba(2, 132, 199, 0.1);
23
- --iuk-placeholder-bg: #f1f5f9;
24
- --iuk-radius-sm: 6px;
25
- --iuk-radius-md: 10px;
26
- --iuk-radius-lg: 14px;
27
- --iuk-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
28
- --iuk-shadow-lg: 0 20px 40px -12px rgba(15, 23, 42, 0.22), 0 8px 16px -8px rgba(15, 23, 42, 0.12);
29
- --iuk-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
30
- }
31
-
32
- @media (prefers-color-scheme: dark) {
33
- :root:not([data-theme="light"]):not(.light),
34
- :root:not([data-theme="light"]):not(.light) .iuk-root {
35
- --iuk-bg: #0f172a;
36
- --iuk-surface: #1e293b;
37
- --iuk-surface-hover: #283548;
38
- --iuk-border: #334155;
39
- --iuk-border-strong: #475569;
40
- --iuk-text: #f8fafc;
41
- --iuk-text-muted: #94a3b8;
42
- --iuk-primary: #3b82f6;
43
- --iuk-primary-hover: #60a5fa;
44
- --iuk-primary-soft: rgba(59, 130, 246, 0.18);
45
- --iuk-danger: #ef4444;
46
- --iuk-danger-soft: rgba(239, 68, 68, 0.18);
47
- --iuk-success: #22c55e;
48
- --iuk-success-soft: rgba(34, 197, 94, 0.18);
49
- --iuk-warning: #f59e0b;
50
- --iuk-warning-soft: rgba(245, 158, 11, 0.18);
51
- --iuk-info: #38bdf8;
52
- --iuk-info-soft: rgba(56, 189, 248, 0.18);
53
- --iuk-placeholder-bg: #1e293b;
54
- --iuk-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
55
- --iuk-shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, 0.6);
56
- }
57
- }
58
-
59
- [data-theme="dark"],
60
- [data-theme="dark"] .iuk-root,
61
- .dark,
62
- .dark .iuk-root {
63
- --iuk-bg: #0f172a;
64
- --iuk-surface: #1e293b;
65
- --iuk-surface-hover: #283548;
66
- --iuk-border: #334155;
67
- --iuk-border-strong: #475569;
68
- --iuk-text: #f8fafc;
69
- --iuk-text-muted: #94a3b8;
70
- --iuk-primary: #3b82f6;
71
- --iuk-primary-hover: #60a5fa;
72
- --iuk-primary-soft: rgba(59, 130, 246, 0.18);
73
- --iuk-danger: #ef4444;
74
- --iuk-danger-soft: rgba(239, 68, 68, 0.18);
75
- --iuk-success: #22c55e;
76
- --iuk-success-soft: rgba(34, 197, 94, 0.18);
77
- --iuk-warning: #f59e0b;
78
- --iuk-warning-soft: rgba(245, 158, 11, 0.18);
79
- --iuk-info: #38bdf8;
80
- --iuk-info-soft: rgba(56, 189, 248, 0.18);
81
- --iuk-placeholder-bg: #1e293b;
82
- --iuk-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
83
- --iuk-shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, 0.6);
84
- }
85
-
86
- .iuk-root, .iuk-single, .iuk-multi, .iuk-modal-backdrop, .iuk-progress-dock, .iuk-minimized-dock {
87
- box-sizing: border-box;
88
- font-family: var(--iuk-font);
89
- color: var(--iuk-text);
90
- }
91
-
92
- .iuk-root *, .iuk-root *::before, .iuk-root *::after, .iuk-modal-backdrop *, .iuk-progress-dock * {
93
- box-sizing: border-box;
94
- }
95
-
96
- .iuk-hidden-input { display: none !important; }
97
-
98
- @keyframes iuk-spin { to { transform: rotate(360deg); } }
99
-
100
- .iuk-spin { animation: iuk-spin 0.85s linear infinite; flex-shrink: 0; }
101
-
102
- .iuk-spinner {
103
- width: 30px;
104
- height: 30px;
105
- border-radius: 9999px;
106
- border: 2.5px solid var(--iuk-border);
107
- border-top-color: var(--iuk-primary);
108
- animation: iuk-spin 0.8s linear infinite;
109
- }
110
-
111
- @media (prefers-reduced-motion: reduce) {
112
- .iuk-spin,
113
- .iuk-spinner,
114
- .iuk-root *,
115
- .iuk-single *,
116
- .iuk-multi *,
117
- .iuk-modal-backdrop *,
118
- .iuk-progress-dock * {
119
- animation-duration: 0.01ms !important;
120
- animation-iteration-count: 1 !important;
121
- transition-duration: 0.01ms !important;
122
- }
123
- }
1
+ /* image-upload-kit — Layer 1: Design Tokens & Base Reset */
2
+
3
+ :root,
4
+ .iuk-root {
5
+ --iuk-bg: #ffffff;
6
+ --iuk-surface: #f8fafc;
7
+ --iuk-surface-hover: #f1f5f9;
8
+ --iuk-border: #e2e8f0;
9
+ --iuk-border-strong: #cbd5e1;
10
+ --iuk-text: #0f172a;
11
+ --iuk-text-muted: #64748b;
12
+ --iuk-primary: #2563eb;
13
+ --iuk-primary-hover: #1d4ed8;
14
+ --iuk-primary-soft: rgba(37, 99, 235, 0.1);
15
+ --iuk-danger: #dc2626;
16
+ --iuk-danger-soft: rgba(220, 38, 38, 0.1);
17
+ --iuk-success: #16a34a;
18
+ --iuk-success-soft: rgba(22, 163, 74, 0.1);
19
+ --iuk-warning: #d97706;
20
+ --iuk-warning-soft: rgba(217, 119, 6, 0.12);
21
+ --iuk-info: #0284c7;
22
+ --iuk-info-soft: rgba(2, 132, 199, 0.1);
23
+ --iuk-placeholder-bg: #f1f5f9;
24
+ --iuk-radius-sm: 6px;
25
+ --iuk-radius-md: 10px;
26
+ --iuk-radius-lg: 14px;
27
+ --iuk-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
28
+ --iuk-shadow-lg: 0 20px 40px -12px rgba(15, 23, 42, 0.22), 0 8px 16px -8px rgba(15, 23, 42, 0.12);
29
+ --iuk-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
30
+ }
31
+
32
+ @media (prefers-color-scheme: dark) {
33
+ :root:not([data-theme="light"]):not(.light),
34
+ :root:not([data-theme="light"]):not(.light) .iuk-root {
35
+ --iuk-bg: #0f172a;
36
+ --iuk-surface: #1e293b;
37
+ --iuk-surface-hover: #283548;
38
+ --iuk-border: #334155;
39
+ --iuk-border-strong: #475569;
40
+ --iuk-text: #f8fafc;
41
+ --iuk-text-muted: #94a3b8;
42
+ --iuk-primary: #3b82f6;
43
+ --iuk-primary-hover: #60a5fa;
44
+ --iuk-primary-soft: rgba(59, 130, 246, 0.18);
45
+ --iuk-danger: #ef4444;
46
+ --iuk-danger-soft: rgba(239, 68, 68, 0.18);
47
+ --iuk-success: #22c55e;
48
+ --iuk-success-soft: rgba(34, 197, 94, 0.18);
49
+ --iuk-warning: #f59e0b;
50
+ --iuk-warning-soft: rgba(245, 158, 11, 0.18);
51
+ --iuk-info: #38bdf8;
52
+ --iuk-info-soft: rgba(56, 189, 248, 0.18);
53
+ --iuk-placeholder-bg: #1e293b;
54
+ --iuk-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
55
+ --iuk-shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, 0.6);
56
+ }
57
+ }
58
+
59
+ [data-theme="dark"],
60
+ [data-theme="dark"] .iuk-root,
61
+ .dark,
62
+ .dark .iuk-root {
63
+ --iuk-bg: #0f172a;
64
+ --iuk-surface: #1e293b;
65
+ --iuk-surface-hover: #283548;
66
+ --iuk-border: #334155;
67
+ --iuk-border-strong: #475569;
68
+ --iuk-text: #f8fafc;
69
+ --iuk-text-muted: #94a3b8;
70
+ --iuk-primary: #3b82f6;
71
+ --iuk-primary-hover: #60a5fa;
72
+ --iuk-primary-soft: rgba(59, 130, 246, 0.18);
73
+ --iuk-danger: #ef4444;
74
+ --iuk-danger-soft: rgba(239, 68, 68, 0.18);
75
+ --iuk-success: #22c55e;
76
+ --iuk-success-soft: rgba(34, 197, 94, 0.18);
77
+ --iuk-warning: #f59e0b;
78
+ --iuk-warning-soft: rgba(245, 158, 11, 0.18);
79
+ --iuk-info: #38bdf8;
80
+ --iuk-info-soft: rgba(56, 189, 248, 0.18);
81
+ --iuk-placeholder-bg: #1e293b;
82
+ --iuk-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
83
+ --iuk-shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, 0.6);
84
+ }
85
+
86
+ .iuk-root, .iuk-single, .iuk-multi, .iuk-modal-backdrop, .iuk-progress-dock, .iuk-minimized-dock {
87
+ box-sizing: border-box;
88
+ font-family: var(--iuk-font);
89
+ color: var(--iuk-text);
90
+ }
91
+
92
+ .iuk-root *, .iuk-root *::before, .iuk-root *::after, .iuk-modal-backdrop *, .iuk-progress-dock * {
93
+ box-sizing: border-box;
94
+ }
95
+
96
+ .iuk-hidden-input { display: none !important; }
97
+
98
+ @keyframes iuk-spin { to { transform: rotate(360deg); } }
99
+
100
+ .iuk-spin { animation: iuk-spin 0.85s linear infinite; flex-shrink: 0; }
101
+
102
+ .iuk-spinner {
103
+ width: 30px;
104
+ height: 30px;
105
+ border-radius: 9999px;
106
+ border: 2.5px solid var(--iuk-border);
107
+ border-top-color: var(--iuk-primary);
108
+ animation: iuk-spin 0.8s linear infinite;
109
+ }
110
+
111
+ @media (prefers-reduced-motion: reduce) {
112
+ .iuk-spin,
113
+ .iuk-spinner,
114
+ .iuk-root *,
115
+ .iuk-single *,
116
+ .iuk-multi *,
117
+ .iuk-modal-backdrop *,
118
+ .iuk-progress-dock * {
119
+ animation-duration: 0.01ms !important;
120
+ animation-iteration-count: 1 !important;
121
+ transition-duration: 0.01ms !important;
122
+ }
123
+ }