@klu_dev/ui-klu-green 1.0.10 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/index.d.ts +27 -4
  2. package/dist/index.js +151 -2512
  3. package/dist/index.js.map +1 -0
  4. package/package.json +6 -9
  5. package/dist/components/ui/backButton.d.ts +0 -8
  6. package/dist/components/ui/backButton.d.ts.map +0 -1
  7. package/dist/components/ui/button.d.ts +0 -11
  8. package/dist/components/ui/button.d.ts.map +0 -1
  9. package/dist/components/ui/input.d.ts +0 -9
  10. package/dist/components/ui/input.d.ts.map +0 -1
  11. package/dist/index.d.ts.map +0 -1
  12. package/dist/lib/utils.d.ts +0 -3
  13. package/dist/lib/utils.d.ts.map +0 -1
package/dist/index.js CHANGED
@@ -1,2248 +1,36 @@
1
+ // src/components/ui/input.tsx
1
2
  import * as React from "react";
2
- //#region \0rolldown/runtime.js
3
- var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
4
- var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
5
- if (typeof require !== "undefined") return require.apply(this, arguments);
6
- throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
7
- });
8
- //#endregion
9
- //#region node_modules/clsx/dist/clsx.mjs
10
- function r(e) {
11
- var t, f, n = "";
12
- if ("string" == typeof e || "number" == typeof e) n += e;
13
- else if ("object" == typeof e) if (Array.isArray(e)) {
14
- var o = e.length;
15
- for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
16
- } else for (f in e) e[f] && (n && (n += " "), n += f);
17
- return n;
18
- }
19
- function clsx() {
20
- for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
21
- return n;
22
- }
23
- //#endregion
24
- //#region node_modules/tailwind-merge/dist/bundle-mjs.mjs
25
- /**
26
- * Concatenates two arrays faster than the array spread operator.
27
- */
28
- var concatArrays = (array1, array2) => {
29
- const combinedArray = new Array(array1.length + array2.length);
30
- for (let i = 0; i < array1.length; i++) combinedArray[i] = array1[i];
31
- for (let i = 0; i < array2.length; i++) combinedArray[array1.length + i] = array2[i];
32
- return combinedArray;
33
- };
34
- var createClassValidatorObject = (classGroupId, validator) => ({
35
- classGroupId,
36
- validator
37
- });
38
- var createClassPartObject = (nextPart = /* @__PURE__ */ new Map(), validators = null, classGroupId) => ({
39
- nextPart,
40
- validators,
41
- classGroupId
42
- });
43
- var CLASS_PART_SEPARATOR = "-";
44
- var EMPTY_CONFLICTS = [];
45
- var ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
46
- var createClassGroupUtils = (config) => {
47
- const classMap = createClassMap(config);
48
- const { conflictingClassGroups, conflictingClassGroupModifiers } = config;
49
- const getClassGroupId = (className) => {
50
- if (className.startsWith("[") && className.endsWith("]")) return getGroupIdForArbitraryProperty(className);
51
- const classParts = className.split(CLASS_PART_SEPARATOR);
52
- return getGroupRecursive(classParts, classParts[0] === "" && classParts.length > 1 ? 1 : 0, classMap);
53
- };
54
- const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
55
- if (hasPostfixModifier) {
56
- const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
57
- const baseConflicts = conflictingClassGroups[classGroupId];
58
- if (modifierConflicts) {
59
- if (baseConflicts) return concatArrays(baseConflicts, modifierConflicts);
60
- return modifierConflicts;
61
- }
62
- return baseConflicts || EMPTY_CONFLICTS;
63
- }
64
- return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
65
- };
66
- return {
67
- getClassGroupId,
68
- getConflictingClassGroupIds
69
- };
70
- };
71
- var getGroupRecursive = (classParts, startIndex, classPartObject) => {
72
- if (classParts.length - startIndex === 0) return classPartObject.classGroupId;
73
- const currentClassPart = classParts[startIndex];
74
- const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
75
- if (nextClassPartObject) {
76
- const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
77
- if (result) return result;
78
- }
79
- const validators = classPartObject.validators;
80
- if (validators === null) return;
81
- const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
82
- const validatorsLength = validators.length;
83
- for (let i = 0; i < validatorsLength; i++) {
84
- const validatorObj = validators[i];
85
- if (validatorObj.validator(classRest)) return validatorObj.classGroupId;
86
- }
87
- };
88
- /**
89
- * Get the class group ID for an arbitrary property.
90
- *
91
- * @param className - The class name to get the group ID for. Is expected to be string starting with `[` and ending with `]`.
92
- */
93
- var getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
94
- const content = className.slice(1, -1);
95
- const colonIndex = content.indexOf(":");
96
- const property = content.slice(0, colonIndex);
97
- return property ? ARBITRARY_PROPERTY_PREFIX + property : void 0;
98
- })();
99
- /**
100
- * Exported for testing only
101
- */
102
- var createClassMap = (config) => {
103
- const { theme, classGroups } = config;
104
- return processClassGroups(classGroups, theme);
105
- };
106
- var processClassGroups = (classGroups, theme) => {
107
- const classMap = createClassPartObject();
108
- for (const classGroupId in classGroups) {
109
- const group = classGroups[classGroupId];
110
- processClassesRecursively(group, classMap, classGroupId, theme);
111
- }
112
- return classMap;
113
- };
114
- var processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
115
- const len = classGroup.length;
116
- for (let i = 0; i < len; i++) {
117
- const classDefinition = classGroup[i];
118
- processClassDefinition(classDefinition, classPartObject, classGroupId, theme);
119
- }
120
- };
121
- var processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
122
- if (typeof classDefinition === "string") {
123
- processStringDefinition(classDefinition, classPartObject, classGroupId);
124
- return;
125
- }
126
- if (typeof classDefinition === "function") {
127
- processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme);
128
- return;
129
- }
130
- processObjectDefinition(classDefinition, classPartObject, classGroupId, theme);
131
- };
132
- var processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
133
- const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
134
- classPartObjectToEdit.classGroupId = classGroupId;
135
- };
136
- var processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
137
- if (isThemeGetter(classDefinition)) {
138
- processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
139
- return;
140
- }
141
- if (classPartObject.validators === null) classPartObject.validators = [];
142
- classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
143
- };
144
- var processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
145
- const entries = Object.entries(classDefinition);
146
- const len = entries.length;
147
- for (let i = 0; i < len; i++) {
148
- const [key, value] = entries[i];
149
- processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme);
150
- }
151
- };
152
- var getPart = (classPartObject, path) => {
153
- let current = classPartObject;
154
- const parts = path.split(CLASS_PART_SEPARATOR);
155
- const len = parts.length;
156
- for (let i = 0; i < len; i++) {
157
- const part = parts[i];
158
- let next = current.nextPart.get(part);
159
- if (!next) {
160
- next = createClassPartObject();
161
- current.nextPart.set(part, next);
162
- }
163
- current = next;
164
- }
165
- return current;
166
- };
167
- var isThemeGetter = (func) => "isThemeGetter" in func && func.isThemeGetter === true;
168
- var createLruCache = (maxCacheSize) => {
169
- if (maxCacheSize < 1) return {
170
- get: () => void 0,
171
- set: () => {}
172
- };
173
- let cacheSize = 0;
174
- let cache = Object.create(null);
175
- let previousCache = Object.create(null);
176
- const update = (key, value) => {
177
- cache[key] = value;
178
- cacheSize++;
179
- if (cacheSize > maxCacheSize) {
180
- cacheSize = 0;
181
- previousCache = cache;
182
- cache = Object.create(null);
183
- }
184
- };
185
- return {
186
- get(key) {
187
- let value = cache[key];
188
- if (value !== void 0) return value;
189
- if ((value = previousCache[key]) !== void 0) {
190
- update(key, value);
191
- return value;
192
- }
193
- },
194
- set(key, value) {
195
- if (key in cache) cache[key] = value;
196
- else update(key, value);
197
- }
198
- };
199
- };
200
- var IMPORTANT_MODIFIER = "!";
201
- var MODIFIER_SEPARATOR = ":";
202
- var EMPTY_MODIFIERS = [];
203
- var createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
204
- modifiers,
205
- hasImportantModifier,
206
- baseClassName,
207
- maybePostfixModifierPosition,
208
- isExternal
209
- });
210
- var createParseClassName = (config) => {
211
- const { prefix, experimentalParseClassName } = config;
212
- /**
213
- * Parse class name into parts.
214
- *
215
- * Inspired by `splitAtTopLevelOnly` used in Tailwind CSS
216
- * @see https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js
217
- */
218
- let parseClassName = (className) => {
219
- const modifiers = [];
220
- let bracketDepth = 0;
221
- let parenDepth = 0;
222
- let modifierStart = 0;
223
- let postfixModifierPosition;
224
- const len = className.length;
225
- for (let index = 0; index < len; index++) {
226
- const currentCharacter = className[index];
227
- if (bracketDepth === 0 && parenDepth === 0) {
228
- if (currentCharacter === MODIFIER_SEPARATOR) {
229
- modifiers.push(className.slice(modifierStart, index));
230
- modifierStart = index + 1;
231
- continue;
232
- }
233
- if (currentCharacter === "/") {
234
- postfixModifierPosition = index;
235
- continue;
236
- }
237
- }
238
- if (currentCharacter === "[") bracketDepth++;
239
- else if (currentCharacter === "]") bracketDepth--;
240
- else if (currentCharacter === "(") parenDepth++;
241
- else if (currentCharacter === ")") parenDepth--;
242
- }
243
- const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.slice(modifierStart);
244
- let baseClassName = baseClassNameWithImportantModifier;
245
- let hasImportantModifier = false;
246
- if (baseClassNameWithImportantModifier.endsWith(IMPORTANT_MODIFIER)) {
247
- baseClassName = baseClassNameWithImportantModifier.slice(0, -1);
248
- hasImportantModifier = true;
249
- } else if (baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER)) {
250
- baseClassName = baseClassNameWithImportantModifier.slice(1);
251
- hasImportantModifier = true;
252
- }
253
- const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
254
- return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);
255
- };
256
- if (prefix) {
257
- const fullPrefix = prefix + MODIFIER_SEPARATOR;
258
- const parseClassNameOriginal = parseClassName;
259
- parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, void 0, true);
260
- }
261
- if (experimentalParseClassName) {
262
- const parseClassNameOriginal = parseClassName;
263
- parseClassName = (className) => experimentalParseClassName({
264
- className,
265
- parseClassName: parseClassNameOriginal
266
- });
267
- }
268
- return parseClassName;
269
- };
270
- /**
271
- * Sorts modifiers according to following schema:
272
- * - Predefined modifiers are sorted alphabetically
273
- * - When an arbitrary variant appears, it must be preserved which modifiers are before and after it
274
- */
275
- var createSortModifiers = (config) => {
276
- const modifierWeights = /* @__PURE__ */ new Map();
277
- config.orderSensitiveModifiers.forEach((mod, index) => {
278
- modifierWeights.set(mod, 1e6 + index);
279
- });
280
- return (modifiers) => {
281
- const result = [];
282
- let currentSegment = [];
283
- for (let i = 0; i < modifiers.length; i++) {
284
- const modifier = modifiers[i];
285
- const isArbitrary = modifier[0] === "[";
286
- const isOrderSensitive = modifierWeights.has(modifier);
287
- if (isArbitrary || isOrderSensitive) {
288
- if (currentSegment.length > 0) {
289
- currentSegment.sort();
290
- result.push(...currentSegment);
291
- currentSegment = [];
292
- }
293
- result.push(modifier);
294
- } else currentSegment.push(modifier);
295
- }
296
- if (currentSegment.length > 0) {
297
- currentSegment.sort();
298
- result.push(...currentSegment);
299
- }
300
- return result;
301
- };
302
- };
303
- var createConfigUtils = (config) => ({
304
- cache: createLruCache(config.cacheSize),
305
- parseClassName: createParseClassName(config),
306
- sortModifiers: createSortModifiers(config),
307
- ...createClassGroupUtils(config)
308
- });
309
- var SPLIT_CLASSES_REGEX = /\s+/;
310
- var mergeClassList = (classList, configUtils) => {
311
- const { parseClassName, getClassGroupId, getConflictingClassGroupIds, sortModifiers } = configUtils;
312
- /**
313
- * Set of classGroupIds in following format:
314
- * `{importantModifier}{variantModifiers}{classGroupId}`
315
- * @example 'float'
316
- * @example 'hover:focus:bg-color'
317
- * @example 'md:!pr'
318
- */
319
- const classGroupsInConflict = [];
320
- const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
321
- let result = "";
322
- for (let index = classNames.length - 1; index >= 0; index -= 1) {
323
- const originalClassName = classNames[index];
324
- const { isExternal, modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition } = parseClassName(originalClassName);
325
- if (isExternal) {
326
- result = originalClassName + (result.length > 0 ? " " + result : result);
327
- continue;
328
- }
329
- let hasPostfixModifier = !!maybePostfixModifierPosition;
330
- let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
331
- if (!classGroupId) {
332
- if (!hasPostfixModifier) {
333
- result = originalClassName + (result.length > 0 ? " " + result : result);
334
- continue;
335
- }
336
- classGroupId = getClassGroupId(baseClassName);
337
- if (!classGroupId) {
338
- result = originalClassName + (result.length > 0 ? " " + result : result);
339
- continue;
340
- }
341
- hasPostfixModifier = false;
342
- }
343
- const variantModifier = modifiers.length === 0 ? "" : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(":");
344
- const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
345
- const classId = modifierId + classGroupId;
346
- if (classGroupsInConflict.indexOf(classId) > -1) continue;
347
- classGroupsInConflict.push(classId);
348
- const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
349
- for (let i = 0; i < conflictGroups.length; ++i) {
350
- const group = conflictGroups[i];
351
- classGroupsInConflict.push(modifierId + group);
352
- }
353
- result = originalClassName + (result.length > 0 ? " " + result : result);
354
- }
355
- return result;
356
- };
357
- /**
358
- * The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.
359
- *
360
- * Specifically:
361
- * - Runtime code from https://github.com/lukeed/clsx/blob/v1.2.1/src/index.js
362
- * - TypeScript types from https://github.com/lukeed/clsx/blob/v1.2.1/clsx.d.ts
363
- *
364
- * Original code has MIT license: Copyright (c) Luke Edwards <luke.edwards05@gmail.com> (lukeed.com)
365
- */
366
- var twJoin = (...classLists) => {
367
- let index = 0;
368
- let argument;
369
- let resolvedValue;
370
- let string = "";
371
- while (index < classLists.length) if (argument = classLists[index++]) {
372
- if (resolvedValue = toValue(argument)) {
373
- string && (string += " ");
374
- string += resolvedValue;
375
- }
376
- }
377
- return string;
378
- };
379
- var toValue = (mix) => {
380
- if (typeof mix === "string") return mix;
381
- let resolvedValue;
382
- let string = "";
383
- for (let k = 0; k < mix.length; k++) if (mix[k]) {
384
- if (resolvedValue = toValue(mix[k])) {
385
- string && (string += " ");
386
- string += resolvedValue;
387
- }
388
- }
389
- return string;
390
- };
391
- var createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
392
- let configUtils;
393
- let cacheGet;
394
- let cacheSet;
395
- let functionToCall;
396
- const initTailwindMerge = (classList) => {
397
- configUtils = createConfigUtils(createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst()));
398
- cacheGet = configUtils.cache.get;
399
- cacheSet = configUtils.cache.set;
400
- functionToCall = tailwindMerge;
401
- return tailwindMerge(classList);
402
- };
403
- const tailwindMerge = (classList) => {
404
- const cachedResult = cacheGet(classList);
405
- if (cachedResult) return cachedResult;
406
- const result = mergeClassList(classList, configUtils);
407
- cacheSet(classList, result);
408
- return result;
409
- };
410
- functionToCall = initTailwindMerge;
411
- return (...args) => functionToCall(twJoin(...args));
412
- };
413
- var fallbackThemeArr = [];
414
- var fromTheme = (key) => {
415
- const themeGetter = (theme) => theme[key] || fallbackThemeArr;
416
- themeGetter.isThemeGetter = true;
417
- return themeGetter;
418
- };
419
- var arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i;
420
- var arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i;
421
- var fractionRegex = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/;
422
- var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
423
- var lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
424
- var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/;
425
- var shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
426
- var imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
427
- var isFraction = (value) => fractionRegex.test(value);
428
- var isNumber = (value) => !!value && !Number.isNaN(Number(value));
429
- var isInteger = (value) => !!value && Number.isInteger(Number(value));
430
- var isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
431
- var isTshirtSize = (value) => tshirtUnitRegex.test(value);
432
- var isAny = () => true;
433
- var isLengthOnly = (value) => lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
434
- var isNever = () => false;
435
- var isShadow = (value) => shadowRegex.test(value);
436
- var isImage = (value) => imageRegex.test(value);
437
- var isAnyNonArbitrary = (value) => !isArbitraryValue(value) && !isArbitraryVariable(value);
438
- var isArbitrarySize = (value) => getIsArbitraryValue(value, isLabelSize, isNever);
439
- var isArbitraryValue = (value) => arbitraryValueRegex.test(value);
440
- var isArbitraryLength = (value) => getIsArbitraryValue(value, isLabelLength, isLengthOnly);
441
- var isArbitraryNumber = (value) => getIsArbitraryValue(value, isLabelNumber, isNumber);
442
- var isArbitraryWeight = (value) => getIsArbitraryValue(value, isLabelWeight, isAny);
443
- var isArbitraryFamilyName = (value) => getIsArbitraryValue(value, isLabelFamilyName, isNever);
444
- var isArbitraryPosition = (value) => getIsArbitraryValue(value, isLabelPosition, isNever);
445
- var isArbitraryImage = (value) => getIsArbitraryValue(value, isLabelImage, isImage);
446
- var isArbitraryShadow = (value) => getIsArbitraryValue(value, isLabelShadow, isShadow);
447
- var isArbitraryVariable = (value) => arbitraryVariableRegex.test(value);
448
- var isArbitraryVariableLength = (value) => getIsArbitraryVariable(value, isLabelLength);
449
- var isArbitraryVariableFamilyName = (value) => getIsArbitraryVariable(value, isLabelFamilyName);
450
- var isArbitraryVariablePosition = (value) => getIsArbitraryVariable(value, isLabelPosition);
451
- var isArbitraryVariableSize = (value) => getIsArbitraryVariable(value, isLabelSize);
452
- var isArbitraryVariableImage = (value) => getIsArbitraryVariable(value, isLabelImage);
453
- var isArbitraryVariableShadow = (value) => getIsArbitraryVariable(value, isLabelShadow, true);
454
- var isArbitraryVariableWeight = (value) => getIsArbitraryVariable(value, isLabelWeight, true);
455
- var getIsArbitraryValue = (value, testLabel, testValue) => {
456
- const result = arbitraryValueRegex.exec(value);
457
- if (result) {
458
- if (result[1]) return testLabel(result[1]);
459
- return testValue(result[2]);
460
- }
461
- return false;
462
- };
463
- var getIsArbitraryVariable = (value, testLabel, shouldMatchNoLabel = false) => {
464
- const result = arbitraryVariableRegex.exec(value);
465
- if (result) {
466
- if (result[1]) return testLabel(result[1]);
467
- return shouldMatchNoLabel;
468
- }
469
- return false;
470
- };
471
- var isLabelPosition = (label) => label === "position" || label === "percentage";
472
- var isLabelImage = (label) => label === "image" || label === "url";
473
- var isLabelSize = (label) => label === "length" || label === "size" || label === "bg-size";
474
- var isLabelLength = (label) => label === "length";
475
- var isLabelNumber = (label) => label === "number";
476
- var isLabelFamilyName = (label) => label === "family-name";
477
- var isLabelWeight = (label) => label === "number" || label === "weight";
478
- var isLabelShadow = (label) => label === "shadow";
479
- var getDefaultConfig = () => {
480
- /**
481
- * Theme getters for theme variable namespaces
482
- * @see https://tailwindcss.com/docs/theme#theme-variable-namespaces
483
- */
484
- const themeColor = fromTheme("color");
485
- const themeFont = fromTheme("font");
486
- const themeText = fromTheme("text");
487
- const themeFontWeight = fromTheme("font-weight");
488
- const themeTracking = fromTheme("tracking");
489
- const themeLeading = fromTheme("leading");
490
- const themeBreakpoint = fromTheme("breakpoint");
491
- const themeContainer = fromTheme("container");
492
- const themeSpacing = fromTheme("spacing");
493
- const themeRadius = fromTheme("radius");
494
- const themeShadow = fromTheme("shadow");
495
- const themeInsetShadow = fromTheme("inset-shadow");
496
- const themeTextShadow = fromTheme("text-shadow");
497
- const themeDropShadow = fromTheme("drop-shadow");
498
- const themeBlur = fromTheme("blur");
499
- const themePerspective = fromTheme("perspective");
500
- const themeAspect = fromTheme("aspect");
501
- const themeEase = fromTheme("ease");
502
- const themeAnimate = fromTheme("animate");
503
- /**
504
- * Helpers to avoid repeating the same scales
505
- *
506
- * We use functions that create a new array every time they're called instead of static arrays.
507
- * This ensures that users who modify any scale by mutating the array (e.g. with `array.push(element)`) don't accidentally mutate arrays in other parts of the config.
508
- */
509
- const scaleBreak = () => [
510
- "auto",
511
- "avoid",
512
- "all",
513
- "avoid-page",
514
- "page",
515
- "left",
516
- "right",
517
- "column"
518
- ];
519
- const scalePosition = () => [
520
- "center",
521
- "top",
522
- "bottom",
523
- "left",
524
- "right",
525
- "top-left",
526
- "left-top",
527
- "top-right",
528
- "right-top",
529
- "bottom-right",
530
- "right-bottom",
531
- "bottom-left",
532
- "left-bottom"
533
- ];
534
- const scalePositionWithArbitrary = () => [
535
- ...scalePosition(),
536
- isArbitraryVariable,
537
- isArbitraryValue
538
- ];
539
- const scaleOverflow = () => [
540
- "auto",
541
- "hidden",
542
- "clip",
543
- "visible",
544
- "scroll"
545
- ];
546
- const scaleOverscroll = () => [
547
- "auto",
548
- "contain",
549
- "none"
550
- ];
551
- const scaleUnambiguousSpacing = () => [
552
- isArbitraryVariable,
553
- isArbitraryValue,
554
- themeSpacing
555
- ];
556
- const scaleInset = () => [
557
- isFraction,
558
- "full",
559
- "auto",
560
- ...scaleUnambiguousSpacing()
561
- ];
562
- const scaleGridTemplateColsRows = () => [
563
- isInteger,
564
- "none",
565
- "subgrid",
566
- isArbitraryVariable,
567
- isArbitraryValue
568
- ];
569
- const scaleGridColRowStartAndEnd = () => [
570
- "auto",
571
- { span: [
572
- "full",
573
- isInteger,
574
- isArbitraryVariable,
575
- isArbitraryValue
576
- ] },
577
- isInteger,
578
- isArbitraryVariable,
579
- isArbitraryValue
580
- ];
581
- const scaleGridColRowStartOrEnd = () => [
582
- isInteger,
583
- "auto",
584
- isArbitraryVariable,
585
- isArbitraryValue
586
- ];
587
- const scaleGridAutoColsRows = () => [
588
- "auto",
589
- "min",
590
- "max",
591
- "fr",
592
- isArbitraryVariable,
593
- isArbitraryValue
594
- ];
595
- const scaleAlignPrimaryAxis = () => [
596
- "start",
597
- "end",
598
- "center",
599
- "between",
600
- "around",
601
- "evenly",
602
- "stretch",
603
- "baseline",
604
- "center-safe",
605
- "end-safe"
606
- ];
607
- const scaleAlignSecondaryAxis = () => [
608
- "start",
609
- "end",
610
- "center",
611
- "stretch",
612
- "center-safe",
613
- "end-safe"
614
- ];
615
- const scaleMargin = () => ["auto", ...scaleUnambiguousSpacing()];
616
- const scaleSizing = () => [
617
- isFraction,
618
- "auto",
619
- "full",
620
- "dvw",
621
- "dvh",
622
- "lvw",
623
- "lvh",
624
- "svw",
625
- "svh",
626
- "min",
627
- "max",
628
- "fit",
629
- ...scaleUnambiguousSpacing()
630
- ];
631
- const scaleSizingInline = () => [
632
- isFraction,
633
- "screen",
634
- "full",
635
- "dvw",
636
- "lvw",
637
- "svw",
638
- "min",
639
- "max",
640
- "fit",
641
- ...scaleUnambiguousSpacing()
642
- ];
643
- const scaleSizingBlock = () => [
644
- isFraction,
645
- "screen",
646
- "full",
647
- "lh",
648
- "dvh",
649
- "lvh",
650
- "svh",
651
- "min",
652
- "max",
653
- "fit",
654
- ...scaleUnambiguousSpacing()
655
- ];
656
- const scaleColor = () => [
657
- themeColor,
658
- isArbitraryVariable,
659
- isArbitraryValue
660
- ];
661
- const scaleBgPosition = () => [
662
- ...scalePosition(),
663
- isArbitraryVariablePosition,
664
- isArbitraryPosition,
665
- { position: [isArbitraryVariable, isArbitraryValue] }
666
- ];
667
- const scaleBgRepeat = () => ["no-repeat", { repeat: [
668
- "",
669
- "x",
670
- "y",
671
- "space",
672
- "round"
673
- ] }];
674
- const scaleBgSize = () => [
675
- "auto",
676
- "cover",
677
- "contain",
678
- isArbitraryVariableSize,
679
- isArbitrarySize,
680
- { size: [isArbitraryVariable, isArbitraryValue] }
681
- ];
682
- const scaleGradientStopPosition = () => [
683
- isPercent,
684
- isArbitraryVariableLength,
685
- isArbitraryLength
686
- ];
687
- const scaleRadius = () => [
688
- "",
689
- "none",
690
- "full",
691
- themeRadius,
692
- isArbitraryVariable,
693
- isArbitraryValue
694
- ];
695
- const scaleBorderWidth = () => [
696
- "",
697
- isNumber,
698
- isArbitraryVariableLength,
699
- isArbitraryLength
700
- ];
701
- const scaleLineStyle = () => [
702
- "solid",
703
- "dashed",
704
- "dotted",
705
- "double"
706
- ];
707
- const scaleBlendMode = () => [
708
- "normal",
709
- "multiply",
710
- "screen",
711
- "overlay",
712
- "darken",
713
- "lighten",
714
- "color-dodge",
715
- "color-burn",
716
- "hard-light",
717
- "soft-light",
718
- "difference",
719
- "exclusion",
720
- "hue",
721
- "saturation",
722
- "color",
723
- "luminosity"
724
- ];
725
- const scaleMaskImagePosition = () => [
726
- isNumber,
727
- isPercent,
728
- isArbitraryVariablePosition,
729
- isArbitraryPosition
730
- ];
731
- const scaleBlur = () => [
732
- "",
733
- "none",
734
- themeBlur,
735
- isArbitraryVariable,
736
- isArbitraryValue
737
- ];
738
- const scaleRotate = () => [
739
- "none",
740
- isNumber,
741
- isArbitraryVariable,
742
- isArbitraryValue
743
- ];
744
- const scaleScale = () => [
745
- "none",
746
- isNumber,
747
- isArbitraryVariable,
748
- isArbitraryValue
749
- ];
750
- const scaleSkew = () => [
751
- isNumber,
752
- isArbitraryVariable,
753
- isArbitraryValue
754
- ];
755
- const scaleTranslate = () => [
756
- isFraction,
757
- "full",
758
- ...scaleUnambiguousSpacing()
759
- ];
760
- return {
761
- cacheSize: 500,
762
- theme: {
763
- animate: [
764
- "spin",
765
- "ping",
766
- "pulse",
767
- "bounce"
768
- ],
769
- aspect: ["video"],
770
- blur: [isTshirtSize],
771
- breakpoint: [isTshirtSize],
772
- color: [isAny],
773
- container: [isTshirtSize],
774
- "drop-shadow": [isTshirtSize],
775
- ease: [
776
- "in",
777
- "out",
778
- "in-out"
779
- ],
780
- font: [isAnyNonArbitrary],
781
- "font-weight": [
782
- "thin",
783
- "extralight",
784
- "light",
785
- "normal",
786
- "medium",
787
- "semibold",
788
- "bold",
789
- "extrabold",
790
- "black"
791
- ],
792
- "inset-shadow": [isTshirtSize],
793
- leading: [
794
- "none",
795
- "tight",
796
- "snug",
797
- "normal",
798
- "relaxed",
799
- "loose"
800
- ],
801
- perspective: [
802
- "dramatic",
803
- "near",
804
- "normal",
805
- "midrange",
806
- "distant",
807
- "none"
808
- ],
809
- radius: [isTshirtSize],
810
- shadow: [isTshirtSize],
811
- spacing: ["px", isNumber],
812
- text: [isTshirtSize],
813
- "text-shadow": [isTshirtSize],
814
- tracking: [
815
- "tighter",
816
- "tight",
817
- "normal",
818
- "wide",
819
- "wider",
820
- "widest"
821
- ]
822
- },
823
- classGroups: {
824
- aspect: [{ aspect: [
825
- "auto",
826
- "square",
827
- isFraction,
828
- isArbitraryValue,
829
- isArbitraryVariable,
830
- themeAspect
831
- ] }],
832
- container: ["container"],
833
- columns: [{ columns: [
834
- isNumber,
835
- isArbitraryValue,
836
- isArbitraryVariable,
837
- themeContainer
838
- ] }],
839
- "break-after": [{ "break-after": scaleBreak() }],
840
- "break-before": [{ "break-before": scaleBreak() }],
841
- "break-inside": [{ "break-inside": [
842
- "auto",
843
- "avoid",
844
- "avoid-page",
845
- "avoid-column"
846
- ] }],
847
- "box-decoration": [{ "box-decoration": ["slice", "clone"] }],
848
- box: [{ box: ["border", "content"] }],
849
- display: [
850
- "block",
851
- "inline-block",
852
- "inline",
853
- "flex",
854
- "inline-flex",
855
- "table",
856
- "inline-table",
857
- "table-caption",
858
- "table-cell",
859
- "table-column",
860
- "table-column-group",
861
- "table-footer-group",
862
- "table-header-group",
863
- "table-row-group",
864
- "table-row",
865
- "flow-root",
866
- "grid",
867
- "inline-grid",
868
- "contents",
869
- "list-item",
870
- "hidden"
871
- ],
872
- sr: ["sr-only", "not-sr-only"],
873
- float: [{ float: [
874
- "right",
875
- "left",
876
- "none",
877
- "start",
878
- "end"
879
- ] }],
880
- clear: [{ clear: [
881
- "left",
882
- "right",
883
- "both",
884
- "none",
885
- "start",
886
- "end"
887
- ] }],
888
- isolation: ["isolate", "isolation-auto"],
889
- "object-fit": [{ object: [
890
- "contain",
891
- "cover",
892
- "fill",
893
- "none",
894
- "scale-down"
895
- ] }],
896
- "object-position": [{ object: scalePositionWithArbitrary() }],
897
- overflow: [{ overflow: scaleOverflow() }],
898
- "overflow-x": [{ "overflow-x": scaleOverflow() }],
899
- "overflow-y": [{ "overflow-y": scaleOverflow() }],
900
- overscroll: [{ overscroll: scaleOverscroll() }],
901
- "overscroll-x": [{ "overscroll-x": scaleOverscroll() }],
902
- "overscroll-y": [{ "overscroll-y": scaleOverscroll() }],
903
- position: [
904
- "static",
905
- "fixed",
906
- "absolute",
907
- "relative",
908
- "sticky"
909
- ],
910
- inset: [{ inset: scaleInset() }],
911
- "inset-x": [{ "inset-x": scaleInset() }],
912
- "inset-y": [{ "inset-y": scaleInset() }],
913
- start: [{
914
- "inset-s": scaleInset(),
915
- start: scaleInset()
916
- }],
917
- end: [{
918
- "inset-e": scaleInset(),
919
- end: scaleInset()
920
- }],
921
- "inset-bs": [{ "inset-bs": scaleInset() }],
922
- "inset-be": [{ "inset-be": scaleInset() }],
923
- top: [{ top: scaleInset() }],
924
- right: [{ right: scaleInset() }],
925
- bottom: [{ bottom: scaleInset() }],
926
- left: [{ left: scaleInset() }],
927
- visibility: [
928
- "visible",
929
- "invisible",
930
- "collapse"
931
- ],
932
- z: [{ z: [
933
- isInteger,
934
- "auto",
935
- isArbitraryVariable,
936
- isArbitraryValue
937
- ] }],
938
- basis: [{ basis: [
939
- isFraction,
940
- "full",
941
- "auto",
942
- themeContainer,
943
- ...scaleUnambiguousSpacing()
944
- ] }],
945
- "flex-direction": [{ flex: [
946
- "row",
947
- "row-reverse",
948
- "col",
949
- "col-reverse"
950
- ] }],
951
- "flex-wrap": [{ flex: [
952
- "nowrap",
953
- "wrap",
954
- "wrap-reverse"
955
- ] }],
956
- flex: [{ flex: [
957
- isNumber,
958
- isFraction,
959
- "auto",
960
- "initial",
961
- "none",
962
- isArbitraryValue
963
- ] }],
964
- grow: [{ grow: [
965
- "",
966
- isNumber,
967
- isArbitraryVariable,
968
- isArbitraryValue
969
- ] }],
970
- shrink: [{ shrink: [
971
- "",
972
- isNumber,
973
- isArbitraryVariable,
974
- isArbitraryValue
975
- ] }],
976
- order: [{ order: [
977
- isInteger,
978
- "first",
979
- "last",
980
- "none",
981
- isArbitraryVariable,
982
- isArbitraryValue
983
- ] }],
984
- "grid-cols": [{ "grid-cols": scaleGridTemplateColsRows() }],
985
- "col-start-end": [{ col: scaleGridColRowStartAndEnd() }],
986
- "col-start": [{ "col-start": scaleGridColRowStartOrEnd() }],
987
- "col-end": [{ "col-end": scaleGridColRowStartOrEnd() }],
988
- "grid-rows": [{ "grid-rows": scaleGridTemplateColsRows() }],
989
- "row-start-end": [{ row: scaleGridColRowStartAndEnd() }],
990
- "row-start": [{ "row-start": scaleGridColRowStartOrEnd() }],
991
- "row-end": [{ "row-end": scaleGridColRowStartOrEnd() }],
992
- "grid-flow": [{ "grid-flow": [
993
- "row",
994
- "col",
995
- "dense",
996
- "row-dense",
997
- "col-dense"
998
- ] }],
999
- "auto-cols": [{ "auto-cols": scaleGridAutoColsRows() }],
1000
- "auto-rows": [{ "auto-rows": scaleGridAutoColsRows() }],
1001
- gap: [{ gap: scaleUnambiguousSpacing() }],
1002
- "gap-x": [{ "gap-x": scaleUnambiguousSpacing() }],
1003
- "gap-y": [{ "gap-y": scaleUnambiguousSpacing() }],
1004
- "justify-content": [{ justify: [...scaleAlignPrimaryAxis(), "normal"] }],
1005
- "justify-items": [{ "justify-items": [...scaleAlignSecondaryAxis(), "normal"] }],
1006
- "justify-self": [{ "justify-self": ["auto", ...scaleAlignSecondaryAxis()] }],
1007
- "align-content": [{ content: ["normal", ...scaleAlignPrimaryAxis()] }],
1008
- "align-items": [{ items: [...scaleAlignSecondaryAxis(), { baseline: ["", "last"] }] }],
1009
- "align-self": [{ self: [
1010
- "auto",
1011
- ...scaleAlignSecondaryAxis(),
1012
- { baseline: ["", "last"] }
1013
- ] }],
1014
- "place-content": [{ "place-content": scaleAlignPrimaryAxis() }],
1015
- "place-items": [{ "place-items": [...scaleAlignSecondaryAxis(), "baseline"] }],
1016
- "place-self": [{ "place-self": ["auto", ...scaleAlignSecondaryAxis()] }],
1017
- p: [{ p: scaleUnambiguousSpacing() }],
1018
- px: [{ px: scaleUnambiguousSpacing() }],
1019
- py: [{ py: scaleUnambiguousSpacing() }],
1020
- ps: [{ ps: scaleUnambiguousSpacing() }],
1021
- pe: [{ pe: scaleUnambiguousSpacing() }],
1022
- pbs: [{ pbs: scaleUnambiguousSpacing() }],
1023
- pbe: [{ pbe: scaleUnambiguousSpacing() }],
1024
- pt: [{ pt: scaleUnambiguousSpacing() }],
1025
- pr: [{ pr: scaleUnambiguousSpacing() }],
1026
- pb: [{ pb: scaleUnambiguousSpacing() }],
1027
- pl: [{ pl: scaleUnambiguousSpacing() }],
1028
- m: [{ m: scaleMargin() }],
1029
- mx: [{ mx: scaleMargin() }],
1030
- my: [{ my: scaleMargin() }],
1031
- ms: [{ ms: scaleMargin() }],
1032
- me: [{ me: scaleMargin() }],
1033
- mbs: [{ mbs: scaleMargin() }],
1034
- mbe: [{ mbe: scaleMargin() }],
1035
- mt: [{ mt: scaleMargin() }],
1036
- mr: [{ mr: scaleMargin() }],
1037
- mb: [{ mb: scaleMargin() }],
1038
- ml: [{ ml: scaleMargin() }],
1039
- "space-x": [{ "space-x": scaleUnambiguousSpacing() }],
1040
- "space-x-reverse": ["space-x-reverse"],
1041
- "space-y": [{ "space-y": scaleUnambiguousSpacing() }],
1042
- "space-y-reverse": ["space-y-reverse"],
1043
- size: [{ size: scaleSizing() }],
1044
- "inline-size": [{ inline: ["auto", ...scaleSizingInline()] }],
1045
- "min-inline-size": [{ "min-inline": ["auto", ...scaleSizingInline()] }],
1046
- "max-inline-size": [{ "max-inline": ["none", ...scaleSizingInline()] }],
1047
- "block-size": [{ block: ["auto", ...scaleSizingBlock()] }],
1048
- "min-block-size": [{ "min-block": ["auto", ...scaleSizingBlock()] }],
1049
- "max-block-size": [{ "max-block": ["none", ...scaleSizingBlock()] }],
1050
- w: [{ w: [
1051
- themeContainer,
1052
- "screen",
1053
- ...scaleSizing()
1054
- ] }],
1055
- "min-w": [{ "min-w": [
1056
- themeContainer,
1057
- "screen",
1058
- "none",
1059
- ...scaleSizing()
1060
- ] }],
1061
- "max-w": [{ "max-w": [
1062
- themeContainer,
1063
- "screen",
1064
- "none",
1065
- "prose",
1066
- { screen: [themeBreakpoint] },
1067
- ...scaleSizing()
1068
- ] }],
1069
- h: [{ h: [
1070
- "screen",
1071
- "lh",
1072
- ...scaleSizing()
1073
- ] }],
1074
- "min-h": [{ "min-h": [
1075
- "screen",
1076
- "lh",
1077
- "none",
1078
- ...scaleSizing()
1079
- ] }],
1080
- "max-h": [{ "max-h": [
1081
- "screen",
1082
- "lh",
1083
- ...scaleSizing()
1084
- ] }],
1085
- "font-size": [{ text: [
1086
- "base",
1087
- themeText,
1088
- isArbitraryVariableLength,
1089
- isArbitraryLength
1090
- ] }],
1091
- "font-smoothing": ["antialiased", "subpixel-antialiased"],
1092
- "font-style": ["italic", "not-italic"],
1093
- "font-weight": [{ font: [
1094
- themeFontWeight,
1095
- isArbitraryVariableWeight,
1096
- isArbitraryWeight
1097
- ] }],
1098
- "font-stretch": [{ "font-stretch": [
1099
- "ultra-condensed",
1100
- "extra-condensed",
1101
- "condensed",
1102
- "semi-condensed",
1103
- "normal",
1104
- "semi-expanded",
1105
- "expanded",
1106
- "extra-expanded",
1107
- "ultra-expanded",
1108
- isPercent,
1109
- isArbitraryValue
1110
- ] }],
1111
- "font-family": [{ font: [
1112
- isArbitraryVariableFamilyName,
1113
- isArbitraryFamilyName,
1114
- themeFont
1115
- ] }],
1116
- "font-features": [{ "font-features": [isArbitraryValue] }],
1117
- "fvn-normal": ["normal-nums"],
1118
- "fvn-ordinal": ["ordinal"],
1119
- "fvn-slashed-zero": ["slashed-zero"],
1120
- "fvn-figure": ["lining-nums", "oldstyle-nums"],
1121
- "fvn-spacing": ["proportional-nums", "tabular-nums"],
1122
- "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
1123
- tracking: [{ tracking: [
1124
- themeTracking,
1125
- isArbitraryVariable,
1126
- isArbitraryValue
1127
- ] }],
1128
- "line-clamp": [{ "line-clamp": [
1129
- isNumber,
1130
- "none",
1131
- isArbitraryVariable,
1132
- isArbitraryNumber
1133
- ] }],
1134
- leading: [{ leading: [themeLeading, ...scaleUnambiguousSpacing()] }],
1135
- "list-image": [{ "list-image": [
1136
- "none",
1137
- isArbitraryVariable,
1138
- isArbitraryValue
1139
- ] }],
1140
- "list-style-position": [{ list: ["inside", "outside"] }],
1141
- "list-style-type": [{ list: [
1142
- "disc",
1143
- "decimal",
1144
- "none",
1145
- isArbitraryVariable,
1146
- isArbitraryValue
1147
- ] }],
1148
- "text-alignment": [{ text: [
1149
- "left",
1150
- "center",
1151
- "right",
1152
- "justify",
1153
- "start",
1154
- "end"
1155
- ] }],
1156
- "placeholder-color": [{ placeholder: scaleColor() }],
1157
- "text-color": [{ text: scaleColor() }],
1158
- "text-decoration": [
1159
- "underline",
1160
- "overline",
1161
- "line-through",
1162
- "no-underline"
1163
- ],
1164
- "text-decoration-style": [{ decoration: [...scaleLineStyle(), "wavy"] }],
1165
- "text-decoration-thickness": [{ decoration: [
1166
- isNumber,
1167
- "from-font",
1168
- "auto",
1169
- isArbitraryVariable,
1170
- isArbitraryLength
1171
- ] }],
1172
- "text-decoration-color": [{ decoration: scaleColor() }],
1173
- "underline-offset": [{ "underline-offset": [
1174
- isNumber,
1175
- "auto",
1176
- isArbitraryVariable,
1177
- isArbitraryValue
1178
- ] }],
1179
- "text-transform": [
1180
- "uppercase",
1181
- "lowercase",
1182
- "capitalize",
1183
- "normal-case"
1184
- ],
1185
- "text-overflow": [
1186
- "truncate",
1187
- "text-ellipsis",
1188
- "text-clip"
1189
- ],
1190
- "text-wrap": [{ text: [
1191
- "wrap",
1192
- "nowrap",
1193
- "balance",
1194
- "pretty"
1195
- ] }],
1196
- indent: [{ indent: scaleUnambiguousSpacing() }],
1197
- "vertical-align": [{ align: [
1198
- "baseline",
1199
- "top",
1200
- "middle",
1201
- "bottom",
1202
- "text-top",
1203
- "text-bottom",
1204
- "sub",
1205
- "super",
1206
- isArbitraryVariable,
1207
- isArbitraryValue
1208
- ] }],
1209
- whitespace: [{ whitespace: [
1210
- "normal",
1211
- "nowrap",
1212
- "pre",
1213
- "pre-line",
1214
- "pre-wrap",
1215
- "break-spaces"
1216
- ] }],
1217
- break: [{ break: [
1218
- "normal",
1219
- "words",
1220
- "all",
1221
- "keep"
1222
- ] }],
1223
- wrap: [{ wrap: [
1224
- "break-word",
1225
- "anywhere",
1226
- "normal"
1227
- ] }],
1228
- hyphens: [{ hyphens: [
1229
- "none",
1230
- "manual",
1231
- "auto"
1232
- ] }],
1233
- content: [{ content: [
1234
- "none",
1235
- isArbitraryVariable,
1236
- isArbitraryValue
1237
- ] }],
1238
- "bg-attachment": [{ bg: [
1239
- "fixed",
1240
- "local",
1241
- "scroll"
1242
- ] }],
1243
- "bg-clip": [{ "bg-clip": [
1244
- "border",
1245
- "padding",
1246
- "content",
1247
- "text"
1248
- ] }],
1249
- "bg-origin": [{ "bg-origin": [
1250
- "border",
1251
- "padding",
1252
- "content"
1253
- ] }],
1254
- "bg-position": [{ bg: scaleBgPosition() }],
1255
- "bg-repeat": [{ bg: scaleBgRepeat() }],
1256
- "bg-size": [{ bg: scaleBgSize() }],
1257
- "bg-image": [{ bg: [
1258
- "none",
1259
- {
1260
- linear: [
1261
- { to: [
1262
- "t",
1263
- "tr",
1264
- "r",
1265
- "br",
1266
- "b",
1267
- "bl",
1268
- "l",
1269
- "tl"
1270
- ] },
1271
- isInteger,
1272
- isArbitraryVariable,
1273
- isArbitraryValue
1274
- ],
1275
- radial: [
1276
- "",
1277
- isArbitraryVariable,
1278
- isArbitraryValue
1279
- ],
1280
- conic: [
1281
- isInteger,
1282
- isArbitraryVariable,
1283
- isArbitraryValue
1284
- ]
1285
- },
1286
- isArbitraryVariableImage,
1287
- isArbitraryImage
1288
- ] }],
1289
- "bg-color": [{ bg: scaleColor() }],
1290
- "gradient-from-pos": [{ from: scaleGradientStopPosition() }],
1291
- "gradient-via-pos": [{ via: scaleGradientStopPosition() }],
1292
- "gradient-to-pos": [{ to: scaleGradientStopPosition() }],
1293
- "gradient-from": [{ from: scaleColor() }],
1294
- "gradient-via": [{ via: scaleColor() }],
1295
- "gradient-to": [{ to: scaleColor() }],
1296
- rounded: [{ rounded: scaleRadius() }],
1297
- "rounded-s": [{ "rounded-s": scaleRadius() }],
1298
- "rounded-e": [{ "rounded-e": scaleRadius() }],
1299
- "rounded-t": [{ "rounded-t": scaleRadius() }],
1300
- "rounded-r": [{ "rounded-r": scaleRadius() }],
1301
- "rounded-b": [{ "rounded-b": scaleRadius() }],
1302
- "rounded-l": [{ "rounded-l": scaleRadius() }],
1303
- "rounded-ss": [{ "rounded-ss": scaleRadius() }],
1304
- "rounded-se": [{ "rounded-se": scaleRadius() }],
1305
- "rounded-ee": [{ "rounded-ee": scaleRadius() }],
1306
- "rounded-es": [{ "rounded-es": scaleRadius() }],
1307
- "rounded-tl": [{ "rounded-tl": scaleRadius() }],
1308
- "rounded-tr": [{ "rounded-tr": scaleRadius() }],
1309
- "rounded-br": [{ "rounded-br": scaleRadius() }],
1310
- "rounded-bl": [{ "rounded-bl": scaleRadius() }],
1311
- "border-w": [{ border: scaleBorderWidth() }],
1312
- "border-w-x": [{ "border-x": scaleBorderWidth() }],
1313
- "border-w-y": [{ "border-y": scaleBorderWidth() }],
1314
- "border-w-s": [{ "border-s": scaleBorderWidth() }],
1315
- "border-w-e": [{ "border-e": scaleBorderWidth() }],
1316
- "border-w-bs": [{ "border-bs": scaleBorderWidth() }],
1317
- "border-w-be": [{ "border-be": scaleBorderWidth() }],
1318
- "border-w-t": [{ "border-t": scaleBorderWidth() }],
1319
- "border-w-r": [{ "border-r": scaleBorderWidth() }],
1320
- "border-w-b": [{ "border-b": scaleBorderWidth() }],
1321
- "border-w-l": [{ "border-l": scaleBorderWidth() }],
1322
- "divide-x": [{ "divide-x": scaleBorderWidth() }],
1323
- "divide-x-reverse": ["divide-x-reverse"],
1324
- "divide-y": [{ "divide-y": scaleBorderWidth() }],
1325
- "divide-y-reverse": ["divide-y-reverse"],
1326
- "border-style": [{ border: [
1327
- ...scaleLineStyle(),
1328
- "hidden",
1329
- "none"
1330
- ] }],
1331
- "divide-style": [{ divide: [
1332
- ...scaleLineStyle(),
1333
- "hidden",
1334
- "none"
1335
- ] }],
1336
- "border-color": [{ border: scaleColor() }],
1337
- "border-color-x": [{ "border-x": scaleColor() }],
1338
- "border-color-y": [{ "border-y": scaleColor() }],
1339
- "border-color-s": [{ "border-s": scaleColor() }],
1340
- "border-color-e": [{ "border-e": scaleColor() }],
1341
- "border-color-bs": [{ "border-bs": scaleColor() }],
1342
- "border-color-be": [{ "border-be": scaleColor() }],
1343
- "border-color-t": [{ "border-t": scaleColor() }],
1344
- "border-color-r": [{ "border-r": scaleColor() }],
1345
- "border-color-b": [{ "border-b": scaleColor() }],
1346
- "border-color-l": [{ "border-l": scaleColor() }],
1347
- "divide-color": [{ divide: scaleColor() }],
1348
- "outline-style": [{ outline: [
1349
- ...scaleLineStyle(),
1350
- "none",
1351
- "hidden"
1352
- ] }],
1353
- "outline-offset": [{ "outline-offset": [
1354
- isNumber,
1355
- isArbitraryVariable,
1356
- isArbitraryValue
1357
- ] }],
1358
- "outline-w": [{ outline: [
1359
- "",
1360
- isNumber,
1361
- isArbitraryVariableLength,
1362
- isArbitraryLength
1363
- ] }],
1364
- "outline-color": [{ outline: scaleColor() }],
1365
- shadow: [{ shadow: [
1366
- "",
1367
- "none",
1368
- themeShadow,
1369
- isArbitraryVariableShadow,
1370
- isArbitraryShadow
1371
- ] }],
1372
- "shadow-color": [{ shadow: scaleColor() }],
1373
- "inset-shadow": [{ "inset-shadow": [
1374
- "none",
1375
- themeInsetShadow,
1376
- isArbitraryVariableShadow,
1377
- isArbitraryShadow
1378
- ] }],
1379
- "inset-shadow-color": [{ "inset-shadow": scaleColor() }],
1380
- "ring-w": [{ ring: scaleBorderWidth() }],
1381
- "ring-w-inset": ["ring-inset"],
1382
- "ring-color": [{ ring: scaleColor() }],
1383
- "ring-offset-w": [{ "ring-offset": [isNumber, isArbitraryLength] }],
1384
- "ring-offset-color": [{ "ring-offset": scaleColor() }],
1385
- "inset-ring-w": [{ "inset-ring": scaleBorderWidth() }],
1386
- "inset-ring-color": [{ "inset-ring": scaleColor() }],
1387
- "text-shadow": [{ "text-shadow": [
1388
- "none",
1389
- themeTextShadow,
1390
- isArbitraryVariableShadow,
1391
- isArbitraryShadow
1392
- ] }],
1393
- "text-shadow-color": [{ "text-shadow": scaleColor() }],
1394
- opacity: [{ opacity: [
1395
- isNumber,
1396
- isArbitraryVariable,
1397
- isArbitraryValue
1398
- ] }],
1399
- "mix-blend": [{ "mix-blend": [
1400
- ...scaleBlendMode(),
1401
- "plus-darker",
1402
- "plus-lighter"
1403
- ] }],
1404
- "bg-blend": [{ "bg-blend": scaleBlendMode() }],
1405
- "mask-clip": [{ "mask-clip": [
1406
- "border",
1407
- "padding",
1408
- "content",
1409
- "fill",
1410
- "stroke",
1411
- "view"
1412
- ] }, "mask-no-clip"],
1413
- "mask-composite": [{ mask: [
1414
- "add",
1415
- "subtract",
1416
- "intersect",
1417
- "exclude"
1418
- ] }],
1419
- "mask-image-linear-pos": [{ "mask-linear": [isNumber] }],
1420
- "mask-image-linear-from-pos": [{ "mask-linear-from": scaleMaskImagePosition() }],
1421
- "mask-image-linear-to-pos": [{ "mask-linear-to": scaleMaskImagePosition() }],
1422
- "mask-image-linear-from-color": [{ "mask-linear-from": scaleColor() }],
1423
- "mask-image-linear-to-color": [{ "mask-linear-to": scaleColor() }],
1424
- "mask-image-t-from-pos": [{ "mask-t-from": scaleMaskImagePosition() }],
1425
- "mask-image-t-to-pos": [{ "mask-t-to": scaleMaskImagePosition() }],
1426
- "mask-image-t-from-color": [{ "mask-t-from": scaleColor() }],
1427
- "mask-image-t-to-color": [{ "mask-t-to": scaleColor() }],
1428
- "mask-image-r-from-pos": [{ "mask-r-from": scaleMaskImagePosition() }],
1429
- "mask-image-r-to-pos": [{ "mask-r-to": scaleMaskImagePosition() }],
1430
- "mask-image-r-from-color": [{ "mask-r-from": scaleColor() }],
1431
- "mask-image-r-to-color": [{ "mask-r-to": scaleColor() }],
1432
- "mask-image-b-from-pos": [{ "mask-b-from": scaleMaskImagePosition() }],
1433
- "mask-image-b-to-pos": [{ "mask-b-to": scaleMaskImagePosition() }],
1434
- "mask-image-b-from-color": [{ "mask-b-from": scaleColor() }],
1435
- "mask-image-b-to-color": [{ "mask-b-to": scaleColor() }],
1436
- "mask-image-l-from-pos": [{ "mask-l-from": scaleMaskImagePosition() }],
1437
- "mask-image-l-to-pos": [{ "mask-l-to": scaleMaskImagePosition() }],
1438
- "mask-image-l-from-color": [{ "mask-l-from": scaleColor() }],
1439
- "mask-image-l-to-color": [{ "mask-l-to": scaleColor() }],
1440
- "mask-image-x-from-pos": [{ "mask-x-from": scaleMaskImagePosition() }],
1441
- "mask-image-x-to-pos": [{ "mask-x-to": scaleMaskImagePosition() }],
1442
- "mask-image-x-from-color": [{ "mask-x-from": scaleColor() }],
1443
- "mask-image-x-to-color": [{ "mask-x-to": scaleColor() }],
1444
- "mask-image-y-from-pos": [{ "mask-y-from": scaleMaskImagePosition() }],
1445
- "mask-image-y-to-pos": [{ "mask-y-to": scaleMaskImagePosition() }],
1446
- "mask-image-y-from-color": [{ "mask-y-from": scaleColor() }],
1447
- "mask-image-y-to-color": [{ "mask-y-to": scaleColor() }],
1448
- "mask-image-radial": [{ "mask-radial": [isArbitraryVariable, isArbitraryValue] }],
1449
- "mask-image-radial-from-pos": [{ "mask-radial-from": scaleMaskImagePosition() }],
1450
- "mask-image-radial-to-pos": [{ "mask-radial-to": scaleMaskImagePosition() }],
1451
- "mask-image-radial-from-color": [{ "mask-radial-from": scaleColor() }],
1452
- "mask-image-radial-to-color": [{ "mask-radial-to": scaleColor() }],
1453
- "mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
1454
- "mask-image-radial-size": [{ "mask-radial": [{
1455
- closest: ["side", "corner"],
1456
- farthest: ["side", "corner"]
1457
- }] }],
1458
- "mask-image-radial-pos": [{ "mask-radial-at": scalePosition() }],
1459
- "mask-image-conic-pos": [{ "mask-conic": [isNumber] }],
1460
- "mask-image-conic-from-pos": [{ "mask-conic-from": scaleMaskImagePosition() }],
1461
- "mask-image-conic-to-pos": [{ "mask-conic-to": scaleMaskImagePosition() }],
1462
- "mask-image-conic-from-color": [{ "mask-conic-from": scaleColor() }],
1463
- "mask-image-conic-to-color": [{ "mask-conic-to": scaleColor() }],
1464
- "mask-mode": [{ mask: [
1465
- "alpha",
1466
- "luminance",
1467
- "match"
1468
- ] }],
1469
- "mask-origin": [{ "mask-origin": [
1470
- "border",
1471
- "padding",
1472
- "content",
1473
- "fill",
1474
- "stroke",
1475
- "view"
1476
- ] }],
1477
- "mask-position": [{ mask: scaleBgPosition() }],
1478
- "mask-repeat": [{ mask: scaleBgRepeat() }],
1479
- "mask-size": [{ mask: scaleBgSize() }],
1480
- "mask-type": [{ "mask-type": ["alpha", "luminance"] }],
1481
- "mask-image": [{ mask: [
1482
- "none",
1483
- isArbitraryVariable,
1484
- isArbitraryValue
1485
- ] }],
1486
- filter: [{ filter: [
1487
- "",
1488
- "none",
1489
- isArbitraryVariable,
1490
- isArbitraryValue
1491
- ] }],
1492
- blur: [{ blur: scaleBlur() }],
1493
- brightness: [{ brightness: [
1494
- isNumber,
1495
- isArbitraryVariable,
1496
- isArbitraryValue
1497
- ] }],
1498
- contrast: [{ contrast: [
1499
- isNumber,
1500
- isArbitraryVariable,
1501
- isArbitraryValue
1502
- ] }],
1503
- "drop-shadow": [{ "drop-shadow": [
1504
- "",
1505
- "none",
1506
- themeDropShadow,
1507
- isArbitraryVariableShadow,
1508
- isArbitraryShadow
1509
- ] }],
1510
- "drop-shadow-color": [{ "drop-shadow": scaleColor() }],
1511
- grayscale: [{ grayscale: [
1512
- "",
1513
- isNumber,
1514
- isArbitraryVariable,
1515
- isArbitraryValue
1516
- ] }],
1517
- "hue-rotate": [{ "hue-rotate": [
1518
- isNumber,
1519
- isArbitraryVariable,
1520
- isArbitraryValue
1521
- ] }],
1522
- invert: [{ invert: [
1523
- "",
1524
- isNumber,
1525
- isArbitraryVariable,
1526
- isArbitraryValue
1527
- ] }],
1528
- saturate: [{ saturate: [
1529
- isNumber,
1530
- isArbitraryVariable,
1531
- isArbitraryValue
1532
- ] }],
1533
- sepia: [{ sepia: [
1534
- "",
1535
- isNumber,
1536
- isArbitraryVariable,
1537
- isArbitraryValue
1538
- ] }],
1539
- "backdrop-filter": [{ "backdrop-filter": [
1540
- "",
1541
- "none",
1542
- isArbitraryVariable,
1543
- isArbitraryValue
1544
- ] }],
1545
- "backdrop-blur": [{ "backdrop-blur": scaleBlur() }],
1546
- "backdrop-brightness": [{ "backdrop-brightness": [
1547
- isNumber,
1548
- isArbitraryVariable,
1549
- isArbitraryValue
1550
- ] }],
1551
- "backdrop-contrast": [{ "backdrop-contrast": [
1552
- isNumber,
1553
- isArbitraryVariable,
1554
- isArbitraryValue
1555
- ] }],
1556
- "backdrop-grayscale": [{ "backdrop-grayscale": [
1557
- "",
1558
- isNumber,
1559
- isArbitraryVariable,
1560
- isArbitraryValue
1561
- ] }],
1562
- "backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
1563
- isNumber,
1564
- isArbitraryVariable,
1565
- isArbitraryValue
1566
- ] }],
1567
- "backdrop-invert": [{ "backdrop-invert": [
1568
- "",
1569
- isNumber,
1570
- isArbitraryVariable,
1571
- isArbitraryValue
1572
- ] }],
1573
- "backdrop-opacity": [{ "backdrop-opacity": [
1574
- isNumber,
1575
- isArbitraryVariable,
1576
- isArbitraryValue
1577
- ] }],
1578
- "backdrop-saturate": [{ "backdrop-saturate": [
1579
- isNumber,
1580
- isArbitraryVariable,
1581
- isArbitraryValue
1582
- ] }],
1583
- "backdrop-sepia": [{ "backdrop-sepia": [
1584
- "",
1585
- isNumber,
1586
- isArbitraryVariable,
1587
- isArbitraryValue
1588
- ] }],
1589
- "border-collapse": [{ border: ["collapse", "separate"] }],
1590
- "border-spacing": [{ "border-spacing": scaleUnambiguousSpacing() }],
1591
- "border-spacing-x": [{ "border-spacing-x": scaleUnambiguousSpacing() }],
1592
- "border-spacing-y": [{ "border-spacing-y": scaleUnambiguousSpacing() }],
1593
- "table-layout": [{ table: ["auto", "fixed"] }],
1594
- caption: [{ caption: ["top", "bottom"] }],
1595
- transition: [{ transition: [
1596
- "",
1597
- "all",
1598
- "colors",
1599
- "opacity",
1600
- "shadow",
1601
- "transform",
1602
- "none",
1603
- isArbitraryVariable,
1604
- isArbitraryValue
1605
- ] }],
1606
- "transition-behavior": [{ transition: ["normal", "discrete"] }],
1607
- duration: [{ duration: [
1608
- isNumber,
1609
- "initial",
1610
- isArbitraryVariable,
1611
- isArbitraryValue
1612
- ] }],
1613
- ease: [{ ease: [
1614
- "linear",
1615
- "initial",
1616
- themeEase,
1617
- isArbitraryVariable,
1618
- isArbitraryValue
1619
- ] }],
1620
- delay: [{ delay: [
1621
- isNumber,
1622
- isArbitraryVariable,
1623
- isArbitraryValue
1624
- ] }],
1625
- animate: [{ animate: [
1626
- "none",
1627
- themeAnimate,
1628
- isArbitraryVariable,
1629
- isArbitraryValue
1630
- ] }],
1631
- backface: [{ backface: ["hidden", "visible"] }],
1632
- perspective: [{ perspective: [
1633
- themePerspective,
1634
- isArbitraryVariable,
1635
- isArbitraryValue
1636
- ] }],
1637
- "perspective-origin": [{ "perspective-origin": scalePositionWithArbitrary() }],
1638
- rotate: [{ rotate: scaleRotate() }],
1639
- "rotate-x": [{ "rotate-x": scaleRotate() }],
1640
- "rotate-y": [{ "rotate-y": scaleRotate() }],
1641
- "rotate-z": [{ "rotate-z": scaleRotate() }],
1642
- scale: [{ scale: scaleScale() }],
1643
- "scale-x": [{ "scale-x": scaleScale() }],
1644
- "scale-y": [{ "scale-y": scaleScale() }],
1645
- "scale-z": [{ "scale-z": scaleScale() }],
1646
- "scale-3d": ["scale-3d"],
1647
- skew: [{ skew: scaleSkew() }],
1648
- "skew-x": [{ "skew-x": scaleSkew() }],
1649
- "skew-y": [{ "skew-y": scaleSkew() }],
1650
- transform: [{ transform: [
1651
- isArbitraryVariable,
1652
- isArbitraryValue,
1653
- "",
1654
- "none",
1655
- "gpu",
1656
- "cpu"
1657
- ] }],
1658
- "transform-origin": [{ origin: scalePositionWithArbitrary() }],
1659
- "transform-style": [{ transform: ["3d", "flat"] }],
1660
- translate: [{ translate: scaleTranslate() }],
1661
- "translate-x": [{ "translate-x": scaleTranslate() }],
1662
- "translate-y": [{ "translate-y": scaleTranslate() }],
1663
- "translate-z": [{ "translate-z": scaleTranslate() }],
1664
- "translate-none": ["translate-none"],
1665
- accent: [{ accent: scaleColor() }],
1666
- appearance: [{ appearance: ["none", "auto"] }],
1667
- "caret-color": [{ caret: scaleColor() }],
1668
- "color-scheme": [{ scheme: [
1669
- "normal",
1670
- "dark",
1671
- "light",
1672
- "light-dark",
1673
- "only-dark",
1674
- "only-light"
1675
- ] }],
1676
- cursor: [{ cursor: [
1677
- "auto",
1678
- "default",
1679
- "pointer",
1680
- "wait",
1681
- "text",
1682
- "move",
1683
- "help",
1684
- "not-allowed",
1685
- "none",
1686
- "context-menu",
1687
- "progress",
1688
- "cell",
1689
- "crosshair",
1690
- "vertical-text",
1691
- "alias",
1692
- "copy",
1693
- "no-drop",
1694
- "grab",
1695
- "grabbing",
1696
- "all-scroll",
1697
- "col-resize",
1698
- "row-resize",
1699
- "n-resize",
1700
- "e-resize",
1701
- "s-resize",
1702
- "w-resize",
1703
- "ne-resize",
1704
- "nw-resize",
1705
- "se-resize",
1706
- "sw-resize",
1707
- "ew-resize",
1708
- "ns-resize",
1709
- "nesw-resize",
1710
- "nwse-resize",
1711
- "zoom-in",
1712
- "zoom-out",
1713
- isArbitraryVariable,
1714
- isArbitraryValue
1715
- ] }],
1716
- "field-sizing": [{ "field-sizing": ["fixed", "content"] }],
1717
- "pointer-events": [{ "pointer-events": ["auto", "none"] }],
1718
- resize: [{ resize: [
1719
- "none",
1720
- "",
1721
- "y",
1722
- "x"
1723
- ] }],
1724
- "scroll-behavior": [{ scroll: ["auto", "smooth"] }],
1725
- "scroll-m": [{ "scroll-m": scaleUnambiguousSpacing() }],
1726
- "scroll-mx": [{ "scroll-mx": scaleUnambiguousSpacing() }],
1727
- "scroll-my": [{ "scroll-my": scaleUnambiguousSpacing() }],
1728
- "scroll-ms": [{ "scroll-ms": scaleUnambiguousSpacing() }],
1729
- "scroll-me": [{ "scroll-me": scaleUnambiguousSpacing() }],
1730
- "scroll-mbs": [{ "scroll-mbs": scaleUnambiguousSpacing() }],
1731
- "scroll-mbe": [{ "scroll-mbe": scaleUnambiguousSpacing() }],
1732
- "scroll-mt": [{ "scroll-mt": scaleUnambiguousSpacing() }],
1733
- "scroll-mr": [{ "scroll-mr": scaleUnambiguousSpacing() }],
1734
- "scroll-mb": [{ "scroll-mb": scaleUnambiguousSpacing() }],
1735
- "scroll-ml": [{ "scroll-ml": scaleUnambiguousSpacing() }],
1736
- "scroll-p": [{ "scroll-p": scaleUnambiguousSpacing() }],
1737
- "scroll-px": [{ "scroll-px": scaleUnambiguousSpacing() }],
1738
- "scroll-py": [{ "scroll-py": scaleUnambiguousSpacing() }],
1739
- "scroll-ps": [{ "scroll-ps": scaleUnambiguousSpacing() }],
1740
- "scroll-pe": [{ "scroll-pe": scaleUnambiguousSpacing() }],
1741
- "scroll-pbs": [{ "scroll-pbs": scaleUnambiguousSpacing() }],
1742
- "scroll-pbe": [{ "scroll-pbe": scaleUnambiguousSpacing() }],
1743
- "scroll-pt": [{ "scroll-pt": scaleUnambiguousSpacing() }],
1744
- "scroll-pr": [{ "scroll-pr": scaleUnambiguousSpacing() }],
1745
- "scroll-pb": [{ "scroll-pb": scaleUnambiguousSpacing() }],
1746
- "scroll-pl": [{ "scroll-pl": scaleUnambiguousSpacing() }],
1747
- "snap-align": [{ snap: [
1748
- "start",
1749
- "end",
1750
- "center",
1751
- "align-none"
1752
- ] }],
1753
- "snap-stop": [{ snap: ["normal", "always"] }],
1754
- "snap-type": [{ snap: [
1755
- "none",
1756
- "x",
1757
- "y",
1758
- "both"
1759
- ] }],
1760
- "snap-strictness": [{ snap: ["mandatory", "proximity"] }],
1761
- touch: [{ touch: [
1762
- "auto",
1763
- "none",
1764
- "manipulation"
1765
- ] }],
1766
- "touch-x": [{ "touch-pan": [
1767
- "x",
1768
- "left",
1769
- "right"
1770
- ] }],
1771
- "touch-y": [{ "touch-pan": [
1772
- "y",
1773
- "up",
1774
- "down"
1775
- ] }],
1776
- "touch-pz": ["touch-pinch-zoom"],
1777
- select: [{ select: [
1778
- "none",
1779
- "text",
1780
- "all",
1781
- "auto"
1782
- ] }],
1783
- "will-change": [{ "will-change": [
1784
- "auto",
1785
- "scroll",
1786
- "contents",
1787
- "transform",
1788
- isArbitraryVariable,
1789
- isArbitraryValue
1790
- ] }],
1791
- fill: [{ fill: ["none", ...scaleColor()] }],
1792
- "stroke-w": [{ stroke: [
1793
- isNumber,
1794
- isArbitraryVariableLength,
1795
- isArbitraryLength,
1796
- isArbitraryNumber
1797
- ] }],
1798
- stroke: [{ stroke: ["none", ...scaleColor()] }],
1799
- "forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
1800
- },
1801
- conflictingClassGroups: {
1802
- overflow: ["overflow-x", "overflow-y"],
1803
- overscroll: ["overscroll-x", "overscroll-y"],
1804
- inset: [
1805
- "inset-x",
1806
- "inset-y",
1807
- "inset-bs",
1808
- "inset-be",
1809
- "start",
1810
- "end",
1811
- "top",
1812
- "right",
1813
- "bottom",
1814
- "left"
1815
- ],
1816
- "inset-x": ["right", "left"],
1817
- "inset-y": ["top", "bottom"],
1818
- flex: [
1819
- "basis",
1820
- "grow",
1821
- "shrink"
1822
- ],
1823
- gap: ["gap-x", "gap-y"],
1824
- p: [
1825
- "px",
1826
- "py",
1827
- "ps",
1828
- "pe",
1829
- "pbs",
1830
- "pbe",
1831
- "pt",
1832
- "pr",
1833
- "pb",
1834
- "pl"
1835
- ],
1836
- px: ["pr", "pl"],
1837
- py: ["pt", "pb"],
1838
- m: [
1839
- "mx",
1840
- "my",
1841
- "ms",
1842
- "me",
1843
- "mbs",
1844
- "mbe",
1845
- "mt",
1846
- "mr",
1847
- "mb",
1848
- "ml"
1849
- ],
1850
- mx: ["mr", "ml"],
1851
- my: ["mt", "mb"],
1852
- size: ["w", "h"],
1853
- "font-size": ["leading"],
1854
- "fvn-normal": [
1855
- "fvn-ordinal",
1856
- "fvn-slashed-zero",
1857
- "fvn-figure",
1858
- "fvn-spacing",
1859
- "fvn-fraction"
1860
- ],
1861
- "fvn-ordinal": ["fvn-normal"],
1862
- "fvn-slashed-zero": ["fvn-normal"],
1863
- "fvn-figure": ["fvn-normal"],
1864
- "fvn-spacing": ["fvn-normal"],
1865
- "fvn-fraction": ["fvn-normal"],
1866
- "line-clamp": ["display", "overflow"],
1867
- rounded: [
1868
- "rounded-s",
1869
- "rounded-e",
1870
- "rounded-t",
1871
- "rounded-r",
1872
- "rounded-b",
1873
- "rounded-l",
1874
- "rounded-ss",
1875
- "rounded-se",
1876
- "rounded-ee",
1877
- "rounded-es",
1878
- "rounded-tl",
1879
- "rounded-tr",
1880
- "rounded-br",
1881
- "rounded-bl"
1882
- ],
1883
- "rounded-s": ["rounded-ss", "rounded-es"],
1884
- "rounded-e": ["rounded-se", "rounded-ee"],
1885
- "rounded-t": ["rounded-tl", "rounded-tr"],
1886
- "rounded-r": ["rounded-tr", "rounded-br"],
1887
- "rounded-b": ["rounded-br", "rounded-bl"],
1888
- "rounded-l": ["rounded-tl", "rounded-bl"],
1889
- "border-spacing": ["border-spacing-x", "border-spacing-y"],
1890
- "border-w": [
1891
- "border-w-x",
1892
- "border-w-y",
1893
- "border-w-s",
1894
- "border-w-e",
1895
- "border-w-bs",
1896
- "border-w-be",
1897
- "border-w-t",
1898
- "border-w-r",
1899
- "border-w-b",
1900
- "border-w-l"
1901
- ],
1902
- "border-w-x": ["border-w-r", "border-w-l"],
1903
- "border-w-y": ["border-w-t", "border-w-b"],
1904
- "border-color": [
1905
- "border-color-x",
1906
- "border-color-y",
1907
- "border-color-s",
1908
- "border-color-e",
1909
- "border-color-bs",
1910
- "border-color-be",
1911
- "border-color-t",
1912
- "border-color-r",
1913
- "border-color-b",
1914
- "border-color-l"
1915
- ],
1916
- "border-color-x": ["border-color-r", "border-color-l"],
1917
- "border-color-y": ["border-color-t", "border-color-b"],
1918
- translate: [
1919
- "translate-x",
1920
- "translate-y",
1921
- "translate-none"
1922
- ],
1923
- "translate-none": [
1924
- "translate",
1925
- "translate-x",
1926
- "translate-y",
1927
- "translate-z"
1928
- ],
1929
- "scroll-m": [
1930
- "scroll-mx",
1931
- "scroll-my",
1932
- "scroll-ms",
1933
- "scroll-me",
1934
- "scroll-mbs",
1935
- "scroll-mbe",
1936
- "scroll-mt",
1937
- "scroll-mr",
1938
- "scroll-mb",
1939
- "scroll-ml"
1940
- ],
1941
- "scroll-mx": ["scroll-mr", "scroll-ml"],
1942
- "scroll-my": ["scroll-mt", "scroll-mb"],
1943
- "scroll-p": [
1944
- "scroll-px",
1945
- "scroll-py",
1946
- "scroll-ps",
1947
- "scroll-pe",
1948
- "scroll-pbs",
1949
- "scroll-pbe",
1950
- "scroll-pt",
1951
- "scroll-pr",
1952
- "scroll-pb",
1953
- "scroll-pl"
1954
- ],
1955
- "scroll-px": ["scroll-pr", "scroll-pl"],
1956
- "scroll-py": ["scroll-pt", "scroll-pb"],
1957
- touch: [
1958
- "touch-x",
1959
- "touch-y",
1960
- "touch-pz"
1961
- ],
1962
- "touch-x": ["touch"],
1963
- "touch-y": ["touch"],
1964
- "touch-pz": ["touch"]
1965
- },
1966
- conflictingClassGroupModifiers: { "font-size": ["leading"] },
1967
- orderSensitiveModifiers: [
1968
- "*",
1969
- "**",
1970
- "after",
1971
- "backdrop",
1972
- "before",
1973
- "details-content",
1974
- "file",
1975
- "first-letter",
1976
- "first-line",
1977
- "marker",
1978
- "placeholder",
1979
- "selection"
1980
- ]
1981
- };
1982
- };
1983
- var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
1984
- //#endregion
1985
- //#region src/lib/utils.ts
3
+
4
+ // src/lib/utils.ts
5
+ import { clsx } from "clsx";
6
+ import { twMerge } from "tailwind-merge";
1986
7
  function cn(...inputs) {
1987
- return twMerge(clsx(inputs));
8
+ return twMerge(clsx(inputs));
1988
9
  }
