@pathscale/ui 1.1.79 → 1.1.81

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 (16) hide show
  1. package/dist/components/glass-panel/GlassPanel.css +199 -62
  2. package/dist/components/glass-panel/GlassPanel.js +33 -25
  3. package/dist/components/glow-card/GlowCard.css +14 -16
  4. package/dist/motion/index.d.ts +2 -0
  5. package/dist/motion/index.js +6 -1
  6. package/dist/motion/solid/AnimatedCollapse.d.ts +35 -0
  7. package/dist/motion/solid/AnimatedCollapse.js +166 -0
  8. package/dist/motion/solid/Presence.d.ts +30 -0
  9. package/dist/motion/solid/Presence.js +65 -0
  10. package/dist/motion/solid/index.d.ts +4 -0
  11. package/dist/motion/solid/index.js +8 -1
  12. package/dist/purge-manifest.json +2544 -2544
  13. package/dist/styles/icons/generated-icons.css +1 -173
  14. package/dist/styles/themes/dark.css +62 -5
  15. package/dist/styles/themes/light.css +62 -5
  16. package/package.json +3 -2
package/dist/styles/icons/generated-icons.css CHANGED
@@ -1,173 +1 @@
1
-
2
- .iconify {
3
- display: inline-block;
4
- width: 1em;
5
- height: 1em;
6
- background-color: currentColor;
7
- -webkit-mask-repeat: no-repeat;
8
- mask-repeat: no-repeat;
9
- -webkit-mask-size: 100% 100%;
10
- mask-size: 100% 100%;
11
- }
12
-
13
- .iconify-color {
14
- display: inline-block;
15
- width: 1em;
16
- height: 1em;
17
- background-repeat: no-repeat;
18
- background-size: 100% 100%;
19
- }
20
-
21
- .icon-[mdi--close] {
22
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3C%2Fsvg%3E");
23
- }
24
- .icon-[mdi--close].iconify {
25
- -webkit-mask-image: var(--svg);
26
- mask-image: var(--svg);
27
- }
28
- .icon-[mdi--close].iconify-color {
29
- background-image: var(--svg);
30
- }
31
-
32
- .icon-[mdi--firefox] {
33
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.85%206.74q.015%200%200%200M21.28%208.6c-.43-1.05-1.32-2.18-2.01-2.54.56%201.11.89%202.22%201.02%203.04v.02c-1.13-2.82-3.05-3.96-4.62-6.44-.08-.12-.17-.25-.24-.38-.04-.07-.07-.14-.11-.21-.06-.13-.12-.26-.15-.4%200-.01-.01-.02-.02-.02h-.03c-2.22%201.3-3.15%203.59-3.38%205.04-.69.04-1.37.21-1.99.51-.12.05-.17.19-.13.31.05.14.21.21.34.15.54-.26%201.14-.41%201.74-.45h.05c.08-.01.17-.01.25-.01.5-.01.97.06%201.44.2l.06.02c.1.02.17.06.25.06.05.04.11.06.16.08l.14.06c.07.03.14.06.2.09.03.02.06.03.09.05.07.04.16.07.2.11.04.02.08.05.12.07.73.45%201.34%201.07%201.75%201.81-.53-.37-1.49-.74-2.41-.58%203.6%201.81%202.63%208-2.36%207.76-.44-.01-.88-.1-1.3-.25-.1-.03-.2-.07-.29-.12-.05-.02-.12-.05-.17-.08-1.23-.63-2.24-1.82-2.38-3.27%200%200%20.5-1.73%203.33-1.73.31%200%201.17-.86%201.2-1.1%200-.09-1.74-.78-2.42-1.45-.37-.36-.54-.53-.69-.66-.08-.07-.17-.13-.26-.19a4.63%204.63%200%200%201-.03-2.45C7.6%206.12%206.8%206.86%206.22%207.5c-.4-.5-.37-2.15-.35-2.5-.01%200-.3.16-.33.18-.35.25-.68.53-.98.82-.35.37-.66.74-.94%201.14-.62.91-1.12%201.95-1.34%203.04%200%20.01-.1.41-.17.92l-.03.23c-.02.17-.04.32-.08.58v.41c0%205.53%204.5%2010.01%2010%2010.01%204.97%200%209.08-3.59%209.88-8.33.02-.11.03-.24.05-.37.2-1.72-.02-3.52-.65-5.03%22%2F%3E%3C%2Fsvg%3E");
34
- }
35
- .icon-[mdi--firefox].iconify {
36
- -webkit-mask-image: var(--svg);
37
- mask-image: var(--svg);
38
- }
39
- .icon-[mdi--firefox].iconify-color {
40
- background-image: var(--svg);
41
- }
42
-
43
- .icon-[mdi--inbox-outline] {
44
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V5a2%202%200%200%200-2-2M5%2019v-2h3.13a4.13%204.13%200%200%200%201.27%202m9.6%200h-4.4a4.13%204.13%200%200%200%201.27-2H19m0-2h-5v1a2%202%200%200%201-4%200v-1H5V5h14Z%22%2F%3E%3C%2Fsvg%3E");
45
- }
46
- .icon-[mdi--inbox-outline].iconify {
47
- -webkit-mask-image: var(--svg);
48
- mask-image: var(--svg);
49
- }
50
- .icon-[mdi--inbox-outline].iconify-color {
51
- background-image: var(--svg);
52
- }
53
-
54
- .icon-[mdi--loading] {
55
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%204V2A10%2010%200%200%200%202%2012h2a8%208%200%200%201%208-8%22%2F%3E%3C%2Fsvg%3E");
56
- }
57
- .icon-[mdi--loading].iconify {
58
- -webkit-mask-image: var(--svg);
59
- mask-image: var(--svg);
60
- }
61
- .icon-[mdi--loading].iconify-color {
62
- background-image: var(--svg);
63
- }
64
-
65
- .icon-[mdi--palette] {
66
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.5%2012a1.5%201.5%200%200%201-1.5-1.5A1.5%201.5%200%200%201%2017.5%209a1.5%201.5%200%200%201%201.5%201.5%201.5%201.5%200%200%201-1.5%201.5m-3-4A1.5%201.5%200%200%201%2013%206.5%201.5%201.5%200%200%201%2014.5%205%201.5%201.5%200%200%201%2016%206.5%201.5%201.5%200%200%201%2014.5%208m-5%200A1.5%201.5%200%200%201%208%206.5%201.5%201.5%200%200%201%209.5%205%201.5%201.5%200%200%201%2011%206.5%201.5%201.5%200%200%201%209.5%208m-3%204A1.5%201.5%200%200%201%205%2010.5%201.5%201.5%200%200%201%206.5%209%201.5%201.5%200%200%201%208%2010.5%201.5%201.5%200%200%201%206.5%2012M12%203a9%209%200%200%200-9%209%209%209%200%200%200%209%209%201.5%201.5%200%200%200%201.5-1.5c0-.39-.15-.74-.39-1-.23-.27-.38-.62-.38-1a1.5%201.5%200%200%201%201.5-1.5H16a5%205%200%200%200%205-5c0-4.42-4.03-8-9-8%22%2F%3E%3C%2Fsvg%3E");
67
- }
68
- .icon-[mdi--palette].iconify {
69
- -webkit-mask-image: var(--svg);
70
- mask-image: var(--svg);
71
- }
72
- .icon-[mdi--palette].iconify-color {
73
- background-image: var(--svg);
74
- }
75
-
76
- .icon-[lucide--arrow-down] {
77
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%205v14m7-7-7%207-7-7%22%2F%3E%3C%2Fsvg%3E");
78
- }
79
- .icon-[lucide--arrow-down].iconify {
80
- -webkit-mask-image: var(--svg);
81
- mask-image: var(--svg);
82
- }
83
- .icon-[lucide--arrow-down].iconify-color {
84
- background-image: var(--svg);
85
- }
86
-
87
- .icon-[lucide--arrow-up] {
88
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m5%2012%207-7%207%207m-7%207V5%22%2F%3E%3C%2Fsvg%3E");
89
- }
90
- .icon-[lucide--arrow-up].iconify {
91
- -webkit-mask-image: var(--svg);
92
- mask-image: var(--svg);
93
- }
94
- .icon-[lucide--arrow-up].iconify-color {
95
- background-image: var(--svg);
96
- }
97
-
98
- .icon-[lucide--arrow-up-down] {
99
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m21%2016-4%204-4-4m4%204V4M3%208l4-4%204%204M7%204v16%22%2F%3E%3C%2Fsvg%3E");
100
- }
101
- .icon-[lucide--arrow-up-down].iconify {
102
- -webkit-mask-image: var(--svg);
103
- mask-image: var(--svg);
104
- }
105
- .icon-[lucide--arrow-up-down].iconify-color {
106
- background-image: var(--svg);
107
- }
108
-
109
- .icon-[lucide--check] {
110
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E");
111
- }
112
- .icon-[lucide--check].iconify {
113
- -webkit-mask-image: var(--svg);
114
- mask-image: var(--svg);
115
- }
116
- .icon-[lucide--check].iconify-color {
117
- background-image: var(--svg);
118
- }
119
-
120
- .icon-[lucide--chevron-down] {
121
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");
122
- }
123
- .icon-[lucide--chevron-down].iconify {
124
- -webkit-mask-image: var(--svg);
125
- mask-image: var(--svg);
126
- }
127
- .icon-[lucide--chevron-down].iconify-color {
128
- background-image: var(--svg);
129
- }
130
-
131
- .icon-[lucide--chevron-right] {
132
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E");
133
- }
134
- .icon-[lucide--chevron-right].iconify {
135
- -webkit-mask-image: var(--svg);
136
- mask-image: var(--svg);
137
- }
138
- .icon-[lucide--chevron-right].iconify-color {
139
- background-image: var(--svg);
140
- }
141
-
142
- .icon-[lucide--eye] {
143
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
144
- }
145
- .icon-[lucide--eye].iconify {
146
- -webkit-mask-image: var(--svg);
147
- mask-image: var(--svg);
148
- }
149
- .icon-[lucide--eye].iconify-color {
150
- background-image: var(--svg);
151
- }
152
-
153
- .icon-[lucide--eye-off] {
154
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M10.733%205.076a10.744%2010.744%200%200%201%2011.205%206.575%201%201%200%200%201%200%20.696%2010.8%2010.8%200%200%201-1.444%202.49m-6.41-.679a3%203%200%200%201-4.242-4.242%22%2F%3E%3Cpath%20d%3D%22M17.479%2017.499a10.75%2010.75%200%200%201-15.417-5.151%201%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%204.446-5.143M2%202l20%2020%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
155
- }
156
- .icon-[lucide--eye-off].iconify {
157
- -webkit-mask-image: var(--svg);
158
- mask-image: var(--svg);
159
- }
160
- .icon-[lucide--eye-off].iconify-color {
161
- background-image: var(--svg);
162
- }
163
-
164
- .icon-[lucide--minus] {
165
- --svg: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E");
166
- }
167
- .icon-[lucide--minus].iconify {
168
- -webkit-mask-image: var(--svg);
169
- mask-image: var(--svg);
170
- }
171
- .icon-[lucide--minus].iconify-color {
172
- background-image: var(--svg);
173
- }
1
+ .iconify{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.iconify,.iconify-color{display:inline-block;height:1em;width:1em}.iconify-color{background-repeat:no-repeat;background-size:100% 100%}.icon-[mdi--close]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.icon-[mdi--close].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--close].iconify-color{background-image:var(--svg)}.icon-[mdi--firefox]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.85 6.74q.015 0 0 0M21.28 8.6c-.43-1.05-1.32-2.18-2.01-2.54.56 1.11.89 2.22 1.02 3.04v.02c-1.13-2.82-3.05-3.96-4.62-6.44-.08-.12-.17-.25-.24-.38-.04-.07-.07-.14-.11-.21-.06-.13-.12-.26-.15-.4 0-.01-.01-.02-.02-.02h-.03c-2.22 1.3-3.15 3.59-3.38 5.04-.69.04-1.37.21-1.99.51-.12.05-.17.19-.13.31.05.14.21.21.34.15.54-.26 1.14-.41 1.74-.45h.05c.08-.01.17-.01.25-.01.5-.01.97.06 1.44.2l.06.02c.1.02.17.06.25.06.05.04.11.06.16.08l.14.06c.07.03.14.06.2.09.03.02.06.03.09.05.07.04.16.07.2.11.04.02.08.05.12.07.73.45 1.34 1.07 1.75 1.81-.53-.37-1.49-.74-2.41-.58 3.6 1.81 2.63 8-2.36 7.76-.44-.01-.88-.1-1.3-.25-.1-.03-.2-.07-.29-.12-.05-.02-.12-.05-.17-.08-1.23-.63-2.24-1.82-2.38-3.27 0 0 .5-1.73 3.33-1.73.31 0 1.17-.86 1.2-1.1 0-.09-1.74-.78-2.42-1.45-.37-.36-.54-.53-.69-.66-.08-.07-.17-.13-.26-.19a4.63 4.63 0 0 1-.03-2.45C7.6 6.12 6.8 6.86 6.22 7.5c-.4-.5-.37-2.15-.35-2.5-.01 0-.3.16-.33.18-.35.25-.68.53-.98.82-.35.37-.66.74-.94 1.14-.62.91-1.12 1.95-1.34 3.04 0 .01-.1.41-.17.92l-.03.23c-.02.17-.04.32-.08.58v.41c0 5.53 4.5 10.01 10 10.01 4.97 0 9.08-3.59 9.88-8.33.02-.11.03-.24.05-.37.2-1.72-.02-3.52-.65-5.03'/%3E%3C/svg%3E")}.icon-[mdi--firefox].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--firefox].iconify-color{background-image:var(--svg)}.icon-[mdi--inbox-outline]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2M5 19v-2h3.13a4.13 4.13 0 0 0 1.27 2m9.6 0h-4.4a4.13 4.13 0 0 0 1.27-2H19m0-2h-5v1a2 2 0 0 1-4 0v-1H5V5h14Z'/%3E%3C/svg%3E")}.icon-[mdi--inbox-outline].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--inbox-outline].iconify-color{background-image:var(--svg)}.icon-[mdi--loading]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E")}.icon-[mdi--loading].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--loading].iconify-color{background-image:var(--svg)}.icon-[mdi--palette]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5 1.5 1.5 0 0 1 14.5 5 1.5 1.5 0 0 1 16 6.5 1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5 1.5 1.5 0 0 1 9.5 5 1.5 1.5 0 0 1 11 6.5 1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5 1.5 1.5 0 0 1 6.5 9 1.5 1.5 0 0 1 8 10.5 1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 1.5 1.5 0 0 0 1.5-1.5c0-.39-.15-.74-.39-1-.23-.27-.38-.62-.38-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.42-4.03-8-9-8'/%3E%3C/svg%3E")}.icon-[mdi--palette].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--palette].iconify-color{background-image:var(--svg)}.icon-[lucide--arrow-down]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m7-7-7 7-7-7'/%3E%3C/svg%3E")}.icon-[lucide--arrow-down].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[lucide--arrow-down].iconify-color{background-image:var(--svg)}.icon-[lucide--arrow-up]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12 7-7 7 7m-7 7V5'/%3E%3C/svg%3E")}.icon-[lucide--arrow-up].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[lucide--arrow-up].iconify-color{background-image:var(--svg)}.icon-[lucide--arrow-up-down]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 16-4 4-4-4m4 4V4M3 8l4-4 4 4M7 4v16'/%3E%3C/svg%3E")}.icon-[lucide--arrow-up-down].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[lucide--arrow-up-down].iconify-color{background-image:var(--svg)}.icon-[lucide--check]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.icon-[lucide--check].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[lucide--check].iconify-color{background-image:var(--svg)}.icon-[lucide--chevron-down]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.icon-[lucide--chevron-down].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[lucide--chevron-down].iconify-color{background-image:var(--svg)}.icon-[lucide--chevron-right]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}.icon-[lucide--chevron-right].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[lucide--chevron-right].iconify-color{background-image:var(--svg)}.icon-[lucide--eye]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E")}.icon-[lucide--eye].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[lucide--eye].iconify-color{background-image:var(--svg)}.icon-[lucide--eye-off]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143M2 2l20 20'/%3E%3C/g%3E%3C/svg%3E")}.icon-[lucide--eye-off].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[lucide--eye-off].iconify-color{background-image:var(--svg)}.icon-[lucide--minus]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E")}.icon-[lucide--minus].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[lucide--minus].iconify-color{background-image:var(--svg)}
package/dist/styles/themes/dark.css CHANGED
@@ -8,9 +8,17 @@
8
8
  --color-accent: var(--color-sky-500);
