@nqlib/nqui 0.4.1 → 0.4.2

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 (83) hide show
  1. package/INSTALLATION.md +215 -0
  2. package/README.md +2 -1
  3. package/dist/command-palette-BuYcxPCc.cjs +5 -0
  4. package/dist/command-palette-dEJ9aEk4.js +694 -0
  5. package/dist/command.cjs.js +1 -1
  6. package/dist/command.es.js +1 -1
  7. package/dist/components/custom/enhanced-badge.d.ts +1 -1
  8. package/dist/components/custom/enhanced-button.d.ts +6 -1
  9. package/dist/components/custom/enhanced-button.d.ts.map +1 -1
  10. package/dist/components/custom/enhanced-checkbox.d.ts +11 -0
  11. package/dist/components/custom/enhanced-checkbox.d.ts.map +1 -1
  12. package/dist/components/custom/enhanced-radio-group.d.ts +13 -4
  13. package/dist/components/custom/enhanced-radio-group.d.ts.map +1 -1
  14. package/dist/components/custom/enhanced-sonner.d.ts +5 -6
  15. package/dist/components/custom/enhanced-sonner.d.ts.map +1 -1
  16. package/dist/components/custom/enhanced-tabs.d.ts.map +1 -1
  17. package/dist/components/error-boundary.d.ts +20 -0
  18. package/dist/components/error-boundary.d.ts.map +1 -0
  19. package/dist/components/index.d.ts +102 -0
  20. package/dist/components/index.d.ts.map +1 -0
  21. package/dist/components/ui/badge.d.ts +1 -1
  22. package/dist/components/ui/button.d.ts +1 -1
  23. package/dist/components/ui/checkbox.d.ts +4 -1
  24. package/dist/components/ui/checkbox.d.ts.map +1 -1
  25. package/dist/components/ui/input-group.d.ts +1 -1
  26. package/dist/components/ui/input-group.d.ts.map +1 -1
  27. package/dist/components/ui/radio-group.d.ts +3 -1
  28. package/dist/components/ui/radio-group.d.ts.map +1 -1
  29. package/dist/components/ui/sidebar.d.ts.map +1 -1
  30. package/dist/debug-panel-AjzBdMMz.js +9198 -0
  31. package/dist/debug-panel-NaOmD68t.cjs +171 -0
  32. package/dist/debug.cjs.js +1 -0
  33. package/dist/debug.es.js +7 -0
  34. package/dist/drawer-Cqq0Ozb2.cjs +1 -0
  35. package/dist/{drawer-CU4lkcz7.js → drawer-pUXPg3lF.js} +2 -2
  36. package/dist/drawer.cjs.js +1 -1
  37. package/dist/drawer.es.js +1 -1
  38. package/dist/entries/debug.d.ts +14 -0
  39. package/dist/entries/debug.d.ts.map +1 -0
  40. package/dist/hooks/use-mobile.d.ts.map +1 -1
  41. package/dist/hooks/use-scroll-spy.d.ts.map +1 -1
  42. package/dist/index-CI756mSv.cjs +41 -0
  43. package/dist/index-CgfzsUO6.js +1069 -0
  44. package/dist/index.d.ts +2 -98
  45. package/dist/index.d.ts.map +1 -1
  46. package/dist/lib/index.d.ts +9 -0
  47. package/dist/lib/index.d.ts.map +1 -0
  48. package/dist/nqui.cjs.js +42 -212
  49. package/dist/nqui.es.js +8589 -17780
  50. package/dist/sonner-BtzU00r3.js +248 -0
  51. package/dist/sonner-Dfk26eds.cjs +54 -0
  52. package/dist/sonner.cjs.js +1 -1
  53. package/dist/sonner.es.js +1 -1
  54. package/dist/styles.css +3 -0
  55. package/docs/components/README.md +99 -1
  56. package/docs/components/nqui-card.md +7 -0
  57. package/docs/components/nqui-checkbox.md +23 -1
  58. package/docs/components/nqui-radio-group.md +45 -2
  59. package/docs/components/nqui-tabs.md +11 -1
  60. package/docs/nqui-skills/SKILL.md +95 -0
  61. package/docs/nqui-skills/design-system.md +130 -0
  62. package/docs/nqui-skills/rules/composition.md +183 -0
  63. package/docs/nqui-skills/rules/forms.md +190 -0
  64. package/docs/nqui-skills/rules/icons.md +158 -0
  65. package/docs/nqui-skills/rules/styling.md +192 -0
  66. package/package.json +23 -10
  67. package/scripts/cli.js +1 -0
  68. package/scripts/download-skills.js +91 -0
  69. package/scripts/examples/nextjs-layout-sidebar.tsx +100 -0
  70. package/scripts/examples/nextjs-page-sidebar.tsx +81 -0
  71. package/scripts/examples/vite-app.tsx +135 -0
  72. package/scripts/examples/vite-main.tsx +17 -0
  73. package/scripts/examples.js +92 -6
  74. package/scripts/generate-docs.js +169 -0
  75. package/scripts/init-css.js +34 -14
  76. package/scripts/init-cursor.js +8 -0
  77. package/scripts/post-install.js +41 -9
  78. package/scripts/wizard.js +12 -7
  79. package/dist/command-palette-UHk8zZOg.cjs +0 -45
  80. package/dist/command-palette-d-TrdBsM.js +0 -1778
  81. package/dist/drawer-BcIxWRN8.cjs +0 -1
  82. package/dist/sonner-Co6YpYVs.js +0 -546
  83. package/dist/sonner-DbQhVp8m.cjs +0 -330
