app-studio 0.6.13 → 0.6.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app-studio.cjs.development.js +138 -32
- package/dist/app-studio.cjs.development.js.map +1 -1
- package/dist/app-studio.cjs.production.min.js +1 -1
- package/dist/app-studio.esm.js +138 -32
- package/dist/app-studio.esm.js.map +1 -1
- package/dist/app-studio.umd.development.js +138 -32
- package/dist/app-studio.umd.development.js.map +1 -1
- package/dist/app-studio.umd.production.min.js +1 -1
- package/dist/utils/vendorPrefixes.d.ts +9 -0
- package/package.json +1 -1
|
@@ -1069,25 +1069,34 @@ const vendorPrefixToKebabCase = property => {
|
|
|
1069
1069
|
if (property.startsWith('--')) {
|
|
1070
1070
|
return property;
|
|
1071
1071
|
}
|
|
1072
|
-
//
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
if (
|
|
1080
|
-
|
|
1081
|
-
const
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1072
|
+
// Comprehensive regex to match all vendor prefix patterns
|
|
1073
|
+
// This handles:
|
|
1074
|
+
// 1. Uppercase vendor prefixes (WebkitTransform)
|
|
1075
|
+
// 2. Lowercase vendor prefixes (webkitTransform)
|
|
1076
|
+
// 3. Mixed case vendor prefixes (webkitbackgroundClip)
|
|
1077
|
+
// 4. All lowercase vendor prefixes (webkitbackgroundclip)
|
|
1078
|
+
const vendorPrefixRegex = /^(webkit|moz|ms|o|Webkit|Moz|Ms|O)([A-Za-z])/;
|
|
1079
|
+
if (vendorPrefixRegex.test(property)) {
|
|
1080
|
+
// Extract the prefix and normalize it to lowercase
|
|
1081
|
+
const prefixMatch = property.match(/^(webkit|moz|ms|o|Webkit|Moz|Ms|O)/i);
|
|
1082
|
+
if (prefixMatch) {
|
|
1083
|
+
const prefix = prefixMatch[0].toLowerCase();
|
|
1084
|
+
const restOfProperty = property.slice(prefix.length);
|
|
1085
|
+
// Convert the rest of the property to kebab case
|
|
1086
|
+
let kebabRestOfProperty = restOfProperty;
|
|
1087
|
+
// If the rest starts with an uppercase letter or has uppercase letters, convert to kebab case
|
|
1088
|
+
if (/[A-Z]/.test(restOfProperty)) {
|
|
1089
|
+
kebabRestOfProperty = restOfProperty.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
1090
|
+
} else if (restOfProperty && restOfProperty[0] === restOfProperty[0].toLowerCase()) {
|
|
1091
|
+
// If the rest starts with a lowercase letter, ensure proper kebab case
|
|
1092
|
+
// This handles cases like webkitbackgroundclip
|
|
1093
|
+
kebabRestOfProperty = restOfProperty.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
1094
|
+
}
|
|
1095
|
+
// Ensure we don't have double hyphens
|
|
1096
|
+
kebabRestOfProperty = kebabRestOfProperty.replace(/^-/, '');
|
|
1097
|
+
// Return the properly formatted vendor-prefixed property
|
|
1098
|
+
return `-${prefix}-${kebabRestOfProperty}`;
|
|
1099
|
+
}
|
|
1091
1100
|
}
|
|
1092
1101
|
// Regular camelCase to kebab-case
|
|
1093
1102
|
return property.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
@@ -1338,6 +1347,95 @@ const generateKeyframes = animation => {
|
|
|
1338
1347
|
};
|
|
1339
1348
|
};
|
|
1340
1349
|
|
|
1350
|
+
/**
|
|
1351
|
+
* Mapping of standard CSS properties to their vendor-prefixed equivalents.
|
|
1352
|
+
* This helps ensure cross-browser compatibility by automatically applying
|
|
1353
|
+
* the appropriate vendor prefixes when needed.
|
|
1354
|
+
*/
|
|
1355
|
+
// Properties that commonly need vendor prefixes across browsers
|
|
1356
|
+
const vendorPrefixedProperties = {
|
|
1357
|
+
// Animation properties
|
|
1358
|
+
animation: ['-webkit-animation', '-moz-animation', '-o-animation'],
|
|
1359
|
+
animationDelay: ['-webkit-animation-delay', '-moz-animation-delay', '-o-animation-delay'],
|
|
1360
|
+
animationDirection: ['-webkit-animation-direction', '-moz-animation-direction', '-o-animation-direction'],
|
|
1361
|
+
animationDuration: ['-webkit-animation-duration', '-moz-animation-duration', '-o-animation-duration'],
|
|
1362
|
+
animationFillMode: ['-webkit-animation-fill-mode', '-moz-animation-fill-mode', '-o-animation-fill-mode'],
|
|
1363
|
+
animationIterationCount: ['-webkit-animation-iteration-count', '-moz-animation-iteration-count', '-o-animation-iteration-count'],
|
|
1364
|
+
animationName: ['-webkit-animation-name', '-moz-animation-name', '-o-animation-name'],
|
|
1365
|
+
animationPlayState: ['-webkit-animation-play-state', '-moz-animation-play-state', '-o-animation-play-state'],
|
|
1366
|
+
animationTimingFunction: ['-webkit-animation-timing-function', '-moz-animation-timing-function', '-o-animation-timing-function'],
|
|
1367
|
+
// Transform properties
|
|
1368
|
+
transform: ['-webkit-transform', '-moz-transform', '-ms-transform', '-o-transform'],
|
|
1369
|
+
transformOrigin: ['-webkit-transform-origin', '-moz-transform-origin', '-ms-transform-origin', '-o-transform-origin'],
|
|
1370
|
+
transformStyle: ['-webkit-transform-style', '-moz-transform-style', '-ms-transform-style'],
|
|
1371
|
+
// Transition properties
|
|
1372
|
+
transition: ['-webkit-transition', '-moz-transition', '-ms-transition', '-o-transition'],
|
|
1373
|
+
transitionDelay: ['-webkit-transition-delay', '-moz-transition-delay', '-ms-transition-delay', '-o-transition-delay'],
|
|
1374
|
+
transitionDuration: ['-webkit-transition-duration', '-moz-transition-duration', '-ms-transition-duration', '-o-transition-duration'],
|
|
1375
|
+
transitionProperty: ['-webkit-transition-property', '-moz-transition-property', '-ms-transition-property', '-o-transition-property'],
|
|
1376
|
+
transitionTimingFunction: ['-webkit-transition-timing-function', '-moz-transition-timing-function', '-ms-transition-timing-function', '-o-transition-timing-function'],
|
|
1377
|
+
// Flexbox properties
|
|
1378
|
+
flex: ['-webkit-flex', '-ms-flex'],
|
|
1379
|
+
flexBasis: ['-webkit-flex-basis', '-ms-flex-basis'],
|
|
1380
|
+
flexDirection: ['-webkit-flex-direction', '-ms-flex-direction'],
|
|
1381
|
+
flexFlow: ['-webkit-flex-flow', '-ms-flex-flow'],
|
|
1382
|
+
flexGrow: ['-webkit-flex-grow', '-ms-flex-positive'],
|
|
1383
|
+
flexShrink: ['-webkit-flex-shrink', '-ms-flex-negative'],
|
|
1384
|
+
flexWrap: ['-webkit-flex-wrap', '-ms-flex-wrap'],
|
|
1385
|
+
justifyContent: ['-webkit-justify-content', '-ms-flex-pack'],
|
|
1386
|
+
alignItems: ['-webkit-align-items', '-ms-flex-align'],
|
|
1387
|
+
alignContent: ['-webkit-align-content', '-ms-flex-line-pack'],
|
|
1388
|
+
alignSelf: ['-webkit-align-self', '-ms-flex-item-align'],
|
|
1389
|
+
order: ['-webkit-order', '-ms-flex-order'],
|
|
1390
|
+
// Other commonly prefixed properties
|
|
1391
|
+
appearance: ['-webkit-appearance', '-moz-appearance', '-ms-appearance'],
|
|
1392
|
+
backfaceVisibility: ['-webkit-backface-visibility', '-moz-backface-visibility'],
|
|
1393
|
+
backgroundClip: ['-webkit-background-clip', '-moz-background-clip'],
|
|
1394
|
+
backgroundOrigin: ['-webkit-background-origin', '-moz-background-origin'],
|
|
1395
|
+
backgroundSize: ['-webkit-background-size', '-moz-background-size', '-o-background-size'],
|
|
1396
|
+
borderImage: ['-webkit-border-image', '-moz-border-image', '-o-border-image'],
|
|
1397
|
+
boxShadow: ['-webkit-box-shadow', '-moz-box-shadow'],
|
|
1398
|
+
boxSizing: ['-webkit-box-sizing', '-moz-box-sizing'],
|
|
1399
|
+
columns: ['-webkit-columns', '-moz-columns'],
|
|
1400
|
+
columnCount: ['-webkit-column-count', '-moz-column-count'],
|
|
1401
|
+
columnGap: ['-webkit-column-gap', '-moz-column-gap'],
|
|
1402
|
+
columnRule: ['-webkit-column-rule', '-moz-column-rule'],
|
|
1403
|
+
columnWidth: ['-webkit-column-width', '-moz-column-width'],
|
|
1404
|
+
filter: ['-webkit-filter'],
|
|
1405
|
+
fontSmoothing: ['-webkit-font-smoothing', '-moz-osx-font-smoothing'],
|
|
1406
|
+
hyphens: ['-webkit-hyphens', '-moz-hyphens', '-ms-hyphens'],
|
|
1407
|
+
maskImage: ['-webkit-mask-image'],
|
|
1408
|
+
perspective: ['-webkit-perspective', '-moz-perspective'],
|
|
1409
|
+
perspectiveOrigin: ['-webkit-perspective-origin', '-moz-perspective-origin'],
|
|
1410
|
+
textSizeAdjust: ['-webkit-text-size-adjust', '-moz-text-size-adjust', '-ms-text-size-adjust'],
|
|
1411
|
+
userSelect: ['-webkit-user-select', '-moz-user-select', '-ms-user-select'],
|
|
1412
|
+
// Special webkit-only properties
|
|
1413
|
+
textFillColor: ['-webkit-text-fill-color'],
|
|
1414
|
+
textStroke: ['-webkit-text-stroke'],
|
|
1415
|
+
textStrokeColor: ['-webkit-text-stroke-color'],
|
|
1416
|
+
textStrokeWidth: ['-webkit-text-stroke-width'],
|
|
1417
|
+
tapHighlightColor: ['-webkit-tap-highlight-color'],
|
|
1418
|
+
touchCallout: ['-webkit-touch-callout'],
|
|
1419
|
+
userDrag: ['-webkit-user-drag'],
|
|
1420
|
+
lineClamp: ['-webkit-line-clamp'],
|
|
1421
|
+
overflowScrolling: ['-webkit-overflow-scrolling']
|
|
1422
|
+
};
|
|
1423
|
+
// Convert camelCase property names to kebab-case
|
|
1424
|
+
const camelToKebabCase = property => {
|
|
1425
|
+
return property.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
1426
|
+
};
|
|
1427
|
+
// Get all vendor prefixed versions of a property in kebab-case
|
|
1428
|
+
const getVendorPrefixedProperties = property => {
|
|
1429
|
+
const kebabProperty = camelToKebabCase(property);
|
|
1430
|
+
const prefixedProperties = vendorPrefixedProperties[property] || [];
|
|
1431
|
+
// Return the standard property along with all vendor-prefixed versions
|
|
1432
|
+
return [kebabProperty, ...prefixedProperties];
|
|
1433
|
+
};
|
|
1434
|
+
// Check if a property needs vendor prefixes
|
|
1435
|
+
const needsVendorPrefix = property => {
|
|
1436
|
+
return property in vendorPrefixedProperties;
|
|
1437
|
+
};
|
|
1438
|
+
|
|
1341
1439
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
1342
1440
|
// Implement a simple LRU cache for classCache
|
|
1343
1441
|
class LRUCache {
|
|
@@ -1733,39 +1831,47 @@ class UtilityClassManager {
|
|
|
1733
1831
|
let rules = [];
|
|
1734
1832
|
// Format CSS property name with proper vendor prefix handling
|
|
1735
1833
|
const cssProperty = propertyToKebabCase(property);
|
|
1736
|
-
// Format CSS property name
|
|
1737
|
-
// const cssProperty = property.startsWith('--')
|
|
1738
|
-
// ? property
|
|
1739
|
-
// : toKebabCase(property);
|
|
1740
1834
|
let valueForCss = processedValue;
|
|
1741
1835
|
// Handle numeric values for CSS
|
|
1742
1836
|
if (typeof valueForCss === 'number' && numericCssProperties.has(cssProperty)) {
|
|
1743
1837
|
valueForCss = `${valueForCss}px`;
|
|
1744
1838
|
}
|
|
1839
|
+
// Check if this property needs vendor prefixes
|
|
1840
|
+
const needsPrefixes = needsVendorPrefix(property);
|
|
1841
|
+
const cssProperties = needsPrefixes ? getVendorPrefixedProperties(property) : [cssProperty];
|
|
1745
1842
|
// Generate CSS rules based on context
|
|
1746
1843
|
if (context === 'pseudo' && modifier) {
|
|
1747
1844
|
const pseudoClassName = `${baseClassName}--${modifier}`;
|
|
1748
1845
|
classNames = [pseudoClassName];
|
|
1749
1846
|
const escapedClassName = this.escapeClassName(pseudoClassName);
|
|
1750
|
-
rules
|
|
1751
|
-
|
|
1752
|
-
|
|
1847
|
+
// Add rules for all necessary vendor prefixes
|
|
1848
|
+
cssProperties.forEach(prefixedProperty => {
|
|
1849
|
+
rules.push({
|
|
1850
|
+
rule: `.${escapedClassName}:${modifier} { ${prefixedProperty}: ${valueForCss}; }`,
|
|
1851
|
+
context: 'pseudo'
|
|
1852
|
+
});
|
|
1753
1853
|
});
|
|
1754
1854
|
} else if (context === 'media' && modifier) {
|
|
1755
1855
|
const mediaClassName = `${modifier}--${baseClassName}`;
|
|
1756
1856
|
classNames = [mediaClassName];
|
|
1757
1857
|
const escapedClassName = this.escapeClassName(mediaClassName);
|
|
1758
1858
|
mediaQueries.forEach(mq => {
|
|
1759
|
-
rules
|
|
1760
|
-
|
|
1761
|
-
|
|
1859
|
+
// Add media query rules for all necessary vendor prefixes
|
|
1860
|
+
cssProperties.forEach(prefixedProperty => {
|
|
1861
|
+
rules.push({
|
|
1862
|
+
rule: `@media ${mq} { .${escapedClassName} { ${prefixedProperty}: ${valueForCss}; } }`,
|
|
1863
|
+
context: 'media'
|
|
1864
|
+
});
|
|
1762
1865
|
});
|
|
1763
1866
|
});
|
|
1764
1867
|
} else {
|
|
1765
1868
|
const escapedClassName = this.escapeClassName(baseClassName);
|
|
1766
|
-
rules
|
|
1767
|
-
|
|
1768
|
-
|
|
1869
|
+
// Add rules for all necessary vendor prefixes
|
|
1870
|
+
cssProperties.forEach(prefixedProperty => {
|
|
1871
|
+
rules.push({
|
|
1872
|
+
rule: `.${escapedClassName} { ${prefixedProperty}: ${valueForCss}; }`,
|
|
1873
|
+
context: 'base'
|
|
1874
|
+
});
|
|
1769
1875
|
});
|
|
1770
1876
|
}
|
|
1771
1877
|
// Inject all rules
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-studio.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"app-studio.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=e(t),o=e(require("color-convert"));const n={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},light:{50:"#f8f9fa",100:"#f1f3f5",200:"#e9ecef",300:"#dee2e6",400:"#ced4da",500:"#adb5bd",600:"#868e96",700:"#495057",800:"#343a40",900:"#212529"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"}},a={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#330517",100:"#4a031e",200:"#6b112f",300:"#9f1239",400:"#c81e5b",500:"#e11d48",600:"#be123c",700:"#9f1239",800:"#7f1235",900:"#581c87"},pink:{50:"#fce7f3",100:"#fbcfe8",200:"#f9a8d4",300:"#f472b6",400:"#ec4899",500:"#db2777",600:"#be185d",700:"#9d174d",800:"#831843",900:"#581c87"},fuchsia:{50:"#c026d3",100:"#a21caf",200:"#86198f",300:"#701a75",400:"#9333ea",500:"#d946ef",600:"#e879f9",700:"#f0abfc",800:"#f5d0fe",900:"#fae8ff"},purple:{50:"#6b21a8",100:"#7e22ce",200:"#9333ea",300:"#a855f7",400:"#c084fc",500:"#d8b4fe",600:"#e9d5ff",700:"#f3e8ff",800:"#faf5ff",900:"#fef4ff"},violet:{50:"#4c1d95",100:"#701a75",200:"#86198f",300:"#a21caf",400:"#c026d3",500:"#d946ef",600:"#e879f9",700:"#f0abfc",800:"#f5d0fe",900:"#fae8ff"},indigo:{50:"#312e81",100:"#3730a3",200:"#1e40af",300:"#1d4ed8",400:"#2563eb",500:"#3b82f6",600:"#60a5fa",700:"#93c5fd",800:"#bfdbfe",900:"#dbeafe"},blue:{50:"#1e3a8a",100:"#1e40af",200:"#1d4ed8",300:"#2563eb",400:"#3b82f6",500:"#60a5fa",600:"#93c5fd",700:"#bfdbfe",800:"#dbeafe",900:"#eff6ff"},lightBlue:{50:"#0c4a6e",100:"#075985",200:"#0369a1",300:"#0284c7",400:"#0ea5e9",500:"#38bdf8",600:"#7dd3fc",700:"#bae6fd",800:"#e0f2fe",900:"#f0f9ff"},cyan:{50:"#164e63",100:"#155e75",200:"#0e7490",300:"#0891b2",400:"#22d3ee",500:"#67e8f9",600:"#a5f3fc",700:"#cffafe",800:"#ecfeff",900:"#f0fefe"},teal:{50:"#134e4a",100:"#166534",200:"#15803d",300:"#16a34a",400:"#22c55e",500:"#4ade80",600:"#5eead4",700:"#99f6e4",800:"#ccfbf1",900:"#f0fdfa"},emerald:{50:"#064e3b",100:"#065f46",200:"#047857",300:"#059669",400:"#10b981",500:"#34d399",600:"#6ee7b7",700:"#a7f3d0",800:"#d1fae5",900:"#ecfdf5"},green:{50:"#14532d",100:"#166534",200:"#15803d",300:"#16a34a",400:"#22c55e",500:"#4ade80",600:"#86efac",700:"#bbf7d0",800:"#dcfce7",900:"#f0fdf4"},lime:{50:"#365314",100:"#3f6212",200:"#4d7c0f",300:"#65a30d",400:"#84cc16",500:"#a3e635",600:"#bef264",700:"#d9f99d",800:"#ecfccb",900:"#f7fee7"},yellow:{50:"#713f12",100:"#854d0e",200:"#a16207",300:"#ca8a04",400:"#eab308",500:"#facc15",600:"#fde047",700:"#fef08a",800:"#fef9c3",900:"#fefce8"},amber:{50:"#78350f",100:"#92400e",200:"#b45309",300:"#d97706",400:"#f59e0b",500:"#fbbf24",600:"#fcd34d",700:"#fde68a",800:"#fef3c7",900:"#fffbeb"},orange:{50:"#7c2d12",100:"#9a3412",200:"#c2410c",300:"#ea580c",400:"#f97316",500:"#fb923c",600:"#fdba74",700:"#fed7aa",800:"#ffedd5",900:"#fff7ed"},red:{50:"#7f1d1d",100:"#991b1b",200:"#b91c1c",300:"#dc2626",400:"#ef4444",500:"#f87171",600:"#fca5a5",700:"#fecaca",800:"#fee2e2",900:"#fef2f2"},warmGray:{50:"#1c1917",100:"#292524",200:"#44403c",300:"#57534e",400:"#78716c",500:"#a8a29e",600:"#d6d3d1",700:"#e7e5e4",800:"#f5f5f4",900:"#fafaf9"},trueGray:{50:"#171717",100:"#262626",200:"#404040",300:"#525252",400:"#737373",500:"#a3a3a3",600:"#d4d4d4",700:"#e5e5e5",800:"#f5f5f5",900:"#fafafa"},gray:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},dark:{50:"#212529",100:"#343a40",200:"#495057",300:"#868e96",400:"#adb5bd",500:"#ced4da",600:"#dee2e6",700:"#f1f3f5",800:"#f8f9fa",900:"#ffffff"},light:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},coolGray:{50:"#111827",100:"#1f2937",200:"#374151",300:"#4b5563",400:"#6b7280",500:"#9ca3af",600:"#d1d5db",700:"#e5e7eb",800:"#f3f4f6",900:"#f9fafb"},blueGray:{50:"#0f172a",100:"#1e293b",200:"#334155",300:"#475569",400:"#64748b",500:"#94a3b8",600:"#cbd5e1",700:"#e2e8f0",800:"#f1f5f9",900:"#f8fafc"}},i={white:"#FFFFFF",black:"#000000",red:"#FF0000",green:"#00FF00",blue:"#0000FF",yellow:"#FFFF00",cyan:"#00FFFF",magenta:"#FF00FF",grey:"#808080",orange:"#FFA500",brown:"#A52A2A",purple:"#800080",pink:"#FFC0CB",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s={...i,dark:"#a1a1aa",white:"#FFFFFF",black:"#000000"},c={...i,dark:"#adb5bd",white:"#000000",black:"#FFFFFF"},l="theme.",d="color.",f="light.",u="dark.",m={primary:`${d}black`,secondary:`${d}blue`,success:`${d}green.500`,error:`${d}red.500`,warning:`${d}orange.500`,disabled:`${d}gray.500`,loading:`${d}dark.500`},g={main:s,palette:n},h={main:c,palette:a},p=t.createContext({getColor:()=>"",theme:{},colors:{main:s,palette:n},themeMode:"light",setThemeMode:()=>{}}),b=()=>{const e=t.useContext(p);if(!e)throw new Error("useTheme must be used within a ThemeProvider");return e},w=(e,t)=>{if("object"!=typeof t||null===t)return e;const r={...e};for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)){const n=t[o],a=e[o];Array.isArray(n)?r[o]=n:"object"!=typeof n||null===n||Array.isArray(n)?void 0!==n&&(r[o]=n):r[o]=w(a||{},n)}return r},y={xs:0,sm:340,md:560,lg:1080,xl:1300},v={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},x=e=>{const t=Object.keys(e).map((t=>({breakpoint:t,min:e[t],max:void 0}))).sort(((e,t)=>e.min-t.min));for(let e=0;e<t.length-1;e++)t[e].max=t[e+1].min-1;const r={};return t.forEach((e=>{let t="only screen";e.min>0&&(t+=` and (min-width: ${e.min}px)`),void 0!==e.max&&(t+=` and (max-width: ${e.max}px)`),r[e.breakpoint]=t.trim()})),r},k=(e,t)=>{for(const r in t)if(t[r].includes(e))return r;return"desktop"},F=t.createContext({breakpoints:y,devices:v,mediaQueries:x(y),currentWidth:0,currentHeight:0,currentBreakpoint:"xs",currentDevice:"mobile",orientation:"portrait"}),C=()=>t.useContext(F),E=new Set(["on","shadow","only","media","css","widthHeight","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate","_hover","_active","_focus","_visited","_disabled","_enabled","_checked","_unchecked","_invalid","_valid","_required","_optional","_selected","_target","_firstChild","_lastChild","_onlyChild","_firstOfType","_lastOfType","_empty","_focusVisible","_focusWithin","_placeholder"]),S=new Set(["on","shadow","only","media","css"]),$=new Set(["src","alt","style","as"]),O=new Set(["border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left-width","border-radius","border-right-width","border-spacing","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","column-gap","column-rule-width","column-width","font-size","gap","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","outline-offset","outline-width","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","right","row-gap","text-indent","top","width","-webkit-border-radius","-webkit-border-bottom-left-radius","-webkit-border-bottom-right-radius","-webkit-border-top-left-radius","-webkit-border-top-right-radius","-webkit-column-gap","-webkit-column-width","-webkit-margin-bottom","-webkit-margin-left","-webkit-margin-right","-webkit-margin-top","-webkit-padding-bottom","-webkit-padding-left","-webkit-padding-right","-webkit-padding-top","-webkit-perspective","-webkit-text-indent","-moz-border-radius","-moz-border-bottom-left-radius","-moz-border-bottom-right-radius","-moz-border-top-left-radius","-moz-border-top-right-radius","-moz-column-gap","-moz-column-width","-moz-margin-bottom","-moz-margin-left","-moz-margin-right","-moz-margin-top","-moz-padding-bottom","-moz-padding-left","-moz-padding-right","-moz-padding-top","-moz-perspective","-moz-text-indent","-ms-column-gap","-ms-column-width","-ms-margin-bottom","-ms-margin-left","-ms-margin-right","-ms-margin-top","-ms-padding-bottom","-ms-padding-left","-ms-padding-right","-ms-padding-top","-ms-text-indent"]);function R(e){if(/^(webkit|moz|ms|o)([A-Z])/i.test(e)){if(e.match(/^(webkit|moz|ms|o)/i)){let t=e.replace(/([A-Z])/g,"-$1").toLowerCase();return t=t.replace(/^(webkit|moz|ms|o)-/,"-$1-"),t}}return e.replace(/([A-Z])/g,"-$1").toLowerCase()}const j=new Set([...Object.keys(document.createElement("div").style),"margin","marginTop","marginRight","marginBottom","marginLeft","marginHorizontal","marginVertical","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingHorizontal","paddingVertical","width","height","minWidth","minHeight","maxWidth","maxHeight","position","top","right","bottom","left","zIndex","flex","flexDirection","flexWrap","flexFlow","justifyContent","alignItems","alignContent","alignSelf","order","flexGrow","flexShrink","flexBasis","gridTemplateColumns","gridTemplateRows","gridTemplate","gridAutoColumns","gridAutoRows","gridAutoFlow","gridArea","gridColumn","gridRow","gap","gridGap","rowGap","columnGap","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","textDecoration","textTransform","whiteSpace","wordBreak","wordSpacing","wordWrap","color","backgroundColor","background","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","opacity","border","borderWidth","borderStyle","borderColor","borderRadius","borderTop","borderRight","borderBottom","borderLeft","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","boxShadow","textShadow","transform","transition","animation","filter","backdropFilter","display","visibility","overflow","overflowX","overflowY","float","clear","objectFit","objectPosition","cursor","pointerEvents","userSelect","resize","widthHeight","shadow","textJustify","lineClamp","textIndent","perspective"]),D=new Set(["onClick","onChange","onSubmit","onFocus","onBlur","onKeyDown","onKeyUp","onKeyPress","onMouseDown","onMouseUp","onMouseMove","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","onTouchMove","onScroll","onWheel","onDrag","onDragStart","onDragEnd","onDrop"]),X=e=>!D.has(e)&&(j.has(e)||S.has(e)||/^(webkit|moz|ms|o)([A-Z])/i.test(e)||e.startsWith("--")||e.startsWith("data-style-")&&!$.has(e));const L=e=>(e=>{if(e.startsWith("--"))return e;if(/^(Webkit|Moz|Ms|O)[A-Z]/.test(e)){const t=e.match(/^(Webkit|Moz|Ms|O)/)?.[0]?.toLowerCase()||"";return`-${t}-${e.slice(t.length).replace(/([A-Z])/g,"-$1").toLowerCase()}`}if(/^(webkit|moz|ms|o)[A-Z]/.test(e)){const t=e.match(/^(webkit|moz|ms|o)/)?.[0]||"";return`-${t}-${e.slice(t.length).replace(/([A-Z])/g,"-$1").toLowerCase()}`}if(/^(webkit|moz|ms|o)/.test(e)){const t=e.match(/^(webkit|moz|ms|o)/)?.[0]||"";return`-${t}-${e.slice(t.length).replace(/([A-Z])/g,"-$1").toLowerCase()}`}return e.replace(/([A-Z])/g,"-$1").toLowerCase()})(e),z=Array.from(j),A={0:{shadowColor:"#000",shadowOffset:{width:1,height:2},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:2,height:2},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:3,height:3},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:4,height:4},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:5,height:5},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:6,height:6},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:7,height:7},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:8,height:8},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:9,height:9},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:10,height:10},shadowOpacity:.34,shadowRadius:6.27}};let M=0;const T=new Map,W=e=>{const{duration:t,timingFunction:r,delay:o,iterationCount:n,direction:a,fillMode:i,playState:s,timeline:c,range:l,...d}=e,f=JSON.stringify(d);if(T.has(f)){return{keyframesName:T.get(f),keyframes:""}}const u="animation-"+M++;T.set(f,u);const m=[];Object.keys(d).sort(((e,t)=>{const r=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return r(e)-r(t)})).forEach((e=>{const t="enter"===e?"to":e,r=d[e];var o;m.push(`${t} { ${o=r,Object.entries(o).filter((e=>{let[t]=e;return X(t)})).map((e=>{let[t,r]=e;return null==r?"":`${R(t)}: ${r};`})).filter(Boolean).join(" ")} }`)}));return{keyframesName:u,keyframes:`\n @keyframes ${u} {\n ${m.join("\n")}\n }\n `}};class Y{constructor(e){this.maxSize=e,this.cache=new Map}get(e){const t=this.cache.get(e);if(t)return this.cache.delete(e),this.cache.set(e,t),t}set(e,t){if(this.cache.has(e))this.cache.delete(e);else if(this.cache.size>=this.maxSize){const e=this.cache.keys().next().value;e&&this.cache.delete(e)}this.cache.set(e,t)}clear(){this.cache.clear()}delete(e){this.cache.delete(e)}get size(){return this.cache.size}keys(){return this.cache.keys()}values(){return this.cache.values()}has(e){return this.cache.has(e)}}const I=new Map,P={hover:"hover",active:"active",focus:"focus",visited:"visited",disabled:"disabled",enabled:"enabled",checked:"checked",unchecked:"not(:checked)",invalid:"invalid",valid:"valid",required:"required",optional:"optional",selected:"selected",target:"target",firstChild:"first-child",lastChild:"last-child",onlyChild:"only-child",firstOfType:"first-of-type",lastOfType:"last-of-type",empty:"empty",focusVisible:"focus-visible",focusWithin:"focus-within",placeholder:"placeholder-shown"},H={parseDuration(e){const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const r=parseFloat(t[1]);return"s"===t[2]?1e3*r:r},formatDuration:e=>e>=1e3&&e%1e3==0?e/1e3+"s":`${e}ms`,processAnimations(e){const t={names:[],durations:[],timingFunctions:[],delays:[],iterationCounts:[],directions:[],fillModes:[],playStates:[],timelines:[],ranges:[]};let r=0;return e.forEach((e=>{const{keyframesName:o,keyframes:n}=W(e);n&&"undefined"!=typeof document&&V.injectRule(n),t.names.push(o);const a=this.parseDuration(e.duration||"0s"),i=this.parseDuration(e.delay||"0s"),s=r+i;r=s+a,t.durations.push(this.formatDuration(a)),t.timingFunctions.push(e.timingFunction||"ease"),t.delays.push(this.formatDuration(s)),t.iterationCounts.push(void 0!==e.iterationCount?`${e.iterationCount}`:"1"),t.directions.push(e.direction||"normal"),t.fillModes.push(e.fillMode||"none"),t.playStates.push(e.playState||"running"),t.timelines.push(e.timeline||""),t.ranges.push(e.range||"")})),{animationName:t.names.join(", "),animationDuration:t.durations.join(", "),animationTimingFunction:t.timingFunctions.join(", "),animationDelay:t.delays.join(", "),animationIterationCount:t.iterationCounts.join(", "),animationDirection:t.directions.join(", "),animationFillMode:t.fillModes.join(", "),animationPlayState:t.playStates.join(", "),...t.timelines.some((e=>e))&&{animationTimeline:t.timelines.join(", ")},...t.ranges.some((e=>e))&&{animationRange:t.ranges.join(", ")}}}},B={formatValue(e,t,r){let o=e;if(t.startsWith("--"))return e;if(t.toLowerCase().includes("color")&&(o=r(e)),"string"==typeof e&&e.length>3&&(e.includes("color.")||e.includes("theme."))){let t=e;const n=/(color\.[a-zA-Z0-9.]+|theme\.[a-zA-Z0-9.]+)/g,a=e.match(n);if(a)a.forEach((e=>{const o=r(e),n=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");t=t.replace(new RegExp(n,"g"),o)})),o=t;else{o=e.split(" ").map((e=>e.startsWith("color.")||e.startsWith("theme.")?r(e):e)).join(" ")}}if("number"==typeof o){const e=L(t);(O.has(e)||/^-(webkit|moz|ms|o)-/.test(e)&&O.has(e.replace(/^-(webkit|moz|ms|o)-/,"")))&&(o=`${o}px`)}return o},normalizeCssValue(e){if("string"==typeof e&&e.startsWith("--"))return`var-${e.substring(2)}`;if("string"==typeof e&&e.startsWith("-webkit-")){const t="-webkit-";return`webkit-${e.substring(t.length).replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")}`}return e.toString().replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")},generateUniqueClassName(e){if(I.has(e))return I.get(e);const t=`raw-css-${Math.random().toString(36).substring(7)}`;return I.set(e,t),t}};class _{constructor(e,t){void 0===t&&(t=1e4),this.styleSheets=new Map,this.mainDocument=null,this.propertyShorthand=e,this.classCache=new Y(t),"undefined"!=typeof document&&(this.mainDocument=document,this.initStyleSheets(document))}initStyleSheets(e){if(!this.styleSheets.has(e)){const t={},r={base:"utility-classes-base",pseudo:"utility-classes-pseudo",media:"utility-classes-media",modifier:"utility-classes-modifier"};for(const[o,n]of Object.entries(r)){let r=e.getElementById(n);r||(r=e.createElement("style"),r.id=n,e.head.appendChild(r)),t[o]=r.sheet}this.styleSheets.set(e,t)}}getDocumentRules(e){const t=[],r=this.styleSheets.get(e);if(!r)return t;for(const[e,o]of Object.entries(r))Array.from(o.cssRules).forEach((r=>{t.push({cssText:r.cssText,context:e})}));return t}addDocument(e){if(e!==this.mainDocument&&(this.initStyleSheets(e),this.clearStylesFromDocument(e),this.mainDocument)){this.getDocumentRules(this.mainDocument).forEach((t=>{let{cssText:r,context:o}=t;this.injectRuleToDocument(r,o,e)}))}}clearStylesFromDocument(e){const t=this.styleSheets.get(e);if(t)for(const e of Object.values(t))this.clearStyleSheet(e)}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e,t){void 0===t&&(t="base"),this.mainDocument&&this.injectRuleToDocument(e,t,this.mainDocument);for(const r of this.getAllRegisteredDocuments())r!==this.mainDocument&&this.injectRuleToDocument(e,t,r)}getAllRegisteredDocuments(){return Array.from(this.styleSheets.keys())}addToCache(e,t,r){this.classCache.set(e,{className:t,rules:r})}getClassNames(e,t,r,o,n,a){void 0===r&&(r="base"),void 0===o&&(o=""),void 0===a&&(a=[]);let i=B.formatValue(t,e,n),s=i.toString().split(" ").join("-"),c=`${e}:${s}`;o&&"base"!==r&&(c=`${e}:${s}|${r}:${o}`);const l=this.classCache.get(c);if(l)return[l.className];let d=this.propertyShorthand[e]||(e.startsWith("--")?e:L(e));d.startsWith("-webkit-")?d="webkit"+d.substring(8):d.startsWith("-moz-")?d="moz"+d.substring(5):d.startsWith("-ms-")?d="ms"+d.substring(4):d.startsWith("-o-")&&(d="o"+d.substring(3));let f=`${d}-${B.normalizeCssValue(s)}`,u=[f],m=[];const g=R(e);let h=i;if("number"==typeof h&&O.has(g)&&(h=`${h}px`),"pseudo"===r&&o){const e=`${f}--${o}`;u=[e];const t=this.escapeClassName(e);m.push({rule:`.${t}:${o} { ${g}: ${h}; }`,context:"pseudo"})}else if("media"===r&&o){const e=`${o}--${f}`;u=[e];const t=this.escapeClassName(e);a.forEach((e=>{m.push({rule:`@media ${e} { .${t} { ${g}: ${h}; } }`,context:"media"})}))}else{const e=this.escapeClassName(f);m.push({rule:`.${e} { ${g}: ${h}; }`,context:"base"})}return m.forEach((e=>{let{rule:t,context:r}=e;this.injectRule(t,r)})),this.addToCache(c,u[0],m),u}removeDocument(e){e!==this.mainDocument&&this.styleSheets.delete(e)}clearCache(){this.classCache.clear()}clearStyleSheet(e){for(;e.cssRules.length>0;)e.deleteRule(0)}regenerateStyles(e){if(e===this.mainDocument){this.clearStylesFromDocument(e);const t=Array.from(this.classCache.values());for(const{rules:r}of t)r.forEach((t=>{let{rule:r,context:o}=t;this.injectRuleToDocument(r,o,e)}))}else this.addDocument(e)}regenerateAllStyles(){for(const e of this.getAllRegisteredDocuments())this.regenerateStyles(e)}injectRuleToDocument(e,t,r){const o=this.styleSheets.get(r);if(!o)return;const n=o[t];if(n)try{n.insertRule(e,n.cssRules.length)}catch(t){console.error(`Error inserting CSS rule to document: "${e}"`,t)}}printStyles(e){console.group("Current styles for document:");const t=this.styleSheets.get(e);if(!t)return console.log("No styles found for this document"),void console.groupEnd();for(const[e,r]of Object.entries(t))console.group(`${e} styles:`),Array.from(r.cssRules).forEach(((e,t)=>{console.log(`${t}: ${e.cssText}`)})),console.groupEnd();console.groupEnd()}}function N(e){const t={},r=new Set;function o(e){const t=e[0].toLowerCase(),o=e[e.length-1].toLowerCase();let n=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+o;n.length<2&&(n=e.slice(0,2).toLowerCase());let a=0,i=n;for(;r.has(i);)a++,i=n+e.slice(-a).toLowerCase();return r.add(i),i}for(const r of e)t[r]=o(r);return t}const V=new _(N(z),1e4);function Z(e,t,r,o,n,a){void 0===t&&(t="base"),void 0===r&&(r=""),void 0===n&&(n={}),void 0===a&&(a={});const i=[];return Object.keys(e).forEach((s=>{const c=e[s];let l=[];if("media"===t&&(n[r]?l=[n[r]]:a[r]&&(l=a[r].map((e=>n[e])).filter((e=>e)))),void 0!==c&&""!==c){const e=V.getClassNames(s,c,t,r,o,l);i.push(...e)}})),i}function G(e,t,r){const n=[],{animate:a,shadow:i,...s}="object"==typeof t&&null!==t?t:{color:t};if(a){const e=Array.isArray(a)?a:[a],t=H.processAnimations(e);Object.assign(s,t)}if(void 0!==i){let e;if(e="number"==typeof i&&void 0!==A[i]?i:"boolean"==typeof i?i?2:0:2,A[e]){const{shadowColor:t,shadowOpacity:r,shadowOffset:n,shadowRadius:a}=A[e],i=`rgba(${o.hex.rgb(t).join(",")}, ${r})`;s.boxShadow=`${n.height}px ${n.width}px ${a}px ${i}`}}if(Object.keys(s).length>0){const t=P[e];t&&n.push(...Z(s,"pseudo",t,r))}return n}const U=(e,t,r,n)=>{const a=[],i={};if(e.widthHeight||void 0!==e.height&&void 0!==e.width&&e.height===e.width){const t=e.widthHeight||e.width,r="number"==typeof t?`${t}px`:t;i.width=r,i.height=r}const s={paddingHorizontal:["paddingLeft","paddingRight"],paddingVertical:["paddingTop","paddingBottom"],marginHorizontal:["marginLeft","marginRight"],marginVertical:["marginTop","marginBottom"]};for(const[t,r]of Object.entries(s)){const o=e[t];if(void 0!==o){const e="number"==typeof o?`${o}px`:o;r.forEach((t=>{i[t]=e}))}}if(void 0!==e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==A[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,A[t]){const{shadowColor:e,shadowOpacity:r,shadowOffset:n,shadowRadius:a}=A[t],s=`rgba(${o.hex.rgb(e).join(",")}, ${r})`;i.boxShadow=`${n.height}px ${n.width}px ${a}px ${s}`}}if(e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate];Object.assign(i,H.processAnimations(t))}a.push(...Z(i,"base","",t));const c={};if(Object.keys(e).forEach((t=>{if(t.startsWith("_")&&t.length>1){const r=t.substring(1);c[r]=e[t]}})),Object.keys(e).forEach((o=>{if("style"!==o&&"css"!==o&&!o.startsWith("_")&&(X(o)||["on","media"].includes(o))){const i=e[o];"object"==typeof i&&null!==i?"on"===o?Object.keys(i).forEach((e=>{a.push(...G(e,i[e],t))})):"media"===o&&Object.keys(i).forEach((e=>{a.push(...Z(i[e],"media",e,t,r,n))})):void 0!==i&&""!==i&&a.push(...V.getClassNames(o,i,"base","",t,[]))}})),e.css)if("object"==typeof e.css)Object.assign(i,e.css),a.push(...Z(e.css,"base","",t));else if("string"==typeof e.css){const t=B.generateUniqueClassName(e.css);V.injectRule(`.${t} { ${e.css} }`),a.push(t)}return Object.keys(c).length>0&&Object.keys(c).forEach((e=>{a.push(...G(e,c[e],t))})),a},q=t.createContext({}),K=()=>t.useContext(q),Q=r.memo(t.forwardRef(((e,o)=>{let{as:n="div",...a}=e;(a.onClick||a.onPress)&&null==a.cursor&&(a.cursor="pointer");const{onPress:i,...s}=a,{getColor:c,theme:l}=b(),{trackEvent:d}=K(),{mediaQueries:f,devices:u}=C(),m=t.useMemo((()=>U(s,(e=>c(e,{colors:a.colors,theme:a.theme,themeMode:a.themeMode})),f,u)),[s,f,u,l]),g={ref:o};if(i&&(g.onClick=i),m.length>0&&(g.className=m.join(" ")),d&&a.onClick){let e,t;e="string"==typeof n?n:n.displayName||n.name||"div","string"==typeof a.children&&(t=a.children.slice(0,100)),g.onClick=r=>{d({type:"click",target:"div"!==e?e:void 0,text:t}),a.onClick&&a.onClick(r)}}else a.onClick&&!i&&(g.onClick=a.onClick);const{style:h,children:p,...w}=s;Object.keys(w).forEach((e=>{e.startsWith("on")&&e.length>2&&e[2]===e[2].toUpperCase()&&(g[e]=w[e])})),Object.keys(w).forEach((e=>{(!E.has(e)&&!X(e)||$.has(e))&&(g[e]=w[e])})),h&&(g.style=h);const y=n;return r.createElement(y,Object.assign({},g),p)}))),J=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({},e,{ref:t})))),ee=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({display:"flex",flexDirection:"row"},e,{ref:t})))),te=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({display:"flex",justifyContent:"center",alignItems:"center"},e,{ref:t})))),re=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({display:"flex",flexDirection:"column"},e,{ref:t})))),oe=r.forwardRef(((e,t)=>{let{media:o={},...n}=e;return r.createElement(ee,Object.assign({media:{...o,mobile:{...o.mobile,flexDirection:"column"}}},n,{ref:t}))})),ne=r.forwardRef(((e,t)=>{let{media:o={},...n}=e;return r.createElement(re,Object.assign({media:{...o,mobile:{...o.mobile,flexDirection:"row"}}},n,{ref:t}))})),ae=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({},e,{ref:t})))),ie=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({overflow:"auto"},e,{ref:t})))),se=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({},e,{ref:t})))),ce=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({as:"span"},e,{ref:t})))),le=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({as:"img"},e,{ref:t})))),de=r.forwardRef(((e,t)=>{let{src:o,...n}=e;return r.createElement(Q,Object.assign({backgroundImage:`url(${o})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"},n,{ref:t}))})),fe=r.forwardRef(((e,t)=>{const{toUpperCase:o,children:n,...a}=e,i=o&&"string"==typeof n?n.toUpperCase():n;return r.createElement(Q,Object.assign({as:"span"},a,{ref:t}),i)})),ue=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({as:"form"},e,{ref:t})))),me=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({as:"input"},e,{ref:t})))),ge=r.forwardRef(((e,t)=>r.createElement(Q,Object.assign({as:"button"},e,{ref:t})))),he=e=>{let{duration:t="2s",timingFunction:r="linear",iterationCount:o="infinite",...n}=e;return{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,iterationCount:o,...n}};var pe={__proto__:null,fadeIn:e=>{let{duration:t="1s",timingFunction:r="ease",...o}=e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:r,...o}},fadeOut:e=>{let{duration:t="1s",timingFunction:r="ease",...o}=e;return{from:{opacity:1},to:{opacity:0},duration:t,timingFunction:r,...o}},slideInLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...o}},slideInRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...o}},slideInDown:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"translateY(-100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...o}},slideInUp:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"translateY(100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...o}},bounce:e=>{let{duration:t="2s",timingFunction:r="ease",iterationCount:o="infinite",...n}=e;return{from:{transform:"translateY(0)"},"20%":{transform:"translateY(-30px)"},"40%":{transform:"translateY(0)"},"60%":{transform:"translateY(-15px)"},"80%":{transform:"translateY(0)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,iterationCount:o,...n}},rotate:e=>{let{duration:t="1s",timingFunction:r="linear",iterationCount:o="infinite",...n}=e;return{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"},duration:t,timingFunction:r,iterationCount:o,...n}},pulse:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",iterationCount:o="infinite",...n}=e;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,iterationCount:o,...n}},zoomIn:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"scale(0)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,...o}},zoomOut:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"scale(1)"},to:{transform:"scale(0)"},duration:t,timingFunction:r,...o}},flash:e=>{let{duration:t="1s",iterationCount:r="infinite",...o}=e;return{from:{opacity:1},"50%":{opacity:0},to:{opacity:1},duration:t,iterationCount:r,...o}},shake:e=>{let{duration:t="0.5s",iterationCount:r="infinite",...o}=e;return{from:{transform:"translateX(0)"},"10%":{transform:"translateX(-10px)"},"20%":{transform:"translateX(10px)"},"30%":{transform:"translateX(-10px)"},"40%":{transform:"translateX(10px)"},"50%":{transform:"translateX(-10px)"},"60%":{transform:"translateX(10px)"},"70%":{transform:"translateX(-10px)"},"80%":{transform:"translateX(10px)"},"90%":{transform:"translateX(-10px)"},to:{transform:"translateX(0)"},duration:t,iterationCount:r,...o}},swing:e=>{let{duration:t="1s",iterationCount:r="infinite",...o}=e;return{from:{transform:"rotate(0deg)"},"20%":{transform:"rotate(15deg)"},"40%":{transform:"rotate(-10deg)"},"60%":{transform:"rotate(5deg)"},"80%":{transform:"rotate(-5deg)"},to:{transform:"rotate(0deg)"},duration:t,iterationCount:r,...o}},rubberBand:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",...o}=e;return{from:{transform:"scale3d(1, 1, 1)"},"30%":{transform:"scale3d(1.25, 0.75, 1)"},"40%":{transform:"scale3d(0.75, 1.25, 1)"},"50%":{transform:"scale3d(1.15, 0.85, 1)"},"65%":{transform:"scale3d(0.95, 1.05, 1)"},"75%":{transform:"scale3d(1.05, 0.95, 1)"},to:{transform:"scale3d(1, 1, 1)"},duration:t,timingFunction:r,...o}},wobble:e=>{let{duration:t="1s",...r}=e;return{from:{transform:"translateX(0%)"},"15%":{transform:"translateX(-25%) rotate(-5deg)"},"30%":{transform:"translateX(20%) rotate(3deg)"},"45%":{transform:"translateX(-15%) rotate(-3deg)"},"60%":{transform:"translateX(10%) rotate(2deg)"},"75%":{transform:"translateX(-5%) rotate(-1deg)"},to:{transform:"translateX(0%)"},duration:t,...r}},flip:e=>{let{duration:t="1s",...r}=e;return{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},to:{transform:"perspective(400px) rotateY(-360deg)"},duration:t,...r}},heartBeat:e=>{let{duration:t="1.3s",iterationCount:r="infinite",...o}=e;return{from:{transform:"scale(1)"},"14%":{transform:"scale(1.3)"},"28%":{transform:"scale(1)"},"42%":{transform:"scale(1.3)"},"70%":{transform:"scale(1)"},to:{transform:"scale(1)"},duration:t,iterationCount:r,...o}},rollIn:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},to:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:t,...r}},rollOut:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},to:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:t,...r}},lightSpeedIn:e=>{let{duration:t="1s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"translateX(100%) skewX(-30deg)",opacity:0},"60%":{transform:"skewX(20deg)",opacity:1},"80%":{transform:"skewX(-5deg)"},to:{transform:"translateX(0)",opacity:1},duration:t,timingFunction:r,...o}},lightSpeedOut:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},to:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:t,timingFunction:r,...o}},hinge:e=>{let{duration:t="2s",timingFunction:r="ease-in-out",...o}=e;return{from:{transform:"rotate(0deg)",transformOrigin:"top left",opacity:1},"20%":{transform:"rotate(80deg)",opacity:1},"40%":{transform:"rotate(60deg)",opacity:1},"60%":{transform:"rotate(80deg)",opacity:1},"80%":{transform:"rotate(60deg)",opacity:1},to:{transform:"translateY(700px)",opacity:0},duration:t,timingFunction:r,...o}},jackInTheBox:e=>{let{duration:t="1s",timingFunction:r="ease",...o}=e;return{from:{opacity:0,transform:"scale(0.1) rotate(30deg)",transformOrigin:"center bottom"},"50%":{transform:"rotate(-10deg)"},"70%":{transform:"rotate(3deg)"},to:{opacity:1,transform:"scale(1) rotate(0deg)"},duration:t,timingFunction:r,...o}},flipInX:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{transform:"perspective(400px) rotateX(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateX(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateX(0deg)"},duration:t,timingFunction:r,...o}},flipInY:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{transform:"perspective(400px) rotateY(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateY(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateY(0deg)"},duration:t,timingFunction:r,...o}},headShake:e=>{let{duration:t="1s",iterationCount:r="infinite",...o}=e;return{from:{transform:"translateX(0)"},"6.5%":{transform:"translateX(-6px) rotateY(-9deg)"},"18.5%":{transform:"translateX(5px) rotateY(7deg)"},"31.5%":{transform:"translateX(-3px) rotateY(-5deg)"},"43.5%":{transform:"translateX(2px) rotateY(3deg)"},"50%":{transform:"translateX(0)"},duration:t,iterationCount:r,...o}},tada:e=>{let{duration:t="1s",iterationCount:r="infinite",...o}=e;return{from:{transform:"scale3d(1, 1, 1)",opacity:1},"10%, 20%":{transform:"scale3d(0.9, 0.9, 0.9) rotate(-3deg)"},"30%, 50%, 70%, 90%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(3deg)"},"40%, 60%, 80%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(-3deg)"},to:{transform:"scale3d(1, 1, 1)",opacity:1},duration:t,iterationCount:r,...o}},jello:e=>{let{duration:t="1s",iterationCount:r="infinite",...o}=e;return{from:{transform:"none"},"11.1%":{transform:"skewX(-12.5deg) skewY(-12.5deg)"},"22.2%":{transform:"skewX(6.25deg) skewY(6.25deg)"},"33.3%":{transform:"skewX(-3.125deg) skewY(-3.125deg)"},"44.4%":{transform:"skewX(1.5625deg) skewY(1.5625deg)"},"55.5%":{transform:"skewX(-0.78125deg) skewY(-0.78125deg)"},"66.6%":{transform:"skewX(0.390625deg) skewY(0.390625deg)"},"77.7%":{transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)"},"88.8%":{transform:"skewX(0.09765625deg) skewY(0.09765625deg)"},to:{transform:"none"},duration:t,iterationCount:r,...o}},fadeInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...o}=e;return{from:{opacity:0,transform:"translateY(-100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...o}},fadeInUp:e=>{let{duration:t="1s",timingFunction:r="ease-out",...o}=e;return{from:{opacity:0,transform:"translateY(100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...o}},bounceIn:e=>{let{duration:t="0.75s",timingFunction:r="ease-in",...o}=e;return{from:{opacity:0,transform:"scale(0.3)"},"50%":{opacity:1,transform:"scale(1.05)"},"70%":{transform:"scale(0.9)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,...o}},bounceOut:e=>{let{duration:t="0.75s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"scale(1)"},"20%":{transform:"scale(0.9)"},"50%, 55%":{opacity:1,transform:"scale(1.1)"},to:{opacity:0,transform:"scale(0.3)"},duration:t,timingFunction:r,...o}},slideOutLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...o}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(-100%)"},duration:t,timingFunction:r,...o}},slideOutRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...o}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,...o}},zoomInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...o}=e;return{from:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},"60%":{opacity:1,transform:"scale(0.475) translateY(60px)"},to:{transform:"scale(1) translateY(0)"},duration:t,timingFunction:r,...o}},zoomOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{opacity:1,transform:"scale(1) translateY(0)"},"40%":{opacity:1,transform:"scale(0.475) translateY(-60px)"},to:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},duration:t,timingFunction:r,...o}},backInDown:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{opacity:.7,transform:"translateY(-2000px) scaleY(2.5) scaleX(0.2)"},to:{opacity:1,transform:"translateY(0) scaleY(1) scaleX(1)"},duration:t,timingFunction:r,...o}},backOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},to:{opacity:0,transform:"translateY(-2000px)"},duration:t,timingFunction:r,...o}},shimmer:he,progress:e=>{let{duration:t="2s",timingFunction:r="linear",direction:o="forwards",from:n={width:"0%"},to:a={width:"100%"},...i}=e;return{from:n,to:a,duration:t,timingFunction:r,direction:o,...i}},typewriter:e=>{let{duration:t="10s",steps:r=10,iterationCount:o=1,width:n=0,...a}=e;return{from:{width:"0px"},to:{width:`${n}px`},timingFunction:`steps(${r})`,duration:t,iterationCount:o,...a}},blinkCursor:e=>{let{duration:t="0.75s",timingFunction:r="step-end",iterationCount:o="infinite",color:n="black",...a}=e;return{from:{color:n},to:{color:n},"0%":{color:n},"50%":{color:"transparent"},"100%":{color:n},duration:t,timingFunction:r,iterationCount:o,...a}},fadeInScroll:e=>{let{duration:t="0.5s",timingFunction:r="ease",timeline:o="scroll()",range:n="cover",...a}=e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:r,timeline:o,range:n,...a}},slideInLeftScroll:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",timeline:o="scroll()",range:n="cover",...a}=e;return{from:{transform:"translateX(-200%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,timeline:o,range:n,...a}},scaleDownScroll:e=>{let{duration:t="0.8s",timingFunction:r="ease",timeline:o="scroll()",range:n="cover",...a}=e;return{from:{transform:"scale(3)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,timeline:o,range:n,...a}},fillTextScroll:e=>{let{duration:t="1s",timingFunction:r="linear",timeline:o="--section",range:n="entry 100% cover 50%, cover 50% exit 0%",...a}=e;return{from:{"--fill":0,color:"transparent",backgroundPositionX:"calc(var(--underline-block-width) * -1), calc(var(--underline-block-width) * -1), 0"},"50%":{"--fill":.5},to:{"--fill":1,backgroundPositionX:"0, 0, 0",color:"var(--finish-fill)"},duration:t,timingFunction:r,timeline:o,range:n,...a}},ctaCollapseScroll:e=>{let{duration:t="1s",timingFunction:r="linear",timeline:o="scroll()",range:n="0 400px",...a}=e;return{from:{width:"calc(48px + 120px)"},to:{width:"48px"},duration:t,timingFunction:r,timeline:o,range:n,...a}},handWaveScroll:e=>{let{duration:t="2s",timingFunction:r="linear",timeline:o="scroll()",range:n="10vh 60vh",...a}=e;return{from:{transform:"rotate(0deg)"},"50%":{transform:"rotate(20deg)"},to:{transform:"rotate(0deg)"},duration:t,timingFunction:r,timeline:o,range:n,...a}},fadeBlurScroll:e=>{let{duration:t="1s",timingFunction:r="linear",timeline:o="view()",range:n="cover 40% cover 85%",...a}=e;return{to:{opacity:0,filter:"blur(2rem)"},duration:t,timingFunction:r,timeline:o,range:n,...a}},unclipScroll:e=>{let{duration:t="1s",timingFunction:r="linear",timeline:o="--article",range:n="entry",...a}=e;return{to:{clipPath:"ellipse(220% 200% at 50% 175%)"},duration:t,timingFunction:r,timeline:o,range:n,...a}},scaleDownArticleScroll:e=>{let{duration:t="1s",timingFunction:r="linear",timeline:o="--article",range:n="entry",...a}=e;return{"0%":{transform:"scale(5)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,timeline:o,range:n,...a}},listItemScaleScroll:e=>{let{duration:t="0.5s",timingFunction:r="ease",timeline:o="--i",range:n="cover 40% cover 60%",...a}=e;return{from:{transform:"scale(0.8)"},"50%":{transform:"scale(1)"},duration:t,timingFunction:r,timeline:o,range:n,...a}}};const be=r.memo((e=>{let{duration:t="2s",timingFunction:o="linear",iterationCount:n="infinite",...a}=e;return r.createElement(J,Object.assign({backgroundColor:"color.black.300"},a,{overflow:"hidden"}),r.createElement(J,{position:"relative",inset:0,width:"100%",height:"100%",animate:he({duration:t,timingFunction:o,iterationCount:n}),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))})),we=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,ye=!we();const ve=t.createContext({width:0,height:0});exports.AnalyticsContext=q,exports.AnalyticsProvider=e=>{let{trackEvent:t,children:o}=e;return r.createElement(q.Provider,{value:{trackEvent:t}},o)},exports.Animation=pe,exports.Button=ge,exports.Center=te,exports.Div=se,exports.Element=Q,exports.Form=ue,exports.Horizontal=ee,exports.HorizontalResponsive=oe,exports.Image=le,exports.ImageBackground=de,exports.Input=me,exports.ResponsiveContext=F,exports.ResponsiveProvider=e=>{let{breakpoints:o=y,devices:n=v,children:a}=e;const[i,s]=t.useState("xs"),[c,l]=t.useState("portrait"),d=t.useMemo((()=>x(o)),[o]);t.useEffect((()=>{const e=[];for(const t in d){const r=window.matchMedia(d[t]),o=()=>r.matches&&s(t);r.addListener(o),r.matches&&s(t),e.push((()=>r.removeListener(o)))}const t=window.matchMedia("(orientation: landscape)"),r=()=>l(t.matches?"landscape":"portrait");return t.addListener(r),r(),e.push((()=>t.removeListener(r))),()=>e.forEach((e=>e()))}),[o]);const f=t.useMemo((()=>({breakpoints:o,devices:n,mediaQueries:d,currentWidth:window.innerWidth,currentHeight:window.innerHeight,currentBreakpoint:i,currentDevice:k(i,n),orientation:c})),[o,n,i,c]);return r.createElement(F.Provider,{value:f},a)},exports.SafeArea=ie,exports.Scroll=ae,exports.Shadows=A,exports.Skeleton=be,exports.Span=ce,exports.Text=fe,exports.ThemeContext=p,exports.ThemeProvider=e=>{let{theme:o={},mode:n="light",dark:a={},light:i={},children:s}=e;const[c,b]=t.useState(n),y=t.useRef(new Map).current;t.useEffect((()=>{b(n)}),[n]),t.useEffect((()=>{y.clear()}),[i,a,o,y]);const v=t.useMemo((()=>w(m,o)),[o]),x=t.useMemo((()=>({light:w(g,i),dark:w(h,a)})),[i,a]),k=t.useMemo((()=>x[c]),[x,c]),F=t.useCallback(((e,t)=>{if(!e||"string"!=typeof e)return String(e);if("transparent"===e)return e;const r=t?.themeMode??c,o=t&&0===Object.keys(t).length,n=`${e}-${r}`;if(y.has(n)&&o)return y.get(n);const a=x[r];if(!a)return console.warn(`Color set for mode "${r}" not found.`),e;let i=e;try{if(e.startsWith(l)){const r=e.substring(6).split(".");let o=w(v,t?.theme||{});for(const e of r){if(null==o)break;o=o[e]}"string"==typeof o&&o!==e?i=F(o,t):void 0===o?(console.warn(`Theme path "${e}" not found.`),i=e):"string"!=typeof o&&(console.warn(`Theme path "${e}" resolved to a non-string value.`),i=e)}else if(e.startsWith(f)||e.startsWith(u)){const r=e.startsWith(f)?"light":"dark",o=e.startsWith(f)?6:5,n=`${d}${e.substring(o)}`,a={...t,themeMode:r};i=F(n,a)}else if(e.startsWith(d)){const o=e.substring(6).split(".");if(1===o.length){const n=o[0],s=w(a.main,t?.colors?.main||{}),c=s?.[n];"string"==typeof c?i=c:(console.warn(`Singleton color "${e}" not found in ${r} mode.`),i=e)}else if(2===o.length){const[n,s]=o,c=w(a.palette,t?.colors?.palette||{}),l=c?.[n]?.[s];"string"==typeof l?i=l:(console.warn(`Palette color "${e}" not found in ${r} mode.`),i=e)}else console.warn(`Invalid color format: "${e}". Expected 'color.name' or 'color.name.shade'.`),i=e}}catch(t){console.error(`Error resolving color "${e}" for mode "${r}":`,t),i=e}return o&&y.set(n,i),i}),[v,x,c,y]),C=t.useMemo((()=>({getColor:F,theme:v,colors:k,themeMode:c,setThemeMode:b})),[F,v,k,c]);return r.createElement(p.Provider,{value:C},s)},exports.Typography={letterSpacings:{tighter:-.08,tight:-.4,normal:0,wide:.4,wider:.8,widest:1.6},lineHeights:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900},fontSizes:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64}},exports.Vertical=re,exports.VerticalResponsive=ne,exports.View=J,exports.debounce=(e,t)=>{let r;return function(){for(var o=arguments.length,n=new Array(o),a=0;a<o;a++)n[a]=arguments[a];clearTimeout(r),r=setTimeout((()=>e(...n)),t)}},exports.deepMerge=w,exports.defaultColors=i,exports.defaultDarkColors=c,exports.defaultDarkPalette=a,exports.defaultLightColors=s,exports.defaultLightPalette=n,exports.defaultThemeMain=m,exports.extractUtilityClasses=U,exports.getWindowInitialProps=()=>we()?window.g_initialProps:void 0,exports.isBrowser=we,exports.isDev=function(){let e=!1;return we()&&(e=!(-1===window.location.hostname.indexOf("localhost"))),e},exports.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},exports.isProd=function(){return!!(we()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},exports.isSSR=ye,exports.useActive=function(){const[e,r]=t.useState(!1),o=t.useRef(null);return t.useEffect((()=>{const e=o.current;if(!e)return;const t=()=>r(!0),n=()=>r(!1),a=()=>r(!0),i=()=>r(!1);return e.addEventListener("mousedown",t),e.addEventListener("mouseup",n),e.addEventListener("mouseleave",n),e.addEventListener("touchstart",a),e.addEventListener("touchend",i),()=>{e.removeEventListener("mousedown",t),e.removeEventListener("mouseup",n),e.removeEventListener("mouseleave",n),e.removeEventListener("touchstart",a),e.removeEventListener("touchend",i)}}),[]),[o,e]},exports.useAnalytics=K,exports.useClickOutside=function(){const[e,r]=t.useState(!1),o=t.useRef(null);return t.useEffect((()=>{const e=e=>{o.current&&!o.current.contains(e.target)?r(!0):r(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[]),[o,e]},exports.useFocus=function(){const[e,r]=t.useState(!1),o=t.useRef(null);return t.useEffect((()=>{const e=o.current;if(!e)return;const t=()=>r(!0),n=()=>r(!1);return e.addEventListener("focus",t),e.addEventListener("blur",n),()=>{e.removeEventListener("focus",t),e.removeEventListener("blur",n)}}),[]),[o,e]},exports.useHover=function(){const[e,r]=t.useState(!1),o=t.useRef(null);return t.useEffect((()=>{const e=o.current;if(!e)return;const t=()=>r(!0),n=()=>r(!1);return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",n),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",n)}}),[]),[o,e]},exports.useInView=function(e){const{triggerOnce:r=!1,...o}=e||{},n=t.useRef(null),[a,i]=t.useState(!1);return t.useEffect((()=>{const e=n.current;if(!e)return;const t=new IntersectionObserver((e=>{let[o]=e;o.isIntersecting?(i(!0),r&&t.disconnect()):r||i(!1)}),o);return t.observe(e),()=>{t.disconnect()}}),[r,...Object.values(o||{})]),{ref:n,inView:a}},exports.useInfiniteScroll=function(e,r){void 0===r&&(r={});const[o,n]=t.useState(null),a=t.useRef(e),i=t.useRef();return t.useEffect((()=>{a.current=e}),[e]),t.useEffect((()=>{if(!o||r.isLoading)return;const e=new IntersectionObserver((e=>{e[0].isIntersecting&&(r.debounceMs?(i.current&&clearTimeout(i.current),i.current=setTimeout(a.current,r.debounceMs)):a.current())}),{threshold:r.threshold??0,root:r.root??null,rootMargin:r.rootMargin??"0px"});return e.observe(o),()=>{e.disconnect(),i.current&&clearTimeout(i.current)}}),[o,r.threshold,r.isLoading,r.root,r.rootMargin,r.debounceMs]),{sentinelRef:n}},exports.useKeyPress=function(e){const[r,o]=t.useState(!1);return t.useEffect((()=>{const t=t=>{t.key===e&&o(!0)},r=t=>{t.key===e&&o(!1)};return window.addEventListener("keydown",t),window.addEventListener("keyup",r),()=>{window.removeEventListener("keydown",t),window.removeEventListener("keyup",r)}}),[e]),r},exports.useMount=e=>{t.useEffect((()=>{e()}),[])},exports.useOnScreen=function(e){const r=t.useRef(null),[o,n]=t.useState(!1);return t.useEffect((()=>{const t=r.current;if(!t)return;const o=new IntersectionObserver((e=>{let[t]=e;n(t.isIntersecting)}),e);return o.observe(t),()=>{o.disconnect()}}),[e]),[r,o]},exports.useResponsive=()=>{const e=C(),{currentBreakpoint:t,orientation:r,devices:o}=e,n=e=>o[e]?o[e].includes(t):e===t;return{...e,screen:t,orientation:r,on:n,is:n}},exports.useResponsiveContext=C,exports.useScroll=function(e){let{container:r,offset:o=[0,0],throttleMs:n=100,disabled:a=!1}=void 0===e?{}:e;const[i,s]=t.useState({x:0,y:0,xProgress:0,yProgress:0}),c=t.useRef(0),l=t.useRef(),d=t.useCallback((()=>{if(a)return;const e=Date.now();if(n>0&&e-c.current<n)return void(l.current=requestAnimationFrame(d));const t=(e=>{if(e instanceof Window){const e=document.documentElement;return{scrollHeight:Math.max(e.scrollHeight,e.offsetHeight),scrollWidth:Math.max(e.scrollWidth,e.offsetWidth),clientHeight:window.innerHeight,clientWidth:window.innerWidth,scrollTop:window.scrollY,scrollLeft:window.scrollX}}return{scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,clientHeight:e.clientHeight,clientWidth:e.clientWidth,scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}})(r&&r.current?r.current:window),i=t.scrollLeft+o[0],f=t.scrollTop+o[1],u=t.scrollWidth-t.clientWidth,m=t.scrollHeight-t.clientHeight,g=u<=0?1:Math.min(Math.max(i/u,0),1),h=m<=0?1:Math.min(Math.max(f/m,0),1);s((t=>t.x!==i||t.y!==f||t.xProgress!==g||t.yProgress!==h?(c.current=e,{x:i,y:f,xProgress:g,yProgress:h}):t))}),[r,o,n,a]);return t.useEffect((()=>{if(a)return;const e=r&&r.current?r.current:window;d();const t={passive:!0};return e.addEventListener("scroll",d,t),window.addEventListener("resize",d,t),()=>{e.removeEventListener("scroll",d),window.removeEventListener("resize",d),l.current&&cancelAnimationFrame(l.current)}}),[d,r,a]),i},exports.useScrollAnimation=function(e,r){void 0===r&&(r={});const[o,n]=t.useState(!1),[a,i]=t.useState(0);return t.useEffect((()=>{const t=e.current;if(!t)return;const o=new IntersectionObserver((e=>{const t=e[0];n(t.isIntersecting),i(t.intersectionRatio),r.onIntersectionChange&&r.onIntersectionChange(t.isIntersecting,t.intersectionRatio)}),{threshold:r.threshold??0,rootMargin:r.rootMargin??"0px",root:r.root??null});return o.observe(t),()=>o.disconnect()}),[e,r.threshold,r.rootMargin,r.root,r.onIntersectionChange]),{isInView:o,progress:a}},exports.useScrollDirection=function(e){void 0===e&&(e=5);const[r,o]=t.useState("up"),n=t.useRef(0),a=t.useRef("up"),i=t.useRef(),s=t.useRef(!1);return t.useEffect((()=>{const t=()=>{s.current||(i.current=requestAnimationFrame((()=>{(()=>{const t=window.scrollY||document.documentElement.scrollTop,r=t>n.current?"down":"up",i=Math.abs(t-n.current),c=window.innerHeight+t>=document.documentElement.scrollHeight-1;(i>e||"down"===r&&c)&&r!==a.current&&(a.current=r,o(r)),n.current=Math.max(t,0),s.current=!1})(),s.current=!1})),s.current=!0)};return window.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("scroll",t),i.current&&cancelAnimationFrame(i.current)}}),[e]),r},exports.useSmoothScroll=()=>t.useCallback((function(e,t){if(void 0===t&&(t=0),e)try{const r=e.getBoundingClientRect().top+(window.scrollY||window.pageYOffset)-t;"scrollBehavior"in document.documentElement.style?window.scrollTo({top:r,behavior:"smooth"}):window.scrollTo(0,r)}catch(e){console.error("Error during smooth scroll:",e)}}),[]),exports.useTheme=b,exports.useWindowSize=()=>t.useContext(ve),exports.utilityClassManager=V;
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=e(t),o=e(require("color-convert"));const n={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},light:{50:"#f8f9fa",100:"#f1f3f5",200:"#e9ecef",300:"#dee2e6",400:"#ced4da",500:"#adb5bd",600:"#868e96",700:"#495057",800:"#343a40",900:"#212529"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"}},i={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#330517",100:"#4a031e",200:"#6b112f",300:"#9f1239",400:"#c81e5b",500:"#e11d48",600:"#be123c",700:"#9f1239",800:"#7f1235",900:"#581c87"},pink:{50:"#fce7f3",100:"#fbcfe8",200:"#f9a8d4",300:"#f472b6",400:"#ec4899",500:"#db2777",600:"#be185d",700:"#9d174d",800:"#831843",900:"#581c87"},fuchsia:{50:"#c026d3",100:"#a21caf",200:"#86198f",300:"#701a75",400:"#9333ea",500:"#d946ef",600:"#e879f9",700:"#f0abfc",800:"#f5d0fe",900:"#fae8ff"},purple:{50:"#6b21a8",100:"#7e22ce",200:"#9333ea",300:"#a855f7",400:"#c084fc",500:"#d8b4fe",600:"#e9d5ff",700:"#f3e8ff",800:"#faf5ff",900:"#fef4ff"},violet:{50:"#4c1d95",100:"#701a75",200:"#86198f",300:"#a21caf",400:"#c026d3",500:"#d946ef",600:"#e879f9",700:"#f0abfc",800:"#f5d0fe",900:"#fae8ff"},indigo:{50:"#312e81",100:"#3730a3",200:"#1e40af",300:"#1d4ed8",400:"#2563eb",500:"#3b82f6",600:"#60a5fa",700:"#93c5fd",800:"#bfdbfe",900:"#dbeafe"},blue:{50:"#1e3a8a",100:"#1e40af",200:"#1d4ed8",300:"#2563eb",400:"#3b82f6",500:"#60a5fa",600:"#93c5fd",700:"#bfdbfe",800:"#dbeafe",900:"#eff6ff"},lightBlue:{50:"#0c4a6e",100:"#075985",200:"#0369a1",300:"#0284c7",400:"#0ea5e9",500:"#38bdf8",600:"#7dd3fc",700:"#bae6fd",800:"#e0f2fe",900:"#f0f9ff"},cyan:{50:"#164e63",100:"#155e75",200:"#0e7490",300:"#0891b2",400:"#22d3ee",500:"#67e8f9",600:"#a5f3fc",700:"#cffafe",800:"#ecfeff",900:"#f0fefe"},teal:{50:"#134e4a",100:"#166534",200:"#15803d",300:"#16a34a",400:"#22c55e",500:"#4ade80",600:"#5eead4",700:"#99f6e4",800:"#ccfbf1",900:"#f0fdfa"},emerald:{50:"#064e3b",100:"#065f46",200:"#047857",300:"#059669",400:"#10b981",500:"#34d399",600:"#6ee7b7",700:"#a7f3d0",800:"#d1fae5",900:"#ecfdf5"},green:{50:"#14532d",100:"#166534",200:"#15803d",300:"#16a34a",400:"#22c55e",500:"#4ade80",600:"#86efac",700:"#bbf7d0",800:"#dcfce7",900:"#f0fdf4"},lime:{50:"#365314",100:"#3f6212",200:"#4d7c0f",300:"#65a30d",400:"#84cc16",500:"#a3e635",600:"#bef264",700:"#d9f99d",800:"#ecfccb",900:"#f7fee7"},yellow:{50:"#713f12",100:"#854d0e",200:"#a16207",300:"#ca8a04",400:"#eab308",500:"#facc15",600:"#fde047",700:"#fef08a",800:"#fef9c3",900:"#fefce8"},amber:{50:"#78350f",100:"#92400e",200:"#b45309",300:"#d97706",400:"#f59e0b",500:"#fbbf24",600:"#fcd34d",700:"#fde68a",800:"#fef3c7",900:"#fffbeb"},orange:{50:"#7c2d12",100:"#9a3412",200:"#c2410c",300:"#ea580c",400:"#f97316",500:"#fb923c",600:"#fdba74",700:"#fed7aa",800:"#ffedd5",900:"#fff7ed"},red:{50:"#7f1d1d",100:"#991b1b",200:"#b91c1c",300:"#dc2626",400:"#ef4444",500:"#f87171",600:"#fca5a5",700:"#fecaca",800:"#fee2e2",900:"#fef2f2"},warmGray:{50:"#1c1917",100:"#292524",200:"#44403c",300:"#57534e",400:"#78716c",500:"#a8a29e",600:"#d6d3d1",700:"#e7e5e4",800:"#f5f5f4",900:"#fafaf9"},trueGray:{50:"#171717",100:"#262626",200:"#404040",300:"#525252",400:"#737373",500:"#a3a3a3",600:"#d4d4d4",700:"#e5e5e5",800:"#f5f5f5",900:"#fafafa"},gray:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},dark:{50:"#212529",100:"#343a40",200:"#495057",300:"#868e96",400:"#adb5bd",500:"#ced4da",600:"#dee2e6",700:"#f1f3f5",800:"#f8f9fa",900:"#ffffff"},light:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},coolGray:{50:"#111827",100:"#1f2937",200:"#374151",300:"#4b5563",400:"#6b7280",500:"#9ca3af",600:"#d1d5db",700:"#e5e7eb",800:"#f3f4f6",900:"#f9fafb"},blueGray:{50:"#0f172a",100:"#1e293b",200:"#334155",300:"#475569",400:"#64748b",500:"#94a3b8",600:"#cbd5e1",700:"#e2e8f0",800:"#f1f5f9",900:"#f8fafc"}},a={white:"#FFFFFF",black:"#000000",red:"#FF0000",green:"#00FF00",blue:"#0000FF",yellow:"#FFFF00",cyan:"#00FFFF",magenta:"#FF00FF",grey:"#808080",orange:"#FFA500",brown:"#A52A2A",purple:"#800080",pink:"#FFC0CB",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s={...a,dark:"#a1a1aa",white:"#FFFFFF",black:"#000000"},c={...a,dark:"#adb5bd",white:"#000000",black:"#FFFFFF"},l="theme.",f="color.",d="light.",u="dark.",m={primary:`${f}black`,secondary:`${f}blue`,success:`${f}green.500`,error:`${f}red.500`,warning:`${f}orange.500`,disabled:`${f}gray.500`,loading:`${f}dark.500`},g={main:s,palette:n},h={main:c,palette:i},p=t.createContext({getColor:()=>"",theme:{},colors:{main:s,palette:n},themeMode:"light",setThemeMode:()=>{}}),b=()=>{const e=t.useContext(p);if(!e)throw new Error("useTheme must be used within a ThemeProvider");return e},w=(e,t)=>{if("object"!=typeof t||null===t)return e;const r={...e};for(const o in t)if(Object.prototype.hasOwnProperty.call(t,o)){const n=t[o],i=e[o];Array.isArray(n)?r[o]=n:"object"!=typeof n||null===n||Array.isArray(n)?void 0!==n&&(r[o]=n):r[o]=w(i||{},n)}return r},y={xs:0,sm:340,md:560,lg:1080,xl:1300},x={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},k=e=>{const t=Object.keys(e).map((t=>({breakpoint:t,min:e[t],max:void 0}))).sort(((e,t)=>e.min-t.min));for(let e=0;e<t.length-1;e++)t[e].max=t[e+1].min-1;const r={};return t.forEach((e=>{let t="only screen";e.min>0&&(t+=` and (min-width: ${e.min}px)`),void 0!==e.max&&(t+=` and (max-width: ${e.max}px)`),r[e.breakpoint]=t.trim()})),r},v=(e,t)=>{for(const r in t)if(t[r].includes(e))return r;return"desktop"},F=t.createContext({breakpoints:y,devices:x,mediaQueries:k(y),currentWidth:0,currentHeight:0,currentBreakpoint:"xs",currentDevice:"mobile",orientation:"portrait"}),C=()=>t.useContext(F),S=new Set(["on","shadow","only","media","css","widthHeight","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate","_hover","_active","_focus","_visited","_disabled","_enabled","_checked","_unchecked","_invalid","_valid","_required","_optional","_selected","_target","_firstChild","_lastChild","_onlyChild","_firstOfType","_lastOfType","_empty","_focusVisible","_focusWithin","_placeholder"]),E=new Set(["on","shadow","only","media","css"]),z=new Set(["src","alt","style","as"]),O=new Set(["border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left-width","border-radius","border-right-width","border-spacing","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","column-gap","column-rule-width","column-width","font-size","gap","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","outline-offset","outline-width","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","right","row-gap","text-indent","top","width","-webkit-border-radius","-webkit-border-bottom-left-radius","-webkit-border-bottom-right-radius","-webkit-border-top-left-radius","-webkit-border-top-right-radius","-webkit-column-gap","-webkit-column-width","-webkit-margin-bottom","-webkit-margin-left","-webkit-margin-right","-webkit-margin-top","-webkit-padding-bottom","-webkit-padding-left","-webkit-padding-right","-webkit-padding-top","-webkit-perspective","-webkit-text-indent","-moz-border-radius","-moz-border-bottom-left-radius","-moz-border-bottom-right-radius","-moz-border-top-left-radius","-moz-border-top-right-radius","-moz-column-gap","-moz-column-width","-moz-margin-bottom","-moz-margin-left","-moz-margin-right","-moz-margin-top","-moz-padding-bottom","-moz-padding-left","-moz-padding-right","-moz-padding-top","-moz-perspective","-moz-text-indent","-ms-column-gap","-ms-column-width","-ms-margin-bottom","-ms-margin-left","-ms-margin-right","-ms-margin-top","-ms-padding-bottom","-ms-padding-left","-ms-padding-right","-ms-padding-top","-ms-text-indent"]);function R(e){if(/^(webkit|moz|ms|o)([A-Z])/i.test(e)){if(e.match(/^(webkit|moz|ms|o)/i)){let t=e.replace(/([A-Z])/g,"-$1").toLowerCase();return t=t.replace(/^(webkit|moz|ms|o)-/,"-$1-"),t}}return e.replace(/([A-Z])/g,"-$1").toLowerCase()}const $=new Set([...Object.keys(document.createElement("div").style),"margin","marginTop","marginRight","marginBottom","marginLeft","marginHorizontal","marginVertical","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingHorizontal","paddingVertical","width","height","minWidth","minHeight","maxWidth","maxHeight","position","top","right","bottom","left","zIndex","flex","flexDirection","flexWrap","flexFlow","justifyContent","alignItems","alignContent","alignSelf","order","flexGrow","flexShrink","flexBasis","gridTemplateColumns","gridTemplateRows","gridTemplate","gridAutoColumns","gridAutoRows","gridAutoFlow","gridArea","gridColumn","gridRow","gap","gridGap","rowGap","columnGap","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","textDecoration","textTransform","whiteSpace","wordBreak","wordSpacing","wordWrap","color","backgroundColor","background","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","opacity","border","borderWidth","borderStyle","borderColor","borderRadius","borderTop","borderRight","borderBottom","borderLeft","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","boxShadow","textShadow","transform","transition","animation","filter","backdropFilter","display","visibility","overflow","overflowX","overflowY","float","clear","objectFit","objectPosition","cursor","pointerEvents","userSelect","resize","widthHeight","shadow","textJustify","lineClamp","textIndent","perspective"]),j=new Set(["onClick","onChange","onSubmit","onFocus","onBlur","onKeyDown","onKeyUp","onKeyPress","onMouseDown","onMouseUp","onMouseMove","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","onTouchMove","onScroll","onWheel","onDrag","onDragStart","onDragEnd","onDrop"]),D=e=>!j.has(e)&&($.has(e)||E.has(e)||/^(webkit|moz|ms|o)([A-Z])/i.test(e)||e.startsWith("--")||e.startsWith("data-style-")&&!z.has(e));const X=e=>(e=>{if(e.startsWith("--"))return e;if(/^(webkit|moz|ms|o|Webkit|Moz|Ms|O)([A-Za-z])/.test(e)){const t=e.match(/^(webkit|moz|ms|o|Webkit|Moz|Ms|O)/i);if(t){const r=t[0].toLowerCase(),o=e.slice(r.length);let n=o;return(/[A-Z]/.test(o)||o&&o[0]===o[0].toLowerCase())&&(n=o.replace(/([A-Z])/g,"-$1").toLowerCase()),n=n.replace(/^-/,""),`-${r}-${n}`}}return e.replace(/([A-Z])/g,"-$1").toLowerCase()})(e),L=Array.from($),M={0:{shadowColor:"#000",shadowOffset:{width:1,height:2},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:2,height:2},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:3,height:3},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:4,height:4},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:5,height:5},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:6,height:6},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:7,height:7},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:8,height:8},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:9,height:9},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:10,height:10},shadowOpacity:.34,shadowRadius:6.27}};let A=0;const T=new Map,W=e=>{const{duration:t,timingFunction:r,delay:o,iterationCount:n,direction:i,fillMode:a,playState:s,timeline:c,range:l,...f}=e,d=JSON.stringify(f);if(T.has(d)){return{keyframesName:T.get(d),keyframes:""}}const u="animation-"+A++;T.set(d,u);const m=[];Object.keys(f).sort(((e,t)=>{const r=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return r(e)-r(t)})).forEach((e=>{const t="enter"===e?"to":e,r=f[e];var o;m.push(`${t} { ${o=r,Object.entries(o).filter((e=>{let[t]=e;return D(t)})).map((e=>{let[t,r]=e;return null==r?"":`${R(t)}: ${r};`})).filter(Boolean).join(" ")} }`)}));return{keyframesName:u,keyframes:`\n @keyframes ${u} {\n ${m.join("\n")}\n }\n `}},I={animation:["-webkit-animation","-moz-animation","-o-animation"],animationDelay:["-webkit-animation-delay","-moz-animation-delay","-o-animation-delay"],animationDirection:["-webkit-animation-direction","-moz-animation-direction","-o-animation-direction"],animationDuration:["-webkit-animation-duration","-moz-animation-duration","-o-animation-duration"],animationFillMode:["-webkit-animation-fill-mode","-moz-animation-fill-mode","-o-animation-fill-mode"],animationIterationCount:["-webkit-animation-iteration-count","-moz-animation-iteration-count","-o-animation-iteration-count"],animationName:["-webkit-animation-name","-moz-animation-name","-o-animation-name"],animationPlayState:["-webkit-animation-play-state","-moz-animation-play-state","-o-animation-play-state"],animationTimingFunction:["-webkit-animation-timing-function","-moz-animation-timing-function","-o-animation-timing-function"],transform:["-webkit-transform","-moz-transform","-ms-transform","-o-transform"],transformOrigin:["-webkit-transform-origin","-moz-transform-origin","-ms-transform-origin","-o-transform-origin"],transformStyle:["-webkit-transform-style","-moz-transform-style","-ms-transform-style"],transition:["-webkit-transition","-moz-transition","-ms-transition","-o-transition"],transitionDelay:["-webkit-transition-delay","-moz-transition-delay","-ms-transition-delay","-o-transition-delay"],transitionDuration:["-webkit-transition-duration","-moz-transition-duration","-ms-transition-duration","-o-transition-duration"],transitionProperty:["-webkit-transition-property","-moz-transition-property","-ms-transition-property","-o-transition-property"],transitionTimingFunction:["-webkit-transition-timing-function","-moz-transition-timing-function","-ms-transition-timing-function","-o-transition-timing-function"],flex:["-webkit-flex","-ms-flex"],flexBasis:["-webkit-flex-basis","-ms-flex-basis"],flexDirection:["-webkit-flex-direction","-ms-flex-direction"],flexFlow:["-webkit-flex-flow","-ms-flex-flow"],flexGrow:["-webkit-flex-grow","-ms-flex-positive"],flexShrink:["-webkit-flex-shrink","-ms-flex-negative"],flexWrap:["-webkit-flex-wrap","-ms-flex-wrap"],justifyContent:["-webkit-justify-content","-ms-flex-pack"],alignItems:["-webkit-align-items","-ms-flex-align"],alignContent:["-webkit-align-content","-ms-flex-line-pack"],alignSelf:["-webkit-align-self","-ms-flex-item-align"],order:["-webkit-order","-ms-flex-order"],appearance:["-webkit-appearance","-moz-appearance","-ms-appearance"],backfaceVisibility:["-webkit-backface-visibility","-moz-backface-visibility"],backgroundClip:["-webkit-background-clip","-moz-background-clip"],backgroundOrigin:["-webkit-background-origin","-moz-background-origin"],backgroundSize:["-webkit-background-size","-moz-background-size","-o-background-size"],borderImage:["-webkit-border-image","-moz-border-image","-o-border-image"],boxShadow:["-webkit-box-shadow","-moz-box-shadow"],boxSizing:["-webkit-box-sizing","-moz-box-sizing"],columns:["-webkit-columns","-moz-columns"],columnCount:["-webkit-column-count","-moz-column-count"],columnGap:["-webkit-column-gap","-moz-column-gap"],columnRule:["-webkit-column-rule","-moz-column-rule"],columnWidth:["-webkit-column-width","-moz-column-width"],filter:["-webkit-filter"],fontSmoothing:["-webkit-font-smoothing","-moz-osx-font-smoothing"],hyphens:["-webkit-hyphens","-moz-hyphens","-ms-hyphens"],maskImage:["-webkit-mask-image"],perspective:["-webkit-perspective","-moz-perspective"],perspectiveOrigin:["-webkit-perspective-origin","-moz-perspective-origin"],textSizeAdjust:["-webkit-text-size-adjust","-moz-text-size-adjust","-ms-text-size-adjust"],userSelect:["-webkit-user-select","-moz-user-select","-ms-user-select"],textFillColor:["-webkit-text-fill-color"],textStroke:["-webkit-text-stroke"],textStrokeColor:["-webkit-text-stroke-color"],textStrokeWidth:["-webkit-text-stroke-width"],tapHighlightColor:["-webkit-tap-highlight-color"],touchCallout:["-webkit-touch-callout"],userDrag:["-webkit-user-drag"],lineClamp:["-webkit-line-clamp"],overflowScrolling:["-webkit-overflow-scrolling"]};class Y{constructor(e){this.maxSize=e,this.cache=new Map}get(e){const t=this.cache.get(e);if(t)return this.cache.delete(e),this.cache.set(e,t),t}set(e,t){if(this.cache.has(e))this.cache.delete(e);else if(this.cache.size>=this.maxSize){const e=this.cache.keys().next().value;e&&this.cache.delete(e)}this.cache.set(e,t)}clear(){this.cache.clear()}delete(e){this.cache.delete(e)}get size(){return this.cache.size}keys(){return this.cache.keys()}values(){return this.cache.values()}has(e){return this.cache.has(e)}}const P=new Map,H={hover:"hover",active:"active",focus:"focus",visited:"visited",disabled:"disabled",enabled:"enabled",checked:"checked",unchecked:"not(:checked)",invalid:"invalid",valid:"valid",required:"required",optional:"optional",selected:"selected",target:"target",firstChild:"first-child",lastChild:"last-child",onlyChild:"only-child",firstOfType:"first-of-type",lastOfType:"last-of-type",empty:"empty",focusVisible:"focus-visible",focusWithin:"focus-within",placeholder:"placeholder-shown"},B={parseDuration(e){const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const r=parseFloat(t[1]);return"s"===t[2]?1e3*r:r},formatDuration:e=>e>=1e3&&e%1e3==0?e/1e3+"s":`${e}ms`,processAnimations(e){const t={names:[],durations:[],timingFunctions:[],delays:[],iterationCounts:[],directions:[],fillModes:[],playStates:[],timelines:[],ranges:[]};let r=0;return e.forEach((e=>{const{keyframesName:o,keyframes:n}=W(e);n&&"undefined"!=typeof document&&G.injectRule(n),t.names.push(o);const i=this.parseDuration(e.duration||"0s"),a=this.parseDuration(e.delay||"0s"),s=r+a;r=s+i,t.durations.push(this.formatDuration(i)),t.timingFunctions.push(e.timingFunction||"ease"),t.delays.push(this.formatDuration(s)),t.iterationCounts.push(void 0!==e.iterationCount?`${e.iterationCount}`:"1"),t.directions.push(e.direction||"normal"),t.fillModes.push(e.fillMode||"none"),t.playStates.push(e.playState||"running"),t.timelines.push(e.timeline||""),t.ranges.push(e.range||"")})),{animationName:t.names.join(", "),animationDuration:t.durations.join(", "),animationTimingFunction:t.timingFunctions.join(", "),animationDelay:t.delays.join(", "),animationIterationCount:t.iterationCounts.join(", "),animationDirection:t.directions.join(", "),animationFillMode:t.fillModes.join(", "),animationPlayState:t.playStates.join(", "),...t.timelines.some((e=>e))&&{animationTimeline:t.timelines.join(", ")},...t.ranges.some((e=>e))&&{animationRange:t.ranges.join(", ")}}}},_={formatValue(e,t,r){let o=e;if(t.startsWith("--"))return e;if(t.toLowerCase().includes("color")&&(o=r(e)),"string"==typeof e&&e.length>3&&(e.includes("color.")||e.includes("theme."))){let t=e;const n=/(color\.[a-zA-Z0-9.]+|theme\.[a-zA-Z0-9.]+)/g,i=e.match(n);if(i)i.forEach((e=>{const o=r(e),n=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");t=t.replace(new RegExp(n,"g"),o)})),o=t;else{o=e.split(" ").map((e=>e.startsWith("color.")||e.startsWith("theme.")?r(e):e)).join(" ")}}if("number"==typeof o){const e=X(t);(O.has(e)||/^-(webkit|moz|ms|o)-/.test(e)&&O.has(e.replace(/^-(webkit|moz|ms|o)-/,"")))&&(o=`${o}px`)}return o},normalizeCssValue(e){if("string"==typeof e&&e.startsWith("--"))return`var-${e.substring(2)}`;if("string"==typeof e&&e.startsWith("-webkit-")){const t="-webkit-";return`webkit-${e.substring(t.length).replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")}`}return e.toString().replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")},generateUniqueClassName(e){if(P.has(e))return P.get(e);const t=`raw-css-${Math.random().toString(36).substring(7)}`;return P.set(e,t),t}};class N{constructor(e,t){void 0===t&&(t=1e4),this.styleSheets=new Map,this.mainDocument=null,this.propertyShorthand=e,this.classCache=new Y(t),"undefined"!=typeof document&&(this.mainDocument=document,this.initStyleSheets(document))}initStyleSheets(e){if(!this.styleSheets.has(e)){const t={},r={base:"utility-classes-base",pseudo:"utility-classes-pseudo",media:"utility-classes-media",modifier:"utility-classes-modifier"};for(const[o,n]of Object.entries(r)){let r=e.getElementById(n);r||(r=e.createElement("style"),r.id=n,e.head.appendChild(r)),t[o]=r.sheet}this.styleSheets.set(e,t)}}getDocumentRules(e){const t=[],r=this.styleSheets.get(e);if(!r)return t;for(const[e,o]of Object.entries(r))Array.from(o.cssRules).forEach((r=>{t.push({cssText:r.cssText,context:e})}));return t}addDocument(e){if(e!==this.mainDocument&&(this.initStyleSheets(e),this.clearStylesFromDocument(e),this.mainDocument)){this.getDocumentRules(this.mainDocument).forEach((t=>{let{cssText:r,context:o}=t;this.injectRuleToDocument(r,o,e)}))}}clearStylesFromDocument(e){const t=this.styleSheets.get(e);if(t)for(const e of Object.values(t))this.clearStyleSheet(e)}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e,t){void 0===t&&(t="base"),this.mainDocument&&this.injectRuleToDocument(e,t,this.mainDocument);for(const r of this.getAllRegisteredDocuments())r!==this.mainDocument&&this.injectRuleToDocument(e,t,r)}getAllRegisteredDocuments(){return Array.from(this.styleSheets.keys())}addToCache(e,t,r){this.classCache.set(e,{className:t,rules:r})}getClassNames(e,t,r,o,n,i){void 0===r&&(r="base"),void 0===o&&(o=""),void 0===i&&(i=[]);let a=_.formatValue(t,e,n),s=a.toString().split(" ").join("-"),c=`${e}:${s}`;o&&"base"!==r&&(c=`${e}:${s}|${r}:${o}`);const l=this.classCache.get(c);if(l)return[l.className];let f=this.propertyShorthand[e]||(e.startsWith("--")?e:X(e));f.startsWith("-webkit-")?f="webkit"+f.substring(8):f.startsWith("-moz-")?f="moz"+f.substring(5):f.startsWith("-ms-")?f="ms"+f.substring(4):f.startsWith("-o-")&&(f="o"+f.substring(3));let d=`${f}-${_.normalizeCssValue(s)}`,u=[d],m=[];const g=R(e);let h=a;"number"==typeof h&&O.has(g)&&(h=`${h}px`);const p=(e=>e in I)(e),b=p?(e=>{const t=(e=>e.replace(/([A-Z])/g,"-$1").toLowerCase())(e);return[t,...I[e]||[]]})(e):[g];if("pseudo"===r&&o){const e=`${d}--${o}`;u=[e];const t=this.escapeClassName(e);b.forEach((e=>{m.push({rule:`.${t}:${o} { ${e}: ${h}; }`,context:"pseudo"})}))}else if("media"===r&&o){const e=`${o}--${d}`;u=[e];const t=this.escapeClassName(e);i.forEach((e=>{b.forEach((r=>{m.push({rule:`@media ${e} { .${t} { ${r}: ${h}; } }`,context:"media"})}))}))}else{const e=this.escapeClassName(d);b.forEach((t=>{m.push({rule:`.${e} { ${t}: ${h}; }`,context:"base"})}))}return m.forEach((e=>{let{rule:t,context:r}=e;this.injectRule(t,r)})),this.addToCache(c,u[0],m),u}removeDocument(e){e!==this.mainDocument&&this.styleSheets.delete(e)}clearCache(){this.classCache.clear()}clearStyleSheet(e){for(;e.cssRules.length>0;)e.deleteRule(0)}regenerateStyles(e){if(e===this.mainDocument){this.clearStylesFromDocument(e);const t=Array.from(this.classCache.values());for(const{rules:r}of t)r.forEach((t=>{let{rule:r,context:o}=t;this.injectRuleToDocument(r,o,e)}))}else this.addDocument(e)}regenerateAllStyles(){for(const e of this.getAllRegisteredDocuments())this.regenerateStyles(e)}injectRuleToDocument(e,t,r){const o=this.styleSheets.get(r);if(!o)return;const n=o[t];if(n)try{n.insertRule(e,n.cssRules.length)}catch(t){console.error(`Error inserting CSS rule to document: "${e}"`,t)}}printStyles(e){console.group("Current styles for document:");const t=this.styleSheets.get(e);if(!t)return console.log("No styles found for this document"),void console.groupEnd();for(const[e,r]of Object.entries(t))console.group(`${e} styles:`),Array.from(r.cssRules).forEach(((e,t)=>{console.log(`${t}: ${e.cssText}`)})),console.groupEnd();console.groupEnd()}}function V(e){const t={},r=new Set;function o(e){const t=e[0].toLowerCase(),o=e[e.length-1].toLowerCase();let n=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+o;n.length<2&&(n=e.slice(0,2).toLowerCase());let i=0,a=n;for(;r.has(a);)i++,a=n+e.slice(-i).toLowerCase();return r.add(a),a}for(const r of e)t[r]=o(r);return t}const G=new N(V(L),1e4);function Z(e,t,r,o,n,i){void 0===t&&(t="base"),void 0===r&&(r=""),void 0===n&&(n={}),void 0===i&&(i={});const a=[];return Object.keys(e).forEach((s=>{const c=e[s];let l=[];if("media"===t&&(n[r]?l=[n[r]]:i[r]&&(l=i[r].map((e=>n[e])).filter((e=>e)))),void 0!==c&&""!==c){const e=G.getClassNames(s,c,t,r,o,l);a.push(...e)}})),a}function U(e,t,r){const n=[],{animate:i,shadow:a,...s}="object"==typeof t&&null!==t?t:{color:t};if(i){const e=Array.isArray(i)?i:[i],t=B.processAnimations(e);Object.assign(s,t)}if(void 0!==a){let e;if(e="number"==typeof a&&void 0!==M[a]?a:"boolean"==typeof a?a?2:0:2,M[e]){const{shadowColor:t,shadowOpacity:r,shadowOffset:n,shadowRadius:i}=M[e],a=`rgba(${o.hex.rgb(t).join(",")}, ${r})`;s.boxShadow=`${n.height}px ${n.width}px ${i}px ${a}`}}if(Object.keys(s).length>0){const t=H[e];t&&n.push(...Z(s,"pseudo",t,r))}return n}const q=(e,t,r,n)=>{const i=[],a={};if(e.widthHeight||void 0!==e.height&&void 0!==e.width&&e.height===e.width){const t=e.widthHeight||e.width,r="number"==typeof t?`${t}px`:t;a.width=r,a.height=r}const s={paddingHorizontal:["paddingLeft","paddingRight"],paddingVertical:["paddingTop","paddingBottom"],marginHorizontal:["marginLeft","marginRight"],marginVertical:["marginTop","marginBottom"]};for(const[t,r]of Object.entries(s)){const o=e[t];if(void 0!==o){const e="number"==typeof o?`${o}px`:o;r.forEach((t=>{a[t]=e}))}}if(void 0!==e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==M[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,M[t]){const{shadowColor:e,shadowOpacity:r,shadowOffset:n,shadowRadius:i}=M[t],s=`rgba(${o.hex.rgb(e).join(",")}, ${r})`;a.boxShadow=`${n.height}px ${n.width}px ${i}px ${s}`}}if(e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate];Object.assign(a,B.processAnimations(t))}i.push(...Z(a,"base","",t));const c={};if(Object.keys(e).forEach((t=>{if(t.startsWith("_")&&t.length>1){const r=t.substring(1);c[r]=e[t]}})),Object.keys(e).forEach((o=>{if("style"!==o&&"css"!==o&&!o.startsWith("_")&&(D(o)||["on","media"].includes(o))){const a=e[o];"object"==typeof a&&null!==a?"on"===o?Object.keys(a).forEach((e=>{i.push(...U(e,a[e],t))})):"media"===o&&Object.keys(a).forEach((e=>{i.push(...Z(a[e],"media",e,t,r,n))})):void 0!==a&&""!==a&&i.push(...G.getClassNames(o,a,"base","",t,[]))}})),e.css)if("object"==typeof e.css)Object.assign(a,e.css),i.push(...Z(e.css,"base","",t));else if("string"==typeof e.css){const t=_.generateUniqueClassName(e.css);G.injectRule(`.${t} { ${e.css} }`),i.push(t)}return Object.keys(c).length>0&&Object.keys(c).forEach((e=>{i.push(...U(e,c[e],t))})),i},K=t.createContext({}),Q=()=>t.useContext(K),J=r.memo(t.forwardRef(((e,o)=>{let{as:n="div",...i}=e;(i.onClick||i.onPress)&&null==i.cursor&&(i.cursor="pointer");const{onPress:a,...s}=i,{getColor:c,theme:l}=b(),{trackEvent:f}=Q(),{mediaQueries:d,devices:u}=C(),m=t.useMemo((()=>q(s,(e=>c(e,{colors:i.colors,theme:i.theme,themeMode:i.themeMode})),d,u)),[s,d,u,l]),g={ref:o};if(a&&(g.onClick=a),m.length>0&&(g.className=m.join(" ")),f&&i.onClick){let e,t;e="string"==typeof n?n:n.displayName||n.name||"div","string"==typeof i.children&&(t=i.children.slice(0,100)),g.onClick=r=>{f({type:"click",target:"div"!==e?e:void 0,text:t}),i.onClick&&i.onClick(r)}}else i.onClick&&!a&&(g.onClick=i.onClick);const{style:h,children:p,...w}=s;Object.keys(w).forEach((e=>{e.startsWith("on")&&e.length>2&&e[2]===e[2].toUpperCase()&&(g[e]=w[e])})),Object.keys(w).forEach((e=>{(!S.has(e)&&!D(e)||z.has(e))&&(g[e]=w[e])})),h&&(g.style=h);const y=n;return r.createElement(y,Object.assign({},g),p)}))),ee=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({},e,{ref:t})))),te=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({display:"flex",flexDirection:"row"},e,{ref:t})))),re=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({display:"flex",justifyContent:"center",alignItems:"center"},e,{ref:t})))),oe=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({display:"flex",flexDirection:"column"},e,{ref:t})))),ne=r.forwardRef(((e,t)=>{let{media:o={},...n}=e;return r.createElement(te,Object.assign({media:{...o,mobile:{...o.mobile,flexDirection:"column"}}},n,{ref:t}))})),ie=r.forwardRef(((e,t)=>{let{media:o={},...n}=e;return r.createElement(oe,Object.assign({media:{...o,mobile:{...o.mobile,flexDirection:"row"}}},n,{ref:t}))})),ae=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({},e,{ref:t})))),se=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({overflow:"auto"},e,{ref:t})))),ce=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({},e,{ref:t})))),le=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({as:"span"},e,{ref:t})))),fe=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({as:"img"},e,{ref:t})))),de=r.forwardRef(((e,t)=>{let{src:o,...n}=e;return r.createElement(J,Object.assign({backgroundImage:`url(${o})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"},n,{ref:t}))})),ue=r.forwardRef(((e,t)=>{const{toUpperCase:o,children:n,...i}=e,a=o&&"string"==typeof n?n.toUpperCase():n;return r.createElement(J,Object.assign({as:"span"},i,{ref:t}),a)})),me=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({as:"form"},e,{ref:t})))),ge=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({as:"input"},e,{ref:t})))),he=r.forwardRef(((e,t)=>r.createElement(J,Object.assign({as:"button"},e,{ref:t})))),pe=e=>{let{duration:t="2s",timingFunction:r="linear",iterationCount:o="infinite",...n}=e;return{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,iterationCount:o,...n}};var be={__proto__:null,fadeIn:e=>{let{duration:t="1s",timingFunction:r="ease",...o}=e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:r,...o}},fadeOut:e=>{let{duration:t="1s",timingFunction:r="ease",...o}=e;return{from:{opacity:1},to:{opacity:0},duration:t,timingFunction:r,...o}},slideInLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...o}},slideInRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...o}},slideInDown:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"translateY(-100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...o}},slideInUp:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"translateY(100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...o}},bounce:e=>{let{duration:t="2s",timingFunction:r="ease",iterationCount:o="infinite",...n}=e;return{from:{transform:"translateY(0)"},"20%":{transform:"translateY(-30px)"},"40%":{transform:"translateY(0)"},"60%":{transform:"translateY(-15px)"},"80%":{transform:"translateY(0)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,iterationCount:o,...n}},rotate:e=>{let{duration:t="1s",timingFunction:r="linear",iterationCount:o="infinite",...n}=e;return{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"},duration:t,timingFunction:r,iterationCount:o,...n}},pulse:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",iterationCount:o="infinite",...n}=e;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,iterationCount:o,...n}},zoomIn:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"scale(0)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,...o}},zoomOut:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"scale(1)"},to:{transform:"scale(0)"},duration:t,timingFunction:r,...o}},flash:e=>{let{duration:t="1s",iterationCount:r="infinite",...o}=e;return{from:{opacity:1},"50%":{opacity:0},to:{opacity:1},duration:t,iterationCount:r,...o}},shake:e=>{let{duration:t="0.5s",iterationCount:r="infinite",...o}=e;return{from:{transform:"translateX(0)"},"10%":{transform:"translateX(-10px)"},"20%":{transform:"translateX(10px)"},"30%":{transform:"translateX(-10px)"},"40%":{transform:"translateX(10px)"},"50%":{transform:"translateX(-10px)"},"60%":{transform:"translateX(10px)"},"70%":{transform:"translateX(-10px)"},"80%":{transform:"translateX(10px)"},"90%":{transform:"translateX(-10px)"},to:{transform:"translateX(0)"},duration:t,iterationCount:r,...o}},swing:e=>{let{duration:t="1s",iterationCount:r="infinite",...o}=e;return{from:{transform:"rotate(0deg)"},"20%":{transform:"rotate(15deg)"},"40%":{transform:"rotate(-10deg)"},"60%":{transform:"rotate(5deg)"},"80%":{transform:"rotate(-5deg)"},to:{transform:"rotate(0deg)"},duration:t,iterationCount:r,...o}},rubberBand:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",...o}=e;return{from:{transform:"scale3d(1, 1, 1)"},"30%":{transform:"scale3d(1.25, 0.75, 1)"},"40%":{transform:"scale3d(0.75, 1.25, 1)"},"50%":{transform:"scale3d(1.15, 0.85, 1)"},"65%":{transform:"scale3d(0.95, 1.05, 1)"},"75%":{transform:"scale3d(1.05, 0.95, 1)"},to:{transform:"scale3d(1, 1, 1)"},duration:t,timingFunction:r,...o}},wobble:e=>{let{duration:t="1s",...r}=e;return{from:{transform:"translateX(0%)"},"15%":{transform:"translateX(-25%) rotate(-5deg)"},"30%":{transform:"translateX(20%) rotate(3deg)"},"45%":{transform:"translateX(-15%) rotate(-3deg)"},"60%":{transform:"translateX(10%) rotate(2deg)"},"75%":{transform:"translateX(-5%) rotate(-1deg)"},to:{transform:"translateX(0%)"},duration:t,...r}},flip:e=>{let{duration:t="1s",...r}=e;return{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},to:{transform:"perspective(400px) rotateY(-360deg)"},duration:t,...r}},heartBeat:e=>{let{duration:t="1.3s",iterationCount:r="infinite",...o}=e;return{from:{transform:"scale(1)"},"14%":{transform:"scale(1.3)"},"28%":{transform:"scale(1)"},"42%":{transform:"scale(1.3)"},"70%":{transform:"scale(1)"},to:{transform:"scale(1)"},duration:t,iterationCount:r,...o}},rollIn:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},to:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:t,...r}},rollOut:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},to:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:t,...r}},lightSpeedIn:e=>{let{duration:t="1s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"translateX(100%) skewX(-30deg)",opacity:0},"60%":{transform:"skewX(20deg)",opacity:1},"80%":{transform:"skewX(-5deg)"},to:{transform:"translateX(0)",opacity:1},duration:t,timingFunction:r,...o}},lightSpeedOut:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},to:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:t,timingFunction:r,...o}},hinge:e=>{let{duration:t="2s",timingFunction:r="ease-in-out",...o}=e;return{from:{transform:"rotate(0deg)",transformOrigin:"top left",opacity:1},"20%":{transform:"rotate(80deg)",opacity:1},"40%":{transform:"rotate(60deg)",opacity:1},"60%":{transform:"rotate(80deg)",opacity:1},"80%":{transform:"rotate(60deg)",opacity:1},to:{transform:"translateY(700px)",opacity:0},duration:t,timingFunction:r,...o}},jackInTheBox:e=>{let{duration:t="1s",timingFunction:r="ease",...o}=e;return{from:{opacity:0,transform:"scale(0.1) rotate(30deg)",transformOrigin:"center bottom"},"50%":{transform:"rotate(-10deg)"},"70%":{transform:"rotate(3deg)"},to:{opacity:1,transform:"scale(1) rotate(0deg)"},duration:t,timingFunction:r,...o}},flipInX:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{transform:"perspective(400px) rotateX(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateX(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateX(0deg)"},duration:t,timingFunction:r,...o}},flipInY:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{transform:"perspective(400px) rotateY(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateY(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateY(0deg)"},duration:t,timingFunction:r,...o}},headShake:e=>{let{duration:t="1s",iterationCount:r="infinite",...o}=e;return{from:{transform:"translateX(0)"},"6.5%":{transform:"translateX(-6px) rotateY(-9deg)"},"18.5%":{transform:"translateX(5px) rotateY(7deg)"},"31.5%":{transform:"translateX(-3px) rotateY(-5deg)"},"43.5%":{transform:"translateX(2px) rotateY(3deg)"},"50%":{transform:"translateX(0)"},duration:t,iterationCount:r,...o}},tada:e=>{let{duration:t="1s",iterationCount:r="infinite",...o}=e;return{from:{transform:"scale3d(1, 1, 1)",opacity:1},"10%, 20%":{transform:"scale3d(0.9, 0.9, 0.9) rotate(-3deg)"},"30%, 50%, 70%, 90%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(3deg)"},"40%, 60%, 80%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(-3deg)"},to:{transform:"scale3d(1, 1, 1)",opacity:1},duration:t,iterationCount:r,...o}},jello:e=>{let{duration:t="1s",iterationCount:r="infinite",...o}=e;return{from:{transform:"none"},"11.1%":{transform:"skewX(-12.5deg) skewY(-12.5deg)"},"22.2%":{transform:"skewX(6.25deg) skewY(6.25deg)"},"33.3%":{transform:"skewX(-3.125deg) skewY(-3.125deg)"},"44.4%":{transform:"skewX(1.5625deg) skewY(1.5625deg)"},"55.5%":{transform:"skewX(-0.78125deg) skewY(-0.78125deg)"},"66.6%":{transform:"skewX(0.390625deg) skewY(0.390625deg)"},"77.7%":{transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)"},"88.8%":{transform:"skewX(0.09765625deg) skewY(0.09765625deg)"},to:{transform:"none"},duration:t,iterationCount:r,...o}},fadeInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...o}=e;return{from:{opacity:0,transform:"translateY(-100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...o}},fadeInUp:e=>{let{duration:t="1s",timingFunction:r="ease-out",...o}=e;return{from:{opacity:0,transform:"translateY(100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...o}},bounceIn:e=>{let{duration:t="0.75s",timingFunction:r="ease-in",...o}=e;return{from:{opacity:0,transform:"scale(0.3)"},"50%":{opacity:1,transform:"scale(1.05)"},"70%":{transform:"scale(0.9)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,...o}},bounceOut:e=>{let{duration:t="0.75s",timingFunction:r="ease-out",...o}=e;return{from:{transform:"scale(1)"},"20%":{transform:"scale(0.9)"},"50%, 55%":{opacity:1,transform:"scale(1.1)"},to:{opacity:0,transform:"scale(0.3)"},duration:t,timingFunction:r,...o}},slideOutLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...o}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(-100%)"},duration:t,timingFunction:r,...o}},slideOutRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...o}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,...o}},zoomInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...o}=e;return{from:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},"60%":{opacity:1,transform:"scale(0.475) translateY(60px)"},to:{transform:"scale(1) translateY(0)"},duration:t,timingFunction:r,...o}},zoomOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{opacity:1,transform:"scale(1) translateY(0)"},"40%":{opacity:1,transform:"scale(0.475) translateY(-60px)"},to:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},duration:t,timingFunction:r,...o}},backInDown:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{opacity:.7,transform:"translateY(-2000px) scaleY(2.5) scaleX(0.2)"},to:{opacity:1,transform:"translateY(0) scaleY(1) scaleX(1)"},duration:t,timingFunction:r,...o}},backOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...o}=e;return{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},to:{opacity:0,transform:"translateY(-2000px)"},duration:t,timingFunction:r,...o}},shimmer:pe,progress:e=>{let{duration:t="2s",timingFunction:r="linear",direction:o="forwards",from:n={width:"0%"},to:i={width:"100%"},...a}=e;return{from:n,to:i,duration:t,timingFunction:r,direction:o,...a}},typewriter:e=>{let{duration:t="10s",steps:r=10,iterationCount:o=1,width:n=0,...i}=e;return{from:{width:"0px"},to:{width:`${n}px`},timingFunction:`steps(${r})`,duration:t,iterationCount:o,...i}},blinkCursor:e=>{let{duration:t="0.75s",timingFunction:r="step-end",iterationCount:o="infinite",color:n="black",...i}=e;return{from:{color:n},to:{color:n},"0%":{color:n},"50%":{color:"transparent"},"100%":{color:n},duration:t,timingFunction:r,iterationCount:o,...i}},fadeInScroll:e=>{let{duration:t="0.5s",timingFunction:r="ease",timeline:o="scroll()",range:n="cover",...i}=e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:r,timeline:o,range:n,...i}},slideInLeftScroll:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",timeline:o="scroll()",range:n="cover",...i}=e;return{from:{transform:"translateX(-200%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,timeline:o,range:n,...i}},scaleDownScroll:e=>{let{duration:t="0.8s",timingFunction:r="ease",timeline:o="scroll()",range:n="cover",...i}=e;return{from:{transform:"scale(3)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,timeline:o,range:n,...i}},fillTextScroll:e=>{let{duration:t="1s",timingFunction:r="linear",timeline:o="--section",range:n="entry 100% cover 50%, cover 50% exit 0%",...i}=e;return{from:{"--fill":0,color:"transparent",backgroundPositionX:"calc(var(--underline-block-width) * -1), calc(var(--underline-block-width) * -1), 0"},"50%":{"--fill":.5},to:{"--fill":1,backgroundPositionX:"0, 0, 0",color:"var(--finish-fill)"},duration:t,timingFunction:r,timeline:o,range:n,...i}},ctaCollapseScroll:e=>{let{duration:t="1s",timingFunction:r="linear",timeline:o="scroll()",range:n="0 400px",...i}=e;return{from:{width:"calc(48px + 120px)"},to:{width:"48px"},duration:t,timingFunction:r,timeline:o,range:n,...i}},handWaveScroll:e=>{let{duration:t="2s",timingFunction:r="linear",timeline:o="scroll()",range:n="10vh 60vh",...i}=e;return{from:{transform:"rotate(0deg)"},"50%":{transform:"rotate(20deg)"},to:{transform:"rotate(0deg)"},duration:t,timingFunction:r,timeline:o,range:n,...i}},fadeBlurScroll:e=>{let{duration:t="1s",timingFunction:r="linear",timeline:o="view()",range:n="cover 40% cover 85%",...i}=e;return{to:{opacity:0,filter:"blur(2rem)"},duration:t,timingFunction:r,timeline:o,range:n,...i}},unclipScroll:e=>{let{duration:t="1s",timingFunction:r="linear",timeline:o="--article",range:n="entry",...i}=e;return{to:{clipPath:"ellipse(220% 200% at 50% 175%)"},duration:t,timingFunction:r,timeline:o,range:n,...i}},scaleDownArticleScroll:e=>{let{duration:t="1s",timingFunction:r="linear",timeline:o="--article",range:n="entry",...i}=e;return{"0%":{transform:"scale(5)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,timeline:o,range:n,...i}},listItemScaleScroll:e=>{let{duration:t="0.5s",timingFunction:r="ease",timeline:o="--i",range:n="cover 40% cover 60%",...i}=e;return{from:{transform:"scale(0.8)"},"50%":{transform:"scale(1)"},duration:t,timingFunction:r,timeline:o,range:n,...i}}};const we=r.memo((e=>{let{duration:t="2s",timingFunction:o="linear",iterationCount:n="infinite",...i}=e;return r.createElement(ee,Object.assign({backgroundColor:"color.black.300"},i,{overflow:"hidden"}),r.createElement(ee,{position:"relative",inset:0,width:"100%",height:"100%",animate:pe({duration:t,timingFunction:o,iterationCount:n}),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))})),ye=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,xe=!ye();const ke=t.createContext({width:0,height:0});exports.AnalyticsContext=K,exports.AnalyticsProvider=e=>{let{trackEvent:t,children:o}=e;return r.createElement(K.Provider,{value:{trackEvent:t}},o)},exports.Animation=be,exports.Button=he,exports.Center=re,exports.Div=ce,exports.Element=J,exports.Form=me,exports.Horizontal=te,exports.HorizontalResponsive=ne,exports.Image=fe,exports.ImageBackground=de,exports.Input=ge,exports.ResponsiveContext=F,exports.ResponsiveProvider=e=>{let{breakpoints:o=y,devices:n=x,children:i}=e;const[a,s]=t.useState("xs"),[c,l]=t.useState("portrait"),f=t.useMemo((()=>k(o)),[o]);t.useEffect((()=>{const e=[];for(const t in f){const r=window.matchMedia(f[t]),o=()=>r.matches&&s(t);r.addListener(o),r.matches&&s(t),e.push((()=>r.removeListener(o)))}const t=window.matchMedia("(orientation: landscape)"),r=()=>l(t.matches?"landscape":"portrait");return t.addListener(r),r(),e.push((()=>t.removeListener(r))),()=>e.forEach((e=>e()))}),[o]);const d=t.useMemo((()=>({breakpoints:o,devices:n,mediaQueries:f,currentWidth:window.innerWidth,currentHeight:window.innerHeight,currentBreakpoint:a,currentDevice:v(a,n),orientation:c})),[o,n,a,c]);return r.createElement(F.Provider,{value:d},i)},exports.SafeArea=se,exports.Scroll=ae,exports.Shadows=M,exports.Skeleton=we,exports.Span=le,exports.Text=ue,exports.ThemeContext=p,exports.ThemeProvider=e=>{let{theme:o={},mode:n="light",dark:i={},light:a={},children:s}=e;const[c,b]=t.useState(n),y=t.useRef(new Map).current;t.useEffect((()=>{b(n)}),[n]),t.useEffect((()=>{y.clear()}),[a,i,o,y]);const x=t.useMemo((()=>w(m,o)),[o]),k=t.useMemo((()=>({light:w(g,a),dark:w(h,i)})),[a,i]),v=t.useMemo((()=>k[c]),[k,c]),F=t.useCallback(((e,t)=>{if(!e||"string"!=typeof e)return String(e);if("transparent"===e)return e;const r=t?.themeMode??c,o=t&&0===Object.keys(t).length,n=`${e}-${r}`;if(y.has(n)&&o)return y.get(n);const i=k[r];if(!i)return console.warn(`Color set for mode "${r}" not found.`),e;let a=e;try{if(e.startsWith(l)){const r=e.substring(6).split(".");let o=w(x,t?.theme||{});for(const e of r){if(null==o)break;o=o[e]}"string"==typeof o&&o!==e?a=F(o,t):void 0===o?(console.warn(`Theme path "${e}" not found.`),a=e):"string"!=typeof o&&(console.warn(`Theme path "${e}" resolved to a non-string value.`),a=e)}else if(e.startsWith(d)||e.startsWith(u)){const r=e.startsWith(d)?"light":"dark",o=e.startsWith(d)?6:5,n=`${f}${e.substring(o)}`,i={...t,themeMode:r};a=F(n,i)}else if(e.startsWith(f)){const o=e.substring(6).split(".");if(1===o.length){const n=o[0],s=w(i.main,t?.colors?.main||{}),c=s?.[n];"string"==typeof c?a=c:(console.warn(`Singleton color "${e}" not found in ${r} mode.`),a=e)}else if(2===o.length){const[n,s]=o,c=w(i.palette,t?.colors?.palette||{}),l=c?.[n]?.[s];"string"==typeof l?a=l:(console.warn(`Palette color "${e}" not found in ${r} mode.`),a=e)}else console.warn(`Invalid color format: "${e}". Expected 'color.name' or 'color.name.shade'.`),a=e}}catch(t){console.error(`Error resolving color "${e}" for mode "${r}":`,t),a=e}return o&&y.set(n,a),a}),[x,k,c,y]),C=t.useMemo((()=>({getColor:F,theme:x,colors:v,themeMode:c,setThemeMode:b})),[F,x,v,c]);return r.createElement(p.Provider,{value:C},s)},exports.Typography={letterSpacings:{tighter:-.08,tight:-.4,normal:0,wide:.4,wider:.8,widest:1.6},lineHeights:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900},fontSizes:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64}},exports.Vertical=oe,exports.VerticalResponsive=ie,exports.View=ee,exports.debounce=(e,t)=>{let r;return function(){for(var o=arguments.length,n=new Array(o),i=0;i<o;i++)n[i]=arguments[i];clearTimeout(r),r=setTimeout((()=>e(...n)),t)}},exports.deepMerge=w,exports.defaultColors=a,exports.defaultDarkColors=c,exports.defaultDarkPalette=i,exports.defaultLightColors=s,exports.defaultLightPalette=n,exports.defaultThemeMain=m,exports.extractUtilityClasses=q,exports.getWindowInitialProps=()=>ye()?window.g_initialProps:void 0,exports.isBrowser=ye,exports.isDev=function(){let e=!1;return ye()&&(e=!(-1===window.location.hostname.indexOf("localhost"))),e},exports.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},exports.isProd=function(){return!!(ye()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},exports.isSSR=xe,exports.useActive=function(){const[e,r]=t.useState(!1),o=t.useRef(null);return t.useEffect((()=>{const e=o.current;if(!e)return;const t=()=>r(!0),n=()=>r(!1),i=()=>r(!0),a=()=>r(!1);return e.addEventListener("mousedown",t),e.addEventListener("mouseup",n),e.addEventListener("mouseleave",n),e.addEventListener("touchstart",i),e.addEventListener("touchend",a),()=>{e.removeEventListener("mousedown",t),e.removeEventListener("mouseup",n),e.removeEventListener("mouseleave",n),e.removeEventListener("touchstart",i),e.removeEventListener("touchend",a)}}),[]),[o,e]},exports.useAnalytics=Q,exports.useClickOutside=function(){const[e,r]=t.useState(!1),o=t.useRef(null);return t.useEffect((()=>{const e=e=>{o.current&&!o.current.contains(e.target)?r(!0):r(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[]),[o,e]},exports.useFocus=function(){const[e,r]=t.useState(!1),o=t.useRef(null);return t.useEffect((()=>{const e=o.current;if(!e)return;const t=()=>r(!0),n=()=>r(!1);return e.addEventListener("focus",t),e.addEventListener("blur",n),()=>{e.removeEventListener("focus",t),e.removeEventListener("blur",n)}}),[]),[o,e]},exports.useHover=function(){const[e,r]=t.useState(!1),o=t.useRef(null);return t.useEffect((()=>{const e=o.current;if(!e)return;const t=()=>r(!0),n=()=>r(!1);return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",n),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",n)}}),[]),[o,e]},exports.useInView=function(e){const{triggerOnce:r=!1,...o}=e||{},n=t.useRef(null),[i,a]=t.useState(!1);return t.useEffect((()=>{const e=n.current;if(!e)return;const t=new IntersectionObserver((e=>{let[o]=e;o.isIntersecting?(a(!0),r&&t.disconnect()):r||a(!1)}),o);return t.observe(e),()=>{t.disconnect()}}),[r,...Object.values(o||{})]),{ref:n,inView:i}},exports.useInfiniteScroll=function(e,r){void 0===r&&(r={});const[o,n]=t.useState(null),i=t.useRef(e),a=t.useRef();return t.useEffect((()=>{i.current=e}),[e]),t.useEffect((()=>{if(!o||r.isLoading)return;const e=new IntersectionObserver((e=>{e[0].isIntersecting&&(r.debounceMs?(a.current&&clearTimeout(a.current),a.current=setTimeout(i.current,r.debounceMs)):i.current())}),{threshold:r.threshold??0,root:r.root??null,rootMargin:r.rootMargin??"0px"});return e.observe(o),()=>{e.disconnect(),a.current&&clearTimeout(a.current)}}),[o,r.threshold,r.isLoading,r.root,r.rootMargin,r.debounceMs]),{sentinelRef:n}},exports.useKeyPress=function(e){const[r,o]=t.useState(!1);return t.useEffect((()=>{const t=t=>{t.key===e&&o(!0)},r=t=>{t.key===e&&o(!1)};return window.addEventListener("keydown",t),window.addEventListener("keyup",r),()=>{window.removeEventListener("keydown",t),window.removeEventListener("keyup",r)}}),[e]),r},exports.useMount=e=>{t.useEffect((()=>{e()}),[])},exports.useOnScreen=function(e){const r=t.useRef(null),[o,n]=t.useState(!1);return t.useEffect((()=>{const t=r.current;if(!t)return;const o=new IntersectionObserver((e=>{let[t]=e;n(t.isIntersecting)}),e);return o.observe(t),()=>{o.disconnect()}}),[e]),[r,o]},exports.useResponsive=()=>{const e=C(),{currentBreakpoint:t,orientation:r,devices:o}=e,n=e=>o[e]?o[e].includes(t):e===t;return{...e,screen:t,orientation:r,on:n,is:n}},exports.useResponsiveContext=C,exports.useScroll=function(e){let{container:r,offset:o=[0,0],throttleMs:n=100,disabled:i=!1}=void 0===e?{}:e;const[a,s]=t.useState({x:0,y:0,xProgress:0,yProgress:0}),c=t.useRef(0),l=t.useRef(),f=t.useCallback((()=>{if(i)return;const e=Date.now();if(n>0&&e-c.current<n)return void(l.current=requestAnimationFrame(f));const t=(e=>{if(e instanceof Window){const e=document.documentElement;return{scrollHeight:Math.max(e.scrollHeight,e.offsetHeight),scrollWidth:Math.max(e.scrollWidth,e.offsetWidth),clientHeight:window.innerHeight,clientWidth:window.innerWidth,scrollTop:window.scrollY,scrollLeft:window.scrollX}}return{scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,clientHeight:e.clientHeight,clientWidth:e.clientWidth,scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}})(r&&r.current?r.current:window),a=t.scrollLeft+o[0],d=t.scrollTop+o[1],u=t.scrollWidth-t.clientWidth,m=t.scrollHeight-t.clientHeight,g=u<=0?1:Math.min(Math.max(a/u,0),1),h=m<=0?1:Math.min(Math.max(d/m,0),1);s((t=>t.x!==a||t.y!==d||t.xProgress!==g||t.yProgress!==h?(c.current=e,{x:a,y:d,xProgress:g,yProgress:h}):t))}),[r,o,n,i]);return t.useEffect((()=>{if(i)return;const e=r&&r.current?r.current:window;f();const t={passive:!0};return e.addEventListener("scroll",f,t),window.addEventListener("resize",f,t),()=>{e.removeEventListener("scroll",f),window.removeEventListener("resize",f),l.current&&cancelAnimationFrame(l.current)}}),[f,r,i]),a},exports.useScrollAnimation=function(e,r){void 0===r&&(r={});const[o,n]=t.useState(!1),[i,a]=t.useState(0);return t.useEffect((()=>{const t=e.current;if(!t)return;const o=new IntersectionObserver((e=>{const t=e[0];n(t.isIntersecting),a(t.intersectionRatio),r.onIntersectionChange&&r.onIntersectionChange(t.isIntersecting,t.intersectionRatio)}),{threshold:r.threshold??0,rootMargin:r.rootMargin??"0px",root:r.root??null});return o.observe(t),()=>o.disconnect()}),[e,r.threshold,r.rootMargin,r.root,r.onIntersectionChange]),{isInView:o,progress:i}},exports.useScrollDirection=function(e){void 0===e&&(e=5);const[r,o]=t.useState("up"),n=t.useRef(0),i=t.useRef("up"),a=t.useRef(),s=t.useRef(!1);return t.useEffect((()=>{const t=()=>{s.current||(a.current=requestAnimationFrame((()=>{(()=>{const t=window.scrollY||document.documentElement.scrollTop,r=t>n.current?"down":"up",a=Math.abs(t-n.current),c=window.innerHeight+t>=document.documentElement.scrollHeight-1;(a>e||"down"===r&&c)&&r!==i.current&&(i.current=r,o(r)),n.current=Math.max(t,0),s.current=!1})(),s.current=!1})),s.current=!0)};return window.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("scroll",t),a.current&&cancelAnimationFrame(a.current)}}),[e]),r},exports.useSmoothScroll=()=>t.useCallback((function(e,t){if(void 0===t&&(t=0),e)try{const r=e.getBoundingClientRect().top+(window.scrollY||window.pageYOffset)-t;"scrollBehavior"in document.documentElement.style?window.scrollTo({top:r,behavior:"smooth"}):window.scrollTo(0,r)}catch(e){console.error("Error during smooth scroll:",e)}}),[]),exports.useTheme=b,exports.useWindowSize=()=>t.useContext(ke),exports.utilityClassManager=G;
|
|
2
2
|
//# sourceMappingURL=app-studio.cjs.production.min.js.map
|