@razorpay/blade 12.68.0 → 12.89.1

package/build/lib/web/development/tokens/theme/createTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.js","sources":["../../../../../../src/tokens/theme/createTheme.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\nimport type { WCAG2Options, ColorInput } from 'tinycolor2';\nimport type { ThemeTokens } from './theme';\nimport overrideTheme from './overrideTheme';\nimport bladeTheme from './bladeTheme';\nimport { colors as globalColors, opacity } from '~tokens/global';\nimport type { ColorChromaticScale } from '~tokens/global/colors';\nimport { throwBladeError } from '~utils/logger';\nimport type { DeepPartial } from '~utils/isPartialMatchObjectKeys';\n\n// WCAG2ContrastOptions are the options used to determine if a color is readable\nconst WCAG2ContrastOptions: WCAG2Options = {\n  level: 'AAA',\n  size: 'large',\n};\n\n/**\n * getColorWithOpacity\n * @param color - The color to add opacity to\n * @param opacity - The opacity to add to the color\n * @returns The color with the opacity added\n * @example\n * getColorWithOpacity('#fff', 0.5) // returns 'hsla(0, 0%, 100%, 0.5)'\n *\n **/\nconst getColorWithOpacity = (color: ColorInput, opacity: number): string => {\n  return tinycolor(color).setAlpha(opacity).toHslString();\n};\n\n/**\n *\n * @description\n * Generates a chromatic color palette based on the base color passed in.\n * The base color is used to generate a palette of 11 colors, 5 shades lighter and 5 shades darker than the base color.\n * @param baseColorInput - The base color to generate the chromatic color palette from in hex, rgb, or hsl format\n * @returns Array of chromatic color palette\n */\nconst generateChromaticBrandColors = (baseColorInput: ColorInput): ColorChromaticScale => {\n  const baseColor = tinycolor(baseColorInput);\n  const baseColorHslString = baseColor.toHslString();\n  if (__DEV__) {\n    if (!baseColor.isValid()) {\n      throwBladeError({\n        message: 'Invalid brandColor passed',\n        moduleName: 'createTheme',\n      });\n    }\n  }\n\n  const palette = [baseColorHslString]; // Include the original color\n  const brightness = tinycolor(baseColor).getBrightness();\n  // Determine how much to lighten or darken the colors depending on the brightness of the base color\n  const lightnessFactor = brightness > 150 ? 3 : 6;\n  const darknessFactor = brightness < 50 ? 3 : 5;\n\n  let currentColor = baseColor;\n\n  // Generate shades lighter\n  for (let lightShadeIndex = 0; lightShadeIndex < 6; lightShadeIndex++) {\n    currentColor = currentColor.brighten(lightnessFactor);\n    palette.push(currentColor.toHslString());\n  }\n\n  currentColor = tinycolor(baseColorHslString); // Reset to the base color\n\n  // Generate shades darker\n  for (let darkShadeIndex = 0; darkShadeIndex < 4; darkShadeIndex++) {\n    currentColor = currentColor.darken(darknessFactor);\n    palette.unshift(currentColor.toHslString()); // Add shades at the beginning of the palette\n  }\n\n  const colorPalette = palette.reverse();\n  const brandPrimaryColor = colorPalette[6];\n\n  const brandColors: ColorChromaticScale = {\n    '50': colorPalette[0],\n    '100': colorPalette[1],\n    '200': colorPalette[2],\n    '300': colorPalette[3],\n    '400': colorPalette[4],\n    '500': colorPalette[5],\n    '600': brandPrimaryColor,\n    '700': colorPalette[7],\n    '800': colorPalette[8],\n    '900': colorPalette[9],\n    '1000': colorPalette[10],\n    a50: getColorWithOpacity(brandPrimaryColor, opacity[100]),\n    a150: getColorWithOpacity(brandPrimaryColor, opacity[100]),\n    a100: getColorWithOpacity(brandPrimaryColor, opacity[200]),\n    a200: getColorWithOpacity(brandPrimaryColor, opacity[300]),\n    a400: getColorWithOpacity(brandPrimaryColor, opacity[400]),\n  };\n\n  return brandColors;\n};\n\n/**\n *\n * @param brandColors - The brand colors to use to override the light theme\n * @description Returns overrides for the light theme with the brand colors passed in\n * @returns Overrides for the light theme with the custom brand colors\n */\nconst getOnLightOverrides = (\n  brandColors: ColorChromaticScale,\n): DeepPartial<ThemeTokens['colors']['onLight']> => {\n  // Select the most readable color to use as the foreground color on top of surface color\n  // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or dark color depending on which is more readable on top of that surface color\n  const foregroundOnSurface = tinycolor.isReadable(\n    globalColors.neutral.blueGrayLight[50],\n    brandColors[600],\n    WCAG2ContrastOptions,\n  )\n    ? brandColors[600]\n    : globalColors.neutral.blueGrayLight[1100];\n\n  const foregroundOnBrand = tinycolor\n    .mostReadable(\n      brandColors[900],\n      [globalColors.neutral.white[500], globalColors.neutral.black[500]],\n      WCAG2ContrastOptions,\n    )\n    .toHslString();\n\n  // Overrides for the light theme with the brand colors passed in\n  const lightThemeOverrides: DeepPartial<ThemeTokens['colors']['onLight']> = {\n    interactive: {\n      background: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n          fadedHighlighted: brandColors.a150,\n        },\n      },\n      border: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n        },\n      },\n      text: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: brandColors.a200,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n      icon: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: brandColors.a200,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n    },\n    surface: {\n      background: {\n        primary: {\n          intense: brandColors[600],\n          subtle: brandColors[200],\n        },\n      },\n      border: {\n        primary: {\n          normal: brandColors[600],\n          muted: brandColors.a200,\n        },\n      },\n      icon: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n      text: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n    },\n  };\n\n  return lightThemeOverrides;\n};\n\n/**\n *\n * @param brandColors - The brand colors to use to override the dark theme\n * @description Returns overrides for the dark theme with the brand colors passed in\n * @returns Overrides for the dark theme with the custom brand colors\n */\nconst getOnDarkOverrides = (\n  brandColors: ColorChromaticScale,\n): DeepPartial<ThemeTokens['colors']['onDark']> => {\n  // Select the most readable color to use as the foreground color on top of surface color\n  // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or dark color depending on which is more readable on top of that surface color\n  const foregroundOnSurface = tinycolor.isReadable(\n    globalColors.neutral.blueGrayDark[1100],\n    brandColors[400],\n    WCAG2ContrastOptions,\n  )\n    ? brandColors[400]\n    : globalColors.neutral.blueGrayDark[0];\n\n  const foregroundOnBrand = tinycolor\n    .mostReadable(\n      brandColors[900],\n      [globalColors.neutral.white[500], globalColors.neutral.black[500]],\n      WCAG2ContrastOptions,\n    )\n    .toHslString();\n\n  // Overrides for the dark theme with the brand colors passed in\n  const darkThemeOverrides: DeepPartial<ThemeTokens['colors']['onDark']> = {\n    interactive: {\n      background: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n          fadedHighlighted: brandColors.a150,\n        },\n      },\n      border: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n        },\n      },\n      text: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: brandColors.a400,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n      icon: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: brandColors.a400,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n    },\n    surface: {\n      background: {\n        primary: {\n          intense: brandColors[600],\n          subtle: brandColors[200],\n        },\n      },\n      border: {\n        primary: {\n          normal: brandColors[600],\n          muted: brandColors.a200,\n        },\n      },\n      icon: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n    },\n  };\n\n  return darkThemeOverrides;\n};\n\n/**\n * @param {Object} themeConfig - The brand color and overrides to apply to the theme\n * @param {string} themeConfig.brandColor - The brand color to use to generate the theme. Can be in hex, rgb, or hsl format.\n * @description\n * Creates a Blade Theme based on the custom brand color\n * @returns The Theme Tokens with the custom brand colors\n * @example\n * const { theme, brandColors } = createTheme({ brandColor: '#19BEA2'})\n **/\nexport const createTheme = ({\n  brandColor,\n}: {\n  brandColor: ColorInput;\n}): { theme: ThemeTokens; brandColors: ColorChromaticScale } => {\n  const chromaticBrandColors = generateChromaticBrandColors(brandColor);\n  // Get onLight overrides\n  const brandedLightTheme = getOnLightOverrides(chromaticBrandColors);\n  // Get onDark overrides\n  const brandedDarkTheme = getOnDarkOverrides(chromaticBrandColors);\n  // Override the payment theme with the brand colors\n  const brandedThemeTokens = overrideTheme({\n    baseThemeTokens: bladeTheme,\n    overrides: {\n      name: `custom-${tinycolor(brandColor).toHex()}`,\n      colors: {\n        onLight: {\n          ...brandedLightTheme,\n        },\n        onDark: {\n          ...brandedDarkTheme,\n        },\n      },\n    },\n  });\n\n  return { theme: brandedThemeTokens, brandColors: chromaticBrandColors };\n};\n"],"names":["WCAG2ContrastOptions","level","size","getColorWithOpacity","color","opacity","tinycolor","setAlpha","toHslString","generateChromaticBrandColors","baseColorInput","baseColor","baseColorHslString","isValid","throwBladeError","message","moduleName","palette","brightness","getBrightness","lightnessFactor","darknessFactor","currentColor","lightShadeIndex","brighten","push","darkShadeIndex","darken","unshift","colorPalette","reverse","brandPrimaryColor","brandColors","a50","a150","a100","a200","a400","getOnLightOverrides","foregroundOnSurface","isReadable","globalColors","neutral","blueGrayLight","foregroundOnBrand","mostReadable","white","black","lightThemeOverrides","interactive","background","primary","highlighted","disabled","faded","fadedHighlighted","border","text","normal","muted","subtle","onPrimary","icon","surface","intense","getOnDarkOverrides","blueGrayDark","darkThemeOverrides","createTheme","_ref","brandColor","chromaticBrandColors","brandedLightTheme","brandedDarkTheme","brandedThemeTokens","overrideTheme","baseThemeTokens","bladeTheme","overrides","name","concat","toHex","colors","onLight","_objectSpread","onDark","theme"],"mappings":"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"}
+{"version":3,"file":"createTheme.js","sources":["../../../../../../src/tokens/theme/createTheme.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\nimport type { WCAG2Options, ColorInput } from 'tinycolor2';\nimport type { ThemeTokens } from './theme';\nimport overrideTheme from './overrideTheme';\nimport bladeTheme from './bladeTheme';\nimport { colors as globalColors, opacity } from '~tokens/global';\nimport type { ColorChromaticScale } from '~tokens/global/colors';\nimport { throwBladeError } from '~utils/logger';\nimport type { DeepPartial } from '~utils/isPartialMatchObjectKeys';\n\n// WCAG2ContrastOptions are the options used to determine if a color is readable\nconst WCAG2ContrastOptions: WCAG2Options = {\n  level: 'AAA',\n  size: 'large',\n};\n\n/**\n * getColorWithOpacity\n * @param color - The color to add opacity to\n * @param opacity - The opacity to add to the color\n * @returns The color with the opacity added\n * @example\n * getColorWithOpacity('#fff', 0.5) // returns 'hsla(0, 0%, 100%, 0.5)'\n *\n **/\nconst getColorWithOpacity = (color: ColorInput, opacity: number): string => {\n  return tinycolor(color).setAlpha(opacity).toHslString();\n};\n\n/**\n *\n * @description\n * Generates a chromatic color palette based on the base color passed in.\n * The base color is used to generate a palette of 11 colors, 5 shades lighter and 5 shades darker than the base color.\n * @param baseColorInput - The base color to generate the chromatic color palette from in hex, rgb, or hsl format\n * @returns Array of chromatic color palette\n */\nconst generateChromaticBrandColors = (baseColorInput: ColorInput): ColorChromaticScale => {\n  const baseColor = tinycolor(baseColorInput);\n  const baseColorHslString = baseColor.toHslString();\n  if (__DEV__) {\n    if (!baseColor.isValid()) {\n      throwBladeError({\n        message: 'Invalid brandColor passed',\n        moduleName: 'createTheme',\n      });\n    }\n  }\n\n  const palette = [baseColorHslString]; // Include the original color\n  const brightness = tinycolor(baseColor).getBrightness();\n  // Determine how much to lighten or darken the colors depending on the brightness of the base color\n  const lightnessFactor = brightness > 150 ? 3 : 6;\n  const darknessFactor = brightness < 50 ? 3 : 5;\n\n  let currentColor = baseColor;\n\n  // Generate shades lighter\n  for (let lightShadeIndex = 0; lightShadeIndex < 6; lightShadeIndex++) {\n    currentColor = currentColor.brighten(lightnessFactor);\n    palette.push(currentColor.toHslString());\n  }\n\n  currentColor = tinycolor(baseColorHslString); // Reset to the base color\n\n  // Generate shades darker\n  for (let darkShadeIndex = 0; darkShadeIndex < 4; darkShadeIndex++) {\n    currentColor = currentColor.darken(darknessFactor);\n    palette.unshift(currentColor.toHslString()); // Add shades at the beginning of the palette\n  }\n\n  const colorPalette = palette.reverse();\n  const brandPrimaryColor = colorPalette[6];\n\n  const brandColors: ColorChromaticScale = {\n    '50': colorPalette[0],\n    '100': colorPalette[1],\n    '200': colorPalette[2],\n    '300': colorPalette[3],\n    '400': colorPalette[4],\n    '500': colorPalette[5],\n    '600': brandPrimaryColor,\n    '700': colorPalette[7],\n    '800': colorPalette[8],\n    '900': colorPalette[9],\n    '1000': colorPalette[10],\n    a50: getColorWithOpacity(brandPrimaryColor, opacity[100]),\n    a150: getColorWithOpacity(brandPrimaryColor, opacity[100]),\n    a100: getColorWithOpacity(brandPrimaryColor, opacity[200]),\n    a200: getColorWithOpacity(brandPrimaryColor, opacity[300]),\n    a400: getColorWithOpacity(brandPrimaryColor, opacity[400]),\n  };\n\n  return brandColors;\n};\n\n/**\n *\n * @param brandColors - The brand colors to use to override the light theme\n * @description Returns overrides for the light theme with the brand colors passed in\n * @returns Overrides for the light theme with the custom brand colors\n */\nconst getOnLightOverrides = (\n  brandColors: ColorChromaticScale,\n): DeepPartial<ThemeTokens['colors']['onLight']> => {\n  // Select the most readable color to use as the foreground color on top of surface color\n  // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or dark color depending on which is more readable on top of that surface color\n  const foregroundOnSurface = tinycolor.isReadable(\n    globalColors.neutral.blueGrayLight[50],\n    brandColors[600],\n    WCAG2ContrastOptions,\n  )\n    ? brandColors[600]\n    : globalColors.neutral.blueGrayLight[1100];\n\n  const foregroundOnBrand = tinycolor\n    .mostReadable(\n      brandColors[900],\n      [globalColors.neutral.white[500], globalColors.neutral.black[500]],\n      WCAG2ContrastOptions,\n    )\n    .toHslString();\n\n  // Overrides for the light theme with the brand colors passed in\n  const lightThemeOverrides: DeepPartial<ThemeTokens['colors']['onLight']> = {\n    interactive: {\n      background: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n          fadedHighlighted: brandColors.a150,\n        },\n      },\n      border: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n        },\n      },\n      text: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: brandColors.a200,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n      icon: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: brandColors.a200,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n    },\n    surface: {\n      background: {\n        primary: {\n          intense: brandColors[600],\n          subtle: brandColors.a150,\n        },\n      },\n      border: {\n        primary: {\n          normal: brandColors[600],\n          muted: brandColors.a200,\n        },\n      },\n      icon: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n      text: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n    },\n  };\n\n  return lightThemeOverrides;\n};\n\n/**\n *\n * @param brandColors - The brand colors to use to override the dark theme\n * @description Returns overrides for the dark theme with the brand colors passed in\n * @returns Overrides for the dark theme with the custom brand colors\n */\nconst getOnDarkOverrides = (\n  brandColors: ColorChromaticScale,\n): DeepPartial<ThemeTokens['colors']['onDark']> => {\n  // Select the most readable color to use as the foreground color on top of surface color\n  // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or dark color depending on which is more readable on top of that surface color\n  const foregroundOnSurface = tinycolor.isReadable(\n    globalColors.neutral.blueGrayDark[1100],\n    brandColors[400],\n    WCAG2ContrastOptions,\n  )\n    ? brandColors[400]\n    : globalColors.neutral.blueGrayDark[0];\n\n  const foregroundOnBrand = tinycolor\n    .mostReadable(\n      brandColors[900],\n      [globalColors.neutral.white[500], globalColors.neutral.black[500]],\n      WCAG2ContrastOptions,\n    )\n    .toHslString();\n\n  // Overrides for the dark theme with the brand colors passed in\n  const darkThemeOverrides: DeepPartial<ThemeTokens['colors']['onDark']> = {\n    interactive: {\n      background: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n          fadedHighlighted: brandColors.a150,\n        },\n      },\n      border: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n        },\n      },\n      text: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: brandColors.a400,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n      icon: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: brandColors.a400,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n    },\n    surface: {\n      background: {\n        primary: {\n          intense: brandColors[600],\n          subtle: brandColors.a150,\n        },\n      },\n      border: {\n        primary: {\n          normal: brandColors[600],\n          muted: brandColors.a200,\n        },\n      },\n      icon: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n    },\n  };\n\n  return darkThemeOverrides;\n};\n\n/**\n * @param {Object} themeConfig - The brand color and overrides to apply to the theme\n * @param {string} themeConfig.brandColor - The brand color to use to generate the theme. Can be in hex, rgb, or hsl format.\n * @description\n * Creates a Blade Theme based on the custom brand color\n * @returns The Theme Tokens with the custom brand colors\n * @example\n * const { theme, brandColors } = createTheme({ brandColor: '#19BEA2'})\n **/\nexport const createTheme = ({\n  brandColor,\n}: {\n  brandColor: ColorInput;\n}): { theme: ThemeTokens; brandColors: ColorChromaticScale } => {\n  const chromaticBrandColors = generateChromaticBrandColors(brandColor);\n  // Get onLight overrides\n  const brandedLightTheme = getOnLightOverrides(chromaticBrandColors);\n  // Get onDark overrides\n  const brandedDarkTheme = getOnDarkOverrides(chromaticBrandColors);\n  // Override the payment theme with the brand colors\n  const brandedThemeTokens = overrideTheme({\n    baseThemeTokens: bladeTheme,\n    overrides: {\n      name: `custom-${tinycolor(brandColor).toHex()}`,\n      colors: {\n        onLight: {\n          ...brandedLightTheme,\n        },\n        onDark: {\n          ...brandedDarkTheme,\n        },\n      },\n    },\n  });\n\n  return { theme: brandedThemeTokens, brandColors: chromaticBrandColors };\n};\n"],"names":["WCAG2ContrastOptions","level","size","getColorWithOpacity","color","opacity","tinycolor","setAlpha","toHslString","generateChromaticBrandColors","baseColorInput","baseColor","baseColorHslString","isValid","throwBladeError","message","moduleName","palette","brightness","getBrightness","lightnessFactor","darknessFactor","currentColor","lightShadeIndex","brighten","push","darkShadeIndex","darken","unshift","colorPalette","reverse","brandPrimaryColor","brandColors","a50","a150","a100","a200","a400","getOnLightOverrides","foregroundOnSurface","isReadable","globalColors","neutral","blueGrayLight","foregroundOnBrand","mostReadable","white","black","lightThemeOverrides","interactive","background","primary","highlighted","disabled","faded","fadedHighlighted","border","text","normal","muted","subtle","onPrimary","icon","surface","intense","getOnDarkOverrides","blueGrayDark","darkThemeOverrides","createTheme","_ref","brandColor","chromaticBrandColors","brandedLightTheme","brandedDarkTheme","brandedThemeTokens","overrideTheme","baseThemeTokens","bladeTheme","overrides","name","concat","toHex","colors","onLight","_objectSpread","onDark","theme"],"mappings":"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"}

