@shuriken-ui/tailwind 1.2.6 → 1.5.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/config.d.cts +1 -193
- package/dist/config.d.mts +1 -193
- package/dist/config.d.ts +1 -193
- package/dist/index.d.cts +4 -3
- package/dist/index.d.mts +4 -3
- package/dist/index.d.ts +4 -3
- package/dist/preset.cjs +1025 -447
- package/dist/preset.d.cts +4 -389
- package/dist/preset.d.mts +4 -389
- package/dist/preset.d.ts +4 -389
- package/dist/preset.mjs +1025 -447
- package/dist/shared/tailwind.6e716239.d.cts +4724 -0
- package/dist/shared/tailwind.6e716239.d.mts +4724 -0
- package/dist/shared/tailwind.6e716239.d.ts +4724 -0
- package/package.json +24 -24
package/dist/preset.mjs
CHANGED
|
@@ -15,7 +15,8 @@ const defaultPluginOptions = {
|
|
|
15
15
|
prefix: "nui"
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
const
|
|
18
|
+
const key$R = "accordion";
|
|
19
|
+
const defaultConfig$Q = {
|
|
19
20
|
size: "full",
|
|
20
21
|
border: "muted-200",
|
|
21
22
|
borderDark: "muted-700",
|
|
@@ -70,6 +71,7 @@ const defaultAccordionConfig = {
|
|
|
70
71
|
curved: "xl"
|
|
71
72
|
}
|
|
72
73
|
};
|
|
74
|
+
|
|
73
75
|
const accordion = plugin.withOptions(
|
|
74
76
|
function(options) {
|
|
75
77
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -77,9 +79,7 @@ const accordion = plugin.withOptions(
|
|
|
77
79
|
prefix = `${prefix}-`;
|
|
78
80
|
}
|
|
79
81
|
return function({ addComponents, theme }) {
|
|
80
|
-
const config = theme(
|
|
81
|
-
"shurikenUi.accordion"
|
|
82
|
-
);
|
|
82
|
+
const config = theme(`shurikenUi.${key$R}`);
|
|
83
83
|
addComponents({
|
|
84
84
|
[`.${prefix}accordion`]: {
|
|
85
85
|
[`@apply w-${config.size} border-${config.border} dark:border-${config.borderDark} dark:bg-${config.bgDark} block overflow-hidden border bg-${config.bg}`]: {},
|
|
@@ -168,14 +168,15 @@ const accordion = plugin.withOptions(
|
|
|
168
168
|
return {
|
|
169
169
|
theme: {
|
|
170
170
|
shurikenUi: {
|
|
171
|
-
|
|
171
|
+
[key$R]: defaultConfig$Q
|
|
172
172
|
}
|
|
173
173
|
}
|
|
174
174
|
};
|
|
175
175
|
}
|
|
176
176
|
);
|
|
177
177
|
|
|
178
|
-
const
|
|
178
|
+
const key$Q = "autocomplete";
|
|
179
|
+
const defaultConfig$P = {
|
|
179
180
|
labelFloat: {
|
|
180
181
|
text: "primary-500",
|
|
181
182
|
size: "5",
|
|
@@ -445,6 +446,7 @@ const defaultAutocompleteConfig = {
|
|
|
445
446
|
}
|
|
446
447
|
}
|
|
447
448
|
};
|
|
449
|
+
|
|
448
450
|
const autocomplete = plugin.withOptions(
|
|
449
451
|
function(options) {
|
|
450
452
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -452,9 +454,7 @@ const autocomplete = plugin.withOptions(
|
|
|
452
454
|
prefix = `${prefix}-`;
|
|
453
455
|
}
|
|
454
456
|
return function({ addComponents, theme }) {
|
|
455
|
-
const config = theme(
|
|
456
|
-
"shurikenUi.autocomplete"
|
|
457
|
-
);
|
|
457
|
+
const config = theme(`shurikenUi.${key$Q}`);
|
|
458
458
|
addComponents({
|
|
459
459
|
[`.${prefix}autocomplete`]: {
|
|
460
460
|
[`@apply w-full relative`]: {},
|
|
@@ -810,14 +810,15 @@ const autocomplete = plugin.withOptions(
|
|
|
810
810
|
return {
|
|
811
811
|
theme: {
|
|
812
812
|
shurikenUi: {
|
|
813
|
-
|
|
813
|
+
[key$Q]: defaultConfig$P
|
|
814
814
|
}
|
|
815
815
|
}
|
|
816
816
|
};
|
|
817
817
|
}
|
|
818
818
|
);
|
|
819
819
|
|
|
820
|
-
const
|
|
820
|
+
const key$P = "avatar";
|
|
821
|
+
const defaultConfig$O = {
|
|
821
822
|
avatarInner: {
|
|
822
823
|
size: "full",
|
|
823
824
|
duration: "300"
|
|
@@ -1056,6 +1057,7 @@ const defaultAvatarConfig = {
|
|
|
1056
1057
|
avatarBadgePosition: "0"
|
|
1057
1058
|
}
|
|
1058
1059
|
};
|
|
1060
|
+
|
|
1059
1061
|
const avatar = plugin.withOptions(
|
|
1060
1062
|
function(options) {
|
|
1061
1063
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -1063,9 +1065,7 @@ const avatar = plugin.withOptions(
|
|
|
1063
1065
|
prefix = `${prefix}-`;
|
|
1064
1066
|
}
|
|
1065
1067
|
return function({ addComponents, theme }) {
|
|
1066
|
-
const config = theme(
|
|
1067
|
-
"shurikenUi.avatar"
|
|
1068
|
-
);
|
|
1068
|
+
const config = theme(`shurikenUi.${key$P}`);
|
|
1069
1069
|
addComponents({
|
|
1070
1070
|
[`.${prefix}avatar`]: {
|
|
1071
1071
|
[`@apply relative inline-flex shrink-0 items-center justify-center outline-none`]: {},
|
|
@@ -1556,14 +1556,15 @@ const avatar = plugin.withOptions(
|
|
|
1556
1556
|
return {
|
|
1557
1557
|
theme: {
|
|
1558
1558
|
shurikenUi: {
|
|
1559
|
-
|
|
1559
|
+
[key$P]: defaultConfig$O
|
|
1560
1560
|
}
|
|
1561
1561
|
}
|
|
1562
1562
|
};
|
|
1563
1563
|
}
|
|
1564
1564
|
);
|
|
1565
1565
|
|
|
1566
|
-
const
|
|
1566
|
+
const key$O = "avatarGroup";
|
|
1567
|
+
const defaultConfig$N = {
|
|
1567
1568
|
avatarOuter: {
|
|
1568
1569
|
bg: "white",
|
|
1569
1570
|
bgDark: "muted-800",
|
|
@@ -1639,6 +1640,7 @@ const defaultAvatarGroupConfig = {
|
|
|
1639
1640
|
}
|
|
1640
1641
|
}
|
|
1641
1642
|
};
|
|
1643
|
+
|
|
1642
1644
|
const avatarGroup = plugin.withOptions(
|
|
1643
1645
|
function(options) {
|
|
1644
1646
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -1646,9 +1648,7 @@ const avatarGroup = plugin.withOptions(
|
|
|
1646
1648
|
prefix = `${prefix}-`;
|
|
1647
1649
|
}
|
|
1648
1650
|
return function({ addComponents, theme }) {
|
|
1649
|
-
const config = theme(
|
|
1650
|
-
"shurikenUi.avatarGroup"
|
|
1651
|
-
);
|
|
1651
|
+
const config = theme(`shurikenUi.${key$O}`);
|
|
1652
1652
|
addComponents({
|
|
1653
1653
|
[`.${prefix}avatar-group`]: {
|
|
1654
1654
|
[`@apply flex`]: {},
|
|
@@ -1760,14 +1760,15 @@ const avatarGroup = plugin.withOptions(
|
|
|
1760
1760
|
return {
|
|
1761
1761
|
theme: {
|
|
1762
1762
|
shurikenUi: {
|
|
1763
|
-
|
|
1763
|
+
[key$O]: defaultConfig$N
|
|
1764
1764
|
}
|
|
1765
1765
|
}
|
|
1766
1766
|
};
|
|
1767
1767
|
}
|
|
1768
1768
|
);
|
|
1769
1769
|
|
|
1770
|
-
const
|
|
1770
|
+
const key$N = "breadcrumb";
|
|
1771
|
+
const defaultConfig$M = {
|
|
1771
1772
|
list: {
|
|
1772
1773
|
font: "sans",
|
|
1773
1774
|
text: "[0.85rem]",
|
|
@@ -1791,6 +1792,7 @@ const defaultBreadcrumbConfig = {
|
|
|
1791
1792
|
}
|
|
1792
1793
|
}
|
|
1793
1794
|
};
|
|
1795
|
+
|
|
1794
1796
|
const breadcrumb = plugin.withOptions(
|
|
1795
1797
|
function(options) {
|
|
1796
1798
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -1798,9 +1800,7 @@ const breadcrumb = plugin.withOptions(
|
|
|
1798
1800
|
prefix = `${prefix}-`;
|
|
1799
1801
|
}
|
|
1800
1802
|
return function({ addComponents, theme }) {
|
|
1801
|
-
const config = theme(
|
|
1802
|
-
"shurikenUi.breadcrumb"
|
|
1803
|
-
);
|
|
1803
|
+
const config = theme(`shurikenUi.${key$N}`);
|
|
1804
1804
|
addComponents({
|
|
1805
1805
|
[`.${prefix}breadcrumb`]: {
|
|
1806
1806
|
[`.${prefix}breadcrumb-list`]: {
|
|
@@ -1838,14 +1838,15 @@ const breadcrumb = plugin.withOptions(
|
|
|
1838
1838
|
return {
|
|
1839
1839
|
theme: {
|
|
1840
1840
|
shurikenUi: {
|
|
1841
|
-
|
|
1841
|
+
[key$N]: defaultConfig$M
|
|
1842
1842
|
}
|
|
1843
1843
|
}
|
|
1844
1844
|
};
|
|
1845
1845
|
}
|
|
1846
1846
|
);
|
|
1847
1847
|
|
|
1848
|
-
const
|
|
1848
|
+
const key$M = "buttonAction";
|
|
1849
|
+
const defaultConfig$L = {
|
|
1849
1850
|
font: "normal",
|
|
1850
1851
|
text: "sm",
|
|
1851
1852
|
duration: "300",
|
|
@@ -1970,6 +1971,7 @@ const defaultButtonActionConfig = {
|
|
|
1970
1971
|
focusWithinDark: "danger-400"
|
|
1971
1972
|
}
|
|
1972
1973
|
};
|
|
1974
|
+
|
|
1973
1975
|
const buttonAction = plugin.withOptions(
|
|
1974
1976
|
function(options) {
|
|
1975
1977
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -1977,9 +1979,7 @@ const buttonAction = plugin.withOptions(
|
|
|
1977
1979
|
prefix = `${prefix}-`;
|
|
1978
1980
|
}
|
|
1979
1981
|
return function({ addComponents, theme }) {
|
|
1980
|
-
const config = theme(
|
|
1981
|
-
"shurikenUi.buttonAction"
|
|
1982
|
-
);
|
|
1982
|
+
const config = theme(`shurikenUi.${key$M}`);
|
|
1983
1983
|
addComponents({
|
|
1984
1984
|
[`.${prefix}button-action`]: {
|
|
1985
1985
|
[`@apply relative font-sans font-${config.font} text-${config.text} inline-flex items-center justify-center leading-5 no-underline h-8 px-3 py-2 space-x-1 border ${prefix}focus transition-all duration-${config.duration} disabled:opacity-60 disabled:cursor-not-allowed hover:enabled:shadow-none`]: {},
|
|
@@ -2027,14 +2027,15 @@ const buttonAction = plugin.withOptions(
|
|
|
2027
2027
|
return {
|
|
2028
2028
|
theme: {
|
|
2029
2029
|
shurikenUi: {
|
|
2030
|
-
|
|
2030
|
+
[key$M]: defaultConfig$L
|
|
2031
2031
|
}
|
|
2032
2032
|
}
|
|
2033
2033
|
};
|
|
2034
2034
|
}
|
|
2035
2035
|
);
|
|
2036
2036
|
|
|
2037
|
-
const
|
|
2037
|
+
const key$L = "buttonClose";
|
|
2038
|
+
const defaultConfig$K = {
|
|
2038
2039
|
size: "9",
|
|
2039
2040
|
duration: "300",
|
|
2040
2041
|
buttonIcon: {
|
|
@@ -2085,6 +2086,7 @@ const defaultButtonCloseConfig = {
|
|
|
2085
2086
|
text: "danger-500"
|
|
2086
2087
|
}
|
|
2087
2088
|
};
|
|
2089
|
+
|
|
2088
2090
|
const buttonClose = plugin.withOptions(
|
|
2089
2091
|
function(options) {
|
|
2090
2092
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -2092,12 +2094,10 @@ const buttonClose = plugin.withOptions(
|
|
|
2092
2094
|
prefix = `${prefix}-`;
|
|
2093
2095
|
}
|
|
2094
2096
|
return function({ addComponents, theme }) {
|
|
2095
|
-
const config = theme(
|
|
2096
|
-
"shurikenUi.buttonClose"
|
|
2097
|
-
);
|
|
2097
|
+
const config = theme(`shurikenUi.${key$L}`);
|
|
2098
2098
|
addComponents({
|
|
2099
2099
|
[`.${prefix}button-close`]: {
|
|
2100
|
-
[`@apply flex h-${config.size} w-${config.size} items-center justify-center transition-colors duration-${config.duration} disabled:opacity-30 cursor-pointer`]: {},
|
|
2100
|
+
[`@apply ${prefix}focus flex h-${config.size} w-${config.size} items-center justify-center transition-colors duration-${config.duration} disabled:opacity-30 cursor-pointer`]: {},
|
|
2101
2101
|
[`.${prefix}button-icon`]: {
|
|
2102
2102
|
[`@apply h-${config.buttonIcon.size} w-${config.buttonIcon.size} fill-current`]: {}
|
|
2103
2103
|
},
|
|
@@ -2142,14 +2142,16 @@ const buttonClose = plugin.withOptions(
|
|
|
2142
2142
|
return {
|
|
2143
2143
|
theme: {
|
|
2144
2144
|
shurikenUi: {
|
|
2145
|
-
|
|
2145
|
+
[key$L]: defaultConfig$K
|
|
2146
2146
|
}
|
|
2147
2147
|
}
|
|
2148
2148
|
};
|
|
2149
2149
|
}
|
|
2150
2150
|
);
|
|
2151
2151
|
|
|
2152
|
-
const
|
|
2152
|
+
const key$K = "buttonAction";
|
|
2153
|
+
const defaultConfig$J = {};
|
|
2154
|
+
|
|
2153
2155
|
const buttonGroup = plugin.withOptions(
|
|
2154
2156
|
function(options) {
|
|
2155
2157
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -2157,9 +2159,7 @@ const buttonGroup = plugin.withOptions(
|
|
|
2157
2159
|
prefix = `${prefix}-`;
|
|
2158
2160
|
}
|
|
2159
2161
|
return function({ addComponents, theme }) {
|
|
2160
|
-
theme(
|
|
2161
|
-
"shurikenUi.buttonGroup"
|
|
2162
|
-
);
|
|
2162
|
+
theme(`shurikenUi.${key$K}`);
|
|
2163
2163
|
addComponents({
|
|
2164
2164
|
[`.${prefix}button-group`]: {
|
|
2165
2165
|
[`@apply flex`]: {},
|
|
@@ -2258,14 +2258,15 @@ const buttonGroup = plugin.withOptions(
|
|
|
2258
2258
|
return {
|
|
2259
2259
|
theme: {
|
|
2260
2260
|
shurikenUi: {
|
|
2261
|
-
|
|
2261
|
+
[key$K]: defaultConfig$J
|
|
2262
2262
|
}
|
|
2263
2263
|
}
|
|
2264
2264
|
};
|
|
2265
2265
|
}
|
|
2266
2266
|
);
|
|
2267
2267
|
|
|
2268
|
-
const
|
|
2268
|
+
const key$J = "buttonIcon";
|
|
2269
|
+
const defaultConfig$I = {
|
|
2269
2270
|
text: "sm",
|
|
2270
2271
|
font: "normal",
|
|
2271
2272
|
duration: "300",
|
|
@@ -2330,6 +2331,7 @@ const defaultButtonIconConfig = {
|
|
|
2330
2331
|
text: "danger-500"
|
|
2331
2332
|
}
|
|
2332
2333
|
};
|
|
2334
|
+
|
|
2333
2335
|
const buttonIcon = plugin.withOptions(
|
|
2334
2336
|
function(options) {
|
|
2335
2337
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -2337,12 +2339,10 @@ const buttonIcon = plugin.withOptions(
|
|
|
2337
2339
|
prefix = `${prefix}-`;
|
|
2338
2340
|
}
|
|
2339
2341
|
return function({ addComponents, theme }) {
|
|
2340
|
-
const config = theme(
|
|
2341
|
-
"shurikenUi.buttonIcon"
|
|
2342
|
-
);
|
|
2342
|
+
const config = theme(`shurikenUi.${key$J}`);
|
|
2343
2343
|
addComponents({
|
|
2344
2344
|
[`.${prefix}button-icon`]: {
|
|
2345
|
-
[`@apply ${prefix}focus relative inline-flex items-center justify-center space-x-1 font-sans text-${config.text} font-${config.font} leading-5 no-underline
|
|
2345
|
+
[`@apply ${prefix}focus relative inline-flex items-center justify-center space-x-1 font-sans text-${config.text} font-${config.font} leading-5 no-underline transition-all duration-${config.duration} disabled:opacity-60 disabled:cursor-not-allowed hover:shadow-none`]: {},
|
|
2346
2346
|
[`&.${prefix}button-small`]: {
|
|
2347
2347
|
[`@apply h-${config.buttonSmall.size} w-${config.buttonSmall.size} p-${config.buttonSmall.space}`]: {}
|
|
2348
2348
|
},
|
|
@@ -2396,14 +2396,15 @@ const buttonIcon = plugin.withOptions(
|
|
|
2396
2396
|
return {
|
|
2397
2397
|
theme: {
|
|
2398
2398
|
shurikenUi: {
|
|
2399
|
-
|
|
2399
|
+
[key$J]: defaultConfig$I
|
|
2400
2400
|
}
|
|
2401
2401
|
}
|
|
2402
2402
|
};
|
|
2403
2403
|
}
|
|
2404
2404
|
);
|
|
2405
2405
|
|
|
2406
|
-
const
|
|
2406
|
+
const key$I = "button";
|
|
2407
|
+
const defaultConfig$H = {
|
|
2407
2408
|
duration: "300",
|
|
2408
2409
|
font: "normal",
|
|
2409
2410
|
badge: {
|
|
@@ -2833,6 +2834,7 @@ const defaultButtonConfig = {
|
|
|
2833
2834
|
}
|
|
2834
2835
|
}
|
|
2835
2836
|
};
|
|
2837
|
+
|
|
2836
2838
|
const button = plugin.withOptions(
|
|
2837
2839
|
function(options) {
|
|
2838
2840
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -2840,9 +2842,7 @@ const button = plugin.withOptions(
|
|
|
2840
2842
|
prefix = `${prefix}-`;
|
|
2841
2843
|
}
|
|
2842
2844
|
return function({ addComponents, theme }) {
|
|
2843
|
-
const config = theme(
|
|
2844
|
-
"shurikenUi.button"
|
|
2845
|
-
);
|
|
2845
|
+
const config = theme(`shurikenUi.${key$I}`);
|
|
2846
2846
|
addComponents({
|
|
2847
2847
|
[`.${prefix}button`]: {
|
|
2848
2848
|
[`@apply relative font-sans font-${config.font} leading-5 no-underline inline-flex justify-center items-center space-x-1 ${prefix}focus transition-all duration-${config.duration} disabled:opacity-60 disabled:cursor-not-allowed hover:shadow-none`]: {},
|
|
@@ -3091,14 +3091,15 @@ const button = plugin.withOptions(
|
|
|
3091
3091
|
return {
|
|
3092
3092
|
theme: {
|
|
3093
3093
|
shurikenUi: {
|
|
3094
|
-
|
|
3094
|
+
[key$I]: defaultConfig$H
|
|
3095
3095
|
}
|
|
3096
3096
|
}
|
|
3097
3097
|
};
|
|
3098
3098
|
}
|
|
3099
3099
|
);
|
|
3100
3100
|
|
|
3101
|
-
const
|
|
3101
|
+
const key$H = "card";
|
|
3102
|
+
const defaultConfig$G = {
|
|
3102
3103
|
size: "full",
|
|
3103
3104
|
duration: "300",
|
|
3104
3105
|
cardWhite: {
|
|
@@ -3161,6 +3162,7 @@ const defaultCardConfig = {
|
|
|
3161
3162
|
size: "xl"
|
|
3162
3163
|
}
|
|
3163
3164
|
};
|
|
3165
|
+
|
|
3164
3166
|
const card = plugin.withOptions(
|
|
3165
3167
|
function(options) {
|
|
3166
3168
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -3168,7 +3170,7 @@ const card = plugin.withOptions(
|
|
|
3168
3170
|
prefix = `${prefix}-`;
|
|
3169
3171
|
}
|
|
3170
3172
|
return function({ addComponents, theme }) {
|
|
3171
|
-
const config = theme(
|
|
3173
|
+
const config = theme(`shurikenUi.${key$H}`);
|
|
3172
3174
|
addComponents({
|
|
3173
3175
|
[`.${prefix}card`]: {
|
|
3174
3176
|
[`@apply relative w-${config.size} transition-all duration-${config.duration}`]: {},
|
|
@@ -3224,14 +3226,15 @@ const card = plugin.withOptions(
|
|
|
3224
3226
|
return {
|
|
3225
3227
|
theme: {
|
|
3226
3228
|
shurikenUi: {
|
|
3227
|
-
|
|
3229
|
+
[key$H]: defaultConfig$G
|
|
3228
3230
|
}
|
|
3229
3231
|
}
|
|
3230
3232
|
};
|
|
3231
3233
|
}
|
|
3232
3234
|
);
|
|
3233
3235
|
|
|
3234
|
-
const
|
|
3236
|
+
const key$G = "checkbox";
|
|
3237
|
+
const defaultConfig$F = {
|
|
3235
3238
|
outer: {
|
|
3236
3239
|
size: "5"
|
|
3237
3240
|
},
|
|
@@ -3280,6 +3283,7 @@ const defaultCheckboxConfig = {
|
|
|
3280
3283
|
warning: "warning-500",
|
|
3281
3284
|
danger: "danger-500"
|
|
3282
3285
|
};
|
|
3286
|
+
|
|
3283
3287
|
const checkbox = plugin.withOptions(
|
|
3284
3288
|
function(options) {
|
|
3285
3289
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -3287,9 +3291,7 @@ const checkbox = plugin.withOptions(
|
|
|
3287
3291
|
prefix = `${prefix}-`;
|
|
3288
3292
|
}
|
|
3289
3293
|
return function({ addComponents, theme }) {
|
|
3290
|
-
const config = theme(
|
|
3291
|
-
"shurikenUi.checkbox"
|
|
3292
|
-
);
|
|
3294
|
+
const config = theme(`shurikenUi.${key$G}`);
|
|
3293
3295
|
addComponents({
|
|
3294
3296
|
[`.${prefix}checkbox`]: {
|
|
3295
3297
|
[`@apply relative inline-flex items-start gap-1`]: {},
|
|
@@ -3329,16 +3331,16 @@ const checkbox = plugin.withOptions(
|
|
|
3329
3331
|
[`.${prefix}checkbox-error`]: {
|
|
3330
3332
|
[`@apply text-${config.error.text} ms-1 inline-block font-${config.error.font} text-${config.error.textSixe}`]: {}
|
|
3331
3333
|
},
|
|
3332
|
-
[`&.${prefix}checkbox-rounded .${prefix}checkbox-inner`]: {
|
|
3334
|
+
[`&.${prefix}checkbox-rounded .${prefix}checkbox-outer, &.${prefix}checkbox-rounded .${prefix}checkbox-inner`]: {
|
|
3333
3335
|
[`@apply rounded`]: {}
|
|
3334
3336
|
},
|
|
3335
|
-
[`&.${prefix}checkbox-smooth .${prefix}checkbox-inner`]: {
|
|
3337
|
+
[`&.${prefix}checkbox-smooth .${prefix}checkbox-outer, &.${prefix}checkbox-smooth .${prefix}checkbox-inner`]: {
|
|
3336
3338
|
[`@apply rounded-${config.rounded.smooth}`]: {}
|
|
3337
3339
|
},
|
|
3338
|
-
[`&.${prefix}checkbox-curved .${prefix}checkbox-inner`]: {
|
|
3340
|
+
[`&.${prefix}checkbox-curved .${prefix}checkbox-outer, &.${prefix}checkbox-curved .${prefix}checkbox-inner`]: {
|
|
3339
3341
|
[`@apply rounded-${config.rounded.curved}`]: {}
|
|
3340
3342
|
},
|
|
3341
|
-
[`&.${prefix}checkbox-full .${prefix}checkbox-inner`]: {
|
|
3343
|
+
[`&.${prefix}checkbox-full .${prefix}checkbox-outer, &.${prefix}checkbox-full .${prefix}checkbox-inner`]: {
|
|
3342
3344
|
[`@apply rounded-${config.rounded.full}`]: {}
|
|
3343
3345
|
},
|
|
3344
3346
|
[`&.${prefix}checkbox-default`]: {
|
|
@@ -3373,18 +3375,20 @@ const checkbox = plugin.withOptions(
|
|
|
3373
3375
|
return {
|
|
3374
3376
|
theme: {
|
|
3375
3377
|
shurikenUi: {
|
|
3376
|
-
|
|
3378
|
+
[key$G]: defaultConfig$F
|
|
3377
3379
|
}
|
|
3378
3380
|
}
|
|
3379
3381
|
};
|
|
3380
3382
|
}
|
|
3381
3383
|
);
|
|
3382
3384
|
|
|
3383
|
-
const
|
|
3385
|
+
const key$F = "drodownDivider";
|
|
3386
|
+
const defaultConfig$E = {
|
|
3384
3387
|
space: "2",
|
|
3385
3388
|
border: "muted-200",
|
|
3386
3389
|
borderDark: "muted-600"
|
|
3387
3390
|
};
|
|
3391
|
+
|
|
3388
3392
|
const dropdownDivider = plugin.withOptions(
|
|
3389
3393
|
function(options) {
|
|
3390
3394
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -3392,9 +3396,7 @@ const dropdownDivider = plugin.withOptions(
|
|
|
3392
3396
|
prefix = `${prefix}-`;
|
|
3393
3397
|
}
|
|
3394
3398
|
return function({ addComponents, theme }) {
|
|
3395
|
-
const config = theme(
|
|
3396
|
-
"shurikenUi.dropdownDivider"
|
|
3397
|
-
);
|
|
3399
|
+
const config = theme(`shurikenUi.${key$F}`);
|
|
3398
3400
|
addComponents({
|
|
3399
3401
|
[`.${prefix}dropdown-divider`]: {
|
|
3400
3402
|
[`@apply my-${config.space} block h-px w-full border-t border-${config.border} dark:border-${config.borderDark}`]: {}
|
|
@@ -3406,14 +3408,15 @@ const dropdownDivider = plugin.withOptions(
|
|
|
3406
3408
|
return {
|
|
3407
3409
|
theme: {
|
|
3408
3410
|
shurikenUi: {
|
|
3409
|
-
|
|
3411
|
+
[key$F]: defaultConfig$E
|
|
3410
3412
|
}
|
|
3411
3413
|
}
|
|
3412
3414
|
};
|
|
3413
3415
|
}
|
|
3414
3416
|
);
|
|
3415
3417
|
|
|
3416
|
-
const
|
|
3418
|
+
const key$E = "dropdownItem";
|
|
3419
|
+
const defaultConfig$D = {
|
|
3417
3420
|
itemRounded: "md",
|
|
3418
3421
|
textPosition: "left",
|
|
3419
3422
|
textSize: "sm",
|
|
@@ -3438,6 +3441,7 @@ const defaultDropdownItemConfig = {
|
|
|
3438
3441
|
curved: "xl"
|
|
3439
3442
|
}
|
|
3440
3443
|
};
|
|
3444
|
+
|
|
3441
3445
|
const dropdownItem = plugin.withOptions(
|
|
3442
3446
|
function(options) {
|
|
3443
3447
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -3445,12 +3449,10 @@ const dropdownItem = plugin.withOptions(
|
|
|
3445
3449
|
prefix = `${prefix}-`;
|
|
3446
3450
|
}
|
|
3447
3451
|
return function({ addComponents, theme }) {
|
|
3448
|
-
const config = theme(
|
|
3449
|
-
"shurikenUi.dropdownItem"
|
|
3450
|
-
);
|
|
3452
|
+
const config = theme(`shurikenUi.${key$E}`);
|
|
3451
3453
|
addComponents({
|
|
3452
3454
|
[`.${prefix}dropdown-item`]: {
|
|
3453
|
-
[`@apply flex w-full items-center justify-start gap-2 px-3 py-2 text-${config.textPosition} text-${config.textSize} cursor-pointer transition-colors duration-${config.duration}`]: {},
|
|
3455
|
+
[`@apply ${prefix}focus flex w-full items-center justify-start gap-2 px-3 py-2 text-${config.textPosition} text-${config.textSize} cursor-pointer transition-colors duration-${config.duration}`]: {},
|
|
3454
3456
|
[`.${prefix}item-content`]: {
|
|
3455
3457
|
[`@apply grow`]: {}
|
|
3456
3458
|
},
|
|
@@ -3484,14 +3486,15 @@ const dropdownItem = plugin.withOptions(
|
|
|
3484
3486
|
return {
|
|
3485
3487
|
theme: {
|
|
3486
3488
|
shurikenUi: {
|
|
3487
|
-
|
|
3489
|
+
[key$E]: defaultConfig$D
|
|
3488
3490
|
}
|
|
3489
3491
|
}
|
|
3490
3492
|
};
|
|
3491
3493
|
}
|
|
3492
3494
|
);
|
|
3493
3495
|
|
|
3494
|
-
const
|
|
3496
|
+
const key$D = "dropdown";
|
|
3497
|
+
const defaultConfig$C = {
|
|
3495
3498
|
textPosition: "start",
|
|
3496
3499
|
contextButton: {
|
|
3497
3500
|
ringOffsetDark: "muted-900",
|
|
@@ -3589,6 +3592,7 @@ const defaultDropdownConfig = {
|
|
|
3589
3592
|
ringDark: "muted-700/70"
|
|
3590
3593
|
}
|
|
3591
3594
|
};
|
|
3595
|
+
|
|
3592
3596
|
const dropdown = plugin.withOptions(
|
|
3593
3597
|
function(options) {
|
|
3594
3598
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -3596,9 +3600,7 @@ const dropdown = plugin.withOptions(
|
|
|
3596
3600
|
prefix = `${prefix}-`;
|
|
3597
3601
|
}
|
|
3598
3602
|
return function({ addComponents, theme }) {
|
|
3599
|
-
const config = theme(
|
|
3600
|
-
"shurikenUi.dropdown"
|
|
3601
|
-
);
|
|
3603
|
+
const config = theme(`shurikenUi.${key$D}`);
|
|
3602
3604
|
addComponents({
|
|
3603
3605
|
[`.${prefix}dropdown`]: {
|
|
3604
3606
|
[`@apply text-${config.textPosition}`]: {},
|
|
@@ -3706,20 +3708,23 @@ const dropdown = plugin.withOptions(
|
|
|
3706
3708
|
return {
|
|
3707
3709
|
theme: {
|
|
3708
3710
|
shurikenUi: {
|
|
3709
|
-
|
|
3711
|
+
[key$D]: defaultConfig$C
|
|
3710
3712
|
}
|
|
3711
3713
|
}
|
|
3712
3714
|
};
|
|
3713
3715
|
}
|
|
3714
3716
|
);
|
|
3715
3717
|
|
|
3716
|
-
const
|
|
3718
|
+
const key$C = "focus";
|
|
3719
|
+
const defaultConfig$B = {
|
|
3717
3720
|
offset: "2",
|
|
3718
|
-
width: "
|
|
3721
|
+
width: "2",
|
|
3719
3722
|
style: "dashed",
|
|
3720
3723
|
color: "muted-300",
|
|
3721
|
-
colorDark: "muted-600"
|
|
3724
|
+
colorDark: "muted-600",
|
|
3725
|
+
mode: "always"
|
|
3722
3726
|
};
|
|
3727
|
+
|
|
3723
3728
|
const focus = plugin.withOptions(
|
|
3724
3729
|
function(options) {
|
|
3725
3730
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -3727,19 +3732,15 @@ const focus = plugin.withOptions(
|
|
|
3727
3732
|
prefix = `${prefix}-`;
|
|
3728
3733
|
}
|
|
3729
3734
|
return function({ addComponents, theme }) {
|
|
3730
|
-
const config = theme(
|
|
3731
|
-
|
|
3732
|
-
);
|
|
3735
|
+
const config = theme(`shurikenUi.${key$C}`);
|
|
3736
|
+
const mode = config.mode === "focus-visible" ? "&:has(:focus-visible), &:focus-visible" : "&:focus-within";
|
|
3733
3737
|
addComponents({
|
|
3734
3738
|
[`.${prefix}focus`]: {
|
|
3735
3739
|
[`@apply outline-${config.width} outline-${config.style} outline-offset-${config.offset}`]: {},
|
|
3736
3740
|
"@apply outline-transparent": {},
|
|
3737
|
-
|
|
3741
|
+
[mode]: {
|
|
3738
3742
|
[`@apply outline-${config.color} dark:outline-${config.colorDark}`]: {},
|
|
3739
3743
|
[`@apply outline-${config.style} ring-0`]: {}
|
|
3740
|
-
},
|
|
3741
|
-
"&:focus-visible": {
|
|
3742
|
-
[`@apply outline-${config.width}`]: {}
|
|
3743
3744
|
}
|
|
3744
3745
|
}
|
|
3745
3746
|
});
|
|
@@ -3749,14 +3750,15 @@ const focus = plugin.withOptions(
|
|
|
3749
3750
|
return {
|
|
3750
3751
|
theme: {
|
|
3751
3752
|
shurikenUi: {
|
|
3752
|
-
|
|
3753
|
+
[key$C]: defaultConfig$B
|
|
3753
3754
|
}
|
|
3754
3755
|
}
|
|
3755
3756
|
};
|
|
3756
3757
|
}
|
|
3757
3758
|
);
|
|
3758
3759
|
|
|
3759
|
-
const
|
|
3760
|
+
const key$B = "fullscreenDropfile";
|
|
3761
|
+
const defaultConfig$A = {
|
|
3760
3762
|
border: "primary-500",
|
|
3761
3763
|
height: "[230px]",
|
|
3762
3764
|
width: "[500px]",
|
|
@@ -3766,6 +3768,7 @@ const defaultFullscreenDropfileConfig = {
|
|
|
3766
3768
|
},
|
|
3767
3769
|
labelTextSize: "base"
|
|
3768
3770
|
};
|
|
3771
|
+
|
|
3769
3772
|
const fullscreenDropfile = plugin.withOptions(
|
|
3770
3773
|
function(options) {
|
|
3771
3774
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -3774,7 +3777,7 @@ const fullscreenDropfile = plugin.withOptions(
|
|
|
3774
3777
|
}
|
|
3775
3778
|
return function({ addComponents, theme }) {
|
|
3776
3779
|
const config = theme(
|
|
3777
|
-
|
|
3780
|
+
`shurikenUi.${key$B}`
|
|
3778
3781
|
);
|
|
3779
3782
|
addComponents({
|
|
3780
3783
|
[`.${prefix}fullscreen-dropfile`]: {
|
|
@@ -3804,14 +3807,15 @@ const fullscreenDropfile = plugin.withOptions(
|
|
|
3804
3807
|
return {
|
|
3805
3808
|
theme: {
|
|
3806
3809
|
shurikenUi: {
|
|
3807
|
-
|
|
3810
|
+
[key$B]: defaultConfig$A
|
|
3808
3811
|
}
|
|
3809
3812
|
}
|
|
3810
3813
|
};
|
|
3811
3814
|
}
|
|
3812
3815
|
);
|
|
3813
3816
|
|
|
3814
|
-
const
|
|
3817
|
+
const key$A = "heading";
|
|
3818
|
+
const defaultConfig$z = {
|
|
3815
3819
|
textXS: "xs",
|
|
3816
3820
|
textSM: "sm",
|
|
3817
3821
|
textMD: "base",
|
|
@@ -3837,6 +3841,7 @@ const defaultHeadingConfig = {
|
|
|
3837
3841
|
textLeadSnug: "snug",
|
|
3838
3842
|
textLeadLoose: "loose"
|
|
3839
3843
|
};
|
|
3844
|
+
|
|
3840
3845
|
const heading = plugin.withOptions(
|
|
3841
3846
|
function(options) {
|
|
3842
3847
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -3844,9 +3849,7 @@ const heading = plugin.withOptions(
|
|
|
3844
3849
|
prefix = `${prefix}-`;
|
|
3845
3850
|
}
|
|
3846
3851
|
return function({ addComponents, theme }) {
|
|
3847
|
-
const config = theme(
|
|
3848
|
-
"shurikenUi.heading"
|
|
3849
|
-
);
|
|
3852
|
+
const config = theme(`shurikenUi.${key$A}`);
|
|
3850
3853
|
addComponents({
|
|
3851
3854
|
[`.${prefix}heading`]: {
|
|
3852
3855
|
[`@apply font-sans`]: {},
|
|
@@ -3930,14 +3933,15 @@ const heading = plugin.withOptions(
|
|
|
3930
3933
|
return {
|
|
3931
3934
|
theme: {
|
|
3932
3935
|
shurikenUi: {
|
|
3933
|
-
|
|
3936
|
+
[key$A]: defaultConfig$z
|
|
3934
3937
|
}
|
|
3935
3938
|
}
|
|
3936
3939
|
};
|
|
3937
3940
|
}
|
|
3938
3941
|
);
|
|
3939
3942
|
|
|
3940
|
-
const
|
|
3943
|
+
const key$z = "iconBox";
|
|
3944
|
+
const defaultConfig$y = {
|
|
3941
3945
|
boxXS: {
|
|
3942
3946
|
size: "8",
|
|
3943
3947
|
rounded: {
|
|
@@ -4074,6 +4078,7 @@ const defaultIconBoxConfig = {
|
|
|
4074
4078
|
borderColor: "current"
|
|
4075
4079
|
}
|
|
4076
4080
|
};
|
|
4081
|
+
|
|
4077
4082
|
const iconBox = plugin.withOptions(
|
|
4078
4083
|
function(options) {
|
|
4079
4084
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -4081,9 +4086,7 @@ const iconBox = plugin.withOptions(
|
|
|
4081
4086
|
prefix = `${prefix}-`;
|
|
4082
4087
|
}
|
|
4083
4088
|
return function({ addComponents, theme }) {
|
|
4084
|
-
const config = theme(
|
|
4085
|
-
"shurikenUi.iconBox"
|
|
4086
|
-
);
|
|
4089
|
+
const config = theme(`shurikenUi.${key$z}`);
|
|
4087
4090
|
addComponents({
|
|
4088
4091
|
[`.${prefix}icon-box`]: {
|
|
4089
4092
|
[`@apply relative inline-flex shrink-0 items-center justify-center`]: {},
|
|
@@ -4221,14 +4224,15 @@ const iconBox = plugin.withOptions(
|
|
|
4221
4224
|
return {
|
|
4222
4225
|
theme: {
|
|
4223
4226
|
shurikenUi: {
|
|
4224
|
-
|
|
4227
|
+
[key$z]: defaultConfig$y
|
|
4225
4228
|
}
|
|
4226
4229
|
}
|
|
4227
4230
|
};
|
|
4228
4231
|
}
|
|
4229
4232
|
);
|
|
4230
4233
|
|
|
4231
|
-
const
|
|
4234
|
+
const key$y = "inputFileRegular";
|
|
4235
|
+
const defaultConfig$x = {
|
|
4232
4236
|
inner: {
|
|
4233
4237
|
size: "full",
|
|
4234
4238
|
font: "sans",
|
|
@@ -4316,6 +4320,7 @@ const defaultInputFileRegularConfig = {
|
|
|
4316
4320
|
hover: "primary-500",
|
|
4317
4321
|
focusWhitin: "primary-500"
|
|
4318
4322
|
};
|
|
4323
|
+
|
|
4319
4324
|
const inputFileRegular = plugin.withOptions(
|
|
4320
4325
|
function(options) {
|
|
4321
4326
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -4323,9 +4328,7 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4323
4328
|
prefix = `${prefix}-`;
|
|
4324
4329
|
}
|
|
4325
4330
|
return function({ addComponents, theme }) {
|
|
4326
|
-
const config = theme(
|
|
4327
|
-
"shurikenUi.inputFileRegular"
|
|
4328
|
-
);
|
|
4331
|
+
const config = theme(`shurikenUi.${key$y}`);
|
|
4329
4332
|
addComponents({
|
|
4330
4333
|
[`.${prefix}input-file-regular`]: {
|
|
4331
4334
|
[`@apply relative w-full`]: {},
|
|
@@ -4336,7 +4339,7 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4336
4339
|
[`@apply relative`]: {}
|
|
4337
4340
|
},
|
|
4338
4341
|
[`.${prefix}input-file-inner`]: {
|
|
4339
|
-
[`@apply relative ${prefix}focus flex w-${config.inner.size} cursor-pointer items-center overflow-hidden font-${config.inner.font} transition-colors duration-${config.inner.duration}
|
|
4342
|
+
[`@apply relative ${prefix}focus flex w-${config.inner.size} cursor-pointer items-center overflow-hidden font-${config.inner.font} transition-colors duration-${config.inner.duration} disabled:cursor-not-allowed disabled:opacity-75`]: {}
|
|
4340
4343
|
},
|
|
4341
4344
|
[`.${prefix}input-file-addon`]: {
|
|
4342
4345
|
[`@apply pointer-events-none flex shrink-0 items-center justify-center gap-1 transition-colors duration-100`]: {}
|
|
@@ -4511,14 +4514,15 @@ const inputFileRegular = plugin.withOptions(
|
|
|
4511
4514
|
return {
|
|
4512
4515
|
theme: {
|
|
4513
4516
|
shurikenUi: {
|
|
4514
|
-
|
|
4517
|
+
[key$y]: defaultConfig$x
|
|
4515
4518
|
}
|
|
4516
4519
|
}
|
|
4517
4520
|
};
|
|
4518
4521
|
}
|
|
4519
4522
|
);
|
|
4520
4523
|
|
|
4521
|
-
const
|
|
4524
|
+
const key$x = "inputFile";
|
|
4525
|
+
const defaultConfig$w = {
|
|
4522
4526
|
drop: {
|
|
4523
4527
|
size: "64",
|
|
4524
4528
|
border: "muted-200",
|
|
@@ -4599,6 +4603,7 @@ const defaultInputFileConfig = {
|
|
|
4599
4603
|
full: "full"
|
|
4600
4604
|
}
|
|
4601
4605
|
};
|
|
4606
|
+
|
|
4602
4607
|
const inputFile = plugin.withOptions(
|
|
4603
4608
|
function(options) {
|
|
4604
4609
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -4606,12 +4611,10 @@ const inputFile = plugin.withOptions(
|
|
|
4606
4611
|
prefix = `${prefix}-`;
|
|
4607
4612
|
}
|
|
4608
4613
|
return function({ addComponents, theme }) {
|
|
4609
|
-
const config = theme(
|
|
4610
|
-
"shurikenUi.inputFile"
|
|
4611
|
-
);
|
|
4614
|
+
const config = theme(`shurikenUi.${key$x}`);
|
|
4612
4615
|
addComponents({
|
|
4613
4616
|
[`.${prefix}input-file`]: {
|
|
4614
|
-
[`@apply relative block`]: {},
|
|
4617
|
+
[`@apply relative block ${prefix}focus`]: {},
|
|
4615
4618
|
[`&.${prefix}input-file-drop`]: {
|
|
4616
4619
|
[`@apply relative h-${config.drop.size} border-dashed border-2 border-${config.drop.border} dark:border-${config.drop.borderDark} hover:border-${config.drop.borderHover} dark:hover:border-${config.drop.borderHoverDark} bg-${config.drop.bg} dark:bg-${config.drop.bgDark} flex justify-center items-center transition-colors duration-${config.drop.duration}`]: {},
|
|
4617
4620
|
[`.${prefix}drop-area-inner`]: {
|
|
@@ -4653,7 +4656,7 @@ const inputFile = plugin.withOptions(
|
|
|
4653
4656
|
[`@apply font-${config.combo.label.font} sr-only text-${config.combo.label.text}`]: {}
|
|
4654
4657
|
},
|
|
4655
4658
|
[`.${prefix}combo-input`]: {
|
|
4656
|
-
[`@apply block w-${config.combo.input.size} text-${config.combo.input.textSize} text-${config.combo.input.text} dark:text-${config.combo.input.textDark} file:me-4 file:py-2 file:px-4 file:border-0 file:cursor-pointer file:text-${config.combo.input.textFileSize} file:transition-colors file:bg-${config.combo.input.bgFile} file:text-${config.combo.input.textFile} hover:file:bg-${config.combo.input.bgFileHover}`]: {}
|
|
4659
|
+
[`@apply outline-none block w-${config.combo.input.size} text-${config.combo.input.textSize} text-${config.combo.input.text} dark:text-${config.combo.input.textDark} file:me-4 file:py-2 file:px-4 file:border-0 file:cursor-pointer file:text-${config.combo.input.textFileSize} file:transition-colors file:bg-${config.combo.input.bgFile} file:text-${config.combo.input.textFile} hover:file:bg-${config.combo.input.bgFileHover}`]: {}
|
|
4657
4660
|
}
|
|
4658
4661
|
},
|
|
4659
4662
|
[`&.${prefix}input-file-rounded`]: {
|
|
@@ -4708,14 +4711,15 @@ const inputFile = plugin.withOptions(
|
|
|
4708
4711
|
return {
|
|
4709
4712
|
theme: {
|
|
4710
4713
|
shurikenUi: {
|
|
4711
|
-
|
|
4714
|
+
[key$x]: defaultConfig$w
|
|
4712
4715
|
}
|
|
4713
4716
|
}
|
|
4714
4717
|
};
|
|
4715
4718
|
}
|
|
4716
4719
|
);
|
|
4717
4720
|
|
|
4718
|
-
const
|
|
4721
|
+
const key$w = "input";
|
|
4722
|
+
const defaultConfig$v = {
|
|
4719
4723
|
label: {
|
|
4720
4724
|
float: {
|
|
4721
4725
|
text: "primary-500",
|
|
@@ -4912,6 +4916,7 @@ const defaultInputConfig = {
|
|
|
4912
4916
|
}
|
|
4913
4917
|
}
|
|
4914
4918
|
};
|
|
4919
|
+
|
|
4915
4920
|
const input = plugin.withOptions(
|
|
4916
4921
|
function(options) {
|
|
4917
4922
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -4919,9 +4924,7 @@ const input = plugin.withOptions(
|
|
|
4919
4924
|
prefix = `${prefix}-`;
|
|
4920
4925
|
}
|
|
4921
4926
|
return function({ addComponents, theme }) {
|
|
4922
|
-
const config = theme(
|
|
4923
|
-
"shurikenUi.input"
|
|
4924
|
-
);
|
|
4927
|
+
const config = theme(`shurikenUi.${key$w}`);
|
|
4925
4928
|
addComponents({
|
|
4926
4929
|
[`.${prefix}input-wrapper`]: {
|
|
4927
4930
|
[`@apply relative`]: {},
|
|
@@ -5205,212 +5208,768 @@ const input = plugin.withOptions(
|
|
|
5205
5208
|
return {
|
|
5206
5209
|
theme: {
|
|
5207
5210
|
shurikenUi: {
|
|
5208
|
-
|
|
5209
|
-
}
|
|
5210
|
-
}
|
|
5211
|
-
};
|
|
5212
|
-
}
|
|
5213
|
-
);
|
|
5214
|
-
|
|
5215
|
-
const defaultLabelConfig = {
|
|
5216
|
-
font: "sans",
|
|
5217
|
-
text: "muted-400",
|
|
5218
|
-
textDark: "muted-400/80"
|
|
5219
|
-
};
|
|
5220
|
-
const label = plugin.withOptions(
|
|
5221
|
-
function(options) {
|
|
5222
|
-
let { prefix } = defu(options, defaultPluginOptions);
|
|
5223
|
-
if (prefix) {
|
|
5224
|
-
prefix = `${prefix}-`;
|
|
5225
|
-
}
|
|
5226
|
-
return function({ addComponents, theme }) {
|
|
5227
|
-
const config = theme(
|
|
5228
|
-
"shurikenUi.label"
|
|
5229
|
-
);
|
|
5230
|
-
addComponents({
|
|
5231
|
-
[`.${prefix}label`]: {
|
|
5232
|
-
[`@apply inline-block font-${config.font} leading-none text-${config.text} dark:text-${config.textDark}`]: {}
|
|
5233
|
-
}
|
|
5234
|
-
});
|
|
5235
|
-
};
|
|
5236
|
-
},
|
|
5237
|
-
function() {
|
|
5238
|
-
return {
|
|
5239
|
-
theme: {
|
|
5240
|
-
shurikenUi: {
|
|
5241
|
-
label: defaultLabelConfig
|
|
5242
|
-
}
|
|
5243
|
-
}
|
|
5244
|
-
};
|
|
5245
|
-
}
|
|
5246
|
-
);
|
|
5247
|
-
|
|
5248
|
-
const defaultLinkConfig = {
|
|
5249
|
-
font: "sans",
|
|
5250
|
-
textHover: "primary-500",
|
|
5251
|
-
textHoverDark: "primary-400",
|
|
5252
|
-
textFocus: "primary-500",
|
|
5253
|
-
textFocusDark: "primary-400"
|
|
5254
|
-
};
|
|
5255
|
-
const link = plugin.withOptions(
|
|
5256
|
-
function(options) {
|
|
5257
|
-
let { prefix } = defu(options, defaultPluginOptions);
|
|
5258
|
-
if (prefix) {
|
|
5259
|
-
prefix = `${prefix}-`;
|
|
5260
|
-
}
|
|
5261
|
-
return function({ addComponents, theme }) {
|
|
5262
|
-
const config = theme("shurikenUi.link");
|
|
5263
|
-
addComponents({
|
|
5264
|
-
[`.${prefix}link`]: {
|
|
5265
|
-
[`@apply font-${config.font} hover:text-${config.textHover} dark:hover:text-${config.textHoverDark} underline-offset-4 hover:underline focus:text-${config.textFocus} dark:focus:text-${config.textFocusDark} focus:underline`]: {}
|
|
5266
|
-
}
|
|
5267
|
-
});
|
|
5268
|
-
};
|
|
5269
|
-
},
|
|
5270
|
-
function() {
|
|
5271
|
-
return {
|
|
5272
|
-
theme: {
|
|
5273
|
-
shurikenUi: {
|
|
5274
|
-
link: defaultLinkConfig
|
|
5275
|
-
}
|
|
5276
|
-
}
|
|
5277
|
-
};
|
|
5278
|
-
}
|
|
5279
|
-
);
|
|
5280
|
-
|
|
5281
|
-
const defaultListConfig = {
|
|
5282
|
-
ul: "disc",
|
|
5283
|
-
ol: "decimal",
|
|
5284
|
-
base: {
|
|
5285
|
-
textMarker: "muted-500",
|
|
5286
|
-
textMarkerDark: "muted-400",
|
|
5287
|
-
text: "slate-700",
|
|
5288
|
-
textDark: "slate-300",
|
|
5289
|
-
font: "sans"
|
|
5290
|
-
},
|
|
5291
|
-
media: {
|
|
5292
|
-
textMarker: "slate-500",
|
|
5293
|
-
textMarkerDark: "slate-400"
|
|
5294
|
-
}
|
|
5295
|
-
};
|
|
5296
|
-
const list = plugin.withOptions(
|
|
5297
|
-
function(options) {
|
|
5298
|
-
let { prefix } = defu(options, defaultPluginOptions);
|
|
5299
|
-
if (prefix) {
|
|
5300
|
-
prefix = `${prefix}-`;
|
|
5301
|
-
}
|
|
5302
|
-
return function({ addComponents, theme }) {
|
|
5303
|
-
const config = theme("shurikenUi.list");
|
|
5304
|
-
addComponents({
|
|
5305
|
-
[`.${prefix}list`]: {
|
|
5306
|
-
[`&.${prefix}list-ul`]: {
|
|
5307
|
-
[`@apply list-${config.ul}`]: {}
|
|
5308
|
-
},
|
|
5309
|
-
[`&.${prefix}list-ol`]: {
|
|
5310
|
-
[`@apply list-${config.ol}`]: {}
|
|
5311
|
-
},
|
|
5312
|
-
[`&.${prefix}list-base`]: {
|
|
5313
|
-
[`@apply space-y-1 marker:text-${config.base.textMarker} dark:marker:text-${config.base.textMarkerDark} font-${config.base.font} text-${config.base.text} dark:text-${config.base.textDark}`]: {}
|
|
5314
|
-
},
|
|
5315
|
-
[`&.${prefix}list-media`]: {
|
|
5316
|
-
[`@apply space-y-4 marker:text-${config.media.textMarker} dark:marker:text-${config.media.textMarkerDark}`]: {},
|
|
5317
|
-
[`.${prefix}list-item`]: {
|
|
5318
|
-
[`@apply flex gap-2`]: {}
|
|
5319
|
-
}
|
|
5320
|
-
}
|
|
5321
|
-
}
|
|
5322
|
-
});
|
|
5323
|
-
};
|
|
5324
|
-
},
|
|
5325
|
-
function() {
|
|
5326
|
-
return {
|
|
5327
|
-
theme: {
|
|
5328
|
-
shurikenUi: {
|
|
5329
|
-
list: defaultListConfig
|
|
5211
|
+
[key$w]: defaultConfig$v
|
|
5330
5212
|
}
|
|
5331
5213
|
}
|
|
5332
5214
|
};
|
|
5333
5215
|
}
|
|
5334
5216
|
);
|
|
5335
5217
|
|
|
5336
|
-
const
|
|
5337
|
-
|
|
5338
|
-
|
|
5339
|
-
|
|
5340
|
-
|
|
5341
|
-
|
|
5342
|
-
|
|
5343
|
-
size: "full",
|
|
5344
|
-
text: "sm",
|
|
5345
|
-
textPosition: "start",
|
|
5346
|
-
font: "sans",
|
|
5347
|
-
iconBox: {
|
|
5348
|
-
space: "2",
|
|
5349
|
-
size: "6",
|
|
5350
|
-
innerSize: "4"
|
|
5351
|
-
},
|
|
5352
|
-
placeholder: {
|
|
5353
|
-
text: "muted-300",
|
|
5354
|
-
textDark: "muted-500",
|
|
5355
|
-
textPosition: "left"
|
|
5218
|
+
const key$v = "inputNumber";
|
|
5219
|
+
const defaultConfig$u = {
|
|
5220
|
+
label: {
|
|
5221
|
+
float: {
|
|
5222
|
+
text: "primary-500",
|
|
5223
|
+
duration: "300",
|
|
5224
|
+
size: "5"
|
|
5356
5225
|
}
|
|
5357
5226
|
},
|
|
5358
5227
|
icon: {
|
|
5359
5228
|
text: "muted-400",
|
|
5360
5229
|
duration: "300"
|
|
5361
5230
|
},
|
|
5362
|
-
chevron: {
|
|
5363
|
-
inner: {
|
|
5364
|
-
size: "4",
|
|
5365
|
-
text: "muted-400",
|
|
5366
|
-
duration: "300"
|
|
5367
|
-
}
|
|
5368
|
-
},
|
|
5369
|
-
options: {
|
|
5370
|
-
ringFocus: "primary-500/50",
|
|
5371
|
-
space: "2",
|
|
5372
|
-
text: "base",
|
|
5373
|
-
shadowSize: "lg",
|
|
5374
|
-
shadow: "muted-500/10",
|
|
5375
|
-
shadowDark: "muted-800/10"
|
|
5376
|
-
},
|
|
5377
|
-
option: {
|
|
5378
|
-
duration: "300",
|
|
5379
|
-
iconBox: {
|
|
5380
|
-
text: "muted-200",
|
|
5381
|
-
textDark: "muted-400",
|
|
5382
|
-
innerSize: "5"
|
|
5383
|
-
},
|
|
5384
|
-
inner: {
|
|
5385
|
-
heading: {
|
|
5386
|
-
text: "muted-800",
|
|
5387
|
-
textDark: "white"
|
|
5388
|
-
},
|
|
5389
|
-
text: "muted-400"
|
|
5390
|
-
},
|
|
5391
|
-
icon: {
|
|
5392
|
-
text: "primary-600"
|
|
5393
|
-
},
|
|
5394
|
-
iconInner: {
|
|
5395
|
-
size: "4"
|
|
5396
|
-
},
|
|
5397
|
-
activeOrHover: {
|
|
5398
|
-
text: "primary-600",
|
|
5399
|
-
textDark: "primary-400",
|
|
5400
|
-
bg: "primary-500/10"
|
|
5401
|
-
}
|
|
5402
|
-
},
|
|
5403
5231
|
errorText: {
|
|
5404
5232
|
text: "danger-600",
|
|
5405
5233
|
textSize: "[0.65rem]",
|
|
5406
5234
|
font: "sans",
|
|
5407
5235
|
fontWeight: "medium"
|
|
5408
5236
|
},
|
|
5409
|
-
|
|
5410
|
-
|
|
5411
|
-
|
|
5412
|
-
|
|
5413
|
-
|
|
5237
|
+
input: {
|
|
5238
|
+
focusSize: "full",
|
|
5239
|
+
font: "sans",
|
|
5240
|
+
duration: "300",
|
|
5241
|
+
focusVisible: {
|
|
5242
|
+
labelFloat: {
|
|
5243
|
+
text: "primary-500",
|
|
5244
|
+
textDark: "primary-500"
|
|
5245
|
+
},
|
|
5246
|
+
icon: {
|
|
5247
|
+
text: "primary-500"
|
|
5248
|
+
}
|
|
5249
|
+
},
|
|
5250
|
+
action: {
|
|
5251
|
+
text: "muted-400",
|
|
5252
|
+
duration: "300"
|
|
5253
|
+
},
|
|
5254
|
+
rounded: {
|
|
5255
|
+
default: "md",
|
|
5256
|
+
smooth: "lg",
|
|
5257
|
+
curved: "xl",
|
|
5258
|
+
full: "full"
|
|
5259
|
+
},
|
|
5260
|
+
sm: {
|
|
5261
|
+
label: {
|
|
5262
|
+
text: "xs"
|
|
5263
|
+
},
|
|
5264
|
+
iconOrAction: {
|
|
5265
|
+
size: "8"
|
|
5266
|
+
},
|
|
5267
|
+
iconOrAcionInner: {
|
|
5268
|
+
size: "4"
|
|
5269
|
+
},
|
|
5270
|
+
placeload: {
|
|
5271
|
+
size: "8"
|
|
5272
|
+
}
|
|
5273
|
+
},
|
|
5274
|
+
md: {
|
|
5275
|
+
label: {
|
|
5276
|
+
text: "[0.825rem]"
|
|
5277
|
+
},
|
|
5278
|
+
iconOrAction: {
|
|
5279
|
+
size: "10"
|
|
5280
|
+
},
|
|
5281
|
+
iconOrAcionInner: {
|
|
5282
|
+
size: "[1.15rem]"
|
|
5283
|
+
},
|
|
5284
|
+
placeload: {
|
|
5285
|
+
size: "10"
|
|
5286
|
+
}
|
|
5287
|
+
},
|
|
5288
|
+
lg: {
|
|
5289
|
+
label: {
|
|
5290
|
+
text: "sm"
|
|
5291
|
+
},
|
|
5292
|
+
iconOrAction: {
|
|
5293
|
+
size: "12"
|
|
5294
|
+
},
|
|
5295
|
+
iconOrAcionInner: {
|
|
5296
|
+
size: "5"
|
|
5297
|
+
},
|
|
5298
|
+
placeload: {
|
|
5299
|
+
size: "12"
|
|
5300
|
+
}
|
|
5301
|
+
},
|
|
5302
|
+
default: {
|
|
5303
|
+
bg: "white",
|
|
5304
|
+
bgDark: "muted-900",
|
|
5305
|
+
border: "muted-300",
|
|
5306
|
+
borderDark: "muted-700",
|
|
5307
|
+
text: "muted-600",
|
|
5308
|
+
textDark: "muted-200",
|
|
5309
|
+
textPlaceholder: "muted-300",
|
|
5310
|
+
textPlaceholderDark: "muted-500"
|
|
5311
|
+
},
|
|
5312
|
+
defaultContrast: {
|
|
5313
|
+
bg: "white",
|
|
5314
|
+
bgDark: "muted-950",
|
|
5315
|
+
border: "muted-300",
|
|
5316
|
+
borderDark: "muted-800",
|
|
5317
|
+
text: "muted-600",
|
|
5318
|
+
textDark: "muted-200",
|
|
5319
|
+
textPlaceholder: "muted-300",
|
|
5320
|
+
textPlaceholderDark: "muted-600"
|
|
5321
|
+
},
|
|
5322
|
+
muted: {
|
|
5323
|
+
bg: "muted-100",
|
|
5324
|
+
bgDark: "muted-900",
|
|
5325
|
+
border: "muted-200",
|
|
5326
|
+
borderDark: "muted-700",
|
|
5327
|
+
text: "muted-600",
|
|
5328
|
+
textDark: "muted-200",
|
|
5329
|
+
textPlaceholder: "muted-300",
|
|
5330
|
+
textPlaceholderDark: "muted-500"
|
|
5331
|
+
},
|
|
5332
|
+
mutedContrast: {
|
|
5333
|
+
bg: "muted-100",
|
|
5334
|
+
bgDark: "muted-950",
|
|
5335
|
+
border: "muted-100",
|
|
5336
|
+
borderDark: "muted-800",
|
|
5337
|
+
text: "muted-600",
|
|
5338
|
+
textDark: "muted-200",
|
|
5339
|
+
textPlaceholder: "muted-300",
|
|
5340
|
+
textPlaceholderDark: "muted-600"
|
|
5341
|
+
},
|
|
5342
|
+
notLoading: {
|
|
5343
|
+
text: "muted-300",
|
|
5344
|
+
textDark: "muted-600"
|
|
5345
|
+
},
|
|
5346
|
+
error: {
|
|
5347
|
+
border: "danger-500",
|
|
5348
|
+
borderDark: "danger-500",
|
|
5349
|
+
icon: {
|
|
5350
|
+
text: "danger-500"
|
|
5351
|
+
}
|
|
5352
|
+
},
|
|
5353
|
+
hasNotIcon: {
|
|
5354
|
+
text: {
|
|
5355
|
+
sm: "xs",
|
|
5356
|
+
md: "sm",
|
|
5357
|
+
lg: "sm"
|
|
5358
|
+
},
|
|
5359
|
+
labelFloat: {
|
|
5360
|
+
sm: "xs",
|
|
5361
|
+
md: {
|
|
5362
|
+
text: "xs",
|
|
5363
|
+
focusVisible: {
|
|
5364
|
+
text: "xs"
|
|
5365
|
+
},
|
|
5366
|
+
placeholderShown: {
|
|
5367
|
+
text: "[0.825rem]"
|
|
5368
|
+
}
|
|
5369
|
+
},
|
|
5370
|
+
lg: {
|
|
5371
|
+
text: "xs",
|
|
5372
|
+
focusVisible: {
|
|
5373
|
+
text: "xs"
|
|
5374
|
+
},
|
|
5375
|
+
placeholderShown: {
|
|
5376
|
+
text: "[0.825rem]"
|
|
5377
|
+
}
|
|
5378
|
+
}
|
|
5379
|
+
}
|
|
5380
|
+
},
|
|
5381
|
+
hasIcon: {
|
|
5382
|
+
text: {
|
|
5383
|
+
sm: "xs",
|
|
5384
|
+
md: "sm",
|
|
5385
|
+
lg: "base"
|
|
5386
|
+
},
|
|
5387
|
+
labelFloat: {
|
|
5388
|
+
sm: "xs",
|
|
5389
|
+
md: {
|
|
5390
|
+
text: "xs",
|
|
5391
|
+
focusVisible: {
|
|
5392
|
+
text: "xs"
|
|
5393
|
+
},
|
|
5394
|
+
placeholderShown: {
|
|
5395
|
+
text: "[0.825rem]"
|
|
5396
|
+
}
|
|
5397
|
+
},
|
|
5398
|
+
lg: {
|
|
5399
|
+
text: "xs",
|
|
5400
|
+
focusVisible: {
|
|
5401
|
+
text: "xs"
|
|
5402
|
+
},
|
|
5403
|
+
placeholderShown: {
|
|
5404
|
+
text: "[0.825rem]"
|
|
5405
|
+
}
|
|
5406
|
+
}
|
|
5407
|
+
}
|
|
5408
|
+
},
|
|
5409
|
+
hasAction: {
|
|
5410
|
+
spaceSM: "8",
|
|
5411
|
+
spaceMD: "10",
|
|
5412
|
+
spaceLG: "12"
|
|
5413
|
+
}
|
|
5414
|
+
}
|
|
5415
|
+
};
|
|
5416
|
+
|
|
5417
|
+
const inputNumber = plugin.withOptions(
|
|
5418
|
+
function(options) {
|
|
5419
|
+
let { prefix } = defu(options, defaultPluginOptions);
|
|
5420
|
+
if (prefix) {
|
|
5421
|
+
prefix = `${prefix}-`;
|
|
5422
|
+
}
|
|
5423
|
+
return function({ addComponents, theme }) {
|
|
5424
|
+
const config = theme(`shurikenUi.${key$v}`);
|
|
5425
|
+
addComponents({
|
|
5426
|
+
[`.${prefix}input-number-wrapper`]: {
|
|
5427
|
+
[`@apply relative`]: {},
|
|
5428
|
+
[`.${prefix}input-number-label, .${prefix}label-float`]: {
|
|
5429
|
+
[`@apply ${prefix}label`]: {}
|
|
5430
|
+
},
|
|
5431
|
+
[`.${prefix}label-float`]: {
|
|
5432
|
+
[`@apply text-${config.label.float.text} pointer-events-none absolute inline-flex h-${config.label.float.size} select-none items-center leading-none transition-all duration-${config.label.float.duration}`]: {}
|
|
5433
|
+
},
|
|
5434
|
+
[`.${prefix}input-number-outer`]: {
|
|
5435
|
+
[`@apply ${prefix}focus relative`]: {}
|
|
5436
|
+
},
|
|
5437
|
+
[`.${prefix}input-number-icon`]: {
|
|
5438
|
+
[`@apply text-${config.icon.text} absolute start-0 top-0 z-10 flex items-center justify-center transition-colors duration-${config.icon.duration}`]: {}
|
|
5439
|
+
},
|
|
5440
|
+
[`.${prefix}input-number-buttons`]: {
|
|
5441
|
+
[`@apply absolute top-1 end-1 flex`]: {}
|
|
5442
|
+
},
|
|
5443
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5444
|
+
[`@apply outline-none flex items-center justify-center`]: {},
|
|
5445
|
+
[`@apply border border-muted-200 dark:border-muted-800 last:border-s-0`]: {},
|
|
5446
|
+
[`@apply text-muted-400 hover:text-muted-600 dark:hover:text-muted-100`]: {},
|
|
5447
|
+
[`@apply focus:text-muted-600 dark:focus:text-muted-100`]: {},
|
|
5448
|
+
[`@apply transition-colors duration-300`]: {}
|
|
5449
|
+
},
|
|
5450
|
+
[`.${prefix}input-number-buttons svg`]: {
|
|
5451
|
+
[`@apply h-4 w-4`]: {}
|
|
5452
|
+
},
|
|
5453
|
+
[`.${prefix}input-number-error-text`]: {
|
|
5454
|
+
[`@apply text-${config.errorText.text} mt-1 block font-${config.errorText.font} text-${config.errorText.textSize} font-${config.errorText.fontWeight} leading-none`]: {}
|
|
5455
|
+
},
|
|
5456
|
+
[`.${prefix}input-number`]: {
|
|
5457
|
+
[`@apply outline-none w-${config.input.focusSize} font-${config.input.font} transition-all duration-${config.input.duration} disabled:cursor-not-allowed disabled:opacity-75`]: {},
|
|
5458
|
+
[`&:focus-visible ~ .${prefix}label-float`]: {
|
|
5459
|
+
[`@apply !text-${config.input.focusVisible.labelFloat.text} dark:!text-${config.input.focusVisible.labelFloat.textDark}`]: {}
|
|
5460
|
+
},
|
|
5461
|
+
[`&:focus-visible ~ .${prefix}input-number-icon`]: {
|
|
5462
|
+
[`@apply !text-${config.input.focusVisible.icon.text}`]: {}
|
|
5463
|
+
},
|
|
5464
|
+
[`&:disabled ~ .${prefix}input-number-icon`]: {
|
|
5465
|
+
[`@apply cursor-not-allowed opacity-75`]: {}
|
|
5466
|
+
}
|
|
5467
|
+
},
|
|
5468
|
+
[`.${prefix}input-number-placeload`]: {
|
|
5469
|
+
[`@apply absolute start-0 top-0 flex w-full items-center px-4`]: {},
|
|
5470
|
+
[`.${prefix}placeload`]: {
|
|
5471
|
+
[`@apply h-3 w-full max-w-[50%] rounded`]: {}
|
|
5472
|
+
}
|
|
5473
|
+
},
|
|
5474
|
+
[`.${prefix}input-number-action`]: {
|
|
5475
|
+
[`@apply text-${config.input.action.text} absolute end-0 top-0 flex items-center justify-center transition-colors duration-${config.input.action.duration}`]: {}
|
|
5476
|
+
},
|
|
5477
|
+
[`&.${prefix}input-number-focus`]: {
|
|
5478
|
+
[`.${prefix}input-number`]: {
|
|
5479
|
+
[`@apply focus:border-primary-500 dark:focus:border-primary-500`]: {}
|
|
5480
|
+
}
|
|
5481
|
+
},
|
|
5482
|
+
[`&.${prefix}input-number-rounded`]: {
|
|
5483
|
+
[`.${prefix}input-number, .${prefix}input-number-outer`]: {
|
|
5484
|
+
[`@apply rounded-${config.input.rounded.default}`]: {}
|
|
5485
|
+
},
|
|
5486
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5487
|
+
[`@apply first:rounded-s-${config.input.rounded.default}`]: {},
|
|
5488
|
+
[`@apply last:rounded-e-${config.input.rounded.default}`]: {}
|
|
5489
|
+
}
|
|
5490
|
+
},
|
|
5491
|
+
[`&.${prefix}input-number-smooth`]: {
|
|
5492
|
+
[`.${prefix}input-number, .${prefix}input-number-outer`]: {
|
|
5493
|
+
[`@apply rounded-${config.input.rounded.smooth}`]: {}
|
|
5494
|
+
},
|
|
5495
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5496
|
+
[`@apply first:rounded-s-${config.input.rounded.smooth}`]: {},
|
|
5497
|
+
[`@apply last:rounded-e-${config.input.rounded.smooth}`]: {}
|
|
5498
|
+
}
|
|
5499
|
+
},
|
|
5500
|
+
[`&.${prefix}input-number-curved`]: {
|
|
5501
|
+
[`.${prefix}input-number, .${prefix}input-number-outer`]: {
|
|
5502
|
+
[`@apply rounded-${config.input.rounded.curved}`]: {}
|
|
5503
|
+
},
|
|
5504
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5505
|
+
[`@apply first:rounded-s-${config.input.rounded.curved}`]: {},
|
|
5506
|
+
[`@apply last:rounded-e-${config.input.rounded.curved}`]: {}
|
|
5507
|
+
}
|
|
5508
|
+
},
|
|
5509
|
+
[`&.${prefix}input-number-full`]: {
|
|
5510
|
+
[`.${prefix}input-number, .${prefix}input-number-outer`]: {
|
|
5511
|
+
[`@apply rounded-${config.input.rounded.full}`]: {}
|
|
5512
|
+
},
|
|
5513
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5514
|
+
[`@apply first:rounded-s-${config.input.rounded.full}`]: {},
|
|
5515
|
+
[`@apply last:rounded-e-${config.input.rounded.full}`]: {}
|
|
5516
|
+
}
|
|
5517
|
+
},
|
|
5518
|
+
[`&.${prefix}input-number-sm`]: {
|
|
5519
|
+
[`.${prefix}input-number-label`]: {
|
|
5520
|
+
[`@apply pb-1 text-${config.input.sm.label.text}`]: {}
|
|
5521
|
+
},
|
|
5522
|
+
[`.${prefix}label-float`]: {
|
|
5523
|
+
[`@apply top-1.5`]: {}
|
|
5524
|
+
},
|
|
5525
|
+
[`.${prefix}input-number-icon, .${prefix}input-number-action`]: {
|
|
5526
|
+
[`@apply h-${config.input.sm.iconOrAction.size} w-${config.input.sm.iconOrAction.size}`]: {},
|
|
5527
|
+
[`.${prefix}input-number-icon-inner, .${prefix}input-number-action-inner`]: {
|
|
5528
|
+
[`@apply h-${config.input.sm.iconOrAcionInner.size} w-${config.input.sm.iconOrAcionInner.size}`]: {}
|
|
5529
|
+
}
|
|
5530
|
+
},
|
|
5531
|
+
[`.${prefix}input-number-placeload`]: {
|
|
5532
|
+
[`@apply h-${config.input.sm.placeload.size}`]: {}
|
|
5533
|
+
},
|
|
5534
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5535
|
+
[`@apply h-6 w-6`]: {}
|
|
5536
|
+
}
|
|
5537
|
+
},
|
|
5538
|
+
[`&.${prefix}input-number-md`]: {
|
|
5539
|
+
[`.${prefix}input-number-label`]: {
|
|
5540
|
+
[`@apply pb-1 text-${config.input.md.label.text}`]: {}
|
|
5541
|
+
},
|
|
5542
|
+
[`.${prefix}label-float`]: {
|
|
5543
|
+
[`@apply top-2.5`]: {}
|
|
5544
|
+
},
|
|
5545
|
+
[`.${prefix}input-number-icon, .${prefix}input-number-action`]: {
|
|
5546
|
+
[`@apply h-${config.input.md.iconOrAction.size} w-${config.input.md.iconOrAction.size}`]: {},
|
|
5547
|
+
[`.${prefix}input-number-icon-inner, .${prefix}input-number-action-inner`]: {
|
|
5548
|
+
[`@apply h-${config.input.md.iconOrAcionInner.size} w-${config.input.md.iconOrAcionInner.size}`]: {}
|
|
5549
|
+
}
|
|
5550
|
+
},
|
|
5551
|
+
[`.${prefix}input-number-placeload`]: {
|
|
5552
|
+
[`@apply h-${config.input.md.placeload.size}`]: {}
|
|
5553
|
+
},
|
|
5554
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5555
|
+
[`@apply h-8 w-8`]: {}
|
|
5556
|
+
}
|
|
5557
|
+
},
|
|
5558
|
+
[`&.${prefix}input-number-lg`]: {
|
|
5559
|
+
[`.${prefix}input-number-label`]: {
|
|
5560
|
+
[`@apply pb-1 text-${config.input.lg.label.text}`]: {}
|
|
5561
|
+
},
|
|
5562
|
+
[`.${prefix}label-float`]: {
|
|
5563
|
+
[`@apply top-3.5`]: {}
|
|
5564
|
+
},
|
|
5565
|
+
[`.${prefix}input-number-icon, .${prefix}input-number-action`]: {
|
|
5566
|
+
[`@apply h-${config.input.lg.iconOrAction.size} w-${config.input.lg.iconOrAction.size}`]: {},
|
|
5567
|
+
[`.${prefix}input-number-icon-inner, .${prefix}input-number-action-inner`]: {
|
|
5568
|
+
[`@apply h-${config.input.lg.iconOrAcionInner.size} w-${config.input.lg.iconOrAcionInner.size}`]: {}
|
|
5569
|
+
}
|
|
5570
|
+
},
|
|
5571
|
+
[`.${prefix}input-number-placeload`]: {
|
|
5572
|
+
[`@apply h-${config.input.lg.placeload.size}`]: {}
|
|
5573
|
+
},
|
|
5574
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5575
|
+
[`@apply h-10 w-10`]: {}
|
|
5576
|
+
}
|
|
5577
|
+
},
|
|
5578
|
+
[`&.${prefix}input-number-default`]: {
|
|
5579
|
+
[`.${prefix}input-number`]: {
|
|
5580
|
+
[`@apply border bg-${config.input.default.bg} border-${config.input.default.border} text-${config.input.default.text} placeholder:text-${config.input.default.textPlaceholder} dark:border-${config.input.default.borderDark} dark:bg-${config.input.default.bgDark} dark:text-${config.input.default.textDark} dark:placeholder:text-${config.input.default.textPlaceholderDark}`]: {}
|
|
5581
|
+
},
|
|
5582
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5583
|
+
[`@apply hover:bg-muted-100 dark:hover:bg-muted-800`]: {},
|
|
5584
|
+
[`@apply focus:bg-muted-100 dark:focus:bg-muted-800`]: {}
|
|
5585
|
+
}
|
|
5586
|
+
},
|
|
5587
|
+
[`&.${prefix}input-number-default-contrast`]: {
|
|
5588
|
+
[`.${prefix}input-number`]: {
|
|
5589
|
+
[`@apply border bg-${config.input.defaultContrast.bg} border-${config.input.defaultContrast.border} text-${config.input.defaultContrast.text} placeholder:text-${config.input.defaultContrast.textPlaceholder} dark:border-${config.input.defaultContrast.borderDark} dark:bg-${config.input.defaultContrast.bgDark} dark:text-${config.input.defaultContrast.textDark} dark:placeholder:text-${config.input.defaultContrast.textPlaceholderDark}`]: {}
|
|
5590
|
+
},
|
|
5591
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5592
|
+
[`@apply hover:bg-muted-100 dark:hover:bg-muted-900`]: {},
|
|
5593
|
+
[`@apply focus:bg-muted-100 dark:focus:bg-muted-900`]: {}
|
|
5594
|
+
}
|
|
5595
|
+
},
|
|
5596
|
+
[`&.${prefix}input-number-muted`]: {
|
|
5597
|
+
[`.${prefix}input-number`]: {
|
|
5598
|
+
[`@apply border bg-${config.input.muted.bg} border-${config.input.muted.border} text-${config.input.muted.text} placeholder:text-${config.input.muted.textPlaceholder} dark:border-${config.input.muted.borderDark} dark:bg-${config.input.muted.bgDark} dark:text-${config.input.muted.textDark} dark:placeholder:text-${config.input.muted.textPlaceholderDark}`]: {}
|
|
5599
|
+
},
|
|
5600
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5601
|
+
[`@apply hover:bg-white dark:hover:bg-muted-800`]: {},
|
|
5602
|
+
[`@apply focus:bg-white dark:focus:bg-muted-800`]: {}
|
|
5603
|
+
}
|
|
5604
|
+
},
|
|
5605
|
+
[`&.${prefix}input-number-muted-contrast`]: {
|
|
5606
|
+
[`.${prefix}input-number`]: {
|
|
5607
|
+
[`@apply border bg-${config.input.mutedContrast.bg} border-${config.input.mutedContrast.border} text-${config.input.mutedContrast.text} placeholder:text-${config.input.mutedContrast.textPlaceholder} dark:border-${config.input.mutedContrast.borderDark} dark:bg-${config.input.mutedContrast.bgDark} dark:text-${config.input.mutedContrast.textDark} dark:placeholder:text-${config.input.mutedContrast.textPlaceholderDark}`]: {}
|
|
5608
|
+
},
|
|
5609
|
+
[`.${prefix}input-number-buttons button`]: {
|
|
5610
|
+
[`@apply hover:bg-white dark:hover:bg-muted-900`]: {},
|
|
5611
|
+
[`@apply focus:bg-white dark:focus:bg-muted-900`]: {}
|
|
5612
|
+
}
|
|
5613
|
+
},
|
|
5614
|
+
[`&:not(.${prefix}input-number-loading)`]: {
|
|
5615
|
+
[`.${prefix}input-number:placeholder-shown ~ .${prefix}label-float`]: {
|
|
5616
|
+
[`@apply text-${config.input.notLoading.text} dark:text-${config.input.notLoading.textDark}`]: {}
|
|
5617
|
+
}
|
|
5618
|
+
},
|
|
5619
|
+
[`&.${prefix}input-number-loading`]: {
|
|
5620
|
+
[`.${prefix}input-number`]: {
|
|
5621
|
+
[`@apply !text-transparent placeholder:!text-transparent dark:placeholder:!text-transparent`]: {}
|
|
5622
|
+
},
|
|
5623
|
+
[`.${prefix}input-number:placeholder-shown ~ .${prefix}label-float`]: {
|
|
5624
|
+
[`@apply text-transparent`]: {}
|
|
5625
|
+
},
|
|
5626
|
+
[`.${prefix}input-number-icon`]: {
|
|
5627
|
+
[`@apply opacity-0`]: {}
|
|
5628
|
+
}
|
|
5629
|
+
},
|
|
5630
|
+
[`&.${prefix}input-number-label-float`]: {
|
|
5631
|
+
[`.${prefix}input-number`]: {
|
|
5632
|
+
[`@apply placeholder:text-transparent dark:placeholder:text-transparent`]: {}
|
|
5633
|
+
}
|
|
5634
|
+
},
|
|
5635
|
+
[`&.${prefix}input-number-error`]: {
|
|
5636
|
+
[`.${prefix}input-number`]: {
|
|
5637
|
+
[`@apply !border-${config.input.error.border} dark:!border-${config.input.error.borderDark}`]: {}
|
|
5638
|
+
},
|
|
5639
|
+
[`.${prefix}input-number-icon`]: {
|
|
5640
|
+
[`@apply !text-${config.input.error.icon.text}`]: {}
|
|
5641
|
+
}
|
|
5642
|
+
},
|
|
5643
|
+
[`&:not(.${prefix}has-icon).${prefix}input-number-sm`]: {
|
|
5644
|
+
[`.${prefix}input-number`]: {
|
|
5645
|
+
[`@apply h-8 py-1 text-${config.input.hasNotIcon.text.sm} leading-4 ps-2 pe-14`]: {}
|
|
5646
|
+
}
|
|
5647
|
+
},
|
|
5648
|
+
[`&.${prefix}has-icon.${prefix}input-number-sm`]: {
|
|
5649
|
+
[`.${prefix}input-number`]: {
|
|
5650
|
+
[`@apply h-8 py-1 text-${config.input.hasIcon.text.sm} leading-4 pe-14 ps-8`]: {}
|
|
5651
|
+
}
|
|
5652
|
+
},
|
|
5653
|
+
[`&:not(.${prefix}has-icon).${prefix}input-number-md`]: {
|
|
5654
|
+
[`.${prefix}input-number`]: {
|
|
5655
|
+
[`@apply h-10 py-2 text-${config.input.hasNotIcon.text.md} leading-5 ps-3 pe-20`]: {}
|
|
5656
|
+
}
|
|
5657
|
+
},
|
|
5658
|
+
[`&.${prefix}has-icon.${prefix}input-number-md`]: {
|
|
5659
|
+
[`.${prefix}input-number`]: {
|
|
5660
|
+
[`@apply h-10 py-2 text-${config.input.hasIcon.text.md} leading-5 pe-20 ps-10`]: {}
|
|
5661
|
+
}
|
|
5662
|
+
},
|
|
5663
|
+
[`&:not(.${prefix}has-icon).${prefix}input-number-lg`]: {
|
|
5664
|
+
[`.${prefix}input-number`]: {
|
|
5665
|
+
[`@apply h-12 py-2 text-${config.input.hasNotIcon.text.lg} leading-5 ps-4 pe-24`]: {}
|
|
5666
|
+
}
|
|
5667
|
+
},
|
|
5668
|
+
[`&.${prefix}has-icon.${prefix}input-number-lg`]: {
|
|
5669
|
+
[`.${prefix}input-number`]: {
|
|
5670
|
+
[`@apply h-12 py-2 text-${config.input.hasIcon.text.lg} leading-5 pe-24 ps-11`]: {}
|
|
5671
|
+
}
|
|
5672
|
+
},
|
|
5673
|
+
[`&.${prefix}has-action.${prefix}input-number-sm`]: {
|
|
5674
|
+
[`.${prefix}input-number`]: {
|
|
5675
|
+
[`@apply pe-${config.input.hasAction.spaceSM}`]: {}
|
|
5676
|
+
}
|
|
5677
|
+
},
|
|
5678
|
+
[`&.${prefix}has-action.${prefix}input-number-md`]: {
|
|
5679
|
+
[`.${prefix}input-number`]: {
|
|
5680
|
+
[`@apply pe-${config.input.hasAction.spaceMD}`]: {}
|
|
5681
|
+
}
|
|
5682
|
+
},
|
|
5683
|
+
[`&.${prefix}has-action.${prefix}input-number-lg`]: {
|
|
5684
|
+
[`.${prefix}input-number`]: {
|
|
5685
|
+
[`@apply pe-${config.input.hasAction.spaceLG}`]: {}
|
|
5686
|
+
}
|
|
5687
|
+
},
|
|
5688
|
+
[`&.${prefix}input-number-label-float:not(.${prefix}has-icon).${prefix}input-number-sm`]: {
|
|
5689
|
+
[`.${prefix}label-float`]: {
|
|
5690
|
+
[`@apply start-3 -ms-3 -mt-7 text-${config.input.hasNotIcon.labelFloat.sm}`]: {}
|
|
5691
|
+
},
|
|
5692
|
+
[`.${prefix}input-number:focus-visible ~ .${prefix}label-float`]: {
|
|
5693
|
+
[`@apply !-ms-3 !-mt-7`]: {}
|
|
5694
|
+
},
|
|
5695
|
+
[`.${prefix}input-number:placeholder-shown ~ .${prefix}label-float`]: {
|
|
5696
|
+
[`@apply ms-0 mt-0`]: {}
|
|
5697
|
+
}
|
|
5698
|
+
},
|
|
5699
|
+
[`&.${prefix}input-number-label-float.${prefix}has-icon.${prefix}input-number-sm`]: {
|
|
5700
|
+
[`.${prefix}label-float`]: {
|
|
5701
|
+
[`@apply start-8 -ms-8 -mt-7 text-${config.input.hasIcon.labelFloat.sm}`]: {}
|
|
5702
|
+
},
|
|
5703
|
+
[`.${prefix}input-number:focus-visible ~ .${prefix}label-float`]: {
|
|
5704
|
+
[`@apply !-ms-8 !-mt-7`]: {}
|
|
5705
|
+
},
|
|
5706
|
+
[`.${prefix}input-number:placeholder-shown ~ .${prefix}label-float`]: {
|
|
5707
|
+
[`@apply ms-0 mt-0`]: {}
|
|
5708
|
+
}
|
|
5709
|
+
},
|
|
5710
|
+
[`&.${prefix}input-number-label-float:not(.${prefix}has-icon).${prefix}input-number-md`]: {
|
|
5711
|
+
[`.${prefix}label-float`]: {
|
|
5712
|
+
[`@apply start-3 -ms-3 -mt-8 text-${config.input.hasNotIcon.labelFloat.md.text}`]: {}
|
|
5713
|
+
},
|
|
5714
|
+
[`.${prefix}input-number:focus-visible ~ .${prefix}label-float`]: {
|
|
5715
|
+
[`@apply !-ms-3 !-mt-8 !text-${config.input.hasNotIcon.labelFloat.md.focusVisible.text}`]: {}
|
|
5716
|
+
},
|
|
5717
|
+
[`.${prefix}input-number:placeholder-shown ~ .${prefix}label-float`]: {
|
|
5718
|
+
[`@apply ms-0 mt-0 text-${config.input.hasNotIcon.labelFloat.md.placeholderShown.text}`]: {}
|
|
5719
|
+
}
|
|
5720
|
+
},
|
|
5721
|
+
[`&.${prefix}input-number-label-float.${prefix}has-icon.${prefix}input-number-md`]: {
|
|
5722
|
+
[`.${prefix}label-float`]: {
|
|
5723
|
+
[`@apply start-10 -ms-10 -mt-8 text-${config.input.hasIcon.labelFloat.md.text}`]: {}
|
|
5724
|
+
},
|
|
5725
|
+
[`.${prefix}input-number:focus-visible ~ .${prefix}label-float`]: {
|
|
5726
|
+
[`@apply !-ms-10 !-mt-8 !text-${config.input.hasIcon.labelFloat.md.focusVisible.text}`]: {}
|
|
5727
|
+
},
|
|
5728
|
+
[`.${prefix}input-number:placeholder-shown ~ .${prefix}label-float`]: {
|
|
5729
|
+
[`@apply ms-0 mt-0 text-${config.input.hasIcon.labelFloat.md.placeholderShown.text}`]: {}
|
|
5730
|
+
}
|
|
5731
|
+
},
|
|
5732
|
+
[`&.${prefix}input-number-label-float:not(.${prefix}has-icon).${prefix}input-number-lg`]: {
|
|
5733
|
+
[`.${prefix}label-float`]: {
|
|
5734
|
+
[`@apply start-3 -ms-3 -mt-8 text-${config.input.hasNotIcon.labelFloat.lg.text}`]: {}
|
|
5735
|
+
},
|
|
5736
|
+
[`.${prefix}input-number:focus-visible ~ .${prefix}label-float`]: {
|
|
5737
|
+
[`@apply !-ms-3 !-mt-9 !text-${config.input.hasNotIcon.labelFloat.lg.focusVisible.text}`]: {}
|
|
5738
|
+
},
|
|
5739
|
+
[`.${prefix}input-number:placeholder-shown ~ .${prefix}label-float`]: {
|
|
5740
|
+
[`@apply ms-0 mt-0 text-${config.input.hasNotIcon.labelFloat.lg.placeholderShown.text}`]: {}
|
|
5741
|
+
}
|
|
5742
|
+
},
|
|
5743
|
+
[`&.${prefix}input-number-label-float.${prefix}has-icon.${prefix}input-number-lg`]: {
|
|
5744
|
+
[`.${prefix}label-float`]: {
|
|
5745
|
+
[`@apply start-11 -ms-10 -mt-8 text-${config.input.hasIcon.labelFloat.lg.text}`]: {}
|
|
5746
|
+
},
|
|
5747
|
+
[`.${prefix}input-number:focus-visible ~ .${prefix}label-float`]: {
|
|
5748
|
+
[`@apply !-ms-10 !-mt-9 !text-${config.input.hasIcon.labelFloat.lg.focusVisible.text}`]: {}
|
|
5749
|
+
},
|
|
5750
|
+
[`.${prefix}input-number:placeholder-shown ~ .${prefix}label-float`]: {
|
|
5751
|
+
[`@apply ms-0 mt-0 text-${config.input.hasIcon.labelFloat.lg.placeholderShown.text}`]: {}
|
|
5752
|
+
}
|
|
5753
|
+
}
|
|
5754
|
+
}
|
|
5755
|
+
});
|
|
5756
|
+
};
|
|
5757
|
+
},
|
|
5758
|
+
function() {
|
|
5759
|
+
return {
|
|
5760
|
+
theme: {
|
|
5761
|
+
shurikenUi: {
|
|
5762
|
+
[key$v]: defaultConfig$u
|
|
5763
|
+
}
|
|
5764
|
+
}
|
|
5765
|
+
};
|
|
5766
|
+
}
|
|
5767
|
+
);
|
|
5768
|
+
|
|
5769
|
+
const key$u = "label";
|
|
5770
|
+
const defaultConfig$t = {
|
|
5771
|
+
font: "sans",
|
|
5772
|
+
text: "muted-400",
|
|
5773
|
+
textDark: "muted-400/80"
|
|
5774
|
+
};
|
|
5775
|
+
|
|
5776
|
+
const label = plugin.withOptions(
|
|
5777
|
+
function(options) {
|
|
5778
|
+
let { prefix } = defu(options, defaultPluginOptions);
|
|
5779
|
+
if (prefix) {
|
|
5780
|
+
prefix = `${prefix}-`;
|
|
5781
|
+
}
|
|
5782
|
+
return function({ addComponents, theme }) {
|
|
5783
|
+
const config = theme(`shurikenUi.${key$u}`);
|
|
5784
|
+
addComponents({
|
|
5785
|
+
[`.${prefix}label`]: {
|
|
5786
|
+
[`@apply inline-block font-${config.font} leading-none text-${config.text} dark:text-${config.textDark}`]: {}
|
|
5787
|
+
}
|
|
5788
|
+
});
|
|
5789
|
+
};
|
|
5790
|
+
},
|
|
5791
|
+
function() {
|
|
5792
|
+
return {
|
|
5793
|
+
theme: {
|
|
5794
|
+
shurikenUi: {
|
|
5795
|
+
[key$u]: defaultConfig$t
|
|
5796
|
+
}
|
|
5797
|
+
}
|
|
5798
|
+
};
|
|
5799
|
+
}
|
|
5800
|
+
);
|
|
5801
|
+
|
|
5802
|
+
const key$t = "link";
|
|
5803
|
+
const defaultConfig$s = {
|
|
5804
|
+
font: "sans",
|
|
5805
|
+
textHover: "primary-500",
|
|
5806
|
+
textHoverDark: "primary-400",
|
|
5807
|
+
textFocus: "primary-500",
|
|
5808
|
+
textFocusDark: "primary-400"
|
|
5809
|
+
};
|
|
5810
|
+
|
|
5811
|
+
const link = plugin.withOptions(
|
|
5812
|
+
function(options) {
|
|
5813
|
+
let { prefix } = defu(options, defaultPluginOptions);
|
|
5814
|
+
if (prefix) {
|
|
5815
|
+
prefix = `${prefix}-`;
|
|
5816
|
+
}
|
|
5817
|
+
return function({ addComponents, theme }) {
|
|
5818
|
+
const config = theme(`shurikenUi.${key$t}`);
|
|
5819
|
+
addComponents({
|
|
5820
|
+
[`.${prefix}link`]: {
|
|
5821
|
+
[`@apply font-${config.font} hover:text-${config.textHover} dark:hover:text-${config.textHoverDark} underline-offset-4 hover:underline focus:text-${config.textFocus} dark:focus:text-${config.textFocusDark} focus:underline`]: {}
|
|
5822
|
+
}
|
|
5823
|
+
});
|
|
5824
|
+
};
|
|
5825
|
+
},
|
|
5826
|
+
function() {
|
|
5827
|
+
return {
|
|
5828
|
+
theme: {
|
|
5829
|
+
shurikenUi: {
|
|
5830
|
+
[key$t]: defaultConfig$s
|
|
5831
|
+
}
|
|
5832
|
+
}
|
|
5833
|
+
};
|
|
5834
|
+
}
|
|
5835
|
+
);
|
|
5836
|
+
|
|
5837
|
+
const key$s = "list";
|
|
5838
|
+
const defaultConfig$r = {
|
|
5839
|
+
ul: "disc",
|
|
5840
|
+
ol: "decimal",
|
|
5841
|
+
base: {
|
|
5842
|
+
textMarker: "muted-500",
|
|
5843
|
+
textMarkerDark: "muted-400",
|
|
5844
|
+
text: "slate-700",
|
|
5845
|
+
textDark: "slate-300",
|
|
5846
|
+
font: "sans"
|
|
5847
|
+
},
|
|
5848
|
+
media: {
|
|
5849
|
+
textMarker: "slate-500",
|
|
5850
|
+
textMarkerDark: "slate-400"
|
|
5851
|
+
}
|
|
5852
|
+
};
|
|
5853
|
+
|
|
5854
|
+
const list = plugin.withOptions(
|
|
5855
|
+
function(options) {
|
|
5856
|
+
let { prefix } = defu(options, defaultPluginOptions);
|
|
5857
|
+
if (prefix) {
|
|
5858
|
+
prefix = `${prefix}-`;
|
|
5859
|
+
}
|
|
5860
|
+
return function({ addComponents, theme }) {
|
|
5861
|
+
const config = theme(`shurikenUi.${key$s}`);
|
|
5862
|
+
addComponents({
|
|
5863
|
+
[`.${prefix}list`]: {
|
|
5864
|
+
[`&.${prefix}list-ul`]: {
|
|
5865
|
+
[`@apply list-${config.ul}`]: {}
|
|
5866
|
+
},
|
|
5867
|
+
[`&.${prefix}list-ol`]: {
|
|
5868
|
+
[`@apply list-${config.ol}`]: {}
|
|
5869
|
+
},
|
|
5870
|
+
[`&.${prefix}list-base`]: {
|
|
5871
|
+
[`@apply space-y-1 marker:text-${config.base.textMarker} dark:marker:text-${config.base.textMarkerDark} font-${config.base.font} text-${config.base.text} dark:text-${config.base.textDark}`]: {}
|
|
5872
|
+
},
|
|
5873
|
+
[`&.${prefix}list-media`]: {
|
|
5874
|
+
[`@apply space-y-4 marker:text-${config.media.textMarker} dark:marker:text-${config.media.textMarkerDark}`]: {},
|
|
5875
|
+
[`.${prefix}list-item`]: {
|
|
5876
|
+
[`@apply flex gap-2`]: {}
|
|
5877
|
+
}
|
|
5878
|
+
}
|
|
5879
|
+
}
|
|
5880
|
+
});
|
|
5881
|
+
};
|
|
5882
|
+
},
|
|
5883
|
+
function() {
|
|
5884
|
+
return {
|
|
5885
|
+
theme: {
|
|
5886
|
+
shurikenUi: {
|
|
5887
|
+
[key$s]: defaultConfig$r
|
|
5888
|
+
}
|
|
5889
|
+
}
|
|
5890
|
+
};
|
|
5891
|
+
}
|
|
5892
|
+
);
|
|
5893
|
+
|
|
5894
|
+
const key$r = "listbox";
|
|
5895
|
+
const defaultConfig$q = {
|
|
5896
|
+
labelFloat: {
|
|
5897
|
+
text: "primary-500",
|
|
5898
|
+
size: "5",
|
|
5899
|
+
duration: "300"
|
|
5900
|
+
},
|
|
5901
|
+
button: {
|
|
5902
|
+
size: "full",
|
|
5903
|
+
text: "sm",
|
|
5904
|
+
textPosition: "start",
|
|
5905
|
+
font: "sans",
|
|
5906
|
+
iconBox: {
|
|
5907
|
+
space: "2",
|
|
5908
|
+
size: "6",
|
|
5909
|
+
innerSize: "4"
|
|
5910
|
+
},
|
|
5911
|
+
placeholder: {
|
|
5912
|
+
text: "muted-300",
|
|
5913
|
+
textDark: "muted-500",
|
|
5914
|
+
textPosition: "left"
|
|
5915
|
+
}
|
|
5916
|
+
},
|
|
5917
|
+
icon: {
|
|
5918
|
+
text: "muted-400",
|
|
5919
|
+
duration: "300"
|
|
5920
|
+
},
|
|
5921
|
+
chevron: {
|
|
5922
|
+
inner: {
|
|
5923
|
+
size: "4",
|
|
5924
|
+
text: "muted-400",
|
|
5925
|
+
duration: "300"
|
|
5926
|
+
}
|
|
5927
|
+
},
|
|
5928
|
+
options: {
|
|
5929
|
+
ringFocus: "primary-500/50",
|
|
5930
|
+
space: "2",
|
|
5931
|
+
text: "base",
|
|
5932
|
+
shadowSize: "lg",
|
|
5933
|
+
shadow: "muted-500/10",
|
|
5934
|
+
shadowDark: "muted-800/10"
|
|
5935
|
+
},
|
|
5936
|
+
option: {
|
|
5937
|
+
duration: "300",
|
|
5938
|
+
iconBox: {
|
|
5939
|
+
text: "muted-200",
|
|
5940
|
+
textDark: "muted-400",
|
|
5941
|
+
innerSize: "5"
|
|
5942
|
+
},
|
|
5943
|
+
inner: {
|
|
5944
|
+
heading: {
|
|
5945
|
+
text: "muted-800",
|
|
5946
|
+
textDark: "white"
|
|
5947
|
+
},
|
|
5948
|
+
text: "muted-400"
|
|
5949
|
+
},
|
|
5950
|
+
icon: {
|
|
5951
|
+
text: "primary-600"
|
|
5952
|
+
},
|
|
5953
|
+
iconInner: {
|
|
5954
|
+
size: "4"
|
|
5955
|
+
},
|
|
5956
|
+
activeOrHover: {
|
|
5957
|
+
text: "primary-600",
|
|
5958
|
+
textDark: "primary-400",
|
|
5959
|
+
bg: "primary-500/10"
|
|
5960
|
+
}
|
|
5961
|
+
},
|
|
5962
|
+
errorText: {
|
|
5963
|
+
text: "danger-600",
|
|
5964
|
+
textSize: "[0.65rem]",
|
|
5965
|
+
font: "sans",
|
|
5966
|
+
fontWeight: "medium"
|
|
5967
|
+
},
|
|
5968
|
+
sm: {
|
|
5969
|
+
text: "xs",
|
|
5970
|
+
icon: {
|
|
5971
|
+
size: "8",
|
|
5972
|
+
innerSize: "4"
|
|
5414
5973
|
},
|
|
5415
5974
|
placeload: {
|
|
5416
5975
|
size: "8"
|
|
@@ -5635,6 +6194,7 @@ const defaultListboxConfig = {
|
|
|
5635
6194
|
}
|
|
5636
6195
|
}
|
|
5637
6196
|
};
|
|
6197
|
+
|
|
5638
6198
|
const listbox = plugin.withOptions(
|
|
5639
6199
|
function(options) {
|
|
5640
6200
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -5642,9 +6202,7 @@ const listbox = plugin.withOptions(
|
|
|
5642
6202
|
prefix = `${prefix}-`;
|
|
5643
6203
|
}
|
|
5644
6204
|
return function({ addComponents, theme }) {
|
|
5645
|
-
const config = theme(
|
|
5646
|
-
"shurikenUi.listbox"
|
|
5647
|
-
);
|
|
6205
|
+
const config = theme(`shurikenUi.${key$r}`);
|
|
5648
6206
|
addComponents({
|
|
5649
6207
|
[`.${prefix}listbox`]: {
|
|
5650
6208
|
[`@apply relative w-full`]: {},
|
|
@@ -5994,19 +6552,21 @@ const listbox = plugin.withOptions(
|
|
|
5994
6552
|
return {
|
|
5995
6553
|
theme: {
|
|
5996
6554
|
shurikenUi: {
|
|
5997
|
-
|
|
6555
|
+
[key$r]: defaultConfig$q
|
|
5998
6556
|
}
|
|
5999
6557
|
}
|
|
6000
6558
|
};
|
|
6001
6559
|
}
|
|
6002
6560
|
);
|
|
6003
6561
|
|
|
6004
|
-
const
|
|
6562
|
+
const key$q = "mark";
|
|
6563
|
+
const defaultConfig$p = {
|
|
6005
6564
|
bg: "primary-100",
|
|
6006
6565
|
bgDark: "primary-800",
|
|
6007
6566
|
text: "primary-800",
|
|
6008
6567
|
textDark: "primary-200"
|
|
6009
6568
|
};
|
|
6569
|
+
|
|
6010
6570
|
const mark = plugin.withOptions(
|
|
6011
6571
|
function(options) {
|
|
6012
6572
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -6014,7 +6574,7 @@ const mark = plugin.withOptions(
|
|
|
6014
6574
|
prefix = `${prefix}-`;
|
|
6015
6575
|
}
|
|
6016
6576
|
return function({ addComponents, theme }) {
|
|
6017
|
-
const config = theme(
|
|
6577
|
+
const config = theme(`shurikenUi.${key$q}`);
|
|
6018
6578
|
addComponents({
|
|
6019
6579
|
[`.${prefix}mark`]: {
|
|
6020
6580
|
[`@apply bg-${config.bg} dark:bg-${config.bgDark}`]: {},
|
|
@@ -6027,20 +6587,24 @@ const mark = plugin.withOptions(
|
|
|
6027
6587
|
return {
|
|
6028
6588
|
theme: {
|
|
6029
6589
|
shurikenUi: {
|
|
6030
|
-
|
|
6590
|
+
[key$q]: defaultConfig$p
|
|
6031
6591
|
}
|
|
6032
6592
|
}
|
|
6033
6593
|
};
|
|
6034
6594
|
}
|
|
6035
6595
|
);
|
|
6036
6596
|
|
|
6597
|
+
const key$p = "mask";
|
|
6598
|
+
const defaultConfig$o = {};
|
|
6599
|
+
|
|
6037
6600
|
const mask = plugin.withOptions(
|
|
6038
6601
|
function(options) {
|
|
6039
6602
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
6040
6603
|
if (prefix) {
|
|
6041
6604
|
prefix = `${prefix}-`;
|
|
6042
6605
|
}
|
|
6043
|
-
return function({ addComponents }) {
|
|
6606
|
+
return function({ addComponents, theme }) {
|
|
6607
|
+
theme(`shurikenUi.${key$p}`);
|
|
6044
6608
|
addComponents({
|
|
6045
6609
|
[`.${prefix}mask`]: {
|
|
6046
6610
|
"mask-size": "contain",
|
|
@@ -6066,11 +6630,18 @@ const mask = plugin.withOptions(
|
|
|
6066
6630
|
};
|
|
6067
6631
|
},
|
|
6068
6632
|
function() {
|
|
6069
|
-
return {
|
|
6633
|
+
return {
|
|
6634
|
+
theme: {
|
|
6635
|
+
shurikenUi: {
|
|
6636
|
+
[key$p]: defaultConfig$o
|
|
6637
|
+
}
|
|
6638
|
+
}
|
|
6639
|
+
};
|
|
6070
6640
|
}
|
|
6071
6641
|
);
|
|
6072
6642
|
|
|
6073
|
-
const
|
|
6643
|
+
const key$o = "messageText";
|
|
6644
|
+
const defaultConfig$n = {
|
|
6074
6645
|
space: "6",
|
|
6075
6646
|
head: {
|
|
6076
6647
|
space: "2"
|
|
@@ -6144,6 +6715,7 @@ const defaultMessageTextConfig = {
|
|
|
6144
6715
|
curved: "xl"
|
|
6145
6716
|
}
|
|
6146
6717
|
};
|
|
6718
|
+
|
|
6147
6719
|
const messageText = plugin.withOptions(
|
|
6148
6720
|
function(options) {
|
|
6149
6721
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -6151,9 +6723,7 @@ const messageText = plugin.withOptions(
|
|
|
6151
6723
|
prefix = `${prefix}-`;
|
|
6152
6724
|
}
|
|
6153
6725
|
return function({ addComponents, theme }) {
|
|
6154
|
-
const config = theme(
|
|
6155
|
-
"shurikenUi.messageText"
|
|
6156
|
-
);
|
|
6726
|
+
const config = theme(`shurikenUi.${key$o}`);
|
|
6157
6727
|
addComponents({
|
|
6158
6728
|
[`.${prefix}message-text`]: {
|
|
6159
6729
|
[`@apply relative p-${config.space}`]: {},
|
|
@@ -6231,14 +6801,15 @@ const messageText = plugin.withOptions(
|
|
|
6231
6801
|
return {
|
|
6232
6802
|
theme: {
|
|
6233
6803
|
shurikenUi: {
|
|
6234
|
-
|
|
6804
|
+
[key$o]: defaultConfig$n
|
|
6235
6805
|
}
|
|
6236
6806
|
}
|
|
6237
6807
|
};
|
|
6238
6808
|
}
|
|
6239
6809
|
);
|
|
6240
6810
|
|
|
6241
|
-
const
|
|
6811
|
+
const key$n = "message";
|
|
6812
|
+
const defaultConfig$m = {
|
|
6242
6813
|
messageIconOuter: {
|
|
6243
6814
|
size: "10",
|
|
6244
6815
|
icon: {
|
|
@@ -6407,6 +6978,7 @@ const defaultMessageConfig = {
|
|
|
6407
6978
|
}
|
|
6408
6979
|
}
|
|
6409
6980
|
};
|
|
6981
|
+
|
|
6410
6982
|
const message = plugin.withOptions(
|
|
6411
6983
|
function(options) {
|
|
6412
6984
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -6414,9 +6986,7 @@ const message = plugin.withOptions(
|
|
|
6414
6986
|
prefix = `${prefix}-`;
|
|
6415
6987
|
}
|
|
6416
6988
|
return function({ addComponents, theme }) {
|
|
6417
|
-
const config = theme(
|
|
6418
|
-
"shurikenUi.message"
|
|
6419
|
-
);
|
|
6989
|
+
const config = theme(`shurikenUi.${key$n}`);
|
|
6420
6990
|
addComponents({
|
|
6421
6991
|
[`.${prefix}message`]: {
|
|
6422
6992
|
[`@apply flex min-h-[3rem] items-center border p-1 pe-2`]: {},
|
|
@@ -6430,7 +7000,7 @@ const message = plugin.withOptions(
|
|
|
6430
7000
|
[`@apply text-${config.messageInnerText.textColor} px-3 block font-${config.messageInnerText.font} text-${config.messageInnerText.text}`]: {}
|
|
6431
7001
|
},
|
|
6432
7002
|
[`.${prefix}message-close`]: {
|
|
6433
|
-
[`@apply ${prefix}focus text-${config.messageClose.text} me-2 ms-auto flex cursor-pointer items-center justify-center p-${config.messageClose.space}
|
|
7003
|
+
[`@apply ${prefix}focus text-${config.messageClose.text} me-2 ms-auto flex cursor-pointer items-center justify-center p-${config.messageClose.space} rounded-${config.messageClose.rounded} transition-colors duration-${config.messageClose.duration}`]: {},
|
|
6434
7004
|
[`.${prefix}close-icon`]: {
|
|
6435
7005
|
[`@apply h-${config.messageClose.iconSize} w-${config.messageClose.iconSize}`]: {}
|
|
6436
7006
|
}
|
|
@@ -6551,14 +7121,15 @@ const message = plugin.withOptions(
|
|
|
6551
7121
|
return {
|
|
6552
7122
|
theme: {
|
|
6553
7123
|
shurikenUi: {
|
|
6554
|
-
|
|
7124
|
+
[key$n]: defaultConfig$m
|
|
6555
7125
|
}
|
|
6556
7126
|
}
|
|
6557
7127
|
};
|
|
6558
7128
|
}
|
|
6559
7129
|
);
|
|
6560
7130
|
|
|
6561
|
-
const
|
|
7131
|
+
const key$m = "modal";
|
|
7132
|
+
const defaultConfig$l = {
|
|
6562
7133
|
backdrop: {
|
|
6563
7134
|
bg: "muted-800/70",
|
|
6564
7135
|
bgDark: "muted-900/80"
|
|
@@ -6577,6 +7148,7 @@ const defaultModalConfig = {
|
|
|
6577
7148
|
modal2XL: "3xl",
|
|
6578
7149
|
modal3XL: "5xl"
|
|
6579
7150
|
};
|
|
7151
|
+
|
|
6580
7152
|
const modal = plugin.withOptions(
|
|
6581
7153
|
function(options) {
|
|
6582
7154
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -6584,9 +7156,7 @@ const modal = plugin.withOptions(
|
|
|
6584
7156
|
prefix = `${prefix}-`;
|
|
6585
7157
|
}
|
|
6586
7158
|
return function({ addComponents, theme }) {
|
|
6587
|
-
const config = theme(
|
|
6588
|
-
"shurikenUi.modal"
|
|
6589
|
-
);
|
|
7159
|
+
const config = theme(`shurikenUi.${key$m}`);
|
|
6590
7160
|
addComponents({
|
|
6591
7161
|
[`.${prefix}modal`]: {
|
|
6592
7162
|
[`@apply fixed inset-0 z-[9999] flex items-center justify-center`]: {},
|
|
@@ -6643,14 +7213,15 @@ const modal = plugin.withOptions(
|
|
|
6643
7213
|
return {
|
|
6644
7214
|
theme: {
|
|
6645
7215
|
shurikenUi: {
|
|
6646
|
-
|
|
7216
|
+
[key$m]: defaultConfig$l
|
|
6647
7217
|
}
|
|
6648
7218
|
}
|
|
6649
7219
|
};
|
|
6650
7220
|
}
|
|
6651
7221
|
);
|
|
6652
7222
|
|
|
6653
|
-
const
|
|
7223
|
+
const key$l = "pagination";
|
|
7224
|
+
const defaultConfig$k = {
|
|
6654
7225
|
size: "full",
|
|
6655
7226
|
list: {
|
|
6656
7227
|
border: "muted-200",
|
|
@@ -6727,6 +7298,7 @@ const defaultPaginationConfig = {
|
|
|
6727
7298
|
full: "full"
|
|
6728
7299
|
}
|
|
6729
7300
|
};
|
|
7301
|
+
|
|
6730
7302
|
const pagination = plugin.withOptions(
|
|
6731
7303
|
function(options) {
|
|
6732
7304
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -6734,9 +7306,7 @@ const pagination = plugin.withOptions(
|
|
|
6734
7306
|
prefix = `${prefix}-`;
|
|
6735
7307
|
}
|
|
6736
7308
|
return function({ addComponents, theme }) {
|
|
6737
|
-
const config = theme(
|
|
6738
|
-
"shurikenUi.pagination"
|
|
6739
|
-
);
|
|
7309
|
+
const config = theme(`shurikenUi.${key$l}`);
|
|
6740
7310
|
addComponents({
|
|
6741
7311
|
[`.${prefix}pagination`]: {
|
|
6742
7312
|
[`@apply inline-flex w-${config.size} flex-col md:flex-row md:justify-between`]: {},
|
|
@@ -6784,14 +7354,15 @@ const pagination = plugin.withOptions(
|
|
|
6784
7354
|
return {
|
|
6785
7355
|
theme: {
|
|
6786
7356
|
shurikenUi: {
|
|
6787
|
-
|
|
7357
|
+
[key$l]: defaultConfig$k
|
|
6788
7358
|
}
|
|
6789
7359
|
}
|
|
6790
7360
|
};
|
|
6791
7361
|
}
|
|
6792
7362
|
);
|
|
6793
7363
|
|
|
6794
|
-
const
|
|
7364
|
+
const key$k = "paragraph";
|
|
7365
|
+
const defaultConfig$j = {
|
|
6795
7366
|
textXS: "xs",
|
|
6796
7367
|
textSM: "sm",
|
|
6797
7368
|
textMD: "base",
|
|
@@ -6817,6 +7388,7 @@ const defaultParagraphConfig = {
|
|
|
6817
7388
|
textLeadSnug: "snug",
|
|
6818
7389
|
textLeadLoose: "loose"
|
|
6819
7390
|
};
|
|
7391
|
+
|
|
6820
7392
|
const paragraph = plugin.withOptions(
|
|
6821
7393
|
function(options) {
|
|
6822
7394
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -6824,9 +7396,7 @@ const paragraph = plugin.withOptions(
|
|
|
6824
7396
|
prefix = `${prefix}-`;
|
|
6825
7397
|
}
|
|
6826
7398
|
return function({ addComponents, theme }) {
|
|
6827
|
-
const config = theme(
|
|
6828
|
-
"shurikenUi.paragraph"
|
|
6829
|
-
);
|
|
7399
|
+
const config = theme(`shurikenUi.${key$k}`);
|
|
6830
7400
|
addComponents({
|
|
6831
7401
|
[`.${prefix}paragraph`]: {
|
|
6832
7402
|
[`@apply font-sans`]: {},
|
|
@@ -6910,14 +7480,15 @@ const paragraph = plugin.withOptions(
|
|
|
6910
7480
|
return {
|
|
6911
7481
|
theme: {
|
|
6912
7482
|
shurikenUi: {
|
|
6913
|
-
|
|
7483
|
+
[key$k]: defaultConfig$j
|
|
6914
7484
|
}
|
|
6915
7485
|
}
|
|
6916
7486
|
};
|
|
6917
7487
|
}
|
|
6918
7488
|
);
|
|
6919
7489
|
|
|
6920
|
-
const
|
|
7490
|
+
const key$j = "placeholderPage";
|
|
7491
|
+
const defaultConfig$i = {
|
|
6921
7492
|
minSize: "[400px]",
|
|
6922
7493
|
innerSize: "full",
|
|
6923
7494
|
maxContentSize: "sm",
|
|
@@ -6934,6 +7505,7 @@ const defaultPlaceholderPageConfig = {
|
|
|
6934
7505
|
text: "muted-400"
|
|
6935
7506
|
}
|
|
6936
7507
|
};
|
|
7508
|
+
|
|
6937
7509
|
const placeholderPage = plugin.withOptions(
|
|
6938
7510
|
function(options) {
|
|
6939
7511
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -6941,9 +7513,7 @@ const placeholderPage = plugin.withOptions(
|
|
|
6941
7513
|
prefix = `${prefix}-`;
|
|
6942
7514
|
}
|
|
6943
7515
|
return function({ addComponents, theme }) {
|
|
6944
|
-
const config = theme(
|
|
6945
|
-
"shurikenUi.placeholderPage"
|
|
6946
|
-
);
|
|
7516
|
+
const config = theme(`shurikenUi.${key$j}`);
|
|
6947
7517
|
addComponents({
|
|
6948
7518
|
[`.${prefix}placeholder-page`]: {
|
|
6949
7519
|
[`@apply flex min-h-${config.minSize} items-center justify-center`]: {},
|
|
@@ -6988,20 +7558,24 @@ const placeholderPage = plugin.withOptions(
|
|
|
6988
7558
|
return {
|
|
6989
7559
|
theme: {
|
|
6990
7560
|
shurikenUi: {
|
|
6991
|
-
|
|
7561
|
+
[key$j]: defaultConfig$i
|
|
6992
7562
|
}
|
|
6993
7563
|
}
|
|
6994
7564
|
};
|
|
6995
7565
|
}
|
|
6996
7566
|
);
|
|
6997
7567
|
|
|
7568
|
+
const key$i = "placeload";
|
|
7569
|
+
const defaultConfig$h = {};
|
|
7570
|
+
|
|
6998
7571
|
const placeload = plugin.withOptions(
|
|
6999
7572
|
function(options) {
|
|
7000
7573
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
7001
7574
|
if (prefix) {
|
|
7002
7575
|
prefix = `${prefix}-`;
|
|
7003
7576
|
}
|
|
7004
|
-
return function({ addComponents }) {
|
|
7577
|
+
return function({ addComponents, theme }) {
|
|
7578
|
+
theme(`shurikenUi.${key$i}`);
|
|
7005
7579
|
addComponents({
|
|
7006
7580
|
[`.${prefix}placeload`]: {
|
|
7007
7581
|
position: "relative",
|
|
@@ -7023,6 +7597,9 @@ const placeload = plugin.withOptions(
|
|
|
7023
7597
|
}
|
|
7024
7598
|
return {
|
|
7025
7599
|
theme: {
|
|
7600
|
+
shurikenUi: {
|
|
7601
|
+
[key$i]: defaultConfig$h
|
|
7602
|
+
},
|
|
7026
7603
|
extend: {
|
|
7027
7604
|
keyframes: {
|
|
7028
7605
|
[`${prefix}placeload`]: {
|
|
@@ -7039,7 +7616,8 @@ const placeload = plugin.withOptions(
|
|
|
7039
7616
|
}
|
|
7040
7617
|
);
|
|
7041
7618
|
|
|
7042
|
-
const
|
|
7619
|
+
const key$h = "progressCircle";
|
|
7620
|
+
const defaultConfig$g = {
|
|
7043
7621
|
circleDuration: "500",
|
|
7044
7622
|
default: {
|
|
7045
7623
|
text: "muted-200",
|
|
@@ -7052,6 +7630,7 @@ const defaultProgressCircleConfig = {
|
|
|
7052
7630
|
stroke: "current"
|
|
7053
7631
|
}
|
|
7054
7632
|
};
|
|
7633
|
+
|
|
7055
7634
|
const progressCircle = plugin.withOptions(
|
|
7056
7635
|
function(options) {
|
|
7057
7636
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -7059,9 +7638,7 @@ const progressCircle = plugin.withOptions(
|
|
|
7059
7638
|
prefix = `${prefix}-`;
|
|
7060
7639
|
}
|
|
7061
7640
|
return function({ addComponents, theme }) {
|
|
7062
|
-
const config = theme(
|
|
7063
|
-
"shurikenUi.progressCircle"
|
|
7064
|
-
);
|
|
7641
|
+
const config = theme(`shurikenUi.${key$h}`);
|
|
7065
7642
|
addComponents({
|
|
7066
7643
|
[`.${prefix}progress-circle`]: {
|
|
7067
7644
|
[`@apply relative inline-flex items-center justify-center`]: {},
|
|
@@ -7082,14 +7659,15 @@ const progressCircle = plugin.withOptions(
|
|
|
7082
7659
|
return {
|
|
7083
7660
|
theme: {
|
|
7084
7661
|
shurikenUi: {
|
|
7085
|
-
|
|
7662
|
+
[key$h]: defaultConfig$g
|
|
7086
7663
|
}
|
|
7087
7664
|
}
|
|
7088
7665
|
};
|
|
7089
7666
|
}
|
|
7090
7667
|
);
|
|
7091
7668
|
|
|
7092
|
-
const
|
|
7669
|
+
const key$g = "progress";
|
|
7670
|
+
const defaultConfig$f = {
|
|
7093
7671
|
size: "full",
|
|
7094
7672
|
bar: {
|
|
7095
7673
|
duration: "300"
|
|
@@ -7117,6 +7695,7 @@ const defaultProgressConfig = {
|
|
|
7117
7695
|
warning: "warning-500",
|
|
7118
7696
|
danger: "danger-500"
|
|
7119
7697
|
};
|
|
7698
|
+
|
|
7120
7699
|
const progress = plugin.withOptions(
|
|
7121
7700
|
function(options) {
|
|
7122
7701
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -7124,9 +7703,7 @@ const progress = plugin.withOptions(
|
|
|
7124
7703
|
prefix = `${prefix}-`;
|
|
7125
7704
|
}
|
|
7126
7705
|
return function({ addComponents, theme }) {
|
|
7127
|
-
const config = theme(
|
|
7128
|
-
"shurikenUi.progress"
|
|
7129
|
-
);
|
|
7706
|
+
const config = theme(`shurikenUi.${key$g}`);
|
|
7130
7707
|
addComponents({
|
|
7131
7708
|
[`.${prefix}progress`]: {
|
|
7132
7709
|
[`@apply relative w-${config.size} overflow-hidden`]: {},
|
|
@@ -7203,7 +7780,7 @@ const progress = plugin.withOptions(
|
|
|
7203
7780
|
return {
|
|
7204
7781
|
theme: {
|
|
7205
7782
|
shurikenUi: {
|
|
7206
|
-
|
|
7783
|
+
[key$g]: defaultConfig$f
|
|
7207
7784
|
},
|
|
7208
7785
|
extend: {
|
|
7209
7786
|
keyframes: {
|
|
@@ -7222,7 +7799,8 @@ const progress = plugin.withOptions(
|
|
|
7222
7799
|
}
|
|
7223
7800
|
);
|
|
7224
7801
|
|
|
7225
|
-
const
|
|
7802
|
+
const key$f = "prose";
|
|
7803
|
+
const defaultConfig$e = {
|
|
7226
7804
|
color: "muted",
|
|
7227
7805
|
dark: "invert",
|
|
7228
7806
|
space: "4",
|
|
@@ -7241,6 +7819,7 @@ const defaultProseConfig = {
|
|
|
7241
7819
|
tdBorderDark: "muted-700"
|
|
7242
7820
|
}
|
|
7243
7821
|
};
|
|
7822
|
+
|
|
7244
7823
|
const prose = plugin.withOptions(
|
|
7245
7824
|
function(options) {
|
|
7246
7825
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -7248,9 +7827,7 @@ const prose = plugin.withOptions(
|
|
|
7248
7827
|
prefix = `${prefix}-`;
|
|
7249
7828
|
}
|
|
7250
7829
|
return function({ addComponents, theme }) {
|
|
7251
|
-
const config = theme(
|
|
7252
|
-
"shurikenUi.prose"
|
|
7253
|
-
);
|
|
7830
|
+
const config = theme(`shurikenUi.${key$f}`);
|
|
7254
7831
|
addComponents({
|
|
7255
7832
|
[`.${prefix}prose`]: {
|
|
7256
7833
|
[`@apply prose prose-primary prose-${config.color} dark:prose-${config.dark} prose-th:p-${config.space} prose-td:p-${config.space} prose-table:bg-${config.bgTable} dark:prose-table:bg-${config.bgTableDark} prose-table:border prose-table:border-${config.borderTable} dark:prose-table:border-${config.borderTableDark}`]: {},
|
|
@@ -7271,14 +7848,15 @@ const prose = plugin.withOptions(
|
|
|
7271
7848
|
return {
|
|
7272
7849
|
theme: {
|
|
7273
7850
|
shurikenUi: {
|
|
7274
|
-
|
|
7851
|
+
[key$f]: defaultConfig$e
|
|
7275
7852
|
}
|
|
7276
7853
|
}
|
|
7277
7854
|
};
|
|
7278
7855
|
}
|
|
7279
7856
|
);
|
|
7280
7857
|
|
|
7281
|
-
const
|
|
7858
|
+
const key$e = "radio";
|
|
7859
|
+
const defaultConfig$d = {
|
|
7282
7860
|
outer: {
|
|
7283
7861
|
size: "5"
|
|
7284
7862
|
},
|
|
@@ -7321,6 +7899,7 @@ const defaultRadioConfig = {
|
|
|
7321
7899
|
warning: "warning-500",
|
|
7322
7900
|
danger: "danger-500"
|
|
7323
7901
|
};
|
|
7902
|
+
|
|
7324
7903
|
const radio = plugin.withOptions(
|
|
7325
7904
|
function(options) {
|
|
7326
7905
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -7328,9 +7907,7 @@ const radio = plugin.withOptions(
|
|
|
7328
7907
|
prefix = `${prefix}-`;
|
|
7329
7908
|
}
|
|
7330
7909
|
return function({ addComponents, theme }) {
|
|
7331
|
-
const config = theme(
|
|
7332
|
-
"shurikenUi.radio"
|
|
7333
|
-
);
|
|
7910
|
+
const config = theme(`shurikenUi.${key$e}`);
|
|
7334
7911
|
addComponents({
|
|
7335
7912
|
[`.${prefix}radio`]: {
|
|
7336
7913
|
[`@apply relative inline-flex items-start gap-1`]: {},
|
|
@@ -7393,14 +7970,15 @@ const radio = plugin.withOptions(
|
|
|
7393
7970
|
return {
|
|
7394
7971
|
theme: {
|
|
7395
7972
|
shurikenUi: {
|
|
7396
|
-
|
|
7973
|
+
[key$e]: defaultConfig$d
|
|
7397
7974
|
}
|
|
7398
7975
|
}
|
|
7399
7976
|
};
|
|
7400
7977
|
}
|
|
7401
7978
|
);
|
|
7402
7979
|
|
|
7403
|
-
const
|
|
7980
|
+
const key$d = "select";
|
|
7981
|
+
const defaultConfig$c = {
|
|
7404
7982
|
labelFloat: {
|
|
7405
7983
|
text: "primary-500",
|
|
7406
7984
|
size: "5",
|
|
@@ -7569,6 +8147,7 @@ const defaultSelectConfig = {
|
|
|
7569
8147
|
}
|
|
7570
8148
|
}
|
|
7571
8149
|
};
|
|
8150
|
+
|
|
7572
8151
|
const select = plugin.withOptions(
|
|
7573
8152
|
function(options) {
|
|
7574
8153
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -7576,9 +8155,7 @@ const select = plugin.withOptions(
|
|
|
7576
8155
|
prefix = `${prefix}-`;
|
|
7577
8156
|
}
|
|
7578
8157
|
return function({ addComponents, theme }) {
|
|
7579
|
-
const config = theme(
|
|
7580
|
-
"shurikenUi.select"
|
|
7581
|
-
);
|
|
8158
|
+
const config = theme(`shurikenUi.${key$d}`);
|
|
7582
8159
|
addComponents({
|
|
7583
8160
|
[`.${prefix}select-wrapper`]: {
|
|
7584
8161
|
[`@apply relative`]: {},
|
|
@@ -7860,20 +8437,22 @@ const select = plugin.withOptions(
|
|
|
7860
8437
|
return {
|
|
7861
8438
|
theme: {
|
|
7862
8439
|
shurikenUi: {
|
|
7863
|
-
|
|
8440
|
+
[key$d]: defaultConfig$c
|
|
7864
8441
|
}
|
|
7865
8442
|
}
|
|
7866
8443
|
};
|
|
7867
8444
|
}
|
|
7868
8445
|
);
|
|
7869
8446
|
|
|
7870
|
-
const
|
|
8447
|
+
const key$c = "slimscroll";
|
|
8448
|
+
const defaultConfig$b = {
|
|
7871
8449
|
width: "[6px]",
|
|
7872
8450
|
bg: "black/5",
|
|
7873
8451
|
bgDark: "white/5",
|
|
7874
8452
|
bgHover: "black/20",
|
|
7875
8453
|
bgHoverDark: "white/20"
|
|
7876
8454
|
};
|
|
8455
|
+
|
|
7877
8456
|
const slimscroll = plugin.withOptions(
|
|
7878
8457
|
function(options) {
|
|
7879
8458
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -7881,9 +8460,7 @@ const slimscroll = plugin.withOptions(
|
|
|
7881
8460
|
prefix = `${prefix}-`;
|
|
7882
8461
|
}
|
|
7883
8462
|
return function({ addComponents, theme }) {
|
|
7884
|
-
const config = theme(
|
|
7885
|
-
"shurikenUi.slimscroll"
|
|
7886
|
-
);
|
|
8463
|
+
const config = theme(`shurikenUi.${key$c}`);
|
|
7887
8464
|
addComponents({
|
|
7888
8465
|
[`.${prefix}slimscroll::-webkit-scrollbar, .${prefix}slimscroll-opaque::-webkit-scrollbar`]: {
|
|
7889
8466
|
scrollBehavior: "smooth",
|
|
@@ -7906,14 +8483,15 @@ const slimscroll = plugin.withOptions(
|
|
|
7906
8483
|
return {
|
|
7907
8484
|
theme: {
|
|
7908
8485
|
shurikenUi: {
|
|
7909
|
-
|
|
8486
|
+
[key$c]: defaultConfig$b
|
|
7910
8487
|
}
|
|
7911
8488
|
}
|
|
7912
8489
|
};
|
|
7913
8490
|
}
|
|
7914
8491
|
);
|
|
7915
8492
|
|
|
7916
|
-
const
|
|
8493
|
+
const key$b = "snack";
|
|
8494
|
+
const defaultConfig$a = {
|
|
7917
8495
|
rounded: "full",
|
|
7918
8496
|
icon: {
|
|
7919
8497
|
border: "muted-200",
|
|
@@ -7967,6 +8545,7 @@ const defaultSnackConfig = {
|
|
|
7967
8545
|
bgDark: "muted-700"
|
|
7968
8546
|
}
|
|
7969
8547
|
};
|
|
8548
|
+
|
|
7970
8549
|
const snack = plugin.withOptions(
|
|
7971
8550
|
function(options) {
|
|
7972
8551
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -7974,12 +8553,10 @@ const snack = plugin.withOptions(
|
|
|
7974
8553
|
prefix = `${prefix}-`;
|
|
7975
8554
|
}
|
|
7976
8555
|
return function({ addComponents, theme }) {
|
|
7977
|
-
const config = theme(
|
|
7978
|
-
"shurikenUi.snack"
|
|
7979
|
-
);
|
|
8556
|
+
const config = theme(`shurikenUi.${key$b}`);
|
|
7980
8557
|
addComponents({
|
|
7981
8558
|
[`.${prefix}snack`]: {
|
|
7982
|
-
[`@apply
|
|
8559
|
+
[`@apply inline-flex items-center gap-1 rounded-${config.rounded} outline-transparent`]: {},
|
|
7983
8560
|
[`.${prefix}snack-icon`]: {
|
|
7984
8561
|
[`@apply border-${config.icon.border} -ms-0.5 flex items-center justify-center rounded-${config.icon.rounded} border bg-${config.icon.bg}`]: {}
|
|
7985
8562
|
},
|
|
@@ -8036,14 +8613,15 @@ const snack = plugin.withOptions(
|
|
|
8036
8613
|
return {
|
|
8037
8614
|
theme: {
|
|
8038
8615
|
shurikenUi: {
|
|
8039
|
-
|
|
8616
|
+
[key$b]: defaultConfig$a
|
|
8040
8617
|
}
|
|
8041
8618
|
}
|
|
8042
8619
|
};
|
|
8043
8620
|
}
|
|
8044
8621
|
);
|
|
8045
8622
|
|
|
8046
|
-
const
|
|
8623
|
+
const key$a = "switchBall";
|
|
8624
|
+
const defaulConfig = {
|
|
8047
8625
|
handle: {
|
|
8048
8626
|
border: "muted-300",
|
|
8049
8627
|
borderDark: "muted-600",
|
|
@@ -8091,6 +8669,7 @@ const defaultSwitchBallConfig = {
|
|
|
8091
8669
|
warning: "warning-400",
|
|
8092
8670
|
danger: "danger-400"
|
|
8093
8671
|
};
|
|
8672
|
+
|
|
8094
8673
|
const switchBall = plugin.withOptions(
|
|
8095
8674
|
function(options) {
|
|
8096
8675
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -8098,20 +8677,18 @@ const switchBall = plugin.withOptions(
|
|
|
8098
8677
|
prefix = `${prefix}-`;
|
|
8099
8678
|
}
|
|
8100
8679
|
return function({ addComponents, theme }) {
|
|
8101
|
-
const config = theme(
|
|
8102
|
-
"shurikenUi.switchBall"
|
|
8103
|
-
);
|
|
8680
|
+
const config = theme(`shurikenUi.${key$a}`);
|
|
8104
8681
|
addComponents({
|
|
8105
8682
|
[`.${prefix}switch-ball`]: {
|
|
8106
8683
|
[`@apply flex cursor-pointer items-center`]: {},
|
|
8107
8684
|
[`.${prefix}switch-ball-outer`]: {
|
|
8108
|
-
[`@apply relative block`]: {}
|
|
8685
|
+
[`@apply ${prefix}focus relative block rounded-${config.handle.rounded}`]: {}
|
|
8109
8686
|
},
|
|
8110
8687
|
[`.${prefix}switch-ball-handle`]: {
|
|
8111
8688
|
[`@apply border-${config.handle.border} dark:border-${config.handle.borderDark} dark:bg-${config.handle.bgDark} absolute start-0.5 top-1/2 z-10 flex h-${config.handle.size} w-${config.handle.size} -translate-y-1/2 items-center justify-center rounded-${config.handle.rounded} border bg-${config.handle.bg} shadow transition focus:w-6`]: {}
|
|
8112
8689
|
},
|
|
8113
8690
|
[`.${prefix}switch-ball-track`]: {
|
|
8114
|
-
[`@apply bg-${config.track.bg} dark:bg-${config.track.bgDark} block h-6 w-11 rounded-${config.track.rounded} shadow-inner
|
|
8691
|
+
[`@apply bg-${config.track.bg} dark:bg-${config.track.bgDark} block h-6 w-11 rounded-${config.track.rounded} shadow-inner transition-all duration-${config.track.duration}`]: {}
|
|
8115
8692
|
},
|
|
8116
8693
|
[`.${prefix}switch-ball-icon`]: {
|
|
8117
8694
|
[`@apply pointer-events-none absolute start-2 top-1/2 z-10 h-${config.icon.size} w-${config.icon.size} translate-y-0 fill-current text-${config.icon.text} opacity-0 transition duration-${config.icon.duration}`]: {}
|
|
@@ -8133,9 +8710,6 @@ const switchBall = plugin.withOptions(
|
|
|
8133
8710
|
[`&:checked ~ .${prefix}switch-ball-handle`]: {
|
|
8134
8711
|
[`@apply -translate-y-1/2 translate-x-full rtl:-translate-x-full`]: {}
|
|
8135
8712
|
},
|
|
8136
|
-
[`&:checked ~ .${prefix}switch-ball-track`]: {
|
|
8137
|
-
[`@apply outline-dashed outline-offset-2 ring-0 dark:outline-muted-600 outline-muted-300`]: {}
|
|
8138
|
-
},
|
|
8139
8713
|
[`&:checked ~ .${prefix}switch-ball-icon`]: {
|
|
8140
8714
|
[`@apply -translate-y-1/2 opacity-100`]: {}
|
|
8141
8715
|
}
|
|
@@ -8163,14 +8737,15 @@ const switchBall = plugin.withOptions(
|
|
|
8163
8737
|
return {
|
|
8164
8738
|
theme: {
|
|
8165
8739
|
shurikenUi: {
|
|
8166
|
-
|
|
8740
|
+
[key$a]: defaulConfig
|
|
8167
8741
|
}
|
|
8168
8742
|
}
|
|
8169
8743
|
};
|
|
8170
8744
|
}
|
|
8171
8745
|
);
|
|
8172
8746
|
|
|
8173
|
-
const
|
|
8747
|
+
const key$9 = "switchThin";
|
|
8748
|
+
const defaultConfig$9 = {
|
|
8174
8749
|
handle: {
|
|
8175
8750
|
border: "muted-300",
|
|
8176
8751
|
borderDark: "muted-600",
|
|
@@ -8213,6 +8788,7 @@ const defaultSwitchThinConfig = {
|
|
|
8213
8788
|
warning: "warning-400",
|
|
8214
8789
|
danger: "danger-400"
|
|
8215
8790
|
};
|
|
8791
|
+
|
|
8216
8792
|
const switchThin = plugin.withOptions(
|
|
8217
8793
|
function(options) {
|
|
8218
8794
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -8220,20 +8796,18 @@ const switchThin = plugin.withOptions(
|
|
|
8220
8796
|
prefix = `${prefix}-`;
|
|
8221
8797
|
}
|
|
8222
8798
|
return function({ addComponents, theme }) {
|
|
8223
|
-
const config = theme(
|
|
8224
|
-
"shurikenUi.switchThin"
|
|
8225
|
-
);
|
|
8799
|
+
const config = theme(`shurikenUi.switchThin`);
|
|
8226
8800
|
addComponents({
|
|
8227
8801
|
[`.${prefix}switch-thin`]: {
|
|
8228
8802
|
[`@apply flex cursor-pointer items-center`]: {},
|
|
8229
8803
|
[`.${prefix}switch-thin-outer`]: {
|
|
8230
|
-
[`@apply relative block h-4`]: {}
|
|
8804
|
+
[`@apply ${prefix}focus relative block h-4 rounded-${config.handle.rounded}`]: {}
|
|
8231
8805
|
},
|
|
8232
8806
|
[`.${prefix}switch-thin-handle`]: {
|
|
8233
8807
|
[`@apply border-${config.handle.border} dark:border-${config.handle.borderDark} dark:bg-${config.handle.bgDark} absolute -start-1 top-1/2 flex h-${config.handle.size} w-${config.handle.size} -translate-y-1/2 items-center justify-center rounded-${config.handle.rounded} border bg-${config.handle.bg} shadow transition`]: {}
|
|
8234
8808
|
},
|
|
8235
8809
|
[`.${prefix}switch-thin-track`]: {
|
|
8236
|
-
[`@apply bg-${config.track.bg} dark:bg-${config.track.bgDark} block h-4 w-10 rounded-${config.track.rounded} shadow-inner
|
|
8810
|
+
[`@apply bg-${config.track.bg} dark:bg-${config.track.bgDark} block h-4 w-10 rounded-${config.track.rounded} shadow-inner transition-all duration-${config.track.duration}`]: {}
|
|
8237
8811
|
},
|
|
8238
8812
|
[`.${prefix}switch-thin-single-label`]: {
|
|
8239
8813
|
[`@apply text-${config.singleLabel.text} relative ms-3 cursor-pointer select-none font-${config.singleLabel.font} text-${config.singleLabel.textSize}`]: {}
|
|
@@ -8251,9 +8825,6 @@ const switchThin = plugin.withOptions(
|
|
|
8251
8825
|
[`@apply absolute z-20 h-${config.input.size} w-${config.input.size} cursor-pointer opacity-0`]: {},
|
|
8252
8826
|
[`&:checked ~ .${prefix}switch-thin-handle`]: {
|
|
8253
8827
|
[`@apply -translate-y-1/2 translate-x-full rtl:-translate-x-full`]: {}
|
|
8254
|
-
},
|
|
8255
|
-
[`&:checked ~ .${prefix}switch-thin-track`]: {
|
|
8256
|
-
[`@apply outline-dashed outline-offset-2 ring-0 dark:outline-muted-600 outline-muted-300`]: {}
|
|
8257
8828
|
}
|
|
8258
8829
|
},
|
|
8259
8830
|
[`&.${prefix}switch-thin-primary .${prefix}switch-thin-input:checked ~ .${prefix}switch-thin-track`]: {
|
|
@@ -8279,14 +8850,15 @@ const switchThin = plugin.withOptions(
|
|
|
8279
8850
|
return {
|
|
8280
8851
|
theme: {
|
|
8281
8852
|
shurikenUi: {
|
|
8282
|
-
|
|
8853
|
+
[key$9]: defaultConfig$9
|
|
8283
8854
|
}
|
|
8284
8855
|
}
|
|
8285
8856
|
};
|
|
8286
8857
|
}
|
|
8287
8858
|
);
|
|
8288
8859
|
|
|
8289
|
-
const
|
|
8860
|
+
const key$8 = "tabSlider";
|
|
8861
|
+
const defaultConfig$8 = {
|
|
8290
8862
|
track: {
|
|
8291
8863
|
bg: "muted-100",
|
|
8292
8864
|
bgDark: "muted-700",
|
|
@@ -8320,6 +8892,7 @@ const defaultTabSliderConfig = {
|
|
|
8320
8892
|
track: "10"
|
|
8321
8893
|
}
|
|
8322
8894
|
};
|
|
8895
|
+
|
|
8323
8896
|
const tabSlider = plugin.withOptions(
|
|
8324
8897
|
function(options) {
|
|
8325
8898
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -8327,9 +8900,7 @@ const tabSlider = plugin.withOptions(
|
|
|
8327
8900
|
prefix = `${prefix}-`;
|
|
8328
8901
|
}
|
|
8329
8902
|
return function({ addComponents, theme }) {
|
|
8330
|
-
const config = theme(
|
|
8331
|
-
"shurikenUi.tabSlider"
|
|
8332
|
-
);
|
|
8903
|
+
const config = theme(`shurikenUi.${key$8}`);
|
|
8333
8904
|
addComponents({
|
|
8334
8905
|
[`.${prefix}tab-slider`]: {
|
|
8335
8906
|
[`@apply relative`]: {},
|
|
@@ -8440,14 +9011,15 @@ const tabSlider = plugin.withOptions(
|
|
|
8440
9011
|
return {
|
|
8441
9012
|
theme: {
|
|
8442
9013
|
shurikenUi: {
|
|
8443
|
-
|
|
9014
|
+
[key$8]: defaultConfig$8
|
|
8444
9015
|
}
|
|
8445
9016
|
}
|
|
8446
9017
|
};
|
|
8447
9018
|
}
|
|
8448
9019
|
);
|
|
8449
9020
|
|
|
8450
|
-
const
|
|
9021
|
+
const key$7 = "tabs";
|
|
9022
|
+
const defaultConfig$7 = {
|
|
8451
9023
|
inner: {
|
|
8452
9024
|
font: "sans",
|
|
8453
9025
|
space: "6"
|
|
@@ -8480,6 +9052,7 @@ const defaultTabsConfig = {
|
|
|
8480
9052
|
}
|
|
8481
9053
|
}
|
|
8482
9054
|
};
|
|
9055
|
+
|
|
8483
9056
|
const tabs = plugin.withOptions(
|
|
8484
9057
|
function(options) {
|
|
8485
9058
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -8487,7 +9060,7 @@ const tabs = plugin.withOptions(
|
|
|
8487
9060
|
prefix = `${prefix}-`;
|
|
8488
9061
|
}
|
|
8489
9062
|
return function({ addComponents, theme }) {
|
|
8490
|
-
const config = theme(
|
|
9063
|
+
const config = theme(`shurikenUi.${key$7}`);
|
|
8491
9064
|
addComponents({
|
|
8492
9065
|
[`.${prefix}tabs`]: {
|
|
8493
9066
|
[`@apply relative`]: {},
|
|
@@ -8542,14 +9115,15 @@ const tabs = plugin.withOptions(
|
|
|
8542
9115
|
return {
|
|
8543
9116
|
theme: {
|
|
8544
9117
|
shurikenUi: {
|
|
8545
|
-
|
|
9118
|
+
[key$7]: defaultConfig$7
|
|
8546
9119
|
}
|
|
8547
9120
|
}
|
|
8548
9121
|
};
|
|
8549
9122
|
}
|
|
8550
9123
|
);
|
|
8551
9124
|
|
|
8552
|
-
const
|
|
9125
|
+
const key$6 = "tag";
|
|
9126
|
+
const defaultConfig$6 = {
|
|
8553
9127
|
space: "3",
|
|
8554
9128
|
font: "sans",
|
|
8555
9129
|
duration: "300",
|
|
@@ -8711,6 +9285,7 @@ const defaultTagConfig = {
|
|
|
8711
9285
|
}
|
|
8712
9286
|
}
|
|
8713
9287
|
};
|
|
9288
|
+
|
|
8714
9289
|
const tag = plugin.withOptions(
|
|
8715
9290
|
function(options) {
|
|
8716
9291
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -8718,7 +9293,7 @@ const tag = plugin.withOptions(
|
|
|
8718
9293
|
prefix = `${prefix}-`;
|
|
8719
9294
|
}
|
|
8720
9295
|
return function({ addComponents, theme }) {
|
|
8721
|
-
const config = theme(
|
|
9296
|
+
const config = theme(`shurikenUi.${key$6}`);
|
|
8722
9297
|
addComponents({
|
|
8723
9298
|
[`.${prefix}tag`]: {
|
|
8724
9299
|
[`@apply inline-block px-${config.space} font-${config.font} transition-shadow duration-${config.duration}`]: {},
|
|
@@ -8847,14 +9422,15 @@ const tag = plugin.withOptions(
|
|
|
8847
9422
|
return {
|
|
8848
9423
|
theme: {
|
|
8849
9424
|
shurikenUi: {
|
|
8850
|
-
|
|
9425
|
+
[key$6]: defaultConfig$6
|
|
8851
9426
|
}
|
|
8852
9427
|
}
|
|
8853
9428
|
};
|
|
8854
9429
|
}
|
|
8855
9430
|
);
|
|
8856
9431
|
|
|
8857
|
-
const
|
|
9432
|
+
const key$5 = "text";
|
|
9433
|
+
const defaultConfig$5 = {
|
|
8858
9434
|
textXS: "xs",
|
|
8859
9435
|
textSM: "sm",
|
|
8860
9436
|
textMD: "base",
|
|
@@ -8880,6 +9456,7 @@ const defaultTextConfig = {
|
|
|
8880
9456
|
textLeadSnug: "snug",
|
|
8881
9457
|
textLeadLoose: "loose"
|
|
8882
9458
|
};
|
|
9459
|
+
|
|
8883
9460
|
const text$1 = plugin.withOptions(
|
|
8884
9461
|
function(options) {
|
|
8885
9462
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -8887,7 +9464,7 @@ const text$1 = plugin.withOptions(
|
|
|
8887
9464
|
prefix = `${prefix}-`;
|
|
8888
9465
|
}
|
|
8889
9466
|
return function({ addComponents, theme }) {
|
|
8890
|
-
const config = theme(
|
|
9467
|
+
const config = theme(`shurikenUi.${key$5}`);
|
|
8891
9468
|
addComponents({
|
|
8892
9469
|
[`.${prefix}text`]: {
|
|
8893
9470
|
[`@apply font-sans`]: {},
|
|
@@ -8971,14 +9548,15 @@ const text$1 = plugin.withOptions(
|
|
|
8971
9548
|
return {
|
|
8972
9549
|
theme: {
|
|
8973
9550
|
shurikenUi: {
|
|
8974
|
-
|
|
9551
|
+
[key$5]: defaultConfig$5
|
|
8975
9552
|
}
|
|
8976
9553
|
}
|
|
8977
9554
|
};
|
|
8978
9555
|
}
|
|
8979
9556
|
);
|
|
8980
9557
|
|
|
8981
|
-
const
|
|
9558
|
+
const key$4 = "textarea";
|
|
9559
|
+
const defaultConfig$4 = {
|
|
8982
9560
|
labelFloat: {
|
|
8983
9561
|
text: "primary-500",
|
|
8984
9562
|
size: "5",
|
|
@@ -9095,6 +9673,7 @@ const defaultTextareaConfig = {
|
|
|
9095
9673
|
}
|
|
9096
9674
|
}
|
|
9097
9675
|
};
|
|
9676
|
+
|
|
9098
9677
|
const textarea = plugin.withOptions(
|
|
9099
9678
|
function(options) {
|
|
9100
9679
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -9102,9 +9681,7 @@ const textarea = plugin.withOptions(
|
|
|
9102
9681
|
prefix = `${prefix}-`;
|
|
9103
9682
|
}
|
|
9104
9683
|
return function({ addComponents, theme }) {
|
|
9105
|
-
const config = theme(
|
|
9106
|
-
"shurikenUi.textarea"
|
|
9107
|
-
);
|
|
9684
|
+
const config = theme(`shurikenUi.${key$4}`);
|
|
9108
9685
|
addComponents({
|
|
9109
9686
|
[`.${prefix}textarea-wrapper`]: {
|
|
9110
9687
|
[`@apply relative`]: {},
|
|
@@ -9294,14 +9871,15 @@ const textarea = plugin.withOptions(
|
|
|
9294
9871
|
return {
|
|
9295
9872
|
theme: {
|
|
9296
9873
|
shurikenUi: {
|
|
9297
|
-
|
|
9874
|
+
[key$4]: defaultConfig$4
|
|
9298
9875
|
}
|
|
9299
9876
|
}
|
|
9300
9877
|
};
|
|
9301
9878
|
}
|
|
9302
9879
|
);
|
|
9303
9880
|
|
|
9304
|
-
const
|
|
9881
|
+
const key$3 = "themeSwitch";
|
|
9882
|
+
const defaultConfig$3 = {
|
|
9305
9883
|
bg: "muted-200",
|
|
9306
9884
|
bgDark: "muted-700",
|
|
9307
9885
|
rounded: "full",
|
|
@@ -9328,6 +9906,7 @@ const defaultThemeSwitchConfig = {
|
|
|
9328
9906
|
duration: "300"
|
|
9329
9907
|
}
|
|
9330
9908
|
};
|
|
9909
|
+
|
|
9331
9910
|
const themeSwitch = plugin.withOptions(
|
|
9332
9911
|
function(options) {
|
|
9333
9912
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -9335,9 +9914,7 @@ const themeSwitch = plugin.withOptions(
|
|
|
9335
9914
|
prefix = `${prefix}-`;
|
|
9336
9915
|
}
|
|
9337
9916
|
return function({ addComponents, theme }) {
|
|
9338
|
-
const config = theme(
|
|
9339
|
-
"shurikenUi.themeSwitch"
|
|
9340
|
-
);
|
|
9917
|
+
const config = theme(`shurikenUi.${key$3}`);
|
|
9341
9918
|
addComponents({
|
|
9342
9919
|
[`.${prefix}theme-switch`]: {
|
|
9343
9920
|
[`@apply bg-${config.bg} dark:bg-${config.bgDark} relative block h-6 w-14 scale-[0.8] rounded-${config.rounded}`]: {},
|
|
@@ -9376,14 +9953,15 @@ const themeSwitch = plugin.withOptions(
|
|
|
9376
9953
|
return {
|
|
9377
9954
|
theme: {
|
|
9378
9955
|
shurikenUi: {
|
|
9379
|
-
|
|
9956
|
+
[key$3]: defaultConfig$3
|
|
9380
9957
|
}
|
|
9381
9958
|
}
|
|
9382
9959
|
};
|
|
9383
9960
|
}
|
|
9384
9961
|
);
|
|
9385
9962
|
|
|
9386
|
-
const
|
|
9963
|
+
const key$2 = "themeToggle";
|
|
9964
|
+
const defaultConfig$2 = {
|
|
9387
9965
|
size: "9",
|
|
9388
9966
|
rounded: "full",
|
|
9389
9967
|
duration: "300",
|
|
@@ -9426,6 +10004,7 @@ const defaultThemeToggleConfig = {
|
|
|
9426
10004
|
}
|
|
9427
10005
|
}
|
|
9428
10006
|
};
|
|
10007
|
+
|
|
9429
10008
|
const themeToggle = plugin.withOptions(
|
|
9430
10009
|
function(options) {
|
|
9431
10010
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -9433,9 +10012,7 @@ const themeToggle = plugin.withOptions(
|
|
|
9433
10012
|
prefix = `${prefix}-`;
|
|
9434
10013
|
}
|
|
9435
10014
|
return function({ addComponents, theme }) {
|
|
9436
|
-
const config = theme(
|
|
9437
|
-
"shurikenUi.themeToggle"
|
|
9438
|
-
);
|
|
10015
|
+
const config = theme(`shurikenUi.${key$2}`);
|
|
9439
10016
|
addComponents({
|
|
9440
10017
|
[`.${prefix}theme-toggle`]: {
|
|
9441
10018
|
[`@apply ${prefix}focus relative block h-${config.size} w-${config.size} shrink-0 overflow-hidden rounded-${config.rounded} transition-all duration-${config.duration} focus-visible:outline-2 dark:ring-offset-${config.ringDark}`]: {},
|
|
@@ -9483,14 +10060,15 @@ const themeToggle = plugin.withOptions(
|
|
|
9483
10060
|
return {
|
|
9484
10061
|
theme: {
|
|
9485
10062
|
shurikenUi: {
|
|
9486
|
-
|
|
10063
|
+
[key$2]: defaultConfig$2
|
|
9487
10064
|
}
|
|
9488
10065
|
}
|
|
9489
10066
|
};
|
|
9490
10067
|
}
|
|
9491
10068
|
);
|
|
9492
10069
|
|
|
9493
|
-
const
|
|
10070
|
+
const key$1 = "toast";
|
|
10071
|
+
const defaultConfig$1 = {
|
|
9494
10072
|
font: "sans",
|
|
9495
10073
|
title: {
|
|
9496
10074
|
heading: "sm",
|
|
@@ -9590,6 +10168,7 @@ const defaultToastConfig = {
|
|
|
9590
10168
|
shadowSize: "xl"
|
|
9591
10169
|
}
|
|
9592
10170
|
};
|
|
10171
|
+
|
|
9593
10172
|
const toast = plugin.withOptions(
|
|
9594
10173
|
function(options) {
|
|
9595
10174
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -9597,9 +10176,7 @@ const toast = plugin.withOptions(
|
|
|
9597
10176
|
prefix = `${prefix}-`;
|
|
9598
10177
|
}
|
|
9599
10178
|
return function({ addComponents, theme }) {
|
|
9600
|
-
const config = theme(
|
|
9601
|
-
"shurikenUi.toast"
|
|
9602
|
-
);
|
|
10179
|
+
const config = theme(`shurikenUi.${key$1}`);
|
|
9603
10180
|
addComponents({
|
|
9604
10181
|
[`.${prefix}toast`]: {
|
|
9605
10182
|
[`@apply relative flex font-${config.font} overflow-hidden`]: {},
|
|
@@ -9710,14 +10287,15 @@ const toast = plugin.withOptions(
|
|
|
9710
10287
|
return {
|
|
9711
10288
|
theme: {
|
|
9712
10289
|
shurikenUi: {
|
|
9713
|
-
|
|
10290
|
+
[key$1]: defaultConfig$1
|
|
9714
10291
|
}
|
|
9715
10292
|
}
|
|
9716
10293
|
};
|
|
9717
10294
|
}
|
|
9718
10295
|
);
|
|
9719
10296
|
|
|
9720
|
-
const
|
|
10297
|
+
const key = "tooltip";
|
|
10298
|
+
const defaultConfig = {
|
|
9721
10299
|
font: "sans",
|
|
9722
10300
|
bg: "[#1e293b]",
|
|
9723
10301
|
bgDark: "[#ec4899]",
|
|
@@ -9726,6 +10304,7 @@ const defaultTooltipConfig = {
|
|
|
9726
10304
|
minWidth: "3rem",
|
|
9727
10305
|
maxWidth: "21rem"
|
|
9728
10306
|
};
|
|
10307
|
+
|
|
9729
10308
|
const tooltip = plugin.withOptions(
|
|
9730
10309
|
function(options) {
|
|
9731
10310
|
let { prefix } = defu(options, defaultPluginOptions);
|
|
@@ -9733,9 +10312,7 @@ const tooltip = plugin.withOptions(
|
|
|
9733
10312
|
prefix = `${prefix}-`;
|
|
9734
10313
|
}
|
|
9735
10314
|
return function({ addComponents, theme }) {
|
|
9736
|
-
const config = theme(
|
|
9737
|
-
"shurikenUi.tooltip"
|
|
9738
|
-
);
|
|
10315
|
+
const config = theme(`shurikenUi.${key}`);
|
|
9739
10316
|
const tooltip = `data-${prefix}tooltip`;
|
|
9740
10317
|
const position = `data-${prefix}tooltip-position`;
|
|
9741
10318
|
addComponents({
|
|
@@ -9897,6 +10474,9 @@ const tooltip = plugin.withOptions(
|
|
|
9897
10474
|
}
|
|
9898
10475
|
return {
|
|
9899
10476
|
theme: {
|
|
10477
|
+
shurikenUi: {
|
|
10478
|
+
[key]: defaultConfig
|
|
10479
|
+
},
|
|
9900
10480
|
extend: {
|
|
9901
10481
|
keyframes: {
|
|
9902
10482
|
[`${prefix}tooltip-x`]: {
|
|
@@ -9916,9 +10496,6 @@ const tooltip = plugin.withOptions(
|
|
|
9916
10496
|
[`${prefix}tooltip-x`]: `${prefix}tooltip-x 300ms ease-out forwards`,
|
|
9917
10497
|
[`${prefix}tooltip-y`]: `${prefix}tooltip-y 300ms ease-out forwards`
|
|
9918
10498
|
}
|
|
9919
|
-
},
|
|
9920
|
-
shurikenUi: {
|
|
9921
|
-
tooltip: defaultTooltipConfig
|
|
9922
10499
|
}
|
|
9923
10500
|
}
|
|
9924
10501
|
};
|
|
@@ -9948,6 +10525,7 @@ const components = [
|
|
|
9948
10525
|
inputFileRegular,
|
|
9949
10526
|
inputFile,
|
|
9950
10527
|
input,
|
|
10528
|
+
inputNumber,
|
|
9951
10529
|
label,
|
|
9952
10530
|
link,
|
|
9953
10531
|
list,
|