1989
- //#endregion
1990
- //#region node_modules/react/cjs/react-jsx-runtime.production.js
1991
- /**
1992
- * @license React
1993
- * react-jsx-runtime.production.js
1994
- *
1995
- * Copyright (c) Meta Platforms, Inc. and affiliates.
1996
- *
1997
- * This source code is licensed under the MIT license found in the
1998
- * LICENSE file in the root directory of this source tree.
1999
- */
2000
- var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((exports) => {
2001
- var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
2002
- function jsxProd(type, config, maybeKey) {
2003
- var key = null;
2004
- void 0 !== maybeKey && (key = "" + maybeKey);
2005
- void 0 !== config.key && (key = "" + config.key);
2006
- if ("key" in config) {
2007
- maybeKey = {};
2008
- for (var propName in config) "key" !== propName && (maybeKey[propName] = config[propName]);
2009
- } else maybeKey = config;
2010
- config = maybeKey.ref;
2011
- return {
2012
- $$typeof: REACT_ELEMENT_TYPE,
2013
- type,
2014
- key,
2015
- ref: void 0 !== config ? config : null,
2016
- props: maybeKey
2017
- };
2018
- }
2019
- exports.Fragment = REACT_FRAGMENT_TYPE;
2020
- exports.jsx = jsxProd;
2021
- exports.jsxs = jsxProd;
2022
- }));
2023
- //#endregion
2024
- //#region node_modules/react/cjs/react-jsx-runtime.development.js
2025
- /**
2026
- * @license React
2027
- * react-jsx-runtime.development.js
2028
- *
2029
- * Copyright (c) Meta Platforms, Inc. and affiliates.
2030
- *
2031
- * This source code is licensed under the MIT license found in the
2032
- * LICENSE file in the root directory of this source tree.
2033
- */
2034
- var require_react_jsx_runtime_development = /* @__PURE__ */ __commonJSMin(((exports) => {
2035
- "production" !== process.env.NODE_ENV && (function() {
2036
- function getComponentNameFromType(type) {
2037
- if (null == type) return null;
2038
- if ("function" === typeof type) return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
2039
- if ("string" === typeof type) return type;
2040
- switch (type) {
2041
- case REACT_FRAGMENT_TYPE: return "Fragment";
2042
- case REACT_PROFILER_TYPE: return "Profiler";
2043
- case REACT_STRICT_MODE_TYPE: return "StrictMode";
2044
- case REACT_SUSPENSE_TYPE: return "Suspense";
2045
- case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList";
2046
- case REACT_ACTIVITY_TYPE: return "Activity";
2047
- }
2048
- if ("object" === typeof type) switch ("number" === typeof type.tag && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), type.$$typeof) {
2049
- case REACT_PORTAL_TYPE: return "Portal";
2050
- case REACT_CONTEXT_TYPE: return type.displayName || "Context";
2051
- case REACT_CONSUMER_TYPE: return (type._context.displayName || "Context") + ".Consumer";
2052
- case REACT_FORWARD_REF_TYPE:
2053
- var innerType = type.render;
2054
- type = type.displayName;
2055
- type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
2056
- return type;
2057
- case REACT_MEMO_TYPE: return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
2058
- case REACT_LAZY_TYPE:
2059
- innerType = type._payload;
2060
- type = type._init;
2061
- try {
2062
- return getComponentNameFromType(type(innerType));
2063
- } catch (x) {}
2064
- }
2065
- return null;
2066
- }
2067
- function testStringCoercion(value) {
2068
- return "" + value;
2069
- }
2070
- function checkKeyStringCoercion(value) {
2071
- try {
2072
- testStringCoercion(value);
2073
- var JSCompiler_inline_result = !1;
2074
- } catch (e) {
2075
- JSCompiler_inline_result = !0;
2076
- }
2077
- if (JSCompiler_inline_result) {
2078
- JSCompiler_inline_result = console;
2079
- var JSCompiler_temp_const = JSCompiler_inline_result.error;
2080
- var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
2081
- JSCompiler_temp_const.call(JSCompiler_inline_result, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", JSCompiler_inline_result$jscomp$0);
2082
- return testStringCoercion(value);
2083
- }
2084
- }
2085
- function getTaskName(type) {
2086
- if (type === REACT_FRAGMENT_TYPE) return "<>";
2087
- if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE) return "<...>";
2088
- try {
2089
- var name = getComponentNameFromType(type);
2090
- return name ? "<" + name + ">" : "<...>";
2091
- } catch (x) {
2092
- return "<...>";
2093
- }
2094
- }
2095
- function getOwner() {
2096
- var dispatcher = ReactSharedInternals.A;
2097
- return null === dispatcher ? null : dispatcher.getOwner();
2098
- }
2099
- function UnknownOwner() {
2100
- return Error("react-stack-top-frame");
2101
- }
2102
- function hasValidKey(config) {
2103
- if (hasOwnProperty.call(config, "key")) {
2104
- var getter = Object.getOwnPropertyDescriptor(config, "key").get;
2105
- if (getter && getter.isReactWarning) return !1;
2106
- }
2107
- return void 0 !== config.key;
2108
- }
2109
- function defineKeyPropWarningGetter(props, displayName) {
2110
- function warnAboutAccessingKey() {
2111
- specialPropKeyWarningShown || (specialPropKeyWarningShown = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", displayName));
2112
- }
2113
- warnAboutAccessingKey.isReactWarning = !0;
2114
- Object.defineProperty(props, "key", {
2115
- get: warnAboutAccessingKey,
2116
- configurable: !0
2117
- });
2118
- }
2119
- function elementRefGetterWithDeprecationWarning() {
2120
- var componentName = getComponentNameFromType(this.type);
2121
- didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."));
2122
- componentName = this.props.ref;
2123
- return void 0 !== componentName ? componentName : null;
2124
- }
2125
- function ReactElement(type, key, props, owner, debugStack, debugTask) {
2126
- var refProp = props.ref;
2127
- type = {
2128
- $$typeof: REACT_ELEMENT_TYPE,
2129
- type,
2130
- key,
2131
- props,
2132
- _owner: owner
2133
- };
2134
- null !== (void 0 !== refProp ? refProp : null) ? Object.defineProperty(type, "ref", {
2135
- enumerable: !1,
2136
- get: elementRefGetterWithDeprecationWarning
2137
- }) : Object.defineProperty(type, "ref", {
2138
- enumerable: !1,
2139
- value: null
2140
- });
2141
- type._store = {};
2142
- Object.defineProperty(type._store, "validated", {
2143
- configurable: !1,
2144
- enumerable: !1,
2145
- writable: !0,
2146
- value: 0
2147
- });
2148
- Object.defineProperty(type, "_debugInfo", {
2149
- configurable: !1,
2150
- enumerable: !1,
2151
- writable: !0,
2152
- value: null
2153
- });
2154
- Object.defineProperty(type, "_debugStack", {
2155
- configurable: !1,
2156
- enumerable: !1,
2157
- writable: !0,
2158
- value: debugStack
2159
- });
2160
- Object.defineProperty(type, "_debugTask", {
2161
- configurable: !1,
2162
- enumerable: !1,
2163
- writable: !0,
2164
- value: debugTask
2165
- });
2166
- Object.freeze && (Object.freeze(type.props), Object.freeze(type));
2167
- return type;
2168
- }
2169
- function jsxDEVImpl(type, config, maybeKey, isStaticChildren, debugStack, debugTask) {
2170
- var children = config.children;
2171
- if (void 0 !== children) if (isStaticChildren) if (isArrayImpl(children)) {
2172
- for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++) validateChildKeys(children[isStaticChildren]);
2173
- Object.freeze && Object.freeze(children);
2174
- } else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
2175
- else validateChildKeys(children);
2176
- if (hasOwnProperty.call(config, "key")) {
2177
- children = getComponentNameFromType(type);
2178
- var keys = Object.keys(config).filter(function(k) {
2179
- return "key" !== k;
2180
- });
2181
- isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
2182
- didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />", isStaticChildren, children, keys, children), didWarnAboutKeySpread[children + isStaticChildren] = !0);
2183
- }
2184
- children = null;
2185
- void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
2186
- hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
2187
- if ("key" in config) {
2188
- maybeKey = {};
2189
- for (var propName in config) "key" !== propName && (maybeKey[propName] = config[propName]);
2190
- } else maybeKey = config;
2191
- children && defineKeyPropWarningGetter(maybeKey, "function" === typeof type ? type.displayName || type.name || "Unknown" : type);
2192
- return ReactElement(type, children, maybeKey, getOwner(), debugStack, debugTask);
2193
- }
2194
- function validateChildKeys(node) {
2195
- isValidElement(node) ? node._store && (node._store.validated = 1) : "object" === typeof node && null !== node && node.$$typeof === REACT_LAZY_TYPE && ("fulfilled" === node._payload.status ? isValidElement(node._payload.value) && node._payload.value._store && (node._payload.value._store.validated = 1) : node._store && (node._store.validated = 1));
2196
- }
2197
- function isValidElement(object) {
2198
- return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
2199
- }
2200
- var React = __require("react"), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
2201
- return null;
2202
- };
2203
- React = { react_stack_bottom_frame: function(callStackForError) {
2204
- return callStackForError();
2205
- } };
2206
- var specialPropKeyWarningShown;
2207
- var didWarnAboutElementRef = {};
2208
- var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(React, UnknownOwner)();
2209
- var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
2210
- var didWarnAboutKeySpread = {};
2211
- exports.Fragment = REACT_FRAGMENT_TYPE;
2212
- exports.jsx = function(type, config, maybeKey) {
2213
- var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
2214
- return jsxDEVImpl(type, config, maybeKey, !1, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
2215
- };
2216
- exports.jsxs = function(type, config, maybeKey) {
2217
- var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
2218
- return jsxDEVImpl(type, config, maybeKey, !0, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
2219
- };
2220
- })();
2221
- }));
2222
- //#endregion
2223
- //#region src/components/ui/input.tsx
2224
- var import_jsx_runtime = (/* @__PURE__ */ __commonJSMin(((exports, module) => {
2225
- if (process.env.NODE_ENV === "production") module.exports = require_react_jsx_runtime_production();
2226
- else module.exports = require_react_jsx_runtime_development();
2227
- })))();
10
+
11
+ // src/components/ui/input.tsx
12
+ import { jsx, jsxs } from "react/jsx-runtime";
2228
13
  var inputSizes = {
2229
- sm: "h-9 px-4 text-[12px] leading-[20px]",
2230
- md: "h-10 px-5 text-[14px] leading-[20px]",
2231
- lg: "h-[50px] px-5 text-[16px] leading-[20px]",
2232
- full: "h-[50px] w-full px-5 text-[14px] md:text-[16px] leading-[20px]"
14
+ sm: "h-9 px-4 text-[12px] leading-[20px]",
15
+ md: "h-10 px-5 text-[14px] leading-[20px]",
16
+ lg: "h-[50px] px-5 text-[16px] leading-[20px]",
17
+ full: "h-[50px] w-full px-5 text-[14px] md:text-[16px] leading-[20px]"
2233
18
  };