package/build/lib/web/development/tokens/theme/theme.js

@@ -1,5 +1,10 @@
 // Exporting this for usage in other components
 
+/**
+ * @deprecated
+ * Use popup.[background|border].[color] instead
+ */
+
 var colorSchemeNamesInput = ['light', 'dark', 'system'];
 
 export { colorSchemeNamesInput };

package/build/lib/web/development/tokens/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../../../../src/tokens/theme/theme.ts"],"sourcesContent":["import type { StringWithAutocomplete } from '~utils/types';\nimport type {\n  Border,\n  Breakpoints,\n  Motion,\n  Spacing,\n  TypographyWithPlatforms,\n  ElevationWithColorModes,\n} from '~tokens/global';\nimport type { ColorChromaticScale, ColorNeutralGrayScale } from '~tokens/global/colors';\n\nexport type ColorSchemeNames = 'dark' | 'light';\nexport type ColorSchemeNamesInput = ColorSchemeNames | 'system';\n\nexport type ColorSchemeModes = 'onDark' | 'onLight';\n\nexport type FeedbackColors = 'information' | 'negative' | 'neutral' | 'notice' | 'positive';\n\nexport type Emphasis = {\n  subtle: string;\n  moderate: string;\n  intense: string;\n  normal: string;\n  muted: string;\n  disabled: string;\n};\n\nexport type DataCategoricalEmphasis = Pick<Emphasis, 'subtle' | 'moderate' | 'intense'> & {\n  faint: string;\n  strong: string;\n};\nexport type DataSequentialEmphasis = Omit<\n  ColorChromaticScale,\n  'a50' | 'a150' | 'a100' | 'a200' | 'a400'\n>;\n\nexport type DataColorCategories =\n  | 'blue'\n  | 'green'\n  | 'red'\n  | 'orange'\n  | 'skyBlue'\n  | 'purple'\n  | 'pink'\n  | 'gold'\n  | 'gray';\n\ntype SubtleOrIntenseEmphasis = Pick<Emphasis, 'subtle' | 'intense'>;\n// Exporting this for usage in other components\nexport type SubtleOrIntense = keyof SubtleOrIntenseEmphasis;\ntype InteractiveStates = {\n  default: string;\n  highlighted: string;\n  disabled: string;\n  faded: string;\n};\n\ntype OnEmphasis = {\n  onSubtle: string;\n  onIntense: string;\n};\n\ntype ColorCategories = {\n  staticBlack: Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>;\n  staticWhite: Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>;\n  gray: Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>;\n  onSea: Pick<OnEmphasis, 'onSubtle' | 'onIntense'>;\n  onCloud: Pick<OnEmphasis, 'onSubtle' | 'onIntense'>;\n  primary: Pick<Emphasis, 'normal'>;\n};\n\ntype InteractiveColorKeys = FeedbackColors | Exclude<keyof ColorCategories, 'onSea' | 'onCloud'>;\n\nexport type Colors = {\n  interactive: {\n    background: Record<InteractiveColorKeys, InteractiveStates & { fadedHighlighted: string }>;\n    border: Record<InteractiveColorKeys, InteractiveStates>;\n    text: Record<\n      InteractiveColorKeys | 'onPrimary',\n      Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>\n    >;\n    icon: Record<\n      InteractiveColorKeys | 'onPrimary',\n      Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>\n    >;\n  };\n  feedback: {\n    background: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n    border: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n    text: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n    icon: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n  };\n  surface: {\n    background: {\n      gray: Pick<Emphasis, 'subtle' | 'moderate' | 'intense'>;\n      primary: SubtleOrIntenseEmphasis;\n      sea: SubtleOrIntenseEmphasis;\n      cloud: SubtleOrIntenseEmphasis;\n    };\n    border: {\n      gray: Pick<Emphasis, 'normal' | 'subtle' | 'muted'>;\n      primary: Pick<Emphasis, 'normal' | 'muted'>;\n    };\n    text: ColorCategories;\n    icon: ColorCategories;\n  };\n  overlay: {\n    background: Pick<Emphasis, 'moderate' | 'subtle'>;\n  };\n  popup: {\n    background: SubtleOrIntenseEmphasis;\n    border: SubtleOrIntenseEmphasis;\n  };\n  transparent: string;\n  data: {\n    background: {\n      categorical: Record<DataColorCategories, DataCategoricalEmphasis>;\n      sequential: Record<DataColorCategories, DataSequentialEmphasis | ColorNeutralGrayScale>;\n    };\n  };\n};\n\nexport type ColorsWithModes = Record<ColorSchemeModes, Colors>;\n\nexport type ThemeTokens = {\n  name: 'bladeTheme' | StringWithAutocomplete; // Can be used to watch over state changes between theme without watching over entire theme object\n  border: Border;\n  breakpoints: Breakpoints;\n  colors: ColorsWithModes;\n  motion: Motion;\n  elevation: ElevationWithColorModes;\n  spacing: Spacing;\n  typography: TypographyWithPlatforms;\n};\n\nexport type SpacingValues = `${Spacing[keyof Spacing]}px`;\nexport type BorderWidthValues = `${Border['width'][keyof Border['width']]}px`;\nexport type BorderRadiusValues =\n  | `${Border['radius'][Exclude<keyof Border['radius'], 'round'>]}px`\n  | `${Border['radius'][Extract<keyof Border['radius'], 'round'>]}`;\n\nexport const colorSchemeNamesInput: ColorSchemeNamesInput[] = ['light', 'dark', 'system'];\n"],"names":["colorSchemeNamesInput"],"mappings":"AAgDA;;AA6FO,IAAMA,qBAA8C,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ;;;;"}
+{"version":3,"file":"theme.js","sources":["../../../../../../src/tokens/theme/theme.ts"],"sourcesContent":["import type { StringWithAutocomplete } from '~utils/types';\nimport type {\n  Border,\n  BackdropBlur,\n  Breakpoints,\n  Motion,\n  Spacing,\n  TypographyWithPlatforms,\n  ElevationWithColorModes,\n} from '~tokens/global';\nimport type { ColorChromaticScale, ColorNeutralGrayScale } from '~tokens/global/colors';\n\nexport type ColorSchemeNames = 'dark' | 'light';\nexport type ColorSchemeNamesInput = ColorSchemeNames | 'system';\n\nexport type ColorSchemeModes = 'onDark' | 'onLight';\n\nexport type FeedbackColors = 'information' | 'negative' | 'neutral' | 'notice' | 'positive';\n\nexport type Emphasis = {\n  subtle: string;\n  moderate: string;\n  intense: string;\n  normal: string;\n  muted: string;\n  disabled: string;\n};\n\nexport type DataCategoricalEmphasis = Pick<Emphasis, 'subtle' | 'moderate' | 'intense'> & {\n  faint: string;\n  strong: string;\n};\nexport type DataSequentialEmphasis = Omit<\n  ColorChromaticScale,\n  'a50' | 'a150' | 'a100' | 'a200' | 'a400' | 'a500' | 'a600' | 'a700'\n>;\n\nexport type DataColorCategories =\n  | 'blue'\n  | 'green'\n  | 'red'\n  | 'orange'\n  | 'skyBlue'\n  | 'purple'\n  | 'pink'\n  | 'gold'\n  | 'gray';\n\ntype SubtleOrIntenseEmphasis = Pick<Emphasis, 'subtle' | 'intense'>;\n// Exporting this for usage in other components\nexport type SubtleOrIntense = keyof SubtleOrIntenseEmphasis;\ntype InteractiveStates = {\n  default: string;\n  highlighted: string;\n  disabled: string;\n  faded: string;\n};\n\ntype InteractiveStatesWithFadedHighlighted = InteractiveStates & {\n  fadedHighlighted: string;\n};\n\ntype InteractiveBackgroundStatesWithGhost = InteractiveStatesWithFadedHighlighted & {\n  ghost: string;\n};\n\ntype InteractiveBackgroundColorsWithGhost = 'gray' | 'staticBlack' | 'staticWhite';\ntype InteractiveBorderColorsWithFadedHighlighted = 'staticBlack' | 'staticWhite';\n\ntype OnEmphasis = {\n  onSubtle: string;\n  onIntense: string;\n};\n\ntype ColorCategories = {\n  staticBlack: Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>;\n  staticWhite: Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>;\n  gray: Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>;\n  onSea: Pick<OnEmphasis, 'onSubtle' | 'onIntense'>;\n  onCloud: Pick<OnEmphasis, 'onSubtle' | 'onIntense'>;\n  primary: Pick<Emphasis, 'normal'>;\n};\n\ntype InteractiveColorKeys = FeedbackColors | Exclude<keyof ColorCategories, 'onSea' | 'onCloud'>;\n\n/**\n * @deprecated\n * Use popup.[background|border].[color] instead\n */\ntype PopupDeprecatedTokens = {\n  /**\n   * @deprecated\n   *\n   * Use popup.[background|border].[color].subtle instead\n   */\n  subtle: string;\n  /**\n   * @deprecated\n   * Use popup.[background|border].[color].intense instead\n   */\n  intense: string;\n};\n\nexport type Colors = {\n  interactive: {\n    background: Record<\n      Exclude<InteractiveColorKeys, InteractiveBackgroundColorsWithGhost>,\n      InteractiveStatesWithFadedHighlighted\n    > &\n      Record<InteractiveBackgroundColorsWithGhost, InteractiveBackgroundStatesWithGhost>;\n    border: Record<\n      Exclude<InteractiveColorKeys, InteractiveBorderColorsWithFadedHighlighted>,\n      InteractiveStates\n    > &\n      Record<InteractiveBorderColorsWithFadedHighlighted, InteractiveStatesWithFadedHighlighted>;\n    text: Record<\n      InteractiveColorKeys | 'onPrimary',\n      Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>\n    >;\n    icon: Record<\n      InteractiveColorKeys | 'onPrimary',\n      Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>\n    >;\n  };\n  feedback: {\n    background: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n    border: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n    text: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n    icon: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n  };\n  surface: {\n    background: {\n      gray: Pick<Emphasis, 'subtle' | 'moderate' | 'intense'>;\n      primary: SubtleOrIntenseEmphasis;\n      sea: SubtleOrIntenseEmphasis;\n      cloud: SubtleOrIntenseEmphasis;\n    };\n    border: {\n      gray: Pick<Emphasis, 'normal' | 'subtle' | 'muted'>;\n      primary: Pick<Emphasis, 'normal' | 'muted'>;\n    };\n    text: ColorCategories;\n    icon: ColorCategories;\n  };\n  overlay: {\n    background: Pick<Emphasis, 'moderate' | 'subtle'>;\n  };\n  popup: {\n    background: Record<FeedbackColors, Pick<Emphasis, 'moderate'>> & {\n      gray: Pick<Emphasis, 'subtle' | 'moderate' | 'intense'>;\n    } & PopupDeprecatedTokens;\n    border: Record<FeedbackColors, Pick<Emphasis, 'moderate'>> & {\n      gray: Pick<Emphasis, 'subtle' | 'moderate' | 'intense'>;\n    } & PopupDeprecatedTokens;\n  };\n  transparent: string;\n  data: {\n    background: {\n      categorical: Record<DataColorCategories, DataCategoricalEmphasis>;\n      sequential: Record<DataColorCategories, DataSequentialEmphasis | ColorNeutralGrayScale>;\n    };\n  };\n};\n\nexport type ColorsWithModes = Record<ColorSchemeModes, Colors>;\n\nexport type ThemeTokens = {\n  name: 'bladeTheme' | StringWithAutocomplete; // Can be used to watch over state changes between theme without watching over entire theme object\n  border: Border;\n  backdropBlur: BackdropBlur;\n  breakpoints: Breakpoints;\n  colors: ColorsWithModes;\n  motion: Motion;\n  elevation: ElevationWithColorModes;\n  spacing: Spacing;\n  typography: TypographyWithPlatforms;\n};\n\nexport type SpacingValues = `${Spacing[keyof Spacing]}px`;\nexport type BorderWidthValues = `${Border['width'][keyof Border['width']]}px`;\nexport type BorderRadiusValues =\n  | `${Border['radius'][Exclude<keyof Border['radius'], 'round'>]}px`\n  | `${Border['radius'][Extract<keyof Border['radius'], 'round'>]}`;\n\nexport const colorSchemeNamesInput: ColorSchemeNamesInput[] = ['light', 'dark', 'system'];\n"],"names":["colorSchemeNamesInput"],"mappings":"AAiDA;;AAoCA;AACA;AACA;AACA;;AAgGO,IAAMA,qBAA8C,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ;;;;"}

