app-studio 0.6.7 → 0.6.9

package/dist/app-studio.cjs.development.js

@@ -1069,25 +1069,34 @@ const vendorPrefixToKebabCase = property => {
   if (property.startsWith('--')) {
     return property;
   }
-  // Handle webkit, moz, ms prefixes with uppercase first letter after prefix (WebkitTextFillColor)
-  if (/^(Webkit|Moz|Ms|O)[A-Z]/.test(property)) {
-    const prefix = property.match(/^(Webkit|Moz|Ms|O)/)?.[0]?.toLowerCase() || '';
-    const restOfProperty = property.slice(prefix.length);
-    return `-${prefix}-${restOfProperty.replace(/([A-Z])/g, '-$1').toLowerCase()}`;
-  }
-  // Handle webkit, moz, ms prefixes with lowercase first letter (webkitTextFillColor)
-  if (/^(webkit|moz|ms|o)[A-Z]/.test(property)) {
-    const prefix = property.match(/^(webkit|moz|ms|o)/)?.[0] || '';
-    const restOfProperty = property.slice(prefix.length);
-    return `-${prefix}-${restOfProperty.replace(/([A-Z])/g, '-$1').toLowerCase()}`;
-  }
-  // Handle special case for properties like webkitbackgroundclip (all lowercase)
-  if (/^(webkit|moz|ms|o)/.test(property)) {
-    const prefix = property.match(/^(webkit|moz|ms|o)/)?.[0] || '';
-    const restOfProperty = property.slice(prefix.length);
-    // Convert the rest of the property to kebab case
-    const kebabRestOfProperty = restOfProperty.replace(/([A-Z])/g, '-$1').toLowerCase();
-    return `-${prefix}-${kebabRestOfProperty}`;
+  // Comprehensive regex to match all vendor prefix patterns
+  // This handles:
+  // 1. Uppercase vendor prefixes (WebkitTransform)
+  // 2. Lowercase vendor prefixes (webkitTransform)
+  // 3. Mixed case vendor prefixes (webkitbackgroundClip)
+  // 4. All lowercase vendor prefixes (webkitbackgroundclip)
+  const vendorPrefixRegex = /^(webkit|moz|ms|o|Webkit|Moz|Ms|O)([A-Za-z])/;
+  if (vendorPrefixRegex.test(property)) {
+    // Extract the prefix and normalize it to lowercase
+    const prefixMatch = property.match(/^(webkit|moz|ms|o|Webkit|Moz|Ms|O)/i);
+    if (prefixMatch) {
+      const prefix = prefixMatch[0].toLowerCase();
+      const restOfProperty = property.slice(prefix.length);
+      // Convert the rest of the property to kebab case
+      let kebabRestOfProperty = restOfProperty;
+      // If the rest starts with an uppercase letter or has uppercase letters, convert to kebab case
+      if (/[A-Z]/.test(restOfProperty)) {
+        kebabRestOfProperty = restOfProperty.replace(/([A-Z])/g, '-$1').toLowerCase();
+      } else if (restOfProperty && restOfProperty[0] === restOfProperty[0].toLowerCase()) {
+        // If the rest starts with a lowercase letter, ensure proper kebab case
+        // This handles cases like webkitbackgroundclip
+        kebabRestOfProperty = restOfProperty.replace(/([A-Z])/g, '-$1').toLowerCase();
+      }
+      // Ensure we don't have double hyphens
+      kebabRestOfProperty = kebabRestOfProperty.replace(/^-/, '');
+      // Return the properly formatted vendor-prefixed property
+      return `-${prefix}-${kebabRestOfProperty}`;
+    }
   }
   // Regular camelCase to kebab-case
   return property.replace(/([A-Z])/g, '-$1').toLowerCase();
@@ -1329,6 +1338,95 @@ const generateKeyframes = animation => {
   };
 };
 
+/**
+ * Mapping of standard CSS properties to their vendor-prefixed equivalents.
+ * This helps ensure cross-browser compatibility by automatically applying
+ * the appropriate vendor prefixes when needed.
+ */
+// Properties that commonly need vendor prefixes across browsers
+const vendorPrefixedProperties = {
+  // Animation properties
+  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 properties
+  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 properties
+  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'],
+  // Flexbox properties
+  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'],
+  // Other commonly prefixed properties
+  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'],
+  // Special webkit-only properties
+  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']
+};
+// Convert camelCase property names to kebab-case
+const camelToKebabCase = property => {
+  return property.replace(/([A-Z])/g, '-$1').toLowerCase();
+};
+// Get all vendor prefixed versions of a property in kebab-case
+const getVendorPrefixedProperties = property => {
+  const kebabProperty = camelToKebabCase(property);
+  const prefixedProperties = vendorPrefixedProperties[property] || [];
+  // Return the standard property along with all vendor-prefixed versions
+  return [kebabProperty, ...prefixedProperties];
+};
+// Check if a property needs vendor prefixes
+const needsVendorPrefix = property => {
+  return property in vendorPrefixedProperties;
+};
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 // Implement a simple LRU cache for classCache
 class LRUCache {
@@ -1503,20 +1601,42 @@ const ValueUtils = {
     if (property.toLowerCase().includes('color')) {
       processedValue = getColor(value);
     }
-    // Handle border properties that might contain color values
+    // Handle properties that might contain color values (borders, gradients, etc.)
     if (typeof value === 'string' && value.length > 3) {
-      // Parse border property to extract color
-      const parts = value.split(' ');
-      // Check each part to see if it starts with 'color.' or 'theme.'
-      const processedParts = parts.map(part => {
-        if (part.startsWith('color.') || part.startsWith('theme.')) {
-          // Process the color part through getColor
-          return getColor(part);
+      // Check if the value contains any color tokens
+      if (value.includes('color.') || value.includes('theme.')) {
+        // For gradients and complex values, we need to process color tokens within the string
+        // This handles cases like: "linear-gradient(135deg, color.blue.500, color.red.500)"
+        let processedString = value;
+        // Find all color tokens in the string
+        const colorTokenRegex = /(color\.[a-zA-Z0-9.]+|theme\.[a-zA-Z0-9.]+)/g;
+        const colorTokens = value.match(colorTokenRegex);
+        if (colorTokens) {
+          // Replace each color token with its processed value
+          colorTokens.forEach(token => {
+            const processedColor = getColor(token);
+            // Use a global replace to catch all instances of this token
+            // Escape all special regex characters in the token
+            const escapedToken = token.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+            processedString = processedString.replace(new RegExp(escapedToken, 'g'), processedColor);
+          });
+          processedValue = processedString;
+        } else {
+          // Fallback to the old method for simpler cases (like borders)
+          // Parse property to extract color
+          const parts = value.split(' ');
+          // Check each part to see if it starts with 'color.' or 'theme.'
+          const processedParts = parts.map(part => {
+            if (part.startsWith('color.') || part.startsWith('theme.')) {
+              // Process the color part through getColor
+              return getColor(part);
+            }
+            return part;
+          });
+          // Reconstruct the value with processed parts
+          processedValue = processedParts.join(' ');
         }
-        return part;
-      });
-      // Reconstruct the value with processed parts
-      processedValue = processedParts.join(' ');
+      }
     }
     // Handle numeric values
     if (typeof processedValue === 'number') {
@@ -1702,39 +1822,47 @@ class UtilityClassManager {
     let rules = [];
     // Format CSS property name with proper vendor prefix handling
     const cssProperty = propertyToKebabCase(property);
-    // Format CSS property name
-    // const cssProperty = property.startsWith('--')
-    //   ? property
-    //   : toKebabCase(property);
     let valueForCss = processedValue;
     // Handle numeric values for CSS
     if (typeof valueForCss === 'number' && numericCssProperties.has(cssProperty)) {
       valueForCss = `${valueForCss}px`;
     }
+    // Check if this property needs vendor prefixes
+    const needsPrefixes = needsVendorPrefix(property);
+    const cssProperties = needsPrefixes ? getVendorPrefixedProperties(property) : [cssProperty];
     // Generate CSS rules based on context
     if (context === 'pseudo' && modifier) {
       const pseudoClassName = `${baseClassName}--${modifier}`;
       classNames = [pseudoClassName];
       const escapedClassName = this.escapeClassName(pseudoClassName);
-      rules.push({
-        rule: `.${escapedClassName}:${modifier} { ${cssProperty}: ${valueForCss}; }`,
-        context: 'pseudo'
+      // Add rules for all necessary vendor prefixes
+      cssProperties.forEach(prefixedProperty => {
+        rules.push({
+          rule: `.${escapedClassName}:${modifier} { ${prefixedProperty}: ${valueForCss}; }`,
+          context: 'pseudo'
+        });
       });
     } else if (context === 'media' && modifier) {
       const mediaClassName = `${modifier}--${baseClassName}`;
       classNames = [mediaClassName];
       const escapedClassName = this.escapeClassName(mediaClassName);
       mediaQueries.forEach(mq => {
-        rules.push({
-          rule: `@media ${mq} { .${escapedClassName} { ${cssProperty}: ${valueForCss}; } }`,
-          context: 'media'
+        // Add media query rules for all necessary vendor prefixes
+        cssProperties.forEach(prefixedProperty => {
+          rules.push({
+            rule: `@media ${mq} { .${escapedClassName} { ${prefixedProperty}: ${valueForCss}; } }`,
+            context: 'media'
+          });
         });
       });
     } else {
       const escapedClassName = this.escapeClassName(baseClassName);
-      rules.push({
-        rule: `.${escapedClassName} { ${cssProperty}: ${valueForCss}; }`,
-        context: 'base'
+      // Add rules for all necessary vendor prefixes
+      cssProperties.forEach(prefixedProperty => {
+        rules.push({
+          rule: `.${escapedClassName} { ${prefixedProperty}: ${valueForCss}; }`,
+          context: 'base'
+        });
       });
     }
     // Inject all rules

package/dist/app-studio.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-studio.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"app-studio.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}