@channel.io/bezier-react 2.0.6 → 2.0.8

package/dist/esm/types/props-helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"props-helpers.mjs","sources":["../../../src/types/props-helpers.ts"],"sourcesContent":["import classNames from 'classnames'\n\nimport {\n  type FormFieldSize,\n  type LayoutProps,\n  type MarginProps,\n} from '~/src/types/props'\nimport { type Elevation, type Radius, type ZIndex } from '~/src/types/tokens'\nimport { cssDimension, tokenCssVar } from '~/src/utils/style'\n\n// NOTE: 'typescript-plugin-css-modules' does not support path alias\n/* eslint-disable no-restricted-imports */\nimport elevationStyles from '../styles/components/elevation.module.scss'\nimport formFieldSizeStyles from '../styles/components/form-field-size.module.scss'\nimport layoutStyles from '../styles/components/layout.module.scss'\nimport marginStyles from '../styles/components/margin.module.scss'\nimport radiusStyles from '../styles/components/radius.module.scss'\nimport zIndexStyles from '../styles/components/z-index.module.scss'\n/* eslint-enable no-restricted-imports */\n\nexport const splitByMarginProps = <Props extends MarginProps>({\n  margin,\n  marginHorizontal,\n  marginVertical,\n  marginTop,\n  marginRight,\n  marginBottom,\n  marginLeft,\n  ...rest\n}: Props): [MarginProps, Omit<Props, keyof MarginProps>] => [\n  {\n    margin,\n    marginHorizontal,\n    marginVertical,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n  },\n  rest,\n]\n\nexport const splitByLayoutProps = <Props extends LayoutProps>({\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n  width,\n  height,\n  maxWidth,\n  minWidth,\n  maxHeight,\n  minHeight,\n  position,\n  inset,\n  top,\n  right,\n  bottom,\n  left,\n  shrink,\n  grow,\n  backgroundColor,\n  borderColor,\n  borderRadius,\n  borderWidth,\n  borderTopWidth,\n  borderRightWidth,\n  borderBottomWidth,\n  borderLeftWidth,\n  elevation,\n  zIndex,\n  overflow,\n  overflowX,\n  overflowY,\n  ...rest\n}: Props): [LayoutProps, Omit<Props, keyof LayoutProps>] => [\n  {\n    padding,\n    paddingHorizontal,\n    paddingVertical,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    width,\n    height,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    minHeight,\n    position,\n    inset,\n    top,\n    right,\n    bottom,\n    left,\n    shrink,\n    grow,\n    backgroundColor,\n    borderColor,\n    borderRadius,\n    borderWidth,\n    borderTopWidth,\n    borderRightWidth,\n    borderBottomWidth,\n    borderLeftWidth,\n    elevation,\n    zIndex,\n    overflow,\n    overflowX,\n    overflowY,\n  },\n  rest,\n]\n\nfunction getElevationClassName(elevation: Elevation) {\n  return elevationStyles[`elevation-${elevation}`]\n}\n\nfunction getRadiusClassName(radius: Radius) {\n  return radiusStyles[`radius-${radius}`]\n}\n\nexport function getZIndexClassName(zIndex: ZIndex) {\n  return zIndexStyles[`z-index-${zIndex}`]\n}\n\nexport const getMarginStyles = ({\n  margin,\n  marginHorizontal,\n  marginVertical,\n  marginTop,\n  marginRight,\n  marginBottom,\n  marginLeft,\n}: MarginProps) => ({\n  style: {\n    '--b-margin': cssDimension(margin),\n    '--b-margin-horizontal': cssDimension(marginHorizontal),\n    '--b-margin-vertical': cssDimension(marginVertical),\n    '--b-margin-top': cssDimension(marginTop),\n    '--b-margin-right': cssDimension(marginRight),\n    '--b-margin-bottom': cssDimension(marginBottom),\n    '--b-margin-left': cssDimension(marginLeft),\n  },\n  className: marginStyles.margin,\n})\n\nexport const getLayoutStyles = ({\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n  width,\n  height,\n  maxWidth,\n  minWidth,\n  maxHeight,\n  minHeight,\n  position,\n  inset,\n  top,\n  right,\n  bottom,\n  left,\n  shrink,\n  grow,\n  backgroundColor,\n  borderColor,\n  borderRadius,\n  borderWidth,\n  borderTopWidth,\n  borderRightWidth,\n  borderBottomWidth,\n  borderLeftWidth,\n  elevation,\n  zIndex,\n  overflow,\n  overflowX,\n  overflowY,\n}: LayoutProps) => ({\n  style: {\n    '--b-padding': cssDimension(padding),\n    '--b-padding-horizontal': cssDimension(paddingHorizontal),\n    '--b-padding-vertical': cssDimension(paddingVertical),\n    '--b-padding-top': cssDimension(paddingTop),\n    '--b-padding-right': cssDimension(paddingRight),\n    '--b-padding-bottom': cssDimension(paddingBottom),\n    '--b-padding-left': cssDimension(paddingLeft),\n    '--b-width': cssDimension(width),\n    '--b-height': cssDimension(height),\n    '--b-max-width': cssDimension(maxWidth),\n    '--b-min-width': cssDimension(minWidth),\n    '--b-max-height': cssDimension(maxHeight),\n    '--b-min-height': cssDimension(minHeight),\n    '--b-inset': cssDimension(inset),\n    '--b-top': cssDimension(top),\n    '--b-right': cssDimension(right),\n    '--b-bottom': cssDimension(bottom),\n    '--b-left': cssDimension(left),\n    '--b-shrink': shrink,\n    '--b-grow': grow,\n    '--b-background-color': tokenCssVar(backgroundColor),\n    '--b-border-color': tokenCssVar(borderColor),\n    '--b-border-width': cssDimension(borderWidth),\n    '--b-border-top-width': cssDimension(borderTopWidth),\n    '--b-border-right-width': cssDimension(borderRightWidth),\n    '--b-border-bottom-width': cssDimension(borderBottomWidth),\n    '--b-border-left-width': cssDimension(borderLeftWidth),\n  },\n  className: classNames(\n    layoutStyles.layout,\n    position && layoutStyles[`position-${position}`],\n    overflow && layoutStyles[`overflow-${overflow}`],\n    overflowX && layoutStyles[`overflow-x-${overflowX}`],\n    overflowY && layoutStyles[`overflow-y-${overflowY}`],\n    elevation && getElevationClassName(elevation),\n    borderRadius && getRadiusClassName(borderRadius),\n    zIndex && getZIndexClassName(zIndex)\n  ),\n})\n\nexport function getFormFieldSizeClassName(size: FormFieldSize) {\n  return formFieldSizeStyles[`size-${size}`]\n}\n"],"names":["splitByMarginProps","margin","marginHorizontal","marginVertical","marginTop","marginRight","marginBottom","marginLeft","rest","splitByLayoutProps","padding","paddingHorizontal","paddingVertical","paddingTop","paddingRight","paddingBottom","paddingLeft","width","height","maxWidth","minWidth","maxHeight","minHeight","position","inset","top","right","bottom","left","shrink","grow","backgroundColor","borderColor","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","elevation","zIndex","overflow","overflowX","overflowY","getElevationClassName","elevationStyles","getRadiusClassName","radius","radiusStyles","getZIndexClassName","zIndexStyles","getMarginStyles","style","cssDimension","className","marginStyles","getLayoutStyles","tokenCssVar","classNames","layoutStyles","layout","getFormFieldSizeClassName","size","formFieldSizeStyles"],"mappings":"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"}
+{"version":3,"file":"props-helpers.mjs","sources":["../../../src/types/props-helpers.ts"],"sourcesContent":["import classNames from 'classnames'\n\nimport {\n  type FormFieldSize,\n  type LayoutProps,\n  type MarginProps,\n} from '~/src/types/props'\nimport { type Elevation, type Radius, type ZIndex } from '~/src/types/tokens'\nimport { cssDimension, tokenCssVar } from '~/src/utils/style'\n\n// NOTE: 'typescript-plugin-css-modules' does not support path alias\n/* eslint-disable no-restricted-imports */\nimport elevationStyles from '../styles/components/elevation.module.scss'\nimport formFieldSizeStyles from '../styles/components/form-field-size.module.scss'\nimport layoutStyles from '../styles/components/layout.module.scss'\nimport marginStyles from '../styles/components/margin.module.scss'\nimport radiusStyles from '../styles/components/radius.module.scss'\nimport zIndexStyles from '../styles/components/z-index.module.scss'\n/* eslint-enable no-restricted-imports */\n\nexport const splitByMarginProps = <Props extends MarginProps>({\n  margin,\n  marginHorizontal,\n  marginVertical,\n  marginTop,\n  marginRight,\n  marginBottom,\n  marginLeft,\n  ...rest\n}: Props): [MarginProps, Omit<Props, keyof MarginProps>] => [\n  {\n    margin,\n    marginHorizontal,\n    marginVertical,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n  },\n  rest,\n]\n\nexport const splitByLayoutProps = <Props extends LayoutProps>({\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n  width,\n  height,\n  maxWidth,\n  minWidth,\n  maxHeight,\n  minHeight,\n  position,\n  inset,\n  top,\n  right,\n  bottom,\n  left,\n  shrink,\n  grow,\n  backgroundColor,\n  borderColor,\n  borderRadius,\n  borderWidth,\n  borderTopWidth,\n  borderRightWidth,\n  borderBottomWidth,\n  borderLeftWidth,\n  elevation,\n  zIndex,\n  overflow,\n  overflowX,\n  overflowY,\n  ...rest\n}: Props): [LayoutProps, Omit<Props, keyof LayoutProps>] => [\n  {\n    padding,\n    paddingHorizontal,\n    paddingVertical,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    width,\n    height,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    minHeight,\n    position,\n    inset,\n    top,\n    right,\n    bottom,\n    left,\n    shrink,\n    grow,\n    backgroundColor,\n    borderColor,\n    borderRadius,\n    borderWidth,\n    borderTopWidth,\n    borderRightWidth,\n    borderBottomWidth,\n    borderLeftWidth,\n    elevation,\n    zIndex,\n    overflow,\n    overflowX,\n    overflowY,\n  },\n  rest,\n]\n\nfunction getElevationClassName(elevation: Elevation) {\n  return elevationStyles[`elevation-${elevation}`]\n}\n\nfunction getRadiusClassName(radius: Radius) {\n  return radiusStyles[`radius-${radius}`]\n}\n\nexport function getZIndexClassName(zIndex: ZIndex) {\n  return zIndexStyles[`z-index-${zIndex}`]\n}\n\nexport const getMarginStyles = ({\n  margin,\n  marginHorizontal,\n  marginVertical,\n  marginTop,\n  marginRight,\n  marginBottom,\n  marginLeft,\n}: MarginProps) => ({\n  style: {\n    '--b-margin': cssDimension(margin),\n    '--b-margin-horizontal': cssDimension(marginHorizontal),\n    '--b-margin-vertical': cssDimension(marginVertical),\n    '--b-margin-top': cssDimension(marginTop),\n    '--b-margin-right': cssDimension(marginRight),\n    '--b-margin-bottom': cssDimension(marginBottom),\n    '--b-margin-left': cssDimension(marginLeft),\n  },\n  className: marginStyles.margin,\n})\n\nexport const getLayoutStyles = ({\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n  width,\n  height,\n  maxWidth,\n  minWidth,\n  maxHeight,\n  minHeight,\n  position,\n  inset,\n  top,\n  right,\n  bottom,\n  left,\n  shrink,\n  grow,\n  backgroundColor,\n  borderColor,\n  borderRadius,\n  borderWidth,\n  borderTopWidth,\n  borderRightWidth,\n  borderBottomWidth,\n  borderLeftWidth,\n  elevation,\n  zIndex,\n  overflow,\n  overflowX,\n  overflowY,\n}: LayoutProps) => ({\n  style: {\n    '--b-padding': cssDimension(padding),\n    '--b-padding-horizontal': cssDimension(paddingHorizontal),\n    '--b-padding-vertical': cssDimension(paddingVertical),\n    '--b-padding-top': cssDimension(paddingTop),\n    '--b-padding-right': cssDimension(paddingRight),\n    '--b-padding-bottom': cssDimension(paddingBottom),\n    '--b-padding-left': cssDimension(paddingLeft),\n    '--b-width': cssDimension(width),\n    '--b-height': cssDimension(height),\n    '--b-max-width': cssDimension(maxWidth),\n    '--b-min-width': cssDimension(minWidth),\n    '--b-max-height': cssDimension(maxHeight),\n    '--b-min-height': cssDimension(minHeight),\n    '--b-inset': cssDimension(inset),\n    '--b-top': cssDimension(top),\n    '--b-right': cssDimension(right),\n    '--b-bottom': cssDimension(bottom),\n    '--b-left': cssDimension(left),\n    '--b-shrink': shrink,\n    '--b-grow': grow,\n    '--b-background-color': tokenCssVar(backgroundColor),\n    '--b-border-color': tokenCssVar(borderColor),\n    '--b-border-width': cssDimension(borderWidth),\n    '--b-border-top-width': cssDimension(borderTopWidth),\n    '--b-border-right-width': cssDimension(borderRightWidth),\n    '--b-border-bottom-width': cssDimension(borderBottomWidth),\n    '--b-border-left-width': cssDimension(borderLeftWidth),\n  },\n  className: classNames(\n    layoutStyles.layout,\n    position && layoutStyles[`position-${position}`],\n    overflow && layoutStyles[`overflow-${overflow}`],\n    overflowX && layoutStyles[`overflow-x-${overflowX}`],\n    overflowY && layoutStyles[`overflow-y-${overflowY}`],\n    elevation && getElevationClassName(elevation),\n    borderRadius && getRadiusClassName(borderRadius),\n    zIndex && getZIndexClassName(zIndex)\n  ),\n})\n\nexport function getFormFieldSizeClassName(size: FormFieldSize) {\n  return formFieldSizeStyles[`size-${size}`]\n}\n"],"names":["splitByMarginProps","margin","marginHorizontal","marginVertical","marginTop","marginRight","marginBottom","marginLeft","rest","splitByLayoutProps","padding","paddingHorizontal","paddingVertical","paddingTop","paddingRight","paddingBottom","paddingLeft","width","height","maxWidth","minWidth","maxHeight","minHeight","position","inset","top","right","bottom","left","shrink","grow","backgroundColor","borderColor","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","elevation","zIndex","overflow","overflowX","overflowY","getElevationClassName","elevationStyles","getRadiusClassName","radius","radiusStyles","getZIndexClassName","zIndexStyles","getMarginStyles","style","cssDimension","className","marginStyles","getLayoutStyles","tokenCssVar","classNames","layoutStyles","layout","getFormFieldSizeClassName","size","formFieldSizeStyles"],"mappings":"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"}

