app-studio 0.5.69 → 0.5.71

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

@@ -1208,6 +1208,8 @@ const generateKeyframes = animation => {
     direction,
     fillMode,
     playState,
+    timeline,
+    range,
     ...keyframesDef
   } = animation;
   // Générer une clé pour le cache basée sur les keyframes
@@ -1251,6 +1253,54 @@ const generateKeyframes = animation => {
 const numericCssProperties = /*#__PURE__*/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']);
 
 /* eslint-disable @typescript-eslint/no-unused-vars */
+// Implement a simple LRU cache for classCache
+class LRUCache {
+  constructor(maxSize) {
+    this.maxSize = maxSize;
+    this.cache = new Map();
+  }
+  get(key) {
+    const item = this.cache.get(key);
+    if (item) {
+      // Move to the end to mark as recently used
+      this.cache.delete(key);
+      this.cache.set(key, item);
+      return item;
+    }
+    return undefined;
+  }
+  set(key, value) {
+    if (this.cache.has(key)) {
+      // If already in cache, just move to the end
+      this.cache.delete(key);
+    } else if (this.cache.size >= this.maxSize) {
+      // Remove the least recently used (first item in the map)
+      const firstKey = this.cache.keys().next().value;
+      if (firstKey) {
+        this.cache.delete(firstKey);
+      }
+    }
+    this.cache.set(key, value);
+  }
+  clear() {
+    this.cache.clear();
+  }
+  delete(key) {
+    this.cache.delete(key);
+  }
+  get size() {
+    return this.cache.size;
+  }
+  keys() {
+    return this.cache.keys();
+  }
+  values() {
+    return this.cache.values();
+  }
+  has(key) {
+    return this.cache.has(key);
+  }
+}
 class UtilityClassManager {
   constructor(propertyShorthand, maxCacheSize) {
     if (maxCacheSize === void 0) {
@@ -1259,10 +1309,11 @@ class UtilityClassManager {
     this.baseStyleSheet = new Map();
     this.mediaStyleSheet = new Map();
     this.modifierStyleSheet = new Map();
-    this.classCache = new Map();
     this.mainDocument = null;
     this.propertyShorthand = propertyShorthand;
     this.maxCacheSize = maxCacheSize;
+    // Initialize LRUCache with maxSize
+    this.classCache = new LRUCache(this.maxCacheSize);
     if (typeof document !== 'undefined') {
       this.mainDocument = document;
       this.initStyleSheets(document);
@@ -1376,10 +1427,7 @@ class UtilityClassManager {
     return Array.from(this.baseStyleSheet.keys());
   }
   addToCache(key, className, rules) {
-    if (this.classCache.size >= this.maxCacheSize) {
-      const firstKey = this.classCache.keys().next().value;
-      if (firstKey) this.classCache.delete(firstKey);
-    }
+    // LRUCache handles size limit internally
     this.classCache.set(key, {
       className,
       rules
@@ -1570,16 +1618,16 @@ class UtilityClassManager {
   }
 }
 /**
- * Maps a React event to a CSS pseudo-class.
+ * WeakMaps a React event to a CSS pseudo-class.
  */
 const mapEventToPseudo = event => {
-  const eventMap = {
+  const eventWeakMap = {
     hover: 'hover',
     active: 'active',
     focus: 'focus',
     visited: 'visited'
   };
-  return eventMap[event] || null;
+  return eventWeakMap[event] || null;
 };
 /**
  * Generates shorthand abbreviations for CSS properties.
@@ -1609,8 +1657,22 @@ function generatePropertyShorthand(styledProps) {
   }
   return propertyShorthand;
 }
+const rawCssCache = /*#__PURE__*/new Map();
+function generateUniqueClassName(css) {
+  // If we already have a class name for this exact CSS, return it
+  // Otherwise, create a new encoded and truncated class name
+  if (rawCssCache.has(css)) {
+    return rawCssCache.get(css);
+  }
+  const shortName = Math.random().toString(36).substring(7);
+  // Optionally include a counter to reduce collisions on identical slice
+  const newClassName = `raw-css-${shortName}`;
+  // Store it in the cache
+  rawCssCache.set(css, newClassName);
+  return newClassName;
+}
 const propertyShorthand = /*#__PURE__*/generatePropertyShorthand(StyleProps);
-const utilityClassManager = /*#__PURE__*/new UtilityClassManager(propertyShorthand);
+const utilityClassManager = /*#__PURE__*/new UtilityClassManager(propertyShorthand, 10000); // You can adjust maxSize here
 function parseDuration(duration) {
   const match = duration.match(/^([\d.]+)(ms|s)$/);
   if (!match) return 0;
@@ -1688,6 +1750,8 @@ const extractUtilityClasses = (props, getColor, mediaQueries, devices) => {
     const animationDirections = [];
     const animationFillModes = [];
     const animationPlayStates = [];
+    const animationTimelines = [];
+    const animationRanges = [];
     let cumulativeTime = 0;
     animations.forEach(animation => {
       const {
@@ -1709,6 +1773,8 @@ const extractUtilityClasses = (props, getColor, mediaQueries, devices) => {
       animationDirections.push(animation.direction || 'normal');
       animationFillModes.push(animation.fillMode || 'none');
       animationPlayStates.push(animation.playState || 'running');
+      animationTimelines.push(animation.timeline || '');
+      animationRanges.push(animation.range || '');
     });
     computedStyles.animationName = animationNames.join(', ');
     computedStyles.animationDuration = animationDurations.join(', ');
@@ -1718,6 +1784,12 @@ const extractUtilityClasses = (props, getColor, mediaQueries, devices) => {
     computedStyles.animationDirection = animationDirections.join(', ');
     computedStyles.animationFillMode = animationFillModes.join(', ');
     computedStyles.animationPlayState = animationPlayStates.join(', ');
+    if (animationTimelines.some(t => t)) {
+      computedStyles.animationTimeline = animationTimelines.join(', ');
+    }
+    if (animationRanges.some(r => r)) {
+      computedStyles.animationRange = animationRanges.join(', ');
+    }
   }
   // Generate utility classes for computed styles
   const generateUtilityClasses = function (styles, context, modifier) {
@@ -1746,7 +1818,7 @@ const extractUtilityClasses = (props, getColor, mediaQueries, devices) => {
   generateUtilityClasses(computedStyles, 'base');
   // Iterate over remaining style props
   Object.keys(props).forEach(property => {
-    if (property !== 'style' && (isStyleProp(property) || ['on', 'media'].includes(property))) {
+    if (property !== 'style' && property !== 'css' && (isStyleProp(property) || ['on', 'media'].includes(property))) {
       const value = props[property];
       if (typeof value === 'object' && value !== null) {
         if (property === 'on') {
@@ -1816,6 +1888,17 @@ const extractUtilityClasses = (props, getColor, mediaQueries, devices) => {
       }
     }
   });
+  if (props.css) {
+    if (typeof props.css === 'object') {
+      Object.assign(computedStyles, props.css);
+    } else if (typeof props.css === 'string') {
+      // Generate or reuse a class for the raw CSS
+      const uniqueClassName = generateUniqueClassName(props.css);
+      console.log('uniqueClassName', uniqueClassName, props.css);
+      utilityClassManager.injectRule(`.${uniqueClassName} { ${props.css} }`);
+      classes.push(uniqueClassName);
+    }
+  }
   return classes;
 };
 
@@ -3067,6 +3150,240 @@ const blinkCursor = _ref43 => {
     ...props
   };
 };
+const fadeInScroll = _ref44 => {
+  let {
+    duration = '0.5s',
+    timingFunction = 'ease',
+    timeline = 'scroll()',
+    range = 'cover',
+    ...props
+  } = _ref44;
+  return {
+    from: {
+      opacity: 0
+    },
+    to: {
+      opacity: 1
+    },
+    duration,
+    timingFunction,
+    timeline,
+    range,
+    ...props
+  };
+};
+const slideInLeftScroll = _ref45 => {
+  let {
+    duration = '0.5s',
+    timingFunction = 'ease-out',
+    timeline = 'scroll()',
+    range = 'cover',
+    ...props
+  } = _ref45;
+  return {
+    from: {
+      transform: 'translateX(-200%)'
+    },
+    to: {
+      transform: 'translateX(0)'
+    },
+    duration,
+    timingFunction,
+    timeline,
+    range,
+    ...props
+  };
+};
+const scaleDownScroll = _ref46 => {
+  let {
+    duration = '0.8s',
+    timingFunction = 'ease',
+    timeline = 'scroll()',
+    range = 'cover',
+    ...props
+  } = _ref46;
+  return {
+    from: {
+      transform: 'scale(3)'
+    },
+    to: {
+      transform: 'scale(1)'
+    },
+    duration,
+    timingFunction,
+    timeline,
+    range,
+    ...props
+  };
+};
+// Text fill reveal on scroll driven by a custom property (--fill)
+// Requires @property --fill defined in CSS
+const fillTextScroll = _ref47 => {
+  let {
+    duration = '1s',
+    timingFunction = 'linear',
+    timeline = '--section',
+    range = 'entry 100% cover 50%, cover 50% exit 0%',
+    ...props
+  } = _ref47;
+  return {
+    from: {
+      '--fill': 0,
+      color: 'transparent',
+      backgroundPositionX: 'calc(var(--underline-block-width) * -1), calc(var(--underline-block-width) * -1), 0'
+    },
+    '50%': {
+      '--fill': 0.5
+    },
+    to: {
+      '--fill': 1,
+      backgroundPositionX: '0, 0, 0',
+      color: 'var(--finish-fill)'
+    },
+    duration,
+    timingFunction,
+    timeline,
+    range,
+    ...props
+  };
+};
+// Collapsing floating call-to-action on scroll
+// This animates the width from an expanded value to a collapsed width.
+const ctaCollapseScroll = _ref48 => {
+  let {
+    duration = '1s',
+    timingFunction = 'linear',
+    timeline = 'scroll()',
+    range = '0 400px',
+    ...props
+  } = _ref48;
+  return {
+    from: {
+      width: 'calc(48px + 120px)'
+    },
+    to: {
+      width: '48px'
+    },
+    duration,
+    timingFunction,
+    timeline,
+    range,
+    ...props
+  };
+};
+// Hand wave animation on scroll with a defined view range
+const handWaveScroll = _ref49 => {
+  let {
+    duration = '2s',
+    timingFunction = 'linear',
+    timeline = 'scroll()',
+    range = '10vh 60vh',
+    ...props
+  } = _ref49;
+  return {
+    from: {
+      transform: 'rotate(0deg)'
+    },
+    '50%': {
+      transform: 'rotate(20deg)'
+    },
+    to: {
+      transform: 'rotate(0deg)'
+    },
+    duration,
+    timingFunction,
+    timeline,
+    range,
+    ...props
+  };
+};
+// Fade out and blur text on scroll exit
+const fadeBlurScroll = _ref50 => {
+  let {
+    duration = '1s',
+    timingFunction = 'linear',
+    timeline = 'view()',
+    range = 'cover 40% cover 85%',
+    ...props
+  } = _ref50;
+  return {
+    to: {
+      opacity: 0,
+      filter: 'blur(2rem)'
+    },
+    duration,
+    timingFunction,
+    timeline,
+    range,
+    ...props
+  };
+};
+// Unclip animation using clip-path on scroll
+const unclipScroll = _ref51 => {
+  let {
+    duration = '1s',
+    timingFunction = 'linear',
+    timeline = '--article',
+    range = 'entry',
+    ...props
+  } = _ref51;
+  return {
+    to: {
+      clipPath: 'ellipse(220% 200% at 50% 175%)'
+    },
+    duration,
+    timingFunction,
+    timeline,
+    range,
+    ...props
+  };
+};
+// Scale down image (or content) on scroll using article timeline
+const scaleDownArticleScroll = _ref52 => {
+  let {
+    duration = '1s',
+    timingFunction = 'linear',
+    timeline = '--article',
+    range = 'entry',
+    ...props
+  } = _ref52;
+  return {
+    '0%': {
+      transform: 'scale(5)'
+    },
+    to: {
+      transform: 'scale(1)'
+    },
+    duration,
+    timingFunction,
+    timeline,
+    range,
+    ...props
+  };
+};
+// List item scaling animation on scroll driven by an inline view-timeline (--i)
+const listItemScaleScroll = _ref53 => {
+  let {
+    duration = '0.5s',
+    timingFunction = 'ease',
+    timeline = '--i',
+    range = 'cover 40% cover 60%',
+    ...props
+  } = _ref53;
+  return {
+    from: {
+      transform: 'scale(0.8)'
+    },
+    '50%': {
+      transform: 'scale(1)'
+    },
+    duration,
+    timingFunction,
+    timeline,
+    range,
+    ...props
+  };
+};
 
 var Animation = {
   __proto__: null,
@@ -3112,7 +3429,17 @@ var Animation = {
   shimmer: shimmer,
   progress: progress,
   typewriter: typewriter,
-  blinkCursor: blinkCursor
+  blinkCursor: blinkCursor,
+  fadeInScroll: fadeInScroll,
+  slideInLeftScroll: slideInLeftScroll,
+  scaleDownScroll: scaleDownScroll,
+  fillTextScroll: fillTextScroll,
+  ctaCollapseScroll: ctaCollapseScroll,
+  handWaveScroll: handWaveScroll,
+  fadeBlurScroll: fadeBlurScroll,
+  unclipScroll: unclipScroll,
+  scaleDownArticleScroll: scaleDownArticleScroll,
+  listItemScaleScroll: listItemScaleScroll
 };
 
 const Skeleton = /*#__PURE__*/React__default.memo(_ref => {
@@ -3335,7 +3662,7 @@ function useOnScreen(options) {
     }, options);
     observer.observe(node);
     return () => {
-      observer.unobserve(node);
+      observer.disconnect();
     };
   }, [options]);
   return [ref, isOnScreen];
@@ -3638,6 +3965,40 @@ function useWindowSize() {
   return size;
 }
 
+function useInView(options) {
+  const {
+    triggerOnce = false,
+    ...observerOptions
+  } = options || {};
+  const ref = React.useRef(null);
+  const [inView, setInView] = React.useState(false);
+  React.useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const observer = new IntersectionObserver(_ref => {
+      let [entry] = _ref;
+      if (entry.isIntersecting) {
+        setInView(true);
+        // If triggerOnce is true, disconnect the observer once the element is in view
+        if (triggerOnce) {
+          observer.disconnect();
+        }
+      } else if (!triggerOnce) {
+        // Only update to false if not using triggerOnce
+        setInView(false);
+      }
+    }, observerOptions);
+    observer.observe(element);
+    return () => {
+      observer.disconnect();
+    };
+  }, [triggerOnce, ...Object.values(observerOptions || {})]);
+  return {
+    ref,
+    inView
+  };
+}
+
 exports.AnalyticsContext = AnalyticsContext;
 exports.AnalyticsProvider = AnalyticsProvider;
 exports.Animation = Animation;
@@ -3684,6 +4045,7 @@ exports.useAnalytics = useAnalytics;
 exports.useClickOutside = useClickOutside;
 exports.useFocus = useFocus;
 exports.useHover = useHover;
+exports.useInView = useInView;
 exports.useInfiniteScroll = useInfiniteScroll;
 exports.useKeyPress = useKeyPress;
 exports.useMount = useMount;

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}