9
9
  --color-accent-content: var(--color-white);
10
10
  --color-accent-foreground: var(--color-white);
11
- --color-accent-soft: color-mix(in oklab, var(--color-sky-500) 20%, var(--color-gray-900));
11
+ --color-accent-soft: color-mix(
12
+ in oklab,
13
+ var(--color-sky-500) 20%,
14
+ var(--color-gray-900)
15
+ );
12
16
  --color-accent-soft-foreground: var(--color-sky-400);
13
- --color-accent-soft-hover: color-mix(in oklab, var(--color-sky-500) 28%, var(--color-gray-900));
17
+ --color-accent-soft-hover: color-mix(
18
+ in oklab,
19
+ var(--color-sky-500) 28%,
20
+ var(--color-gray-900)
21
+ );
14
22
  --color-accent-hover: var(--color-sky-400);
15
23
  --color-neutral: var(--color-gray-700);
16
24
  --color-neutral-content: var(--color-gray-100);
@@ -21,18 +29,30 @@
21
29
  --color-success: var(--color-emerald-500);
22
30
  --color-success-content: var(--color-gray-900);
23
31
  --color-success-foreground: var(--color-white);
24
- --color-success-soft: color-mix(in oklab, var(--color-emerald-500) 20%, var(--color-gray-900));
32
+ --color-success-soft: color-mix(
33
+ in oklab,
34
+ var(--color-emerald-500) 20%,
35
+ var(--color-gray-900)
36
+ );
25
37
  --color-success-soft-foreground: var(--color-emerald-400);