2234
- var Input = React.forwardRef(({ className, type = "text", size = "lg", error, ...props }, ref) => {
2235
- const [showPassword, setShowPassword] = React.useState(false);
2236
- const isPassword = type === "password";
2237
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
2238
- className: "w-full",
2239
- children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
2240
- className: "relative w-full",
2241
- children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
2242
- ref,
2243
- type: isPassword && showPassword ? "text" : type,
2244
- "data-slot": "input",
2245
- className: cn(`w-full min-w-0
19
+ var Input = React.forwardRef(
20
+ ({ className, type = "text", size = "lg", error, ...props }, ref) => {
21
+ const [showPassword, setShowPassword] = React.useState(false);
22
+ const isPassword = type === "password";
23
+ const inputType = isPassword && showPassword ? "text" : type;
24
+ return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
25
+ /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
26
+ /* @__PURE__ */ jsx(
27
+ "input",
28
+ {
29
+ ref,
30
+ type: inputType,
31
+ "data-slot": "input",
32
+ className: cn(
33
+ `w-full min-w-0
2246
34
  rounded-[50px]
2247
35
  border border-border
2248
36
  bg-background
@@ -2268,244 +56,63 @@ var Input = React.forwardRef(({ className, type = "text", size = "lg", error, ..
2268
56
 
2269
57
  aria-invalid:border-destructive
2270
58
  aria-invalid:ring-0
2271
- aria-invalid:ring-destructive/20`, !error && `
59
+ aria-invalid:ring-destructive/20`,
60
+ !error && `
2272
61
  border-border
2273
62
  text-inputText
2274
63
  focus-visible:border-inputText
2275
64
  focus-visible:ring-0
2276
65
  focus-visible:ring-inputText/20
2277
- `, error && `
66
+ `,
67
+ error && `
2278
68
  border-destructive
2279
69
  text-destructive
2280
70
  placeholder:text-destructive/60
2281
71
  focus-visible:border-destructive
2282
72
  focus-visible:ring-destructive/30
2283
- `, isPassword && "pr-12", inputSizes[size], className),
2284
- ...props
2285
- }), isPassword && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
2286
- type: "button",
2287
- onClick: () => setShowPassword(!showPassword),
2288
- className: "\n absolute right-5 top-1/2 -translate-y-1/2\n text-muted-foreground hover:text-foreground\n ",
2289
- children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
2290
- xmlns: "http://www.w3.org/2000/svg",
2291
- width: "24",
2292
- height: "24",
2293
- viewBox: "0 0 24 24",
2294
- fill: "none",
2295
- children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
2296
- d: "M2 12C2 12 5.5 5 12 5C18.5 5 22 12 22 12C22 12 18.5 19 12 19C5.5 19 2 12 2 12Z",
2297
- stroke: "#B5B6B8",
2298
- "stroke-width": "1.5",
2299
- "stroke-linecap": "round",
2300
- "stroke-linejoin": "round"
2301
- }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
2302
- cx: "12",
2303
- cy: "12",
2304
- r: "3",
2305
- stroke: "#B5B6B8",
2306
- "stroke-width": "1.5"
2307
- })]
2308
- }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
2309
- xmlns: "http://www.w3.org/2000/svg",
2310
- width: "24",
2311
- height: "24",
2312
- viewBox: "0 0 24 24",
2313
- fill: "none",
2314
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
2315
- d: "M5.05499 3.24563C4.98913 3.17138 4.90918 3.11095 4.81979 3.06783C4.7304 3.02471 4.63334 2.99976 4.53423 2.99443C4.43513 2.9891 4.33595 3.00349 4.24245 3.03677C4.14895 3.07005 4.06298 3.12156 3.98953 3.18831C3.91608 3.25506 3.85661 3.33572 3.81457 3.42562C3.77252 3.51552 3.74874 3.61288 3.7446 3.71204C3.74045 3.8112 3.75603 3.9102 3.79043 4.00329C3.82483 4.09639 3.87737 4.18173 3.94499 4.25438L5.74874 6.23906C2.34374 8.32875 0.879366 11.55 0.814679 11.6963C0.772035 11.7922 0.75 11.896 0.75 12.0009C0.75 12.1059 0.772035 12.2097 0.814679 12.3056C0.847491 12.3797 1.64155 14.1403 3.40687 15.9056C5.75905 18.2569 8.72999 19.5 12 19.5C13.6806 19.5096 15.3442 19.1636 16.8816 18.4847L18.9441 20.7544C19.0099 20.8286 19.0899 20.8891 19.1793 20.9322C19.2686 20.9753 19.3657 21.0002 19.4648 21.0056C19.5639 21.0109 19.6631 20.9965 19.7566 20.9632C19.8501 20.93 19.9361 20.8784 20.0095 20.8117C20.083 20.7449 20.1424 20.6643 20.1845 20.5744C20.2265 20.4845 20.2503 20.3871 20.2544 20.288C20.2586 20.1888 20.243 20.0898 20.2086 19.9967C20.1742 19.9036 20.1217 19.8183 20.0541 19.7456L5.05499 3.24563ZM9.49218 10.3556L13.3987 14.6541C12.8105 14.9636 12.136 15.0689 11.4814 14.9535C10.8268 14.8382 10.229 14.5087 9.78189 14.0168C9.33481 13.5248 9.06377 12.8984 9.01134 12.2357C8.9589 11.573 9.12803 10.9117 9.49218 10.3556ZM12 18C9.11437 18 6.59343 16.9509 4.50655 14.8828C3.64997 14.0315 2.92145 13.0605 2.34374 12C2.78343 11.1759 4.18687 8.86969 6.7828 7.37063L8.4703 9.22219C7.81699 10.0589 7.48052 11.0997 7.52036 12.1605C7.56021 13.2213 7.97379 14.2339 8.68802 15.0192C9.40225 15.8046 10.3711 16.3122 11.4234 16.4522C12.4757 16.5923 13.5436 16.3559 14.4384 15.7847L15.8194 17.3034C14.6006 17.771 13.3053 18.0072 12 18ZM12.5625 9.05344C12.3671 9.01614 12.1944 8.90274 12.0826 8.73818C11.9708 8.57361 11.9289 8.37137 11.9662 8.17594C12.0035 7.98051 12.1169 7.8079 12.2815 7.69608C12.4461 7.58426 12.6483 7.54239 12.8437 7.57969C13.7996 7.765 14.67 8.25436 15.325 8.97477C15.98 9.69518 16.3846 10.608 16.4784 11.5772C16.4969 11.7752 16.436 11.9725 16.3091 12.1257C16.1822 12.2788 15.9996 12.3752 15.8016 12.3938C15.7781 12.3951 15.7547 12.3951 15.7312 12.3938C15.5438 12.3946 15.3628 12.3251 15.224 12.1992C15.0852 12.0732 14.9986 11.8998 14.9812 11.7131C14.9181 11.0685 14.6486 10.4615 14.2128 9.98226C13.7771 9.50307 13.1982 9.17731 12.5625 9.05344ZM23.1825 12.3056C23.1431 12.3938 22.1934 14.4966 20.055 16.4119C19.9819 16.4794 19.8961 16.5317 19.8027 16.5658C19.7092 16.5998 19.6099 16.6149 19.5105 16.6102C19.4111 16.6055 19.3136 16.5811 19.2238 16.5384C19.1339 16.4956 19.0535 16.4354 18.9871 16.3613C18.9208 16.2872 18.8698 16.2006 18.8373 16.1066C18.8047 16.0125 18.7912 15.913 18.7975 15.8137C18.8037 15.7144 18.8297 15.6173 18.8739 15.5282C18.918 15.439 18.9795 15.3595 19.0547 15.2944C20.1038 14.3518 20.9851 13.2378 21.6609 12C21.0819 10.9385 20.3518 9.96683 19.4934 9.11531C17.4066 7.04906 14.8856 6 12 6C11.392 5.99926 10.7849 6.04849 10.185 6.14719C10.0874 6.16444 9.98741 6.16219 9.89073 6.14058C9.79404 6.11896 9.70259 6.07839 9.62167 6.02123C9.54074 5.96407 9.47195 5.89144 9.41925 5.80754C9.36656 5.72363 9.33101 5.63012 9.31466 5.5324C9.29832 5.43469 9.30149 5.3347 9.32401 5.23821C9.34652 5.14173 9.38793 5.05066 9.44584 4.97027C9.50375 4.88988 9.57702 4.82176 9.6614 4.76985C9.74579 4.71794 9.83963 4.68326 9.93749 4.66781C10.6192 4.55525 11.309 4.49912 12 4.5C15.27 4.5 18.2409 5.74313 20.5931 8.09531C22.3584 9.86063 23.1525 11.6222 23.1853 11.6963C23.2279 11.7922 23.25 11.896 23.25 12.0009C23.25 12.1059 23.2279 12.2097 23.1853 12.3056H23.1825Z",
2316
- fill: "#B5B6B8"
2317
- })
2318
- })
2319
- })]
2320
- }), error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
2321
- className: "mt-1 px-3 text-[12px] leading-[16px] text-destructive font-sans",
2322
- children: error
2323
- })]
2324
- });
2325
- });
73
+ `,
74
+ isPassword && "pr-12",
75
+ inputSizes[size],
76
+ className
77
+ ),
78
+ ...props
79
+ }
80
+ ),
81
+ isPassword && /* @__PURE__ */ jsx(
82
+ "button",
83
+ {
84
+ type: "button",
85
+ onClick: () => setShowPassword(!showPassword),
86
+ className: "\n absolute right-5 top-1/2 -translate-y-1/2\n text-muted-foreground hover:text-foreground\n ",
87
+ children: showPassword ? /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
88
+ /* @__PURE__ */ jsx("path", { d: "M2 12C2 12 5.5 5 12 5C18.5 5 22 12 22 12C22 12 18.5 19 12 19C5.5 19 2 12 2 12Z", stroke: "#B5B6B8", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
89
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "#B5B6B8", "stroke-width": "1.5" })
90
+ ] }) : /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M5.05499 3.24563C4.98913 3.17138 4.90918 3.11095 4.81979 3.06783C4.7304 3.02471 4.63334 2.99976 4.53423 2.99443C4.43513 2.9891 4.33595 3.00349 4.24245 3.03677C4.14895 3.07005 4.06298 3.12156 3.98953 3.18831C3.91608 3.25506 3.85661 3.33572 3.81457 3.42562C3.77252 3.51552 3.74874 3.61288 3.7446 3.71204C3.74045 3.8112 3.75603 3.9102 3.79043 4.00329C3.82483 4.09639 3.87737 4.18173 3.94499 4.25438L5.74874 6.23906C2.34374 8.32875 0.879366 11.55 0.814679 11.6963C0.772035 11.7922 0.75 11.896 0.75 12.0009C0.75 12.1059 0.772035 12.2097 0.814679 12.3056C0.847491 12.3797 1.64155 14.1403 3.40687 15.9056C5.75905 18.2569 8.72999 19.5 12 19.5C13.6806 19.5096 15.3442 19.1636 16.8816 18.4847L18.9441 20.7544C19.0099 20.8286 19.0899 20.8891 19.1793 20.9322C19.2686 20.9753 19.3657 21.0002 19.4648 21.0056C19.5639 21.0109 19.6631 20.9965 19.7566 20.9632C19.8501 20.93 19.9361 20.8784 20.0095 20.8117C20.083 20.7449 20.1424 20.6643 20.1845 20.5744C20.2265 20.4845 20.2503 20.3871 20.2544 20.288C20.2586 20.1888 20.243 20.0898 20.2086 19.9967C20.1742 19.9036 20.1217 19.8183 20.0541 19.7456L5.05499 3.24563ZM9.49218 10.3556L13.3987 14.6541C12.8105 14.9636 12.136 15.0689 11.4814 14.9535C10.8268 14.8382 10.229 14.5087 9.78189 14.0168C9.33481 13.5248 9.06377 12.8984 9.01134 12.2357C8.9589 11.573 9.12803 10.9117 9.49218 10.3556ZM12 18C9.11437 18 6.59343 16.9509 4.50655 14.8828C3.64997 14.0315 2.92145 13.0605 2.34374 12C2.78343 11.1759 4.18687 8.86969 6.7828 7.37063L8.4703 9.22219C7.81699 10.0589 7.48052 11.0997 7.52036 12.1605C7.56021 13.2213 7.97379 14.2339 8.68802 15.0192C9.40225 15.8046 10.3711 16.3122 11.4234 16.4522C12.4757 16.5923 13.5436 16.3559 14.4384 15.7847L15.8194 17.3034C14.6006 17.771 13.3053 18.0072 12 18ZM12.5625 9.05344C12.3671 9.01614 12.1944 8.90274 12.0826 8.73818C11.9708 8.57361 11.9289 8.37137 11.9662 8.17594C12.0035 7.98051 12.1169 7.8079 12.2815 7.69608C12.4461 7.58426 12.6483 7.54239 12.8437 7.57969C13.7996 7.765 14.67 8.25436 15.325 8.97477C15.98 9.69518 16.3846 10.608 16.4784 11.5772C16.4969 11.7752 16.436 11.9725 16.3091 12.1257C16.1822 12.2788 15.9996 12.3752 15.8016 12.3938C15.7781 12.3951 15.7547 12.3951 15.7312 12.3938C15.5438 12.3946 15.3628 12.3251 15.224 12.1992C15.0852 12.0732 14.9986 11.8998 14.9812 11.7131C14.9181 11.0685 14.6486 10.4615 14.2128 9.98226C13.7771 9.50307 13.1982 9.17731 12.5625 9.05344ZM23.1825 12.3056C23.1431 12.3938 22.1934 14.4966 20.055 16.4119C19.9819 16.4794 19.8961 16.5317 19.8027 16.5658C19.7092 16.5998 19.6099 16.6149 19.5105 16.6102C19.4111 16.6055 19.3136 16.5811 19.2238 16.5384C19.1339 16.4956 19.0535 16.4354 18.9871 16.3613C18.9208 16.2872 18.8698 16.2006 18.8373 16.1066C18.8047 16.0125 18.7912 15.913 18.7975 15.8137C18.8037 15.7144 18.8297 15.6173 18.8739 15.5282C18.918 15.439 18.9795 15.3595 19.0547 15.2944C20.1038 14.3518 20.9851 13.2378 21.6609 12C21.0819 10.9385 20.3518 9.96683 19.4934 9.11531C17.4066 7.04906 14.8856 6 12 6C11.392 5.99926 10.7849 6.04849 10.185 6.14719C10.0874 6.16444 9.98741 6.16219 9.89073 6.14058C9.79404 6.11896 9.70259 6.07839 9.62167 6.02123C9.54074 5.96407 9.47195 5.89144 9.41925 5.80754C9.36656 5.72363 9.33101 5.63012 9.31466 5.5324C9.29832 5.43469 9.30149 5.3347 9.32401 5.23821C9.34652 5.14173 9.38793 5.05066 9.44584 4.97027C9.50375 4.88988 9.57702 4.82176 9.6614 4.76985C9.74579 4.71794 9.83963 4.68326 9.93749 4.66781C10.6192 4.55525 11.309 4.49912 12 4.5C15.27 4.5 18.2409 5.74313 20.5931 8.09531C22.3584 9.86063 23.1525 11.6222 23.1853 11.6963C23.2279 11.7922 23.25 11.896 23.25 12.0009C23.25 12.1059 23.2279 12.2097 23.1853 12.3056H23.1825Z", fill: "#B5B6B8" }) })
91
+ }
92
+ )
93
+ ] }),
94
+ error && /* @__PURE__ */ jsx("p", { className: "mt-1 px-3 text-[12px] leading-[16px] text-destructive font-sans", children: error })
95
+ ] });
96
+ }
97
+ );
2326
98
  Input.displayName = "Input";
