@mastra/playground-ui 33.0.0-alpha.3 → 33.0.0

package/dist/tokens.cjs.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const spacings = require('./spacings-BP8L49kn.cjs');
+
 const Animations = {
   // Durations
   durationNormal: "200ms",
@@ -10,219 +12,14 @@ const Animations = {
   easeOut: "cubic-bezier(0.33, 1, 0.68, 1)"
 };
 
-const BorderRadius = {
-  none: "0px",
-  sm: "2px",
-  md: "4px",
-  lg: "6px",
-  xl: "12px"
-};
-
-const Colors = {
-  surface1: "var(--surface1)",
-  surface2: "var(--surface2)",
-  surface3: "var(--surface3)",
-  surface4: "var(--surface4)",
-  surface5: "var(--surface5)",
-  surface6: "var(--surface6)",
-  accent1: "var(--accent1)",
-  accent2: "var(--accent2)",
-  accent3: "var(--accent3)",
-  accent5: "var(--accent5)",
-  accent6: "var(--accent6)",
-  accent1Dark: "var(--accent1Dark)",
-  accent2Dark: "var(--accent2Dark)",
-  accent3Dark: "var(--accent3Dark)",
-  accent5Dark: "var(--accent5Dark)",
-  accent6Dark: "var(--accent6Dark)",
-  accent1Darker: "var(--accent1Darker)",
-  accent2Darker: "var(--accent2Darker)",
-  accent3Darker: "var(--accent3Darker)",
-  accent5Darker: "var(--accent5Darker)",
-  accent6Darker: "var(--accent6Darker)",
-  neutral1: "var(--neutral1)",
-  neutral2: "var(--neutral2)",
-  neutral3: "var(--neutral3)",
-  neutral4: "var(--neutral4)",
-  neutral5: "var(--neutral5)",
-  neutral6: "var(--neutral6)",
-  // Semantic state colors
-  error: "var(--error)",
-  // Overlay colors
-  overlay: "var(--overlay)"
-};
-const BorderColors = {
-  border1: "var(--border1)",
-  border2: "var(--border2)"
-};
-
-const FontSizes = {
-  // UI text sizes
-  "ui-xs": "0.625rem",
-  // 10px - small labels, badges
-  "ui-sm": "0.75rem",
-  // 12px - secondary text
-  "ui-smd": "0.8125rem",
-  // 13px - special font size for e.g. form field labels
-  "ui-md": "0.875rem",
-  // 14px - default text
-  "ui-lg": "1rem",
-  // 16px - emphasized text
-  // Header sizes
-  "header-xs": "1rem",
-  // 16px
-  "header-sm": "1.125rem",
-  // 18px
-  "header-md": "1.25rem",
-  // 20px
-  "header-lg": "1.5rem",
-  // 24px
-  "header-xl": "1.75rem"
-  // 28px
-};
-const LineHeights = {
-  "ui-xs": "160%",
-  // 16px
-  "ui-sm": "150%",
-  // 18px
-  "ui-smd": "150%",
-  // 20px
-  "ui-md": "143%",
-  // 20px
-  "ui-lg": "150%",
-  // 24px
-  "header-xs": "137%",
-  // 22px
-  "header-sm": "133%",
-  // 24px
-  "header-md": "140%",
-  // 28px
-  "header-lg": "133%",
-  // 32px
-  "header-xl": "129%"
-  // 36px
-};
-
-const Shadows = {
-  // Elevation shadows
-  sm: "0 1px 2px rgba(0, 0, 0, 0.3)",
-  md: "0 4px 6px rgba(0, 0, 0, 0.3)",
-  lg: "0 10px 15px rgba(0, 0, 0, 0.4)",
-  // Inner shadow for pressed states
-  inner: "inset 0 2px 4px rgba(0, 0, 0, 0.3)",
-  // Card/elevated surface shadows
-  card: "0 2px 8px rgba(0, 0, 0, 0.4)",
-  elevated: "0 8px 24px rgba(0, 0, 0, 0.5)",
-  // Dialog/modal shadows
-  dialog: "0 16px 48px rgba(0, 0, 0, 0.6)"
-};
-const Glows = {
-  accent1: "0 0 20px rgba(34, 197, 94, 0.25)",
-  accent2: "0 0 20px rgba(239, 68, 68, 0.25)",
-  // Subtle glow for focus rings
-  focusRing: "0 0 0 3px rgba(34, 197, 94, 0.12)"
-};
-
-const Sizes = {
-  "icon-default": "16px",
-  "icon-lg": "20px",
-  "icon-sm": "12px",
-  "form-sm": "1.75rem",
-  "form-md": "2rem",
-  "form-default": "2.25rem",
-  "form-lg": "2.5rem",
-  "header-default": "48px",
-  "table-header": "28px",
-  "table-row": "56px",
-  "table-row-small": "40px",
-  "badge-default": "28px",
-  "avatar-sm": "24px",
-  "avatar-md": "32px",
-  "avatar-lg": "40px",
-  "dropdown-max-height": "300px"
-};
-
-const Spacings = {
-  // 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 = spacings.BorderColors;
+exports.BorderRadius = spacings.BorderRadius;
+exports.Colors = spacings.Colors;
+exports.FontSizes = spacings.FontSizes;
+exports.Glows = spacings.Glows;
+exports.LineHeights = spacings.LineHeights;
+exports.Shadows = spacings.Shadows;
+exports.Sizes = spacings.Sizes;
+exports.Spacings = spacings.Spacings;
 exports.Animations = Animations;
-exports.BorderColors = BorderColors;
-exports.BorderRadius = BorderRadius;
-exports.Colors = Colors;
-exports.FontSizes = FontSizes;
-exports.Glows = Glows;
-exports.LineHeights = LineHeights;
-exports.Shadows = Shadows;
-exports.Sizes = Sizes;
-exports.Spacings = Spacings;
 //# sourceMappingURL=tokens.cjs.js.map

package/dist/tokens.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/animations.ts","../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/shadows.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const Animations = {\n  // Durations\n  durationNormal: '200ms',\n  durationSlow: '300ms',\n\n  // Easings\n  easeOut: 'cubic-bezier(0.33, 1, 0.68, 1)',\n};\n","export const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n  xl: '12px',\n};\n","export const Colors = {\n  surface1: 'var(--surface1)',\n  surface2: 'var(--surface2)',\n  surface3: 'var(--surface3)',\n  surface4: 'var(--surface4)',\n  surface5: 'var(--surface5)',\n  surface6: 'var(--surface6)',\n  accent1: 'var(--accent1)',\n  accent2: 'var(--accent2)',\n  accent3: 'var(--accent3)',\n  accent5: 'var(--accent5)',\n  accent6: 'var(--accent6)',\n  accent1Dark: 'var(--accent1Dark)',\n  accent2Dark: 'var(--accent2Dark)',\n  accent3Dark: 'var(--accent3Dark)',\n  accent5Dark: 'var(--accent5Dark)',\n  accent6Dark: 'var(--accent6Dark)',\n  accent1Darker: 'var(--accent1Darker)',\n  accent2Darker: 'var(--accent2Darker)',\n  accent3Darker: 'var(--accent3Darker)',\n  accent5Darker: 'var(--accent5Darker)',\n  accent6Darker: 'var(--accent6Darker)',\n  neutral1: 'var(--neutral1)',\n  neutral2: 'var(--neutral2)',\n  neutral3: 'var(--neutral3)',\n  neutral4: 'var(--neutral4)',\n  neutral5: 'var(--neutral5)',\n  neutral6: 'var(--neutral6)',\n\n  // Semantic state colors\n  error: 'var(--error)',\n\n  // Overlay colors\n  overlay: 'var(--overlay)',\n};\n\nexport const BorderColors = {\n  border1: 'var(--border1)',\n  border2: 'var(--border2)',\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-smd': '0.8125rem', // 13px - special font size for e.g. form field labels\n  'ui-md': '0.875rem', // 14px - default text\n  'ui-lg': '1rem', // 16px - emphasized text\n\n  // Header sizes\n  'header-xs': '1rem', // 16px\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-smd': '150%', // 20px\n  'ui-md': '143%', // 20px\n  'ui-lg': '150%', // 24px\n  'header-xs': '137%', // 22px\n  'header-sm': '133%', // 24px\n  'header-md': '140%', // 28px\n  'header-lg': '133%', // 32px\n  'header-xl': '129%', // 36px\n};\n","export const Shadows = {\n  // Elevation shadows\n  sm: '0 1px 2px rgba(0, 0, 0, 0.3)',\n  md: '0 4px 6px rgba(0, 0, 0, 0.3)',\n  lg: '0 10px 15px rgba(0, 0, 0, 0.4)',\n\n  // Inner shadow for pressed states\n  inner: 'inset 0 2px 4px rgba(0, 0, 0, 0.3)',\n\n  // Card/elevated surface shadows\n  card: '0 2px 8px rgba(0, 0, 0, 0.4)',\n  elevated: '0 8px 24px rgba(0, 0, 0, 0.5)',\n\n  // Dialog/modal shadows\n  dialog: '0 16px 48px rgba(0, 0, 0, 0.6)',\n};\n\n// Glow effects for interactive elements (focus states, etc.)\nexport const Glows = {\n  accent1: '0 0 20px rgba(34, 197, 94, 0.25)',\n  accent2: '0 0 20px rgba(239, 68, 68, 0.25)',\n\n  // Subtle glow for focus rings\n  focusRing: '0 0 0 3px rgba(34, 197, 94, 0.12)',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'form-sm': '1.75rem',\n  'form-md': '2rem',\n  'form-default': '2.25rem',\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': '28px',\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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"}
+{"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/animations.ts"],"sourcesContent":["export const Animations = {\n  // Durations\n  durationNormal: '200ms',\n  durationSlow: '300ms',\n\n  // Easings\n  easeOut: 'cubic-bezier(0.33, 1, 0.68, 1)',\n};\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,UAAA,GAAa;AAAA;AAAA,EAExB,cAAA,EAAgB,OAAA;AAAA,EAChB,YAAA,EAAc,OAAA;AAAA;AAAA,EAGd,OAAA,EAAS;AACX;;;;;;;;;;;;;"}

package/dist/tokens.es.js

@@ -1,3 +1,5 @@
+export { B as BorderColors, b as BorderRadius, C as Colors, F as FontSizes, G as Glows, L as LineHeights, S as Shadows, a as Sizes, c as Spacings } from './spacings-0Zbr65EW.js';
+
 const Animations = {
   // Durations
   durationNormal: "200ms",
@@ -6,210 +8,5 @@ const Animations = {
   easeOut: "cubic-bezier(0.33, 1, 0.68, 1)"
 };
 
-const BorderRadius = {
-  none: "0px",
-  sm: "2px",
-  md: "4px",
-  lg: "6px",
-  xl: "12px"
-};
-
-const Colors = {
-  surface1: "var(--surface1)",
-  surface2: "var(--surface2)",
-  surface3: "var(--surface3)",
-  surface4: "var(--surface4)",
-  surface5: "var(--surface5)",
-  surface6: "var(--surface6)",
-  accent1: "var(--accent1)",
-  accent2: "var(--accent2)",
-  accent3: "var(--accent3)",
-  accent5: "var(--accent5)",
-  accent6: "var(--accent6)",
-  accent1Dark: "var(--accent1Dark)",
-  accent2Dark: "var(--accent2Dark)",
-  accent3Dark: "var(--accent3Dark)",
-  accent5Dark: "var(--accent5Dark)",
-  accent6Dark: "var(--accent6Dark)",
-  accent1Darker: "var(--accent1Darker)",
-  accent2Darker: "var(--accent2Darker)",
-  accent3Darker: "var(--accent3Darker)",
-  accent5Darker: "var(--accent5Darker)",
-  accent6Darker: "var(--accent6Darker)",
-  neutral1: "var(--neutral1)",
-  neutral2: "var(--neutral2)",
-  neutral3: "var(--neutral3)",
-  neutral4: "var(--neutral4)",
-  neutral5: "var(--neutral5)",
-  neutral6: "var(--neutral6)",
-  // Semantic state colors
-  error: "var(--error)",
-  // Overlay colors
-  overlay: "var(--overlay)"
-};
-const BorderColors = {
-  border1: "var(--border1)",
-  border2: "var(--border2)"
-};
-
-const FontSizes = {
-  // UI text sizes
-  "ui-xs": "0.625rem",
-  // 10px - small labels, badges
-  "ui-sm": "0.75rem",
-  // 12px - secondary text
-  "ui-smd": "0.8125rem",
-  // 13px - special font size for e.g. form field labels
-  "ui-md": "0.875rem",
-  // 14px - default text
-  "ui-lg": "1rem",
-  // 16px - emphasized text
-  // Header sizes
-  "header-xs": "1rem",
-  // 16px
-  "header-sm": "1.125rem",
-  // 18px
-  "header-md": "1.25rem",
-  // 20px
-  "header-lg": "1.5rem",
-  // 24px
-  "header-xl": "1.75rem"
-  // 28px
-};
-const LineHeights = {
-  "ui-xs": "160%",
-  // 16px
-  "ui-sm": "150%",
-  // 18px
-  "ui-smd": "150%",
-  // 20px
-  "ui-md": "143%",
-  // 20px
-  "ui-lg": "150%",
-  // 24px
-  "header-xs": "137%",
-  // 22px
-  "header-sm": "133%",
-  // 24px
-  "header-md": "140%",
-  // 28px
-  "header-lg": "133%",
-  // 32px
-  "header-xl": "129%"
-  // 36px
-};
-
-const Shadows = {
-  // Elevation shadows
-  sm: "0 1px 2px rgba(0, 0, 0, 0.3)",
-  md: "0 4px 6px rgba(0, 0, 0, 0.3)",
-  lg: "0 10px 15px rgba(0, 0, 0, 0.4)",
-  // Inner shadow for pressed states
-  inner: "inset 0 2px 4px rgba(0, 0, 0, 0.3)",
-  // Card/elevated surface shadows
-  card: "0 2px 8px rgba(0, 0, 0, 0.4)",
-  elevated: "0 8px 24px rgba(0, 0, 0, 0.5)",
-  // Dialog/modal shadows
-  dialog: "0 16px 48px rgba(0, 0, 0, 0.6)"
-};
-const Glows = {
-  accent1: "0 0 20px rgba(34, 197, 94, 0.25)",
-  accent2: "0 0 20px rgba(239, 68, 68, 0.25)",
-  // Subtle glow for focus rings
-  focusRing: "0 0 0 3px rgba(34, 197, 94, 0.12)"
-};
-
-const Sizes = {
-  "icon-default": "16px",
-  "icon-lg": "20px",
-  "icon-sm": "12px",
-  "form-sm": "1.75rem",
-  "form-md": "2rem",
-  "form-default": "2.25rem",
-  "form-lg": "2.5rem",
-  "header-default": "48px",
-  "table-header": "28px",
-  "table-row": "56px",
-  "table-row-small": "40px",
-  "badge-default": "28px",
-  "avatar-sm": "24px",
-  "avatar-md": "32px",
-  "avatar-lg": "40px",
-  "dropdown-max-height": "300px"
-};
-
-const Spacings = {
-  // 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 { Animations, BorderColors, BorderRadius, Colors, FontSizes, Glows, LineHeights, Shadows, Sizes, Spacings };
+export { Animations };
 //# sourceMappingURL=tokens.es.js.map

package/dist/tokens.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/animations.ts","../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/shadows.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const Animations = {\n  // Durations\n  durationNormal: '200ms',\n  durationSlow: '300ms',\n\n  // Easings\n  easeOut: 'cubic-bezier(0.33, 1, 0.68, 1)',\n};\n","export const BorderRadius = {\n  none: '0px',\n  sm: '2px',\n  md: '4px',\n  lg: '6px',\n  xl: '12px',\n};\n","export const Colors = {\n  surface1: 'var(--surface1)',\n  surface2: 'var(--surface2)',\n  surface3: 'var(--surface3)',\n  surface4: 'var(--surface4)',\n  surface5: 'var(--surface5)',\n  surface6: 'var(--surface6)',\n  accent1: 'var(--accent1)',\n  accent2: 'var(--accent2)',\n  accent3: 'var(--accent3)',\n  accent5: 'var(--accent5)',\n  accent6: 'var(--accent6)',\n  accent1Dark: 'var(--accent1Dark)',\n  accent2Dark: 'var(--accent2Dark)',\n  accent3Dark: 'var(--accent3Dark)',\n  accent5Dark: 'var(--accent5Dark)',\n  accent6Dark: 'var(--accent6Dark)',\n  accent1Darker: 'var(--accent1Darker)',\n  accent2Darker: 'var(--accent2Darker)',\n  accent3Darker: 'var(--accent3Darker)',\n  accent5Darker: 'var(--accent5Darker)',\n  accent6Darker: 'var(--accent6Darker)',\n  neutral1: 'var(--neutral1)',\n  neutral2: 'var(--neutral2)',\n  neutral3: 'var(--neutral3)',\n  neutral4: 'var(--neutral4)',\n  neutral5: 'var(--neutral5)',\n  neutral6: 'var(--neutral6)',\n\n  // Semantic state colors\n  error: 'var(--error)',\n\n  // Overlay colors\n  overlay: 'var(--overlay)',\n};\n\nexport const BorderColors = {\n  border1: 'var(--border1)',\n  border2: 'var(--border2)',\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-smd': '0.8125rem', // 13px - special font size for e.g. form field labels\n  'ui-md': '0.875rem', // 14px - default text\n  'ui-lg': '1rem', // 16px - emphasized text\n\n  // Header sizes\n  'header-xs': '1rem', // 16px\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-smd': '150%', // 20px\n  'ui-md': '143%', // 20px\n  'ui-lg': '150%', // 24px\n  'header-xs': '137%', // 22px\n  'header-sm': '133%', // 24px\n  'header-md': '140%', // 28px\n  'header-lg': '133%', // 32px\n  'header-xl': '129%', // 36px\n};\n","export const Shadows = {\n  // Elevation shadows\n  sm: '0 1px 2px rgba(0, 0, 0, 0.3)',\n  md: '0 4px 6px rgba(0, 0, 0, 0.3)',\n  lg: '0 10px 15px rgba(0, 0, 0, 0.4)',\n\n  // Inner shadow for pressed states\n  inner: 'inset 0 2px 4px rgba(0, 0, 0, 0.3)',\n\n  // Card/elevated surface shadows\n  card: '0 2px 8px rgba(0, 0, 0, 0.4)',\n  elevated: '0 8px 24px rgba(0, 0, 0, 0.5)',\n\n  // Dialog/modal shadows\n  dialog: '0 16px 48px rgba(0, 0, 0, 0.6)',\n};\n\n// Glow effects for interactive elements (focus states, etc.)\nexport const Glows = {\n  accent1: '0 0 20px rgba(34, 197, 94, 0.25)',\n  accent2: '0 0 20px rgba(239, 68, 68, 0.25)',\n\n  // Subtle glow for focus rings\n  focusRing: '0 0 0 3px rgba(34, 197, 94, 0.12)',\n};\n","export const Sizes = {\n  'icon-default': '16px',\n  'icon-lg': '20px',\n  'icon-sm': '12px',\n  'form-sm': '1.75rem',\n  'form-md': '2rem',\n  'form-default': '2.25rem',\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': '28px',\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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"}
+{"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/animations.ts"],"sourcesContent":["export const Animations = {\n  // Durations\n  durationNormal: '200ms',\n  durationSlow: '300ms',\n\n  // Easings\n  easeOut: 'cubic-bezier(0.33, 1, 0.68, 1)',\n};\n"],"names":[],"mappings":";;AAAO,MAAM,UAAA,GAAa;AAAA;AAAA,EAExB,cAAA,EAAgB,OAAA;AAAA,EAChB,YAAA,EAAc,OAAA;AAAA;AAAA,EAGd,OAAA,EAAS;AACX;;;;"}

package/dist/tooltip-DehuxlSR.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+import * as React from 'react';
+import { c as cn } from './utils-CzYGxqbG.js';
+
+function TooltipProvider({ delay, delayDuration, timeout, skipDelayDuration, ...props }) {
+  const resolvedDelay = delay ?? delayDuration;
+  const resolvedTimeout = timeout ?? skipDelayDuration;
+  return /* @__PURE__ */ jsx(
+    Tooltip$1.Provider,
+    {
+      ...resolvedDelay !== void 0 ? { delay: resolvedDelay } : {},
+      ...resolvedTimeout !== void 0 ? { timeout: resolvedTimeout } : {},
+      ...props
+    }
+  );
+}
+const Tooltip = Tooltip$1.Root;
+const TooltipTrigger = React.forwardRef(
+  ({ asChild, render, children, ...props }, ref) => {
+    if (asChild && React.isValidElement(children)) {
+      return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { ref, render: children, ...props });
+    }
+    return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { ref, render, ...props, children });
+  }
+);
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipContent = React.forwardRef(
+  ({ className, side = "top", sideOffset = 8, align = "center", alignOffset = 0, children, ...props }, ref) => /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(
+    Tooltip$1.Positioner,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      arrowPadding: 10,
+      className: "isolate z-[100]",
+      children: /* @__PURE__ */ jsxs(
+        Tooltip$1.Popup,
+        {
+          ref,
+          role: "tooltip",
+          className: cn(
+            "relative z-[100] flex flex-col origin-(--transform-origin) rounded-lg border border-border1 bg-surface3 px-2.5 py-1.5 text-ui-sm leading-ui-sm text-neutral5 shadow-dialog transition-[transform,scale,opacity] duration-150",
+            "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+            "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
+            "data-[instant]:transition-none",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ jsx(
+              Tooltip$1.Arrow,
+              {
+                className: cn(
+                  "flex",
+                  "data-[side=top]:-bottom-[8px] data-[side=top]:rotate-180",
+                  "data-[side=bottom]:-top-[8px]",
+                  "data-[side=left]:-right-[10px] data-[side=left]:rotate-90",
+                  "data-[side=right]:-left-[10px] data-[side=right]:-rotate-90"
+                ),
+                children: /* @__PURE__ */ jsx(TooltipArrowSvg, {})
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) })
+);
+TooltipContent.displayName = "TooltipContent";
+function TooltipArrowSvg() {
+  return /* @__PURE__ */ jsxs("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx("path", { d: "M0 7L4 2Q6 0 8 2L12 7L12 8L0 8Z", className: "fill-surface3" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M0 7.5L4 2.5Q6 0.5 8 2.5L12 7.5",
+        className: "fill-none stroke-border1",
+        strokeWidth: "1",
+        strokeLinejoin: "round",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+
+export { Tooltip as T, TooltipContent as a, TooltipProvider as b, TooltipTrigger as c };
+//# sourceMappingURL=tooltip-DehuxlSR.js.map

package/dist/tooltip-DehuxlSR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-DehuxlSR.js","sources":["../src/ds/components/Tooltip/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\ntype TooltipProviderProps = Omit<TooltipPrimitive.Provider.Props, 'delay' | 'timeout'> & {\n  delay?: number;\n  timeout?: number;\n  /** Radix API compatibility alias for `delay`. */\n  delayDuration?: number;\n  /** Radix API compatibility alias for `timeout`. */\n  skipDelayDuration?: number;\n};\n\nfunction TooltipProvider({ delay, delayDuration, timeout, skipDelayDuration, ...props }: TooltipProviderProps) {\n  const resolvedDelay = delay ?? delayDuration;\n  const resolvedTimeout = timeout ?? skipDelayDuration;\n  return (\n    <TooltipPrimitive.Provider\n      {...(resolvedDelay !== undefined ? { delay: resolvedDelay } : {})}\n      {...(resolvedTimeout !== undefined ? { timeout: resolvedTimeout } : {})}\n      {...props}\n    />\n  );\n}\n\nconst Tooltip = TooltipPrimitive.Root;\n\ntype TooltipTriggerProps = TooltipPrimitive.Trigger.Props & {\n  /** Radix-style alias for Base UI's native `render` prop. */\n  asChild?: boolean;\n};\n\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  ({ asChild, render, children, ...props }, ref) => {\n    if (asChild && React.isValidElement(children)) {\n      return <TooltipPrimitive.Trigger ref={ref} render={children} {...props} />;\n    }\n    return (\n      <TooltipPrimitive.Trigger ref={ref} render={render} {...props}>\n        {children}\n      </TooltipPrimitive.Trigger>\n    );\n  },\n);\nTooltipTrigger.displayName = 'TooltipTrigger';\n\ntype TooltipContentProps = TooltipPrimitive.Popup.Props &\n  Pick<TooltipPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset'>;\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ className, side = 'top', sideOffset = 8, align = 'center', alignOffset = 0, children, ...props }, ref) => (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        arrowPadding={10}\n        className=\"isolate z-[100]\"\n      >\n        <TooltipPrimitive.Popup\n          ref={ref}\n          // Base UI's Popup omits `role=\"tooltip\"` by default (only the trigger\n          // gets `aria-describedby`). Radix used to set it on Content, and our\n          // consumers query via `getByRole('tooltip')`, so set it explicitly.\n          role=\"tooltip\"\n          className={cn(\n            'relative z-[100] flex flex-col origin-(--transform-origin) rounded-lg border border-border1 bg-surface3 px-2.5 py-1.5 text-ui-sm leading-ui-sm text-neutral5 shadow-dialog transition-[transform,scale,opacity] duration-150',\n            'data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n            'data-[ending-style]:scale-95 data-[ending-style]:opacity-0',\n            'data-[instant]:transition-none',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipPrimitive.Arrow\n            className={cn(\n              'flex',\n              'data-[side=top]:-bottom-[8px] data-[side=top]:rotate-180',\n              'data-[side=bottom]:-top-[8px]',\n              'data-[side=left]:-right-[10px] data-[side=left]:rotate-90',\n              'data-[side=right]:-left-[10px] data-[side=right]:-rotate-90',\n            )}\n          >\n            <TooltipArrowSvg />\n          </TooltipPrimitive.Arrow>\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  ),\n);\nTooltipContent.displayName = 'TooltipContent';\n\n// Triangle with a rounded apex. The stroke endpoints land on the popup border\n// center (popup_top + 0.5 with `border border-border1`), so the arrow outline\n// merges cleanly with the popup border without a horizontal extension that\n// would overlap and thicken the border at the join.\nfunction TooltipArrowSvg() {\n  return (\n    <svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" overflow=\"visible\">\n      <path d=\"M0 7L4 2Q6 0 8 2L12 7L12 8L0 8Z\" className=\"fill-surface3\" />\n      <path\n        d=\"M0 7.5L4 2.5Q6 0.5 8 2.5L12 7.5\"\n        className=\"fill-none stroke-border1\"\n        strokeWidth=\"1\"\n        strokeLinejoin=\"round\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"names":["TooltipPrimitive"],"mappings":"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"}