26
38
  --color-warning: var(--color-amber-400);
27
39
  --color-warning-content: var(--color-gray-900);
28
40
  --color-warning-foreground: var(--color-gray-900);
29
- --color-warning-soft: color-mix(in oklab, var(--color-amber-400) 20%, var(--color-gray-900));
41
+ --color-warning-soft: color-mix(
42
+ in oklab,
43
+ var(--color-amber-400) 20%,
44
+ var(--color-gray-900)
45
+ );
30
46
  --color-warning-soft-foreground: var(--color-amber-300);
31
47
  --color-error: var(--color-rose-500);
32
48
  --color-error-content: var(--color-white);
33
49
  --color-danger: var(--color-rose-500);
34
50
  --color-danger-foreground: var(--color-white);
35
- --color-danger-soft: color-mix(in oklab, var(--color-rose-500) 20%, var(--color-gray-900));
51
+ --color-danger-soft: color-mix(
52
+ in oklab,
53
+ var(--color-rose-500) 20%,
54
+ var(--color-gray-900)
55
+ );
36
56
  --color-danger-soft-foreground: var(--color-rose-400);
37
57
 
38
58
  /* HeroUI generic tokens */
@@ -78,6 +98,43 @@
78
98
  --border: 1px;
79
99
  --depth: 0;