2327
- //#endregion
2328
- //#region node_modules/class-variance-authority/dist/index.mjs
2329
- /**
2330
- * Copyright 2022 Joe Bell. All rights reserved.
2331
- *
2332
- * This file is licensed to you under the Apache License, Version 2.0
2333
- * (the "License"); you may not use this file except in compliance with the
2334
- * License. You may obtain a copy of the License at
2335
- *
2336
- * http://www.apache.org/licenses/LICENSE-2.0
2337
- *
2338
- * Unless required by applicable law or agreed to in writing, software
2339
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
2340
- * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the
2341
- * License for the specific language governing permissions and limitations under
2342
- * the License.
2343
- */ var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
2344
- var cx = clsx;
2345
- var cva = (base, config) => (props) => {
2346
- var _config_compoundVariants;
2347
- if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
2348
- const { variants, defaultVariants } = config;
2349
- const getVariantClassNames = Object.keys(variants).map((variant) => {
2350
- const variantProp = props === null || props === void 0 ? void 0 : props[variant];
2351
- const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
2352
- if (variantProp === null) return null;
2353
- const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
2354
- return variants[variant][variantKey];
2355
- });
2356
- const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
2357
- let [key, value] = param;
2358
- if (value === void 0) return acc;
2359
- acc[key] = value;
2360
- return acc;
2361
- }, {});
2362
- return cx(base, getVariantClassNames, config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
2363
- let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
2364
- return Object.entries(compoundVariantOptions).every((param) => {
2365
- let [key, value] = param;
2366
- return Array.isArray(value) ? value.includes({
2367
- ...defaultVariants,
2368
- ...propsWithoutUndefined
2369
- }[key]) : {
2370
- ...defaultVariants,
2371
- ...propsWithoutUndefined
2372
- }[key] === value;
2373
- }) ? [
2374
- ...acc,
2375
- cvClass,
2376
- cvClassName
2377
- ] : acc;
2378
- }, []), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
2379
- };
2380
- //#endregion
2381
- //#region node_modules/@radix-ui/react-compose-refs/dist/index.mjs
2382
- function setRef(ref, value) {
2383
- if (typeof ref === "function") return ref(value);
2384
- else if (ref !== null && ref !== void 0) ref.current = value;
2385
- }
2386
- function composeRefs(...refs) {
2387
- return (node) => {
2388
- let hasCleanup = false;
2389
- const cleanups = refs.map((ref) => {
2390
- const cleanup = setRef(ref, node);
2391
- if (!hasCleanup && typeof cleanup == "function") hasCleanup = true;
2392
- return cleanup;
2393
- });
2394
- if (hasCleanup) return () => {
2395
- for (let i = 0; i < cleanups.length; i++) {
2396
- const cleanup = cleanups[i];
2397
- if (typeof cleanup == "function") cleanup();
2398
- else setRef(refs[i], null);
2399
- }
2400
- };
2401
- };
2402
- }
2403
- //#endregion
2404
- //#region node_modules/@radix-ui/react-slot/dist/index.mjs
2405
- var REACT_LAZY_TYPE = Symbol.for("react.lazy");
2406
- var use = React[" use ".trim().toString()];
2407
- function isPromiseLike(value) {
2408
- return typeof value === "object" && value !== null && "then" in value;
2409
- }
2410
- function isLazyComponent(element) {
2411
- return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
2412
- }
2413
- /* @__NO_SIDE_EFFECTS__ */
2414
- function createSlot(ownerName) {
2415
- const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
2416
- const Slot2 = React.forwardRef((props, forwardedRef) => {
2417
- let { children, ...slotProps } = props;
2418
- if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
2419
- const childrenArray = React.Children.toArray(children);
2420
- const slottable = childrenArray.find(isSlottable);
2421
- if (slottable) {
2422
- const newElement = slottable.props.children;
2423
- const newChildren = childrenArray.map((child) => {
2424
- if (child === slottable) {
2425
- if (React.Children.count(newElement) > 1) return React.Children.only(null);
2426
- return React.isValidElement(newElement) ? newElement.props.children : null;
2427
- } else return child;
2428
- });
2429
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlotClone, {
2430
- ...slotProps,
2431
- ref: forwardedRef,
2432
- children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null
2433
- });
2434
- }
2435
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlotClone, {
2436
- ...slotProps,
2437
- ref: forwardedRef,
2438
- children
2439
- });
2440
- });
2441
- Slot2.displayName = `${ownerName}.Slot`;
2442
- return Slot2;
2443
- }
2444
- var Slot = /* @__PURE__ */ createSlot("Slot");
2445
- /* @__NO_SIDE_EFFECTS__ */
2446
- function createSlotClone(ownerName) {
2447
- const SlotClone = React.forwardRef((props, forwardedRef) => {
2448
- let { children, ...slotProps } = props;
2449
- if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
2450
- if (React.isValidElement(children)) {
2451
- const childrenRef = getElementRef(children);
2452
- const props2 = mergeProps(slotProps, children.props);
2453
- if (children.type !== React.Fragment) props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
2454
- return React.cloneElement(children, props2);
2455
- }
2456
- return React.Children.count(children) > 1 ? React.Children.only(null) : null;
2457
- });
2458
- SlotClone.displayName = `${ownerName}.SlotClone`;
2459
- return SlotClone;
2460
- }
2461
- var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
2462
- function isSlottable(child) {
2463
- return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
2464
- }
2465
- function mergeProps(slotProps, childProps) {
2466
- const overrideProps = { ...childProps };
2467
- for (const propName in childProps) {
2468
- const slotPropValue = slotProps[propName];
2469
- const childPropValue = childProps[propName];
2470
- if (/^on[A-Z]/.test(propName)) {
2471
- if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
2472
- const result = childPropValue(...args);
2473
- slotPropValue(...args);
2474
- return result;
2475
- };
2476
- else if (slotPropValue) overrideProps[propName] = slotPropValue;
2477
- } else if (propName === "style") overrideProps[propName] = {
2478
- ...slotPropValue,
2479
- ...childPropValue
2480
- };
2481
- else if (propName === "className") overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
2482
- }
2483
- return {
2484
- ...slotProps,
2485
- ...overrideProps
2486
- };
2487
- }
2488
- function getElementRef(element) {
2489
- let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
2490
- let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
2491
- if (mayWarn) return element.ref;
2492
- getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
2493
- mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
2494
- if (mayWarn) return element.props.ref;
2495
- return element.props.ref || element.ref;
2496
- }
2497
- //#endregion
2498
- //#region src/components/ui/button.tsx
2499
- var buttonVariants = cva("flex items-center justify-center border border-transparent font-medium transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50", {
2500
- variants: {
2501
- variant: {
2502
- primary: `
99
+
100
+ // src/components/ui/button.tsx
101
+ import { cva } from "class-variance-authority";
102
+ import { Slot } from "@radix-ui/react-slot";
103
+ import { jsx as jsx2 } from "react/jsx-runtime";
104
+ var buttonVariants = cva(
105
+ "flex items-center justify-center border border-transparent font-medium transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50",
106
+ {
107
+ variants: {
108
+ variant: {
109
+ primary: `
2503
110
  bg-primary
2504
111
  text-primary-foreground
2505
112
  hover:bg-primary/90
2506
113
  rounded-[48px]
2507
114
  `,
2508
- secondary: `
115
+ secondary: `
2509
116
  bg-gradient-to-r
2510
117
  from-[#FBA022]
2511
118
  to-[#157C70]
@@ -2513,8 +120,8 @@ var buttonVariants = cva("flex items-center justify-center border border-transpa
2513
120
  hover:opacity-90
2514
121
  rounded-[48px]
2515
122
  `,
2516
- outline: "border-border bg-background hover:bg-muted rounded-[48px]",
2517
- outlinePrimary: `
123
+ outline: "border-border bg-background hover:bg-muted rounded-[48px]",
124
+ outlinePrimary: `
2518
125
  bg-transparent
2519
126
  border-2
2520
127
  border-primary
@@ -2522,7 +129,7 @@ var buttonVariants = cva("flex items-center justify-center border border-transpa
2522
129
  rounded-[48px]
2523
130
  hover:bg-primary/20
2524
131
  `,
2525
- outlineSecondary: `
132
+ outlineSecondary: `
2526
133
  bg-transparent
2527
134
  border-2
2528
135
  border-[hsl(var(--outlinesecondary))]
@@ -2530,7 +137,7 @@ var buttonVariants = cva("flex items-center justify-center border border-transpa
2530
137
  rounded-[48px]
2531
138
  hover:bg-[hsl(var(--outlinesecondary))]/20
2532
139
  `,
2533
- outlineWhite: `
140
+ outlineWhite: `
2534
141
  bg-transparent
2535
142
  border-2
2536
143
  border-[hsl(var(--basewhite))]
@@ -2538,11 +145,11 @@ var buttonVariants = cva("flex items-center justify-center border border-transpa
2538
145
  rounded-[48px]
2539
146
  hover:bg-[hsl(var(--baseWhite))]/20
2540
147
  `
2541
- },
2542
- size: {
2543
- sm: "h-9 px-4 text-sm",
2544
- md: "h-10 px-6 text-base",
2545
- lg: `
148
+ },
149
+ size: {
150
+ sm: "h-9 px-4 text-sm",
151
+ md: "h-10 px-6 text-base",
152
+ lg: `
2546
153
  h-[40px]
2547
154
  w-[350px]
2548
155
  px-[32px]
@@ -2550,7 +157,7 @@ var buttonVariants = cva("flex items-center justify-center border border-transpa
2550
157
  text-base
2551
158
  rounded-[48px]
2552
159
  `,
2553
- xl: `
160
+ xl: `
2554
161
  h-[50px]
2555
162
  w-[350px]
2556
163
  px-[40px]
@@ -2558,7 +165,7 @@ var buttonVariants = cva("flex items-center justify-center border border-transpa
2558
165
  text-base
2559
166
  rounded-[48px]
2560
167
  `,
2561
- full: `
168
+ full: `
2562
169
  h-full
2563
170
  max-h-[50px]
2564
171
  min-h-[30px]
@@ -2570,33 +177,47 @@ var buttonVariants = cva("flex items-center justify-center border border-transpa
2570
177
  text-base
2571
178
  rounded-[48px]
2572
179
  `
2573
- }
2574
- },
2575
- defaultVariants: {
2576
- variant: "primary",
2577
- size: "md"
2578
- }
2579
- });
2580
- function Button({ className, variant, size, asChild = false, ...props }) {
2581
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(asChild ? Slot : "button", {
2582
- className: cn(buttonVariants({
2583
- variant,
2584
- size
2585
- }), className),
2586
- ...props
2587
- });
180
+ }
181
+ },
182
+ defaultVariants: {
183
+ variant: "primary",
184
+ size: "md"
185
+ }
186
+ }
187
+ );
188
+ function Button({
189
+ className,
190
+ variant,
191
+ size,
192
+ asChild = false,
193
+ ...props
194
+ }) {
195
+ const Comp = asChild ? Slot : "button";
196
+ return /* @__PURE__ */ jsx2(
197
+ Comp,
198
+ {
199
+ className: cn(buttonVariants({ variant, size }), className),
200
+ ...props
201
+ }
202
+ );
2588
203
  }