@@ -1,330 +0,0 @@
1
- "use strict";const n=require("react/jsx-runtime"),I=require("sonner"),i=require("@hugeicons/react"),d=require("@hugeicons/core-free-icons"),C=require("react");function T(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const e=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(a,r,e.get?e:{enumerable:!0,get:()=>o[r]})}}return a.default=o,Object.freeze(a)}const x=T(C);var j=(o,a,r,e,g,p,c,s)=>{let l=document.documentElement,v=["light","dark"];function m(t){(Array.isArray(o)?o:[o]).forEach(h=>{let u=h==="class",f=u&&p?g.map(w=>p[w]||w):g;u?(l.classList.remove(...f),l.classList.add(p&&p[t]?p[t]:t)):l.setAttribute(h,t)}),k(t)}function k(t){s&&v.includes(t)&&(l.style.colorScheme=t)}function b(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(e)m(e);else try{let t=localStorage.getItem(a)||r,h=c&&t==="system"?b():t;m(h)}catch{}},N=x.createContext(void 0),E={setTheme:o=>{},themes:[]},y=()=>{var o;return(o=x.useContext(N))!=null?o:E};x.memo(({forcedTheme:o,storageKey:a,attribute:r,enableSystem:e,enableColorScheme:g,defaultTheme:p,value:c,themes:s,nonce:l,scriptProps:v})=>{let m=JSON.stringify([r,a,p,o,s,c,e,g]).slice(1,-1);return x.createElement("script",{...v,suppressHydrationWarning:!0,nonce:typeof window>"u"?l:"",dangerouslySetInnerHTML:{__html:`(${j.toString()})(${m})`}})});const S=({...o})=>{const{theme:a="system"}=y();return x.useEffect(()=>{const r="enhanced-toast-styles";if(document.getElementById(r)){console.log("[EnhancedToaster] Styles already injected");return}console.log("[EnhancedToaster] Injecting enhanced toast styles"),fetch("http://127.0.0.1:7256/ingest/f1733c36-d0a8-4cf5-b0fa-c4850768a9d1",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"enhanced-sonner.tsx:29",message:"Injecting styles",data:{styleId:r},timestamp:Date.now(),sessionId:"debug-session",runId:"run1",hypothesisId:"A"})}).catch(()=>{});const e=document.createElement("style");e.id=r,e.textContent=`
2
- /* Enhanced Toast Base Styles - Higher specificity to override Sonner defaults */
3
- [data-sonner-toast].enhanced-cn-toast,
4
- [data-sonner-toast] .enhanced-cn-toast {
5
- border: 1px solid var(--normal-border) !important;
6
- border-left-width: 4px !important;
7
- background-color: var(--normal-bg) !important;
8
- color: oklch(0.145 0 0) !important;
9
- border-color: var(--normal-border) !important;
10
- border-left-color: var(--normal-border) !important;
11
- border-radius: var(--border-radius) !important;
12
- position: relative;
13
- background-image: var(--button-gradient) !important;
14
- box-shadow: var(--button-shadow),
15
- 0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 20%, transparent) inset,
16
- 0 -1px 0 0 color-mix(in oklch, oklch(0 0 0) 15%, transparent) inset,
17
- 0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 8%, transparent),
18
- 0 4px 6px -1px color-mix(in oklch, oklch(0 0 0) 12%, transparent),
19
- 0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 8%, transparent) !important;
20
- border-top-color: color-mix(in oklch, var(--normal-border) 80%, oklch(1 0 0) 20%) !important;
21
- border-left-color: color-mix(in oklch, var(--normal-border) 80%, oklch(1 0 0) 20%) !important;
22
- border-bottom-color: color-mix(in oklch, var(--normal-border) 80%, oklch(0 0 0) 20%) !important;
23
- border-right-color: color-mix(in oklch, var(--normal-border) 80%, oklch(0 0 0) 20%) !important;
24
- transition: all 300ms ease-in-out !important;
25
- cursor: default;
26
- opacity: 0.95 !important;
27
- }
28
-
29
- [data-sonner-toast].enhanced-cn-toast:hover,
30
- [data-sonner-toast] .enhanced-cn-toast:hover {
31
- opacity: 1 !important;
32
- }
33
-
34
- .dark [data-sonner-toast].enhanced-cn-toast,
35
- .dark [data-sonner-toast] .enhanced-cn-toast {
36
- color: oklch(0.985 0 0) !important;
37
- }
38
-
39
- [data-sonner-toast].enhanced-cn-toast:hover,
40
- [data-sonner-toast] .enhanced-cn-toast:hover {
41
- transform: scale(1.02) !important;
42
- }
43
-
44
- [data-sonner-toast].enhanced-cn-toast > *,
45
- [data-sonner-toast] .enhanced-cn-toast > * {
46
- position: relative;
47
- z-index: 1;
48
- }
49
-
50
- /* Enhanced Toast Semantic Color Variants - Higher specificity */
51
- [data-sonner-toast].enhanced-cn-toast.enhanced-toast-success,
52
- [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-success {
53
- background-color: color-mix(in oklch, var(--success-100) 80%, var(--popover) 20%) !important;
54
- border-color: var(--success-400) !important;
55
- border-left-color: var(--success-500) !important;
56
- border-left-width: 4px !important;
57
- color: oklch(0.145 0 0) !important;
58
- position: relative;
59
- background-image: var(--button-gradient) !important;
60
- box-shadow: var(--button-shadow),
61
- 0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 25%, transparent) inset,
62
- 0 -1px 0 0 color-mix(in oklch, var(--success-600) 30%, transparent) inset,
63
- 0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 10%, transparent),
64
- 0 4px 8px -1px color-mix(in oklch, oklch(0 0 0) 15%, transparent),
65
- 0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 10%, transparent) !important;
66
- border-top-color: color-mix(in oklch, var(--success-400) 70%, oklch(1 0 0) 30%) !important;
67
- border-left-color: var(--success-500) !important;
68
- border-bottom-color: color-mix(in oklch, var(--success-600) 80%, oklch(0 0 0) 20%) !important;
69
- border-right-color: color-mix(in oklch, var(--success-600) 80%, oklch(0 0 0) 20%) !important;
70
- transition: all 300ms ease-in-out !important;
71
- opacity: 0.95 !important;
72
- }
73
-
74
- [data-sonner-toast].enhanced-cn-toast.enhanced-toast-success:hover,
75
- [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-success:hover {
76
- background-color: color-mix(in oklch, var(--success-200) 80%, var(--popover) 20%) !important;
77
- transform: scale(1.02) !important;
78
- opacity: 1 !important;
79
- }
80
-
81
- .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-success,
82
- .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-success {
83
- background-color: color-mix(in oklch, var(--success-900) 80%, var(--popover) 20%) !important;
84
- color: oklch(0.985 0 0) !important;
85
- }
86
-
87
- .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-success:hover,
88
- .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-success:hover {
89
- background-color: color-mix(in oklch, var(--success-800) 80%, var(--popover) 20%) !important;
90
- opacity: 1 !important;
91
- }
92
-
93
- .enhanced-toast-success::before {
94
- content: "";
95
- position: absolute;
96
- inset: 0;
97
- background-color: color-mix(in oklch, var(--success) 5%, transparent);
98
- border-radius: var(--border-radius);
99
- pointer-events: none;
100
- z-index: 0;
101
- }
102
-
103
- .enhanced-toast-success .toast-icon-success {
104
- color: var(--success);
105
- }
106
-
107
- [data-sonner-toast].enhanced-cn-toast.enhanced-toast-error,
108
- [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-error {
109
- background-color: color-mix(in oklch, var(--danger-100) 80%, var(--popover) 20%) !important;
110
- border-color: var(--danger-400) !important;
111
- border-left-color: var(--danger-500) !important;
112
- border-left-width: 4px !important;
113
- color: oklch(0.145 0 0) !important;
114
- position: relative;
115
- background-image: var(--button-gradient) !important;
116
- box-shadow: var(--button-shadow),
117
- 0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 25%, transparent) inset,
118
- 0 -1px 0 0 color-mix(in oklch, var(--danger-600) 30%, transparent) inset,
119
- 0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 10%, transparent),
120
- 0 4px 8px -1px color-mix(in oklch, oklch(0 0 0) 15%, transparent),
121
- 0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 10%, transparent) !important;
122
- border-top-color: color-mix(in oklch, var(--danger-400) 70%, oklch(1 0 0) 30%) !important;
123
- border-left-color: var(--danger-500) !important;
124
- border-bottom-color: color-mix(in oklch, var(--danger-600) 80%, oklch(0 0 0) 20%) !important;
125
- border-right-color: color-mix(in oklch, var(--danger-600) 80%, oklch(0 0 0) 20%) !important;
126
- transition: all 300ms ease-in-out !important;
127
- opacity: 0.95 !important;
128
- }
129
-
130
- [data-sonner-toast].enhanced-cn-toast.enhanced-toast-error:hover,
131
- [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-error:hover {
132
- background-color: color-mix(in oklch, var(--danger-200) 80%, var(--popover) 20%) !important;
133
- transform: scale(1.02) !important;
134
- opacity: 1 !important;
135
- }
136
-
137
- .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-error,
138
- .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-error {
139
- background-color: color-mix(in oklch, var(--danger-900) 80%, var(--popover) 20%) !important;
140
- color: oklch(0.985 0 0) !important;
141
- }
142
-
143
- .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-error:hover,
144
- .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-error:hover {
145
- background-color: color-mix(in oklch, var(--danger-800) 80%, var(--popover) 20%) !important;
146
- opacity: 1 !important;
147
- }
148
-
149
- .enhanced-toast-error::before {
150
- content: "";
151
- position: absolute;
152
- inset: 0;
153
- background-color: color-mix(in oklch, var(--destructive) 15%, transparent);
154
- border-radius: var(--border-radius);
155
- pointer-events: none;
156
- z-index: 0;
157
- }
158
-
159
- .enhanced-toast-error .toast-icon-error {
160
- color: var(--destructive);
161
- }
162
-
163
- [data-sonner-toast].enhanced-cn-toast.enhanced-toast-warning,
164
- [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-warning {
165
- background-color: color-mix(in oklch, var(--warning-100) 80%, var(--popover) 20%) !important;
166
- border-color: var(--warning-400) !important;
167
- border-left-color: var(--warning-500) !important;
168
- border-left-width: 4px !important;
169
- color: oklch(0.145 0 0) !important;
170
- position: relative;
171
- background-image: var(--button-gradient) !important;
172
- box-shadow: var(--button-shadow),
173
- 0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 25%, transparent) inset,
174
- 0 -1px 0 0 color-mix(in oklch, var(--warning-600) 30%, transparent) inset,
175
- 0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 10%, transparent),
176
- 0 4px 8px -1px color-mix(in oklch, oklch(0 0 0) 15%, transparent),
177
- 0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 10%, transparent) !important;
178
- border-top-color: color-mix(in oklch, var(--warning-400) 70%, oklch(1 0 0) 30%) !important;
179
- border-left-color: var(--warning-500) !important;
180
- border-bottom-color: color-mix(in oklch, var(--warning-600) 80%, oklch(0 0 0) 20%) !important;
181
- border-right-color: color-mix(in oklch, var(--warning-600) 80%, oklch(0 0 0) 20%) !important;
182
- transition: all 300ms ease-in-out !important;
183
- opacity: 0.95 !important;
184
- }
185
-
186
- [data-sonner-toast].enhanced-cn-toast.enhanced-toast-warning:hover,
187
- [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-warning:hover {
188
- background-color: color-mix(in oklch, var(--warning-200) 80%, var(--popover) 20%) !important;
189
- transform: scale(1.02) !important;
190
- opacity: 1 !important;
191
- }
192
-
193
- .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-warning,
194
- .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-warning {
195
- background-color: color-mix(in oklch, var(--warning-900) 80%, var(--popover) 20%) !important;
196
- color: oklch(0.985 0 0) !important;
197
- }
198
-
199
- .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-warning:hover,
200
- .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-warning:hover {
201
- background-color: color-mix(in oklch, var(--warning-800) 80%, var(--popover) 20%) !important;
202
- opacity: 1 !important;
203
- }
204
-
205
- .enhanced-toast-warning::before {
206
- content: "";
207
- position: absolute;
208
- inset: 0;
209
- background-color: color-mix(in oklch, var(--warning) 10%, transparent);
210
- border-radius: var(--border-radius);
211
- pointer-events: none;
212
- z-index: 0;
213
- }
214
-
215
- .enhanced-toast-warning .toast-icon-warning {
216
- color: var(--warning);
217
- }
218
-
219
- [data-sonner-toast].enhanced-cn-toast.enhanced-toast-info,
220
- [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-info {
221
- background-color: color-mix(in oklch, var(--info-100) 80%, var(--popover) 20%) !important;
222
- border-color: var(--info-400) !important;
223
- border-left-color: var(--info-500) !important;
224
- border-left-width: 4px !important;
225
- color: oklch(0.145 0 0) !important;
226
- position: relative;
227
- background-image: var(--button-gradient) !important;
228
- box-shadow: var(--button-shadow),
229
- 0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 25%, transparent) inset,
230
- 0 -1px 0 0 color-mix(in oklch, var(--info-600) 30%, transparent) inset,
231
- 0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 10%, transparent),
232
- 0 4px 8px -1px color-mix(in oklch, oklch(0 0 0) 15%, transparent),
233
- 0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 10%, transparent) !important;
234
- border-top-color: color-mix(in oklch, var(--info-400) 70%, oklch(1 0 0) 30%) !important;
235
- border-left-color: var(--info-500) !important;
236
- border-bottom-color: color-mix(in oklch, var(--info-600) 80%, oklch(0 0 0) 20%) !important;
237
- border-right-color: color-mix(in oklch, var(--info-600) 80%, oklch(0 0 0) 20%) !important;
238
- transition: all 300ms ease-in-out !important;
239
- opacity: 0.95 !important;
240
- }
241
-
242
- [data-sonner-toast].enhanced-cn-toast.enhanced-toast-info:hover,
243
- [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-info:hover {
244
- background-color: color-mix(in oklch, var(--info-200) 80%, var(--popover) 20%) !important;
245
- transform: scale(1.02) !important;
246
- opacity: 1 !important;
247
- }
248
-
249
- .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-info,
250
- .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-info {
251
- background-color: color-mix(in oklch, var(--info-900) 80%, var(--popover) 20%) !important;
252
- color: oklch(0.985 0 0) !important;
253
- }
254
-
255
- .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-info:hover,
256
- .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-info:hover {
257
- background-color: color-mix(in oklch, var(--info-800) 80%, var(--popover) 20%) !important;
258
- opacity: 1 !important;
259
- }
260
-
261
- .enhanced-toast-info::before {
262
- content: "";
263
- position: absolute;
264
- inset: 0;
265
- background-color: color-mix(in oklch, var(--info) 5%, transparent);
266
- border-radius: var(--border-radius);
267
- pointer-events: none;
268
- z-index: 0;
269
- }
270
-
271
- .enhanced-toast-info .toast-icon-info {
272
- color: var(--info);
273
- }
274
-
275
- [data-sonner-toast].enhanced-cn-toast.enhanced-toast-loading,
276
- [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-loading {
277
- background-color: color-mix(in oklch, var(--primary-100) 80%, var(--popover) 20%) !important;
278
- border-color: var(--primary-400) !important;
279
- border-left-color: var(--primary-500) !important;
280
- border-left-width: 4px !important;
281
- color: oklch(0.145 0 0) !important;
282
- position: relative;
283
- background-image: var(--button-gradient) !important;
284
- box-shadow: var(--button-shadow),
285
- 0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 25%, transparent) inset,
286
- 0 -1px 0 0 color-mix(in oklch, var(--primary-600) 30%, transparent) inset,
287
- 0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 10%, transparent),
288
- 0 4px 8px -1px color-mix(in oklch, oklch(0 0 0) 15%, transparent),
289
- 0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 10%, transparent) !important;
290
- border-top-color: color-mix(in oklch, var(--primary-400) 70%, oklch(1 0 0) 30%) !important;
291
- border-left-color: var(--primary-500) !important;
292
- border-bottom-color: color-mix(in oklch, var(--primary-600) 80%, oklch(0 0 0) 20%) !important;
293
- border-right-color: color-mix(in oklch, var(--primary-600) 80%, oklch(0 0 0) 20%) !important;
294
- transition: all 300ms ease-in-out !important;
295
- opacity: 0.95 !important;
296
- }
297
-
298
- [data-sonner-toast].enhanced-cn-toast.enhanced-toast-loading:hover,
299
- [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-loading:hover {
300
- background-color: color-mix(in oklch, var(--primary-200) 80%, var(--popover) 20%) !important;
301
- transform: scale(1.02) !important;
302
- opacity: 1 !important;
303
- }
304
-
305
- .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-loading,
306
- .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-loading {
307
- background-color: color-mix(in oklch, var(--primary-900) 80%, var(--popover) 20%) !important;
308
- color: oklch(0.985 0 0) !important;
309
- }
310
-
311
- .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-loading:hover,
312
- .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-loading:hover {
313
- background-color: color-mix(in oklch, var(--primary-800) 80%, var(--popover) 20%) !important;
314
- opacity: 1 !important;
315
- }
316
-
317
- .enhanced-toast-loading::before {
318
- content: "";
319
- position: absolute;
320
- inset: 0;
321
- background-color: color-mix(in oklch, var(--primary) 5%, transparent);
322
- border-radius: var(--border-radius);
323
- pointer-events: none;
324
- z-index: 0;
325
- }
326
-
327
- .enhanced-toast-loading .toast-icon-loading {
328
- color: var(--primary);
329
- }
330
- `,document.head.appendChild(e),setTimeout(()=>{const c=getComputedStyle(document.documentElement),s={success100:c.getPropertyValue("--success-100"),danger100:c.getPropertyValue("--danger-100"),warning100:c.getPropertyValue("--warning-100"),info100:c.getPropertyValue("--info-100"),primary100:c.getPropertyValue("--primary-100"),buttonGradient:c.getPropertyValue("--button-gradient")};fetch("http://127.0.0.1:7256/ingest/f1733c36-d0a8-4cf5-b0fa-c4850768a9d1",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"enhanced-sonner.tsx:310",message:"CSS vars check",data:s,timestamp:Date.now(),sessionId:"debug-session",runId:"run1",hypothesisId:"B"})}).catch(()=>{}),console.log("[EnhancedToaster] CSS vars:",s)},100),new MutationObserver(()=>{document.querySelectorAll("[data-sonner-toast]").forEach((s,l)=>{const v=Array.from(s.classList),m=s.hasAttribute("data-sonner-toast"),k=s.querySelector("div"),b=k?Array.from(k.classList):[],t=getComputedStyle(s),h=k?getComputedStyle(k):null,u=document.getElementById("enhanced-toast-styles"),f=u?u.textContent.substring(0,200):"NOT FOUND";fetch("http://127.0.0.1:7256/ingest/f1733c36-d0a8-4cf5-b0fa-c4850768a9d1",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({location:"enhanced-sonner.tsx:330",message:"Toast DOM structure check",data:{index:l,hasDataAttr:m,toastClasses:v,innerClasses:b,toastBg:t.backgroundColor,toastBorderLeft:t.borderLeftWidth,innerBg:h?.backgroundColor,innerBorderLeft:h?.borderLeftWidth,styleSheetExists:!!u,stylePreview:f},timestamp:Date.now(),sessionId:"debug-session",runId:"post-fix",hypothesisId:"D"})}).catch(()=>{}),console.log(`[EnhancedToaster] Toast ${l} DOM:`,{hasDataAttr:m,toastClasses:v,innerClasses:b,toastBg:t.backgroundColor,innerBg:h?.backgroundColor,styleSheetExists:!!u})})}).observe(document.body,{childList:!0,subtree:!0})},[]),n.jsx(I.Toaster,{theme:a,className:"toaster group",icons:{success:n.jsx(i.HugeiconsIcon,{icon:d.CheckmarkCircle02Icon,strokeWidth:2,className:"size-4 text-success toast-icon-success"}),info:n.jsx(i.HugeiconsIcon,{icon:d.InformationCircleIcon,strokeWidth:2,className:"size-4 text-info toast-icon-info"}),warning:n.jsx(i.HugeiconsIcon,{icon:d.Alert02Icon,strokeWidth:2,className:"size-4 text-warning toast-icon-warning"}),error:n.jsx(i.HugeiconsIcon,{icon:d.MultiplicationSignCircleIcon,strokeWidth:2,className:"size-4 text-destructive toast-icon-error"}),loading:n.jsx(i.HugeiconsIcon,{icon:d.Loading03Icon,strokeWidth:2,className:"size-4 text-primary toast-icon-loading animate-spin"})},style:{"--normal-bg":"var(--popover)","--normal-text":"var(--popover-foreground)","--normal-border":"var(--border)","--border-radius":"var(--radius)"},toastOptions:{classNames:{toast:"enhanced-cn-toast",success:"enhanced-toast-success",error:"enhanced-toast-error",warning:"enhanced-toast-warning",info:"enhanced-toast-info",loading:"enhanced-toast-loading"}},...o})};S.displayName="EnhancedToaster";const z=({...o})=>{const{theme:a="system"}=y();return n.jsx(I.Toaster,{theme:a,className:"toaster group",icons:{success:n.jsx(i.HugeiconsIcon,{icon:d.CheckmarkCircle02Icon,strokeWidth:2,className:"size-4 text-success toast-icon-success"}),info:n.jsx(i.HugeiconsIcon,{icon:d.InformationCircleIcon,strokeWidth:2,className:"size-4 text-info toast-icon-info"}),warning:n.jsx(i.HugeiconsIcon,{icon:d.Alert02Icon,strokeWidth:2,className:"size-4 text-warning toast-icon-warning"}),error:n.jsx(i.HugeiconsIcon,{icon:d.MultiplicationSignCircleIcon,strokeWidth:2,className:"size-4 text-destructive toast-icon-error"}),loading:n.jsx(i.HugeiconsIcon,{icon:d.Loading03Icon,strokeWidth:2,className:"size-4 text-primary toast-icon-loading animate-spin"})},style:{"--normal-bg":"var(--popover)","--normal-text":"var(--popover-foreground)","--normal-border":"var(--border)","--border-radius":"var(--radius)","--success-bg":"var(--success)","--success-text":"var(--success-foreground)","--success-border":"var(--success-400)","--error-bg":"var(--destructive)","--error-text":"var(--destructive-foreground)","--error-border":"var(--danger-400)","--warning-bg":"var(--warning)","--warning-text":"var(--warning-foreground)","--warning-border":"var(--warning-400)","--info-bg":"var(--info)","--info-text":"var(--info-foreground)","--info-border":"var(--info-400)"},toastOptions:{classNames:{toast:"cn-toast",success:"toast-success",error:"toast-error",warning:"toast-warning",info:"toast-info",loading:"toast-loading"}},...o})};exports.EnhancedToaster=S;exports.Toaster=z;exports.z=y;