80
100
  --noise: 1;
101
+
102
+ /* Glass surface tokens */
103
+ --glass-background-color: white;
104
+ --glass-background-opacity: 38%;
105
+ --glass-border-color: white;
106
+ --glass-border-opacity: 30%;
107
+ --glass-highlight-color: white;
108
+ --glass-highlight-opacity: 80%;
109
+ --glass-bottom-highlight-opacity: 10%;
110
+ --glass-edge-highlight-opacity: 30%;
111
+ --glass-inner-glow-opacity: 50%;
112
+ --glass-inner-glow-rgb: 255 255 255;
113
+ --glass-inner-glow-alpha: 0;
114
+ --glass-inner-glow-blur: 0px;
115
+ --glass-inner-glow-spread: 0px;
116
+ --glass-depth-top-glow-opacity: 8%;
117
+ --glass-depth-bottom-glow-opacity: 12%;
118
+ --glass-depth-sheen-opacity: 40%;
119
+ --glass-depth-sheen-size: 70%;
120
+ --glass-depth-surface-opacity: 8%;
121
+ --glass-depth-surface-size: 82%;
122
+ --glass-rim-start-color: var(--color-base-content);
123
+ --glass-rim-start-opacity: 21%;
124
+ --glass-rim-end-color: white;
125
+ --glass-rim-end-opacity: 35%;
126
+ --glass-glow-ring-opacity: 10%;
127
+ --glass-liquid-edge-size: 3px;
128
+ --glass-liquid-inner-blur: 18px;
129
+ --glass-border-radius: 20px;
130
+ --glass-blur: 11px;
131
+ --glass-saturation: 1;
132
+ --glass-brightness: 1;
133
+ --glass-shadow-depth: 0 8px 32px rgb(0 0 0 / 10%);
134
+ --glass-fallback-background-opacity: 78%;
135
+ --glass-refraction-depth: 5px;
136
+ --glass-refraction-strength: 0.38;
137
+ --glass-refraction-chromatic-aberration: 0.01;
81
138
  }
