@channel.io/bezier-react 2.0.6 → 2.0.7

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/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,sFAuCnB,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.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.7",
   "description": "React components library that implements Bezier design system.",
   "repository": {
     "type": "git",

package/src/components/AlphaSpinner/AlphaSpinner.stories.tsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+import { type Meta, type StoryFn } from '@storybook/react'
+
+import { Spinner } from './Spinner'
+import { type SpinnerProps } from './Spinner.types'
+
+const meta: Meta<typeof Spinner> = {
+  component: Spinner,
+}
+
+export default meta
+
+const Template: StoryFn<SpinnerProps> = ({ ...args }) => <Spinner {...args} />
+
+export const Primary = {
+  render: Template,
+
+  args: {
+    size: 'm',
+    variant: 'secondary',
+  },
+}

package/src/components/AlphaSpinner/Spinner.module.scss

@@ -0,0 +1,66 @@
+@use '../../styles/mixins/dimension';
+
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.Spinner {
+  --b-spinner-size: initial;
+  --b-spinner-track-color: initial;
+  --b-spinner-indicator-color: initial;
+  --b-spinner-stroke-width: initial;
+  --b-spinner-stroke-dasharray: initial;
+
+  @include dimension.square(var(--b-spinner-size));
+
+  display: inline-flex;
+  animation: rotate 1s linear infinite;
+
+  & .track {
+    fill: none;
+    stroke: var(--b-spinner-track-color);
+    stroke-linecap: round;
+    stroke-width: var(--b-spinner-stroke-width);
+  }
+
+  & .indicator {
+    fill: none;
+    stroke: var(--b-spinner-indicator-color);
+    stroke-dasharray: var(--b-spinner-stroke-dasharray);
+    stroke-linecap: round;
+    stroke-width: var(--b-spinner-stroke-width);
+  }
+
+  &:where(.size-s) {
+    --b-spinner-size: 28px;
+    --b-spinner-stroke-width: 4px;
+    --b-spinner-stroke-dasharray: 40 9999;
+  }
+
+  &:where(.size-m) {
+    --b-spinner-size: 50px;
+    --b-spinner-stroke-width: 6px;
+    --b-spinner-stroke-dasharray: 60 9999;
+  }
+
+  &:where(.variant-primary) {
+    --b-spinner-track-color: var(--alpha-color-primary-bg-lightest);
+    --b-spinner-indicator-color: var(--alpha-color-fg-blue-normal);
+  }
+
+  &:where(.variant-secondary) {
+    --b-spinner-track-color: var(--alpha-color-bg-black-light);
+    --b-spinner-indicator-color: var(--alpha-color-fg-black-light);
+  }
+
+  &:where(.variant-on-overlay) {
+    --b-spinner-track-color: var(--alpha-color-bg-absolute-white-lightest);
+    --b-spinner-indicator-color: var(--alpha-color-fg-absolute-white-light);
+  }
+}

package/src/components/AlphaSpinner/Spinner.test.tsx

@@ -0,0 +1,34 @@
+import React from 'react'
+
+import { render } from '~/src/utils/test'
+
+import { SPINNER_TEST_ID, Spinner } from './Spinner'
+
+describe('Spinner >', () => {
+  const renderSpinner = (props?: React.ComponentProps<typeof Spinner>) =>
+    render(<Spinner {...props} />)
+
+  it('should render', () => {
+    const { getByTestId } = renderSpinner()
+    const renderedSpinner = getByTestId(SPINNER_TEST_ID)
+    expect(renderedSpinner).toBeInTheDocument()
+  })
+
+  it('should render as a span element by default', () => {
+    const { getByTestId } = renderSpinner()
+    const renderedSpinner = getByTestId(SPINNER_TEST_ID)
+    expect(renderedSpinner.tagName).toBe('SPAN')
+  })
+
+  it('should forward ref', () => {
+    const ref = React.createRef<HTMLDivElement>()
+    renderSpinner({ ref })
+    expect(ref.current).toBeInTheDocument()
+  })
+
+  it('should receive size', () => {
+    const { getByTestId } = renderSpinner({ size: 'm' })
+    const renderedSpinner = getByTestId(SPINNER_TEST_ID)
+    expect(renderedSpinner).toHaveClass('size-m')
+  })
+})

package/src/components/AlphaSpinner/Spinner.tsx

@@ -0,0 +1,50 @@
+import React, { forwardRef } from 'react'
+
+import classNames from 'classnames'
+
+import { type SpinnerProps } from './Spinner.types'
+
+import styles from './Spinner.module.scss'
+
+export const SPINNER_TEST_ID = 'bezier-spinner'
+
+export const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(
+  function Spinner(
+    { className, size, variant = 'secondary', ...rest },
+    forwardedRef
+  ) {
+    return (
+      <span
+        className={classNames(
+          styles.Spinner,
+          size && styles[`size-${size}`],
+          styles[`variant-${variant}`]
+        )}
+        ref={forwardedRef}
+        data-testid={SPINNER_TEST_ID}
+        {...rest}
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 16 16"
+        >
+          <circle
+            cx="8"
+            cy="8"
+            r="7"
+            className={styles.track}
+            vectorEffect="non-scaling-stroke"
+          />
+
+          <circle
+            cx="8"
+            cy="8"
+            r="7"
+            className={styles.indicator}
+            vectorEffect="non-scaling-stroke"
+          />
+        </svg>
+      </span>
+    )
+  }
+)

package/src/components/AlphaSpinner/Spinner.types.ts

@@ -0,0 +1,21 @@
+import {
+  type BezierComponentProps,
+  type ColorProps,
+  type SizeProps,
+} from '~/src/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 {}

package/src/components/AlphaSpinner/index.ts

@@ -0,0 +1,2 @@
+export { Spinner as AlphaSpinner } from './Spinner'
+export { type SpinnerProps as AlphaSpinnerProps } from './Spinner.types'

package/src/components/AutoFocus/AutoFocus.tsx

@@ -1,7 +1,8 @@
-import React, { forwardRef, useLayoutEffect, useState } from 'react'
+import React, { forwardRef, useState } from 'react'
 
 import { Slot } from '@radix-ui/react-slot'
 
+import { useIsomorphicLayoutEffect } from '~/src/hooks/useIsomorphicLayoutEffect'
 import useMergeRefs from '~/src/hooks/useMergeRefs'
 
 import { type AutoFocusProps } from './AutoFocus.types'
@@ -27,7 +28,7 @@ export const AutoFocus = forwardRef<HTMLElement, AutoFocusProps>(
   function AutoFocus({ children, when = true, ...rest }, forwardedRef) {
     const [target, setTarget] = useState<HTMLElement | null>(null)
 
-    useLayoutEffect(
+    useIsomorphicLayoutEffect(
       function focus() {
         if (target && when) {
           target.focus()

package/src/components/BaseTagBadge/BaseTagBadge.tsx

@@ -51,10 +51,11 @@ export const BaseTagBadge = forwardRef<HTMLDivElement, BaseTagBadgeProps>(
 export const BaseTagBadgeText = forwardRef<
   HTMLDivElement,
   BaseTagBadgeTextProps
->(function BaseTagBadgeText({ size, children, ...rest }) {
+>(function BaseTagBadgeText({ size, children, ...rest }, forwardedRef) {
   return (
     <Text
       typo={getProperTypo(size)}
+      ref={forwardedRef}
       {...rest}
     >
       {children}

package/src/components/FeatureProvider/FeatureProvider.tsx

@@ -1,5 +1,6 @@
-import React, { useLayoutEffect, useMemo, useState } from 'react'
+import React, { useMemo, useState } from 'react'
 
+import { useIsomorphicLayoutEffect } from '~/src/hooks/useIsomorphicLayoutEffect'
 import { createContext } from '~/src/utils/react'
 import { isEmpty } from '~/src/utils/type'
 
@@ -30,7 +31,7 @@ export function FeatureProvider({ children, features }: FeatureProviderProps) {
   const [featureFlag, setFeatureFlag] =
     useState<FeatureFlag>(initialFeatureFlag)
 
-  useLayoutEffect(
+  useIsomorphicLayoutEffect(
     function activateFeatures() {
       if (isEmpty(features)) {
         return

package/src/components/Icon/Icon.types.ts

@@ -12,7 +12,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/src/components/Overlay/Overlay.tsx

@@ -2,7 +2,6 @@ import React, {
   forwardRef,
   useCallback,
   useEffect,
-  useLayoutEffect,
   useReducer,
   useRef,
   useState,
@@ -12,6 +11,7 @@ import ReactDOM from 'react-dom'
 import classNames from 'classnames'
 
 import useEventHandler from '~/src/hooks/useEventHandler'
+import { useIsomorphicLayoutEffect } from '~/src/hooks/useIsomorphicLayoutEffect'
 import useMergeRefs from '~/src/hooks/useMergeRefs'
 
 import { useModalContainerContext } from '~/src/components/Modal'
@@ -94,7 +94,7 @@ export const Overlay = forwardRef<HTMLDivElement, OverlayProps>(
       }
     }, [container, hasContainer])
 
-    useLayoutEffect(
+    useIsomorphicLayoutEffect(
       function initContainerRect() {
         if (show) {
           handleContainerRect()
@@ -125,7 +125,7 @@ export const Overlay = forwardRef<HTMLDivElement, OverlayProps>(
       }
     }, [target])
 
-    useLayoutEffect(
+    useIsomorphicLayoutEffect(
       function initTargetRect() {
         if (show) {
           handleTargetRect()

package/src/components/TextArea/TextArea.tsx

@@ -1,8 +1,9 @@
-import React, { forwardRef, useLayoutEffect, useRef } from 'react'
+import React, { forwardRef, useRef } from 'react'
 
 import classNames from 'classnames'
 import TextareaAutosize from 'react-textarea-autosize'
 
+import { useIsomorphicLayoutEffect } from '~/src/hooks/useIsomorphicLayoutEffect'
 import {
   COMMON_IME_CONTROL_KEYS,
   useKeyboardActionLockerWhileComposing,
@@ -43,7 +44,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
         onKeyUp,
       })
 
-    useLayoutEffect(function initialAutoFocus() {
+    useIsomorphicLayoutEffect(function initialAutoFocus() {
       function setSelectionToEnd() {
         inputRef.current?.setSelectionRange(
           inputRef.current?.value.length,

package/src/components/Toast/Toast.module.scss

@@ -43,7 +43,7 @@
 .ToastContainer {
   pointer-events: none;
 
-  position: absolute;
+  position: fixed;
 
   overflow: hidden;
   display: flex;

package/src/components/Toast/Toast.tsx

@@ -205,9 +205,8 @@ export function ToastProvider({
 
   const createContainer = useCallback(
     (placement: ToastPlacement, toasts: ToastType[]) => (
-      <InvertedThemeProvider>
+      <InvertedThemeProvider key={placement}>
         <div
-          key={placement}
           style={{
             bottom: px(offset?.bottom ?? DEFAULT_OFFSET.bottom),
             ...(placement === 'bottom-right'

package/src/hooks/useIsomorphicLayoutEffect.ts

@@ -0,0 +1,9 @@
+import { useEffect, 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 const useIsomorphicLayoutEffect =
+  typeof window !== 'undefined' ? useLayoutEffect : useEffect

package/src/index.ts

@@ -12,6 +12,7 @@ export * from '~/src/components/AlphaDialogPrimitive'
 export * from '~/src/components/AlphaFloatingButton'
 export * from '~/src/components/AlphaFloatingIconButton'
 export * from '~/src/components/AlphaIconButton'
+export * from '~/src/components/AlphaSpinner'
 export * from '~/src/components/AlphaTooltipPrimitive'
 export * from '~/src/components/AppProvider'
 export * from '~/src/components/AutoFocus'