package/dist/esm/utils/react.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"react.mjs","sources":["../../../src/utils/react.ts"],"sourcesContent":["import React from 'react'\n\nimport { assert } from './assert'\n\nexport const getReactVersion = () => {\n  const [major, minor, patch] = React.version.split('.').map(Number)\n  return { major, minor, patch }\n}\n\ntype NonNullableValue = object | number | string | boolean | bigint | symbol\n\ntype NonStrictContextValue = NonNullableValue | undefined\ntype StrictContextValue = NonNullableValue | null\n\n/**\n * A function that makes it easy to use the React `createContext` function.\n * @param defaultValue The default value of the context.\n * @param providerName The name of the provider component.\n * **Required if `defaultValue` is `null`able. (not `undefined`!)** Used to make the error message human-readable if contextValue is `null`.\n */\nexport function createContext<ContextValue extends NonStrictContextValue>(\n  defaultValue: ContextValue\n): [React.Provider<ContextValue>, () => ContextValue]\nexport function createContext<ContextValue extends StrictContextValue>(\n  defaultValue: ContextValue,\n  providerName: string\n): [\n  React.Provider<ContextValue>,\n  (consumerName: string) => NonNullable<ContextValue>,\n]\nexport function createContext<ContextValue extends StrictContextValue>(\n  defaultValue: ContextValue,\n  providerName?: string\n) {\n  const Context = React.createContext<ContextValue>(defaultValue)\n\n  function useContext(consumerName?: any) {\n    const contextValue = React.useContext(Context)\n\n    assert(\n      contextValue !== null,\n      `'${consumerName}' must be used within '${providerName}'`\n    )\n\n    return contextValue\n  }\n\n  return [Context.Provider, useContext] as const\n}\n"],"names":["getReactVersion","major","minor","patch","React","version","split","map","Number","createContext","defaultValue","providerName","Context","useContext","consumerName","contextValue","assert","Provider"],"mappings":";;;AAIaA,MAAAA,eAAe,GAAGA,MAAM;EACnC,MAAM,CAACC,KAAK,EAAEC,KAAK,EAAEC,KAAK,CAAC,GAAGC,cAAK,CAACC,OAAO,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACC,MAAM,CAAC,CAAA;EAClE,OAAO;IAAEP,KAAK;IAAEC,KAAK;AAAEC,IAAAA,KAAAA;GAAO,CAAA;AAChC,EAAC;;AAOD;AACA;AACA;AACA;AACA;AACA;;AAWO,SAASM,aAAaA,CAC3BC,YAA0B,EAC1BC,YAAqB,EACrB;AACA,EAAA,MAAMC,OAAO,gBAAGR,cAAK,CAACK,aAAa,CAAeC,YAAY,CAAC,CAAA;EAE/D,SAASG,UAAUA,CAACC,YAAkB,EAAE;AACtC,IAAA,MAAMC,YAAY,GAAGX,cAAK,CAACS,UAAU,CAACD,OAAO,CAAC,CAAA;IAE9CI,MAAM,CACJD,YAAY,KAAK,IAAI,EACpB,IAAGD,YAAa,CAAA,uBAAA,EAAyBH,YAAa,CAAA,CAAA,CACzD,CAAC,CAAA;AAED,IAAA,OAAOI,YAAY,CAAA;AACrB,GAAA;AAEA,EAAA,OAAO,CAACH,OAAO,CAACK,QAAQ,EAAEJ,UAAU,CAAC,CAAA;AACvC;;;;"}
+{"version":3,"file":"react.mjs","sources":["../../../src/utils/react.ts"],"sourcesContent":["import React from 'react'\n\nimport { assert } from './assert'\n\nexport const getReactVersion = () => {\n  const [major, minor, patch] = React.version.split('.').map(Number)\n  return { major, minor, patch }\n}\n\ntype NonNullableValue = object | number | string | boolean | bigint | symbol\n\ntype NonStrictContextValue = NonNullableValue | undefined\ntype StrictContextValue = NonNullableValue | null\n\n/**\n * A function that makes it easy to use the React `createContext` function.\n * @param defaultValue The default value of the context.\n * @param providerName The name of the provider component.\n * **Required if `defaultValue` is `null`able. (not `undefined`!)** Used to make the error message human-readable if contextValue is `null`.\n */\nexport function createContext<ContextValue extends NonStrictContextValue>(\n  defaultValue: ContextValue\n): [React.Provider<ContextValue>, () => ContextValue]\nexport function createContext<ContextValue extends StrictContextValue>(\n  defaultValue: ContextValue,\n  providerName: string\n): [\n  React.Provider<ContextValue>,\n  (consumerName: string) => NonNullable<ContextValue>,\n]\nexport function createContext<ContextValue extends StrictContextValue>(\n  defaultValue: ContextValue,\n  providerName?: string\n) {\n  const Context = React.createContext<ContextValue>(defaultValue)\n\n  function useContext(consumerName?: any) {\n    const contextValue = React.useContext(Context)\n\n    assert(\n      contextValue !== null,\n      `'${consumerName}' must be used within '${providerName}'`\n    )\n\n    return contextValue\n  }\n\n  return [Context.Provider, useContext] as const\n}\n"],"names":["getReactVersion","major","minor","patch","React","version","split","map","Number","createContext","defaultValue","providerName","Context","useContext","consumerName","contextValue","assert","Provider"],"mappings":";;;AAIaA,MAAAA,eAAe,GAAGA,MAAM;EACnC,MAAM,CAACC,KAAK,EAAEC,KAAK,EAAEC,KAAK,CAAC,GAAGC,cAAK,CAACC,OAAO,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACC,MAAM,CAAC,CAAA;EAClE,OAAO;IAAEP,KAAK;IAAEC,KAAK;AAAEC,IAAAA,KAAAA;GAAO,CAAA;AAChC,EAAC;;AAOD;AACA;AACA;AACA;AACA;AACA;;AAWO,SAASM,aAAaA,CAC3BC,YAA0B,EAC1BC,YAAqB,EACrB;AACA,EAAA,MAAMC,OAAO,gBAAGR,cAAK,CAACK,aAAa,CAAeC,YAAY,CAAC,CAAA;EAE/D,SAASG,UAAUA,CAACC,YAAkB,EAAE;AACtC,IAAA,MAAMC,YAAY,GAAGX,cAAK,CAACS,UAAU,CAACD,OAAO,CAAC,CAAA;IAE9CI,MAAM,CACJD,YAAY,KAAK,IAAI,EACrB,IAAID,YAAY,CAAA,uBAAA,EAA0BH,YAAY,CAAA,CAAA,CACxD,CAAC,CAAA;AAED,IAAA,OAAOI,YAAY,CAAA;AACrB,GAAA;AAEA,EAAA,OAAO,CAACH,OAAO,CAACK,QAAQ,EAAEJ,UAAU,CAAC,CAAA;AACvC;;;;"}

