@mastra/playground-ui 5.1.4-alpha.3 → 5.1.4-alpha.4

package/dist/index.cjs.js

@@ -571,8 +571,8 @@ const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
 const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
 const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
 const isFraction = value => fractionRegex.test(value);
-const isNumber = value => !!value && !Number.isNaN(Number(value));
-const isInteger = value => !!value && Number.isInteger(Number(value));
+const isNumber = value => Boolean(value) && !Number.isNaN(Number(value));
+const isInteger = value => Boolean(value) && Number.isInteger(Number(value));
 const isPercent = value => value.endsWith('%') && isNumber(value.slice(0, -1));
 const isTshirtSize = value => tshirtUnitRegex.test(value);
 const isAny = () => true;
@@ -591,7 +591,7 @@ const isArbitraryLength = value => getIsArbitraryValue(value, isLabelLength, isL
 const isArbitraryNumber = value => getIsArbitraryValue(value, isLabelNumber, isNumber);
 const isArbitraryPosition = value => getIsArbitraryValue(value, isLabelPosition, isNever);
 const isArbitraryImage = value => getIsArbitraryValue(value, isLabelImage, isImage);
-const isArbitraryShadow = value => getIsArbitraryValue(value, isLabelShadow, isShadow);
+const isArbitraryShadow = value => getIsArbitraryValue(value, isNever, isShadow);
 const isArbitraryVariable = value => arbitraryVariableRegex.test(value);
 const isArbitraryVariableLength = value => getIsArbitraryVariable(value, isLabelLength);
 const isArbitraryVariableFamilyName = value => getIsArbitraryVariable(value, isLabelFamilyName);
@@ -621,9 +621,11 @@ const getIsArbitraryVariable = (value, testLabel, shouldMatchNoLabel = false) =>
   return false;
 };
 // Labels
-const isLabelPosition = label => label === 'position' || label === 'percentage';
-const isLabelImage = label => label === 'image' || label === 'url';
-const isLabelSize = label => label === 'length' || label === 'size' || label === 'bg-size';
+const isLabelPosition = label => label === 'position';
+const imageLabels = /*#__PURE__*/new Set(['image', 'url']);
+const isLabelImage = label => imageLabels.has(label);
+const sizeLabels = /*#__PURE__*/new Set(['length', 'size', 'percentage']);
+const isLabelSize = label => sizeLabels.has(label);
 const isLabelLength = label => label === 'length';
 const isLabelNumber = label => label === 'number';
 const isLabelFamilyName = label => label === 'family-name';