package/build/lib/web/development/utils/index.js

@@ -10,6 +10,8 @@ import './makeMotionTime/index.web.js';
 import './makeSpace/index.js';
 import './makeTypographySize/index.web.js';
 import './makeSize/index.js';
+import './makePopupBoxShadow/index.js';
+import './makeSurfaceStyles/index.js';
 import './toTitleCase/index.js';
 import './usePrevious/index.js';
 export { ThemeContext, default as useTheme } from '../components/BladeProvider/useTheme.js';
@@ -27,6 +29,8 @@ export { makeMotionTime } from './makeMotionTime/makeMotionTime.web.js';
 export { makeSpace } from './makeSpace/makeSpace.js';
 export { makeTypographySize } from './makeTypographySize/makeTypographySize.web.js';
 export { makeSize } from './makeSize/makeSize.js';
+export { getPopupBoxShadowString } from './makePopupBoxShadow/makePopupBoxShadow.js';
+export { getSurfaceBoxShadow, getSurfaceBoxShadowString, getSurfaceGradients, getSurfaceStyles } from './makeSurfaceStyles/makeSurfaceStyles.js';
 export { toTitleCase } from './toTitleCase/toTitleCase.js';
 export { usePrevious } from './usePrevious/usePrevious.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/development/utils/index.js.map

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