2589
- //#endregion
2590
- //#region src/components/ui/backButton.tsx
204
+
205
+ // src/components/ui/backButton.tsx
206
+ import * as React2 from "react";
207
+ import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
2591
208
  var sizes = {
2592
- ch: "text-[14px] gap-1 [&_svg]:w-4 [&_svg]:h-4",
2593
- md: "text-[16px] gap-2 [&_svg]:w-5 [&_svg]:h-5",
2594
- lg: "text-[18px] gap-2.5 [&_svg]:w-6 [&_svg]:h-6"
209
+ ch: "text-[14px] gap-1 [&_svg]:w-4 [&_svg]:h-4",
210
+ md: "text-[16px] gap-2 [&_svg]:w-5 [&_svg]:h-5",
211
+ lg: "text-[18px] gap-2.5 [&_svg]:w-6 [&_svg]:h-6"
2595
212
  };
2596
- var BackButton = React.forwardRef(({ className, size = "lg", children = "Regresar", ...props }, ref) => {
2597
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
2598
- ref,
2599
- className: cn(`
213
+ var BackButton = React2.forwardRef(
214
+ ({ className, size = "lg", children = "Regresar", ...props }, ref) => {
215
+ return /* @__PURE__ */ jsxs2(
216
+ "button",
217
+ {
218
+ ref,
219
+ className: cn(
220
+ `
2600
221
  inline-flex
2601
222
  items-center
2602
223
  bg-transparent
@@ -2619,19 +240,37 @@ var BackButton = React.forwardRef(({ className, size = "lg", children = "Regresa
2619
240
 
2620
241
  disabled:opacity-50
2621
242
  disabled:cursor-not-allowed
2622
- `, sizes[size], className),
2623
- ...props,
2624
- children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
2625
- xmlns: "http://www.w3.org/2000/svg",
2626
- viewBox: "0 0 24 24",
2627
- fill: "none",
2628
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
2629
- d: "M21.0001 11.9999C21.0001 12.1988 20.9211 12.3896 20.7804 12.5303C20.6398 12.6709 20.449 12.7499 20.2501 12.7499H5.56041L11.0307 18.2193C11.1004 18.289 11.1557 18.3717 11.1934 18.4628C11.2311 18.5538 11.2505 18.6514 11.2505 18.7499C11.2505 18.8485 11.2311 18.9461 11.1934 19.0371C11.1557 19.1281 11.1004 19.2109 11.0307 19.2806C10.961 19.3502 10.8783 19.4055 10.7873 19.4432C10.6962 19.4809 10.5986 19.5003 10.5001 19.5003C10.4016 19.5003 10.304 19.4809 10.2129 19.4432C10.1219 19.4055 10.0392 19.3502 9.96948 19.2806L3.21948 12.5306C3.14974 12.4609 3.09443 12.3782 3.05668 12.2871C3.01894 12.1961 2.99951 12.0985 2.99951 11.9999C2.99951 11.9014 3.01894 11.8038 3.05668 11.7127C3.09443 11.6217 3.14974 11.539 3.21948 11.4693L9.96948 4.7193C10.1102 4.57857 10.3011 4.49951 10.5001 4.49951C10.6991 4.49951 10.89 4.57857 11.0307 4.7193C11.1715 4.86003 11.2505 5.05091 11.2505 5.24993C11.2505 5.44895 11.1715 5.63982 11.0307 5.78055L5.56041 11.2499H20.2501C20.449 11.2499 20.6398 11.3289 20.7804 11.4696C20.9211 11.6103 21.0001 11.801 21.0001 11.9999Z",
2630
- fill: "currentColor"
2631
- })
2632
- }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })]
2633
- });
2634
- });
243
+ `,
244
+ sizes[size],
245
+ className
246
+ ),
247
+ ...props,
248
+ children: [
249
+ /* @__PURE__ */ jsx3(
250
+ "svg",
251
+ {
252
+ xmlns: "http://www.w3.org/2000/svg",
253
+ viewBox: "0 0 24 24",
254
+ fill: "none",
255
+ children: /* @__PURE__ */ jsx3(
256
+ "path",
257
+ {
258
+ d: "M21.0001 11.9999C21.0001 12.1988 20.9211 12.3896 20.7804 12.5303C20.6398 12.6709 20.449 12.7499 20.2501 12.7499H5.56041L11.0307 18.2193C11.1004 18.289 11.1557 18.3717 11.1934 18.4628C11.2311 18.5538 11.2505 18.6514 11.2505 18.7499C11.2505 18.8485 11.2311 18.9461 11.1934 19.0371C11.1557 19.1281 11.1004 19.2109 11.0307 19.2806C10.961 19.3502 10.8783 19.4055 10.7873 19.4432C10.6962 19.4809 10.5986 19.5003 10.5001 19.5003C10.4016 19.5003 10.304 19.4809 10.2129 19.4432C10.1219 19.4055 10.0392 19.3502 9.96948 19.2806L3.21948 12.5306C3.14974 12.4609 3.09443 12.3782 3.05668 12.2871C3.01894 12.1961 2.99951 12.0985 2.99951 11.9999C2.99951 11.9014 3.01894 11.8038 3.05668 11.7127C3.09443 11.6217 3.14974 11.539 3.21948 11.4693L9.96948 4.7193C10.1102 4.57857 10.3011 4.49951 10.5001 4.49951C10.6991 4.49951 10.89 4.57857 11.0307 4.7193C11.1715 4.86003 11.2505 5.05091 11.2505 5.24993C11.2505 5.44895 11.1715 5.63982 11.0307 5.78055L5.56041 11.2499H20.2501C20.449 11.2499 20.6398 11.3289 20.7804 11.4696C20.9211 11.6103 21.0001 11.801 21.0001 11.9999Z",
259
+ fill: "currentColor"
260
+ }
261
+ )
262
+ }
263
+ ),
264
+ /* @__PURE__ */ jsx3("span", { children })
265
+ ]
266
+ }
267
+ );
268
+ }
269
+ );
2635
270
  BackButton.displayName = "BackButton";
2636
- //#endregion
2637
- export { BackButton, Button, Input };
271
+ export {
272
+ BackButton,
273
+ Button,
274
+ Input
275
+ };
276
+ //# sourceMappingURL=index.js.map