82
139
  }
83
140
 
package/dist/styles/themes/light.css CHANGED
@@ -9,9 +9,17 @@
9
9
  --color-accent: var(--color-sky-600);
10
10
  --color-accent-content: var(--color-white);
11
11
  --color-accent-foreground: var(--color-white);
12
- --color-accent-soft: color-mix(in oklab, var(--color-sky-600) 15%, var(--color-white));
12
+ --color-accent-soft: color-mix(
13
+ in oklab,
14
+ var(--color-sky-600) 15%,
15
+ var(--color-white)
16
+ );
13
17
  --color-accent-soft-foreground: var(--color-sky-700);
14
- --color-accent-soft-hover: color-mix(in oklab, var(--color-sky-600) 22%, var(--color-white));
18
+ --color-accent-soft-hover: color-mix(
19
+ in oklab,
20
+ var(--color-sky-600) 22%,
21
+ var(--color-white)
22
+ );
15
23
  --color-accent-hover: var(--color-sky-700);
16
24
  --color-neutral: var(--color-gray-600);
17
25
  --color-neutral-content: var(--color-white);
@@ -22,18 +30,30 @@
22
30
  --color-success: var(--color-emerald-600);
23
31
  --color-success-content: var(--color-white);
24
32
  --color-success-foreground: var(--color-white);