package/build/lib/web/development/utils/makePopupBoxShadow/index.js

@@ -0,0 +1,2 @@
+export { getPopupBoxShadowString } from './makePopupBoxShadow.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/utils/makePopupBoxShadow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/development/utils/makePopupBoxShadow/makePopupBoxShadow.js

@@ -0,0 +1,32 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+
+var getPopupShadows = function getPopupShadows(theme, colorScheme) {
+  var boxShadow = {
+    light: {
+      elevation: "".concat(theme.elevation.midRaised),
+      border: "inset 0px 0px 0px 1px ".concat(theme.colors.popup.border.gray.subtle),
+      top: "inset 0px 0px 0px 0px ".concat(theme.colors.popup.border.gray.moderate)
+    },
+    dark: {
+      elevation: "".concat(theme.elevation.midRaised),
+      border: "inset 0px 0px 0px 1px ".concat(theme.colors.popup.border.gray.subtle),
+      top: "inset 0px 1px 0px 0px ".concat(theme.colors.popup.border.gray.moderate)
+    }
+  };
+  return boxShadow[colorScheme];
+};
+
+/**
+ * Returns a single CSS box-shadow string combining border, elevation, and top inner shadow.
+ * Use when applying the full surface shadow to an element.
+ */
+var getPopupBoxShadowString = function getPopupBoxShadowString(theme, colorScheme) {
+  var _getPopupShadows = getPopupShadows(theme, colorScheme),
+    border = _getPopupShadows.border,
+    elevation = _getPopupShadows.elevation,
+    top = _getPopupShadows.top;
+  return "".concat(border, ", ").concat(elevation, ", ").concat(top);
+};
+
+export { getPopupBoxShadowString };
+//# sourceMappingURL=makePopupBoxShadow.js.map