package/dist/esm/utils/string.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"string.mjs","sources":["../../../src/utils/string.ts"],"sourcesContent":["import { isArray, isSymbol } from '~/src/utils/type'\n\nexport function toString(value: unknown): string {\n  if (value == null) {\n    return ''\n  }\n  if (typeof value === 'string') {\n    return value\n  }\n  if (isArray(value)) {\n    return `${value.map((other) => {\n      if (other == null) {\n        return other\n      }\n      return toString(other)\n    })}`\n  }\n  if (isSymbol(value)) {\n    return value.toString()\n  }\n  if (Object.is(-0, value)) {\n    return '-0'\n  }\n  return `${value}`\n}\n\nexport const kebabCase = (value: string): string =>\n  value\n    .trim()\n    .replace(/([a-z])([A-Z0-9])/g, '$1-$2')\n    .replace(/([0-9])([a-zA-Z])/g, '$1-$2')\n    .replace(/[\\s_]+/g, '-')\n    .toLowerCase()\n\nexport const camelCase = (value: string): string =>\n  kebabCase(value)\n    .replace(/-([a-z])/g, (_, p1) => p1.toUpperCase())\n    .replace(/-([0-9])/g, (_, p1) => p1.toUpperCase())\n"],"names":["toString","value","isArray","map","other","isSymbol","Object","is"],"mappings":";;AAEO,SAASA,QAAQA,CAACC,KAAc,EAAU;EAC/C,IAAIA,KAAK,IAAI,IAAI,EAAE;AACjB,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACA,EAAA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;AAC7B,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;AACA,EAAA,IAAIC,OAAO,CAACD,KAAK,CAAC,EAAE;AAClB,IAAA,OAAQ,GAAEA,KAAK,CAACE,GAAG,CAAEC,KAAK,IAAK;MAC7B,IAAIA,KAAK,IAAI,IAAI,EAAE;AACjB,QAAA,OAAOA,KAAK,CAAA;AACd,OAAA;MACA,OAAOJ,QAAQ,CAACI,KAAK,CAAC,CAAA;AACxB,KAAC,CAAE,CAAC,CAAA,CAAA;AACN,GAAA;AACA,EAAA,IAAIC,QAAQ,CAACJ,KAAK,CAAC,EAAE;AACnB,IAAA,OAAOA,KAAK,CAACD,QAAQ,EAAE,CAAA;AACzB,GAAA;EACA,IAAIM,MAAM,CAACC,EAAE,CAAC,CAAC,CAAC,EAAEN,KAAK,CAAC,EAAE;AACxB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,OAAQ,CAAA,EAAEA,KAAM,CAAC,CAAA,CAAA;AACnB;;;;"}
+{"version":3,"file":"string.mjs","sources":["../../../src/utils/string.ts"],"sourcesContent":["import { isArray, isSymbol } from '~/src/utils/type'\n\nexport function toString(value: unknown): string {\n  if (value == null) {\n    return ''\n  }\n  if (typeof value === 'string') {\n    return value\n  }\n  if (isArray(value)) {\n    return `${value.map((other) => {\n      if (other == null) {\n        return other\n      }\n      return toString(other)\n    })}`\n  }\n  if (isSymbol(value)) {\n    return value.toString()\n  }\n  if (Object.is(-0, value)) {\n    return '-0'\n  }\n  return `${value}`\n}\n\nexport const kebabCase = (value: string): string =>\n  value\n    .trim()\n    .replace(/([a-z])([A-Z0-9])/g, '$1-$2')\n    .replace(/([0-9])([a-zA-Z])/g, '$1-$2')\n    .replace(/[\\s_]+/g, '-')\n    .toLowerCase()\n\nexport const camelCase = (value: string): string =>\n  kebabCase(value)\n    .replace(/-([a-z])/g, (_, p1) => p1.toUpperCase())\n    .replace(/-([0-9])/g, (_, p1) => p1.toUpperCase())\n"],"names":["toString","value","isArray","map","other","isSymbol","Object","is"],"mappings":";;AAEO,SAASA,QAAQA,CAACC,KAAc,EAAU;EAC/C,IAAIA,KAAK,IAAI,IAAI,EAAE;AACjB,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACA,EAAA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;AAC7B,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;AACA,EAAA,IAAIC,OAAO,CAACD,KAAK,CAAC,EAAE;AAClB,IAAA,OAAO,GAAGA,KAAK,CAACE,GAAG,CAAEC,KAAK,IAAK;MAC7B,IAAIA,KAAK,IAAI,IAAI,EAAE;AACjB,QAAA,OAAOA,KAAK,CAAA;AACd,OAAA;MACA,OAAOJ,QAAQ,CAACI,KAAK,CAAC,CAAA;AACxB,KAAC,CAAC,CAAE,CAAA,CAAA;AACN,GAAA;AACA,EAAA,IAAIC,QAAQ,CAACJ,KAAK,CAAC,EAAE;AACnB,IAAA,OAAOA,KAAK,CAACD,QAAQ,EAAE,CAAA;AACzB,GAAA;EACA,IAAIM,MAAM,CAACC,EAAE,CAAC,CAAC,CAAC,EAAEN,KAAK,CAAC,EAAE;AACxB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,OAAO,CAAA,EAAGA,KAAK,CAAE,CAAA,CAAA;AACnB;;;;"}

