@mastra/playground-ui 7.0.0-beta.20 → 7.0.0-beta.22

package/dist/tokens.cjs.js

@@ -2,11 +2,6 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const colors = require('./colors-B_l6leHd.cjs');
-
-const BorderWidth = {
-  sm: "0.5px"
-};
 const BorderRadius = {
   none: "0px",
   sm: "2px",
@@ -14,36 +9,90 @@ const BorderRadius = {
   lg: "6px"
 };
 
+const Colors = {
+  surface1: "#000000",
+  surface2: "#0F0F0F",
+  surface3: "#141414",
+  surface4: "#1A1A1A",
+  surface5: "rgba(46, 46, 46, 0.9)",
+  accent1: "#1AFB6F",
+  accent2: "#FF4931",
+  accent3: "#267AD2",
+  accent4: "#9E57B3",
+  accent5: "#4A9DF2",
+  accent6: "#ECB047",
+  accent1Dark: "#16281f",
+  accent2Dark: "#281916",
+  accent3Dark: "#161a28",
+  accent5Dark: "#161a22",
+  accent6Dark: "#232214",
+  accent1Darker: "#141a16",
+  accent2Darker: "#1a1414",
+  accent3Darker: "#14141a",
+  accent5Darker: "#14161a",
+  accent6Darker: "#1a1a14",
+  neutral1: "#5C5C5C",
+  neutral2: "#707070",
+  neutral3: "#939393",
+  neutral4: "#A9A9A9",
+  neutral5: "#E6E6E6",
+  neutral6: "#FFFFFF"
+};
+const BorderColors = {
+  border1: "rgba(48, 48, 48, 1)",
+  border2: "rgba(66, 66, 66, 1)"
+};
+
 const FontSizes = {
-  "header-md": "1rem",
-  // 16px
-  "ui-lg": "0.813rem",
-  // 13px
-  "ui-md": "0.75rem",
-  // 12px
-  "ui-sm": "0.688rem",
-  // 11px
-  "ui-xs": "0.625rem"
-  // 10px
+  // UI text sizes
+  "ui-xs": "0.625rem",
+  // 10px - small labels, badges
+  "ui-sm": "0.75rem",
+  // 12px - secondary text
+  "ui-md": "0.875rem",
+  // 14px - body text
+  "ui-lg": "1rem",
+  // 16px - emphasized text
+  // Header sizes
+  "header-sm": "1.125rem",
+  // 18px
+  "header-md": "1.25rem",
+  // 20px
+  "header-lg": "1.5rem",
+  // 24px
+  "header-xl": "1.75rem"
+  // 28px
 };
 const LineHeights = {
-  "header-md": "125%",
-  "ui-lg": "153.846%",
-  "ui-md": "166.667%",
-  "ui-sm": "181.818%",
-  "ui-xs": "200%"
+  "ui-xs": "160%",
+  // 16px
+  "ui-sm": "150%",
+  // 18px
+  "ui-md": "143%",
+  // 20px
+  "ui-lg": "150%",
+  // 24px
+  "header-sm": "133%",
+  // 24px
+  "header-md": "140%",
+  // 28px
+  "header-lg": "133%",
+  // 32px
+  "header-xl": "129%"
+  // 36px
 };
 
 const Sizes = {
   "icon-default": "16px",
   "icon-lg": "20px",
   "icon-sm": "12px",
-  "button-md": "24px",
-  "button-lg": "40px",
-  "header-default": "40px",
+  "form-sm": "1.5rem",
+  "form-md": "2rem",
+  "form-lg": "2.5rem",
+  "header-default": "48px",
   "table-header": "28px",
-  "table-row": "44px",
-  "table-row-small": "32px",
+  "table-row": "56px",
+  "table-row-small": "40px",
   "badge-default": "20px",
   "avatar-sm": "24px",
   "avatar-md": "32px",
@@ -52,16 +101,81 @@ const Sizes = {
 };
 
 const Spacings = {
-  sm: "2px",
-  md: "4px",
-  lg: "8px"
+  // Base scale (REM-based, matching Tailwind convention)
+  "0": "0rem",
+  px: "0.0625rem",
+  // 1px
+  "0.5": "0.125rem",
+  // 2px
+  "1": "0.25rem",
+  // 4px
+  "1.5": "0.375rem",
+  // 6px
+  "2": "0.5rem",
+  // 8px
+  "2.5": "0.625rem",
+  // 10px
+  "3": "0.75rem",
+  // 12px
+  "3.5": "0.875rem",
+  // 14px
+  "4": "1rem",
+  // 16px
+  "5": "1.25rem",
+  // 20px
+  "6": "1.5rem",
+  // 24px
+  "7": "1.75rem",
+  // 28px
+  "8": "2rem",
+  // 32px
+  "9": "2.25rem",
+  // 36px
+  "10": "2.5rem",
+  // 40px
+  "11": "2.75rem",
+  // 44px
+  "12": "3rem",
+  // 48px
+  "14": "3.5rem",
+  // 56px
+  "16": "4rem",
+  // 64px
+  "20": "5rem",
+  // 80px
+  "24": "6rem",
+  // 96px
+  "28": "7rem",
+  // 112px
+  "32": "8rem",
+  // 128px
+  "36": "9rem",
+  // 144px
+  "40": "10rem",
+  // 160px
+  "44": "11rem",
+  // 176px
+  "48": "12rem",
+  // 192px
+  "52": "13rem",
+  // 208px
+  "56": "14rem",
+  // 224px
+  "60": "15rem",
+  // 240px
+  "64": "16rem",
+  // 256px
+  "72": "18rem",
+  // 288px
+  "80": "20rem",
+  // 320px
+  "96": "24rem"
+  // 384px
 };
 
-exports.BorderColors = colors.BorderColors;
-exports.Colors = colors.Colors;
-exports.IconColors = colors.IconColors;
+exports.BorderColors = BorderColors;
 exports.BorderRadius = BorderRadius;
-exports.BorderWidth = BorderWidth;
+exports.Colors = Colors;
 exports.FontSizes = FontSizes;
 exports.LineHeights = LineHeights;
 exports.Sizes = Sizes;

package/dist/tokens.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'button-md': '24px',\n  'button-lg': '40px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n  'avatar-sm': '24px',\n  'avatar-md': '32px',\n  'avatar-lg': '40px',\n  'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,WAAA,GAAc;AAAA,EACzB,EAAA,EAAI;AACN;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACTO,MAAM,SAAA,GAAY;AAAA,EACvB,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS;AAAA;AACX;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,WAAA,EAAa,MAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS;AACX;;ACdO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,qBAAA,EAAuB;AACzB;;ACfO,MAAM,QAAA,GAAW;AAAA,EACtB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;;;;;;;;;;;"}
+{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const Colors = {\n  surface1: '#000000',\n  surface2: '#0F0F0F',\n  surface3: '#141414',\n  surface4: '#1A1A1A',\n  surface5: 'rgba(46, 46, 46, 0.9)',\n  accent1: '#1AFB6F',\n  accent2: '#FF4931',\n  accent3: '#267AD2',\n  accent4: '#9E57B3',\n  accent5: '#4A9DF2',\n  accent6: '#ECB047',\n  accent1Dark: '#16281f',\n  accent2Dark: '#281916',\n  accent3Dark: '#161a28',\n  accent5Dark: '#161a22',\n  accent6Dark: '#232214',\n  accent1Darker: '#141a16',\n  accent2Darker: '#1a1414',\n  accent3Darker: '#14141a',\n  accent5Darker: '#14161a',\n  accent6Darker: '#1a1a14',\n  neutral1: '#5C5C5C',\n  neutral2: '#707070',\n  neutral3: '#939393',\n  neutral4: '#A9A9A9',\n  neutral5: '#E6E6E6',\n  neutral6: '#FFFFFF',\n};\n\nexport const BorderColors = {\n  border1: 'rgba(48, 48, 48, 1)',\n  border2: 'rgba(66, 66, 66, 1)',\n};\n","export const FontSizes = {\n  // UI text sizes\n  'ui-xs': '0.625rem', // 10px - small labels, badges\n  'ui-sm': '0.75rem', // 12px - secondary text\n  'ui-md': '0.875rem', // 14px - body text\n  'ui-lg': '1rem', // 16px - emphasized text\n\n  // Header sizes\n  'header-sm': '1.125rem', // 18px\n  'header-md': '1.25rem', // 20px\n  'header-lg': '1.5rem', // 24px\n  'header-xl': '1.75rem', // 28px\n};\n\nexport const LineHeights = {\n  'ui-xs': '160%', // 16px\n  'ui-sm': '150%', // 18px\n  'ui-md': '143%', // 20px\n  'ui-lg': '150%', // 24px\n  'header-sm': '133%', // 24px\n  'header-md': '140%', // 28px\n  'header-lg': '133%', // 32px\n  'header-xl': '129%', // 36px\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'form-sm': '1.5rem',\n  'form-md': '2rem',\n  'form-lg': '2.5rem',\n  'header-default': '48px',\n  'table-header': '28px',\n  'table-row': '56px',\n  'table-row-small': '40px',\n  'badge-default': '20px',\n  'avatar-sm': '24px',\n  'avatar-md': '32px',\n  'avatar-lg': '40px',\n  'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n  // Base scale (REM-based, matching Tailwind convention)\n  '0': '0rem',\n  px: '0.0625rem', // 1px\n  '0.5': '0.125rem', // 2px\n  '1': '0.25rem', // 4px\n  '1.5': '0.375rem', // 6px\n  '2': '0.5rem', // 8px\n  '2.5': '0.625rem', // 10px\n  '3': '0.75rem', // 12px\n  '3.5': '0.875rem', // 14px\n  '4': '1rem', // 16px\n  '5': '1.25rem', // 20px\n  '6': '1.5rem', // 24px\n  '7': '1.75rem', // 28px\n  '8': '2rem', // 32px\n  '9': '2.25rem', // 36px\n  '10': '2.5rem', // 40px\n  '11': '2.75rem', // 44px\n  '12': '3rem', // 48px\n  '14': '3.5rem', // 56px\n  '16': '4rem', // 64px\n  '20': '5rem', // 80px\n  '24': '6rem', // 96px\n  '28': '7rem', // 112px\n  '32': '8rem', // 128px\n  '36': '9rem', // 144px\n  '40': '10rem', // 160px\n  '44': '11rem', // 176px\n  '48': '12rem', // 192px\n  '52': '13rem', // 208px\n  '56': '14rem', // 224px\n  '60': '15rem', // 240px\n  '64': '16rem', // 256px\n  '72': '18rem', // 288px\n  '80': '20rem', // 320px\n  '96': '24rem', // 384px\n} as const;\n\nexport type Spacing = keyof typeof Spacings;\n"],"names":[],"mappings":"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"}

package/dist/tokens.es.js

@@ -1,8 +1,3 @@
-export { B as BorderColors, C as Colors, I as IconColors } from './colors-Br49332d.js';
-
-const BorderWidth = {
-  sm: "0.5px"
-};
 const BorderRadius = {
   none: "0px",
   sm: "2px",
@@ -10,36 +5,90 @@ const BorderRadius = {
   lg: "6px"
 };
 
+const Colors = {
+  surface1: "#000000",
+  surface2: "#0F0F0F",
+  surface3: "#141414",
+  surface4: "#1A1A1A",
+  surface5: "rgba(46, 46, 46, 0.9)",
+  accent1: "#1AFB6F",
+  accent2: "#FF4931",
+  accent3: "#267AD2",
+  accent4: "#9E57B3",
+  accent5: "#4A9DF2",
+  accent6: "#ECB047",
+  accent1Dark: "#16281f",
+  accent2Dark: "#281916",
+  accent3Dark: "#161a28",
+  accent5Dark: "#161a22",
+  accent6Dark: "#232214",
+  accent1Darker: "#141a16",
+  accent2Darker: "#1a1414",
+  accent3Darker: "#14141a",
+  accent5Darker: "#14161a",
+  accent6Darker: "#1a1a14",
+  neutral1: "#5C5C5C",
+  neutral2: "#707070",
+  neutral3: "#939393",
+  neutral4: "#A9A9A9",
+  neutral5: "#E6E6E6",
+  neutral6: "#FFFFFF"
+};
+const BorderColors = {
+  border1: "rgba(48, 48, 48, 1)",
+  border2: "rgba(66, 66, 66, 1)"
+};
+
 const FontSizes = {
-  "header-md": "1rem",
-  // 16px
-  "ui-lg": "0.813rem",
-  // 13px
-  "ui-md": "0.75rem",
-  // 12px
-  "ui-sm": "0.688rem",
-  // 11px
-  "ui-xs": "0.625rem"
-  // 10px
+  // UI text sizes
+  "ui-xs": "0.625rem",
+  // 10px - small labels, badges
+  "ui-sm": "0.75rem",
+  // 12px - secondary text
+  "ui-md": "0.875rem",
+  // 14px - body text
+  "ui-lg": "1rem",
+  // 16px - emphasized text
+  // Header sizes
+  "header-sm": "1.125rem",
+  // 18px
+  "header-md": "1.25rem",
+  // 20px
+  "header-lg": "1.5rem",
+  // 24px
+  "header-xl": "1.75rem"
+  // 28px
 };
 const LineHeights = {
-  "header-md": "125%",
-  "ui-lg": "153.846%",
-  "ui-md": "166.667%",
-  "ui-sm": "181.818%",
-  "ui-xs": "200%"
+  "ui-xs": "160%",
+  // 16px
+  "ui-sm": "150%",
+  // 18px
+  "ui-md": "143%",
+  // 20px
+  "ui-lg": "150%",
+  // 24px
+  "header-sm": "133%",
+  // 24px
+  "header-md": "140%",
+  // 28px
+  "header-lg": "133%",
+  // 32px
+  "header-xl": "129%"
+  // 36px
 };
 
 const Sizes = {
   "icon-default": "16px",
   "icon-lg": "20px",
   "icon-sm": "12px",
-  "button-md": "24px",
-  "button-lg": "40px",
-  "header-default": "40px",
+  "form-sm": "1.5rem",
+  "form-md": "2rem",
+  "form-lg": "2.5rem",
+  "header-default": "48px",
   "table-header": "28px",
-  "table-row": "44px",
-  "table-row-small": "32px",
+  "table-row": "56px",
+  "table-row-small": "40px",
   "badge-default": "20px",
   "avatar-sm": "24px",
   "avatar-md": "32px",
@@ -48,10 +97,77 @@ const Sizes = {
 };
 
 const Spacings = {
-  sm: "2px",
-  md: "4px",
-  lg: "8px"
+  // Base scale (REM-based, matching Tailwind convention)
+  "0": "0rem",
+  px: "0.0625rem",
+  // 1px
+  "0.5": "0.125rem",
+  // 2px
+  "1": "0.25rem",
+  // 4px
+  "1.5": "0.375rem",
+  // 6px
+  "2": "0.5rem",
+  // 8px
+  "2.5": "0.625rem",
+  // 10px
+  "3": "0.75rem",
+  // 12px
+  "3.5": "0.875rem",
+  // 14px
+  "4": "1rem",
+  // 16px
+  "5": "1.25rem",
+  // 20px
+  "6": "1.5rem",
+  // 24px
+  "7": "1.75rem",
+  // 28px
+  "8": "2rem",
+  // 32px
+  "9": "2.25rem",
+  // 36px
+  "10": "2.5rem",
+  // 40px
+  "11": "2.75rem",
+  // 44px
+  "12": "3rem",
+  // 48px
+  "14": "3.5rem",
+  // 56px
+  "16": "4rem",
+  // 64px
+  "20": "5rem",
+  // 80px
+  "24": "6rem",
+  // 96px
+  "28": "7rem",
+  // 112px
+  "32": "8rem",
+  // 128px
+  "36": "9rem",
+  // 144px
+  "40": "10rem",
+  // 160px
+  "44": "11rem",
+  // 176px
+  "48": "12rem",
+  // 192px
+  "52": "13rem",
+  // 208px
+  "56": "14rem",
+  // 224px
+  "60": "15rem",
+  // 240px
+  "64": "16rem",
+  // 256px
+  "72": "18rem",
+  // 288px
+  "80": "20rem",
+  // 320px
+  "96": "24rem"
+  // 384px
 };
 
-export { BorderRadius, BorderWidth, FontSizes, LineHeights, Sizes, Spacings };
+export { BorderColors, BorderRadius, Colors, FontSizes, LineHeights, Sizes, Spacings };
 //# sourceMappingURL=tokens.es.js.map

package/dist/tokens.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n  sm: '0.5px',\n};\n\nexport const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const FontSizes = {\n  'header-md': '1rem', // 16px\n  'ui-lg': '0.813rem', // 13px\n  'ui-md': '0.75rem', // 12px\n  'ui-sm': '0.688rem', // 11px\n  'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n  'header-md': '125%',\n  'ui-lg': '153.846%',\n  'ui-md': '166.667%',\n  'ui-sm': '181.818%',\n  'ui-xs': '200%',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'button-md': '24px',\n  'button-lg': '40px',\n  'header-default': '40px',\n  'table-header': '28px',\n  'table-row': '44px',\n  'table-row-small': '32px',\n  'badge-default': '20px',\n  'avatar-sm': '24px',\n  'avatar-md': '32px',\n  'avatar-lg': '40px',\n  'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n};\n"],"names":[],"mappings":";;AAAO,MAAM,WAAA,GAAc;AAAA,EACzB,EAAA,EAAI;AACN;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACTO,MAAM,SAAA,GAAY;AAAA,EACvB,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS;AAAA;AACX;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,WAAA,EAAa,MAAA;AAAA,EACb,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,OAAA,EAAS;AACX;;ACdO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,qBAAA,EAAuB;AACzB;;ACfO,MAAM,QAAA,GAAW;AAAA,EACtB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;;;"}
+{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n};\n","export const Colors = {\n  surface1: '#000000',\n  surface2: '#0F0F0F',\n  surface3: '#141414',\n  surface4: '#1A1A1A',\n  surface5: 'rgba(46, 46, 46, 0.9)',\n  accent1: '#1AFB6F',\n  accent2: '#FF4931',\n  accent3: '#267AD2',\n  accent4: '#9E57B3',\n  accent5: '#4A9DF2',\n  accent6: '#ECB047',\n  accent1Dark: '#16281f',\n  accent2Dark: '#281916',\n  accent3Dark: '#161a28',\n  accent5Dark: '#161a22',\n  accent6Dark: '#232214',\n  accent1Darker: '#141a16',\n  accent2Darker: '#1a1414',\n  accent3Darker: '#14141a',\n  accent5Darker: '#14161a',\n  accent6Darker: '#1a1a14',\n  neutral1: '#5C5C5C',\n  neutral2: '#707070',\n  neutral3: '#939393',\n  neutral4: '#A9A9A9',\n  neutral5: '#E6E6E6',\n  neutral6: '#FFFFFF',\n};\n\nexport const BorderColors = {\n  border1: 'rgba(48, 48, 48, 1)',\n  border2: 'rgba(66, 66, 66, 1)',\n};\n","export const FontSizes = {\n  // UI text sizes\n  'ui-xs': '0.625rem', // 10px - small labels, badges\n  'ui-sm': '0.75rem', // 12px - secondary text\n  'ui-md': '0.875rem', // 14px - body text\n  'ui-lg': '1rem', // 16px - emphasized text\n\n  // Header sizes\n  'header-sm': '1.125rem', // 18px\n  'header-md': '1.25rem', // 20px\n  'header-lg': '1.5rem', // 24px\n  'header-xl': '1.75rem', // 28px\n};\n\nexport const LineHeights = {\n  'ui-xs': '160%', // 16px\n  'ui-sm': '150%', // 18px\n  'ui-md': '143%', // 20px\n  'ui-lg': '150%', // 24px\n  'header-sm': '133%', // 24px\n  'header-md': '140%', // 28px\n  'header-lg': '133%', // 32px\n  'header-xl': '129%', // 36px\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'form-sm': '1.5rem',\n  'form-md': '2rem',\n  'form-lg': '2.5rem',\n  'header-default': '48px',\n  'table-header': '28px',\n  'table-row': '56px',\n  'table-row-small': '40px',\n  'badge-default': '20px',\n  'avatar-sm': '24px',\n  'avatar-md': '32px',\n  'avatar-lg': '40px',\n  'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n  // Base scale (REM-based, matching Tailwind convention)\n  '0': '0rem',\n  px: '0.0625rem', // 1px\n  '0.5': '0.125rem', // 2px\n  '1': '0.25rem', // 4px\n  '1.5': '0.375rem', // 6px\n  '2': '0.5rem', // 8px\n  '2.5': '0.625rem', // 10px\n  '3': '0.75rem', // 12px\n  '3.5': '0.875rem', // 14px\n  '4': '1rem', // 16px\n  '5': '1.25rem', // 20px\n  '6': '1.5rem', // 24px\n  '7': '1.75rem', // 28px\n  '8': '2rem', // 32px\n  '9': '2.25rem', // 36px\n  '10': '2.5rem', // 40px\n  '11': '2.75rem', // 44px\n  '12': '3rem', // 48px\n  '14': '3.5rem', // 56px\n  '16': '4rem', // 64px\n  '20': '5rem', // 80px\n  '24': '6rem', // 96px\n  '28': '7rem', // 112px\n  '32': '8rem', // 128px\n  '36': '9rem', // 144px\n  '40': '10rem', // 160px\n  '44': '11rem', // 176px\n  '48': '12rem', // 192px\n  '52': '13rem', // 208px\n  '56': '14rem', // 224px\n  '60': '15rem', // 240px\n  '64': '16rem', // 256px\n  '72': '18rem', // 288px\n  '80': '20rem', // 320px\n  '96': '24rem', // 384px\n} as const;\n\nexport type Spacing = keyof typeof Spacings;\n"],"names":[],"mappings":"AAAO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACLO,MAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,uBAAA;AAAA,EACV,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU;AACZ;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,OAAA,EAAS,qBAAA;AAAA,EACT,OAAA,EAAS;AACX;;ACjCO,MAAM,SAAA,GAAY;AAAA;AAAA,EAEvB,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA;AAAA;AAAA,EAGT,WAAA,EAAa,UAAA;AAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA;AAAA,EACb,WAAA,EAAa,QAAA;AAAA;AAAA,EACb,WAAA,EAAa;AAAA;AACf;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,WAAA,EAAa;AAAA;AACf;;ACvBO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,QAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,QAAA;AAAA,EACX,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,qBAAA,EAAuB;AACzB;;AChBO,MAAM,QAAA,GAAW;AAAA;AAAA,EAEtB,GAAA,EAAK,MAAA;AAAA,EACL,EAAA,EAAI,WAAA;AAAA;AAAA,EACJ,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,QAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,MAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,GAAA,EAAK,QAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,GAAA,EAAK,MAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,IAAA,EAAM,QAAA;AAAA;AAAA,EACN,IAAA,EAAM,SAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,QAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM;AAAA;AACR;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "7.0.0-beta.20",
+  "version": "7.0.0-beta.22",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -27,6 +27,16 @@
         "types": "./dist/tokens.d.ts",
         "default": "./dist/tokens.cjs.js"
       }
+    },
+    "./tailwind-preset": {
+      "import": {
+        "types": "./dist/tailwind.preset.d.ts",
+        "default": "./dist/tailwind.preset.es.js"
+      },
+      "require": {
+        "types": "./dist/tailwind.preset.d.ts",
+        "default": "./dist/tailwind.preset.cjs.js"
+      }
     }
   },
   "keywords": [
@@ -79,7 +89,6 @@
     "date-fns": "^4.1.0",
     "prettier": "^3.6.2",
     "prism-react-renderer": "^2.4.1",
-    "react-code-block": "1.1.3",
     "react-day-picker": "^8.10.1",
     "react-hook-form": "^7.59.0",
     "react-markdown": "^9.1.0",
@@ -102,10 +111,10 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^3.0.0",
-    "@mastra/ai-sdk": "^1.0.0-beta.13",
-    "@mastra/react": "0.1.0-beta.20",
-    "@mastra/client-js": "^1.0.0-beta.20",
-    "@mastra/schema-compat": "1.0.0-beta.5"
+    "@mastra/ai-sdk": "^1.0.0-beta.15",
+    "@mastra/react": "0.1.0-beta.22",
+    "@mastra/schema-compat": "1.0.0-beta.6",
+    "@mastra/client-js": "^1.0.0-beta.22"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^9.1.16",
@@ -127,15 +136,15 @@
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^3.4.18",
     "typescript": "^5.9.3",
-    "vite": "^7.1.9",
+    "vite": "^7.3.0",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.0.16",
-    "@mastra/ai-sdk": "^1.0.0-beta.13",
-    "@mastra/core": "1.0.0-beta.20",
-    "@mastra/react": "0.1.0-beta.20",
-    "@mastra/client-js": "^1.0.0-beta.20",
-    "@mastra/schema-compat": "1.0.0-beta.5"
+    "@mastra/ai-sdk": "^1.0.0-beta.15",
+    "@mastra/client-js": "^1.0.0-beta.22",
+    "@mastra/core": "1.0.0-beta.22",
+    "@mastra/react": "0.1.0-beta.22",
+    "@mastra/schema-compat": "1.0.0-beta.6"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/colors-B_l6leHd.cjs

@@ -1,42 +0,0 @@
-'use strict';
-
-const Colors = {
-  surface1: "#000000",
-  surface2: "#0F0F0F",
-  surface3: "#141414",
-  surface4: "#1A1A1A",
-  surface5: "rgba(46, 46, 46, 0.9)",
-  accent1: "#1AFB6F",
-  accent2: "#FF4931",
-  accent3: "#267AD2",
-  accent4: "#9E57B3",
-  accent5: "#4A9DF2",
-  accent6: "#ECB047",
-  accent1Dark: "#16281f",
-  accent2Dark: "#281916",
-  accent3Dark: "#161a28",
-  accent5Dark: "#161a22",
-  accent6Dark: "#232214",
-  accent1Darker: "#141a16",
-  accent2Darker: "#1a1414",
-  accent3Darker: "#14141a",
-  accent5Darker: "#14161a",
-  accent6Darker: "#1a1a14"
-};
-const BorderColors = {
-  border1: "rgba(48, 48, 48, 1)",
-  border2: "rgba(66, 66, 66, 1)"
-};
-const IconColors = {
-  icon1: "#5C5C5C",
-  icon2: "#707070",
-  icon3: "#939393",
-  icon4: "#A9A9A9",
-  icon5: "#E6E6E6",
-  icon6: "#FFFFFF"
-};
-
-exports.BorderColors = BorderColors;
-exports.Colors = Colors;
-exports.IconColors = IconColors;
-//# sourceMappingURL=colors-B_l6leHd.cjs.map

package/dist/colors-B_l6leHd.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-B_l6leHd.cjs","sources":["../src/ds/tokens/colors.ts"],"sourcesContent":["export const Colors = {\n  surface1: '#000000',\n  surface2: '#0F0F0F',\n  surface3: '#141414',\n  surface4: '#1A1A1A',\n  surface5: 'rgba(46, 46, 46, 0.9)',\n  accent1: '#1AFB6F',\n  accent2: '#FF4931',\n  accent3: '#267AD2',\n  accent4: '#9E57B3',\n  accent5: '#4A9DF2',\n  accent6: '#ECB047',\n  accent1Dark: '#16281f',\n  accent2Dark: '#281916',\n  accent3Dark: '#161a28',\n  accent5Dark: '#161a22',\n  accent6Dark: '#232214',\n  accent1Darker: '#141a16',\n  accent2Darker: '#1a1414',\n  accent3Darker: '#14141a',\n  accent5Darker: '#14161a',\n  accent6Darker: '#1a1a14',\n};\n\nexport const BorderColors = {\n  border1: 'rgba(48, 48, 48, 1)',\n  border2: 'rgba(66, 66, 66, 1)',\n};\n\nexport const IconColors = {\n  icon1: '#5C5C5C',\n  icon2: '#707070',\n  icon3: '#939393',\n  icon4: '#A9A9A9',\n  icon5: '#E6E6E6',\n  icon6: '#FFFFFF',\n};\n"],"names":[],"mappings":";;AAAO,MAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,uBAAA;AAAA,EACV,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe;AACjB;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,OAAA,EAAS,qBAAA;AAAA,EACT,OAAA,EAAS;AACX;AAEO,MAAM,UAAA,GAAa;AAAA,EACxB,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO;AACT;;;;;;"}

package/dist/colors-Br49332d.js

@@ -1,38 +0,0 @@
-const Colors = {
-  surface1: "#000000",
-  surface2: "#0F0F0F",
-  surface3: "#141414",
-  surface4: "#1A1A1A",
-  surface5: "rgba(46, 46, 46, 0.9)",
-  accent1: "#1AFB6F",
-  accent2: "#FF4931",
-  accent3: "#267AD2",
-  accent4: "#9E57B3",
-  accent5: "#4A9DF2",
-  accent6: "#ECB047",
-  accent1Dark: "#16281f",
-  accent2Dark: "#281916",
-  accent3Dark: "#161a28",
-  accent5Dark: "#161a22",
-  accent6Dark: "#232214",
-  accent1Darker: "#141a16",
-  accent2Darker: "#1a1414",
-  accent3Darker: "#14141a",
-  accent5Darker: "#14161a",
-  accent6Darker: "#1a1a14"
-};
-const BorderColors = {
-  border1: "rgba(48, 48, 48, 1)",
-  border2: "rgba(66, 66, 66, 1)"
-};
-const IconColors = {
-  icon1: "#5C5C5C",
-  icon2: "#707070",
-  icon3: "#939393",
-  icon4: "#A9A9A9",
-  icon5: "#E6E6E6",
-  icon6: "#FFFFFF"
-};
-
-export { BorderColors as B, Colors as C, IconColors as I };
-//# sourceMappingURL=colors-Br49332d.js.map

package/dist/colors-Br49332d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-Br49332d.js","sources":["../src/ds/tokens/colors.ts"],"sourcesContent":["export const Colors = {\n  surface1: '#000000',\n  surface2: '#0F0F0F',\n  surface3: '#141414',\n  surface4: '#1A1A1A',\n  surface5: 'rgba(46, 46, 46, 0.9)',\n  accent1: '#1AFB6F',\n  accent2: '#FF4931',\n  accent3: '#267AD2',\n  accent4: '#9E57B3',\n  accent5: '#4A9DF2',\n  accent6: '#ECB047',\n  accent1Dark: '#16281f',\n  accent2Dark: '#281916',\n  accent3Dark: '#161a28',\n  accent5Dark: '#161a22',\n  accent6Dark: '#232214',\n  accent1Darker: '#141a16',\n  accent2Darker: '#1a1414',\n  accent3Darker: '#14141a',\n  accent5Darker: '#14161a',\n  accent6Darker: '#1a1a14',\n};\n\nexport const BorderColors = {\n  border1: 'rgba(48, 48, 48, 1)',\n  border2: 'rgba(66, 66, 66, 1)',\n};\n\nexport const IconColors = {\n  icon1: '#5C5C5C',\n  icon2: '#707070',\n  icon3: '#939393',\n  icon4: '#A9A9A9',\n  icon5: '#E6E6E6',\n  icon6: '#FFFFFF',\n};\n"],"names":[],"mappings":"AAAO,MAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,uBAAA;AAAA,EACV,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe;AACjB;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,OAAA,EAAS,qBAAA;AAAA,EACT,OAAA,EAAS;AACX;AAEO,MAAM,UAAA,GAAa;AAAA,EACxB,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,EAAO;AACT;;;;"}

package/dist/src/components/ui/alert.d.ts

@@ -1,8 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { Alert, AlertTitle, AlertDescription };

package/dist/src/components/ui/autoform/components/ErrorMessage.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from '../../../../../node_modules/@types/react';
-export declare const ErrorMessage: React.FC<{
-    error: string;
-}>;

package/dist/src/components/ui/autoform/index.d.ts

@@ -1,3 +0,0 @@
-export * from './AutoForm';
-export * from './types';
-export * from './utils';