package/build/lib/web/development/utils/makePopupBoxShadow/makePopupBoxShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makePopupBoxShadow.js","sources":["../../../../../../src/utils/makePopupBoxShadow/makePopupBoxShadow.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport type { Theme } from '~components/BladeProvider';\nimport type { SurfaceBoxShadow } from '~utils/makeSurfaceStyles';\n\nconst getPopupShadows = (theme: Theme, colorScheme: ColorSchemeNames): SurfaceBoxShadow => {\n  const boxShadow = {\n    light: {\n      elevation: `${theme.elevation.midRaised}`,\n      border: `inset 0px 0px 0px 1px ${theme.colors.popup.border.gray.subtle}`,\n      top: `inset 0px 0px 0px 0px ${theme.colors.popup.border.gray.moderate}`,\n    },\n    dark: {\n      elevation: `${theme.elevation.midRaised}`,\n      border: `inset 0px 0px 0px 1px ${theme.colors.popup.border.gray.subtle}`,\n      top: `inset 0px 1px 0px 0px ${theme.colors.popup.border.gray.moderate}`,\n    },\n  };\n  return boxShadow[colorScheme];\n};\n\n/**\n * Returns a single CSS box-shadow string combining border, elevation, and top inner shadow.\n * Use when applying the full surface shadow to an element.\n */\nexport const getPopupBoxShadowString = (theme: Theme, colorScheme: ColorSchemeNames): string => {\n  const { border, elevation, top } = getPopupShadows(theme, colorScheme);\n  return `${border}, ${elevation}, ${top}`;\n};\n"],"names":["getPopupShadows","theme","colorScheme","boxShadow","light","elevation","concat","midRaised","border","colors","popup","gray","subtle","top","moderate","dark","getPopupBoxShadowString","_getPopupShadows"],"mappings":"AAAA;;AAKA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAY,EAAEC,WAA6B,EAAuB;AACzF,EAAA,IAAMC,SAAS,GAAG;AAChBC,IAAAA,KAAK,EAAE;MACLC,SAAS,EAAA,EAAA,CAAAC,MAAA,CAAKL,KAAK,CAACI,SAAS,CAACE,SAAS,CAAE;AACzCC,MAAAA,MAAM,EAAAF,wBAAAA,CAAAA,MAAA,CAA2BL,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACF,MAAM,CAACG,IAAI,CAACC,MAAM,CAAE;AACxEC,MAAAA,GAAG,EAAAP,wBAAAA,CAAAA,MAAA,CAA2BL,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACF,MAAM,CAACG,IAAI,CAACG,QAAQ,CAAA;KACtE;AACDC,IAAAA,IAAI,EAAE;MACJV,SAAS,EAAA,EAAA,CAAAC,MAAA,CAAKL,KAAK,CAACI,SAAS,CAACE,SAAS,CAAE;AACzCC,MAAAA,MAAM,EAAAF,wBAAAA,CAAAA,MAAA,CAA2BL,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACF,MAAM,CAACG,IAAI,CAACC,MAAM,CAAE;AACxEC,MAAAA,GAAG,EAAAP,wBAAAA,CAAAA,MAAA,CAA2BL,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACF,MAAM,CAACG,IAAI,CAACG,QAAQ,CAAA;AACvE,KAAA;GACD,CAAA;EACD,OAAOX,SAAS,CAACD,WAAW,CAAC,CAAA;AAC/B,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACO,IAAMc,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIf,KAAY,EAAEC,WAA6B,EAAa;AAC9F,EAAA,IAAAe,gBAAA,GAAmCjB,eAAe,CAACC,KAAK,EAAEC,WAAW,CAAC;IAA9DM,MAAM,GAAAS,gBAAA,CAANT,MAAM;IAAEH,SAAS,GAAAY,gBAAA,CAATZ,SAAS;IAAEQ,GAAG,GAAAI,gBAAA,CAAHJ,GAAG,CAAA;EAC9B,OAAAP,EAAAA,CAAAA,MAAA,CAAUE,MAAM,EAAAF,IAAAA,CAAAA,CAAAA,MAAA,CAAKD,SAAS,EAAA,IAAA,CAAA,CAAAC,MAAA,CAAKO,GAAG,CAAA,CAAA;AACxC;;;;"}