package/dist/esm/utils/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../src/utils/style.ts"],"sourcesContent":["import { type FlattenAllToken } from '~/src/types/tokens'\nimport { isNil, isString } from '~/src/utils/type'\n\n/**\n * Convert a number to a string with `px` suffix.\n * If the value is `0`, it will return `0` instead of `0px`.\n */\nexport function px<Value extends number>(value?: Value) {\n  if (isNil(value)) {\n    return undefined\n  }\n  if (value !== 0) {\n    return `${value}px` as const\n  }\n  return value as 0\n}\n\n/**\n * Convert a number or string to a string with `px` suffix.\n * If the value is `0`, it will return `0` instead of `0px`.\n */\nexport function cssDimension<Value extends number | string>(value?: Value) {\n  if (isNil(value)) {\n    return undefined\n  }\n  if (isString(value)) {\n    return value\n  }\n  if (value !== 0) {\n    return `${value}px` as const\n  }\n  return value as 0\n}\n\n/**\n * Generates a CSS variable string with the given property name.\n */\nexport function cssVar<PropertyName extends string | undefined>(\n  propertyName: PropertyName\n) {\n  /* eslint-disable no-nested-ternary */\n  return !isNil(propertyName) ? (`var(--${propertyName})` as const) : undefined\n  /* eslint-enable no-nested-ternary */\n}\n\n/**\n * Wrapper function for `cssVar` to handle tokens specifically.\n * It generates a CSS variable string for a given design token.\n */\nexport function tokenCssVar<PropertyName extends FlattenAllToken | undefined>(\n  propertyName: PropertyName\n) {\n  return cssVar(propertyName)\n}\n\n/**\n * Formats a given URL string into a CSS `url()` function format.\n */\nexport function cssUrl(url?: string) {\n  return isNil(url) ? undefined : `url(${url})`\n}\n"],"names":["px","value","isNil","undefined","cssDimension","isString","cssVar","propertyName","tokenCssVar","cssUrl","url"],"mappings":";;AAGA;AACA;AACA;AACA;AACO,SAASA,EAAEA,CAAuBC,KAAa,EAAE;AACtD,EAAA,IAAIC,KAAK,CAACD,KAAK,CAAC,EAAE;AAChB,IAAA,OAAOE,SAAS,CAAA;AAClB,GAAA;EACA,IAAIF,KAAK,KAAK,CAAC,EAAE;IACf,OAAQ,CAAA,EAAEA,KAAM,CAAG,EAAA,CAAA,CAAA;AACrB,GAAA;AACA,EAAA,OAAOA,KAAK,CAAA;AACd,CAAA;;AAEA;AACA;AACA;AACA;AACO,SAASG,YAAYA,CAAgCH,KAAa,EAAE;AACzE,EAAA,IAAIC,KAAK,CAACD,KAAK,CAAC,EAAE;AAChB,IAAA,OAAOE,SAAS,CAAA;AAClB,GAAA;AACA,EAAA,IAAIE,QAAQ,CAACJ,KAAK,CAAC,EAAE;AACnB,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;EACA,IAAIA,KAAK,KAAK,CAAC,EAAE;IACf,OAAQ,CAAA,EAAEA,KAAM,CAAG,EAAA,CAAA,CAAA;AACrB,GAAA;AACA,EAAA,OAAOA,KAAK,CAAA;AACd,CAAA;;AAEA;AACA;AACA;AACO,SAASK,MAAMA,CACpBC,YAA0B,EAC1B;AACA;EACA,OAAO,CAACL,KAAK,CAACK,YAAY,CAAC,GAAK,CAAQA,MAAAA,EAAAA,YAAa,CAAE,CAAA,CAAA,GAAaJ,SAAS,CAAA;AAC7E;AACF,CAAA;;AAEA;AACA;AACA;AACA;AACO,SAASK,WAAWA,CACzBD,YAA0B,EAC1B;EACA,OAAOD,MAAM,CAACC,YAAY,CAAC,CAAA;AAC7B,CAAA;;AAEA;AACA;AACA;AACO,SAASE,MAAMA,CAACC,GAAY,EAAE;EACnC,OAAOR,KAAK,CAACQ,GAAG,CAAC,GAAGP,SAAS,GAAI,CAAMO,IAAAA,EAAAA,GAAI,CAAE,CAAA,CAAA,CAAA;AAC/C;;;;"}
+{"version":3,"file":"style.mjs","sources":["../../../src/utils/style.ts"],"sourcesContent":["import { type FlattenAllToken } from '~/src/types/tokens'\nimport { isNil, isString } from '~/src/utils/type'\n\n/**\n * Convert a number to a string with `px` suffix.\n * If the value is `0`, it will return `0` instead of `0px`.\n */\nexport function px<Value extends number>(value?: Value) {\n  if (isNil(value)) {\n    return undefined\n  }\n  if (value !== 0) {\n    return `${value}px` as const\n  }\n  return value as 0\n}\n\n/**\n * Convert a number or string to a string with `px` suffix.\n * If the value is `0`, it will return `0` instead of `0px`.\n */\nexport function cssDimension<Value extends number | string>(value?: Value) {\n  if (isNil(value)) {\n    return undefined\n  }\n  if (isString(value)) {\n    return value\n  }\n  if (value !== 0) {\n    return `${value}px` as const\n  }\n  return value as 0\n}\n\n/**\n * Generates a CSS variable string with the given property name.\n */\nexport function cssVar<PropertyName extends string | undefined>(\n  propertyName: PropertyName\n) {\n  /* eslint-disable no-nested-ternary */\n  return !isNil(propertyName) ? (`var(--${propertyName})` as const) : undefined\n  /* eslint-enable no-nested-ternary */\n}\n\n/**\n * Wrapper function for `cssVar` to handle tokens specifically.\n * It generates a CSS variable string for a given design token.\n */\nexport function tokenCssVar<PropertyName extends FlattenAllToken | undefined>(\n  propertyName: PropertyName\n) {\n  return cssVar(propertyName)\n}\n\n/**\n * Formats a given URL string into a CSS `url()` function format.\n */\nexport function cssUrl(url?: string) {\n  return isNil(url) ? undefined : `url(${url})`\n}\n"],"names":["px","value","isNil","undefined","cssDimension","isString","cssVar","propertyName","tokenCssVar","cssUrl","url"],"mappings":";;AAGA;AACA;AACA;AACA;AACO,SAASA,EAAEA,CAAuBC,KAAa,EAAE;AACtD,EAAA,IAAIC,KAAK,CAACD,KAAK,CAAC,EAAE;AAChB,IAAA,OAAOE,SAAS,CAAA;AAClB,GAAA;EACA,IAAIF,KAAK,KAAK,CAAC,EAAE;IACf,OAAO,CAAA,EAAGA,KAAK,CAAI,EAAA,CAAA,CAAA;AACrB,GAAA;AACA,EAAA,OAAOA,KAAK,CAAA;AACd,CAAA;;AAEA;AACA;AACA;AACA;AACO,SAASG,YAAYA,CAAgCH,KAAa,EAAE;AACzE,EAAA,IAAIC,KAAK,CAACD,KAAK,CAAC,EAAE;AAChB,IAAA,OAAOE,SAAS,CAAA;AAClB,GAAA;AACA,EAAA,IAAIE,QAAQ,CAACJ,KAAK,CAAC,EAAE;AACnB,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;EACA,IAAIA,KAAK,KAAK,CAAC,EAAE;IACf,OAAO,CAAA,EAAGA,KAAK,CAAI,EAAA,CAAA,CAAA;AACrB,GAAA;AACA,EAAA,OAAOA,KAAK,CAAA;AACd,CAAA;;AAEA;AACA;AACA;AACO,SAASK,MAAMA,CACpBC,YAA0B,EAC1B;AACA;EACA,OAAO,CAACL,KAAK,CAACK,YAAY,CAAC,GAAI,CAASA,MAAAA,EAAAA,YAAY,CAAG,CAAA,CAAA,GAAaJ,SAAS,CAAA;AAC7E;AACF,CAAA;;AAEA;AACA;AACA;AACA;AACO,SAASK,WAAWA,CACzBD,YAA0B,EAC1B;EACA,OAAOD,MAAM,CAACC,YAAY,CAAC,CAAA;AAC7B,CAAA;;AAEA;AACA;AACA;AACO,SAASE,MAAMA,CAACC,GAAY,EAAE;EACnC,OAAOR,KAAK,CAACQ,GAAG,CAAC,GAAGP,SAAS,GAAG,CAAOO,IAAAA,EAAAA,GAAG,CAAG,CAAA,CAAA,CAAA;AAC/C;;;;"}

