@zhama/a2ui 0.12.0 → 0.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/context/index.cjs +573 -202
- package/dist/context/index.js +573 -202
- package/dist/data/index.cjs +2 -2
- package/dist/data/index.js +2 -2
- package/dist/index-DWKa15py.d.cts +230 -0
- package/dist/index-DkGx4cbd.d.ts +230 -0
- package/dist/index.cjs +512 -138
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +512 -138
- package/dist/styles/index.cjs +590 -216
- package/dist/styles/index.d.cts +1 -1
- package/dist/styles/index.d.ts +1 -1
- package/dist/styles/index.js +590 -216
- package/dist/ui/index.cjs +2 -2
- package/dist/ui/index.js +2 -2
- package/package.json +2 -2
- package/dist/index-CfG_a073.d.cts +0 -143
- package/dist/index-DZnukf8z.d.ts +0 -143
package/dist/context/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
'use strict';var react=require('react'),jsxRuntime=require('react/jsx-runtime');function l(){return {}}var
|
|
1
|
+
'use strict';var react=require('react'),jsxRuntime=require('react/jsx-runtime');function l(){return {}}var c={additionalStyles:{Button:{},Card:{},Text:{h1:{},h2:{},h3:{},h4:{},h5:{},body:{},caption:{}}},components:{AudioPlayer:{"a2-w-full":true},Button:{"a2-dsp-iflex":true,"a2-al-center":true,"a2-jc-center":true,"a2-gap-2":true,"a2-px-6":true,"a2-py-3":true,"a2-br-2":true,"a2-bw-0":true,"a2-bs-solid":true,"a2-bg-primary":true,"a2-text-primary-foreground":true,"a2-font-sans":true,"a2-fw-500":true,"a2-text-bm":true,"a2-cursor-pointer":true,"a2-transition":true,"a2-ho-80":true,"a2-active-scale-95":true,"a2-select-none":true},Card:{"a2-pos-rel":true,"a2-br-2":true,"a2-p-4":true,"a2-bg-card":true,"a2-text-card-foreground":true,"a2-border":true,"a2-border-default":true,"a2-shadow-sm":true,"a2-transition":true,"a2-hover-shadow-md":true,"a2-overflow-hidden":true},Column:{"a2-dsp-flexvert":true,"a2-gap-2":true},CheckBox:{container:{"a2-dsp-iflex":true,"a2-al-center":true,"a2-gap-2":true,"a2-cursor-pointer":true},element:{"a2-wp-4":true,"a2-hp-4":true,"a2-br-1":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-cursor-pointer":true},label:{"a2-font-sans":true,"a2-text-bm":true,"a2-fw-400":true,"a2-c-n70":true,"a2-flex-1":true}},DateTimeInput:{container:{"a2-dsp-flexhor":true,"a2-al-center":true,"a2-gap-2":true,"a2-w-full":true,"a2-text-bm":true,"a2-ws-nowrap":true},element:{"a2-px-3":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-c-n70":true,"a2-transition-colors":true},label:{"a2-c-n70":true,"a2-text-bm":true,"a2-flex-0":true}},Divider:{"a2-bgc-n90":true,"a2-my-4":true},Image:{all:{"a2-br-2":true,"a2-media-cover":true,"a2-w-full":true,"a2-h-full":true},avatar:{"a2-br-50pc":true},header:l(),icon:l(),largeFeature:l(),mediumFeature:l(),smallFeature:l()},Icon:{"a2-icon":true,"a2-dsp-iflex":true,"a2-al-center":true,"a2-jc-center":true,"a2-c-inherit":true},List:{"a2-dsp-flexvert":true,"a2-gap-4":true,"a2-p-2":true},Modal:{backdrop:{"a2-pos-fixed":true,"a2-inset-0":true,"a2-dsp-flex":true,"a2-al-center":true,"a2-jc-center":true,"a2-bgc-n100_50":true,"a2-z-50":true,"a2-blur-sm":true},element:{"a2-br-4":true,"a2-bgc-n0":true,"a2-p-4":true,"a2-border":true,"a2-bc-n80":true,"a2-shadow-xl":true}},MultipleChoice:{container:{"a2-dsp-flexvert":true,"a2-gap-2":true},element:{"a2-px-3":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-w-full":true},label:{"a2-text-bm":true,"a2-fw-500":true}},Row:{"a2-dsp-flexhor":true,"a2-gap-4":true},Slider:{container:{"a2-dsp-flexvert":true,"a2-gap-1":true},element:{"a2-w-full":true},label:{"a2-text-bm":true,"a2-fw-500":true}},Tabs:{container:{"a2-dsp-flexvert":true,"a2-gap-4":true},controls:{all:{"a2-px-4":true,"a2-py-2":true,"a2-text-bm":true,"a2-fw-500":true,"a2-cursor-pointer":true,"a2-transition-colors":true,"a2-br-t-2":true},selected:{"a2-bw-b-2":true,"a2-bc-p50":true,"a2-c-p50":true}},element:{"a2-dsp-flexhor":true,"a2-border-b":true,"a2-bc-n20":true}},Text:{all:{"a2-c-inherit":true},h1:{"a2-font-sans":true,"a2-fw-600":true,"a2-text-hs":true,"a2-m-0":true,"a2-p-0":true},h2:{"a2-font-sans":true,"a2-fw-600":true,"a2-text-tl":true,"a2-m-0":true,"a2-p-0":true},h3:{"a2-font-sans":true,"a2-fw-600":true,"a2-text-tm":true,"a2-m-0":true,"a2-p-0":true},h4:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bl":true,"a2-m-0":true,"a2-p-0":true},h5:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bm":true,"a2-m-0":true,"a2-p-0":true},h6:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bs":true,"a2-m-0":true,"a2-p-0":true},body:{"a2-font-sans":true,"a2-fw-400":true,"a2-text-bm":true,"a2-lh-relaxed":true},caption:{"a2-font-sans":true,"a2-fw-400":true,"a2-text-bs":true,"a2-text-muted-foreground":true},label:{"a2-font-sans":true,"a2-fw-500":true,"a2-text-bm":true}},TextField:{container:{"a2-dsp-flexhor":true,"a2-al-center":true,"a2-gap-2":true,"a2-w-full":true,"a2-text-bm":true,"a2-ws-nowrap":true},element:{"a2-text-bm":true,"a2-px-3":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-bc-n60":true,"a2-bgc-n0":true,"a2-c-n90":true,"a2-flex-1":true,"a2-transition-colors":true,"a2-focus-visible-ring":true},label:{"a2-flex-0":true,"a2-c-n70":true,"a2-fw-500":true}},Video:{"a2-br-2":true,"a2-media-cover":true}},elements:{a:{"a2-font-sans":true,"a2-fw-500":true,"a2-dsp-iflex":true,"a2-al-center":true,"a2-td-none":true,"a2-text-primary":true},audio:{"a2-w-full":true},body:{"a2-font-sans":true,"a2-fw-400":true,"a2-text-bm":true,"a2-mt-0":true,"a2-mb-2":true,"a2-text-foreground":true},button:{"a2-font-sans":true,"a2-fw-500":true,"a2-py-3":true,"a2-px-5":true,"a2-mb-1":true,"a2-br-2":true,"a2-bw-0":true,"a2-bs-solid":true,"a2-bg-primary":true,"a2-text-primary-foreground":true,"a2-ho-80":true},h1:{"a2-font-sans":true,"a2-fw-600":true,"a2-mt-0":true,"a2-mb-3":true,"a2-text-foreground":true},h2:{"a2-font-sans":true,"a2-fw-600":true,"a2-mt-0":true,"a2-mb-3":true,"a2-text-foreground":true},h3:{"a2-font-sans":true,"a2-fw-600":true,"a2-mt-0":true,"a2-mb-2":true,"a2-text-foreground":true},h4:{"a2-font-sans":true,"a2-fw-500":true,"a2-mt-0":true,"a2-mb-2":true,"a2-text-foreground":true},h5:{"a2-font-sans":true,"a2-fw-500":true,"a2-mt-0":true,"a2-mb-2":true,"a2-text-foreground":true},iframe:{"a2-scrollbar-none":true},input:{"a2-font-sans":true,"a2-fw-400":true,"a2-px-4":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-border-input":true,"a2-bs-solid":true,"a2-text-foreground":true},p:{"a2-font-sans":true,"a2-fw-400":true,"a2-m-0":true,"a2-text-bm":true,"a2-text-foreground":true},pre:{"a2-font-mono":true,"a2-fw-400":true,"a2-text-bm":true,"a2-ws-pre":true,"a2-text-foreground":true},textarea:{"a2-font-sans":true,"a2-fw-400":true,"a2-px-4":true,"a2-py-2":true,"a2-br-2":true,"a2-border":true,"a2-border-input":true,"a2-bs-solid":true,"a2-text-foreground":true,"a2-resize-y":true},video:{"a2-media-cover":true}},markdown:{p:["a2-md-p"],h1:["a2-md-h1"],h2:["a2-md-h2"],h3:["a2-md-h3"],h4:["a2-md-h4"],h5:["a2-md-h5"],ul:["a2-md-ul"],ol:["a2-md-ol"],li:["a2-md-li"],a:["a2-md-a"],strong:["a2-md-strong"],em:["a2-md-em"],code:["a2-md-code"],blockquote:["a2-md-blockquote"]}};var k=react.createContext(c);function X({theme:r=c,children:t}){return jsxRuntime.jsx(k.Provider,{value:r,children:t})}function Z(){return react.useContext(k)}var $=react.createContext({processor:null,surfaceId:null});function et({processor:r,surfaceId:t="@default",children:e}){return jsxRuntime.jsx($.Provider,{value:{processor:r,surfaceId:t},children:e})}function at(){return react.useContext($)}function F(){let r=[];for(let t=0;t<=100;t+=5){let e=t/100;r.push(`.a2-opacity-${t} { opacity: ${e}; }`);}for(let t=0;t<=100;t+=5){let e=t/100;r.push(`.a2-ho-${t}:hover { opacity: ${e}; }`);}return r.push(`
|
|
2
2
|
.a2-cursor-auto { cursor: auto; }
|
|
3
3
|
.a2-cursor-default { cursor: default; }
|
|
4
4
|
.a2-cursor-pointer { cursor: pointer; }
|
|
@@ -10,19 +10,19 @@
|
|
|
10
10
|
.a2-cursor-none { cursor: none; }
|
|
11
11
|
.a2-cursor-grab { cursor: grab; }
|
|
12
12
|
.a2-cursor-grabbing { cursor: grabbing; }
|
|
13
|
-
`),
|
|
13
|
+
`),r.push(`
|
|
14
14
|
.a2-pe-none { pointer-events: none; }
|
|
15
15
|
.a2-pe-auto { pointer-events: auto; }
|
|
16
|
-
`),
|
|
16
|
+
`),r.push(`
|
|
17
17
|
.a2-select-none { user-select: none; }
|
|
18
18
|
.a2-select-text { user-select: text; }
|
|
19
19
|
.a2-select-all { user-select: all; }
|
|
20
20
|
.a2-select-auto { user-select: auto; }
|
|
21
|
-
`),
|
|
21
|
+
`),r.push(`
|
|
22
22
|
.a2-visible { visibility: visible; }
|
|
23
23
|
.a2-invisible { visibility: hidden; }
|
|
24
24
|
.a2-collapse { visibility: collapse; }
|
|
25
|
-
`),
|
|
25
|
+
`),r.push(`
|
|
26
26
|
.a2-transition-none { transition-property: none; }
|
|
27
27
|
.a2-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
28
28
|
.a2-transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
.a2-transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
31
31
|
.a2-transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
32
32
|
.a2-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
33
|
-
`),
|
|
33
|
+
`),r.push(`
|
|
34
34
|
.a2-duration-75 { transition-duration: 75ms; }
|
|
35
35
|
.a2-duration-100 { transition-duration: 100ms; }
|
|
36
36
|
.a2-duration-150 { transition-duration: 150ms; }
|
|
@@ -39,12 +39,12 @@
|
|
|
39
39
|
.a2-duration-500 { transition-duration: 500ms; }
|
|
40
40
|
.a2-duration-700 { transition-duration: 700ms; }
|
|
41
41
|
.a2-duration-1000 { transition-duration: 1000ms; }
|
|
42
|
-
`),
|
|
42
|
+
`),r.push(`
|
|
43
43
|
.a2-ease-linear { transition-timing-function: linear; }
|
|
44
44
|
.a2-ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
|
|
45
45
|
.a2-ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
|
|
46
46
|
.a2-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
|
|
47
|
-
`),
|
|
47
|
+
`),r.push(`
|
|
48
48
|
.a2-scale-0 { transform: scale(0); }
|
|
49
49
|
.a2-scale-50 { transform: scale(0.5); }
|
|
50
50
|
.a2-scale-75 { transform: scale(0.75); }
|
|
@@ -74,15 +74,15 @@
|
|
|
74
74
|
.a2-translate-y-1 { transform: translateY(4px); }
|
|
75
75
|
.a2-translate-y-2 { transform: translateY(8px); }
|
|
76
76
|
.a2-translate-y-4 { transform: translateY(16px); }
|
|
77
|
-
`),
|
|
77
|
+
`),r.push(`
|
|
78
78
|
.a2-hover-scale-105:hover { transform: scale(1.05); }
|
|
79
79
|
.a2-hover-scale-110:hover { transform: scale(1.1); }
|
|
80
80
|
.a2-hover--translate-y-1:hover { transform: translateY(-4px); }
|
|
81
81
|
.a2-hover--translate-y-2:hover { transform: translateY(-8px); }
|
|
82
|
-
`),
|
|
82
|
+
`),r.push(`
|
|
83
83
|
.a2-active-scale-95:active { transform: scale(0.95); }
|
|
84
84
|
.a2-active-scale-90:active { transform: scale(0.9); }
|
|
85
|
-
`),
|
|
85
|
+
`),r.push(`
|
|
86
86
|
.a2-shadow-none { box-shadow: 0 0 #0000; }
|
|
87
87
|
.a2-shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }
|
|
88
88
|
.a2-shadow { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
|
|
@@ -91,11 +91,11 @@
|
|
|
91
91
|
.a2-shadow-xl { box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); }
|
|
92
92
|
.a2-shadow-2xl { box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); }
|
|
93
93
|
.a2-shadow-inner { box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); }
|
|
94
|
-
`),
|
|
94
|
+
`),r.push(`
|
|
95
95
|
.a2-hover-shadow:hover { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
|
|
96
96
|
.a2-hover-shadow-md:hover { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
|
|
97
97
|
.a2-hover-shadow-lg:hover { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
|
|
98
|
-
`),
|
|
98
|
+
`),r.push(`
|
|
99
99
|
.a2-blur-none { backdrop-filter: none; }
|
|
100
100
|
.a2-blur-sm { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
|
|
101
101
|
.a2-blur { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
.a2-blur-xl { backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
|
|
105
105
|
.a2-blur-2xl { backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); }
|
|
106
106
|
.a2-blur-3xl { backdrop-filter: blur(64px); -webkit-backdrop-filter: blur(64px); }
|
|
107
|
-
`),
|
|
107
|
+
`),r.push(`
|
|
108
108
|
.a2-focus-visible-ring:focus-visible {
|
|
109
109
|
outline: 2px solid var(--p-50, currentColor);
|
|
110
110
|
outline-offset: 2px;
|
|
@@ -112,14 +112,14 @@
|
|
|
112
112
|
.a2-focus-visible-none:focus-visible {
|
|
113
113
|
outline: none;
|
|
114
114
|
}
|
|
115
|
-
`),
|
|
115
|
+
`),r.push(`
|
|
116
116
|
.a2-disabled:disabled,
|
|
117
117
|
.a2-disabled[disabled] {
|
|
118
118
|
opacity: 0.5;
|
|
119
119
|
pointer-events: none;
|
|
120
120
|
cursor: not-allowed;
|
|
121
121
|
}
|
|
122
|
-
`),
|
|
122
|
+
`),r.push(`
|
|
123
123
|
.a2-scrollbar-none {
|
|
124
124
|
scrollbar-width: none;
|
|
125
125
|
-ms-overflow-style: none;
|
|
@@ -130,8 +130,30 @@
|
|
|
130
130
|
.a2-scrollbar-thin {
|
|
131
131
|
scrollbar-width: thin;
|
|
132
132
|
}
|
|
133
|
-
`),
|
|
134
|
-
|
|
133
|
+
`),r.push(`
|
|
134
|
+
@keyframes a2-spin {
|
|
135
|
+
from { transform: rotate(0deg); }
|
|
136
|
+
to { transform: rotate(360deg); }
|
|
137
|
+
}
|
|
138
|
+
@keyframes a2-pulse {
|
|
139
|
+
0%, 100% { opacity: 1; }
|
|
140
|
+
50% { opacity: 0.5; }
|
|
141
|
+
}
|
|
142
|
+
@keyframes a2-bounce {
|
|
143
|
+
0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
|
|
144
|
+
50% { transform: translateY(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
|
|
145
|
+
}
|
|
146
|
+
@keyframes a2-ping {
|
|
147
|
+
75%, 100% { transform: scale(2); opacity: 0; }
|
|
148
|
+
}
|
|
149
|
+
`),r.push(`
|
|
150
|
+
.a2-animate-spin { animation: a2-spin 1s linear infinite; }
|
|
151
|
+
.a2-animate-pulse { animation: a2-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
|
|
152
|
+
.a2-animate-bounce { animation: a2-bounce 1s infinite; }
|
|
153
|
+
.a2-animate-ping { animation: a2-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }
|
|
154
|
+
.a2-animate-none { animation: none; }
|
|
155
|
+
`),r.join(`
|
|
156
|
+
`)}var h=F();var m=[0,5,10,15,20,25,30,35,40,50,60,70,80,90,95,98,99,100],S=["p","s","t","n","nv","e"];function o(r){return `--${r.replace(/([a-z]+)(\d+)/,"$1-$2")}`}function z(r){let t=r.match(/^([a-z]+)(\d+)$/);if(!t)return r;let e=t[1],a=t[2];if(!e||!a)return r;let s=100-parseInt(a,10),u=m.reduce((w,v)=>Math.abs(v-s)<Math.abs(w-s)?v:w);return `${e}${u}`}function B(){let r=[];for(let t=0;t<=24;t++)r.push(`.a2-br-${t} { border-radius: ${t*4}px; }`);r.push(`
|
|
135
157
|
.a2-br-none { border-radius: 0; }
|
|
136
158
|
.a2-br-sm { border-radius: 2px; }
|
|
137
159
|
.a2-br-md { border-radius: 6px; }
|
|
@@ -141,16 +163,16 @@
|
|
|
141
163
|
.a2-br-3xl { border-radius: 24px; }
|
|
142
164
|
.a2-br-full { border-radius: 9999px; }
|
|
143
165
|
.a2-br-50pc { border-radius: 50%; }
|
|
144
|
-
`);for(let t=0;t<=8;t++){let
|
|
145
|
-
.a2-br-t-${t} { border-top-left-radius: ${
|
|
146
|
-
.a2-br-r-${t} { border-top-right-radius: ${
|
|
147
|
-
.a2-br-b-${t} { border-bottom-left-radius: ${
|
|
148
|
-
.a2-br-l-${t} { border-top-left-radius: ${
|
|
149
|
-
.a2-br-tl-${t} { border-top-left-radius: ${
|
|
150
|
-
.a2-br-tr-${t} { border-top-right-radius: ${
|
|
151
|
-
.a2-br-bl-${t} { border-bottom-left-radius: ${
|
|
152
|
-
.a2-br-br-${t} { border-bottom-right-radius: ${
|
|
153
|
-
`);}for(let t=0;t<=8;t++)
|
|
166
|
+
`);for(let t=0;t<=8;t++){let e=t*4;r.push(`
|
|
167
|
+
.a2-br-t-${t} { border-top-left-radius: ${e}px; border-top-right-radius: ${e}px; }
|
|
168
|
+
.a2-br-r-${t} { border-top-right-radius: ${e}px; border-bottom-right-radius: ${e}px; }
|
|
169
|
+
.a2-br-b-${t} { border-bottom-left-radius: ${e}px; border-bottom-right-radius: ${e}px; }
|
|
170
|
+
.a2-br-l-${t} { border-top-left-radius: ${e}px; border-bottom-left-radius: ${e}px; }
|
|
171
|
+
.a2-br-tl-${t} { border-top-left-radius: ${e}px; }
|
|
172
|
+
.a2-br-tr-${t} { border-top-right-radius: ${e}px; }
|
|
173
|
+
.a2-br-bl-${t} { border-bottom-left-radius: ${e}px; }
|
|
174
|
+
.a2-br-br-${t} { border-bottom-right-radius: ${e}px; }
|
|
175
|
+
`);}for(let t=0;t<=8;t++)r.push(`
|
|
154
176
|
.a2-bw-${t} { border-width: ${t}px; }
|
|
155
177
|
.a2-bw-t-${t} { border-top-width: ${t}px; }
|
|
156
178
|
.a2-bw-r-${t} { border-right-width: ${t}px; }
|
|
@@ -158,14 +180,14 @@
|
|
|
158
180
|
.a2-bw-l-${t} { border-left-width: ${t}px; }
|
|
159
181
|
.a2-bw-x-${t} { border-left-width: ${t}px; border-right-width: ${t}px; }
|
|
160
182
|
.a2-bw-y-${t} { border-top-width: ${t}px; border-bottom-width: ${t}px; }
|
|
161
|
-
`);return
|
|
183
|
+
`);return r.push(`
|
|
162
184
|
.a2-bs-none { border-style: none; }
|
|
163
185
|
.a2-bs-solid { border-style: solid; }
|
|
164
186
|
.a2-bs-dashed { border-style: dashed; }
|
|
165
187
|
.a2-bs-dotted { border-style: dotted; }
|
|
166
188
|
.a2-bs-double { border-style: double; }
|
|
167
189
|
.a2-bs-hidden { border-style: hidden; }
|
|
168
|
-
`),
|
|
190
|
+
`),r.push(`
|
|
169
191
|
.a2-border { border-width: 1px; border-style: solid; }
|
|
170
192
|
.a2-border-t { border-top-width: 1px; border-top-style: solid; }
|
|
171
193
|
.a2-border-r { border-right-width: 1px; border-right-style: solid; }
|
|
@@ -174,24 +196,24 @@
|
|
|
174
196
|
.a2-border-x { border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; }
|
|
175
197
|
.a2-border-y { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; }
|
|
176
198
|
.a2-border-none { border: none; }
|
|
177
|
-
`),
|
|
199
|
+
`),r.push(`
|
|
178
200
|
.a2-divide-y > * + * { border-top-width: 1px; border-top-style: solid; }
|
|
179
201
|
.a2-divide-x > * + * { border-left-width: 1px; border-left-style: solid; }
|
|
180
|
-
`),
|
|
202
|
+
`),r.push(`
|
|
181
203
|
.a2-outline-none { outline: 2px solid transparent; outline-offset: 2px; }
|
|
182
204
|
.a2-outline { outline-style: solid; }
|
|
183
205
|
.a2-outline-dashed { outline-style: dashed; }
|
|
184
206
|
.a2-outline-dotted { outline-style: dotted; }
|
|
185
207
|
.a2-outline-double { outline-style: double; }
|
|
186
|
-
`),
|
|
208
|
+
`),r.push(`
|
|
187
209
|
.a2-ring-0 { box-shadow: 0 0 0 0px var(--a2-ring-color, currentColor); }
|
|
188
210
|
.a2-ring-1 { box-shadow: 0 0 0 1px var(--a2-ring-color, currentColor); }
|
|
189
211
|
.a2-ring-2 { box-shadow: 0 0 0 2px var(--a2-ring-color, currentColor); }
|
|
190
212
|
.a2-ring-4 { box-shadow: 0 0 0 4px var(--a2-ring-color, currentColor); }
|
|
191
213
|
.a2-ring-inset { box-shadow: inset 0 0 0 2px var(--a2-ring-color, currentColor); }
|
|
192
214
|
.a2-ring-primary { --a2-ring-color: light-dark(var(--p-35), var(--p-60)); }
|
|
193
|
-
`),
|
|
194
|
-
`)}var
|
|
215
|
+
`),r.join(`
|
|
216
|
+
`)}var f=B();function E(r){let t=[];for(let e of m){let a=`${r}${e}`,n=z(a);t.push(`.a2-bc-${a} { border-color: light-dark(var(${o(a)}), var(${o(n)})); }`),t.push(`.a2-bgc-${a} { background-color: light-dark(var(${o(a)}), var(${o(n)})); }`),t.push(`.a2-bbgc-${a}::backdrop { background-color: light-dark(var(${o(a)}), var(${o(n)})); }`);for(let s=1;s<=9;s++){let u=s*10;t.push(`
|
|
195
217
|
.a2-bgc-${a}_${u} {
|
|
196
218
|
background-color: light-dark(
|
|
197
219
|
oklch(from var(${o(a)}) l c h / ${s/10}),
|
|
@@ -205,139 +227,473 @@
|
|
|
205
227
|
);
|
|
206
228
|
}
|
|
207
229
|
`);}t.push(`.a2-c-${a} { color: light-dark(var(${o(a)}), var(${o(n)})); }`);}return t.join(`
|
|
208
|
-
`)}function
|
|
230
|
+
`)}function A(){return `
|
|
231
|
+
/* ========================================
|
|
232
|
+
* A2UI \u4E3B\u9898\u53D8\u91CF\u7CFB\u7EDF
|
|
233
|
+
*
|
|
234
|
+
* \u5BBF\u4E3B\u5E94\u7528\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E\u8FD9\u4E9B\u53D8\u91CF\u6765\u81EA\u5B9A\u4E49\u4E3B\u9898
|
|
235
|
+
* \u6240\u6709\u53D8\u91CF\u4F7F\u7528 HSL \u683C\u5F0F\uFF08\u4E0D\u542B hsl() \u51FD\u6570\uFF09
|
|
236
|
+
* \u4F8B\u5982: --a2-primary: 230 83% 60%;
|
|
237
|
+
* ======================================== */
|
|
238
|
+
|
|
239
|
+
:root, :host, .a2ui-root {
|
|
240
|
+
/* ===== \u8BED\u4E49\u5316\u989C\u8272\u53D8\u91CF ===== */
|
|
241
|
+
|
|
242
|
+
/* Primary - \u4E3B\u8272\u8C03\uFF08\u6309\u94AE\u3001\u94FE\u63A5\u3001\u5F3A\u8C03\u5143\u7D20\uFF09 */
|
|
243
|
+
--a2-primary: 230 83% 60%;
|
|
244
|
+
--a2-primary-foreground: 210 40% 98%;
|
|
245
|
+
|
|
246
|
+
/* Secondary - \u6B21\u8981\u8272\uFF08\u6B21\u8981\u6309\u94AE\u3001\u6807\u7B7E\uFF09 */
|
|
247
|
+
--a2-secondary: 210 40% 96%;
|
|
248
|
+
--a2-secondary-foreground: 222 84% 5%;
|
|
249
|
+
|
|
250
|
+
/* Muted - \u67D4\u548C\u8272\uFF08\u7981\u7528\u72B6\u6001\u3001\u6B21\u8981\u6587\u5B57\uFF09 */
|
|
251
|
+
--a2-muted: 210 40% 96%;
|
|
252
|
+
--a2-muted-foreground: 215 16% 47%;
|
|
253
|
+
|
|
254
|
+
/* Accent - \u5F3A\u8C03\u8272\uFF08\u60AC\u505C\u3001\u9009\u4E2D\u72B6\u6001\uFF09 */
|
|
255
|
+
--a2-accent: 210 40% 96%;
|
|
256
|
+
--a2-accent-foreground: 222 84% 5%;
|
|
257
|
+
|
|
258
|
+
/* Destructive - \u5371\u9669\u8272\uFF08\u5220\u9664\u3001\u9519\u8BEF\uFF09 */
|
|
259
|
+
--a2-destructive: 0 84% 60%;
|
|
260
|
+
--a2-destructive-foreground: 210 40% 98%;
|
|
261
|
+
|
|
262
|
+
/* Background & Foreground - \u80CC\u666F\u548C\u524D\u666F */
|
|
263
|
+
--a2-background: 0 0% 100%;
|
|
264
|
+
--a2-foreground: 222 84% 5%;
|
|
265
|
+
|
|
266
|
+
/* Card - \u5361\u7247 */
|
|
267
|
+
--a2-card: 0 0% 100%;
|
|
268
|
+
--a2-card-foreground: 222 84% 5%;
|
|
269
|
+
|
|
270
|
+
/* Popover - \u5F39\u51FA\u5C42 */
|
|
271
|
+
--a2-popover: 0 0% 100%;
|
|
272
|
+
--a2-popover-foreground: 222 84% 5%;
|
|
273
|
+
|
|
274
|
+
/* Border & Input - \u8FB9\u6846\u548C\u8F93\u5165\u6846 */
|
|
275
|
+
--a2-border: 214 32% 91%;
|
|
276
|
+
--a2-input: 214 32% 91%;
|
|
277
|
+
--a2-ring: 230 83% 60%;
|
|
278
|
+
|
|
279
|
+
/* Success/Warning/Info - \u72B6\u6001\u8272 */
|
|
280
|
+
--a2-success: 142 76% 36%;
|
|
281
|
+
--a2-success-foreground: 0 0% 98%;
|
|
282
|
+
--a2-warning: 38 92% 50%;
|
|
283
|
+
--a2-warning-foreground: 0 0% 98%;
|
|
284
|
+
--a2-info: 199 89% 48%;
|
|
285
|
+
--a2-info-foreground: 0 0% 98%;
|
|
286
|
+
|
|
287
|
+
/* ===== \u5E03\u5C40\u53D8\u91CF ===== */
|
|
288
|
+
--a2-radius: 0.5rem;
|
|
289
|
+
--a2-radius-sm: 0.25rem;
|
|
290
|
+
--a2-radius-lg: 0.75rem;
|
|
291
|
+
|
|
292
|
+
/* ===== \u5B57\u4F53\u53D8\u91CF ===== */
|
|
293
|
+
--a2-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
294
|
+
--a2-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
|
|
295
|
+
|
|
296
|
+
/* ===== \u9634\u5F71\u53D8\u91CF ===== */
|
|
297
|
+
--a2-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
298
|
+
--a2-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
299
|
+
--a2-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
300
|
+
--a2-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
/* \u6697\u8272\u4E3B\u9898 */
|
|
304
|
+
.dark, [data-theme="dark"] {
|
|
305
|
+
--a2-primary: 230 85% 65%;
|
|
306
|
+
--a2-primary-foreground: 0 0% 17%;
|
|
307
|
+
|
|
308
|
+
--a2-secondary: 0 0% 22%;
|
|
309
|
+
--a2-secondary-foreground: 0 0% 95%;
|
|
310
|
+
|
|
311
|
+
--a2-muted: 0 0% 22%;
|
|
312
|
+
--a2-muted-foreground: 0 0% 70%;
|
|
313
|
+
|
|
314
|
+
--a2-accent: 0 0% 22%;
|
|
315
|
+
--a2-accent-foreground: 0 0% 95%;
|
|
316
|
+
|
|
317
|
+
--a2-destructive: 0 63% 31%;
|
|
318
|
+
--a2-destructive-foreground: 0 0% 95%;
|
|
319
|
+
|
|
320
|
+
--a2-background: 0 0% 17%;
|
|
321
|
+
--a2-foreground: 0 0% 95%;
|
|
322
|
+
|
|
323
|
+
--a2-card: 0 0% 20%;
|
|
324
|
+
--a2-card-foreground: 0 0% 95%;
|
|
325
|
+
|
|
326
|
+
--a2-popover: 0 0% 17%;
|
|
327
|
+
--a2-popover-foreground: 0 0% 95%;
|
|
328
|
+
|
|
329
|
+
--a2-border: 0 0% 27%;
|
|
330
|
+
--a2-input: 0 0% 30%;
|
|
331
|
+
--a2-ring: 230 85% 65%;
|
|
332
|
+
|
|
333
|
+
--a2-success: 142 70% 45%;
|
|
334
|
+
--a2-warning: 38 92% 50%;
|
|
335
|
+
--a2-info: 199 89% 48%;
|
|
336
|
+
}
|
|
337
|
+
`}function D(){return `
|
|
338
|
+
/* ========================================
|
|
339
|
+
* \u8BED\u4E49\u5316\u989C\u8272\u5DE5\u5177\u7C7B
|
|
340
|
+
* \u4F7F\u7528 A2UI \u4E3B\u9898\u53D8\u91CF (--a2-*)
|
|
341
|
+
* ======================================== */
|
|
342
|
+
|
|
343
|
+
/* Primary */
|
|
344
|
+
.a2-bg-primary { background-color: hsl(var(--a2-primary)); }
|
|
345
|
+
.a2-bg-primary-foreground { background-color: hsl(var(--a2-primary-foreground)); }
|
|
346
|
+
.a2-text-primary { color: hsl(var(--a2-primary)); }
|
|
347
|
+
.a2-text-primary-foreground { color: hsl(var(--a2-primary-foreground)); }
|
|
348
|
+
.a2-border-primary { border-color: hsl(var(--a2-primary)); }
|
|
349
|
+
|
|
350
|
+
/* Secondary */
|
|
351
|
+
.a2-bg-secondary { background-color: hsl(var(--a2-secondary)); }
|
|
352
|
+
.a2-text-secondary-foreground { color: hsl(var(--a2-secondary-foreground)); }
|
|
353
|
+
.a2-border-secondary { border-color: hsl(var(--a2-secondary)); }
|
|
354
|
+
|
|
355
|
+
/* Muted */
|
|
356
|
+
.a2-bg-muted { background-color: hsl(var(--a2-muted)); }
|
|
357
|
+
.a2-text-muted-foreground { color: hsl(var(--a2-muted-foreground)); }
|
|
358
|
+
|
|
359
|
+
/* Accent */
|
|
360
|
+
.a2-bg-accent { background-color: hsl(var(--a2-accent)); }
|
|
361
|
+
.a2-text-accent-foreground { color: hsl(var(--a2-accent-foreground)); }
|
|
362
|
+
|
|
363
|
+
/* Destructive */
|
|
364
|
+
.a2-bg-destructive { background-color: hsl(var(--a2-destructive)); }
|
|
365
|
+
.a2-text-destructive { color: hsl(var(--a2-destructive)); }
|
|
366
|
+
.a2-text-destructive-foreground { color: hsl(var(--a2-destructive-foreground)); }
|
|
367
|
+
|
|
368
|
+
/* Background & Foreground */
|
|
369
|
+
.a2-bg-background { background-color: hsl(var(--a2-background)); }
|
|
370
|
+
.a2-text-foreground { color: hsl(var(--a2-foreground)); }
|
|
371
|
+
|
|
372
|
+
/* Card */
|
|
373
|
+
.a2-bg-card { background-color: hsl(var(--a2-card)); }
|
|
374
|
+
.a2-text-card-foreground { color: hsl(var(--a2-card-foreground)); }
|
|
375
|
+
|
|
376
|
+
/* Popover */
|
|
377
|
+
.a2-bg-popover { background-color: hsl(var(--a2-popover)); }
|
|
378
|
+
.a2-text-popover-foreground { color: hsl(var(--a2-popover-foreground)); }
|
|
379
|
+
|
|
380
|
+
/* Border */
|
|
381
|
+
.a2-border-default { border-color: hsl(var(--a2-border)); }
|
|
382
|
+
.a2-border-input { border-color: hsl(var(--a2-input)); }
|
|
383
|
+
|
|
384
|
+
/* Ring */
|
|
385
|
+
.a2-ring { box-shadow: 0 0 0 2px hsl(var(--a2-ring)); }
|
|
386
|
+
.a2-ring-offset { box-shadow: 0 0 0 2px hsl(var(--a2-background)), 0 0 0 4px hsl(var(--a2-ring)); }
|
|
387
|
+
|
|
388
|
+
/* Status Colors */
|
|
389
|
+
.a2-bg-success { background-color: hsl(var(--a2-success)); }
|
|
390
|
+
.a2-text-success { color: hsl(var(--a2-success)); }
|
|
391
|
+
.a2-bg-warning { background-color: hsl(var(--a2-warning)); }
|
|
392
|
+
.a2-text-warning { color: hsl(var(--a2-warning)); }
|
|
393
|
+
.a2-bg-info { background-color: hsl(var(--a2-info)); }
|
|
394
|
+
.a2-text-info { color: hsl(var(--a2-info)); }
|
|
395
|
+
|
|
396
|
+
/* Radius */
|
|
397
|
+
.a2-rounded { border-radius: var(--a2-radius); }
|
|
398
|
+
.a2-rounded-sm { border-radius: var(--a2-radius-sm); }
|
|
399
|
+
.a2-rounded-lg { border-radius: var(--a2-radius-lg); }
|
|
400
|
+
.a2-rounded-full { border-radius: 9999px; }
|
|
401
|
+
.a2-rounded-none { border-radius: 0; }
|
|
402
|
+
|
|
403
|
+
/* Shadow */
|
|
404
|
+
.a2-shadow-sm { box-shadow: var(--a2-shadow-sm); }
|
|
405
|
+
.a2-shadow { box-shadow: var(--a2-shadow); }
|
|
406
|
+
.a2-shadow-md { box-shadow: var(--a2-shadow-md); }
|
|
407
|
+
.a2-shadow-lg { box-shadow: var(--a2-shadow-lg); }
|
|
408
|
+
.a2-shadow-none { box-shadow: none; }
|
|
409
|
+
|
|
410
|
+
/* ========================================
|
|
411
|
+
* Markdown \u6837\u5F0F - \u4E13\u4E1A\u7B80\u6D01\u8BBE\u8BA1
|
|
412
|
+
* \u4F7F\u7528 !important \u786E\u4FDD\u4F18\u5148\u4E8E Tailwind preflight reset
|
|
413
|
+
* ======================================== */
|
|
414
|
+
|
|
415
|
+
p.a2-md-p {
|
|
416
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
417
|
+
font-weight: 400 !important;
|
|
418
|
+
font-size: 14px !important;
|
|
419
|
+
line-height: 1.7 !important;
|
|
420
|
+
color: inherit !important;
|
|
421
|
+
margin: 0 0 12px 0 !important;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
p.a2-md-p:last-child {
|
|
425
|
+
margin-bottom: 0 !important;
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
h1.a2-md-h1 {
|
|
429
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
430
|
+
font-weight: 700 !important;
|
|
431
|
+
font-size: 24px !important;
|
|
432
|
+
line-height: 1.4 !important;
|
|
433
|
+
color: hsl(var(--a2-foreground)) !important;
|
|
434
|
+
margin: 24px 0 16px 0 !important;
|
|
435
|
+
letter-spacing: -0.02em !important;
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
h1.a2-md-h1:first-child {
|
|
439
|
+
margin-top: 0 !important;
|
|
440
|
+
}
|
|
441
|
+
|
|
442
|
+
h2.a2-md-h2 {
|
|
443
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
444
|
+
font-weight: 600 !important;
|
|
445
|
+
font-size: 18px !important;
|
|
446
|
+
line-height: 1.45 !important;
|
|
447
|
+
color: hsl(var(--a2-foreground)) !important;
|
|
448
|
+
margin: 20px 0 12px 0 !important;
|
|
449
|
+
letter-spacing: -0.01em !important;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
h2.a2-md-h2:first-child {
|
|
453
|
+
margin-top: 0 !important;
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
h3.a2-md-h3 {
|
|
457
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
458
|
+
font-weight: 600 !important;
|
|
459
|
+
font-size: 16px !important;
|
|
460
|
+
line-height: 1.5 !important;
|
|
461
|
+
color: hsl(var(--a2-foreground)) !important;
|
|
462
|
+
margin: 16px 0 8px 0 !important;
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
h3.a2-md-h3:first-child {
|
|
466
|
+
margin-top: 0 !important;
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
h4.a2-md-h4 {
|
|
470
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
471
|
+
font-weight: 600 !important;
|
|
472
|
+
font-size: 14px !important;
|
|
473
|
+
line-height: 1.55 !important;
|
|
474
|
+
color: hsl(var(--a2-foreground)) !important;
|
|
475
|
+
margin: 12px 0 6px 0 !important;
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
h4.a2-md-h4:first-child {
|
|
479
|
+
margin-top: 0 !important;
|
|
480
|
+
}
|
|
481
|
+
|
|
482
|
+
h5.a2-md-h5 {
|
|
483
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
484
|
+
font-weight: 500 !important;
|
|
485
|
+
font-size: 13px !important;
|
|
486
|
+
line-height: 1.55 !important;
|
|
487
|
+
color: hsl(var(--a2-muted-foreground)) !important;
|
|
488
|
+
margin: 8px 0 4px 0 !important;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
h5.a2-md-h5:first-child {
|
|
492
|
+
margin-top: 0 !important;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
ul.a2-md-ul {
|
|
496
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
497
|
+
font-size: 14px !important;
|
|
498
|
+
line-height: 1.7 !important;
|
|
499
|
+
color: hsl(var(--a2-foreground)) !important;
|
|
500
|
+
margin: 0 0 12px 0 !important;
|
|
501
|
+
padding-left: 20px !important;
|
|
502
|
+
list-style-type: disc !important;
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
ol.a2-md-ol {
|
|
506
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
507
|
+
font-size: 14px !important;
|
|
508
|
+
line-height: 1.7 !important;
|
|
509
|
+
color: hsl(var(--a2-foreground)) !important;
|
|
510
|
+
margin: 0 0 12px 0 !important;
|
|
511
|
+
padding-left: 20px !important;
|
|
512
|
+
list-style-type: decimal !important;
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
li.a2-md-li {
|
|
516
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
517
|
+
font-size: 14px !important;
|
|
518
|
+
line-height: 1.7 !important;
|
|
519
|
+
color: hsl(var(--a2-foreground)) !important;
|
|
520
|
+
margin-bottom: 4px !important;
|
|
521
|
+
}
|
|
522
|
+
|
|
523
|
+
a.a2-md-a {
|
|
524
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
525
|
+
font-weight: 500 !important;
|
|
526
|
+
color: hsl(var(--a2-primary)) !important;
|
|
527
|
+
text-decoration: none !important;
|
|
528
|
+
transition: opacity 0.15s ease !important;
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
a.a2-md-a:hover {
|
|
532
|
+
opacity: 0.8 !important;
|
|
533
|
+
text-decoration: underline !important;
|
|
534
|
+
}
|
|
535
|
+
|
|
536
|
+
strong.a2-md-strong {
|
|
537
|
+
font-weight: 600 !important;
|
|
538
|
+
color: inherit !important;
|
|
539
|
+
}
|
|
540
|
+
|
|
541
|
+
em.a2-md-em {
|
|
542
|
+
font-style: italic !important;
|
|
543
|
+
}
|
|
544
|
+
|
|
545
|
+
code.a2-md-code {
|
|
546
|
+
font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace !important;
|
|
547
|
+
font-size: 13px !important;
|
|
548
|
+
background-color: hsl(var(--a2-muted)) !important;
|
|
549
|
+
color: hsl(var(--a2-foreground)) !important;
|
|
550
|
+
padding: 2px 6px !important;
|
|
551
|
+
border-radius: 4px !important;
|
|
552
|
+
}
|
|
553
|
+
|
|
554
|
+
blockquote.a2-md-blockquote {
|
|
555
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
|
|
556
|
+
font-size: 14px !important;
|
|
557
|
+
line-height: 1.7 !important;
|
|
558
|
+
color: hsl(var(--a2-muted-foreground)) !important;
|
|
559
|
+
font-style: italic !important;
|
|
560
|
+
margin: 12px 0 !important;
|
|
561
|
+
padding-left: 16px !important;
|
|
562
|
+
border-left: 3px solid hsl(var(--a2-primary)) !important;
|
|
563
|
+
}
|
|
564
|
+
`}function U(){let r=[];r.push(A()),r.push(D()),r.push(`
|
|
209
565
|
:root, :host, .a2ui-root {
|
|
210
|
-
/* Primary */
|
|
211
|
-
--p-0:
|
|
212
|
-
--p-5:
|
|
213
|
-
--p-10:
|
|
214
|
-
--p-15:
|
|
215
|
-
--p-20:
|
|
216
|
-
--p-25:
|
|
217
|
-
--p-30:
|
|
218
|
-
--p-35:
|
|
219
|
-
--p-40:
|
|
220
|
-
--p-50:
|
|
221
|
-
--p-60:
|
|
222
|
-
--p-70:
|
|
223
|
-
--p-80:
|
|
224
|
-
--p-90:
|
|
225
|
-
--p-95:
|
|
226
|
-
--p-98:
|
|
227
|
-
--p-99:
|
|
228
|
-
--p-100:
|
|
229
|
-
|
|
230
|
-
/*
|
|
231
|
-
--
|
|
232
|
-
--
|
|
233
|
-
--
|
|
234
|
-
--
|
|
235
|
-
--
|
|
236
|
-
--
|
|
237
|
-
--
|
|
238
|
-
--
|
|
239
|
-
--
|
|
240
|
-
--
|
|
241
|
-
--
|
|
242
|
-
--
|
|
243
|
-
--
|
|
244
|
-
--
|
|
245
|
-
--
|
|
246
|
-
--
|
|
247
|
-
--
|
|
248
|
-
--
|
|
249
|
-
|
|
250
|
-
/*
|
|
251
|
-
--
|
|
252
|
-
--
|
|
253
|
-
--
|
|
254
|
-
--
|
|
255
|
-
--
|
|
256
|
-
--
|
|
257
|
-
--
|
|
258
|
-
--
|
|
259
|
-
--
|
|
260
|
-
--
|
|
261
|
-
--
|
|
262
|
-
--
|
|
263
|
-
--
|
|
264
|
-
--
|
|
265
|
-
--
|
|
266
|
-
--
|
|
267
|
-
--
|
|
268
|
-
--
|
|
269
|
-
|
|
270
|
-
/*
|
|
271
|
-
--
|
|
272
|
-
--
|
|
273
|
-
--
|
|
274
|
-
--
|
|
275
|
-
--
|
|
276
|
-
--
|
|
277
|
-
--
|
|
278
|
-
--
|
|
279
|
-
--
|
|
280
|
-
--
|
|
281
|
-
--
|
|
282
|
-
--
|
|
283
|
-
--
|
|
284
|
-
--
|
|
285
|
-
--
|
|
286
|
-
--
|
|
287
|
-
--
|
|
288
|
-
--
|
|
289
|
-
|
|
290
|
-
/* Neutral Variant */
|
|
291
|
-
--nv-0:
|
|
292
|
-
--nv-5:
|
|
293
|
-
--nv-10:
|
|
294
|
-
--nv-15:
|
|
295
|
-
--nv-20:
|
|
296
|
-
--nv-25:
|
|
297
|
-
--nv-30:
|
|
298
|
-
--nv-35:
|
|
299
|
-
--nv-40:
|
|
300
|
-
--nv-50:
|
|
301
|
-
--nv-60:
|
|
302
|
-
--nv-70:
|
|
303
|
-
--nv-80:
|
|
304
|
-
--nv-90:
|
|
305
|
-
--nv-95:
|
|
306
|
-
--nv-98:
|
|
307
|
-
--nv-99:
|
|
308
|
-
--nv-100:
|
|
309
|
-
|
|
310
|
-
/* Error */
|
|
311
|
-
--e-0:
|
|
312
|
-
--e-5:
|
|
313
|
-
--e-10:
|
|
314
|
-
--e-15:
|
|
315
|
-
--e-20:
|
|
316
|
-
--e-25:
|
|
317
|
-
--e-30:
|
|
318
|
-
--e-35:
|
|
319
|
-
--e-40:
|
|
320
|
-
--e-50:
|
|
321
|
-
--e-60:
|
|
322
|
-
--e-70:
|
|
323
|
-
--e-80:
|
|
324
|
-
--e-90:
|
|
325
|
-
--e-95:
|
|
326
|
-
--e-98:
|
|
327
|
-
--e-99:
|
|
328
|
-
--e-100:
|
|
566
|
+
/* Primary - tego-os \u84DD\u8272\u4E3B\u9898 */
|
|
567
|
+
--p-0: hsl(0 0% 100%);
|
|
568
|
+
--p-5: hsl(230 83% 97%);
|
|
569
|
+
--p-10: hsl(230 83% 94%);
|
|
570
|
+
--p-15: hsl(230 83% 90%);
|
|
571
|
+
--p-20: hsl(230 83% 85%);
|
|
572
|
+
--p-25: hsl(230 83% 80%);
|
|
573
|
+
--p-30: hsl(230 83% 70%);
|
|
574
|
+
--p-35: hsl(230 83% 60%);
|
|
575
|
+
--p-40: hsl(230 83% 55%);
|
|
576
|
+
--p-50: hsl(230 83% 50%);
|
|
577
|
+
--p-60: hsl(230 83% 45%);
|
|
578
|
+
--p-70: hsl(230 83% 40%);
|
|
579
|
+
--p-80: hsl(230 83% 35%);
|
|
580
|
+
--p-90: hsl(230 83% 28%);
|
|
581
|
+
--p-95: hsl(230 83% 23%);
|
|
582
|
+
--p-98: hsl(230 83% 18%);
|
|
583
|
+
--p-99: hsl(230 83% 15%);
|
|
584
|
+
--p-100: hsl(230 83% 10%);
|
|
585
|
+
|
|
586
|
+
/* Neutral - tego-os \u7070\u8272\u7CFB\uFF08\u5E26\u8F7B\u5FAE\u84DD\u8C03\uFF09 */
|
|
587
|
+
--n-0: hsl(0 0% 100%);
|
|
588
|
+
--n-5: hsl(210 40% 98%);
|
|
589
|
+
--n-10: hsl(210 40% 96%);
|
|
590
|
+
--n-15: hsl(214 32% 94%);
|
|
591
|
+
--n-20: hsl(214 32% 91%);
|
|
592
|
+
--n-25: hsl(214 32% 85%);
|
|
593
|
+
--n-30: hsl(215 20% 70%);
|
|
594
|
+
--n-35: hsl(215 16% 60%);
|
|
595
|
+
--n-40: hsl(215 16% 50%);
|
|
596
|
+
--n-50: hsl(215 16% 47%);
|
|
597
|
+
--n-60: hsl(220 14% 35%);
|
|
598
|
+
--n-70: hsl(220 20% 25%);
|
|
599
|
+
--n-80: hsl(222 40% 15%);
|
|
600
|
+
--n-90: hsl(222 84% 10%);
|
|
601
|
+
--n-95: hsl(222 84% 7%);
|
|
602
|
+
--n-98: hsl(222 84% 6%);
|
|
603
|
+
--n-99: hsl(222 84% 5.5%);
|
|
604
|
+
--n-100: hsl(222 84% 5%);
|
|
605
|
+
|
|
606
|
+
/* Secondary - \u6B21\u8981\u8272\uFF08\u6D45\u7070\uFF09 */
|
|
607
|
+
--s-0: hsl(0 0% 100%);
|
|
608
|
+
--s-5: hsl(210 40% 98%);
|
|
609
|
+
--s-10: hsl(210 40% 96%);
|
|
610
|
+
--s-15: hsl(210 40% 94%);
|
|
611
|
+
--s-20: hsl(210 40% 90%);
|
|
612
|
+
--s-25: hsl(210 40% 85%);
|
|
613
|
+
--s-30: hsl(210 40% 80%);
|
|
614
|
+
--s-35: hsl(210 40% 70%);
|
|
615
|
+
--s-40: hsl(210 40% 60%);
|
|
616
|
+
--s-50: hsl(210 40% 50%);
|
|
617
|
+
--s-60: hsl(210 40% 40%);
|
|
618
|
+
--s-70: hsl(210 40% 30%);
|
|
619
|
+
--s-80: hsl(210 40% 20%);
|
|
620
|
+
--s-90: hsl(210 40% 15%);
|
|
621
|
+
--s-95: hsl(210 40% 10%);
|
|
622
|
+
--s-98: hsl(210 40% 7%);
|
|
623
|
+
--s-99: hsl(210 40% 5%);
|
|
624
|
+
--s-100: hsl(210 40% 3%);
|
|
625
|
+
|
|
626
|
+
/* Tertiary - \u5F3A\u8C03\u8272\uFF08\u7EFF\u8272\uFF09 */
|
|
627
|
+
--t-0: hsl(0 0% 100%);
|
|
628
|
+
--t-5: hsl(142 76% 97%);
|
|
629
|
+
--t-10: hsl(142 76% 90%);
|
|
630
|
+
--t-15: hsl(142 76% 80%);
|
|
631
|
+
--t-20: hsl(142 76% 70%);
|
|
632
|
+
--t-25: hsl(142 76% 60%);
|
|
633
|
+
--t-30: hsl(142 76% 50%);
|
|
634
|
+
--t-35: hsl(142 76% 45%);
|
|
635
|
+
--t-40: hsl(142 76% 40%);
|
|
636
|
+
--t-50: hsl(142 76% 36%);
|
|
637
|
+
--t-60: hsl(142 76% 32%);
|
|
638
|
+
--t-70: hsl(142 76% 28%);
|
|
639
|
+
--t-80: hsl(142 76% 24%);
|
|
640
|
+
--t-90: hsl(142 76% 20%);
|
|
641
|
+
--t-95: hsl(142 76% 16%);
|
|
642
|
+
--t-98: hsl(142 76% 12%);
|
|
643
|
+
--t-99: hsl(142 76% 10%);
|
|
644
|
+
--t-100: hsl(142 76% 8%);
|
|
645
|
+
|
|
646
|
+
/* Neutral Variant - \u7070\u8272\u53D8\u4F53 */
|
|
647
|
+
--nv-0: hsl(0 0% 100%);
|
|
648
|
+
--nv-5: hsl(210 40% 98%);
|
|
649
|
+
--nv-10: hsl(210 40% 96%);
|
|
650
|
+
--nv-15: hsl(214 32% 94%);
|
|
651
|
+
--nv-20: hsl(214 32% 91%);
|
|
652
|
+
--nv-25: hsl(214 32% 85%);
|
|
653
|
+
--nv-30: hsl(215 20% 70%);
|
|
654
|
+
--nv-35: hsl(215 16% 60%);
|
|
655
|
+
--nv-40: hsl(215 16% 50%);
|
|
656
|
+
--nv-50: hsl(215 16% 47%);
|
|
657
|
+
--nv-60: hsl(220 14% 35%);
|
|
658
|
+
--nv-70: hsl(220 20% 25%);
|
|
659
|
+
--nv-80: hsl(222 40% 15%);
|
|
660
|
+
--nv-90: hsl(222 84% 10%);
|
|
661
|
+
--nv-95: hsl(222 84% 7%);
|
|
662
|
+
--nv-98: hsl(222 84% 6%);
|
|
663
|
+
--nv-99: hsl(222 84% 5.5%);
|
|
664
|
+
--nv-100: hsl(222 84% 5%);
|
|
665
|
+
|
|
666
|
+
/* Error - \u7EA2\u8272\uFF08\u5371\u9669/\u9519\u8BEF\uFF09 */
|
|
667
|
+
--e-0: hsl(0 0% 100%);
|
|
668
|
+
--e-5: hsl(0 84% 97%);
|
|
669
|
+
--e-10: hsl(0 84% 92%);
|
|
670
|
+
--e-15: hsl(0 84% 85%);
|
|
671
|
+
--e-20: hsl(0 84% 78%);
|
|
672
|
+
--e-25: hsl(0 84% 72%);
|
|
673
|
+
--e-30: hsl(0 84% 66%);
|
|
674
|
+
--e-35: hsl(0 84% 60%);
|
|
675
|
+
--e-40: hsl(0 84% 55%);
|
|
676
|
+
--e-50: hsl(0 84% 50%);
|
|
677
|
+
--e-60: hsl(0 84% 45%);
|
|
678
|
+
--e-70: hsl(0 84% 40%);
|
|
679
|
+
--e-80: hsl(0 84% 35%);
|
|
680
|
+
--e-90: hsl(0 84% 28%);
|
|
681
|
+
--e-95: hsl(0 84% 22%);
|
|
682
|
+
--e-98: hsl(0 84% 16%);
|
|
683
|
+
--e-99: hsl(0 84% 12%);
|
|
684
|
+
--e-100: hsl(0 84% 8%);
|
|
329
685
|
|
|
330
686
|
/* Color scheme */
|
|
331
|
-
color-scheme:
|
|
687
|
+
color-scheme: light dark;
|
|
332
688
|
}
|
|
333
|
-
`);for(let t of S)
|
|
689
|
+
`);for(let t of S)r.push(E(t));return r.push(`
|
|
334
690
|
.a2-bgc-transparent { background-color: transparent; }
|
|
335
691
|
.a2-c-inherit { color: inherit; }
|
|
336
692
|
.a2-c-current { color: currentColor; }
|
|
337
693
|
.a2-bc-transparent { border-color: transparent; }
|
|
338
694
|
.a2-bc-current { border-color: currentColor; }
|
|
339
|
-
`),
|
|
340
|
-
`)}var x=
|
|
695
|
+
`),r.join(`
|
|
696
|
+
`)}var x=U();function Y(){return `
|
|
341
697
|
/* Material Icons Support */
|
|
342
698
|
.a2-icon {
|
|
343
699
|
font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
|
|
@@ -367,33 +723,33 @@
|
|
|
367
723
|
.a2-icon-outlined {
|
|
368
724
|
font-variation-settings: 'FILL' 0;
|
|
369
725
|
}
|
|
370
|
-
`}var
|
|
726
|
+
`}var b=Y();function L(){let r=[];r.push(`
|
|
371
727
|
:root, :host, .a2ui-root {
|
|
372
|
-
${Array.from({length:16},(t,
|
|
728
|
+
${Array.from({length:16},(t,e)=>`--a2-g-${e+1}: ${(e+1)*4}px;`).join(`
|
|
373
729
|
`)}
|
|
374
730
|
}
|
|
375
|
-
`);for(let t=-24;t<=24;t++){let
|
|
376
|
-
.a2-p-${
|
|
377
|
-
.a2-pt-${
|
|
378
|
-
.a2-pr-${
|
|
379
|
-
.a2-pb-${
|
|
380
|
-
.a2-pl-${
|
|
381
|
-
.a2-px-${
|
|
382
|
-
.a2-py-${
|
|
383
|
-
|
|
384
|
-
.a2-m-${
|
|
385
|
-
.a2-mt-${
|
|
386
|
-
.a2-mr-${
|
|
387
|
-
.a2-mb-${
|
|
388
|
-
.a2-ml-${
|
|
389
|
-
.a2-mx-${
|
|
390
|
-
.a2-my-${
|
|
391
|
-
|
|
392
|
-
.a2-t-${
|
|
393
|
-
.a2-r-${
|
|
394
|
-
.a2-b-${
|
|
395
|
-
.a2-l-${
|
|
396
|
-
`);}for(let t=0;t<=24;t++)
|
|
731
|
+
`);for(let t=-24;t<=24;t++){let e=t<0?`n${Math.abs(t)}`:t.toString(),a=t*4;r.push(`
|
|
732
|
+
.a2-p-${e} { --a2-padding: ${a}px; padding: var(--a2-padding); }
|
|
733
|
+
.a2-pt-${e} { padding-top: ${a}px; }
|
|
734
|
+
.a2-pr-${e} { padding-right: ${a}px; }
|
|
735
|
+
.a2-pb-${e} { padding-bottom: ${a}px; }
|
|
736
|
+
.a2-pl-${e} { padding-left: ${a}px; }
|
|
737
|
+
.a2-px-${e} { padding-left: ${a}px; padding-right: ${a}px; }
|
|
738
|
+
.a2-py-${e} { padding-top: ${a}px; padding-bottom: ${a}px; }
|
|
739
|
+
|
|
740
|
+
.a2-m-${e} { --a2-margin: ${a}px; margin: var(--a2-margin); }
|
|
741
|
+
.a2-mt-${e} { margin-top: ${a}px; }
|
|
742
|
+
.a2-mr-${e} { margin-right: ${a}px; }
|
|
743
|
+
.a2-mb-${e} { margin-bottom: ${a}px; }
|
|
744
|
+
.a2-ml-${e} { margin-left: ${a}px; }
|
|
745
|
+
.a2-mx-${e} { margin-left: ${a}px; margin-right: ${a}px; }
|
|
746
|
+
.a2-my-${e} { margin-top: ${a}px; margin-bottom: ${a}px; }
|
|
747
|
+
|
|
748
|
+
.a2-t-${e} { top: ${a}px; }
|
|
749
|
+
.a2-r-${e} { right: ${a}px; }
|
|
750
|
+
.a2-b-${e} { bottom: ${a}px; }
|
|
751
|
+
.a2-l-${e} { left: ${a}px; }
|
|
752
|
+
`);}for(let t=0;t<=24;t++)r.push(`.a2-gap-${t} { gap: ${t*4}px; }`);for(let t=1;t<=8;t++)r.push(`.a2-grid-cols-${t} { grid-template-columns: ${"1fr ".repeat(t).trim()}; }`);for(let t=1;t<=10;t++){let e=t*10;r.push(`.a2-w-${e} { width: ${e}%; max-width: ${e}%; }`);}for(let t=0;t<=15;t++)r.push(`.a2-wp-${t} { width: ${t*4}px; }`);for(let t=1;t<=10;t++){let e=t*10;r.push(`.a2-h-${e} { height: ${e}%; }`);}for(let t=0;t<=15;t++)r.push(`.a2-hp-${t} { height: ${t*4}px; }`);return r.push(`
|
|
397
753
|
/* Position */
|
|
398
754
|
.a2-pos-abs { position: absolute; }
|
|
399
755
|
.a2-pos-rel { position: relative; }
|
|
@@ -466,6 +822,21 @@
|
|
|
466
822
|
.a2-min-h-0 { min-height: 0; }
|
|
467
823
|
.a2-min-w-0 { min-width: 0; }
|
|
468
824
|
.a2-max-w-full { max-width: 100%; }
|
|
825
|
+
.a2-max-w-xs { max-width: 20rem; }
|
|
826
|
+
.a2-max-w-sm { max-width: 24rem; }
|
|
827
|
+
.a2-max-w-md { max-width: 28rem; }
|
|
828
|
+
.a2-max-w-lg { max-width: 32rem; }
|
|
829
|
+
.a2-max-w-xl { max-width: 36rem; }
|
|
830
|
+
.a2-max-h-20 { max-height: 80px; }
|
|
831
|
+
.a2-max-h-24 { max-height: 96px; }
|
|
832
|
+
.a2-max-h-32 { max-height: 128px; }
|
|
833
|
+
.a2-max-h-40 { max-height: 160px; }
|
|
834
|
+
.a2-max-h-48 { max-height: 192px; }
|
|
835
|
+
.a2-max-h-56 { max-height: 224px; }
|
|
836
|
+
.a2-max-h-64 { max-height: 256px; }
|
|
837
|
+
.a2-max-h-72 { max-height: 288px; }
|
|
838
|
+
.a2-max-h-80 { max-height: 320px; }
|
|
839
|
+
.a2-max-h-96 { max-height: 384px; }
|
|
469
840
|
|
|
470
841
|
/* Overflow */
|
|
471
842
|
.a2-overflow-auto { overflow: auto; }
|
|
@@ -512,8 +883,8 @@
|
|
|
512
883
|
object-fit: cover;
|
|
513
884
|
margin: 0;
|
|
514
885
|
}
|
|
515
|
-
`),
|
|
516
|
-
`)}var g=
|
|
886
|
+
`),r.join(`
|
|
887
|
+
`)}var g=L();function N(){let r=[];r.push(`
|
|
517
888
|
:root, :host, .a2ui-root {
|
|
518
889
|
/* Font families */
|
|
519
890
|
--a2-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
@@ -545,57 +916,57 @@
|
|
|
545
916
|
--a2-text-dm: 45px;
|
|
546
917
|
--a2-text-dl: 57px;
|
|
547
918
|
}
|
|
548
|
-
`),
|
|
919
|
+
`),r.push(`
|
|
549
920
|
.a2-font-sans { font-family: var(--a2-font-sans); }
|
|
550
921
|
.a2-font-serif { font-family: var(--a2-font-serif); }
|
|
551
922
|
.a2-font-mono { font-family: var(--a2-font-mono); }
|
|
552
|
-
`);for(let a=1;a<=9;a++){let n=a*100;
|
|
923
|
+
`);for(let a=1;a<=9;a++){let n=a*100;r.push(`.a2-fw-${n} { font-weight: ${n}; }`);}let t={bs:"var(--a2-text-bs)",bm:"var(--a2-text-bm)",bl:"var(--a2-text-bl)",ls:"var(--a2-text-ls)",lm:"var(--a2-text-lm)",ll:"var(--a2-text-ll)",ts:"var(--a2-text-ts)",tm:"var(--a2-text-tm)",tl:"var(--a2-text-tl)",hs:"var(--a2-text-hs)",hm:"var(--a2-text-hm)",hl:"var(--a2-text-hl)",ds:"var(--a2-text-ds)",dm:"var(--a2-text-dm)",dl:"var(--a2-text-dl)"};for(let[a,n]of Object.entries(t))r.push(`.a2-text-${a} { font-size: ${n}; }`);let e=[10,11,12,13,14,15,16,18,20,24,28,32,36,40,48,56,64];for(let a of e)r.push(`.a2-text-${a} { font-size: ${a}px; }`);return r.push(`
|
|
553
924
|
.a2-fs-normal { font-style: normal; }
|
|
554
925
|
.a2-fs-italic { font-style: italic; }
|
|
555
|
-
`),
|
|
926
|
+
`),r.push(`
|
|
556
927
|
.a2-ta-left { text-align: left; }
|
|
557
928
|
.a2-ta-center { text-align: center; }
|
|
558
929
|
.a2-ta-right { text-align: right; }
|
|
559
930
|
.a2-ta-justify { text-align: justify; }
|
|
560
931
|
.a2-ta-start { text-align: start; }
|
|
561
932
|
.a2-ta-end { text-align: end; }
|
|
562
|
-
`),
|
|
933
|
+
`),r.push(`
|
|
563
934
|
.a2-td-none { text-decoration: none; }
|
|
564
935
|
.a2-td-underline { text-decoration: underline; }
|
|
565
936
|
.a2-td-overline { text-decoration: overline; }
|
|
566
937
|
.a2-td-through { text-decoration: line-through; }
|
|
567
|
-
`),
|
|
938
|
+
`),r.push(`
|
|
568
939
|
.a2-tt-none { text-transform: none; }
|
|
569
940
|
.a2-tt-upper { text-transform: uppercase; }
|
|
570
941
|
.a2-tt-lower { text-transform: lowercase; }
|
|
571
942
|
.a2-tt-cap { text-transform: capitalize; }
|
|
572
|
-
`),
|
|
943
|
+
`),r.push(`
|
|
573
944
|
.a2-lh-none { line-height: 1; }
|
|
574
945
|
.a2-lh-tight { line-height: 1.25; }
|
|
575
946
|
.a2-lh-snug { line-height: 1.375; }
|
|
576
947
|
.a2-lh-normal { line-height: 1.5; }
|
|
577
948
|
.a2-lh-relaxed { line-height: 1.625; }
|
|
578
949
|
.a2-lh-loose { line-height: 2; }
|
|
579
|
-
`),
|
|
950
|
+
`),r.push(`
|
|
580
951
|
.a2-ls-tighter { letter-spacing: -0.05em; }
|
|
581
952
|
.a2-ls-tight { letter-spacing: -0.025em; }
|
|
582
953
|
.a2-ls-normal { letter-spacing: 0; }
|
|
583
954
|
.a2-ls-wide { letter-spacing: 0.025em; }
|
|
584
955
|
.a2-ls-wider { letter-spacing: 0.05em; }
|
|
585
956
|
.a2-ls-widest { letter-spacing: 0.1em; }
|
|
586
|
-
`),
|
|
957
|
+
`),r.push(`
|
|
587
958
|
.a2-ws-normal { white-space: normal; }
|
|
588
959
|
.a2-ws-nowrap { white-space: nowrap; }
|
|
589
960
|
.a2-ws-pre { white-space: pre; }
|
|
590
961
|
.a2-ws-preline { white-space: pre-line; }
|
|
591
962
|
.a2-ws-prewrap { white-space: pre-wrap; }
|
|
592
963
|
.a2-ws-break { white-space: break-spaces; }
|
|
593
|
-
`),
|
|
964
|
+
`),r.push(`
|
|
594
965
|
.a2-wb-normal { word-break: normal; }
|
|
595
966
|
.a2-wb-words { overflow-wrap: break-word; }
|
|
596
967
|
.a2-wb-all { word-break: break-all; }
|
|
597
968
|
.a2-wb-keep { word-break: keep-all; }
|
|
598
|
-
`),
|
|
969
|
+
`),r.push(`
|
|
599
970
|
.a2-truncate {
|
|
600
971
|
overflow: hidden;
|
|
601
972
|
text-overflow: ellipsis;
|
|
@@ -603,22 +974,22 @@
|
|
|
603
974
|
}
|
|
604
975
|
.a2-text-clip { text-overflow: clip; }
|
|
605
976
|
.a2-text-ellipsis { text-overflow: ellipsis; }
|
|
606
|
-
`),
|
|
977
|
+
`),r.push(`
|
|
607
978
|
.a2-va-baseline { vertical-align: baseline; }
|
|
608
979
|
.a2-va-top { vertical-align: top; }
|
|
609
980
|
.a2-va-middle { vertical-align: middle; }
|
|
610
981
|
.a2-va-bottom { vertical-align: bottom; }
|
|
611
982
|
.a2-va-text-top { vertical-align: text-top; }
|
|
612
983
|
.a2-va-text-bottom { vertical-align: text-bottom; }
|
|
613
|
-
`),
|
|
614
|
-
`)}var
|
|
984
|
+
`),r.join(`
|
|
985
|
+
`)}var y=N();var O=`
|
|
615
986
|
/* A2UI Base Styles */
|
|
616
987
|
.a2ui-root {
|
|
617
988
|
font-family: var(--a2-font-sans);
|
|
618
989
|
font-size: var(--a2-text-bm);
|
|
619
990
|
line-height: 1.5;
|
|
620
|
-
color:
|
|
621
|
-
background-color:
|
|
991
|
+
color: hsl(var(--a2-foreground));
|
|
992
|
+
background-color: transparent;
|
|
622
993
|
-webkit-font-smoothing: antialiased;
|
|
623
994
|
-moz-osx-font-smoothing: grayscale;
|
|
624
995
|
box-sizing: border-box;
|
|
@@ -698,5 +1069,5 @@
|
|
|
698
1069
|
.a2ui-root::-webkit-scrollbar-thumb:hover {
|
|
699
1070
|
background: light-dark(var(--n-40), var(--n-60));
|
|
700
1071
|
}
|
|
701
|
-
`,
|
|
702
|
-
`);var
|
|
1072
|
+
`,p=[O,g,x,y,f,h,b].join(`
|
|
1073
|
+
`);var d=false;function V(r){if(d)return;if(document.getElementById(r)){d=true;return}let t=document.createElement("style");t.id=r,t.textContent=p,document.head.appendChild(t),d=true;}function _(r){let t=document.getElementById(r);t&&(t.remove(),d=false);}var j="a2ui-structural-styles";function Ct({children:r,removeOnUnmount:t=false}){return react.useEffect(()=>(V(j),()=>{t&&_(j);}),[t]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:r})}function Ft(){return p}function Bt(){let r=document.createElement("style");return r.textContent=p,r}exports.ProcessorContext=$;exports.ProcessorProvider=et;exports.StyleProvider=Ct;exports.ThemeContext=k;exports.ThemeProvider=X;exports.createStyleElement=Bt;exports.getStylesCSS=Ft;exports.useProcessor=at;exports.useTheme=Z;
|