package/build/lib/web/development/utils/makeSurfaceStyles/index.js

@@ -0,0 +1,2 @@
+export { getSurfaceBoxShadow, getSurfaceBoxShadowString, getSurfaceGradients, getSurfaceStyles } from './makeSurfaceStyles.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/utils/makeSurfaceStyles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/development/utils/makeSurfaceStyles/makeSurfaceStyles.js

@@ -0,0 +1,131 @@
+import '../../tokens/global/index.js';
+import '../makeSpace/index.js';
+import { colors } from '../../tokens/global/colors.js';
+import { makeSpace } from '../makeSpace/makeSpace.js';
+import { size } from '../../tokens/global/size.js';
+
+/**
+ * Returns the surface-style box shadow layers (elevation, border, top inner shadow)
+ * for use in Card, Table, and other elevated surfaces. Use the same shadow in both
+ * places for visual consistency.
+ *
+ * @param theme - Blade theme (from useTheme())
+ * @param colorScheme - 'light' | 'dark'
+ * @returns Object with elevation, border, and top shadow CSS strings
+ */
+var getSurfaceBoxShadow = function getSurfaceBoxShadow(theme, colorScheme) {
+  var boxShadow = {
+    light: {
+      elevation: "0px 6px 32px 4px ".concat(colors.neutral.blueGrayLight.a406),
+      border: "inset 0px 0px 0px 1px ".concat(theme.colors.interactive.border.gray.disabled),
+      top: "inset 0px -1.5px 0px 1px ".concat(theme.colors.surface.background.gray.intense)
+    },
+    dark: {
+      elevation: "0px 6px 12px 4px ".concat(colors.neutral.black[5]),
+      border: "inset 0px 0px 0px 1px ".concat(theme.colors.interactive.border.gray.disabled),
+      top: "inset 0px 0px 0px 1px ".concat(theme.colors.surface.background.gray.intense)
+    }
+  };
+  return boxShadow[colorScheme];
+};
+
+/**
+ * Returns a single CSS box-shadow string combining border, elevation, and top inner shadow.
+ * Use when applying the full surface shadow to an element.
+ */
+var getSurfaceBoxShadowString = function getSurfaceBoxShadowString(theme, colorScheme) {
+  var _getSurfaceBoxShadow = getSurfaceBoxShadow(theme, colorScheme),
+    border = _getSurfaceBoxShadow.border,
+    elevation = _getSurfaceBoxShadow.elevation,
+    top = _getSurfaceBoxShadow.top;
+  return "".concat(border, ", ").concat(elevation, ", ").concat(top);
+};
+var surfaceGradientsByScheme = {
+  light: {
+    top: {
+      start: colors.neutral.blueGrayLight[0],
+      end: colors.neutral.blueGrayLight[0]
+    },
+    bottom: {
+      start: colors.neutral.blueGrayLight[0],
+      end: colors.neutral.blueGrayLight[50]
+    }
+  },
+  dark: {
+    top: {
+      start: colors.neutral.blueGrayDark[1000],
+      end: colors.neutral.blueGrayDark[1100]
+    },
+    bottom: {
+      start: colors.neutral.blueGrayDark[1100],
+      end: colors.neutral.blueGrayDark[1100]
+    }
+  }
+};
+
+/**
+ * Returns the surface gradient colors (top and bottom) for Card-style overlays.
+ *
+ * @param colorScheme - 'light' | 'dark'
+ * @returns Object with top and bottom gradient { start, end } colors
+ */
+var getSurfaceGradients = function getSurfaceGradients(colorScheme) {
+  return surfaceGradientsByScheme[colorScheme];
+};
+
+/**
+ * Returns the common surface decoration styles (box-shadow, border, gradients)
+ * for use in Card, Table, ListView, and other elevated surfaces.
+ * Spread this into a styled-component's return object alongside layout styles.
+ */
+var getSurfaceStyles = function getSurfaceStyles(theme, colorScheme, options) {
+  var _options$beforeGradie, _options$afterGradien;
+  var isDarkMode = colorScheme === 'dark';
+  var _getSurfaceBoxShadow2 = getSurfaceBoxShadow(theme, colorScheme),
+    border = _getSurfaceBoxShadow2.border,
+    elevation = _getSurfaceBoxShadow2.elevation,
+    top = _getSurfaceBoxShadow2.top;
+  var boxShadow = options !== null && options !== void 0 && options.hideBorder ? "".concat(elevation, ", ").concat(top) : "".concat(border, ", ").concat(elevation, ", ").concat(top);
+  var _getSurfaceGradients = getSurfaceGradients(colorScheme),
+    topGradientColor = _getSurfaceGradients.top,
+    bottomGradientColor = _getSurfaceGradients.bottom;
+  var beforeGradientZIndex = (_options$beforeGradie = options === null || options === void 0 ? void 0 : options.beforeGradientZIndex) !== null && _options$beforeGradie !== void 0 ? _options$beforeGradie : -1;
+  var afterGradientZIndex = (_options$afterGradien = options === null || options === void 0 ? void 0 : options.afterGradientZIndex) !== null && _options$afterGradien !== void 0 ? _options$afterGradien : -1;
+  return {
+    boxShadow: boxShadow,
+    border: 'none',
+    borderTop: isDarkMode ? "1px solid ".concat(theme.colors.surface.border.gray.subtle) : '',
+    isolation: 'isolate',
+    '&::before': {
+      content: '""',
+      position: 'absolute',
+      top: isDarkMode ? 0 : 1,
+      left: 1,
+      right: 1,
+      height: makeSpace(size[16]),
+      background: "linear-gradient(".concat(topGradientColor.start, " 0%, ").concat(topGradientColor.end, " 100%)"),
+      pointerEvents: 'none',
+      borderRadius: 'inherit',
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0,
+      zIndex: beforeGradientZIndex
+    },
+    '&::after': {
+      content: '""',
+      position: 'absolute',
+      bottom: isDarkMode ? 1 : 2,
+      left: 1,
+      right: 1,
+      height: makeSpace(size[16]),
+      background: "linear-gradient(".concat(bottomGradientColor.start, " 0%, ").concat(bottomGradientColor.end, " 100%)"),
+      pointerEvents: 'none',
+      borderRadius: 'inherit',
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0,
+      zIndex: afterGradientZIndex
+    }
+  };
+};
+
+export { getSurfaceBoxShadow, getSurfaceBoxShadowString, getSurfaceGradients, getSurfaceStyles };
+//# sourceMappingURL=makeSurfaceStyles.js.map

