@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.
- package/INSTALLATION.md +215 -0
- package/README.md +2 -1
- package/dist/command-palette-BuYcxPCc.cjs +5 -0
- package/dist/command-palette-dEJ9aEk4.js +694 -0
- package/dist/command.cjs.js +1 -1
- package/dist/command.es.js +1 -1
- package/dist/components/custom/enhanced-badge.d.ts +1 -1
- package/dist/components/custom/enhanced-button.d.ts +6 -1
- package/dist/components/custom/enhanced-button.d.ts.map +1 -1
- package/dist/components/custom/enhanced-checkbox.d.ts +11 -0
- package/dist/components/custom/enhanced-checkbox.d.ts.map +1 -1
- package/dist/components/custom/enhanced-radio-group.d.ts +13 -4
- package/dist/components/custom/enhanced-radio-group.d.ts.map +1 -1
- package/dist/components/custom/enhanced-sonner.d.ts +5 -6
- package/dist/components/custom/enhanced-sonner.d.ts.map +1 -1
- package/dist/components/custom/enhanced-tabs.d.ts.map +1 -1
- package/dist/components/error-boundary.d.ts +20 -0
- package/dist/components/error-boundary.d.ts.map +1 -0
- package/dist/components/index.d.ts +102 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/ui/badge.d.ts +1 -1
- package/dist/components/ui/button.d.ts +1 -1
- package/dist/components/ui/checkbox.d.ts +4 -1
- package/dist/components/ui/checkbox.d.ts.map +1 -1
- package/dist/components/ui/input-group.d.ts +1 -1
- package/dist/components/ui/input-group.d.ts.map +1 -1
- package/dist/components/ui/radio-group.d.ts +3 -1
- package/dist/components/ui/radio-group.d.ts.map +1 -1
- package/dist/components/ui/sidebar.d.ts.map +1 -1
- package/dist/debug-panel-AjzBdMMz.js +9198 -0
- package/dist/debug-panel-NaOmD68t.cjs +171 -0
- package/dist/debug.cjs.js +1 -0
- package/dist/debug.es.js +7 -0
- package/dist/drawer-Cqq0Ozb2.cjs +1 -0
- package/dist/{drawer-CU4lkcz7.js → drawer-pUXPg3lF.js} +2 -2
- package/dist/drawer.cjs.js +1 -1
- package/dist/drawer.es.js +1 -1
- package/dist/entries/debug.d.ts +14 -0
- package/dist/entries/debug.d.ts.map +1 -0
- package/dist/hooks/use-mobile.d.ts.map +1 -1
- package/dist/hooks/use-scroll-spy.d.ts.map +1 -1
- package/dist/index-CI756mSv.cjs +41 -0
- package/dist/index-CgfzsUO6.js +1069 -0
- package/dist/index.d.ts +2 -98
- package/dist/index.d.ts.map +1 -1
- package/dist/lib/index.d.ts +9 -0
- package/dist/lib/index.d.ts.map +1 -0
- package/dist/nqui.cjs.js +42 -212
- package/dist/nqui.es.js +8589 -17780
- package/dist/sonner-BtzU00r3.js +248 -0
- package/dist/sonner-Dfk26eds.cjs +54 -0
- package/dist/sonner.cjs.js +1 -1
- package/dist/sonner.es.js +1 -1
- package/dist/styles.css +3 -0
- package/docs/components/README.md +99 -1
- package/docs/components/nqui-card.md +7 -0
- package/docs/components/nqui-checkbox.md +23 -1
- package/docs/components/nqui-radio-group.md +45 -2
- package/docs/components/nqui-tabs.md +11 -1
- package/docs/nqui-skills/SKILL.md +95 -0
- package/docs/nqui-skills/design-system.md +130 -0
- package/docs/nqui-skills/rules/composition.md +183 -0
- package/docs/nqui-skills/rules/forms.md +190 -0
- package/docs/nqui-skills/rules/icons.md +158 -0
- package/docs/nqui-skills/rules/styling.md +192 -0
- package/package.json +23 -10
- package/scripts/cli.js +1 -0
- package/scripts/download-skills.js +91 -0
- package/scripts/examples/nextjs-layout-sidebar.tsx +100 -0
- package/scripts/examples/nextjs-page-sidebar.tsx +81 -0
- package/scripts/examples/vite-app.tsx +135 -0
- package/scripts/examples/vite-main.tsx +17 -0
- package/scripts/examples.js +92 -6
- package/scripts/generate-docs.js +169 -0
- package/scripts/init-css.js +34 -14
- package/scripts/init-cursor.js +8 -0
- package/scripts/post-install.js +41 -9
- package/scripts/wizard.js +12 -7
- package/dist/command-palette-UHk8zZOg.cjs +0 -45
- package/dist/command-palette-d-TrdBsM.js +0 -1778
- package/dist/drawer-BcIxWRN8.cjs +0 -1
- package/dist/sonner-Co6YpYVs.js +0 -546
- package/dist/sonner-DbQhVp8m.cjs +0 -330
package/dist/sonner-DbQhVp8m.cjs
DELETED
|
@@ -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;
|