25
- --color-success-soft: color-mix(in oklab, var(--color-emerald-600) 15%, var(--color-white));
33
+ --color-success-soft: color-mix(
34
+ in oklab,
35
+ var(--color-emerald-600) 15%,
36
+ var(--color-white)
37
+ );
26
38
  --color-success-soft-foreground: var(--color-emerald-700);
27
39
  --color-warning: var(--color-amber-500);
28
40
  --color-warning-content: var(--color-black);
29
41
  --color-warning-foreground: var(--color-black);
30
- --color-warning-soft: color-mix(in oklab, var(--color-amber-500) 15%, var(--color-white));
42
+ --color-warning-soft: color-mix(
43
+ in oklab,
44
+ var(--color-amber-500) 15%,
45
+ var(--color-white)
46
+ );
31
47
  --color-warning-soft-foreground: var(--color-amber-700);
32
48
  --color-error: var(--color-rose-600);
33
49
  --color-error-content: var(--color-white);
34
50
  --color-danger: var(--color-rose-600);
35
51
  --color-danger-foreground: var(--color-white);
36
- --color-danger-soft: color-mix(in oklab, var(--color-rose-600) 15%, var(--color-white));
52
+ --color-danger-soft: color-mix(
53
+ in oklab,
54
+ var(--color-rose-600) 15%,
55
+ var(--color-white)
56
+ );
37
57
  --color-danger-soft-foreground: var(--color-rose-700);