@@ -646,7 +648,6 @@ const getDefaultConfig = () => {
   const themeRadius = fromTheme('radius');
   const themeShadow = fromTheme('shadow');
   const themeInsetShadow = fromTheme('inset-shadow');
-  const themeTextShadow = fromTheme('text-shadow');
   const themeDropShadow = fromTheme('drop-shadow');
   const themeBlur = fromTheme('blur');
   const themePerspective = fromTheme('perspective');
@@ -661,16 +662,7 @@ const getDefaultConfig = () => {
    */
   /***/
   const scaleBreak = () => ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'];
-  const scalePosition = () => ['center', 'top', 'bottom', 'left', 'right', 'top-left',
-  // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-  'left-top', 'top-right',
-  // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-  'right-top', 'bottom-right',
-  // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-  'right-bottom', 'bottom-left',
-  // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-  'left-bottom'];
-  const scalePositionWithArbitrary = () => [...scalePosition(), isArbitraryVariable, isArbitraryValue];
+  const scalePosition = () => ['bottom', 'center', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top', 'top'];
   const scaleOverflow = () => ['auto', 'hidden', 'clip', 'visible', 'scroll'];
   const scaleOverscroll = () => ['auto', 'contain', 'none'];
   const scaleUnambiguousSpacing = () => [isArbitraryVariable, isArbitraryValue, themeSpacing];
@@ -678,34 +670,25 @@ const getDefaultConfig = () => {
   const scaleGridTemplateColsRows = () => [isInteger, 'none', 'subgrid', isArbitraryVariable, isArbitraryValue];
   const scaleGridColRowStartAndEnd = () => ['auto', {
     span: ['full', isInteger, isArbitraryVariable, isArbitraryValue]
-  }, isInteger, isArbitraryVariable, isArbitraryValue];
+  }, isArbitraryVariable, isArbitraryValue];
   const scaleGridColRowStartOrEnd = () => [isInteger, 'auto', isArbitraryVariable, isArbitraryValue];
   const scaleGridAutoColsRows = () => ['auto', 'min', 'max', 'fr', isArbitraryVariable, isArbitraryValue];
-  const scaleAlignPrimaryAxis = () => ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch', 'baseline', 'center-safe', 'end-safe'];
-  const scaleAlignSecondaryAxis = () => ['start', 'end', 'center', 'stretch', 'center-safe', 'end-safe'];
+  const scaleAlignPrimaryAxis = () => ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch', 'baseline'];
+  const scaleAlignSecondaryAxis = () => ['start', 'end', 'center', 'stretch'];
   const scaleMargin = () => ['auto', ...scaleUnambiguousSpacing()];
   const scaleSizing = () => [isFraction, 'auto', 'full', 'dvw', 'dvh', 'lvw', 'lvh', 'svw', 'svh', 'min', 'max', 'fit', ...scaleUnambiguousSpacing()];
   const scaleColor = () => [themeColor, isArbitraryVariable, isArbitraryValue];
-  const scaleBgPosition = () => [...scalePosition(), isArbitraryVariablePosition, isArbitraryPosition, {
-    position: [isArbitraryVariable, isArbitraryValue]
-  }];
-  const scaleBgRepeat = () => ['no-repeat', {
-    repeat: ['', 'x', 'y', 'space', 'round']
-  }];
-  const scaleBgSize = () => ['auto', 'cover', 'contain', isArbitraryVariableSize, isArbitrarySize, {
-    size: [isArbitraryVariable, isArbitraryValue]
-  }];
-  const scaleGradientStopPosition = () => [isPercent, isArbitraryVariableLength, isArbitraryLength];
+  const scaleGradientStopPosition = () => [isPercent, isArbitraryLength];
   const scaleRadius = () => [
   // Deprecated since Tailwind CSS v4.0.0
   '', 'none', 'full', themeRadius, isArbitraryVariable, isArbitraryValue];
   const scaleBorderWidth = () => ['', isNumber, isArbitraryVariableLength, isArbitraryLength];
   const scaleLineStyle = () => ['solid', 'dashed', 'dotted', 'double'];
   const scaleBlendMode = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity'];
-  const scaleMaskImagePosition = () => [isNumber, isPercent, isArbitraryVariablePosition, isArbitraryPosition];
   const scaleBlur = () => [
   // Deprecated since Tailwind CSS v4.0.0
   '', 'none', themeBlur, isArbitraryVariable, isArbitraryValue];
+  const scaleOrigin = () => ['center', 'top', 'top-right', 'right', 'bottom-right', 'bottom', 'bottom-left', 'left', 'top-left', isArbitraryVariable, isArbitraryValue];
   const scaleRotate = () => ['none', isNumber, isArbitraryVariable, isArbitraryValue];
   const scaleScale = () => ['none', isNumber, isArbitraryVariable, isArbitraryValue];
   const scaleSkew = () => [isNumber, isArbitraryVariable, isArbitraryValue];
@@ -730,7 +713,6 @@ const getDefaultConfig = () => {
       shadow: [isTshirtSize],
       spacing: ['px', isNumber],
       text: [isTshirtSize],
-      'text-shadow': [isTshirtSize],
       tracking: ['tighter', 'tight', 'normal', 'wide', 'wider', 'widest']
     },
     classGroups: {
@@ -833,7 +815,7 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/object-position
        */
       'object-position': [{
-        object: scalePositionWithArbitrary()
+        object: [...scalePosition(), isArbitraryValue, isArbitraryVariable]
       }],
       /**
        * Overflow
@@ -1140,18 +1122,14 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/align-items
        */
       'align-items': [{
-        items: [...scaleAlignSecondaryAxis(), {
-          baseline: ['', 'last']
-        }]
+        items: [...scaleAlignSecondaryAxis(), 'baseline']
       }],
       /**
        * Align Self
        * @see https://tailwindcss.com/docs/align-self
        */
       'align-self': [{
-        self: ['auto', ...scaleAlignSecondaryAxis(), {
-          baseline: ['', 'last']
-        }]
+        self: ['auto', ...scaleAlignSecondaryAxis(), 'baseline']
       }],
       /**
        * Place Content
@@ -1366,21 +1344,21 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ['screen', 'lh', ...scaleSizing()]
+        h: ['screen', ...scaleSizing()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       'min-h': [{
-        'min-h': ['screen', 'lh', 'none', ...scaleSizing()]
+        'min-h': ['screen', 'none', ...scaleSizing()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       'max-h': [{
-        'max-h': ['screen', 'lh', ...scaleSizing()]
+        'max-h': ['screen', ...scaleSizing()]
       }],
       // ------------------
       // --- Typography ---
@@ -1596,13 +1574,6 @@ const getDefaultConfig = () => {
       break: [{
         break: ['normal', 'words', 'all', 'keep']
       }],
-      /**
-       * Overflow Wrap
-       * @see https://tailwindcss.com/docs/overflow-wrap
-       */
-      wrap: [{
-        wrap: ['break-word', 'anywhere', 'normal']
-      }],
       /**
        * Hyphens
        * @see https://tailwindcss.com/docs/hyphens
@@ -1646,21 +1617,23 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/background-position
        */
       'bg-position': [{
-        bg: scaleBgPosition()
+        bg: [...scalePosition(), isArbitraryVariablePosition, isArbitraryPosition]
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       'bg-repeat': [{
-        bg: scaleBgRepeat()
+        bg: ['no-repeat', {
+          repeat: ['', 'x', 'y', 'space', 'round']
+        }]
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       'bg-size': [{
-        bg: scaleBgSize()
+        bg: ['auto', 'cover', 'contain', isArbitraryVariableSize, isArbitrarySize]
       }],
       /**
        * Background Image
@@ -2029,7 +2002,7 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/outline-color
        */
       'outline-color': [{
-        outline: scaleColor()
+        outline: [themeColor]
       }],
       // ---------------
       // --- Effects ---
@@ -2055,7 +2028,7 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       'inset-shadow': [{
-        'inset-shadow': ['none', themeInsetShadow, isArbitraryVariableShadow, isArbitraryShadow]
+        'inset-shadow': ['none', isArbitraryVariable, isArbitraryValue, themeInsetShadow]
       }],
       /**
        * Inset Box Shadow Color
@@ -2117,20 +2090,6 @@ const getDefaultConfig = () => {
       'inset-ring-color': [{
         'inset-ring': scaleColor()
       }],
-      /**
-       * Text Shadow
-       * @see https://tailwindcss.com/docs/text-shadow
-       */
-      'text-shadow': [{
-        'text-shadow': ['none', themeTextShadow, isArbitraryVariableShadow, isArbitraryShadow]
-      }],
-      /**
-       * Text Shadow Color
-       * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
-       */
-      'text-shadow-color': [{
-        'text-shadow': scaleColor()
-      }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
@@ -2152,202 +2111,6 @@ const getDefaultConfig = () => {
       'bg-blend': [{
         'bg-blend': scaleBlendMode()
       }],
-      /**
-       * Mask Clip
-       * @see https://tailwindcss.com/docs/mask-clip
-       */
-      'mask-clip': [{
-        'mask-clip': ['border', 'padding', 'content', 'fill', 'stroke', 'view']
-      }, 'mask-no-clip'],
-      /**
-       * Mask Composite
-       * @see https://tailwindcss.com/docs/mask-composite
-       */
-      'mask-composite': [{
-        mask: ['add', 'subtract', 'intersect', 'exclude']
-      }],
-      /**
-       * Mask Image
-       * @see https://tailwindcss.com/docs/mask-image
-       */
-      'mask-image-linear-pos': [{
-        'mask-linear': [isNumber]
-      }],
-      'mask-image-linear-from-pos': [{
-        'mask-linear-from': scaleMaskImagePosition()
-      }],
-      'mask-image-linear-to-pos': [{
-        'mask-linear-to': scaleMaskImagePosition()
-      }],
-      'mask-image-linear-from-color': [{
-        'mask-linear-from': scaleColor()
-      }],
-      'mask-image-linear-to-color': [{
-        'mask-linear-to': scaleColor()
-      }],
-      'mask-image-t-from-pos': [{
-        'mask-t-from': scaleMaskImagePosition()
-      }],
-      'mask-image-t-to-pos': [{
-        'mask-t-to': scaleMaskImagePosition()
-      }],
-      'mask-image-t-from-color': [{
-        'mask-t-from': scaleColor()
-      }],
-      'mask-image-t-to-color': [{
-        'mask-t-to': scaleColor()
-      }],
-      'mask-image-r-from-pos': [{
-        'mask-r-from': scaleMaskImagePosition()
-      }],
-      'mask-image-r-to-pos': [{
-        'mask-r-to': scaleMaskImagePosition()
-      }],
-      'mask-image-r-from-color': [{
-        'mask-r-from': scaleColor()
-      }],
-      'mask-image-r-to-color': [{
-        'mask-r-to': scaleColor()
-      }],
-      'mask-image-b-from-pos': [{
-        'mask-b-from': scaleMaskImagePosition()
-      }],
-      'mask-image-b-to-pos': [{
-        'mask-b-to': scaleMaskImagePosition()
-      }],
-      'mask-image-b-from-color': [{
-        'mask-b-from': scaleColor()
-      }],
-      'mask-image-b-to-color': [{
-        'mask-b-to': scaleColor()
-      }],
-      'mask-image-l-from-pos': [{
-        'mask-l-from': scaleMaskImagePosition()
-      }],
-      'mask-image-l-to-pos': [{
-        'mask-l-to': scaleMaskImagePosition()
-      }],
-      'mask-image-l-from-color': [{
-        'mask-l-from': scaleColor()
-      }],
-      'mask-image-l-to-color': [{
-        'mask-l-to': scaleColor()
-      }],
-      'mask-image-x-from-pos': [{
-        'mask-x-from': scaleMaskImagePosition()
-      }],
-      'mask-image-x-to-pos': [{
-        'mask-x-to': scaleMaskImagePosition()
-      }],
-      'mask-image-x-from-color': [{
-        'mask-x-from': scaleColor()
-      }],
-      'mask-image-x-to-color': [{
-        'mask-x-to': scaleColor()
-      }],
-      'mask-image-y-from-pos': [{
-        'mask-y-from': scaleMaskImagePosition()
-      }],
-      'mask-image-y-to-pos': [{
-        'mask-y-to': scaleMaskImagePosition()
-      }],
-      'mask-image-y-from-color': [{
-        'mask-y-from': scaleColor()
-      }],
-      'mask-image-y-to-color': [{
-        'mask-y-to': scaleColor()
-      }],
-      'mask-image-radial': [{
-        'mask-radial': [isArbitraryVariable, isArbitraryValue]
-      }],
-      'mask-image-radial-from-pos': [{
-        'mask-radial-from': scaleMaskImagePosition()
-      }],
-      'mask-image-radial-to-pos': [{
-        'mask-radial-to': scaleMaskImagePosition()
-      }],
-      'mask-image-radial-from-color': [{
-        'mask-radial-from': scaleColor()
-      }],
-      'mask-image-radial-to-color': [{
-        'mask-radial-to': scaleColor()
-      }],
-      'mask-image-radial-shape': [{
-        'mask-radial': ['circle', 'ellipse']
-      }],
-      'mask-image-radial-size': [{
-        'mask-radial': [{
-          closest: ['side', 'corner'],
-          farthest: ['side', 'corner']
-        }]
-      }],
-      'mask-image-radial-pos': [{
-        'mask-radial-at': scalePosition()
-      }],
-      'mask-image-conic-pos': [{
-        'mask-conic': [isNumber]
-      }],
-      'mask-image-conic-from-pos': [{
-        'mask-conic-from': scaleMaskImagePosition()
-      }],
-      'mask-image-conic-to-pos': [{
-        'mask-conic-to': scaleMaskImagePosition()
-      }],
-      'mask-image-conic-from-color': [{
-        'mask-conic-from': scaleColor()
-      }],
-      'mask-image-conic-to-color': [{
-        'mask-conic-to': scaleColor()
-      }],
-      /**
-       * Mask Mode
-       * @see https://tailwindcss.com/docs/mask-mode
-       */
-      'mask-mode': [{
-        mask: ['alpha', 'luminance', 'match']
-      }],
-      /**
-       * Mask Origin
-       * @see https://tailwindcss.com/docs/mask-origin
-       */
-      'mask-origin': [{
-        'mask-origin': ['border', 'padding', 'content', 'fill', 'stroke', 'view']
-      }],
-      /**
-       * Mask Position
-       * @see https://tailwindcss.com/docs/mask-position
-       */
-      'mask-position': [{
-        mask: scaleBgPosition()
-      }],
-      /**
-       * Mask Repeat
-       * @see https://tailwindcss.com/docs/mask-repeat
-       */
-      'mask-repeat': [{
-        mask: scaleBgRepeat()
-      }],
-      /**
-       * Mask Size
-       * @see https://tailwindcss.com/docs/mask-size
-       */
-      'mask-size': [{
-        mask: scaleBgSize()
-      }],
-      /**
-       * Mask Type
-       * @see https://tailwindcss.com/docs/mask-type
-       */
-      'mask-type': [{
-        'mask-type': ['alpha', 'luminance']
-      }],
-      /**
-       * Mask Image
-       * @see https://tailwindcss.com/docs/mask-image
-       */
-      'mask-image': [{
-        mask: ['none', isArbitraryVariable, isArbitraryValue]
-      }],
       // ---------------
       // --- Filters ---
       // ---------------
@@ -2388,14 +2151,7 @@ const getDefaultConfig = () => {
       'drop-shadow': [{
         'drop-shadow': [
         // Deprecated since Tailwind CSS v4.0.0
-        '', 'none', themeDropShadow, isArbitraryVariableShadow, isArbitraryShadow]
-      }],
-      /**
-       * Drop Shadow Color
-       * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
-       */
-      'drop-shadow-color': [{
-        'drop-shadow': scaleColor()
+        '', 'none', themeDropShadow, isArbitraryVariable, isArbitraryValue]
       }],
       /**
        * Grayscale
@@ -2616,7 +2372,7 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       'perspective-origin': [{
-        'perspective-origin': scalePositionWithArbitrary()
+        'perspective-origin': scaleOrigin()
       }],
       /**
        * Rotate
@@ -2712,7 +2468,7 @@ const getDefaultConfig = () => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       'transform-origin': [{
-        origin: scalePositionWithArbitrary()
+        origin: scaleOrigin()
       }],
       /**
        * Transform Style
@@ -3080,10 +2836,10 @@ const getDefaultConfig = () => {
       'rounded-b': ['rounded-br', 'rounded-bl'],
       'rounded-l': ['rounded-tl', 'rounded-bl'],
       'border-spacing': ['border-spacing-x', 'border-spacing-y'],
-      'border-w': ['border-w-x', 'border-w-y', 'border-w-s', 'border-w-e', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],
+      'border-w': ['border-w-s', 'border-w-e', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],
       'border-w-x': ['border-w-r', 'border-w-l'],
       'border-w-y': ['border-w-t', 'border-w-b'],
-      'border-color': ['border-color-x', 'border-color-y', 'border-color-s', 'border-color-e', 'border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],
+      'border-color': ['border-color-s', 'border-color-e', 'border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],
       'border-color-x': ['border-color-r', 'border-color-l'],
       'border-color-y': ['border-color-t', 'border-color-b'],
       translate: ['translate-x', 'translate-y', 'translate-none'],
@@ -3102,7 +2858,7 @@ const getDefaultConfig = () => {
     conflictingClassGroupModifiers: {
       'font-size': ['leading']
     },
-    orderSensitiveModifiers: ['*', '**', 'after', 'backdrop', 'before', 'details-content', 'file', 'first-letter', 'first-line', 'marker', 'placeholder', 'selection']
+    orderSensitiveModifiers: ['before', 'after', 'placeholder', 'file', 'marker', 'selection', 'first-line', 'first-letter', 'backdrop', '*', '**']
   };
 };
 const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);