package/build/lib/web/development/utils/makeSurfaceStyles/makeSurfaceStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeSurfaceStyles.js","sources":["../../../../../../src/utils/makeSurfaceStyles/makeSurfaceStyles.ts"],"sourcesContent":["import { colors, size } from '~tokens/global';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\n\nexport type SurfaceBoxShadow = {\n  elevation: string;\n  border: string;\n  top: string;\n};\n\n/**\n * Returns the surface-style box shadow layers (elevation, border, top inner shadow)\n * for use in Card, Table, and other elevated surfaces. Use the same shadow in both\n * places for visual consistency.\n *\n * @param theme - Blade theme (from useTheme())\n * @param colorScheme - 'light' | 'dark'\n * @returns Object with elevation, border, and top shadow CSS strings\n */\nexport const getSurfaceBoxShadow = (\n  theme: Theme,\n  colorScheme: ColorSchemeNames,\n): SurfaceBoxShadow => {\n  const boxShadow = {\n    light: {\n      elevation: `0px 6px 32px 4px ${colors.neutral.blueGrayLight.a406}`,\n      border: `inset 0px 0px 0px 1px ${theme.colors.interactive.border.gray.disabled}`,\n      top: `inset 0px -1.5px 0px 1px ${theme.colors.surface.background.gray.intense}`,\n    },\n    dark: {\n      elevation: `0px 6px 12px 4px ${colors.neutral.black[5]}`,\n      border: `inset 0px 0px 0px 1px ${theme.colors.interactive.border.gray.disabled}`,\n      top: `inset 0px 0px 0px 1px ${theme.colors.surface.background.gray.intense}`,\n    },\n  };\n  return boxShadow[colorScheme];\n};\n\n/**\n * Returns a single CSS box-shadow string combining border, elevation, and top inner shadow.\n * Use when applying the full surface shadow to an element.\n */\nexport const getSurfaceBoxShadowString = (theme: Theme, colorScheme: ColorSchemeNames): string => {\n  const { border, elevation, top } = getSurfaceBoxShadow(theme, colorScheme);\n  return `${border}, ${elevation}, ${top}`;\n};\n\nexport type SurfaceGradientColors = {\n  start: string;\n  end: string;\n};\n\nexport type SurfaceGradients = {\n  top: SurfaceGradientColors;\n  bottom: SurfaceGradientColors;\n};\n\nconst surfaceGradientsByScheme: Record<ColorSchemeNames, SurfaceGradients> = {\n  light: {\n    top: {\n      start: colors.neutral.blueGrayLight[0],\n      end: colors.neutral.blueGrayLight[0],\n    },\n    bottom: {\n      start: colors.neutral.blueGrayLight[0],\n      end: colors.neutral.blueGrayLight[50],\n    },\n  },\n  dark: {\n    top: {\n      start: colors.neutral.blueGrayDark[1000],\n      end: colors.neutral.blueGrayDark[1100],\n    },\n    bottom: {\n      start: colors.neutral.blueGrayDark[1100],\n      end: colors.neutral.blueGrayDark[1100],\n    },\n  },\n};\n\n/**\n * Returns the surface gradient colors (top and bottom) for Card-style overlays.\n *\n * @param colorScheme - 'light' | 'dark'\n * @returns Object with top and bottom gradient { start, end } colors\n */\nexport const getSurfaceGradients = (colorScheme: ColorSchemeNames): SurfaceGradients =>\n  surfaceGradientsByScheme[colorScheme];\n\n/**\n * Returns the common surface decoration styles (box-shadow, border, gradients)\n * for use in Card, Table, ListView, and other elevated surfaces.\n * Spread this into a styled-component's return object alongside layout styles.\n */\nexport const getSurfaceStyles = (\n  theme: Theme,\n  colorScheme: ColorSchemeNames,\n  options?: { beforeGradientZIndex?: number; afterGradientZIndex?: number; hideBorder?: boolean },\n): Record<string, unknown> => {\n  const isDarkMode = colorScheme === 'dark';\n  const { border, elevation, top } = getSurfaceBoxShadow(theme, colorScheme);\n  const boxShadow = options?.hideBorder\n    ? `${elevation}, ${top}`\n    : `${border}, ${elevation}, ${top}`;\n  const { top: topGradientColor, bottom: bottomGradientColor } = getSurfaceGradients(colorScheme);\n  const beforeGradientZIndex = options?.beforeGradientZIndex ?? -1;\n  const afterGradientZIndex = options?.afterGradientZIndex ?? -1;\n\n  return {\n    boxShadow,\n    border: 'none',\n    borderTop: isDarkMode ? `1px solid ${theme.colors.surface.border.gray.subtle}` : '',\n    isolation: 'isolate',\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: isDarkMode ? 0 : 1,\n      left: 1,\n      right: 1,\n      height: makeSpace(size[16]),\n      background: `linear-gradient(${topGradientColor.start} 0%, ${topGradientColor.end} 100%)`,\n      pointerEvents: 'none',\n      borderRadius: 'inherit',\n      borderBottomLeftRadius: 0,\n      borderBottomRightRadius: 0,\n      zIndex: beforeGradientZIndex,\n    },\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      bottom: isDarkMode ? 1 : 2,\n      left: 1,\n      right: 1,\n      height: makeSpace(size[16]),\n      background: `linear-gradient(${bottomGradientColor.start} 0%, ${bottomGradientColor.end} 100%)`,\n      pointerEvents: 'none',\n      borderRadius: 'inherit',\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      zIndex: afterGradientZIndex,\n    },\n  };\n};\n"],"names":["getSurfaceBoxShadow","theme","colorScheme","boxShadow","light","elevation","concat","colors","neutral","blueGrayLight","a406","border","interactive","gray","disabled","top","surface","background","intense","dark","black","getSurfaceBoxShadowString","_getSurfaceBoxShadow","surfaceGradientsByScheme","start","end","bottom","blueGrayDark","getSurfaceGradients","getSurfaceStyles","options","_options$beforeGradie","_options$afterGradien","isDarkMode","_getSurfaceBoxShadow2","hideBorder","_getSurfaceGradients","topGradientColor","bottomGradientColor","beforeGradientZIndex","afterGradientZIndex","borderTop","subtle","isolation","content","position","left","right","height","makeSpace","size","pointerEvents","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","zIndex","borderTopLeftRadius","borderTopRightRadius"],"mappings":"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"}

package/build/lib/web/development/utils/metaAttribute/metaConstants.js