package/dist/types/components/AlphaAvatar/AvatarSizeContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type AvatarProps } from './Avatar.types';
+declare const AvatarContextProvider: import("react").Provider<Pick<AvatarProps, "size">>, useAvatarContext: () => Pick<AvatarProps, "size">;
+export { AvatarContextProvider, useAvatarContext };
+//# sourceMappingURL=AvatarSizeContext.d.ts.map

package/dist/types/components/AlphaAvatar/AvatarSizeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarSizeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaAvatar/AvatarSizeContext.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,QAAA,MAAO,qBAAqB,uDAAE,gBAAgB,iCAExB,CAAA;AAEtB,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/types/components/AlphaAvatarGroup/AvatarGroup.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
-import { type AvatarGroupContextValue, type AvatarGroupProps } from './AvatarGroup.types';
-declare const useAvatarGroupContext: () => AvatarGroupContextValue | undefined;
-export { useAvatarGroupContext };
+import { type AvatarGroupProps } from './AvatarGroup.types';
 export declare const AVATAR_GROUP_ELLIPSIS_ICON_TEST_ID = "bezier-avatar-group-ellipsis-icon";
 /**
  * `AvatarGroup` is a component for grouping `Avatar` components

package/dist/types/components/AlphaAvatarGroup/AvatarGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaAvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAkB/D,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EACtB,MAAM,qBAAqB,CAAA;AAI5B,QAAA,MAAmC,qBAAqB,2CAE5C,CAAA;AAEZ,OAAO,EAAE,qBAAqB,EAAE,CAAA;AAIhC,eAAO,MAAM,kCAAkC,sCACV,CAAA;AA2CrC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,yFAsIvB,CAAA"}
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaAvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAkB/D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAM3D,eAAO,MAAM,kCAAkC,sCACV,CAAA;AA2CrC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,yFAsIvB,CAAA"}

package/dist/types/components/AlphaAvatarGroup/AvatarGroup.types.d.ts

@@ -1,5 +1,5 @@
 import type { BezierComponentProps, ChildrenProps, SizeProps } from "../../types/props";
-import { type AlphaAvatarProps, type AlphaAvatarSize } from "../AlphaAvatar";
+import { type AlphaAvatarSize } from "../AlphaAvatar";
 type AvatarGroupEllipsisType = 'icon' | 'count';
 interface AvatarGroupOwnProps {
     /**
@@ -20,8 +20,6 @@ interface AvatarGroupOwnProps {
      */
     ellipsisType?: AvatarGroupEllipsisType;
 }
-export interface AvatarGroupContextValue extends Pick<AlphaAvatarProps, 'size'> {
-}
 export interface AvatarGroupProps extends BezierComponentProps<'div'>, ChildrenProps, SizeProps<AlphaAvatarSize>, AvatarGroupOwnProps {
 }
 export {};

package/dist/types/components/AlphaAvatarGroup/AvatarGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.types.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaAvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACb,SAAS,EACV,0BAAyB;AAE1B,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,uBAAoC;AAErC,KAAK,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAA;AAE/C,UAAU,mBAAmB;IAC3B;;;;OAIG;IACH,GAAG,EAAE,MAAM,CAAA;IAEX;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAA;CACvC;AAED,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;CAAG;AAE3C,MAAM,WAAW,gBACf,SAAQ,oBAAoB,CAAC,KAAK,CAAC,EACjC,aAAa,EACb,SAAS,CAAC,eAAe,CAAC,EAC1B,mBAAmB;CAAG"}
+{"version":3,"file":"AvatarGroup.types.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaAvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACb,SAAS,EACV,0BAAyB;AAE1B,OAAO,EAEL,KAAK,eAAe,EACrB,uBAAoC;AAErC,KAAK,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAA;AAE/C,UAAU,mBAAmB;IAC3B;;;;OAIG;IACH,GAAG,EAAE,MAAM,CAAA;IAEX;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAA;CACvC;AAED,MAAM,WAAW,gBACf,SAAQ,oBAAoB,CAAC,KAAK,CAAC,EACjC,aAAa,EACb,SAAS,CAAC,eAAe,CAAC,EAC1B,mBAAmB;CAAG"}