38
58
 
39
59
  /* HeroUI generic tokens */
@@ -79,6 +99,43 @@
79
99
  --border: 1px;
80
100
  --depth: 0;
81
101
  --noise: 1;
102
+
103
+ /* Glass surface tokens */
104
+ --glass-background-color: white;
105
+ --glass-background-opacity: 38%;
106
+ --glass-border-color: white;
107
+ --glass-border-opacity: 30%;
108
+ --glass-highlight-color: white;
109
+ --glass-highlight-opacity: 80%;
110
+ --glass-bottom-highlight-opacity: 10%;
111
+ --glass-edge-highlight-opacity: 30%;
112
+ --glass-inner-glow-opacity: 50%;
113
+ --glass-inner-glow-rgb: 255 255 255;
114
+ --glass-inner-glow-alpha: 0;
115
+ --glass-inner-glow-blur: 0px;
116
+ --glass-inner-glow-spread: 0px;
117
+ --glass-depth-top-glow-opacity: 8%;
118
+ --glass-depth-bottom-glow-opacity: 12%;
119
+ --glass-depth-sheen-opacity: 40%;
120
+ --glass-depth-sheen-size: 70%;
121
+ --glass-depth-surface-opacity: 8%;
122
+ --glass-depth-surface-size: 82%;
123
+ --glass-rim-start-color: var(--color-base-content);
124
+ --glass-rim-start-opacity: 21%;
125
+ --glass-rim-end-color: white;
126
+ --glass-rim-end-opacity: 35%;
127
+ --glass-glow-ring-opacity: 10%;
128
+ --glass-liquid-edge-size: 3px;
129
+ --glass-liquid-inner-blur: 18px;
130
+ --glass-border-radius: 20px;
131
+ --glass-blur: 11px;
132
+ --glass-saturation: 1;
133
+ --glass-brightness: 1;
134
+ --glass-shadow-depth: 0 8px 32px rgb(0 0 0 / 10%);
135
+ --glass-fallback-background-opacity: 78%;
136
+ --glass-refraction-depth: 5px;
137
+ --glass-refraction-strength: 0.38;
138
+ --glass-refraction-chromatic-aberration: 0.01;
82
139
  }
83
140
  }
84
141
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pathscale/ui",
3
- "version": "1.1.79",
3
+ "version": "1.1.81",
4
4
  "author": "pathscale",
5
5
  "repository": {
6
6
  "type": "git",
@@ -55,6 +55,7 @@
55
55
  "@biomejs/biome": "1.9.4",
56
56
  "@iconify/json": "^2.2.342",
57
57
  "@iconify/utils": "^2.3.0",
58
+ "@pathscale/rsbuild-plugin-ui-css-purge": "^0.9.2",
58
59
  "@rsbuild/core": "^1.3.20",
59
60
  "@rsbuild/plugin-solid": "^1.0.5",
60
61
  "@rslib/core": "^0.9.0",
@@ -117,7 +118,7 @@
117
118
  },
118
119
  "scripts": {
119
120
  "build": "bun run scripts/check-contracts.ts && rslib build && bun run postbuild:manifest",
120
- "postbuild:manifest": "bun run ../rsbuild-plugin-ui-css-purge/src/generate-manifest.ts src/components --out dist/purge-manifest.json",
121
+ "postbuild:manifest": "bun run node_modules/@pathscale/rsbuild-plugin-ui-css-purge/src/generate-manifest.ts src/components --out dist/purge-manifest.json",
121
122
  "build:watch": "rslib build --watch",
122
123
  "dev": "rslib dev",
123
124
  "preview": "rslib preview",