@@ -24,10 +24,13 @@ var MetaConstants = {
   BottomNav: 'bottomnav',
   BottomNavItem: 'bottomnav-item',
   Carousel: 'carousel',
+  ChatInput: 'chat-input',
   ChatMessage: 'chat-message',
+  ChatMessageThumbnailPreview: 'chat-message-thumbnail-preview',
   Checkbox: 'checkbox',
   CheckboxGroup: 'checkbox-group',
   CheckboxLabel: 'checkbox-label',
+  CheckboxIconFade: 'checkbox-icon-fade',
   Chip: 'chip',
   ChipGroup: 'chip-group',
   ChipLabel: 'chip-label',
@@ -82,6 +85,7 @@ var MetaConstants = {
   TabNavItems: 'tab-nav-items',
   TabNavItem: 'tab-nav-item',
   TabNavItemLink: 'tab-nav-item-link',
+  TabNavIndicator: 'tab-nav-indicator',
   ProgressBar: 'progress-bar',
   Radio: 'radio',
   RadioGroup: 'radio-group',
@@ -146,6 +150,7 @@ var MetaConstants = {
   Skeleton: 'skeleton',
   StepGroup: 'step-group',
   StepItem: 'step-item',
+  StepItemButton: 'step-item-button',
   PreviewWindow: 'preview-window',
   PreviewHeader: 'preview-header',
   PreviewBody: 'preview-body',

package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  BaseFilterChip: 'base-filter-chip',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  BottomNav: 'bottomnav',\n  BottomNavItem: 'bottomnav-item',\n  Carousel: 'carousel',\n  ChatMessage: 'chat-message',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  CounterInput: 'counter-input',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  EmptyState: 'empty-state',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  FilterChipGroup: 'filter-chip-group',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  InfoGroup: 'info-group',\n  InfoItem: 'info-item',\n  InfoItemKey: 'info-item-key',\n  InfoItemValue: 'info-item-value',\n  InfoItemIcon: 'info-item-icon',\n  Indicator: 'indicator',\n  InputGroup: 'input-group',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  ListView: 'list-view',\n  ListViewFilter: 'list-view-filter',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  TopNav: 'top-nav',\n  TopNavBrand: 'top-nav-brand',\n  TopNavContent: 'top-nav-content',\n  TopNavActions: 'top-nav-actions',\n  TabNav: 'tab-nav',\n  TabNavItems: 'tab-nav-items',\n  TabNavItem: 'tab-nav-item',\n  TabNavItemLink: 'tab-nav-item-link',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableCellWrapper: 'table-cell-wrapper',\n  TableSortButton: 'table-sort-button',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TablePageSelectionButton: 'table-page-selection-button',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Menu: 'menu',\n  MenuHeader: 'menu-header',\n  MenuFooter: 'menu-footer',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n  PreviewWindow: 'preview-window',\n  PreviewHeader: 'preview-header',\n  PreviewBody: 'preview-body',\n  PreviewFooter: 'preview-footer',\n  Pagination: 'pagination',\n  TimePicker: 'time-picker',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatMessage","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","CounterInput","Display","Divider","Drawer","EmptyState","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter","Pagination","TimePicker"],"mappings":"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"}
+{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  BaseFilterChip: 'base-filter-chip',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  BottomNav: 'bottomnav',\n  BottomNavItem: 'bottomnav-item',\n  Carousel: 'carousel',\n  ChatInput: 'chat-input',\n  ChatMessage: 'chat-message',\n  ChatMessageThumbnailPreview: 'chat-message-thumbnail-preview',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  CheckboxIconFade: 'checkbox-icon-fade',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  CounterInput: 'counter-input',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  EmptyState: 'empty-state',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  FilterChipGroup: 'filter-chip-group',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  InfoGroup: 'info-group',\n  InfoItem: 'info-item',\n  InfoItemKey: 'info-item-key',\n  InfoItemValue: 'info-item-value',\n  InfoItemIcon: 'info-item-icon',\n  Indicator: 'indicator',\n  InputGroup: 'input-group',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  ListView: 'list-view',\n  ListViewFilter: 'list-view-filter',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  TopNav: 'top-nav',\n  TopNavBrand: 'top-nav-brand',\n  TopNavContent: 'top-nav-content',\n  TopNavActions: 'top-nav-actions',\n  TabNav: 'tab-nav',\n  TabNavItems: 'tab-nav-items',\n  TabNavItem: 'tab-nav-item',\n  TabNavItemLink: 'tab-nav-item-link',\n  TabNavIndicator: 'tab-nav-indicator',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableCellWrapper: 'table-cell-wrapper',\n  TableSortButton: 'table-sort-button',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TablePageSelectionButton: 'table-page-selection-button',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Menu: 'menu',\n  MenuHeader: 'menu-header',\n  MenuFooter: 'menu-footer',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n  StepItemButton: 'step-item-button',\n  PreviewWindow: 'preview-window',\n  PreviewHeader: 'preview-header',\n  PreviewBody: 'preview-body',\n  PreviewFooter: 'preview-footer',\n  Pagination: 'pagination',\n  TimePicker: 'time-picker',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatInput","ChatMessage","ChatMessageThumbnailPreview","Checkbox","CheckboxGroup","CheckboxLabel","CheckboxIconFade","Chip","ChipGroup","ChipLabel","Code","Component","Counter","CounterInput","Display","Divider","Drawer","EmptyState","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","TabNavIndicator","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","StepItemButton","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter","Pagination","TimePicker"],"mappings":"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"}

package/build/lib/web/development/{components/TopNav/TabNav/utils.js → utils/useResize.js}

@@ -1,4 +1,4 @@
-import { useIsomorphicLayoutEffect } from '../../../utils/useIsomorphicLayoutEffect.js';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
 
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 /* eslint-disable consistent-return */
@@ -27,9 +27,5 @@ var useResize = function useResize(ref, callback) {
   }, [callback]);
 };
 
-// Overlapping color of surface.background.gray.subtle + interactive.background.gray.default
-// TODO(future): design will tokenize or check if this is needed or not
-var MIXED_BG_COLOR = '#e1e7ef';
-
-export { MIXED_BG_COLOR, useResize };
-//# sourceMappingURL=utils.js.map
+export { useResize };
+//# sourceMappingURL=useResize.js.map

package/build/lib/web/development/utils/useResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.js","sources":["../../../../../src/utils/useResize.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable consistent-return */\nimport type React from 'react';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\n/**\n * Hook to observe resize events on a given element\n */\nconst useResize = (\n  ref: React.RefObject<HTMLElement | null>,\n  callback?: (entry: ResizeObserverEntry) => void,\n) => {\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) return;\n    const element = ref.current;\n\n    if (!('ResizeObserver' in window)) return;\n\n    const observer = new ResizeObserver((entries) => {\n      entries.forEach((entry) => {\n        callback?.(entry);\n      });\n    });\n    observer.observe(element);\n\n    // destroy the observer\n    return (): void => {\n      if (!('ResizeObserver' in window)) return;\n      observer?.disconnect();\n    };\n  }, [callback]);\n};\n\nexport { useResize };\n"],"names":["useResize","ref","callback","useIsomorphicLayoutEffect","current","element","window","observer","ResizeObserver","entries","forEach","entry","observe","disconnect"],"mappings":";;AAAA;AACA;;;AAIA;AACA;AACA;AACMA,IAAAA,SAAS,GAAG,SAAZA,SAASA,CACbC,GAAwC,EACxCC,QAA+C,EAC5C;AACHC,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,IAAA,IAAI,CAACF,GAAG,CAACG,OAAO,EAAE,OAAA;AAClB,IAAA,IAAMC,OAAO,GAAGJ,GAAG,CAACG,OAAO,CAAA;AAE3B,IAAA,IAAI,EAAE,gBAAgB,IAAIE,MAAM,CAAC,EAAE,OAAA;AAEnC,IAAA,IAAMC,QAAQ,GAAG,IAAIC,cAAc,CAAC,UAACC,OAAO,EAAK;AAC/CA,MAAAA,OAAO,CAACC,OAAO,CAAC,UAACC,KAAK,EAAK;AACzBT,QAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAGS,KAAK,CAAC,CAAA;AACnB,OAAC,CAAC,CAAA;AACJ,KAAC,CAAC,CAAA;AACFJ,IAAAA,QAAQ,CAACK,OAAO,CAACP,OAAO,CAAC,CAAA;;AAEzB;AACA,IAAA,OAAO,YAAY;AACjB,MAAA,IAAI,EAAE,gBAAgB,IAAIC,MAAM,CAAC,EAAE,OAAA;AACnCC,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAEM,UAAU,EAAE,CAAA;KACvB,CAAA;AACH,GAAC,EAAE,CAACX,QAAQ,CAAC,CAAC,CAAA;AAChB;;;;"}

package/build/lib/web/production/_virtual/_commonjsHelpers.js

@@ -0,0 +1,41 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { commonjsGlobal, getAugmentedNamespace, getDefaultExportFromCjs, getDefaultExportFromNamespaceIfNotNamed, getDefaultExportFromNamespaceIfPresent };
+//# sourceMappingURL=_commonjsHelpers.js.map

package/build/lib/web/production/_virtual/_commonjsHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/web/production/_virtual/_react.js

@@ -0,0 +1,2 @@
+export { default } from 'react';
+//# sourceMappingURL=_react.js.map

package/build/lib/web/production/_virtual/_react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_react.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/production/_virtual/ary.js

@@ -0,0 +1,2 @@
+import '../node_modules/es-toolkit/dist/function/ary.js';
+//# sourceMappingURL=ary.js.map

package/build/lib/web/production/_virtual/ary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ary.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/production/_virtual/ary2.js

@@ -0,0 +1,4 @@
+var ary = {};
+
+export { ary as __exports };
+//# sourceMappingURL=ary2.js.map

package/build/lib/web/production/_virtual/ary2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ary2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/build/lib/web/production/_virtual/cloneDeep.js

@@ -0,0 +1,2 @@
+import '../node_modules/es-toolkit/dist/object/cloneDeep.js';
+//# sourceMappingURL=cloneDeep.js.map

package/build/lib/web/production/_virtual/cloneDeep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloneDeep.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/production/_virtual/cloneDeep2.js

@@ -0,0 +1,4 @@
+var cloneDeep = {};
+
+export { cloneDeep as __exports };
+//# sourceMappingURL=cloneDeep2.js.map

package/build/lib/web/production/_virtual/cloneDeep2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloneDeep2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/build/lib/web/production/_virtual/cloneDeep3.js

@@ -0,0 +1,2 @@
+import '../node_modules/es-toolkit/dist/compat/object/cloneDeep.js';
+//# sourceMappingURL=cloneDeep3.js.map

package/build/lib/web/production/_virtual/cloneDeep3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloneDeep3.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}