package/dist/types/components/AlphaButton/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaButton/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EACL,KAAK,WAAW,EAEjB,uBAAiD;AA8DlD,eAAO,MAAM,MAAM,uFAmElB,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaButton/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EACL,KAAK,WAAW,EAEjB,uBAAiD;AAkDlD,eAAO,MAAM,MAAM,uFA0ElB,CAAA"}

package/dist/types/components/AlphaFloatingButton/FloatingButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaFloatingButton/FloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EACL,KAAK,mBAAmB,EAEzB,+BAAiE;AA8DlE,eAAO,MAAM,cAAc,+FAiEzB,CAAA"}
+{"version":3,"file":"FloatingButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaFloatingButton/FloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EACL,KAAK,mBAAmB,EAEzB,+BAAiE;AAkDlE,eAAO,MAAM,cAAc,+FAwEzB,CAAA"}

package/dist/types/components/AlphaFloatingIconButton/FloatingIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingIconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaFloatingIconButton/FloatingIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EAAE,KAAK,4BAA4B,EAAE,WAAgD;AAgC5F,eAAO,MAAM,kBAAkB,wGAqD7B,CAAA"}
+{"version":3,"file":"FloatingIconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaFloatingIconButton/FloatingIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EAAE,KAAK,4BAA4B,EAAE,WAAgD;AAoB5F,eAAO,MAAM,kBAAkB,wGA4D7B,CAAA"}

package/dist/types/components/AlphaIconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaIconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EAAE,KAAK,oBAAoB,EAAE,WAAwC;AAgC5E,eAAO,MAAM,UAAU,gGA0DtB,CAAA"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaIconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EAAE,KAAK,oBAAoB,EAAE,WAAwC;AAoB5E,eAAO,MAAM,UAAU,gGAiEtB,CAAA"}

package/dist/types/components/AlphaSpinner/Spinner.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type SpinnerProps } from './Spinner.types';
+export declare const SPINNER_TEST_ID = "bezier-spinner";
+export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/types/components/AlphaSpinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaSpinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAInD,eAAO,MAAM,eAAe,mBAAmB,CAAA;AAE/C,eAAO,MAAM,OAAO,sFAsCnB,CAAA"}

package/dist/types/components/AlphaSpinner/Spinner.types.d.ts

@@ -0,0 +1,13 @@
+import { type BezierComponentProps, type ColorProps, type SizeProps } from "../../types/props";
+type SpinnerSize = 's' | 'm';
+interface SpinnerOwnProps {
+    /**
+     * The style variant of Spinner.
+     * @default 'secondary'
+     */
+    variant?: 'primary' | 'secondary' | 'on-overlay';
+}
+export interface SpinnerProps extends Omit<BezierComponentProps<'span'>, keyof ColorProps>, SizeProps<SpinnerSize>, ColorProps, SpinnerOwnProps {
+}
+export {};
+//# sourceMappingURL=Spinner.types.d.ts.map

package/dist/types/components/AlphaSpinner/Spinner.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaSpinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,0BAAyB;AAE1B,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5B,UAAU,eAAe;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,YAAY,CAAA;CACjD;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,EAC1D,SAAS,CAAC,WAAW,CAAC,EACtB,UAAU,EACV,eAAe;CAAG"}

package/dist/types/components/AlphaSpinner/index.d.ts

@@ -0,0 +1,3 @@
+export { Spinner as AlphaSpinner } from './Spinner';
+export { type SpinnerProps as AlphaSpinnerProps } from './Spinner.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/AlphaSpinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlphaSpinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,KAAK,YAAY,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/types/components/AutoFocus/AutoFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoFocus.d.ts","sourceRoot":"","sources":["../../../../src/components/AutoFocus/AutoFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAMpE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,oFAwBrB,CAAA"}
+{"version":3,"file":"AutoFocus.d.ts","sourceRoot":"","sources":["../../../../src/components/AutoFocus/AutoFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAOnD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,oFAwBrB,CAAA"}

package/dist/types/components/BaseTagBadge/BaseTagBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTagBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseTagBadge/BaseTagBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAMzC,OAAO,EACL,KAAK,iBAAiB,EAEtB,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAA;AAe7B;;GAEG;AACH,eAAO,MAAM,YAAY,0FAiBxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,8FAY3B,CAAA"}
+{"version":3,"file":"BaseTagBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseTagBadge/BaseTagBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAMzC,OAAO,EACL,KAAK,iBAAiB,EAEtB,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAA;AAe7B;;GAEG;AACH,eAAO,MAAM,YAAY,0FAiBxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,8FAa3B,CAAA"}

package/dist/types/components/FeatureProvider/FeatureProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/FeatureProvider/FeatureProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAKjE,OAAO,EAEL,KAAK,oBAAoB,EACzB,WAAW,EACZ,MAAM,yBAAyB,CAAA;AAShC;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,qBA6B3E;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,WAAW,WAItD"}
+{"version":3,"file":"FeatureProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/FeatureProvider/FeatureProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAMhD,OAAO,EAEL,KAAK,oBAAoB,EACzB,WAAW,EACZ,MAAM,yBAAyB,CAAA;AAShC;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,qBA6B3E;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,WAAW,WAItD"}

package/dist/types/components/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAO/C,OAAO,EAAE,KAAK,SAAS,EAAiB,MAAM,cAAc,CAAA;AAI5D,eAAO,MAAM,YAAY,gBAAgB,CAAA;AAezC,eAAO,MAAM,IAAI,4GAgChB,CAAA"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAO/C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAI7C,eAAO,MAAM,YAAY,gBAAgB,CAAA;AAEzC,eAAO,MAAM,IAAI,4GAmChB,CAAA"}

package/dist/types/components/Icon/Icon.types.d.ts

