@tamagui/tailwind 0.0.0-bootstrap.0 → 3.0.0-beta.1093.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/candidate.cjs +540 -0
- package/dist/cjs/candidate.native.cjs +578 -0
- package/dist/cjs/candidate.native.js +580 -0
- package/dist/cjs/candidate.native.js.map +1 -0
- package/dist/cjs/compose.cjs +352 -0
- package/dist/cjs/compose.native.cjs +358 -0
- package/dist/cjs/compose.native.js +360 -0
- package/dist/cjs/compose.native.js.map +1 -0
- package/dist/cjs/composedResolver.cjs +175 -0
- package/dist/cjs/composedResolver.native.cjs +201 -0
- package/dist/cjs/composedResolver.native.js +203 -0
- package/dist/cjs/composedResolver.native.js.map +1 -0
- package/dist/cjs/frontend.cjs +54 -0
- package/dist/cjs/frontend.native.cjs +62 -0
- package/dist/cjs/frontend.native.js +64 -0
- package/dist/cjs/frontend.native.js.map +1 -0
- package/dist/cjs/index.cjs +38 -0
- package/dist/cjs/index.native.cjs +40 -0
- package/dist/cjs/index.native.js +42 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/styled.cjs +29 -0
- package/dist/cjs/styled.native.cjs +31 -0
- package/dist/cjs/styled.native.js +33 -0
- package/dist/cjs/styled.native.js.map +1 -0
- package/dist/cjs/types.cjs +16 -0
- package/dist/cjs/types.native.cjs +18 -0
- package/dist/cjs/types.native.js +20 -0
- package/dist/cjs/types.native.js.map +1 -0
- package/dist/cjs/vite/state.cjs +249 -0
- package/dist/cjs/vite/state.native.cjs +331 -0
- package/dist/cjs/vite/state.native.js +333 -0
- package/dist/cjs/vite/state.native.js.map +1 -0
- package/dist/cjs/vite.cjs +147 -0
- package/dist/cjs/vite.native.cjs +187 -0
- package/dist/cjs/vite.native.js +189 -0
- package/dist/cjs/vite.native.js.map +1 -0
- package/dist/esm/candidate.mjs +514 -0
- package/dist/esm/candidate.mjs.map +1 -0
- package/dist/esm/candidate.native.js +550 -0
- package/dist/esm/candidate.native.js.map +1 -0
- package/dist/esm/compose.mjs +328 -0
- package/dist/esm/compose.mjs.map +1 -0
- package/dist/esm/compose.native.js +332 -0
- package/dist/esm/compose.native.js.map +1 -0
- package/dist/esm/composedResolver.mjs +155 -0
- package/dist/esm/composedResolver.mjs.map +1 -0
- package/dist/esm/composedResolver.native.js +179 -0
- package/dist/esm/composedResolver.native.js.map +1 -0
- package/dist/esm/frontend.mjs +32 -0
- package/dist/esm/frontend.mjs.map +1 -0
- package/dist/esm/frontend.native.js +38 -0
- package/dist/esm/frontend.native.js.map +1 -0
- package/dist/esm/index.mjs +11 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +11 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/styled.mjs +10 -0
- package/dist/esm/styled.mjs.map +1 -0
- package/dist/esm/styled.native.js +10 -0
- package/dist/esm/styled.native.js.map +1 -0
- package/dist/esm/types.mjs +0 -0
- package/dist/esm/types.native.js +0 -0
- package/dist/esm/vite/state.mjs +216 -0
- package/dist/esm/vite/state.mjs.map +1 -0
- package/dist/esm/vite/state.native.js +296 -0
- package/dist/esm/vite/state.native.js.map +1 -0
- package/dist/esm/vite.mjs +116 -0
- package/dist/esm/vite.mjs.map +1 -0
- package/dist/esm/vite.native.js +154 -0
- package/dist/esm/vite.native.js.map +1 -0
- package/package.json +90 -5
- package/src/candidate.ts +805 -0
- package/src/frontend.ts +73 -0
- package/src/index.tsx +35 -0
- package/src/styled.tsx +52 -0
- package/src/types.ts +249 -0
- package/src/vite/state.ts +274 -0
- package/src/vite.ts +204 -0
- package/types/candidate.d.ts +18 -0
- package/types/candidate.d.ts.map +1 -0
- package/types/compose.d.ts +19 -0
- package/types/compose.d.ts.map +1 -0
- package/types/composedResolver.d.ts +18 -0
- package/types/composedResolver.d.ts.map +1 -0
- package/types/frontend.d.ts +19 -0
- package/types/frontend.d.ts.map +1 -0
- package/types/index.d.ts +17 -0
- package/types/index.d.ts.map +1 -0
- package/types/styled.d.ts +12 -0
- package/types/styled.d.ts.map +1 -0
- package/types/types.d.ts +169 -0
- package/types/types.d.ts.map +1 -0
- package/types/vite/state.d.ts +28 -0
- package/types/vite/state.d.ts.map +1 -0
- package/types/vite.d.ts +20 -0
- package/types/vite.d.ts.map +1 -0
- package/README.md +0 -1
|
@@ -0,0 +1,578 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
23
|
+
var candidate_exports = {};
|
|
24
|
+
__export(candidate_exports, {
|
|
25
|
+
getStyleGrammarConfig: () => getStyleGrammarConfig,
|
|
26
|
+
getTailwindClassPlan: () => getTailwindClassPlan,
|
|
27
|
+
isTokenValueProp: () => isTokenValueProp,
|
|
28
|
+
resolveTailwindCandidate: () => resolveTailwindCandidate,
|
|
29
|
+
resolveTailwindClassName: () => resolveTailwindClassName,
|
|
30
|
+
setInAuthoredOrder: () => setInAuthoredOrder
|
|
31
|
+
});
|
|
32
|
+
module.exports = __toCommonJS(candidate_exports);
|
|
33
|
+
var import_constants = require("@tamagui/constants");
|
|
34
|
+
var import_helpers = require("@tamagui/helpers");
|
|
35
|
+
var import_internal_runtime = require("@tamagui/core/internal-runtime");
|
|
36
|
+
var import_compose = require("./compose.native.js");
|
|
37
|
+
var import_composedResolver = require("./composedResolver.native.js");
|
|
38
|
+
var import_runtime = require("@tamagui/style-grammar/runtime");
|
|
39
|
+
var import_candidate = require("@tamagui/style-grammar/tooling/candidate");
|
|
40
|
+
var styleGrammarConfigCache = /* @__PURE__ */ new WeakMap();
|
|
41
|
+
function getStyleGrammarConfig(config) {
|
|
42
|
+
var _config_configRevisionSymbol;
|
|
43
|
+
var cached = styleGrammarConfigCache.get(config);
|
|
44
|
+
var revision = ((_config_configRevisionSymbol = config[import_runtime.configRevisionSymbol]) === null || _config_configRevisionSymbol === void 0 ? void 0 : _config_configRevisionSymbol.revision) || 0;
|
|
45
|
+
if (cached && cached.revision === revision) return cached.value;
|
|
46
|
+
var view = (0, import_runtime.createGrammarConfigView)(config);
|
|
47
|
+
styleGrammarConfigCache.set(config, {
|
|
48
|
+
revision,
|
|
49
|
+
value: view
|
|
50
|
+
});
|
|
51
|
+
return view;
|
|
52
|
+
}
|
|
53
|
+
function isTokenValueProp(prop) {
|
|
54
|
+
return (0, import_runtime.getTokenCategory)(prop) !== null;
|
|
55
|
+
}
|
|
56
|
+
function arbitraryValue(inner, prop) {
|
|
57
|
+
var px = /^(-?\d*\.?\d+)px$/.exec(inner);
|
|
58
|
+
if (px) return prop && import_helpers.stylePropsUnitless[prop] ? inner : Number(px[1]);
|
|
59
|
+
if (/^-?\d*\.?\d+$/.test(inner)) return Number(inner);
|
|
60
|
+
return inner;
|
|
61
|
+
}
|
|
62
|
+
function unwrapArbitraryValue(raw) {
|
|
63
|
+
return arbitraryValue(raw.length > 1 && raw[0] === "[" && raw[raw.length - 1] === "]" ? (0, import_candidate.decodeArbitrary)(raw.slice(1, -1)) : raw);
|
|
64
|
+
}
|
|
65
|
+
function tailwindSizingValue(prop, value) {
|
|
66
|
+
if (value === "full") return "100%";
|
|
67
|
+
if (value === "auto") return "auto";
|
|
68
|
+
if (value === "screen") return /[Hh]eight|[Bb]lock/.test(prop) ? "100vh" : "100vw";
|
|
69
|
+
if (value === "min") return "min-content";
|
|
70
|
+
if (value === "max") return "max-content";
|
|
71
|
+
if (value === "fit") return "fit-content";
|
|
72
|
+
var frac = /^(\d+)\/(\d+)$/.exec(value);
|
|
73
|
+
if (frac && Number(frac[2]) !== 0) return `${Number(frac[1]) / Number(frac[2]) * 100}%`;
|
|
74
|
+
return null;
|
|
75
|
+
}
|
|
76
|
+
function expansionProps(parsed) {
|
|
77
|
+
var _parsed_entry;
|
|
78
|
+
var prefix = parsed.prefix;
|
|
79
|
+
if (!prefix) return null;
|
|
80
|
+
if (prefix === "size") return import_runtime.sizeUtilityProps;
|
|
81
|
+
if (prefix === "translate") return ["x", "y"];
|
|
82
|
+
if (prefix === "skew") return ["skewX", "skewY"];
|
|
83
|
+
if (prefix === "inset-x" || prefix === "inset-y") return import_runtime.insetAxisProps[prefix.slice(6)];
|
|
84
|
+
if (prefix.startsWith("rounded-")) {
|
|
85
|
+
var props = import_runtime.radiusCornerProps[prefix.slice(8)];
|
|
86
|
+
if (!props || props.length === 1) return null;
|
|
87
|
+
return props;
|
|
88
|
+
}
|
|
89
|
+
var m = /^border-([trblxy])$/.exec(prefix);
|
|
90
|
+
if (!m) return null;
|
|
91
|
+
var sides = import_runtime.borderSideSuffix[m[1]];
|
|
92
|
+
var suffix = ((_parsed_entry = parsed.entry) === null || _parsed_entry === void 0 ? void 0 : _parsed_entry.prop.endsWith("Width")) ? "Width" : "Color";
|
|
93
|
+
return sides.map(function(side) {
|
|
94
|
+
return `border${side}${suffix}`;
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
function tailwindClassToFlatProp(parsed, grammarConfig) {
|
|
98
|
+
var _parsed_prefix;
|
|
99
|
+
if (parsed.kind !== "dynamic" || !parsed.entry || parsed.rawValue === void 0) return null;
|
|
100
|
+
var prop = parsed.entry.prop;
|
|
101
|
+
var category = parsed.entry.tokenCategory;
|
|
102
|
+
var value = parsed.rawValue;
|
|
103
|
+
if (parsed.negative && value === "0" && parsed.convenience !== "angle") return {
|
|
104
|
+
key: prop,
|
|
105
|
+
value: 0
|
|
106
|
+
};
|
|
107
|
+
if (parsed.convenience === "zero") return {
|
|
108
|
+
key: prop,
|
|
109
|
+
value: 0
|
|
110
|
+
};
|
|
111
|
+
if (parsed.convenience === "angle") return {
|
|
112
|
+
key: prop,
|
|
113
|
+
value: `${parsed.negative ? "-" : ""}${value}deg`
|
|
114
|
+
};
|
|
115
|
+
if ((prop === "x" || prop === "y") && parsed.valueKind !== "token") {
|
|
116
|
+
var sized = tailwindSizingValue(prop, value);
|
|
117
|
+
if (sized != null) return {
|
|
118
|
+
key: prop,
|
|
119
|
+
value: parsed.negative && sized[0] !== "-" ? `-${sized}` : sized
|
|
120
|
+
};
|
|
121
|
+
}
|
|
122
|
+
if (prop === "lineHeight" && /^\d+(?:\.\d+)?$/.test(value)) return {
|
|
123
|
+
key: prop,
|
|
124
|
+
value: Number(value) * 4
|
|
125
|
+
};
|
|
126
|
+
if (prop === "gridTemplateColumns" && /^\d+$/.test(value)) return {
|
|
127
|
+
key: prop,
|
|
128
|
+
value: `repeat(${value}, minmax(0, 1fr))`
|
|
129
|
+
};
|
|
130
|
+
if (prop === "gridColumn" && /^\d+$/.test(value)) return {
|
|
131
|
+
key: prop,
|
|
132
|
+
value: `span ${value} / span ${value}`
|
|
133
|
+
};
|
|
134
|
+
if (prop === "gridRow" && /^\d+$/.test(value)) return {
|
|
135
|
+
key: prop,
|
|
136
|
+
value: `span ${value} / span ${value}`
|
|
137
|
+
};
|
|
138
|
+
if ((prop === "gridColumnStart" || prop === "gridColumnEnd" || prop === "gridRowStart" || prop === "gridRowEnd") && /^\d+$/.test(value)) return {
|
|
139
|
+
key: prop,
|
|
140
|
+
value: Number(value)
|
|
141
|
+
};
|
|
142
|
+
if (prop.endsWith("Width") && ((_parsed_prefix = parsed.prefix) === null || _parsed_prefix === void 0 ? void 0 : _parsed_prefix.startsWith("border"))) {
|
|
143
|
+
if (parsed.valueKind === "token") {
|
|
144
|
+
var _parsed_entry;
|
|
145
|
+
value = `${parsed.negative ? "-" : ""}${value}`;
|
|
146
|
+
if (grammarConfig && ((_parsed_entry = parsed.entry) === null || _parsed_entry === void 0 ? void 0 : _parsed_entry.tokenCategory)) {
|
|
147
|
+
var _resolveTokenName;
|
|
148
|
+
value = (_resolveTokenName = (0, import_candidate.resolveTokenName)(grammarConfig, parsed.entry.tokenCategory, value)) !== null && _resolveTokenName !== void 0 ? _resolveTokenName : value;
|
|
149
|
+
}
|
|
150
|
+
} else if (parsed.valueKind === "arbitrary") value = unwrapArbitraryValue(value);
|
|
151
|
+
else return null;
|
|
152
|
+
return {
|
|
153
|
+
key: prop,
|
|
154
|
+
value
|
|
155
|
+
};
|
|
156
|
+
}
|
|
157
|
+
if (prop === "fontFamily") {
|
|
158
|
+
var famValue;
|
|
159
|
+
if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") famValue = (0, import_candidate.decodeArbitrary)(value.slice(1, -1));
|
|
160
|
+
else famValue = parsed.valueKind === "token" ? value : {
|
|
161
|
+
sans: "sans-serif",
|
|
162
|
+
serif: "serif",
|
|
163
|
+
mono: "monospace"
|
|
164
|
+
}[value] || value;
|
|
165
|
+
return {
|
|
166
|
+
key: "fontFamily",
|
|
167
|
+
value: famValue
|
|
168
|
+
};
|
|
169
|
+
}
|
|
170
|
+
if (prop === "fontSize") {
|
|
171
|
+
var fsValue;
|
|
172
|
+
if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") fsValue = arbitraryValue((0, import_candidate.decodeArbitrary)(value.slice(1, -1)));
|
|
173
|
+
else fsValue = value;
|
|
174
|
+
return {
|
|
175
|
+
key: "fontSize",
|
|
176
|
+
value: fsValue
|
|
177
|
+
};
|
|
178
|
+
}
|
|
179
|
+
if (prop === "lineHeight") {
|
|
180
|
+
var lhValue;
|
|
181
|
+
if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") {
|
|
182
|
+
var inner = (0, import_candidate.decodeArbitrary)(value.slice(1, -1));
|
|
183
|
+
lhValue = /^-?\d*\.?\d+px$/.test(inner) ? Number.parseFloat(inner) : inner;
|
|
184
|
+
} else lhValue = value;
|
|
185
|
+
return {
|
|
186
|
+
key: "lineHeight",
|
|
187
|
+
value: lhValue
|
|
188
|
+
};
|
|
189
|
+
}
|
|
190
|
+
if (prop === "letterSpacing") {
|
|
191
|
+
var lsValue;
|
|
192
|
+
if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") lsValue = arbitraryValue((0, import_candidate.decodeArbitrary)(value.slice(1, -1)));
|
|
193
|
+
else lsValue = value;
|
|
194
|
+
return {
|
|
195
|
+
key: "letterSpacing",
|
|
196
|
+
value: lsValue
|
|
197
|
+
};
|
|
198
|
+
}
|
|
199
|
+
if (prop === "boxShadow" && value[0] === "[" && value[value.length - 1] === "]") return {
|
|
200
|
+
key: "boxShadow",
|
|
201
|
+
value: (0, import_candidate.decodeArbitrary)(value.slice(1, -1))
|
|
202
|
+
};
|
|
203
|
+
if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") {
|
|
204
|
+
var inner1 = (0, import_candidate.decodeArbitrary)(value.slice(1, -1));
|
|
205
|
+
if (inner1 === "") return null;
|
|
206
|
+
var resolved = arbitraryValue(inner1, prop);
|
|
207
|
+
if ((prop === "rotate" || prop === "rotateX" || prop === "rotateY" || prop === "rotateZ" || prop === "skewX" || prop === "skewY") && typeof resolved === "number") resolved = `${resolved}deg`;
|
|
208
|
+
if (parsed.negative) {
|
|
209
|
+
if (typeof resolved === "number") resolved = -resolved;
|
|
210
|
+
else if (resolved[0] !== "-") resolved = `-${resolved}`;
|
|
211
|
+
}
|
|
212
|
+
return {
|
|
213
|
+
key: prop,
|
|
214
|
+
value: resolved
|
|
215
|
+
};
|
|
216
|
+
}
|
|
217
|
+
if (parsed.valueKind !== "token" && (category === "size" || parsed.convenience === "sizing-keyword")) {
|
|
218
|
+
var sized1 = tailwindSizingValue(prop, value);
|
|
219
|
+
if (sized1 != null) return {
|
|
220
|
+
key: prop,
|
|
221
|
+
value: parsed.negative && sized1[0] !== "-" ? `-${sized1}` : sized1
|
|
222
|
+
};
|
|
223
|
+
}
|
|
224
|
+
var opacitySuffix = "";
|
|
225
|
+
if (category === "color" && typeof value === "string") {
|
|
226
|
+
var suffix = (0, import_runtime.splitColorOpacitySuffix)(value);
|
|
227
|
+
if (suffix.kind === "invalid") return {
|
|
228
|
+
key: prop,
|
|
229
|
+
value
|
|
230
|
+
};
|
|
231
|
+
if (suffix.kind === "valid") {
|
|
232
|
+
opacitySuffix = value.slice(suffix.name.length);
|
|
233
|
+
value = suffix.name;
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
if (import_runtime.percentUtilityProps.has(prop) && /^\d+$/.test(value)) value = Number(value) / 100;
|
|
237
|
+
else if (/^\d+(\.\d+)?$/.test(value)) if (category === "zIndex" && parsed.valueKind === "convenience") value = Number(value) * (parsed.negative ? -1 : 1);
|
|
238
|
+
else if (category) {
|
|
239
|
+
value = `${parsed.negative ? "-" : ""}${value}`;
|
|
240
|
+
if (grammarConfig) {
|
|
241
|
+
var _resolveTokenName1;
|
|
242
|
+
value = (_resolveTokenName1 = (0, import_candidate.resolveTokenName)(grammarConfig, category, value)) !== null && _resolveTokenName1 !== void 0 ? _resolveTokenName1 : value;
|
|
243
|
+
}
|
|
244
|
+
} else value = Number(value);
|
|
245
|
+
else if (typeof value === "string") {
|
|
246
|
+
if (category && !((category === "space" || category === "size" || category === "radius") && (0, import_runtime.getSafeAreaEdge)(value))) value = `${parsed.negative ? "-" : ""}${value}`;
|
|
247
|
+
}
|
|
248
|
+
if (opacitySuffix && typeof value === "string") value = `${value}${opacitySuffix}`;
|
|
249
|
+
if (parsed.negative && !category) {
|
|
250
|
+
if (typeof value === "number") value = -value;
|
|
251
|
+
else if (typeof value === "string" && value[0] !== "-") value = `-${value}`;
|
|
252
|
+
}
|
|
253
|
+
return {
|
|
254
|
+
key: prop,
|
|
255
|
+
value
|
|
256
|
+
};
|
|
257
|
+
}
|
|
258
|
+
var classPlanCache = /* @__PURE__ */ new WeakMap();
|
|
259
|
+
var nativeTarget = !import_constants.isWeb || true;
|
|
260
|
+
var cssGridProps = /* @__PURE__ */ new Set([
|
|
261
|
+
"gridTemplateColumns",
|
|
262
|
+
"gridColumn",
|
|
263
|
+
"gridColumnStart",
|
|
264
|
+
"gridColumnEnd",
|
|
265
|
+
"gridRow",
|
|
266
|
+
"gridRowStart",
|
|
267
|
+
"gridRowEnd"
|
|
268
|
+
]);
|
|
269
|
+
var nativeUnsupportedProps = /* @__PURE__ */ new Set([
|
|
270
|
+
"objectFit",
|
|
271
|
+
"order",
|
|
272
|
+
"overflowX",
|
|
273
|
+
"overflowY",
|
|
274
|
+
"textOverflow",
|
|
275
|
+
"whiteSpace",
|
|
276
|
+
"visibility"
|
|
277
|
+
]);
|
|
278
|
+
var nativeUnsupportedSizingValues = /* @__PURE__ */ new Set([
|
|
279
|
+
"screen",
|
|
280
|
+
"min",
|
|
281
|
+
"max",
|
|
282
|
+
"fit"
|
|
283
|
+
]);
|
|
284
|
+
var nativeUnsupportedDisplayValues = /* @__PURE__ */ new Set([
|
|
285
|
+
"block",
|
|
286
|
+
"inline",
|
|
287
|
+
"inline-flex"
|
|
288
|
+
]);
|
|
289
|
+
var nativeUnsupportedPositionValues = /* @__PURE__ */ new Set(["fixed", "sticky"]);
|
|
290
|
+
function shouldGateNative(parsed) {
|
|
291
|
+
if (!nativeTarget) return false;
|
|
292
|
+
var properties = parsed.properties || {};
|
|
293
|
+
if (process.env.TAMAGUI_CSS_GRID !== "1" && (parsed.entry && cssGridProps.has(parsed.entry.prop) || properties.display === "grid" || Object.keys(properties).some(function(prop) {
|
|
294
|
+
return cssGridProps.has(prop);
|
|
295
|
+
}))) return true;
|
|
296
|
+
if (parsed.entry && nativeUnsupportedProps.has(parsed.entry.prop) || Object.keys(properties).some(function(prop) {
|
|
297
|
+
return nativeUnsupportedProps.has(prop);
|
|
298
|
+
})) return true;
|
|
299
|
+
if (parsed.convenience === "sizing-keyword" && nativeUnsupportedSizingValues.has(parsed.rawValue || "")) return true;
|
|
300
|
+
return nativeUnsupportedDisplayValues.has(String(properties.display)) || nativeUnsupportedPositionValues.has(String(properties.position)) || properties.overflow === "auto" || properties.cursor !== void 0 && properties.cursor !== "auto" && properties.cursor !== "pointer";
|
|
301
|
+
}
|
|
302
|
+
function getClassPlanCache(grammarConfig) {
|
|
303
|
+
var cache = classPlanCache.get(grammarConfig);
|
|
304
|
+
if (!cache) {
|
|
305
|
+
cache = /* @__PURE__ */ new Map();
|
|
306
|
+
classPlanCache.set(grammarConfig, cache);
|
|
307
|
+
}
|
|
308
|
+
return cache;
|
|
309
|
+
}
|
|
310
|
+
function createPlanEntry(property, value, modifiers) {
|
|
311
|
+
if (modifiers.length === 0) return [property, value];
|
|
312
|
+
var payload = (0, import_internal_runtime.plainValueToPayload)(value, property);
|
|
313
|
+
if (payload === null) return null;
|
|
314
|
+
var condition = "";
|
|
315
|
+
for (var index = 0; index < modifiers.length; index++) {
|
|
316
|
+
if (index) condition += ":";
|
|
317
|
+
condition += modifiers[index];
|
|
318
|
+
}
|
|
319
|
+
return [
|
|
320
|
+
property,
|
|
321
|
+
payload,
|
|
322
|
+
condition,
|
|
323
|
+
modifiers
|
|
324
|
+
];
|
|
325
|
+
}
|
|
326
|
+
var shorthandResets = {
|
|
327
|
+
padding: [
|
|
328
|
+
"paddingTop",
|
|
329
|
+
"paddingRight",
|
|
330
|
+
"paddingBottom",
|
|
331
|
+
"paddingLeft",
|
|
332
|
+
"paddingStart",
|
|
333
|
+
"paddingEnd",
|
|
334
|
+
"paddingInlineStart",
|
|
335
|
+
"paddingInlineEnd",
|
|
336
|
+
"paddingBlockStart",
|
|
337
|
+
"paddingBlockEnd",
|
|
338
|
+
"paddingHorizontal",
|
|
339
|
+
"paddingVertical",
|
|
340
|
+
"paddingInline",
|
|
341
|
+
"paddingBlock"
|
|
342
|
+
],
|
|
343
|
+
margin: [
|
|
344
|
+
"marginTop",
|
|
345
|
+
"marginRight",
|
|
346
|
+
"marginBottom",
|
|
347
|
+
"marginLeft",
|
|
348
|
+
"marginStart",
|
|
349
|
+
"marginEnd",
|
|
350
|
+
"marginInlineStart",
|
|
351
|
+
"marginInlineEnd",
|
|
352
|
+
"marginBlockStart",
|
|
353
|
+
"marginBlockEnd",
|
|
354
|
+
"marginHorizontal",
|
|
355
|
+
"marginVertical",
|
|
356
|
+
"marginInline",
|
|
357
|
+
"marginBlock"
|
|
358
|
+
],
|
|
359
|
+
gap: ["rowGap", "columnGap"],
|
|
360
|
+
borderRadius: [
|
|
361
|
+
"borderTopLeftRadius",
|
|
362
|
+
"borderTopRightRadius",
|
|
363
|
+
"borderBottomLeftRadius",
|
|
364
|
+
"borderBottomRightRadius",
|
|
365
|
+
"borderTopStartRadius",
|
|
366
|
+
"borderTopEndRadius",
|
|
367
|
+
"borderBottomStartRadius",
|
|
368
|
+
"borderBottomEndRadius",
|
|
369
|
+
"borderStartStartRadius",
|
|
370
|
+
"borderStartEndRadius",
|
|
371
|
+
"borderEndStartRadius",
|
|
372
|
+
"borderEndEndRadius"
|
|
373
|
+
],
|
|
374
|
+
borderWidth: [
|
|
375
|
+
"borderTopWidth",
|
|
376
|
+
"borderRightWidth",
|
|
377
|
+
"borderBottomWidth",
|
|
378
|
+
"borderLeftWidth",
|
|
379
|
+
"borderStartWidth",
|
|
380
|
+
"borderEndWidth",
|
|
381
|
+
"borderInlineStartWidth",
|
|
382
|
+
"borderInlineEndWidth",
|
|
383
|
+
"borderBlockStartWidth",
|
|
384
|
+
"borderBlockEndWidth",
|
|
385
|
+
"borderInlineWidth",
|
|
386
|
+
"borderBlockWidth"
|
|
387
|
+
],
|
|
388
|
+
borderColor: [
|
|
389
|
+
"borderTopColor",
|
|
390
|
+
"borderRightColor",
|
|
391
|
+
"borderBottomColor",
|
|
392
|
+
"borderLeftColor",
|
|
393
|
+
"borderStartColor",
|
|
394
|
+
"borderEndColor",
|
|
395
|
+
"borderInlineStartColor",
|
|
396
|
+
"borderInlineEndColor",
|
|
397
|
+
"borderBlockStartColor",
|
|
398
|
+
"borderBlockEndColor",
|
|
399
|
+
"borderInlineColor",
|
|
400
|
+
"borderBlockColor"
|
|
401
|
+
]
|
|
402
|
+
};
|
|
403
|
+
function attachShorthandResets(entries, modifiers) {
|
|
404
|
+
if (import_constants.isWeb || modifiers.length > 0) return entries;
|
|
405
|
+
var unsets = [];
|
|
406
|
+
for (var i = 0; i < entries.length; i++) {
|
|
407
|
+
var resets = shorthandResets[entries[i][0]];
|
|
408
|
+
if (!resets) continue;
|
|
409
|
+
for (var j = 0; j < resets.length; j++) unsets.push([resets[j], "unset"]);
|
|
410
|
+
}
|
|
411
|
+
return unsets.length === 0 ? entries : unsets.concat(entries);
|
|
412
|
+
}
|
|
413
|
+
function computeClassPlan(cls, grammarConfig) {
|
|
414
|
+
var _parsed_entry, _parsed_entry1;
|
|
415
|
+
var groupMarker = /^group(?:\/([A-Za-z0-9_-]+))?$/.exec(cls);
|
|
416
|
+
if (groupMarker) return {
|
|
417
|
+
entries: [["group", groupMarker[1] || true]],
|
|
418
|
+
preserveRawClass: import_constants.isWeb
|
|
419
|
+
};
|
|
420
|
+
var containerMarker = /^@container(-size)?(?:\/([A-Za-z0-9_-]+))?$/.exec(cls);
|
|
421
|
+
if (containerMarker) {
|
|
422
|
+
var isSize = containerMarker[1] !== void 0;
|
|
423
|
+
var name = containerMarker[2];
|
|
424
|
+
var entries = [];
|
|
425
|
+
entries.push(["container", name || true]);
|
|
426
|
+
if (isSize) entries.push(["containerType", "size"]);
|
|
427
|
+
return {
|
|
428
|
+
entries,
|
|
429
|
+
preserveRawClass: import_constants.isWeb
|
|
430
|
+
};
|
|
431
|
+
}
|
|
432
|
+
var classification = (0, import_candidate.classifyCandidate)(cls, grammarConfig);
|
|
433
|
+
if (classification.kind === "passthrough") return import_constants.isWeb ? "raw" : null;
|
|
434
|
+
var parsed = classification.parsed;
|
|
435
|
+
if (!nativeTarget && ((_parsed_entry = parsed.entry) === null || _parsed_entry === void 0 ? void 0 : _parsed_entry.prop) === "perspective") return "raw";
|
|
436
|
+
if (shouldGateNative(parsed)) return null;
|
|
437
|
+
if (((_parsed_entry1 = parsed.entry) === null || _parsed_entry1 === void 0 ? void 0 : _parsed_entry1.prop) === "flex" && parsed.rawValue) {
|
|
438
|
+
var fraction = /^(\d+)\/(\d+)$/.exec(parsed.rawValue);
|
|
439
|
+
if (fraction && Number(fraction[2]) !== 0) {
|
|
440
|
+
var basis = `${Number(fraction[1]) / Number(fraction[2]) * 100}%`;
|
|
441
|
+
var entries1 = [
|
|
442
|
+
createPlanEntry("flexGrow", 1, parsed.modifiers),
|
|
443
|
+
createPlanEntry("flexShrink", 1, parsed.modifiers),
|
|
444
|
+
createPlanEntry("flexBasis", basis, parsed.modifiers)
|
|
445
|
+
];
|
|
446
|
+
return entries1.every(Boolean) ? entries1 : "raw";
|
|
447
|
+
}
|
|
448
|
+
}
|
|
449
|
+
var util = parsed.kind === "utility" ? parsed.properties : null;
|
|
450
|
+
if (util) {
|
|
451
|
+
var entries2 = [];
|
|
452
|
+
for (var p in util) {
|
|
453
|
+
var entry = createPlanEntry(p, nativeTarget && p === "transform" && util[p] === "none" ? [] : util[p], parsed.modifiers);
|
|
454
|
+
if (!entry) return "raw";
|
|
455
|
+
entries2.push(entry);
|
|
456
|
+
}
|
|
457
|
+
return attachShorthandResets(entries2, parsed.modifiers);
|
|
458
|
+
}
|
|
459
|
+
var expandedProps = expansionProps(parsed);
|
|
460
|
+
if (expandedProps) {
|
|
461
|
+
var entries3 = [];
|
|
462
|
+
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
|
|
463
|
+
try {
|
|
464
|
+
for (var _iterator = expandedProps[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
465
|
+
var prop = _step.value;
|
|
466
|
+
var flatProp = tailwindClassToFlatProp({
|
|
467
|
+
...parsed,
|
|
468
|
+
entry: parsed.entry ? {
|
|
469
|
+
...parsed.entry,
|
|
470
|
+
prop
|
|
471
|
+
} : parsed.entry
|
|
472
|
+
}, grammarConfig);
|
|
473
|
+
if (!flatProp) return "raw";
|
|
474
|
+
var entry1 = createPlanEntry(flatProp.key, flatProp.value, parsed.modifiers);
|
|
475
|
+
if (!entry1) return "raw";
|
|
476
|
+
entries3.push(entry1);
|
|
477
|
+
}
|
|
478
|
+
} catch (err) {
|
|
479
|
+
_didIteratorError = true;
|
|
480
|
+
_iteratorError = err;
|
|
481
|
+
} finally {
|
|
482
|
+
try {
|
|
483
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
|
|
484
|
+
} finally {
|
|
485
|
+
if (_didIteratorError) throw _iteratorError;
|
|
486
|
+
}
|
|
487
|
+
}
|
|
488
|
+
return attachShorthandResets(entries3, parsed.modifiers);
|
|
489
|
+
}
|
|
490
|
+
var flatProp1 = tailwindClassToFlatProp(parsed, grammarConfig);
|
|
491
|
+
if (flatProp1) {
|
|
492
|
+
var entry2 = createPlanEntry(flatProp1.key, flatProp1.value, parsed.modifiers);
|
|
493
|
+
return entry2 ? attachShorthandResets([entry2], parsed.modifiers) : "raw";
|
|
494
|
+
}
|
|
495
|
+
return "raw";
|
|
496
|
+
}
|
|
497
|
+
function getTailwindClassPlan(candidate, config) {
|
|
498
|
+
var grammarConfig = getStyleGrammarConfig(config);
|
|
499
|
+
var plans = getClassPlanCache(grammarConfig);
|
|
500
|
+
var plan = plans.get(candidate);
|
|
501
|
+
if (plan === void 0) {
|
|
502
|
+
plan = computeClassPlan(candidate, grammarConfig);
|
|
503
|
+
plans.set(candidate, plan);
|
|
504
|
+
}
|
|
505
|
+
return plan;
|
|
506
|
+
}
|
|
507
|
+
function resolveTailwindCandidate(candidate, config, sink) {
|
|
508
|
+
var composed = (0, import_compose.tryCompose)(candidate, getStyleGrammarConfig(config), sink);
|
|
509
|
+
if (composed !== void 0) return composed;
|
|
510
|
+
var plan = getTailwindClassPlan(candidate, config);
|
|
511
|
+
if (plan === "raw") return true;
|
|
512
|
+
if (plan === null) return null;
|
|
513
|
+
var parent = Array.isArray(plan) ? null : plan;
|
|
514
|
+
var entries = parent ? parent.entries : plan;
|
|
515
|
+
for (var index = 0; index < entries.length; index++) {
|
|
516
|
+
var _config_tokensParsed_transformTokenCategory_entry_, _config_tokensParsed_transformTokenCategory, _config_tokensParsed;
|
|
517
|
+
var entry = entries[index];
|
|
518
|
+
var transformTokenCategory = entry[0] === "x" || entry[0] === "y" ? "space" : entry[0] === "perspective" ? "perspective" : null;
|
|
519
|
+
var _config_tokensParsed_transformTokenCategory_entry__val;
|
|
520
|
+
var transformValue = transformTokenCategory && typeof entry[1] === "string" ? (_config_tokensParsed_transformTokenCategory_entry__val = (_config_tokensParsed = config.tokensParsed) === null || _config_tokensParsed === void 0 ? void 0 : (_config_tokensParsed_transformTokenCategory = _config_tokensParsed[transformTokenCategory]) === null || _config_tokensParsed_transformTokenCategory === void 0 ? void 0 : (_config_tokensParsed_transformTokenCategory_entry_ = _config_tokensParsed_transformTokenCategory[entry[1]]) === null || _config_tokensParsed_transformTokenCategory_entry_ === void 0 ? void 0 : _config_tokensParsed_transformTokenCategory_entry_.val) !== null && _config_tokensParsed_transformTokenCategory_entry__val !== void 0 ? _config_tokensParsed_transformTokenCategory_entry__val : entry[1] : entry[1];
|
|
521
|
+
if ((0, import_compose.noteTailwindTransform)(sink, [
|
|
522
|
+
entry[0],
|
|
523
|
+
transformValue,
|
|
524
|
+
entry[2],
|
|
525
|
+
entry[3]
|
|
526
|
+
])) continue;
|
|
527
|
+
if (entry[0] === "boxShadow" && typeof entry[1] === "string") {
|
|
528
|
+
var _config_tokensParsed_boxShadow_entry_, _config_tokensParsed_boxShadow, _config_tokensParsed1;
|
|
529
|
+
var _config_tokensParsed_boxShadow_entry__val;
|
|
530
|
+
(0, import_compose.noteBoxShadow)(sink, (_config_tokensParsed_boxShadow_entry__val = (_config_tokensParsed1 = config.tokensParsed) === null || _config_tokensParsed1 === void 0 ? void 0 : (_config_tokensParsed_boxShadow = _config_tokensParsed1.boxShadow) === null || _config_tokensParsed_boxShadow === void 0 ? void 0 : (_config_tokensParsed_boxShadow_entry_ = _config_tokensParsed_boxShadow[entry[1]]) === null || _config_tokensParsed_boxShadow_entry_ === void 0 ? void 0 : _config_tokensParsed_boxShadow_entry_.val) !== null && _config_tokensParsed_boxShadow_entry__val !== void 0 ? _config_tokensParsed_boxShadow_entry__val : entry[1], entry[3] || []);
|
|
531
|
+
}
|
|
532
|
+
sink(entry);
|
|
533
|
+
}
|
|
534
|
+
return (parent === null || parent === void 0 ? void 0 : parent.preserveRawClass) || false;
|
|
535
|
+
}
|
|
536
|
+
function resolveTailwindClassName(className, config) {
|
|
537
|
+
var result = {};
|
|
538
|
+
var composedProps = null;
|
|
539
|
+
var rawClassName = "";
|
|
540
|
+
var sink = function(entry) {
|
|
541
|
+
var [key2, value, condition] = entry;
|
|
542
|
+
if (key2.charCodeAt(0) === 95 && key2.charCodeAt(1) === 95) {
|
|
543
|
+
composedProps || (composedProps = {});
|
|
544
|
+
composedProps[key2] = (0, import_internal_runtime.mergeFrontendCondition)(composedProps[key2], value, condition);
|
|
545
|
+
return;
|
|
546
|
+
}
|
|
547
|
+
if (condition === void 0) {
|
|
548
|
+
var resets = shorthandResets[key2];
|
|
549
|
+
if (resets) for (var i = 0; i < resets.length; i++) delete result[resets[i]];
|
|
550
|
+
}
|
|
551
|
+
setInAuthoredOrder(result, key2, (0, import_internal_runtime.mergeFrontendCondition)(result[key2], value, condition));
|
|
552
|
+
};
|
|
553
|
+
var start = 0;
|
|
554
|
+
for (var index = 0; index <= className.length; index++) {
|
|
555
|
+
if (index !== className.length && className.charCodeAt(index) > 32) continue;
|
|
556
|
+
if (start === index) {
|
|
557
|
+
start = index + 1;
|
|
558
|
+
continue;
|
|
559
|
+
}
|
|
560
|
+
var candidate = className.slice(start, index);
|
|
561
|
+
if (resolveTailwindCandidate(candidate, config, sink)) rawClassName = rawClassName ? `${rawClassName} ${candidate}` : candidate;
|
|
562
|
+
start = index + 1;
|
|
563
|
+
}
|
|
564
|
+
if (composedProps) {
|
|
565
|
+
var composed = (0, import_composedResolver.composedResolver)(composedProps);
|
|
566
|
+
for (var key in composed) setInAuthoredOrder(result, key, composed[key]);
|
|
567
|
+
}
|
|
568
|
+
if (rawClassName) result.className = rawClassName;
|
|
569
|
+
return result;
|
|
570
|
+
}
|
|
571
|
+
function setInAuthoredOrder(target, key, value) {
|
|
572
|
+
if (value === "unset") {
|
|
573
|
+
delete target[key];
|
|
574
|
+
return;
|
|
575
|
+
}
|
|
576
|
+
if (key in target) delete target[key];
|
|
577
|
+
target[key] = value;
|
|
578
|
+
}
|