@razorpay/blade 12.98.1 → 12.110.0

package/build/lib/native/components/Button/BaseButton/buttonTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonTokens.js","sources":["../../../../../../src/components/Button/BaseButton/buttonTokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { BaseButtonProps } from './BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconSize } from '~components/Icons';\nimport type { SpinnerProps } from '~components/Spinner';\nimport type { Size } from '~tokens/global';\nimport { size } from '~tokens/global';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { makeSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\nexport type ButtonMinHeight = Size[28] | Size[32] | Size[36] | Size[48];\n\nexport type ButtonTypography = {\n  fonts: {\n    size: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['typography']['fonts']['size']>;\n  };\n  lineHeights: Record<\n    NonNullable<BaseButtonProps['size']>,\n    keyof Theme['typography']['lineHeights']\n  >;\n};\n\nconst backgroundGradient = (color: FeedbackColors | 'primary') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.background.${color}.default`,\n        highlighted: `interactive.background.${color}.highlighted`,\n        disabled: `interactive.background.${color}.disabled`,\n      },\n      secondary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      tertiary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      transparent: {\n        default: 'transparent',\n        highlighted: 'interactive.background.gray.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n    white: {\n      primary: {\n        default: 'interactive.background.staticWhite.default',\n        highlighted: 'interactive.background.staticWhite.highlighted',\n        disabled: 'interactive.background.staticWhite.disabled',\n      },\n      secondary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n      tertiary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n  } as const;\n};\n\ntype BoxShadowValue = {\n  y: number;\n  blur: number;\n  spread: number;\n  color: DotNotationToken<Theme['colors']>;\n};\n\ntype ButtonBoxShadow = BoxShadowValue[];\n\n/**\n * Box-shadow tokens for buttons (includes border + 3D effects)\n * Each shadow is: inset 0 {y}px {blur}px {spread}px {color}\n */\nconst boxShadow = (\n  color: FeedbackColors | 'primary',\n): {\n  base: Record<\n    'primary' | 'secondary' | 'tertiary' | 'transparent',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n  white: Record<\n    'primary' | 'secondary' | 'tertiary',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n} => {\n  return {\n    base: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.default` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.highlighted` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      transparent: {\n        default: [],\n        highlighted: [],\n        disabled: [],\n      },\n    },\n    white: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticWhite.default' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticWhite.default' },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n    },\n  };\n};\n\nconst textColor = (property: 'icon' | 'text') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.${property}.onPrimary.normal`,\n        highlighted: `interactive.${property}.onPrimary.normal`,\n        disabled: `interactive.${property}.primary.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n    white: {\n      primary: {\n        default: `interactive.${property}.staticBlack.muted`,\n        highlighted: `interactive.${property}.staticBlack.muted`,\n        disabled: `interactive.${property}.staticBlack.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n    },\n    transparent: {\n      tertiary: {\n        default: property === 'icon' ? 'interactive.icon.gray.muted' : 'surface.text.gray.normal',\n        highlighted:\n          property === 'icon' ? 'interactive.icon.gray.subtle' : 'surface.text.gray.normal',\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n\n    color: (color: FeedbackColors) => {\n      return {\n        primary: {\n          default: `interactive.${property}.staticWhite.normal`,\n          highlighted: `interactive.${property}.staticWhite.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n        secondary: {\n          default: `interactive.${property}.${color}.normal`,\n          highlighted: `interactive.${property}.${color}.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n      } as const;\n    },\n  } as const;\n};\n\nconst typography: ButtonTypography = {\n  fonts: {\n    size: {\n      xsmall: 75,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  },\n  lineHeights: {\n    xsmall: 75,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n};\n\nconst minHeight: Record<NonNullable<BaseButtonProps['size']>, ButtonMinHeight> = {\n  xsmall: size[28],\n  small: size[32],\n  medium: size[36],\n  large: size[48],\n};\n\nconst buttonPadding: Record<\n  NonNullable<BaseButtonProps['size']>,\n  Record<'top' | 'bottom' | 'left' | 'right', keyof Theme['spacing']>\n> = {\n  xsmall: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  small: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  medium: {\n    top: 0,\n    bottom: 0,\n    left: 4,\n    right: 4,\n  },\n  large: {\n    top: 0,\n    bottom: 0,\n    left: 5,\n    right: 5,\n  },\n};\n\nconst buttonBorderRadius = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst buttonIconOnlyHeightWidth = {\n  xsmall: makeSize(size['28']),\n  small: makeSize(size['32']),\n  medium: makeSize(size['36']),\n  large: makeSize(size['48']),\n} as const;\n\nconst buttonSizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonIconOnlySizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonSizeToSpinnerSizeMap: Record<\n  NonNullable<BaseButtonProps['size']>,\n  SpinnerProps['size']\n> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n};\n\n/**\n * Spinner color mapping based on button variant and color\n */\nconst spinnerColor = {\n  base: {\n    primary: 'primary',\n    secondary: 'neutral',\n    tertiary: 'neutral',\n    transparent: 'primary',\n  },\n  white: {\n    primary: 'white',\n    secondary: 'white',\n    tertiary: 'white',\n  },\n  positive: {\n    primary: 'positive',\n    secondary: 'positive',\n  },\n  negative: {\n    primary: 'negative',\n    secondary: 'negative',\n  },\n  notice: {\n    primary: 'notice',\n    secondary: 'notice',\n  },\n  information: {\n    primary: 'information',\n    secondary: 'information',\n  },\n  neutral: {\n    primary: 'neutral',\n    secondary: 'neutral',\n  },\n} as const;\n\nexport {\n  boxShadow,\n  backgroundGradient,\n  textColor,\n  spinnerColor,\n  typography,\n  minHeight,\n  buttonSizeToIconSizeMap,\n  buttonIconOnlySizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n  buttonBorderRadius,\n};\n\nexport type { ButtonBoxShadow };\n"],"names":["backgroundGradient","color","base","primary","default","highlighted","disabled","secondary","tertiary","transparent","white","boxShadow","y","blur","spread","textColor","property","typography","fonts","size","xsmall","small","medium","large","lineHeights","minHeight","buttonPadding","top","bottom","left","right","buttonBorderRadius","buttonIconOnlyHeightWidth","makeSize","buttonSizeToIconSizeMap","buttonIconOnlySizeToIconSizeMap","buttonSizeToSpinnerSizeMap","spinnerColor","positive","negative","notice","information","neutral"],"mappings":";;;;;;;;;AAuBM,IAAAA,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAIC,KAAiC,CAAK,CAChE,OAAO,CACLC,IAAI,CAAE,CACJC,OAAO,CAAE,CACPC,OAAO,CAAE,0BAA0BH,KAAK,CAAA,QAAA,CAAU,CAClDI,WAAW,CAAE,CAA0BJ,uBAAAA,EAAAA,KAAK,CAAc,YAAA,CAAA,CAC1DK,QAAQ,CAAE,CAAA,uBAAA,EAA0BL,KAAK,CAC3C,SAAA,CAAA,CAAC,CACDM,SAAS,CAAE,CACTH,OAAO,CAAE,iCAAiC,CAC1CC,WAAW,CAAE,iCAAiC,CAC9CC,QAAQ,CAAE,0CACZ,CAAC,CACDE,QAAQ,CAAE,CACRJ,OAAO,CAAE,iCAAiC,CAC1CC,WAAW,CAAE,iCAAiC,CAC9CC,QAAQ,CAAE,0CACZ,CAAC,CACDG,WAAW,CAAE,CACXL,OAAO,CAAE,aAAa,CACtBC,WAAW,CAAE,mCAAmC,CAChDC,QAAQ,CAAE,sCACZ,CACF,CAAC,CACDI,KAAK,CAAE,CACLP,OAAO,CAAE,CACPC,OAAO,CAAE,4CAA4C,CACrDC,WAAW,CAAE,gDAAgD,CAC7DC,QAAQ,CAAE,6CACZ,CAAC,CACDC,SAAS,CAAE,CACTH,OAAO,CAAE,0CAA0C,CACnDC,WAAW,CAAE,0CAA0C,CACvDC,QAAQ,CAAE,sCACZ,CAAC,CACDE,QAAQ,CAAE,CACRJ,OAAO,CAAE,0CAA0C,CACnDC,WAAW,CAAE,0CAA0C,CACvDC,QAAQ,CAAE,sCACZ,CACF,CACF,CAAC,CACH,EAeM,IAAAK,SAAS,CAAG,SAAZA,SAASA,CACbV,KAAiC,CAU9B,CACH,OAAO,CACLC,IAAI,CAAE,CACJC,OAAO,CAAE,CACPC,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,CAAA,mBAAA,EAAsBA,KAAK,CAAA,YAAA,CAAe,CAAC,CACjF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,GAAG,CAAEb,KAAK,CAAE,CAAA,mBAAA,EAAsBA,KAAK,CAAW,QAAA,CAAA,CAAC,CAC5E,CAAEW,CAAC,CAAE,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,sCAAuC,CAAC,CAC7E,CAAEW,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,sCAAuC,CAAC,CAC7E,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,sBAAsBA,KAAK,CAAA,YAAA,CAAe,CAAC,CACjF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,GAAG,CAAEb,KAAK,CAAE,CAAsBA,mBAAAA,EAAAA,KAAK,CAAe,YAAA,CAAA,CAAC,CAChF,CAAEW,CAAC,CAAE,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,sCAAuC,CAAC,CAC7E,CAAEW,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,sCAAuC,CAAC,CAC7E,CACDK,QAAQ,CAAE,EACZ,CAAC,CACDC,SAAS,CAAE,CACTH,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,GAAG,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CACtE,CAAEW,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CAC1E,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,GAAG,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,qCAAsC,CAAC,CAC1E,CAAEW,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CAC1E,CACDK,QAAQ,CAAE,CAAC,CAAEM,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,kCAAmC,CAAC,CACpF,CAAC,CACDO,QAAQ,CAAE,CACRJ,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,GAAG,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CACtE,CAAEW,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CAC1E,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,GAAG,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,qCAAsC,CAAC,CAC1E,CAAEW,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CAC1E,CACDK,QAAQ,CAAE,CAAC,CAAEM,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,kCAAmC,CAAC,CACpF,CAAC,CACDQ,WAAW,CAAE,CACXL,OAAO,CAAE,EAAE,CACXC,WAAW,CAAE,EAAE,CACfC,QAAQ,CAAE,EACZ,CACF,CAAC,CACDI,KAAK,CAAE,CACLP,OAAO,CAAE,CACPC,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,GAAG,CAAEb,KAAK,CAAE,wCAAyC,CAAC,CAChF,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,GAAG,CAAEb,KAAK,CAAE,wCAAyC,CAAC,CAChF,CACDK,QAAQ,CAAE,EACZ,CAAC,CACDC,SAAS,CAAE,CACTH,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CAClF,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CAClF,CACDK,QAAQ,CAAE,CAAC,CAAEM,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,yCAA0C,CAAC,CAC3F,CAAC,CACDO,QAAQ,CAAE,CACRJ,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CAClF,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CAClF,CACDK,QAAQ,CAAE,CAAC,CAAEM,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,yCAA0C,CAAC,CAC3F,CACF,CACF,CAAC,CACH,EAEM,IAAAc,SAAS,CAAG,SAAZA,SAASA,CAAIC,QAAyB,CAAK,CAC/C,OAAO,CACLd,IAAI,CAAE,CACJC,OAAO,CAAE,CACPC,OAAO,CAAE,CAAeY,YAAAA,EAAAA,QAAQ,mBAAmB,CACnDX,WAAW,CAAE,CAAA,YAAA,EAAeW,QAAQ,CAAA,iBAAA,CAAmB,CACvDV,QAAQ,CAAE,eAAeU,QAAQ,CAAA,iBAAA,CACnC,CAAC,CACDT,SAAS,CAAE,CACTH,OAAO,CAAE,eAAeY,QAAQ,CAAA,YAAA,CAAc,CAC9CX,WAAW,CAAE,eAAeW,QAAQ,CAAA,YAAA,CAAc,CAClDV,QAAQ,CAAE,CAAA,YAAA,EAAeU,QAAQ,CACnC,cAAA,CAAA,CAAC,CACDR,QAAQ,CAAE,CACRJ,OAAO,CAAE,CAAeY,YAAAA,EAAAA,QAAQ,CAAc,YAAA,CAAA,CAC9CX,WAAW,CAAE,CAAA,YAAA,EAAeW,QAAQ,CAAc,YAAA,CAAA,CAClDV,QAAQ,CAAE,CAAA,YAAA,EAAeU,QAAQ,CACnC,cAAA,CAAA,CACF,CAAC,CACDN,KAAK,CAAE,CACLP,OAAO,CAAE,CACPC,OAAO,CAAE,CAAA,YAAA,EAAeY,QAAQ,CAAA,kBAAA,CAAoB,CACpDX,WAAW,CAAE,eAAeW,QAAQ,CAAA,kBAAA,CAAoB,CACxDV,QAAQ,CAAE,CAAeU,YAAAA,EAAAA,QAAQ,CACnC,qBAAA,CAAA,CAAC,CACDT,SAAS,CAAE,CACTH,OAAO,CAAE,eAAeY,QAAQ,CAAA,mBAAA,CAAqB,CACrDX,WAAW,CAAE,CAAA,YAAA,EAAeW,QAAQ,CAAqB,mBAAA,CAAA,CACzDV,QAAQ,CAAE,CAAA,YAAA,EAAeU,QAAQ,CACnC,qBAAA,CAAA,CAAC,CACDR,QAAQ,CAAE,CACRJ,OAAO,CAAE,CAAA,YAAA,EAAeY,QAAQ,CAAqB,mBAAA,CAAA,CACrDX,WAAW,CAAE,CAAA,YAAA,EAAeW,QAAQ,CAAA,mBAAA,CAAqB,CACzDV,QAAQ,CAAE,CAAeU,YAAAA,EAAAA,QAAQ,uBACnC,CACF,CAAC,CACDP,WAAW,CAAE,CACXD,QAAQ,CAAE,CACRJ,OAAO,CAAEY,QAAQ,GAAK,MAAM,CAAG,6BAA6B,CAAG,0BAA0B,CACzFX,WAAW,CACTW,QAAQ,GAAK,MAAM,CAAG,8BAA8B,CAAG,0BAA0B,CACnFV,QAAQ,CAAE,eAAeU,QAAQ,CAAA,cAAA,CACnC,CACF,CAAC,CAEDf,KAAK,CAAE,SAAPA,KAAKA,CAAGA,MAAqB,CAAK,CAChC,OAAO,CACLE,OAAO,CAAE,CACPC,OAAO,CAAE,eAAeY,QAAQ,CAAA,mBAAA,CAAqB,CACrDX,WAAW,CAAE,CAAA,YAAA,EAAeW,QAAQ,CAAqB,mBAAA,CAAA,CACzDV,QAAQ,CAAE,CAAA,YAAA,EAAeU,QAAQ,CAAIf,CAAAA,EAAAA,MAAK,CAC5C,SAAA,CAAA,CAAC,CACDM,SAAS,CAAE,CACTH,OAAO,CAAE,CAAeY,YAAAA,EAAAA,QAAQ,IAAIf,MAAK,CAAA,OAAA,CAAS,CAClDI,WAAW,CAAE,CAAA,YAAA,EAAeW,QAAQ,CAAIf,CAAAA,EAAAA,MAAK,SAAS,CACtDK,QAAQ,CAAE,CAAeU,YAAAA,EAAAA,QAAQ,CAAIf,CAAAA,EAAAA,MAAK,CAC5C,SAAA,CAAA,CACF,CAAC,CACH,CACF,CAAC,CACH,EAEM,IAAAgB,UAA4B,CAAG,CACnCC,KAAK,CAAE,CACLC,IAAI,CAAE,CACJC,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GACT,CACF,CAAC,CACDC,WAAW,CAAE,CACXJ,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GACT,CACF,EAEM,IAAAE,SAAwE,CAAG,CAC/EL,MAAM,CAAED,IAAI,CAAC,EAAE,CAAC,CAChBE,KAAK,CAAEF,IAAI,CAAC,EAAE,CAAC,CACfG,MAAM,CAAEH,IAAI,CAAC,EAAE,CAAC,CAChBI,KAAK,CAAEJ,IAAI,CAAC,EAAE,CAChB,EAEM,IAAAO,aAGL,CAAG,CACFN,MAAM,CAAE,CACNO,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDT,KAAK,CAAE,CACLM,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDR,MAAM,CAAE,CACNK,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDP,KAAK,CAAE,CACLI,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CACF,EAEM,IAAAC,kBAAkB,CAAG,CACzBX,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,QACT,EAEM,IAAAS,yBAAyB,CAAG,CAChCZ,MAAM,CAAEa,QAAQ,CAACd,IAAI,CAAC,IAAI,CAAC,CAAC,CAC5BE,KAAK,CAAEY,QAAQ,CAACd,IAAI,CAAC,IAAI,CAAC,CAAC,CAC3BG,MAAM,CAAEW,QAAQ,CAACd,IAAI,CAAC,IAAI,CAAC,CAAC,CAC5BI,KAAK,CAAEU,QAAQ,CAACd,IAAI,CAAC,IAAI,CAAC,CAC5B,EAEM,IAAAe,uBAA+E,CAAG,CACtFd,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,QACT,EAEM,IAAAY,+BAAuF,CAAG,CAC9Ff,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,QACT,EAEM,IAAAa,0BAGL,CAAG,CACFhB,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAKM,IAAAc,YAAY,CAAG,CACnBnC,IAAI,CAAE,CACJC,OAAO,CAAE,SAAS,CAClBI,SAAS,CAAE,SAAS,CACpBC,QAAQ,CAAE,SAAS,CACnBC,WAAW,CAAE,SACf,CAAC,CACDC,KAAK,CAAE,CACLP,OAAO,CAAE,OAAO,CAChBI,SAAS,CAAE,OAAO,CAClBC,QAAQ,CAAE,OACZ,CAAC,CACD8B,QAAQ,CAAE,CACRnC,OAAO,CAAE,UAAU,CACnBI,SAAS,CAAE,UACb,CAAC,CACDgC,QAAQ,CAAE,CACRpC,OAAO,CAAE,UAAU,CACnBI,SAAS,CAAE,UACb,CAAC,CACDiC,MAAM,CAAE,CACNrC,OAAO,CAAE,QAAQ,CACjBI,SAAS,CAAE,QACb,CAAC,CACDkC,WAAW,CAAE,CACXtC,OAAO,CAAE,aAAa,CACtBI,SAAS,CAAE,aACb,CAAC,CACDmC,OAAO,CAAE,CACPvC,OAAO,CAAE,SAAS,CAClBI,SAAS,CAAE,SACb,CACF;;;;"}
+{"version":3,"file":"buttonTokens.js","sources":["../../../../../../src/components/Button/BaseButton/buttonTokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { BaseButtonProps } from './BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconSize } from '~components/Icons';\nimport type { SpinnerProps } from '~components/Spinner';\nimport type { Size } from '~tokens/global';\nimport { size } from '~tokens/global';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { makeSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\nexport type ButtonMinHeight = Size[28] | Size[32] | Size[36] | Size[48];\n\nexport type ButtonTypography = {\n  fonts: {\n    size: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['typography']['fonts']['size']>;\n  };\n  lineHeights: Record<\n    NonNullable<BaseButtonProps['size']>,\n    keyof Theme['typography']['lineHeights']\n  >;\n};\n\nconst backgroundGradient = (color: FeedbackColors | 'primary') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.background.${color}.default`,\n        highlighted: `interactive.background.${color}.highlighted`,\n        disabled: `interactive.background.${color}.disabled`,\n      },\n      secondary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      tertiary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      transparent: {\n        default: 'transparent',\n        highlighted: 'interactive.background.gray.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n    white: {\n      primary: {\n        default: 'interactive.background.staticWhite.default',\n        highlighted: 'interactive.background.staticWhite.highlighted',\n        disabled: 'interactive.background.staticWhite.disabled',\n      },\n      secondary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n      tertiary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n  } as const;\n};\n\ntype BoxShadowValue = {\n  y: number;\n  blur: number;\n  spread: number;\n  color: DotNotationToken<Theme['colors']>;\n};\n\ntype ButtonBoxShadow = BoxShadowValue[];\n\n/**\n * Box-shadow tokens for buttons (includes border + 3D effects)\n * Each shadow is: inset 0 {y}px {blur}px {spread}px {color}\n */\nconst boxShadow = (\n  color: FeedbackColors | 'primary',\n): {\n  base: Record<\n    'primary' | 'secondary' | 'tertiary' | 'transparent',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n  white: Record<\n    'primary' | 'secondary' | 'tertiary',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n} => {\n  return {\n    base: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.default` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.highlighted` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      transparent: {\n        default: [],\n        highlighted: [],\n        disabled: [],\n      },\n    },\n    white: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticWhite.default' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticWhite.default' },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n    },\n  };\n};\n\nconst textColor = (property: 'icon' | 'text') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.${property}.onPrimary.normal`,\n        highlighted: `interactive.${property}.onPrimary.normal`,\n        disabled: `interactive.${property}.primary.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n    white: {\n      primary: {\n        default: `interactive.${property}.staticBlack.muted`,\n        highlighted: `interactive.${property}.staticBlack.muted`,\n        disabled: `interactive.${property}.staticBlack.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n    },\n    transparent: {\n      tertiary: {\n        default: property === 'icon' ? 'interactive.icon.gray.muted' : 'surface.text.gray.normal',\n        highlighted:\n          property === 'icon' ? 'interactive.icon.gray.subtle' : 'surface.text.gray.normal',\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n\n    color: (color: FeedbackColors) => {\n      return {\n        primary: {\n          default: `interactive.${property}.staticWhite.normal`,\n          highlighted: `interactive.${property}.staticWhite.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n        secondary: {\n          default: `interactive.${property}.${color}.normal`,\n          highlighted: `interactive.${property}.${color}.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n      } as const;\n    },\n  } as const;\n};\n\nconst typography: ButtonTypography = {\n  fonts: {\n    size: {\n      xsmall: 75,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  },\n  lineHeights: {\n    xsmall: 75,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n};\n\nconst minHeight: Record<NonNullable<BaseButtonProps['size']>, ButtonMinHeight> = {\n  xsmall: size[28],\n  small: size[32],\n  medium: size[36],\n  large: size[48],\n};\n\nconst buttonPadding: Record<\n  NonNullable<BaseButtonProps['size']>,\n  Record<'top' | 'bottom' | 'left' | 'right', keyof Theme['spacing']>\n> = {\n  xsmall: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  small: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  medium: {\n    top: 0,\n    bottom: 0,\n    left: 4,\n    right: 4,\n  },\n  large: {\n    top: 0,\n    bottom: 0,\n    left: 5,\n    right: 5,\n  },\n};\n\nconst buttonBorderRadius = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst buttonIconOnlyHeightWidth = {\n  xsmall: makeSize(size['28']),\n  small: makeSize(size['32']),\n  medium: makeSize(size['36']),\n  large: makeSize(size['48']),\n} as const;\n\nconst buttonSizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonIconOnlySizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonSizeToSpinnerSizeMap: Record<\n  NonNullable<BaseButtonProps['size']>,\n  SpinnerProps['size']\n> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n};\n\n/**\n * Spinner color mapping based on button variant and color\n */\nconst spinnerColor = {\n  base: {\n    primary: 'primary',\n    secondary: 'neutral',\n    tertiary: 'neutral',\n    transparent: 'primary',\n  },\n  white: {\n    primary: 'white',\n    secondary: 'white',\n    tertiary: 'white',\n  },\n  positive: {\n    primary: 'positive',\n    secondary: 'positive',\n  },\n  negative: {\n    primary: 'negative',\n    secondary: 'negative',\n  },\n  notice: {\n    primary: 'notice',\n    secondary: 'notice',\n  },\n  information: {\n    primary: 'information',\n    secondary: 'information',\n  },\n  neutral: {\n    primary: 'neutral',\n    secondary: 'neutral',\n  },\n} as const;\n\nexport {\n  boxShadow,\n  backgroundGradient,\n  textColor,\n  spinnerColor,\n  typography,\n  minHeight,\n  buttonSizeToIconSizeMap,\n  buttonIconOnlySizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n  buttonBorderRadius,\n};\n\nexport type { ButtonBoxShadow };\n"],"names":["backgroundGradient","color","base","primary","default","highlighted","disabled","secondary","tertiary","transparent","white","boxShadow","y","blur","spread","textColor","property","typography","fonts","size","xsmall","small","medium","large","lineHeights","minHeight","buttonPadding","top","bottom","left","right","buttonBorderRadius","buttonIconOnlyHeightWidth","makeSize","buttonSizeToIconSizeMap","buttonIconOnlySizeToIconSizeMap","buttonSizeToSpinnerSizeMap","spinnerColor","positive","negative","notice","information","neutral"],"mappings":"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"}

package/build/lib/native/components/Button/BaseButton/index.js

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

package/build/lib/native/components/Button/BaseButton/index.js.map

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

package/build/lib/native/components/Button/Button/Button.js

@@ -1,17 +1,16 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
+import '../BaseButton/index.js';
+import '../../Box/styledProps/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
 import BaseButton from '../BaseButton/BaseButton.js';
 import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
-import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["children","icon","iconPosition","isDisabled","isFullWidth","isLoading","href","target","rel","onClick","size","type","variant","color","accessibilityLabel","role","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd"];var _Button=function _Button(_ref,ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isFullWidth=_ref.isFullWidth,isFullWidth=_ref$isFullWidth===void 0?false:_ref$isFullWidth,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,href=_ref.href,target=_ref.target,rel=_ref.rel,onClick=_ref.onClick,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$type=_ref.type,type=_ref$type===void 0?'button':_ref$type,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'primary':_ref$variant,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,accessibilityLabel=_ref.accessibilityLabel,role=_ref.role,testID=_ref.testID,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onMouseDown=_ref.onMouseDown,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchStart=_ref.onTouchStart,onTouchEnd=_ref.onTouchEnd,rest=_objectWithoutProperties(_ref,_excluded);return jsx(BaseButton,Object.assign({},icon?{icon:icon,children:children}:{children:children},getStyledProps(rest),makeAnalyticsAttribute(rest),{ref:ref,href:href,target:target,rel:rel,accessibilityProps:{label:accessibilityLabel,describedBy:rest['aria-describedby'],expanded:rest['aria-expanded'],hasPopup:rest['aria-haspopup'],role:role},iconPosition:iconPosition,color:color,isDisabled:isDisabled,isFullWidth:isFullWidth,onClick:onClick,size:size,type:type,variant:variant,isLoading:isLoading,testID:testID,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onMouseDown:onMouseDown,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchStart:onTouchStart,onTouchEnd:onTouchEnd}));};var Button=assignWithoutSideEffects(React__default.forwardRef(_Button),{displayName:'Button',componentId:'Button'});
+var _excluded=["children","icon","iconPosition","isDisabled","isFullWidth","isLoading","href","target","rel","onClick","size","type","variant","color","accessibilityLabel","role","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Button/Button/Button.tsx";var _Button=function _Button(_ref,ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isFullWidth=_ref.isFullWidth,isFullWidth=_ref$isFullWidth===void 0?false:_ref$isFullWidth,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,href=_ref.href,target=_ref.target,rel=_ref.rel,onClick=_ref.onClick,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$type=_ref.type,type=_ref$type===void 0?'button':_ref$type,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'primary':_ref$variant,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,accessibilityLabel=_ref.accessibilityLabel,role=_ref.role,testID=_ref.testID,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onMouseDown=_ref.onMouseDown,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchStart=_ref.onTouchStart,onTouchEnd=_ref.onTouchEnd,rest=_objectWithoutProperties(_ref,_excluded);return jsx(BaseButton,Object.assign({},icon?{icon:icon,children:children}:{children:children},getStyledProps(rest),makeAnalyticsAttribute(rest),{ref:ref,href:href,target:target,rel:rel,accessibilityProps:{label:accessibilityLabel,describedBy:rest['aria-describedby'],expanded:rest['aria-expanded'],hasPopup:rest['aria-haspopup'],role:role},iconPosition:iconPosition,color:color,isDisabled:isDisabled,isFullWidth:isFullWidth,onClick:onClick,size:size,type:type,variant:variant,isLoading:isLoading,testID:testID,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onMouseDown:onMouseDown,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchStart:onTouchStart,onTouchEnd:onTouchEnd}));};var Button=assignWithoutSideEffects(React__default.forwardRef(_Button),{displayName:'Button',componentId:'Button'});
 
 export { Button as default };
 //# sourceMappingURL=Button.js.map

package/build/lib/native/components/Button/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../src/components/Button/Button/Button.tsx"],"sourcesContent":["import type { GestureResponderEvent } from 'react-native';\nimport React from 'react';\nimport BaseButton from '../BaseButton';\nimport type { BaseButtonProps } from '../BaseButton/BaseButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type {\n  BladeElementRef,\n  DataAnalyticsAttribute,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ButtonCommonProps = {\n  /**\n   * Automatically renders button with `a` tag with `href` on web\n   */\n  href?: BaseButtonProps['href'];\n  /**\n   * anchor target attribute\n   *\n   * Should only be used alongside `href`\n   */\n  target?: BaseButtonProps['target'];\n  /**\n   * anchor rel attribute\n   *\n   * Should only be used alongside `href`\n   */\n  rel?: BaseButtonProps['rel'];\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'primary' | 'white' | 'positive' | 'negative';\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  isLoading?: boolean;\n  accessibilityLabel?: string;\n  type?: 'button' | 'reset' | 'submit';\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  'aria-controls'?: string;\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  'aria-expanded'?: boolean;\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  'aria-haspopup'?: 'menu';\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  role?: AriaRoles;\n  tabIndex?: BaseButtonProps['tabIndex'];\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n} & TestID &\n  StyledPropsBlade &\n  DataAnalyticsAttribute &\n  BladeCommonEvents;\n\n/*\n  Mandatory children prop when icon is not provided\n  */\ntype ButtonWithoutIconProps = ButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n   Optional children prop when icon is provided\n  */\ntype ButtonWithIconProps = ButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\nexport type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;\n\nconst _Button: React.ForwardRefRenderFunction<BladeElementRef, ButtonProps> = (\n  // While adding any prop here, make sure to handle it in DropdownButton as well\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    onClick,\n    size = 'medium',\n    type = 'button',\n    variant = 'primary',\n    color = 'primary',\n    accessibilityLabel,\n    role,\n    testID,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <BaseButton\n      {...(icon ? { icon, children } : { children })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      ref={ref}\n      href={href}\n      target={target}\n      rel={rel}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        describedBy: rest['aria-describedby'],\n        expanded: rest['aria-expanded'],\n        hasPopup: rest['aria-haspopup'],\n        role,\n      }}\n      iconPosition={iconPosition}\n      color={color}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      onClick={onClick}\n      size={size}\n      type={type}\n      variant={variant}\n      isLoading={isLoading}\n      testID={testID}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n    />\n  );\n};\n\nconst Button = assignWithoutSideEffects(React.forwardRef(_Button), {\n  displayName: 'Button',\n  componentId: 'Button',\n});\n\nexport default Button;\n"],"names":["_Button","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","_ref$isFullWidth","isFullWidth","_ref$isLoading","isLoading","href","target","rel","onClick","_ref$size","size","_ref$type","type","_ref$variant","variant","_ref$color","color","accessibilityLabel","role","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","rest","_objectWithoutProperties","_excluded","_jsx","BaseButton","Object","assign","getStyledProps","makeAnalyticsAttribute","accessibilityProps","label","describedBy","expanded","hasPopup","Button","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../../../src/components/Button/Button/Button.tsx"],"sourcesContent":["import type { GestureResponderEvent } from 'react-native';\nimport React from 'react';\nimport BaseButton from '../BaseButton';\nimport type { BaseButtonProps } from '../BaseButton/BaseButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type {\n  BladeElementRef,\n  DataAnalyticsAttribute,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ButtonCommonProps = {\n  /**\n   * Automatically renders button with `a` tag with `href` on web\n   */\n  href?: BaseButtonProps['href'];\n  /**\n   * anchor target attribute\n   *\n   * Should only be used alongside `href`\n   */\n  target?: BaseButtonProps['target'];\n  /**\n   * anchor rel attribute\n   *\n   * Should only be used alongside `href`\n   */\n  rel?: BaseButtonProps['rel'];\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'primary' | 'white' | 'positive' | 'negative';\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  isLoading?: boolean;\n  accessibilityLabel?: string;\n  type?: 'button' | 'reset' | 'submit';\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  'aria-controls'?: string;\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  'aria-expanded'?: boolean;\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  'aria-haspopup'?: 'menu';\n  /**\n   * It is exposed for internal usage with menu.\n   *\n   * @private\n   */\n  role?: AriaRoles;\n  tabIndex?: BaseButtonProps['tabIndex'];\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n} & TestID &\n  StyledPropsBlade &\n  DataAnalyticsAttribute &\n  BladeCommonEvents;\n\n/*\n  Mandatory children prop when icon is not provided\n  */\ntype ButtonWithoutIconProps = ButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n   Optional children prop when icon is provided\n  */\ntype ButtonWithIconProps = ButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\nexport type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;\n\nconst _Button: React.ForwardRefRenderFunction<BladeElementRef, ButtonProps> = (\n  // While adding any prop here, make sure to handle it in DropdownButton as well\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    onClick,\n    size = 'medium',\n    type = 'button',\n    variant = 'primary',\n    color = 'primary',\n    accessibilityLabel,\n    role,\n    testID,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <BaseButton\n      {...(icon ? { icon, children } : { children })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      ref={ref}\n      href={href}\n      target={target}\n      rel={rel}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        describedBy: rest['aria-describedby'],\n        expanded: rest['aria-expanded'],\n        hasPopup: rest['aria-haspopup'],\n        role,\n      }}\n      iconPosition={iconPosition}\n      color={color}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      onClick={onClick}\n      size={size}\n      type={type}\n      variant={variant}\n      isLoading={isLoading}\n      testID={testID}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n    />\n  );\n};\n\nconst Button = assignWithoutSideEffects(React.forwardRef(_Button), {\n  displayName: 'Button',\n  componentId: 'Button',\n});\n\nexport default Button;\n"],"names":["_Button","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","_ref$isFullWidth","isFullWidth","_ref$isLoading","isLoading","href","target","rel","onClick","_ref$size","size","_ref$type","type","_ref$variant","variant","_ref$color","color","accessibilityLabel","role","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","rest","_objectWithoutProperties","_excluded","_jsx","BaseButton","Object","assign","getStyledProps","makeAnalyticsAttribute","accessibilityProps","label","describedBy","expanded","hasPopup","Button","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Button/Button/index.js

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

package/build/lib/native/components/Button/Button/index.js.map

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

package/build/lib/native/components/Button/IconButton/IconButton.js

@@ -1,11 +1,13 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import StyledIconButton from './StyledIconButton.native.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["icon","onClick","size","emphasis","accessibilityLabel","isDisabled","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","isHighlighted","_tabIndex"];var _IconButton=function _IconButton(_ref,ref){var icon=_ref.icon,onClick=_ref.onClick,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'intense':_ref$emphasis,accessibilityLabel=_ref.accessibilityLabel,isDisabled=_ref.isDisabled,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchEnd=_ref.onTouchEnd,onTouchStart=_ref.onTouchStart,isHighlighted=_ref.isHighlighted,_tabIndex=_ref._tabIndex,rest=_objectWithoutProperties(_ref,_excluded);return jsx(StyledIconButton,Object.assign({ref:ref,onClick:onClick,emphasis:emphasis,size:size,icon:icon,tabIndex:_tabIndex,accessibilityLabel:accessibilityLabel,isDisabled:isDisabled,isHighlighted:isHighlighted,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchEnd:onTouchEnd,onTouchStart:onTouchStart},makeAnalyticsAttribute(rest),rest));};var IconButton=assignWithoutSideEffects(React__default.forwardRef(_IconButton),{componentId:'IconButton'});
+var _excluded=["icon","onClick","size","emphasis","accessibilityLabel","isDisabled","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","isHighlighted","_tabIndex"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Button/IconButton/IconButton.tsx";var _IconButton=function _IconButton(_ref,ref){var icon=_ref.icon,onClick=_ref.onClick,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'intense':_ref$emphasis,accessibilityLabel=_ref.accessibilityLabel,isDisabled=_ref.isDisabled,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchEnd=_ref.onTouchEnd,onTouchStart=_ref.onTouchStart,isHighlighted=_ref.isHighlighted,_tabIndex=_ref._tabIndex,rest=_objectWithoutProperties(_ref,_excluded);return jsx(StyledIconButton,Object.assign({ref:ref,onClick:onClick,emphasis:emphasis,size:size,icon:icon,tabIndex:_tabIndex,accessibilityLabel:accessibilityLabel,isDisabled:isDisabled,isHighlighted:isHighlighted,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchEnd:onTouchEnd,onTouchStart:onTouchStart},makeAnalyticsAttribute(rest),rest));};var IconButton=assignWithoutSideEffects(React__default.forwardRef(_IconButton),{componentId:'IconButton'});
 
 export { IconButton };
 //# sourceMappingURL=IconButton.js.map

package/build/lib/native/components/Button/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../../../src/components/Button/IconButton/IconButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledIconButton from './StyledIconButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { Platform } from '~utils';\nimport type { SubtleOrIntense } from '~tokens/theme/theme';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype IconButtonProps = {\n  /**\n   * Icon component to be rendered, eg. `CloseIcon`\n   */\n  icon: IconComponent;\n\n  /**\n   * Icon size\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Icon contrast\n   *\n   * @default 'intense'\n   */\n  emphasis?: SubtleOrIntense;\n\n  /**\n   * Sets aria-label to help users know what the action does, eg 'Dismiss alert'\n   */\n  accessibilityLabel: string;\n\n  /**\n   * Disabled state for IconButton\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Sets tabindex property on button element\n   */\n  _tabIndex?: number;\n} & DataAnalyticsAttribute &\n  BladeCommonEvents &\n  StyledPropsBlade &\n  Platform.Select<{\n    web: {\n      onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n      /**\n       * This changes the hover interaction to highlight icon more\n       *\n       * **Only available on web currently**\n       */\n      isHighlighted?: boolean;\n    };\n    native: {\n      onClick: (event: GestureResponderEvent) => void;\n      isHighlighted?: undefined;\n    };\n  }>;\n\n/**\n * Component for making clickable icons with transparent background.\n * For other cases please use `Button` component with `icon` prop.\n */\nconst _IconButton: React.ForwardRefRenderFunction<BladeElementRef, IconButtonProps> = (\n  {\n    icon,\n    onClick,\n    size = 'medium',\n    emphasis = 'intense',\n    accessibilityLabel,\n    isDisabled,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchEnd,\n    onTouchStart,\n    isHighlighted,\n    _tabIndex,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <StyledIconButton\n      ref={ref as any}\n      onClick={onClick}\n      emphasis={emphasis}\n      size={size}\n      icon={icon}\n      tabIndex={_tabIndex}\n      accessibilityLabel={accessibilityLabel}\n      isDisabled={isDisabled}\n      isHighlighted={isHighlighted}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}\n      {...makeAnalyticsAttribute(rest)}\n      {...rest}\n    />\n  );\n};\n\nconst IconButton = assignWithoutSideEffects(React.forwardRef(_IconButton), {\n  componentId: 'IconButton',\n});\n\nexport type { IconButtonProps };\nexport { IconButton };\n"],"names":["_IconButton","_ref","ref","icon","onClick","_ref$size","size","_ref$emphasis","emphasis","accessibilityLabel","isDisabled","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","isHighlighted","_tabIndex","rest","_objectWithoutProperties","_excluded","_jsx","StyledIconButton","Object","assign","tabIndex","makeAnalyticsAttribute","IconButton","assignWithoutSideEffects","React","forwardRef","componentId"],"mappings":";;;;;;;AAEA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,SAAA,CAAA,MAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,QAAA,CAAA,SAAA,CAAA,cAAA,CAAA,aAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,cAAA,CAAA,eAAA,CAAA,WAAA,CAAA,CAqEA,IAAMA,WAA6E,CAAG,SAAhFA,WAA6EA,CAAAC,IAAA,CAoBjFC,GAAG,CACA,CAAA,IAnBDC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CACJC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAAAC,SAAA,CAAAJ,IAAA,CACPK,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CAAAE,aAAA,CAAAN,IAAA,CACfO,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,aAAA,CACpBE,kBAAkB,CAAAR,IAAA,CAAlBQ,kBAAkB,CAClBC,UAAU,CAAAT,IAAA,CAAVS,UAAU,CACVC,MAAM,CAAAV,IAAA,CAANU,MAAM,CACNC,OAAO,CAAAX,IAAA,CAAPW,OAAO,CACPC,YAAY,CAAAZ,IAAA,CAAZY,YAAY,CACZC,WAAW,CAAAb,IAAA,CAAXa,WAAW,CACXC,aAAa,CAAAd,IAAA,CAAbc,aAAa,CACbC,cAAc,CAAAf,IAAA,CAAde,cAAc,CACdC,UAAU,CAAAhB,IAAA,CAAVgB,UAAU,CACVC,YAAY,CAAAjB,IAAA,CAAZiB,YAAY,CACZC,aAAa,CAAAlB,IAAA,CAAbkB,aAAa,CACbC,SAAS,CAAAnB,IAAA,CAATmB,SAAS,CACNC,IAAI,CAAAC,wBAAA,CAAArB,IAAA,CAAAsB,SAAA,CAAA,CAIT,OACEC,GAAA,CAACC,gBAAgB,CAAAC,MAAA,CAAAC,MAAA,CACfzB,CAAAA,GAAG,CAAEA,GAAW,CAChBE,OAAO,CAAEA,OAAQ,CACjBI,QAAQ,CAAEA,QAAS,CACnBF,IAAI,CAAEA,IAAK,CACXH,IAAI,CAAEA,IAAK,CACXyB,QAAQ,CAAER,SAAU,CACpBX,kBAAkB,CAAEA,kBAAmB,CACvCC,UAAU,CAAEA,UAAW,CACvBS,aAAa,CAAEA,aAAc,CAC7BR,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CACjBC,YAAY,CAAEA,YAAa,CAC3BC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BC,cAAc,CAAEA,cAAe,CAC/BC,UAAU,CAAEA,UAAW,CACvBC,YAAY,CAAEA,YAAa,CAAA,CACvBW,sBAAsB,CAACR,IAAI,CAAC,CAC5BA,IAAI,CACT,CAAC,CAEN,CAAC,CAEK,IAAAS,UAAU,CAAGC,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAACjC,WAAW,CAAC,CAAE,CACzEkC,WAAW,CAAE,YACf,CAAC;;;;"}
+{"version":3,"file":"IconButton.js","sources":["../../../../../../src/components/Button/IconButton/IconButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledIconButton from './StyledIconButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { Platform } from '~utils';\nimport type { SubtleOrIntense } from '~tokens/theme/theme';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nexport type IconButtonEmphasis = SubtleOrIntense | 'moderate';\n\ntype IconButtonProps = {\n  /**\n   * Icon component to be rendered, eg. `CloseIcon`\n   */\n  icon: IconComponent;\n\n  /**\n   * Icon size\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Icon contrast\n   *\n   * `moderate` renders a persistent faded background in a fixed-size square\n   * container (web-only). Use for AppBar trailing actions on dark surfaces.\n   *\n   * @default 'intense'\n   */\n  emphasis?: IconButtonEmphasis;\n\n  /**\n   * Sets aria-label to help users know what the action does, eg 'Dismiss alert'\n   */\n  accessibilityLabel: string;\n\n  /**\n   * Disabled state for IconButton\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Sets tabindex property on button element\n   */\n  _tabIndex?: number;\n} & DataAnalyticsAttribute &\n  BladeCommonEvents &\n  StyledPropsBlade &\n  Platform.Select<{\n    web: {\n      onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n      /**\n       * This changes the hover interaction to highlight icon more\n       *\n       * **Only available on web currently**\n       */\n      isHighlighted?: boolean;\n    };\n    native: {\n      onClick: (event: GestureResponderEvent) => void;\n      isHighlighted?: undefined;\n    };\n  }>;\n\n/**\n * Component for making clickable icons with transparent background.\n * For other cases please use `Button` component with `icon` prop.\n */\nconst _IconButton: React.ForwardRefRenderFunction<BladeElementRef, IconButtonProps> = (\n  {\n    icon,\n    onClick,\n    size = 'medium',\n    emphasis = 'intense',\n    accessibilityLabel,\n    isDisabled,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchEnd,\n    onTouchStart,\n    isHighlighted,\n    _tabIndex,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <StyledIconButton\n      ref={ref as any}\n      onClick={onClick}\n      emphasis={emphasis}\n      size={size}\n      icon={icon}\n      tabIndex={_tabIndex}\n      accessibilityLabel={accessibilityLabel}\n      isDisabled={isDisabled}\n      isHighlighted={isHighlighted}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}\n      {...makeAnalyticsAttribute(rest)}\n      {...rest}\n    />\n  );\n};\n\nconst IconButton = assignWithoutSideEffects(React.forwardRef(_IconButton), {\n  componentId: 'IconButton',\n});\n\nexport type { IconButtonProps };\nexport { IconButton };\n"],"names":["this","_IconButton","_ref","ref","icon","onClick","_ref$size","size","_ref$emphasis","emphasis","accessibilityLabel","isDisabled","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","isHighlighted","_tabIndex","rest","_objectWithoutProperties","_excluded","_jsx","StyledIconButton","Object","assign","tabIndex","makeAnalyticsAttribute","IconButton","assignWithoutSideEffects","React","forwardRef","componentId"],"mappings":";;;;;;;;;AAEA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,SAAA,CAAA,MAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,QAAA,CAAA,SAAA,CAAA,cAAA,CAAA,aAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,cAAA,CAAA,eAAA,CAAA,WAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,8FAAA,CA0EA,IAAMC,WAA6E,CAAG,SAAhFA,WAA6EA,CAAAC,IAAA,CAoBjFC,GAAG,CACA,CAAA,IAnBDC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CACJC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAAAC,SAAA,CAAAJ,IAAA,CACPK,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CAAAE,aAAA,CAAAN,IAAA,CACfO,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,aAAA,CACpBE,kBAAkB,CAAAR,IAAA,CAAlBQ,kBAAkB,CAClBC,UAAU,CAAAT,IAAA,CAAVS,UAAU,CACVC,MAAM,CAAAV,IAAA,CAANU,MAAM,CACNC,OAAO,CAAAX,IAAA,CAAPW,OAAO,CACPC,YAAY,CAAAZ,IAAA,CAAZY,YAAY,CACZC,WAAW,CAAAb,IAAA,CAAXa,WAAW,CACXC,aAAa,CAAAd,IAAA,CAAbc,aAAa,CACbC,cAAc,CAAAf,IAAA,CAAde,cAAc,CACdC,UAAU,CAAAhB,IAAA,CAAVgB,UAAU,CACVC,YAAY,CAAAjB,IAAA,CAAZiB,YAAY,CACZC,aAAa,CAAAlB,IAAA,CAAbkB,aAAa,CACbC,SAAS,CAAAnB,IAAA,CAATmB,SAAS,CACNC,IAAI,CAAAC,wBAAA,CAAArB,IAAA,CAAAsB,SAAA,CAAA,CAIT,OACEC,GAAA,CAACC,gBAAgB,CAAAC,MAAA,CAAAC,MAAA,CACfzB,CAAAA,GAAG,CAAEA,GAAW,CAChBE,OAAO,CAAEA,OAAQ,CACjBI,QAAQ,CAAEA,QAAS,CACnBF,IAAI,CAAEA,IAAK,CACXH,IAAI,CAAEA,IAAK,CACXyB,QAAQ,CAAER,SAAU,CACpBX,kBAAkB,CAAEA,kBAAmB,CACvCC,UAAU,CAAEA,UAAW,CACvBS,aAAa,CAAEA,aAAc,CAC7BR,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CACjBC,YAAY,CAAEA,YAAa,CAC3BC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BC,cAAc,CAAEA,cAAe,CAC/BC,UAAU,CAAEA,UAAW,CACvBC,YAAY,CAAEA,YAAa,CAAA,CACvBW,sBAAsB,CAACR,IAAI,CAAC,CAC5BA,IAAI,CACT,CAAC,CAEN,CAAC,CAEK,IAAAS,UAAU,CAAGC,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAACjC,WAAW,CAAC,CAAE,CACzEkC,WAAW,CAAE,YACf,CAAC;;;;"}

package/build/lib/native/components/Button/IconButton/StyledIconButton.native.js

@@ -1,15 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default, { useState } from 'react';
 import styled from 'styled-components/native';
-import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
-import 'react-native';
-import { castNativeType } from '../../../utils/platform/castUtils.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
+import '../../../utils/makeAccessible/index.native.js';
+import '../../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { castNativeType } from '../../../utils/platform/castUtils.js';
+import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 
-var StyledPressable=styled.Pressable({alignSelf:'center'});var StyledIconButton=React__default.forwardRef(function(_ref,ref){var _accessibilityProps$r;var Icon=_ref.icon,isDisabled=_ref.isDisabled,onClick=_ref.onClick,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchEnd=_ref.onTouchEnd,onTouchStart=_ref.onTouchStart,size=_ref.size,emphasis=_ref.emphasis,accessibilityLabel=_ref.accessibilityLabel,accessibilityProps=_ref.accessibilityProps;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isPressed=_useState2[0],setIsPressed=_useState2[1];var getIconColorToken=function getIconColorToken(){var emphasisColor=emphasis==='intense'?'gray':'staticWhite';if(isDisabled){return `interactive.icon.${emphasisColor}.disabled`;}var state=isPressed?'subtle':'muted';return `interactive.icon.${emphasisColor}.${state}`;};var iconColorToken=getIconColorToken();return jsx(StyledPressable,Object.assign({ref:ref,emphasis:emphasis,onPress:castNativeType(onClick),disabled:isDisabled,onPressIn:function onPressIn(){return setIsPressed(true);},onPressOut:function onPressOut(){return setIsPressed(false);},onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchEnd:onTouchEnd,onTouchStart:onTouchStart},makeAccessible(Object.assign({},accessibilityProps,{label:accessibilityLabel!=null?accessibilityLabel:accessibilityProps==null?void 0:accessibilityProps.label,role:(_accessibilityProps$r=accessibilityProps==null?void 0:accessibilityProps.role)!=null?_accessibilityProps$r:'button'})),{children:jsx(Icon,{size:size,color:iconColorToken})}));});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Button/IconButton/StyledIconButton.native.tsx";var StyledPressable=styled.Pressable({alignSelf:'center'});var StyledIconButton=React__default.forwardRef(function(_ref,ref){var _accessibilityProps$r;var Icon=_ref.icon,isDisabled=_ref.isDisabled,onClick=_ref.onClick,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchEnd=_ref.onTouchEnd,onTouchStart=_ref.onTouchStart,size=_ref.size,emphasis=_ref.emphasis,accessibilityLabel=_ref.accessibilityLabel,accessibilityProps=_ref.accessibilityProps;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isPressed=_useState2[0],setIsPressed=_useState2[1];var getIconColorToken=function getIconColorToken(){var emphasisColor=emphasis==='intense'?'gray':'staticWhite';if(isDisabled){return `interactive.icon.${emphasisColor}.disabled`;}var state=isPressed?'subtle':'muted';return `interactive.icon.${emphasisColor}.${state}`;};var iconColorToken=getIconColorToken();return jsx(StyledPressable,Object.assign({ref:ref,emphasis:emphasis,onPress:castNativeType(onClick),disabled:isDisabled,onPressIn:function onPressIn(){return setIsPressed(true);},onPressOut:function onPressOut(){return setIsPressed(false);},onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchEnd:onTouchEnd,onTouchStart:onTouchStart},makeAccessible(Object.assign({},accessibilityProps,{label:accessibilityLabel!=null?accessibilityLabel:accessibilityProps==null?void 0:accessibilityProps.label,role:(_accessibilityProps$r=accessibilityProps==null?void 0:accessibilityProps.role)!=null?_accessibilityProps$r:'button'})),{children:jsx(Icon,{size:size,color:iconColorToken})}));});
 
 export { StyledIconButton as default };
 //# sourceMappingURL=StyledIconButton.native.js.map

package/build/lib/native/components/Button/IconButton/StyledIconButton.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledIconButton.native.js","sources":["../../../../../../src/components/Button/IconButton/StyledIconButton.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React, { useState } from 'react';\nimport styled from 'styled-components/native';\n\nimport type { View } from 'react-native';\nimport type { StyledIconButtonProps } from './types';\nimport type { Emphasis, SubtleOrIntense } from '~tokens/theme/theme';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { castNativeType } from '~utils';\n\ntype IconColorStates = keyof Pick<Emphasis, 'muted' | 'subtle' | 'disabled'>;\ntype EmphasisIconColorsType = 'staticWhite' | 'gray';\ntype IconColorToken = `interactive.icon.${EmphasisIconColorsType}.${IconColorStates}`;\n\ntype StyledPressableProps = {\n  emphasis: SubtleOrIntense;\n} & BladeCommonEvents;\n\nconst StyledPressable = styled.Pressable<StyledPressableProps>({\n  alignSelf: 'center', // ensure button only takes needed width\n});\n\nconst StyledIconButton = React.forwardRef<View, StyledIconButtonProps>(\n  (\n    {\n      icon: Icon,\n      isDisabled,\n      onClick,\n      onBlur,\n      onFocus,\n      onMouseLeave,\n      onMouseMove,\n      onPointerDown,\n      onPointerEnter,\n      onTouchEnd,\n      onTouchStart,\n      size,\n      emphasis,\n      accessibilityLabel,\n      accessibilityProps,\n    },\n    ref,\n  ) => {\n    const [isPressed, setIsPressed] = useState(false);\n    const getIconColorToken = (): IconColorToken => {\n      const emphasisColor = emphasis === 'intense' ? 'gray' : 'staticWhite';\n\n      if (isDisabled) {\n        return `interactive.icon.${emphasisColor}.disabled`;\n      }\n\n      const state = isPressed ? 'subtle' : 'muted';\n\n      return `interactive.icon.${emphasisColor}.${state}`;\n    };\n    const iconColorToken = getIconColorToken();\n\n    return (\n      <StyledPressable\n        ref={ref as any}\n        emphasis={emphasis}\n        onPress={castNativeType(onClick)}\n        disabled={isDisabled}\n        onPressIn={() => setIsPressed(true)}\n        onPressOut={() => setIsPressed(false)}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        {...makeAccessible({\n          ...accessibilityProps,\n          label: accessibilityLabel ?? accessibilityProps?.label,\n          role: accessibilityProps?.role ?? 'button',\n        })}\n      >\n        <Icon size={size} color={iconColorToken} />\n      </StyledPressable>\n    );\n  },\n);\n\nexport default StyledIconButton;\n"],"names":["StyledPressable","styled","Pressable","alignSelf","StyledIconButton","React","forwardRef","_ref","ref","_accessibilityProps$r","Icon","icon","isDisabled","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","size","emphasis","accessibilityLabel","accessibilityProps","_useState","useState","_useState2","_slicedToArray","isPressed","setIsPressed","getIconColorToken","emphasisColor","state","iconColorToken","_jsx","Object","assign","onPress","castNativeType","disabled","onPressIn","onPressOut","makeAccessible","label","role","children","color"],"mappings":"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"}
+{"version":3,"file":"StyledIconButton.native.js","sources":["../../../../../../src/components/Button/IconButton/StyledIconButton.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React, { useState } from 'react';\nimport styled from 'styled-components/native';\n\nimport type { View } from 'react-native';\nimport type { StyledIconButtonProps } from './types';\nimport type { IconButtonEmphasis } from './IconButton';\nimport type { Emphasis } from '~tokens/theme/theme';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { castNativeType } from '~utils';\n\ntype IconColorStates = keyof Pick<Emphasis, 'muted' | 'subtle' | 'disabled'>;\ntype EmphasisIconColorsType = 'staticWhite' | 'gray';\ntype IconColorToken = `interactive.icon.${EmphasisIconColorsType}.${IconColorStates}`;\n\ntype StyledPressableProps = {\n  emphasis: IconButtonEmphasis;\n} & BladeCommonEvents;\n\nconst StyledPressable = styled.Pressable<StyledPressableProps>({\n  alignSelf: 'center', // ensure button only takes needed width\n});\n\nconst StyledIconButton = React.forwardRef<View, StyledIconButtonProps>(\n  (\n    {\n      icon: Icon,\n      isDisabled,\n      onClick,\n      onBlur,\n      onFocus,\n      onMouseLeave,\n      onMouseMove,\n      onPointerDown,\n      onPointerEnter,\n      onTouchEnd,\n      onTouchStart,\n      size,\n      emphasis,\n      accessibilityLabel,\n      accessibilityProps,\n    },\n    ref,\n  ) => {\n    const [isPressed, setIsPressed] = useState(false);\n    const getIconColorToken = (): IconColorToken => {\n      const emphasisColor = emphasis === 'intense' ? 'gray' : 'staticWhite';\n\n      if (isDisabled) {\n        return `interactive.icon.${emphasisColor}.disabled`;\n      }\n\n      const state = isPressed ? 'subtle' : 'muted';\n\n      return `interactive.icon.${emphasisColor}.${state}`;\n    };\n    const iconColorToken = getIconColorToken();\n\n    return (\n      <StyledPressable\n        ref={ref as any}\n        emphasis={emphasis}\n        onPress={castNativeType(onClick)}\n        disabled={isDisabled}\n        onPressIn={() => setIsPressed(true)}\n        onPressOut={() => setIsPressed(false)}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        {...makeAccessible({\n          ...accessibilityProps,\n          label: accessibilityLabel ?? accessibilityProps?.label,\n          role: accessibilityProps?.role ?? 'button',\n        })}\n      >\n        <Icon size={size} color={iconColorToken} />\n      </StyledPressable>\n    );\n  },\n);\n\nexport default StyledIconButton;\n"],"names":["this","StyledPressable","styled","Pressable","alignSelf","StyledIconButton","React","forwardRef","_ref","ref","_accessibilityProps$r","Icon","icon","isDisabled","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","size","emphasis","accessibilityLabel","accessibilityProps","_useState","useState","_useState2","_slicedToArray","isPressed","setIsPressed","getIconColorToken","emphasisColor","state","iconColorToken","_jsx","Object","assign","onPress","castNativeType","disabled","onPressIn","onPressOut","makeAccessible","label","role","children","color"],"mappings":"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"}

package/build/lib/native/components/Button/IconButton/index.js

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

package/build/lib/native/components/Button/IconButton/index.js.map

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

package/build/lib/native/components/Button/index.js

@@ -0,0 +1,2 @@
+import './Button/index.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Button/index.js.map

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

package/build/lib/native/components/ButtonGroup/ButtonGroup.native.js

@@ -1,7 +1,28 @@
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import styled from 'styled-components/native';
+import { View } from 'react-native';
+import { StyledButtonGroup } from './StyledButtonGroup.native.js';
+import { ButtonGroupProvider } from './ButtonGroupContext.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/useVerifyAllowedChildren/index.js';
+import '../BladeProvider/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import { getBackgroundColorToken } from '../Button/BaseButton/BaseButton.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var ButtonGroup=function ButtonGroup(_props){throwBladeError({message:'ButtonGroup is not yet implemented for React Native',moduleName:'ButtonGroup'});return jsx(Fragment,{});};
+var _excluded=["children","isDisabled","size","color","variant","isFullWidth","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/ButtonGroup/ButtonGroup.native.tsx";var getDividerColorToken=function getDividerColorToken(_ref){var color=_ref.color,variant=_ref.variant,isDisabled=_ref.isDisabled;if(variant==='primary'){return 'surface.border.gray.subtle';}if(variant==='secondary'){return getBackgroundColorToken({variant:variant,color:color,state:isDisabled?'disabled':'default'});}return 'surface.border.gray.muted';};var StyledDivider=styled(View)(function(_ref2){var dividerColor=_ref2.dividerColor;return {width:1,alignSelf:'stretch',backgroundColor:dividerColor};});var _ButtonGroup=function _ButtonGroup(_ref3,ref){var children=_ref3.children,_ref3$isDisabled=_ref3.isDisabled,isDisabled=_ref3$isDisabled===void 0?false:_ref3$isDisabled,_ref3$size=_ref3.size,size=_ref3$size===void 0?'medium':_ref3$size,_ref3$color=_ref3.color,color=_ref3$color===void 0?'primary':_ref3$color,_ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?'primary':_ref3$variant,_ref3$isFullWidth=_ref3.isFullWidth,isFullWidth=_ref3$isFullWidth===void 0?false:_ref3$isFullWidth,testID=_ref3.testID,rest=_objectWithoutProperties(_ref3,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _React$useState=React__default.useState(null),_React$useState2=_slicedToArray(_React$useState,2),pressedButtonIndex=_React$useState2[0],setPressedButtonIndex=_React$useState2[1];var contextValue={isDisabled:isDisabled,size:size,color:color,variant:variant,isFullWidth:isFullWidth,setPressedButtonIndex:setPressedButtonIndex};useVerifyAllowedChildren({allowedComponents:['Button','Dropdown','Tooltip','Popover'],componentName:'ButtonGroup',children:children});var dividerColorToken=getDividerColorToken({color:color,variant:variant,isDisabled:isDisabled});var dividerColor=getIn(theme.colors,dividerColorToken);var isSecondaryOrTertiary=variant==='secondary'||variant==='tertiary';return jsx(StyledButtonGroup,Object.assign({ref:ref,size:size,isFullWidth:isFullWidth},metaAttribute({name:MetaConstants.ButtonGroup,testID:testID}),makeAnalyticsAttribute(rest),getStyledProps(rest),{accessibilityRole:"none",accessible:false,children:React__default.Children.map(children,function(child,index){var _child$key;if(!React__default.isValidElement(child))return child;var isLast=React__default.Children.count(children)-1===index;var showDivider=variant==='primary'&&!isLast;var childKey=(_child$key=child.key)!=null?_child$key:index;var isPressed=pressedButtonIndex===index;var isGroupBorderCollapsed=isSecondaryOrTertiary&&index>0&&pressedButtonIndex!==index-1;return jsxs(React__default.Fragment,{children:[jsx(View,{style:Object.assign({},isFullWidth?{flex:1,alignSelf:'stretch'}:{alignSelf:'center'},{zIndex:isPressed?10:isLast?2:1}),children:jsx(ButtonGroupProvider,{value:Object.assign({},contextValue,{buttonIndex:index,isFirstInButtonGroup:index===0,isLastInButtonGroup:isLast,isGroupBorderCollapsed:isGroupBorderCollapsed,isInsideButtonGroup:true}),children:child})}),showDivider&&jsx(StyledDivider,{dividerColor:dividerColor})]},childKey);})}));};var ButtonGroup=assignWithoutSideEffects(React__default.forwardRef(_ButtonGroup),{displayName:'ButtonGroup',componentId:'ButtonGroup'});
 
 export { ButtonGroup };
 //# sourceMappingURL=ButtonGroup.native.js.map

package/build/lib/native/components/ButtonGroup/ButtonGroup.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.native.js","sources":["../../../../../src/components/ButtonGroup/ButtonGroup.native.tsx"],"sourcesContent":["import type { ButtonGroupProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst ButtonGroup = (_props: ButtonGroupProps): React.ReactElement => {\n  throwBladeError({\n    message: 'ButtonGroup is not yet implemented for React Native',\n    moduleName: 'ButtonGroup',\n  });\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <></>;\n};\n\nexport { ButtonGroup };\n"],"names":["ButtonGroup","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAGM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,qDAAqD,CAC9DC,UAAU,CAAE,aACd,CAAC,CAAC,CAGF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"ButtonGroup.native.js","sources":["../../../../../src/components/ButtonGroup/ButtonGroup.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport { View } from 'react-native';\nimport type { ButtonGroupProps } from './types';\nimport { StyledButtonGroup } from './StyledButtonGroup';\nimport { ButtonGroupProvider } from './ButtonGroupContext';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { getBackgroundColorToken } from '~components/Button/BaseButton/BaseButton';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BladeElementRef } from '~utils/types';\n\n// Mirrors the web implementation's getDividerColorToken for parity.\n// Only the 'primary' branch is reachable at runtime (dividers are only\n// rendered for primary variant), but all branches are kept for web/native\n// consistency.\nconst getDividerColorToken = ({\n  color,\n  variant,\n  isDisabled,\n}: Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>): DotNotationToken<\n  Theme['colors']\n> => {\n  if (variant === 'primary') {\n    return 'surface.border.gray.subtle';\n  }\n\n  if (variant === 'secondary') {\n    return getBackgroundColorToken({\n      variant,\n      color,\n      state: isDisabled ? 'disabled' : 'default',\n    });\n  }\n\n  return 'surface.border.gray.muted';\n};\n\nconst StyledDivider = styled(View)<{ dividerColor: string }>(\n  ({ dividerColor }: { dividerColor: string }) => ({\n    width: 1,\n    alignSelf: 'stretch' as const,\n    backgroundColor: dividerColor,\n  }),\n);\n\nconst _ButtonGroup = (\n  {\n    children,\n    isDisabled = false,\n    size = 'medium',\n    color = 'primary',\n    variant = 'primary',\n    isFullWidth = false,\n    testID,\n    ...rest\n  }: ButtonGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  // While a secondary/tertiary button is pressed, lift it above siblings and\n  // release the next sibling's -1px overlap so the highlighted right border shows.\n  const [pressedButtonIndex, setPressedButtonIndex] = React.useState<number | null>(null);\n\n  const contextValue = {\n    isDisabled,\n    size,\n    color,\n    variant,\n    isFullWidth,\n    setPressedButtonIndex,\n  };\n\n  useVerifyAllowedChildren({\n    allowedComponents: ['Button', 'Dropdown', 'Tooltip', 'Popover'],\n    componentName: 'ButtonGroup',\n    children,\n  });\n\n  const dividerColorToken = getDividerColorToken({ color, variant, isDisabled });\n  const dividerColor = getIn(theme.colors, dividerColorToken);\n\n  const isSecondaryOrTertiary = variant === 'secondary' || variant === 'tertiary';\n\n  return (\n    <StyledButtonGroup\n      ref={ref as never}\n      size={size}\n      isFullWidth={isFullWidth}\n      {...metaAttribute({ name: MetaConstants.ButtonGroup, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      {...getStyledProps(rest)}\n      accessibilityRole=\"none\"\n      accessible={false}\n    >\n      {React.Children.map(children, (child, index) => {\n        if (!React.isValidElement(child)) return child;\n        const isLast = React.Children.count(children) - 1 === index;\n        const showDivider = variant === 'primary' && !isLast;\n        // child.key is preferred; index fallback is acceptable here because\n        // ButtonGroup children are a static set of Buttons that are not\n        // dynamically added/removed at runtime.\n        const childKey = child.key ?? index;\n        const isPressed = pressedButtonIndex === index;\n        // Collapse doubled borders, except when the previous button is pressed —\n        // then keep this sibling un-overlapped so the pressed button's right\n        // highlighted border isn't covered.\n        const isGroupBorderCollapsed =\n          isSecondaryOrTertiary && index > 0 && pressedButtonIndex !== index - 1;\n\n        return (\n          <React.Fragment key={childKey}>\n            {/*\n              Wrap each child so Dropdown's `height: 100%` resolves against a\n              content-sized parent (not the Storybook screen), and so the open\n              overlay can paint above siblings.\n            */}\n            <View\n              style={{\n                // Full-width groups need the wrapper to grow so BaseButton's\n                // `flex: 1` can share the row (wrappers previously forced\n                // `alignSelf: 'center'` and blocked expansion).\n                ...(isFullWidth\n                  ? { flex: 1, alignSelf: 'stretch' as const }\n                  : { alignSelf: 'center' as const }),\n                // Pressed button above siblings so its full focus border paints\n                // on top of the next button's overlapping edge.\n                zIndex: isPressed ? 10 : isLast ? 2 : 1,\n              }}\n            >\n              <ButtonGroupProvider\n                value={{\n                  ...contextValue,\n                  buttonIndex: index,\n                  isFirstInButtonGroup: index === 0,\n                  isLastInButtonGroup: isLast,\n                  isGroupBorderCollapsed,\n                  isInsideButtonGroup: true,\n                }}\n              >\n                {child}\n              </ButtonGroupProvider>\n            </View>\n            {showDivider && <StyledDivider dividerColor={dividerColor} />}\n          </React.Fragment>\n        );\n      })}\n    </StyledButtonGroup>\n  );\n};\n\nconst ButtonGroup = assignWithoutSideEffects(React.forwardRef(_ButtonGroup), {\n  displayName: 'ButtonGroup',\n  componentId: 'ButtonGroup',\n});\n\nexport { ButtonGroup };\nexport type { ButtonGroupProps };\n"],"names":["this","getDividerColorToken","_ref","color","variant","isDisabled","getBackgroundColorToken","state","StyledDivider","styled","View","_ref2","dividerColor","width","alignSelf","backgroundColor","_ButtonGroup","_ref3","ref","children","_ref3$isDisabled","_ref3$size","size","_ref3$color","_ref3$variant","_ref3$isFullWidth","isFullWidth","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_React$useState","React","useState","_React$useState2","_slicedToArray","pressedButtonIndex","setPressedButtonIndex","contextValue","useVerifyAllowedChildren","allowedComponents","componentName","dividerColorToken","getIn","colors","isSecondaryOrTertiary","_jsx","StyledButtonGroup","Object","assign","metaAttribute","name","MetaConstants","ButtonGroup","makeAnalyticsAttribute","getStyledProps","accessibilityRole","accessible","Children","map","child","index","_child$key","isValidElement","isLast","count","showDivider","childKey","key","isPressed","isGroupBorderCollapsed","_jsxs","Fragment","style","flex","zIndex","ButtonGroupProvider","value","buttonIndex","isFirstInButtonGroup","isLastInButtonGroup","isInsideButtonGroup","assignWithoutSideEffects","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,YAAA,CAAA,MAAA,CAAA,OAAA,CAAA,SAAA,CAAA,aAAA,CAAA,QAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,gGAAA,CAsBA,IAAMC,oBAAoB,CAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,CAMrB,CAAA,IALHC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CACPC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CAIV,GAAID,OAAO,GAAK,SAAS,CAAE,CACzB,OAAO,4BAA4B,CACrC,CAEA,GAAIA,OAAO,GAAK,WAAW,CAAE,CAC3B,OAAOE,uBAAuB,CAAC,CAC7BF,OAAO,CAAPA,OAAO,CACPD,KAAK,CAALA,KAAK,CACLI,KAAK,CAAEF,UAAU,CAAG,UAAU,CAAG,SACnC,CAAC,CAAC,CACJ,CAEA,OAAO,2BAA2B,CACpC,CAAC,CAED,IAAMG,aAAa,CAAGC,MAAM,CAACC,IAAI,CAAC,CAChC,SAAAC,KAAA,CAAG,CAAA,IAAAC,YAAY,CAAAD,KAAA,CAAZC,YAAY,CAAA,OAAkC,CAC/CC,KAAK,CAAE,CAAC,CACRC,SAAS,CAAE,SAAkB,CAC7BC,eAAe,CAAEH,YACnB,CAAC,CAAA,CACH,CAAC,CAED,IAAMI,YAAY,CAAG,SAAfA,YAAYA,CAAAC,KAAA,CAWhBC,GAA+B,CACR,KAVrBC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CAAAC,gBAAA,CAAAH,KAAA,CACRZ,UAAU,CAAVA,UAAU,CAAAe,gBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,gBAAA,CAAAC,UAAA,CAAAJ,KAAA,CAClBK,IAAI,CAAJA,IAAI,CAAAD,UAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,UAAA,CAAAE,WAAA,CAAAN,KAAA,CACfd,KAAK,CAALA,KAAK,CAAAoB,WAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,WAAA,CAAAC,aAAA,CAAAP,KAAA,CACjBb,OAAO,CAAPA,OAAO,CAAAoB,aAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,aAAA,CAAAC,iBAAA,CAAAR,KAAA,CACnBS,WAAW,CAAXA,WAAW,CAAAD,iBAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,iBAAA,CACnBE,MAAM,CAAAV,KAAA,CAANU,MAAM,CACHC,IAAI,CAAAC,wBAAA,CAAAZ,KAAA,CAAAa,SAAA,EAIT,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAGb,IAAAC,eAAA,CAAoDC,cAAK,CAACC,QAAQ,CAAgB,IAAI,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAAA,CAAA,CAAA,CAAhFK,kBAAkB,CAAAF,gBAAA,IAAEG,qBAAqB,CAAAH,gBAAA,CAAA,CAAA,CAAA,CAEhD,IAAMI,YAAY,CAAG,CACnBpC,UAAU,CAAVA,UAAU,CACViB,IAAI,CAAJA,IAAI,CACJnB,KAAK,CAALA,KAAK,CACLC,OAAO,CAAPA,OAAO,CACPsB,WAAW,CAAXA,WAAW,CACXc,qBAAqB,CAArBA,qBACF,CAAC,CAEDE,wBAAwB,CAAC,CACvBC,iBAAiB,CAAE,CAAC,QAAQ,CAAE,UAAU,CAAE,SAAS,CAAE,SAAS,CAAC,CAC/DC,aAAa,CAAE,aAAa,CAC5BzB,QAAQ,CAARA,QACF,CAAC,CAAC,CAEF,IAAM0B,iBAAiB,CAAG5C,oBAAoB,CAAC,CAAEE,KAAK,CAALA,KAAK,CAAEC,OAAO,CAAPA,OAAO,CAAEC,UAAU,CAAVA,UAAW,CAAC,CAAC,CAC9E,IAAMO,YAAY,CAAGkC,KAAK,CAACb,KAAK,CAACc,MAAM,CAAEF,iBAAiB,CAAC,CAE3D,IAAMG,qBAAqB,CAAG5C,OAAO,GAAK,WAAW,EAAIA,OAAO,GAAK,UAAU,CAE/E,OACE6C,GAAA,CAACC,iBAAiB,CAAAC,MAAA,CAAAC,MAAA,CAAA,CAChBlC,GAAG,CAAEA,GAAa,CAClBI,IAAI,CAAEA,IAAK,CACXI,WAAW,CAAEA,WAAY,EACrB2B,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,WAAW,CAAE7B,MAAM,CAANA,MAAO,CAAC,CAAC,CAC1D8B,sBAAsB,CAAC7B,IAAI,CAAC,CAC5B8B,cAAc,CAAC9B,IAAI,CAAC,EACxB+B,iBAAiB,CAAC,MAAM,CACxBC,UAAU,CAAE,KAAM,CAAAzC,QAAA,CAEjBgB,cAAK,CAAC0B,QAAQ,CAACC,GAAG,CAAC3C,QAAQ,CAAE,SAAC4C,KAAK,CAAEC,KAAK,CAAK,CAAA,IAAAC,UAAA,CAC9C,GAAI,CAAC9B,cAAK,CAAC+B,cAAc,CAACH,KAAK,CAAC,CAAE,OAAOA,KAAK,CAC9C,IAAMI,MAAM,CAAGhC,cAAK,CAAC0B,QAAQ,CAACO,KAAK,CAACjD,QAAQ,CAAC,CAAG,CAAC,GAAK6C,KAAK,CAC3D,IAAMK,WAAW,CAAGjE,OAAO,GAAK,SAAS,EAAI,CAAC+D,MAAM,CAIpD,IAAMG,QAAQ,CAAAL,CAAAA,UAAA,CAAGF,KAAK,CAACQ,GAAG,GAAA,IAAA,CAAAN,UAAA,CAAID,KAAK,CACnC,IAAMQ,SAAS,CAAGjC,kBAAkB,GAAKyB,KAAK,CAI9C,IAAMS,sBAAsB,CAC1BzB,qBAAqB,EAAIgB,KAAK,CAAG,CAAC,EAAIzB,kBAAkB,GAAKyB,KAAK,CAAG,CAAC,CAExE,OACEU,IAAA,CAACvC,cAAK,CAACwC,QAAQ,CAAA,CAAAxD,QAAA,CAMb8B,CAAAA,GAAA,CAACvC,IAAI,EACHkE,KAAK,CAAAzB,MAAA,CAAAC,MAAA,IAIC1B,WAAW,CACX,CAAEmD,IAAI,CAAE,CAAC,CAAE/D,SAAS,CAAE,SAAmB,CAAC,CAC1C,CAAEA,SAAS,CAAE,QAAkB,CAAC,CAAA,CAGpCgE,MAAM,CAAEN,SAAS,CAAG,EAAE,CAAGL,MAAM,CAAG,CAAC,CAAG,CAAC,CAAA,CACvC,CAAAhD,QAAA,CAEF8B,GAAA,CAAC8B,mBAAmB,CAClBC,CAAAA,KAAK,CAAA7B,MAAA,CAAAC,MAAA,CACAX,EAAAA,CAAAA,YAAY,EACfwC,WAAW,CAAEjB,KAAK,CAClBkB,oBAAoB,CAAElB,KAAK,GAAK,CAAC,CACjCmB,mBAAmB,CAAEhB,MAAM,CAC3BM,sBAAsB,CAAtBA,sBAAsB,CACtBW,mBAAmB,CAAE,IAAI,EACzB,CAAAjE,QAAA,CAED4C,KAAK,CACa,CAAC,CAClB,CAAC,CACNM,WAAW,EAAIpB,GAAA,CAACzC,aAAa,CAAA,CAACI,YAAY,CAAEA,YAAa,CAAE,CAAC,CAAA,CAAA,CAhC1C0D,QAiCL,CAAC,CAErB,CAAC,CAAC,EACe,CAAC,CAExB,CAAC,CAEK,IAAAd,WAAW,CAAG6B,wBAAwB,CAAClD,cAAK,CAACmD,UAAU,CAACtE,YAAY,CAAC,CAAE,CAC3EuE,WAAW,CAAE,aAAa,CAC1BC,WAAW,CAAE,aACf,CAAC;;;;"}

package/build/lib/native/components/ButtonGroup/ButtonGroupContext.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 
-var ButtonGroupContext=React__default.createContext({});ButtonGroupContext.Provider;var useButtonGroupContext=function useButtonGroupContext(){var context=React__default.useContext(ButtonGroupContext);return context;};
+var ButtonGroupContext=React__default.createContext({});var ButtonGroupProvider=ButtonGroupContext.Provider;var useButtonGroupContext=function useButtonGroupContext(){var context=React__default.useContext(ButtonGroupContext);return context;};
 
-export { useButtonGroupContext };
+export { ButtonGroupProvider, useButtonGroupContext };
 //# sourceMappingURL=ButtonGroupContext.js.map

package/build/lib/native/components/ButtonGroup/ButtonGroupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupContext.js","sources":["../../../../../src/components/ButtonGroup/ButtonGroupContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { ButtonGroupContextType } from './types';\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextType>({});\nconst ButtonGroupProvider = ButtonGroupContext.Provider;\n\nconst useButtonGroupContext = (): ButtonGroupContextType => {\n  const context = React.useContext(ButtonGroupContext);\n  return context;\n};\n\nexport { useButtonGroupContext, ButtonGroupProvider };\n"],"names":["ButtonGroupContext","React","createContext","Provider","useButtonGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,kBAAkB,CAAGC,cAAK,CAACC,aAAa,CAAyB,EAAE,CAAC,CAC9CF,kBAAkB,CAACG,SAEzC,IAAAC,qBAAqB,CAAG,SAAxBA,qBAAqBA,EAAiC,CAC1D,IAAMC,OAAO,CAAGJ,cAAK,CAACK,UAAU,CAACN,kBAAkB,CAAC,CACpD,OAAOK,OAAO,CAChB;;;;"}
+{"version":3,"file":"ButtonGroupContext.js","sources":["../../../../../src/components/ButtonGroup/ButtonGroupContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { ButtonGroupContextType } from './types';\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextType>({});\nconst ButtonGroupProvider = ButtonGroupContext.Provider;\n\nconst useButtonGroupContext = (): ButtonGroupContextType => {\n  const context = React.useContext(ButtonGroupContext);\n  return context;\n};\n\nexport { useButtonGroupContext, ButtonGroupProvider };\n"],"names":["ButtonGroupContext","React","createContext","ButtonGroupProvider","Provider","useButtonGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,kBAAkB,CAAGC,cAAK,CAACC,aAAa,CAAyB,EAAE,CAAC,CACpE,IAAAC,mBAAmB,CAAGH,kBAAkB,CAACI,SAEzC,IAAAC,qBAAqB,CAAG,SAAxBA,qBAAqBA,EAAiC,CAC1D,IAAMC,OAAO,CAAGL,cAAK,CAACM,UAAU,CAACP,kBAAkB,CAAC,CACpD,OAAOM,OAAO,CAChB;;;;"}

package/build/lib/native/components/ButtonGroup/StyledButtonGroup.native.js

@@ -0,0 +1,12 @@
+import styled from 'styled-components/native';
+import { View } from 'react-native';
+import '../Box/styledProps/index.js';
+import '../../utils/index.js';
+import { buttonBorderRadius } from '../Button/BaseButton/buttonTokens.js';
+import { useStyledProps } from '../Box/styledProps/useStyledProps.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
+
+var StyledButtonGroup=styled(View)(function(props){var styledPropsCSSObject=useStyledProps(props);var theme=props.theme,isFullWidth=props.isFullWidth,_props$size=props.size,size=_props$size===void 0?'medium':_props$size;var borderRadiusToken=buttonBorderRadius[size];var borderRadius=makeBorderSize(theme.border.radius[borderRadiusToken]);return Object.assign({flexDirection:'row',alignItems:'center'},isFullWidth?{alignSelf:'stretch',width:'100%'}:{alignSelf:'flex-start'},{borderRadius:borderRadius,overflow:'visible'},styledPropsCSSObject);});
+
+export { StyledButtonGroup };
+//# sourceMappingURL=StyledButtonGroup.native.js.map

package/build/lib/native/components/ButtonGroup/StyledButtonGroup.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledButtonGroup.native.js","sources":["../../../../../src/components/ButtonGroup/StyledButtonGroup.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport { View } from 'react-native';\nimport type { StyledButtonGroupProps } from './types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport { makeBorderSize } from '~utils';\nimport { buttonBorderRadius } from '~components/Button/BaseButton/buttonTokens';\n\nconst StyledButtonGroup = styled(View)<StyledButtonGroupProps & StyledPropsBlade>((props) => {\n  const styledPropsCSSObject = useStyledProps(props);\n  const { theme, isFullWidth, size = 'medium' } = props;\n  const borderRadiusToken = buttonBorderRadius[size];\n  const borderRadius = makeBorderSize(theme.border.radius[borderRadiusToken]);\n\n  return {\n    flexDirection: 'row',\n    // Keep buttons content-sized on the cross axis. Default RN `alignItems:\n    // 'stretch'` plus Dropdown's inner `height: '100%'` was blowing the group\n    // up to the full screen height in Storybook.\n    alignItems: 'center',\n    // Match web `width: 100%` — `alignSelf: stretch` alone is not enough inside\n    // ScrollView / column parents that don't stretch their content width.\n    ...(isFullWidth\n      ? { alignSelf: 'stretch' as const, width: '100%' as const }\n      : { alignSelf: 'flex-start' as const }),\n    borderRadius,\n    // Do not clip here — DropdownOverlay is absolutely positioned inside the\n    // group. Outer rounding is handled per-button via borderRadii instead.\n    overflow: 'visible',\n    ...styledPropsCSSObject,\n  };\n});\n\nexport { StyledButtonGroup };\n"],"names":["StyledButtonGroup","styled","View","props","styledPropsCSSObject","useStyledProps","theme","isFullWidth","_props$size","size","borderRadiusToken","buttonBorderRadius","borderRadius","makeBorderSize","border","radius","Object","assign","flexDirection","alignItems","alignSelf","width","overflow"],"mappings":";;;;;;;;AAQM,IAAAA,iBAAiB,CAAGC,MAAM,CAACC,IAAI,CAAC,CAA4C,SAACC,KAAK,CAAK,CAC3F,IAAMC,oBAAoB,CAAGC,cAAc,CAACF,KAAK,CAAC,CAClD,IAAQG,KAAK,CAAmCH,KAAK,CAA7CG,KAAK,CAAEC,WAAW,CAAsBJ,KAAK,CAAtCI,WAAW,CAAAC,WAAA,CAAsBL,KAAK,CAAzBM,IAAI,CAAJA,IAAI,CAAAD,WAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,WAAA,CAC3C,IAAME,iBAAiB,CAAGC,kBAAkB,CAACF,IAAI,CAAC,CAClD,IAAMG,YAAY,CAAGC,cAAc,CAACP,KAAK,CAACQ,MAAM,CAACC,MAAM,CAACL,iBAAiB,CAAC,CAAC,CAE3E,OAAAM,MAAA,CAAAC,MAAA,CACEC,CAAAA,aAAa,CAAE,KAAK,CAIpBC,UAAU,CAAE,QAAQ,CAAA,CAGhBZ,WAAW,CACX,CAAEa,SAAS,CAAE,SAAkB,CAAEC,KAAK,CAAE,MAAgB,CAAC,CACzD,CAAED,SAAS,CAAE,YAAsB,CAAC,CAAA,CACxCR,YAAY,CAAZA,YAAY,CAGZU,QAAQ,CAAE,SAAS,CAChBlB,CAAAA,oBAAoB,CAE3B,CAAA,CAAC;;;;"}

package/build/lib/native/components/ButtonGroup/index.js

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

package/build/lib/native/components/ButtonGroup/index.js.map

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

package/build/lib/native/components/Card/Card.js

@@ -6,24 +6,28 @@ import { CardProvider, useVerifyInsideCard } from './CardContext.js';
 import { LinkOverlay } from './LinkOverlay.native.js';
 import { CardRoot } from './CardRoot.native.js';
 import { CARD_LINK_OVERLAY_ID } from './constants.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
-import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAccessible/index.native.js';
 import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
-import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import '../../utils/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { useCheckboxGroupContext } from '../Checkbox/CheckboxGroup/CheckboxGroupContext.js';
 import { useRadioGroupContext } from '../Radio/RadioGroup/RadioContext.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["children","backgroundColor","borderRadius","elevation","testID","padding","width","height","minHeight","minWidth","maxWidth","onClick","isSelected","accessibilityLabel","shouldScaleOnHover","onHover","href","target","rel","as","size","cursor","opacity","transition","flexShrink","overflow","overflowX","overflowY"],_excluded2=["height","children","testID"];var ComponentIds={CardHeader:'CardHeader',CardHeaderTrailing:'CardHeaderTrailing',CardHeaderLeading:'CardHeaderLeading',CardFooter:'CardFooter',CardFooterTrailing:'CardFooterTrailing',CardFooterLeading:'CardFooterLeading',CardBody:'CardBody',CardHeaderIcon:'CardHeaderIcon',CardHeaderCounter:'CardHeaderCounter',CardHeaderBadge:'CardHeaderBadge',CardHeaderAmount:'CardHeaderAmount',CardHeaderText:'CardHeaderText',CardHeaderLink:'CardHeaderLink',CardHeaderIconButton:'CardHeaderIconButton'};var _Card=function _Card(_ref,ref){var children=_ref.children;_ref.backgroundColor;_ref.borderRadius;var _ref$elevation=_ref.elevation,elevation=_ref$elevation===void 0?'lowRaised':_ref$elevation,testID=_ref.testID,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.7':_ref$padding,width=_ref.width,height=_ref.height,minHeight=_ref.minHeight,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,onClick=_ref.onClick,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,accessibilityLabel=_ref.accessibilityLabel,_ref$shouldScaleOnHov=_ref.shouldScaleOnHover,shouldScaleOnHover=_ref$shouldScaleOnHov===void 0?false:_ref$shouldScaleOnHov,onHover=_ref.onHover,href=_ref.href,target=_ref.target,rel=_ref.rel,as=_ref.as,_ref$size=_ref.size,size=_ref$size===void 0?'large':_ref$size,cursor=_ref.cursor,opacity=_ref.opacity,transition=_ref.transition,flexShrink=_ref.flexShrink,overflow=_ref.overflow,overflowX=_ref.overflowX,overflowY=_ref.overflowY,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isFocused=_React$useState2[0],setIsFocused=_React$useState2[1];var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;useVerifyAllowedChildren({children:children,componentName:'Card',allowedComponents:[ComponentIds.CardHeader,ComponentIds.CardBody,ComponentIds.CardFooter]});var linkOverlayProps=Object.assign({},metaAttribute({name:CARD_LINK_OVERLAY_ID}),makeAccessible({label:accessibilityLabel,pressed:href?undefined:isSelected}),{onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);}});var defaultRel=target&&target==='_blank'?'noreferrer noopener':undefined;var checkboxGroupProps=useCheckboxGroupContext();var radioGroupProps=useRadioGroupContext();var getGroupProps=function getGroupProps(){if(Object.keys(checkboxGroupProps).length>0)return checkboxGroupProps;if(Object.keys(radioGroupProps).length>0)return radioGroupProps;return undefined;};var groupProps=getGroupProps();var _validationState=groupProps==null?void 0:groupProps.validationState;return jsx(CardProvider,{size:size,children:jsx(CardRoot,Object.assign({as:as,ref:ref,display:'block',borderRadius:"medium",onMouseEnter:onHover,shouldScaleOnHover:shouldScaleOnHover,isSelected:isSelected,isFocused:isFocused,onClick:isReactNative()?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,maxWidth:maxWidth,href:href,accessibilityLabel:accessibilityLabel,validationState:_validationState,cursor:isReactNative()?undefined:cursor,opacity:opacity,transition:transition,flexShrink:flexShrink},metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(CardSurface,{height:height,minHeight:minHeight,padding:padding,borderRadius:"medium",textAlign:'left',backgroundColor:"surface.background.gray.intense",colorScheme:colorScheme,isSelected:isSelected,elevation:elevation,overflow:overflow,overflowX:overflowX,overflowY:overflowY,$isCard:true,children:[href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null,children]})}))});};var _CardBody=function _CardBody(_ref2){var height=_ref2.height,children=_ref2.children,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded2);useVerifyInsideCard('CardBody');return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.CardBody,testID:testID}),makeAnalyticsAttribute(rest),{height:height,children:children}));};var Card=React__default.forwardRef(_Card);var CardBody=assignWithoutSideEffects(_CardBody,{componentId:ComponentIds.CardBody});
+var _excluded=["children","backgroundColor","borderRadius","elevation","testID","padding","width","height","minHeight","minWidth","maxWidth","onClick","isSelected","isDisabled","accessibilityLabel","shouldScaleOnHover","onHover","href","target","rel","as","variant","size","cursor","opacity","transition","flexShrink","overflow","overflowX","overflowY"],_excluded2=["height","children","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Card/Card.tsx";var ComponentIds={CardHeader:'CardHeader',CardHeaderTrailing:'CardHeaderTrailing',CardHeaderLeading:'CardHeaderLeading',CardFooter:'CardFooter',CardFooterTrailing:'CardFooterTrailing',CardFooterLeading:'CardFooterLeading',CardBody:'CardBody',CardHeaderIcon:'CardHeaderIcon',CardHeaderCounter:'CardHeaderCounter',CardHeaderBadge:'CardHeaderBadge',CardHeaderAmount:'CardHeaderAmount',CardHeaderText:'CardHeaderText',CardHeaderLink:'CardHeaderLink',CardHeaderIconButton:'CardHeaderIconButton'};var _Card=function _Card(_ref,ref){var children=_ref.children,backgroundColor=_ref.backgroundColor,_ref$borderRadius=_ref.borderRadius,borderRadius=_ref$borderRadius===void 0?'medium':_ref$borderRadius,_ref$elevation=_ref.elevation,elevation=_ref$elevation===void 0?'lowRaised':_ref$elevation,testID=_ref.testID,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.7':_ref$padding,width=_ref.width,height=_ref.height,minHeight=_ref.minHeight,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,onClick=_ref.onClick,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,accessibilityLabel=_ref.accessibilityLabel,_ref$shouldScaleOnHov=_ref.shouldScaleOnHover,shouldScaleOnHover=_ref$shouldScaleOnHov===void 0?false:_ref$shouldScaleOnHov,onHover=_ref.onHover,href=_ref.href,target=_ref.target,rel=_ref.rel,as=_ref.as,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'primary':_ref$variant,_ref$size=_ref.size,size=_ref$size===void 0?'large':_ref$size,cursor=_ref.cursor,opacity=_ref.opacity,transition=_ref.transition,flexShrink=_ref.flexShrink,overflow=_ref.overflow,overflowX=_ref.overflowX,overflowY=_ref.overflowY,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isFocused=_React$useState2[0],setIsFocused=_React$useState2[1];var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;useVerifyAllowedChildren({children:children,componentName:'Card',allowedComponents:variant==='secondary'?[ComponentIds.CardBody]:[ComponentIds.CardHeader,ComponentIds.CardBody,ComponentIds.CardFooter]});var checkboxGroupProps=useCheckboxGroupContext();var radioGroupProps=useRadioGroupContext();var getGroupProps=function getGroupProps(){if(Object.keys(checkboxGroupProps).length>0)return checkboxGroupProps;if(Object.keys(radioGroupProps).length>0)return radioGroupProps;return undefined;};var groupProps=getGroupProps();var _validationState=groupProps==null?void 0:groupProps.validationState;var isCardDisabled=isDisabled||Boolean(groupProps==null?void 0:groupProps.isDisabled);var isCardSelected=isSelected&&!isCardDisabled;var linkOverlayProps=Object.assign({},metaAttribute({name:CARD_LINK_OVERLAY_ID}),makeAccessible({label:accessibilityLabel,pressed:href?undefined:isCardSelected}),{onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);}});var defaultRel=target&&target==='_blank'?'noreferrer noopener':undefined;return jsx(CardProvider,{size:size,children:jsx(CardRoot,Object.assign({as:as,ref:ref,display:'block',borderRadius:"medium",onMouseEnter:onHover,shouldScaleOnHover:shouldScaleOnHover,isSelected:isCardSelected,isFocused:isFocused,onClick:isReactNative()&&!isCardDisabled?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,maxWidth:maxWidth,href:isCardDisabled?undefined:href,accessibilityLabel:accessibilityLabel,validationState:_validationState,cursor:isReactNative()?undefined:isCardDisabled?'not-allowed':cursor,opacity:opacity,transition:transition,flexShrink:flexShrink},makeAccessible({disabled:isCardDisabled?true:undefined}),metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(CardSurface,{height:height,minHeight:minHeight,padding:padding,borderRadius:"medium",textAlign:'left',backgroundColor:"surface.background.gray.intense",colorScheme:colorScheme,isSelected:isCardSelected,elevation:elevation,overflow:overflow,overflowX:overflowX,overflowY:overflowY,variant:variant,$isCard:true,children:[!isCardDisabled&&href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!isCardDisabled&&!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null,children]})}))});};var _CardBody=function _CardBody(_ref2){var height=_ref2.height,children=_ref2.children,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded2);useVerifyInsideCard('CardBody');return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.CardBody,testID:testID}),makeAnalyticsAttribute(rest),{height:height,children:children}));};var Card=React__default.forwardRef(_Card);var CardBody=assignWithoutSideEffects(_CardBody,{componentId:ComponentIds.CardBody});
 
 export { Card, CardBody, ComponentIds };
 //# sourceMappingURL=Card.js.map