@@ -4,7 +4,7 @@ export type IconSize = 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
 interface IconOwnProps {
     /**
      * Controls which icon should be rendered.
-     * Inject the icon component from the @channel.io/bezier-icons package into this prop.
+     * Inject the icon component from the `@channel.io/bezier-icons` package into this prop.
      * @example
      * ```tsx
      * import { HeartFilledIcon } from '@channel.io/bezier-icons'

package/dist/types/components/Overlay/Overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AAYd,OAAO,KAAK,EAEV,YAAY,EAEb,MAAM,iBAAiB,CAAA;AAKxB,eAAO,MAAM,iBAAiB,qBAAqB,CAAA;AACnD,eAAO,MAAM,eAAe,mBAAmB,CAAA;AAC/C,eAAO,MAAM,UAAU,WAAW,CAAA;AAElC,eAAO,MAAM,OAAO,qFAyPnB,CAAA"}
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAad,OAAO,KAAK,EAEV,YAAY,EAEb,MAAM,iBAAiB,CAAA;AAKxB,eAAO,MAAM,iBAAiB,qBAAqB,CAAA;AACnD,eAAO,MAAM,eAAe,mBAAmB,CAAA;AAC/C,eAAO,MAAM,UAAU,WAAW,CAAA;AAElC,eAAO,MAAM,OAAO,qFAyPnB,CAAA"}

package/dist/types/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAalE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAIrD,eAAO,MAAM,QAAQ,2FA4DpB,CAAA"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAcjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAIrD,eAAO,MAAM,QAAQ,2FA4DpB,CAAA"}

package/dist/types/components/Toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AA2BvE,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACf,MAAM,eAAe,CAAA;AA8BtB,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,UAAU,EAAE,cAAc,EAC1B,MAAkB,EAClB,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,MAAgB,EAChB,WAAkB,EAClB,kBAAkB,EAClB,OAAW,EACX,SAAS,GACV,EAAE,UAAU,qBAmGZ;AAkBD,wBAAgB,aAAa,CAAC,EAC5B,kBAAyB,EACzB,SAAS,EAAE,cAAc,EACzB,MAAuB,EACvB,QAAa,GACd,EAAE,kBAAkB,qBAiDpB;AAED,wBAAgB,QAAQ;;;;;;;EAevB"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AA2BvE,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACf,MAAM,eAAe,CAAA;AA8BtB,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,UAAU,EAAE,cAAc,EAC1B,MAAkB,EAClB,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,MAAgB,EAChB,WAAkB,EAClB,kBAAkB,EAClB,OAAW,EACX,SAAS,GACV,EAAE,UAAU,qBAmGZ;AAkBD,wBAAgB,aAAa,CAAC,EAC5B,kBAAyB,EACzB,SAAS,EAAE,cAAc,EACzB,MAAuB,EACvB,QAAa,GACd,EAAE,kBAAkB,qBAgDpB;AAED,wBAAgB,QAAQ;;;;;;;EAevB"}

package/dist/types/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,8 @@
+import { useLayoutEffect } from 'react';
+/**
+ * @description This hook is used to handle the layout effect in a way that is compatible with SSR.
+ * In Server Environments, this hook will use `useEffect` instead of `useLayoutEffect`.
+ * @see https://react.dev/reference/react/useLayoutEffect#troubleshooting
+ */
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+//# sourceMappingURL=useIsomorphicLayoutEffect.d.ts.map

package/dist/types/hooks/useIsomorphicLayoutEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAE,MAAM,OAAO,CAAA;AAElD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,wBACuB,CAAA"}

package/dist/types/index.d.ts

@@ -7,6 +7,7 @@ export * from "./components/AlphaDialogPrimitive";
 export * from "./components/AlphaFloatingButton";
 export * from "./components/AlphaFloatingIconButton";
 export * from "./components/AlphaIconButton";
+export * from "./components/AlphaSpinner";
 export * from "./components/AlphaTooltipPrimitive";
 export * from "./components/AppProvider";
 export * from "./components/AutoFocus";

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAGlD,yCAA4C;AAC5C,8CAAiD;AACjD,yCAA4C;AAC5C,kDAAqD;AACrD,iDAAoD;AACpD,qDAAwD;AACxD,6CAAgD;AAChD,mDAAsD;AACtD,yCAA4C;AAC5C,uCAA0C;AAC1C,oCAAuC;AACvC,yCAA4C;AAC5C,mCAAsC;AACtC,oCAAuC;AACvC,iCAAoC;AACpC,oCAAuC;AACvC,yCAA4C;AAC5C,oCAAuC;AACvC,6CAAgD;AAChD,sCAAyC;AACzC,0CAA6C;AAC7C,qCAAwC;AACxC,mCAAsC;AACtC,6CAAgD;AAChD,yCAA4C;AAC5C,uCAA0C;AAC1C,4CAA+C;AAC/C,uCAA0C;AAC1C,kCAAqC;AACrC,kCAAqC;AACrC,0CAA6C;AAC7C,wCAA2C;AAC3C,yCAA4C;AAC5C,2CAA8C;AAC9C,sCAAyC;AACzC,mCAAsC;AACtC,sCAAyC;AACzC,qCAAwC;AACxC,yCAA4C;AAC5C,qCAAwC;AACxC,yCAA4C;AAC5C,wCAA2C;AAC3C,0CAA6C;AAC7C,8CAAiD;AACjD,oCAAuC;AACvC,oCAAuC;AACvC,8CAAiD;AACjD,qCAAwC;AACxC,mCAAsC;AACtC,oCAAuC;AACvC,oCAAuC;AACvC,kCAAqC;AACrC,iCAAoC;AACpC,kCAAqC;AACrC,sCAAyC;AACzC,uCAA0C;AAC1C,2CAA8C;AAC9C,mCAAsC;AACtC,qCAAwC;AACxC,4CAA+C;AAC/C,4CAA+C;AAG/C,8DAAiE;AAGjE,8BAAiC;AACjC,+BAAkC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAGlD,yCAA4C;AAC5C,8CAAiD;AACjD,yCAA4C;AAC5C,kDAAqD;AACrD,iDAAoD;AACpD,qDAAwD;AACxD,6CAAgD;AAChD,0CAA6C;AAC7C,mDAAsD;AACtD,yCAA4C;AAC5C,uCAA0C;AAC1C,oCAAuC;AACvC,yCAA4C;AAC5C,mCAAsC;AACtC,oCAAuC;AACvC,iCAAoC;AACpC,oCAAuC;AACvC,yCAA4C;AAC5C,oCAAuC;AACvC,6CAAgD;AAChD,sCAAyC;AACzC,0CAA6C;AAC7C,qCAAwC;AACxC,mCAAsC;AACtC,6CAAgD;AAChD,yCAA4C;AAC5C,uCAA0C;AAC1C,4CAA+C;AAC/C,uCAA0C;AAC1C,kCAAqC;AACrC,kCAAqC;AACrC,0CAA6C;AAC7C,wCAA2C;AAC3C,yCAA4C;AAC5C,2CAA8C;AAC9C,sCAAyC;AACzC,mCAAsC;AACtC,sCAAyC;AACzC,qCAAwC;AACxC,yCAA4C;AAC5C,qCAAwC;AACxC,yCAA4C;AAC5C,wCAA2C;AAC3C,0CAA6C;AAC7C,8CAAiD;AACjD,oCAAuC;AACvC,oCAAuC;AACvC,8CAAiD;AACjD,qCAAwC;AACxC,mCAAsC;AACtC,oCAAuC;AACvC,oCAAuC;AACvC,kCAAqC;AACrC,iCAAoC;AACpC,kCAAqC;AACrC,sCAAyC;AACzC,uCAA0C;AAC1C,2CAA8C;AAC9C,mCAAsC;AACtC,qCAAwC;AACxC,4CAA+C;AAC/C,4CAA+C;AAG/C,8DAAiE;AAGjE,8BAAiC;AACjC,+BAAkC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@channel.io/bezier-react",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "React components library that implements Bezier design system.",
   "repository": {
     "type": "git",
@@ -63,7 +63,7 @@
     "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
-    "@channel.io/bezier-icons": "0.24.0",
+    "@channel.io/bezier-icons": "0.26.0",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -127,7 +127,7 @@
     }
   },
   "dependencies": {
-    "@channel.io/bezier-tokens": "0.2.4",
+    "@channel.io/bezier-tokens": "0.2.5",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-radio-group": "^1.1.3",

package/src/components/AlphaAvatar/Avatar.tsx

@@ -4,7 +4,7 @@ import classNames from 'classnames'
 
 import { isEmpty } from '~/src/utils/type'
 
-import { useAvatarGroupContext } from '~/src/components/AlphaAvatarGroup/AvatarGroup'
+import { useAvatarContext } from '~/src/components/AlphaAvatar/AvatarSizeContext'
 import {
   SmoothCornersBox,
   type SmoothCornersBoxProps,
@@ -85,7 +85,7 @@ export const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(
   },
   forwardedRef
 ) {
-  const avatarGroupContext = useAvatarGroupContext()
+  const avatarGroupContext = useAvatarContext()
   const size = avatarGroupContext?.size ?? sizeProps
   const loadedAvatarUrl = useProgressiveImage(avatarUrl, fallbackUrl)
   const AVATAR_BORDER_RADIUS = useAvatarRadiusToken()

package/src/components/AlphaAvatar/AvatarSizeContext.ts

@@ -0,0 +1,9 @@
+import { createContext } from '~/src/utils/react'
+
+import { type AvatarProps } from './Avatar.types'
+
+const [AvatarContextProvider, useAvatarContext] = createContext<
+  Pick<AvatarProps, 'size'>
+>({ size: undefined })
+
+export { AvatarContextProvider, useAvatarContext }

package/src/components/AlphaAvatarGroup/AvatarGroup.tsx

@@ -4,7 +4,6 @@ import { MoreIcon } from '@channel.io/bezier-icons'
 import classNames from 'classnames'
 
 import { isLastIndex } from '~/src/utils/array'
-import { createContext } from '~/src/utils/react'
 import { px } from '~/src/utils/style'
 
 import {
@@ -12,23 +11,15 @@ import {
   type AlphaAvatarSize,
   useAlphaAvatarRadiusToken,
 } from '~/src/components/AlphaAvatar'
+import { AvatarContextProvider } from '~/src/components/AlphaAvatar/AvatarSizeContext'
 import { Icon } from '~/src/components/Icon'
 import { SmoothCornersBox } from '~/src/components/SmoothCornersBox'
 import { Text } from '~/src/components/Text'
 
-import {
-  type AvatarGroupContextValue,
-  type AvatarGroupProps,
-} from './AvatarGroup.types'
+import { type AvatarGroupProps } from './AvatarGroup.types'
 
 import styles from './AvatarGroup.module.scss'
 
-const [AvatarGroupContextProvider, useAvatarGroupContext] = createContext<
-  AvatarGroupContextValue | undefined
->(undefined)
-
-export { useAvatarGroupContext }
-
 const MAX_AVATAR_LIST_COUNT = 99
 const AVATAR_GROUP_DEFAULT_SPACING = 4
 export const AVATAR_GROUP_ELLIPSIS_ICON_TEST_ID =
@@ -197,7 +188,7 @@ export const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(
     ])
 
     return (
-      <AvatarGroupContextProvider
+      <AvatarContextProvider
         value={useMemo(
           () => ({
             size,
@@ -223,7 +214,7 @@ export const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(
         >
           {AvatarListComponent}
         </div>
-      </AvatarGroupContextProvider>
+      </AvatarContextProvider>
     )
   }
 )

package/src/components/AlphaAvatarGroup/AvatarGroup.types.ts

@@ -33,9 +33,6 @@ interface AvatarGroupOwnProps {
   ellipsisType?: AvatarGroupEllipsisType
 }
 
-export interface AvatarGroupContextValue
-  extends Pick<AlphaAvatarProps, 'size'> {}
-
 export interface AvatarGroupProps
   extends BezierComponentProps<'div'>,
     ChildrenProps,

package/src/components/AlphaAvatarGroup/__snapshots__/AvatarGroup.test.tsx.snap

@@ -180,13 +180,13 @@ exports[`AvatarGroup Ellipsis type - Icon Snapshot 1`] = `
       style="--b-smooth-corners-box-border-radius: 42%; --b-smooth-corners-box-shadow-blur-radius: 0px; --b-smooth-corners-box-shadow-spread-radius: 0px; --b-smooth-corners-box-padding: 0px; --b-smooth-corners-box-margin: 0px; --b-smooth-corners-box-background-color: var(--bgtxt-absolute-black-lightest);"
     >
       <svg
-        class="Icon margin"
+        class="Icon size-xs margin"
         data-testid="bezier-icon"
         fill="none"
-        height="16"
+        height="1em"
         style="--b-icon-color: var(--bgtxt-absolute-white-dark);"
         viewBox="0 0 24 24"
-        width="16"
+        width="1em"
         xmlns="http://www.w3.org/2000/svg"
       >
         <path

package/src/components/AlphaButton/Button.module.scss

@@ -1,3 +1,7 @@
+@use '../../styles/mixins/dimension';
+
+@import '../Icon/Icon.module';
+
 $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
 
 .Button {
@@ -67,10 +71,11 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
       purple: var(--alpha-color-bg-purple-normal),
       dark-grey: var(--alpha-color-bg-grey-darkest),
       light-grey: var(--alpha-color-bg-black-dark),
+      white: var(--alpha-color-bg-absolute-white-dark),
     );
 
     @each $color, $background-color in $background-color-by-color {
-      &:where(.color-#{$color}) {
+      &:where(.color-#{'' + $color}) {
         background-color: $background-color;
       }
     }
@@ -87,17 +92,18 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
       purple: var(--alpha-color-bg-purple-lightest),
       dark-grey: var(--alpha-color-bg-black-lighter),
       light-grey: var(--alpha-color-bg-black-lighter),
+      white: var(--alpha-color-bg-absolute-white-lightest),
     );
 
     @each $color, $background-color in $background-color-by-color {
-      &:where(.color-#{$color}) {
+      &:where(.color-#{'' + $color}) {
         background-color: $background-color;
       }
     }
   }
 
   &:where(.variant-tertiary) {
-    background-color: initial;
+    background-color: var(--alpha-color-bg-white-white-alpha-transparent);
   }
 
   /* color */
@@ -128,7 +134,7 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
     );
 
     @each $button-color, $color in $color-map {
-      &:where(.color-#{$button-color}) {
+      &:where(.color-#{'' + $button-color}) {
         color: $color;
       }
     }
@@ -179,7 +185,7 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
   &:where(.active, :hover):where(:not(:disabled)) {
     &:where(.variant-primary) {
       @each $color in $chromatic-colors {
-        &:where(.color-#{$color}) {
+        &:where(.color-#{'' + $color}) {
           background-color: var(--bgtxt-#{$color}-dark);
         }
       }
@@ -195,7 +201,7 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
 
     &:where(.variant-secondary) {
       @each $color in $chromatic-colors {
-        &:where(.color-#{$color}) {
+        &:where(.color-#{'' + $color}) {
           background-color: var(--bgtxt-#{$color}-lighter);
         }
       }
@@ -207,7 +213,7 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
 
     &:where(.variant-tertiary) {
       @each $color in $chromatic-colors {
-        &:where(.color-#{$color}) {
+        &:where(.color-#{'' + $color}) {
           background-color: var(--bgtxt-#{$color}-lightest);
         }
       }
@@ -256,12 +262,20 @@ $chromatic-colors: 'blue', 'red', 'green', 'cobalt', 'orange', 'pink', 'purple';
     }
   }
 
-  .ButtonLoader {
+  & :where(.ButtonLoader) {
     position: absolute;
     inset: 0;
 
     display: flex;
     align-items: center;
     justify-content: center;
+
+    @each $size, $value in $size-map {
+      &:where(.size-#{$size}) {
+        & :is(.Spinner) {
+          @include dimension.square(#{$value}px);
+        }
+      }
+    }
   }
 }

package/src/components/AlphaButton/Button.tsx

@@ -7,9 +7,9 @@ import {
   type ButtonProps,
   type ButtonSize,
 } from '~/src/components/AlphaButton/Button.types'
+import { AlphaSpinner } from '~/src/components/AlphaSpinner'
 import { BaseButton } from '~/src/components/BaseButton'
 import { Icon, type IconSize } from '~/src/components/Icon'
-import { Spinner } from '~/src/components/Spinner'
 import { Text } from '~/src/components/Text'
 
 import styles from './Button.module.scss'
@@ -44,18 +44,6 @@ function getIconSize(size: ButtonSize) {
   )[size]
 }
 
-function getSpinnerSize(size: ButtonSize) {
-  return (
-    {
-      xs: 'xs',
-      s: 'xs',
-      m: 's',
-      l: 's',
-      xl: 's',
-    } as const
-  )[size]
-}
-
 function getTypography(size: ButtonSize) {
   return (
     {
@@ -126,10 +114,17 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
           />
         </div>
 
-        {/* TODO: use AlphaSpinner */}
         {loading && (
-          <div className={styles.ButtonLoader}>
-            <Spinner size={getSpinnerSize(size)} />
+          <div
+            className={classNames(
+              styles.ButtonLoader,
+              styles[`size-${getIconSize(size)}`]
+            )}
+          >
+            <AlphaSpinner
+              className={styles.Spinner}
+              variant="on-overlay"
+            />
           </div>
         )}
       </Comp>