@channel.io/bezier-react 3.1.3 → 3.1.5

package/dist/esm/components/Checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport { CheckBoldIcon, HyphenBoldIcon } from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type CheckboxProps, type CheckedState } from './Checkbox.types'\n\nimport styles from './Checkbox.module.scss'\n\ninterface CheckIconProps {\n  style: React.CSSProperties\n  'data-state': 'checked' | 'unchecked' | 'indeterminate'\n  'data-disabled': boolean | undefined\n}\n\n/* NOTE: Props are injected at runtime by `CheckboxPrimitive.Indicator`. */\nconst CheckIcon = forwardRef<SVGSVGElement, CheckIconProps>(\n  function CheckIcon(props, forwardedRef) {\n    // eslint-disable-next-line react/destructuring-assignment\n    const state = props['data-state']\n    const isUnchecked = state === 'unchecked'\n    const isIndeterminate = state === 'indeterminate'\n\n    return (\n      <Icon\n        className={styles.CheckIcon}\n        ref={forwardedRef}\n        source={!isIndeterminate ? CheckBoldIcon : HyphenBoldIcon}\n        size=\"xs\"\n        color={isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'}\n        {...props}\n      />\n    )\n  }\n)\n\nfunction CheckboxImpl<Checked extends CheckedState>(\n  { children, className, checked, id: idProp, ...rest }: CheckboxProps<Checked>,\n  forwardedRef: React.Ref<HTMLButtonElement>\n) {\n  const {\n    id: formFieldId,\n    hasError,\n    ...formFieldProps\n  } = useFormFieldProps(rest)\n\n  const id = useId(idProp ?? formFieldId, 'bezier-checkbox')\n\n  return (\n    <div\n      className={classNames(styles.Container, getFormFieldSizeClassName('m'))}\n    >\n      <CheckboxPrimitive.Root\n        asChild\n        className={classNames(styles.Checkbox, className)}\n        ref={forwardedRef}\n        id={id}\n        checked={checked}\n        data-invalid={formFieldProps['aria-invalid']}\n        {...formFieldProps}\n      >\n        <BaseButton>\n          <CheckboxPrimitive.Indicator\n            asChild\n            /* NOTE: To allow the icon to be rendered even if unchecked. */\n            forceMount\n          >\n            {/* @ts-expect-error */}\n            <CheckIcon />\n          </CheckboxPrimitive.Indicator>\n        </BaseButton>\n      </CheckboxPrimitive.Root>\n      {children && (\n        <Text\n          as=\"label\"\n          // TODO: Apply polymorphic types to `as` prop.\n          // @ts-expect-error\n          htmlFor={id}\n          className={styles.Label}\n          typo=\"14\"\n          color=\"txt-black-darkest\"\n        >\n          {children}\n        </Text>\n      )}\n    </div>\n  )\n}\n\n/**\n * `Checkbox` is a control that allows the user to toggle between checked and not checked.\n * It can be used with labels or standalone.\n * @example\n *\n * ```tsx\n * const [checked, setChecked] = useState(false)\n * // Controlled / With label\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * >\n *   Label\n * </Checkbox>\n * // Controlled / Standalone\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * />\n * // Uncontrolled\n * <Checkbox\n *   defaultChecked={true}\n * >\n *   Label\n * </Checkbox>\n * ```\n */\nexport const Checkbox = forwardRef(CheckboxImpl) as <\n  Checked extends CheckedState,\n>(\n  props: CheckboxProps<Checked> & {\n    ref?: React.ForwardedRef<HTMLButtonElement>\n  }\n) => ReturnType<typeof CheckboxImpl<Checked>>\n"],"names":["CheckIcon","forwardRef","props","forwardedRef","state","isUnchecked","isIndeterminate","_jsx","Icon","className","styles","ref","source","CheckBoldIcon","HyphenBoldIcon","size","color","CheckboxImpl","children","checked","id","idProp","rest","formFieldId","hasError","formFieldProps","useFormFieldProps","useId","_jsxs","classNames","Container","getFormFieldSizeClassName","CheckboxPrimitive","asChild","Checkbox","BaseButton","forceMount","Text","as","htmlFor","Label","typo"],"mappings":";;;;;;;;;;;;;AA0BA;AACA,MAAMA,SAAS,gBAAGC,UAAU,CAC1B,SAASD,SAASA,CAACE,KAAK,EAAEC,YAAY,EAAE;AACtC;AACA,EAAA,MAAMC,KAAK,GAAGF,KAAK,CAAC,YAAY,CAAC;AACjC,EAAA,MAAMG,WAAW,GAAGD,KAAK,KAAK,WAAW;AACzC,EAAA,MAAME,eAAe,GAAGF,KAAK,KAAK,eAAe;EAEjD,oBACEG,GAAA,CAACC,IAAI,EAAA;IACHC,SAAS,EAAEC,MAAM,CAACV,SAAU;AAC5BW,IAAAA,GAAG,EAAER,YAAa;AAClBS,IAAAA,MAAM,EAAE,CAACN,eAAe,GAAGO,aAAa,GAAGC,cAAe;AAC1DC,IAAAA,IAAI,EAAC,IAAI;AACTC,IAAAA,KAAK,EAAEX,WAAW,GAAG,eAAe,GAAG,2BAA4B;IAAA,GAC/DH;AAAK,GACV,CAAC;AAEN,CACF,CAAC;AAED,SAASe,YAAYA,CACnB;EAAEC,QAAQ;EAAET,SAAS;EAAEU,OAAO;AAAEC,EAAAA,EAAE,EAAEC,MAAM;EAAE,GAAGC;AAA6B,CAAC,EAC7EnB,YAA0C,EAC1C;EACA,MAAM;AACJiB,IAAAA,EAAE,EAAEG,WAAW;IACfC,QAAQ;IACR,GAAGC;AACL,GAAC,GAAGC,iBAAiB,CAACJ,IAAI,CAAC;AAE3B,EAAA,MAAMF,EAAE,GAAGO,KAAK,CAACN,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAANA,MAAM,GAAIE,WAAW,EAAE,iBAAiB,CAAC;AAE1D,EAAA,oBACEK,IAAA,CAAA,KAAA,EAAA;IACEnB,SAAS,EAAEoB,UAAU,CAACnB,MAAM,CAACoB,SAAS,EAAEC,yBAAyB,CAAC,GAAG,CAAC,CAAE;AAAAb,IAAAA,QAAA,EAExEX,cAAAA,GAAA,CAACyB,IAAsB,EAAA;MACrBC,OAAO,EAAA,IAAA;MACPxB,SAAS,EAAEoB,UAAU,CAACnB,MAAM,CAACwB,QAAQ,EAAEzB,SAAS,CAAE;AAClDE,MAAAA,GAAG,EAAER,YAAa;AAClBiB,MAAAA,EAAE,EAAEA,EAAG;AACPD,MAAAA,OAAO,EAAEA,OAAQ;MACjB,cAAcM,EAAAA,cAAc,CAAC,cAAc,CAAE;AAAA,MAAA,GACzCA,cAAc;MAAAP,QAAA,eAElBX,GAAA,CAAC4B,UAAU,EAAA;AAAAjB,QAAAA,QAAA,eACTX,GAAA,CAACyB,SAA2B,EAAA;UAC1BC,OAAO,EAAA;AACP;UACAG,UAAU,EAAA,IAAA;AAAAlB,UAAAA,QAAA,eAGVX,GAAA,CAACP,SAAS,EAAE,EAAA;SACe;OACnB;AAAC,KACS,CAAC,EACxBkB,QAAQ,iBACPX,GAAA,CAAC8B,IAAI,EAAA;AACHC,MAAAA,EAAE,EAAC;AACH;AACA;AAAA;AACAC,MAAAA,OAAO,EAAEnB,EAAG;MACZX,SAAS,EAAEC,MAAM,CAAC8B,KAAM;AACxBC,MAAAA,IAAI,EAAC,IAAI;AACTzB,MAAAA,KAAK,EAAC,mBAAmB;AAAAE,MAAAA,QAAA,EAExBA;AAAQ,KACL,CACP;AAAA,GACE,CAAC;AAEV;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACagB,QAAQ,gBAAGjC,UAAU,CAACgB,YAAY;;;;"}
+{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport { CheckBoldIcon, HyphenBoldIcon } from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type CheckboxProps, type CheckedState } from './Checkbox.types'\n\nimport styles from './Checkbox.module.scss'\n\ninterface CheckIconProps {\n  style: React.CSSProperties\n  'data-state': 'checked' | 'unchecked' | 'indeterminate'\n  'data-disabled': boolean | undefined\n}\n\n/* NOTE: Props are injected at runtime by `CheckboxPrimitive.Indicator`. */\nconst CheckIcon = forwardRef<SVGSVGElement, CheckIconProps>(\n  function CheckIcon(props, forwardedRef) {\n    // eslint-disable-next-line react/destructuring-assignment\n    const state = props['data-state']\n    const isUnchecked = state === 'unchecked'\n    const isIndeterminate = state === 'indeterminate'\n\n    return (\n      <Icon\n        className={styles.CheckIcon}\n        ref={forwardedRef}\n        source={!isIndeterminate ? CheckBoldIcon : HyphenBoldIcon}\n        size=\"xs\"\n        color={isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'}\n        {...props}\n      />\n    )\n  }\n)\n\nfunction CheckboxImpl<Checked extends CheckedState>(\n  { children, className, checked, id: idProp, ...rest }: CheckboxProps<Checked>,\n  forwardedRef: React.Ref<HTMLButtonElement>\n) {\n  const {\n    id: formFieldId,\n    hasError,\n    ...formFieldProps\n  } = useFormFieldProps(rest)\n\n  const id = useId(idProp ?? formFieldId, 'bezier-checkbox')\n\n  return (\n    <div\n      className={classNames(styles.Container, getFormFieldSizeClassName('m'))}\n    >\n      <CheckboxPrimitive.Root\n        asChild\n        className={classNames(styles.Checkbox, className)}\n        ref={forwardedRef}\n        id={id}\n        checked={checked}\n        data-invalid={formFieldProps['aria-invalid']}\n        {...formFieldProps}\n      >\n        <BaseButton>\n          <CheckboxPrimitive.Indicator\n            asChild\n            /* NOTE: To allow the icon to be rendered even if unchecked. */\n            forceMount\n          >\n            {/* @ts-expect-error */}\n            <CheckIcon />\n          </CheckboxPrimitive.Indicator>\n        </BaseButton>\n      </CheckboxPrimitive.Root>\n      {children && (\n        <Text\n          as=\"label\"\n          // TODO: Apply polymorphic types to `as` prop.\n          // @ts-expect-error\n          htmlFor={id}\n          className={styles.Label}\n          typo=\"14\"\n          color=\"txt-black-darkest\"\n        >\n          {children}\n        </Text>\n      )}\n    </div>\n  )\n}\n\n/* NOTE: This is a workaround to avoid infinite type recursion when directly using `ReturnType` */\ntype ReturnTypeOfCheckboxImpl<Checked extends CheckedState> = ReturnType<\n  typeof CheckboxImpl<Checked>\n>\n\n/**\n * `Checkbox` is a control that allows the user to toggle between checked and not checked.\n * It can be used with labels or standalone.\n * @example\n *\n * ```tsx\n * const [checked, setChecked] = useState(false)\n * // Controlled / With label\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * >\n *   Label\n * </Checkbox>\n * // Controlled / Standalone\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * />\n * // Uncontrolled\n * <Checkbox\n *   defaultChecked={true}\n * >\n *   Label\n * </Checkbox>\n * ```\n */\nexport const Checkbox = forwardRef(CheckboxImpl) as <\n  Checked extends CheckedState,\n>(\n  props: CheckboxProps<Checked> & {\n    ref?: React.ForwardedRef<HTMLButtonElement>\n  }\n) => ReturnTypeOfCheckboxImpl<Checked>\n"],"names":["CheckIcon","forwardRef","props","forwardedRef","state","isUnchecked","isIndeterminate","_jsx","Icon","className","styles","ref","source","CheckBoldIcon","HyphenBoldIcon","size","color","CheckboxImpl","children","checked","id","idProp","rest","formFieldId","hasError","formFieldProps","useFormFieldProps","useId","_jsxs","classNames","Container","getFormFieldSizeClassName","CheckboxPrimitive","asChild","Checkbox","BaseButton","forceMount","Text","as","htmlFor","Label","typo"],"mappings":";;;;;;;;;;;;;AA0BA;AACA,MAAMA,SAAS,gBAAGC,UAAU,CAC1B,SAASD,SAASA,CAACE,KAAK,EAAEC,YAAY,EAAE;AACtC;AACA,EAAA,MAAMC,KAAK,GAAGF,KAAK,CAAC,YAAY,CAAC;AACjC,EAAA,MAAMG,WAAW,GAAGD,KAAK,KAAK,WAAW;AACzC,EAAA,MAAME,eAAe,GAAGF,KAAK,KAAK,eAAe;EAEjD,oBACEG,GAAA,CAACC,IAAI,EAAA;IACHC,SAAS,EAAEC,MAAM,CAACV,SAAU;AAC5BW,IAAAA,GAAG,EAAER,YAAa;AAClBS,IAAAA,MAAM,EAAE,CAACN,eAAe,GAAGO,aAAa,GAAGC,cAAe;AAC1DC,IAAAA,IAAI,EAAC,IAAI;AACTC,IAAAA,KAAK,EAAEX,WAAW,GAAG,eAAe,GAAG,2BAA4B;IAAA,GAC/DH;AAAK,GACV,CAAC;AAEN,CACF,CAAC;AAED,SAASe,YAAYA,CACnB;EAAEC,QAAQ;EAAET,SAAS;EAAEU,OAAO;AAAEC,EAAAA,EAAE,EAAEC,MAAM;EAAE,GAAGC;AAA6B,CAAC,EAC7EnB,YAA0C,EAC1C;EACA,MAAM;AACJiB,IAAAA,EAAE,EAAEG,WAAW;IACfC,QAAQ;IACR,GAAGC;AACL,GAAC,GAAGC,iBAAiB,CAACJ,IAAI,CAAC;AAE3B,EAAA,MAAMF,EAAE,GAAGO,KAAK,CAACN,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAANA,MAAM,GAAIE,WAAW,EAAE,iBAAiB,CAAC;AAE1D,EAAA,oBACEK,IAAA,CAAA,KAAA,EAAA;IACEnB,SAAS,EAAEoB,UAAU,CAACnB,MAAM,CAACoB,SAAS,EAAEC,yBAAyB,CAAC,GAAG,CAAC,CAAE;AAAAb,IAAAA,QAAA,EAExEX,cAAAA,GAAA,CAACyB,IAAsB,EAAA;MACrBC,OAAO,EAAA,IAAA;MACPxB,SAAS,EAAEoB,UAAU,CAACnB,MAAM,CAACwB,QAAQ,EAAEzB,SAAS,CAAE;AAClDE,MAAAA,GAAG,EAAER,YAAa;AAClBiB,MAAAA,EAAE,EAAEA,EAAG;AACPD,MAAAA,OAAO,EAAEA,OAAQ;MACjB,cAAcM,EAAAA,cAAc,CAAC,cAAc,CAAE;AAAA,MAAA,GACzCA,cAAc;MAAAP,QAAA,eAElBX,GAAA,CAAC4B,UAAU,EAAA;AAAAjB,QAAAA,QAAA,eACTX,GAAA,CAACyB,SAA2B,EAAA;UAC1BC,OAAO,EAAA;AACP;UACAG,UAAU,EAAA,IAAA;AAAAlB,UAAAA,QAAA,eAGVX,GAAA,CAACP,SAAS,EAAE,EAAA;SACe;OACnB;AAAC,KACS,CAAC,EACxBkB,QAAQ,iBACPX,GAAA,CAAC8B,IAAI,EAAA;AACHC,MAAAA,EAAE,EAAC;AACH;AACA;AAAA;AACAC,MAAAA,OAAO,EAAEnB,EAAG;MACZX,SAAS,EAAEC,MAAM,CAAC8B,KAAM;AACxBC,MAAAA,IAAI,EAAC,IAAI;AACTzB,MAAAA,KAAK,EAAC,mBAAmB;AAAAE,MAAAA,QAAA,EAExBA;AAAQ,KACL,CACP;AAAA,GACE,CAAC;AAEV;;AAEA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACagB,QAAQ,gBAAGjC,UAAU,CAACgB,YAAY;;;;"}

package/dist/esm/components/Divider/Divider.mjs

@@ -33,10 +33,11 @@ const Divider = /*#__PURE__*/forwardRef(({
     ref: forwardedRef,
     style: style,
     className: classNames(dividerStyles.Divider, dividerStyles.variables, dividerStyles[orientation], withoutIndent && dividerStyles['without-indent'], withoutParallelIndent && dividerStyles['without-parallel-indent'], withoutSideIndent && dividerStyles['without-side-indent'], className),
+    role: "separator",
     "data-testid": DIVIDER_TEST_ID,
     ...rest
   })
 }));
 
-export { DIVIDER_TEST_ID, Divider };
+export { Divider };
 //# sourceMappingURL=Divider.mjs.map

package/dist/esm/components/Divider/Divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.mjs","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport classNames from 'classnames'\n\nimport { type DividerProps } from './Divider.types'\n\nimport styles from './Divider.module.scss'\n\nexport const DIVIDER_TEST_ID = 'bezier-divider'\n\n/**\n * `Divider` is a component to visually or semantically separate content.\n * @example\n *\n * ```tsx\n * <Divider\n *   withoutSideIndent\n * />\n * ```\n */\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  (\n    {\n      orientation = 'horizontal',\n      decorative,\n      withoutSideIndent = false,\n      withoutParallelIndent = false,\n      withoutIndent = false,\n      style,\n      className,\n      ...rest\n    },\n    forwardedRef\n  ) => (\n    <SeparatorPrimitive.Root\n      asChild\n      orientation={orientation}\n      decorative={decorative}\n    >\n      <div\n        ref={forwardedRef}\n        style={style}\n        className={classNames(\n          styles.Divider,\n          styles.variables,\n          styles[orientation],\n          withoutIndent && styles['without-indent'],\n          withoutParallelIndent && styles['without-parallel-indent'],\n          withoutSideIndent && styles['without-side-indent'],\n          className\n        )}\n        data-testid={DIVIDER_TEST_ID}\n        {...rest}\n      />\n    </SeparatorPrimitive.Root>\n  )\n)\n"],"names":["DIVIDER_TEST_ID","Divider","forwardRef","orientation","decorative","withoutSideIndent","withoutParallelIndent","withoutIndent","style","className","rest","forwardedRef","_jsx","SeparatorPrimitive","asChild","children","ref","classNames","styles","variables"],"mappings":";;;;;;AAWO,MAAMA,eAAe,GAAG;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,OAAO,gBAAGC,UAAU,CAC/B,CACE;AACEC,EAAAA,WAAW,GAAG,YAAY;EAC1BC,UAAU;AACVC,EAAAA,iBAAiB,GAAG,KAAK;AACzBC,EAAAA,qBAAqB,GAAG,KAAK;AAC7BC,EAAAA,aAAa,GAAG,KAAK;EACrBC,KAAK;EACLC,SAAS;EACT,GAAGC;AACL,CAAC,EACDC,YAAY,kBAEZC,GAAA,CAACC,IAAuB,EAAA;EACtBC,OAAO,EAAA,IAAA;AACPX,EAAAA,WAAW,EAAEA,WAAY;AACzBC,EAAAA,UAAU,EAAEA,UAAW;AAAAW,EAAAA,QAAA,eAEvBH,GAAA,CAAA,KAAA,EAAA;AACEI,IAAAA,GAAG,EAAEL,YAAa;AAClBH,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEQ,UAAU,CACnBC,aAAM,CAACjB,OAAO,EACdiB,aAAM,CAACC,SAAS,EAChBD,aAAM,CAACf,WAAW,CAAC,EACnBI,aAAa,IAAIW,aAAM,CAAC,gBAAgB,CAAC,EACzCZ,qBAAqB,IAAIY,aAAM,CAAC,yBAAyB,CAAC,EAC1Db,iBAAiB,IAAIa,aAAM,CAAC,qBAAqB,CAAC,EAClDT,SACF,CAAE;AACF,IAAA,aAAA,EAAaT,eAAgB;IAAA,GACzBU;GACL;AAAC,CACqB,CAE7B;;;;"}
+{"version":3,"file":"Divider.mjs","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport classNames from 'classnames'\n\nimport { type DividerProps } from './Divider.types'\n\nimport styles from './Divider.module.scss'\n\n/**\n * @deprecated\n */\nconst DIVIDER_TEST_ID = 'bezier-divider'\n\n/**\n * `Divider` is a component to visually or semantically separate content.\n * @example\n *\n * ```tsx\n * <Divider\n *   withoutSideIndent\n * />\n * ```\n */\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  (\n    {\n      orientation = 'horizontal',\n      decorative,\n      withoutSideIndent = false,\n      withoutParallelIndent = false,\n      withoutIndent = false,\n      style,\n      className,\n      ...rest\n    },\n    forwardedRef\n  ) => (\n    <SeparatorPrimitive.Root\n      asChild\n      orientation={orientation}\n      decorative={decorative}\n    >\n      <div\n        ref={forwardedRef}\n        style={style}\n        className={classNames(\n          styles.Divider,\n          styles.variables,\n          styles[orientation],\n          withoutIndent && styles['without-indent'],\n          withoutParallelIndent && styles['without-parallel-indent'],\n          withoutSideIndent && styles['without-side-indent'],\n          className\n        )}\n        role=\"separator\"\n        data-testid={DIVIDER_TEST_ID}\n        {...rest}\n      />\n    </SeparatorPrimitive.Root>\n  )\n)\n"],"names":["DIVIDER_TEST_ID","Divider","forwardRef","orientation","decorative","withoutSideIndent","withoutParallelIndent","withoutIndent","style","className","rest","forwardedRef","_jsx","SeparatorPrimitive","asChild","children","ref","classNames","styles","variables","role"],"mappings":";;;;;;AAcA,MAAMA,eAAe,GAAG,gBAAgB;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,OAAO,gBAAGC,UAAU,CAC/B,CACE;AACEC,EAAAA,WAAW,GAAG,YAAY;EAC1BC,UAAU;AACVC,EAAAA,iBAAiB,GAAG,KAAK;AACzBC,EAAAA,qBAAqB,GAAG,KAAK;AAC7BC,EAAAA,aAAa,GAAG,KAAK;EACrBC,KAAK;EACLC,SAAS;EACT,GAAGC;AACL,CAAC,EACDC,YAAY,kBAEZC,GAAA,CAACC,IAAuB,EAAA;EACtBC,OAAO,EAAA,IAAA;AACPX,EAAAA,WAAW,EAAEA,WAAY;AACzBC,EAAAA,UAAU,EAAEA,UAAW;AAAAW,EAAAA,QAAA,eAEvBH,GAAA,CAAA,KAAA,EAAA;AACEI,IAAAA,GAAG,EAAEL,YAAa;AAClBH,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEQ,UAAU,CACnBC,aAAM,CAACjB,OAAO,EACdiB,aAAM,CAACC,SAAS,EAChBD,aAAM,CAACf,WAAW,CAAC,EACnBI,aAAa,IAAIW,aAAM,CAAC,gBAAgB,CAAC,EACzCZ,qBAAqB,IAAIY,aAAM,CAAC,yBAAyB,CAAC,EAC1Db,iBAAiB,IAAIa,aAAM,CAAC,qBAAqB,CAAC,EAClDT,SACF,CAAE;AACFW,IAAAA,IAAI,EAAC,WAAW;AAChB,IAAA,aAAA,EAAapB,eAAgB;IAAA,GACzBU;GACL;AAAC,CACqB,CAE7B;;;;"}

package/dist/esm/components/Emoji/Emoji.mjs

@@ -43,5 +43,5 @@ const Emoji = /*#__PURE__*/forwardRef(function Emoji({
   });
 });
 
-export { EMOJI_TEST_ID, Emoji };
+export { Emoji };
 //# sourceMappingURL=Emoji.mjs.map

package/dist/esm/components/Emoji/Emoji.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Emoji.mjs","sources":["../../../../src/components/Emoji/Emoji.tsx"],"sourcesContent":["'use client'\n\nimport { type CSSProperties, forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isDev } from '~/src/utils/assert'\nimport { cssUrl } from '~/src/utils/style'\n\nimport { type EmojiProps } from './Emoji.types'\n\nimport styles from './Emoji.module.scss'\n\nexport const EMOJI_TEST_ID = 'bezier-emoji'\n\nconst getEmojiUrl = (name: EmojiProps['name'], size: '160' | '80' | '44') => {\n  return `https://cf${isDev() ? '.exp' : ''}.channel.io/asset/emoji/images/${size}/${encodeURIComponent(name)}.png`\n}\n\n/**\n * `Emoji` is a component for representing emoji with variant size.\n * @example\n * ```tsx\n * <Emoji\n *   name=\"A\"\n *   size=\"20\"\n * />\n * ```\n */\nexport const Emoji = forwardRef<HTMLDivElement, EmojiProps>(function Emoji(\n  { style, imageUrl, className, name, size = '24', ...rest },\n  forwardedRef\n) {\n  const assetSize = Number(size) >= 60 ? '160' : '80'\n\n  return (\n    <div\n      ref={forwardedRef}\n      role=\"img\"\n      aria-description={name}\n      style={\n        {\n          '--b-emoji-background-image': cssUrl(\n            imageUrl ?? getEmojiUrl(name, assetSize)\n          ),\n          ...style,\n        } as CSSProperties\n      }\n      className={classNames(styles.Emoji, styles[`size-${size}`], className)}\n      data-testid={EMOJI_TEST_ID}\n      {...rest}\n    />\n  )\n})\n"],"names":["EMOJI_TEST_ID","getEmojiUrl","name","size","isDev","encodeURIComponent","Emoji","forwardRef","style","imageUrl","className","rest","forwardedRef","assetSize","Number","_jsx","ref","role","cssUrl","classNames","styles"],"mappings":";;;;;;;AAaO,MAAMA,aAAa,GAAG;AAE7B,MAAMC,WAAW,GAAGA,CAACC,IAAwB,EAAEC,IAAyB,KAAK;AAC3E,EAAA,OAAO,CAAaC,UAAAA,EAAAA,KAAK,EAAE,GAAG,MAAM,GAAG,EAAE,CAAA,+BAAA,EAAkCD,IAAI,CAAIE,CAAAA,EAAAA,kBAAkB,CAACH,IAAI,CAAC,CAAM,IAAA,CAAA;AACnH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaI,KAAK,gBAAGC,UAAU,CAA6B,SAASD,KAAKA,CACxE;EAAEE,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAER,IAAI;AAAEC,EAAAA,IAAI,GAAG,IAAI;EAAE,GAAGQ;AAAK,CAAC,EAC1DC,YAAY,EACZ;EACA,MAAMC,SAAS,GAAGC,MAAM,CAACX,IAAI,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI;AAEnD,EAAA,oBACEY,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEJ,YAAa;AAClBK,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,kBAAA,EAAkBf,IAAK;AACvBM,IAAAA,KAAK,EACH;AACE,MAAA,4BAA4B,EAAEU,MAAM,CAClCT,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAIR,WAAW,CAACC,IAAI,EAAEW,SAAS,CACzC,CAAC;MACD,GAAGL;KAEN;AACDE,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAACd,KAAK,EAAEc,MAAM,CAAC,QAAQjB,IAAI,CAAA,CAAE,CAAC,EAAEO,SAAS,CAAE;AACvE,IAAA,aAAA,EAAaV,aAAc;IAAA,GACvBW;AAAI,GACT,CAAC;AAEN,CAAC;;;;"}
+{"version":3,"file":"Emoji.mjs","sources":["../../../../src/components/Emoji/Emoji.tsx"],"sourcesContent":["'use client'\n\nimport { type CSSProperties, forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isDev } from '~/src/utils/assert'\nimport { cssUrl } from '~/src/utils/style'\n\nimport { type EmojiProps } from './Emoji.types'\n\nimport styles from './Emoji.module.scss'\n\n/**\n * @deprecated\n */\nconst EMOJI_TEST_ID = 'bezier-emoji'\n\nconst getEmojiUrl = (name: EmojiProps['name'], size: '160' | '80' | '44') => {\n  return `https://cf${isDev() ? '.exp' : ''}.channel.io/asset/emoji/images/${size}/${encodeURIComponent(name)}.png`\n}\n\n/**\n * `Emoji` is a component for representing emoji with variant size.\n * @example\n * ```tsx\n * <Emoji\n *   name=\"A\"\n *   size=\"20\"\n * />\n * ```\n */\nexport const Emoji = forwardRef<HTMLDivElement, EmojiProps>(function Emoji(\n  { style, imageUrl, className, name, size = '24', ...rest },\n  forwardedRef\n) {\n  const assetSize = Number(size) >= 60 ? '160' : '80'\n\n  return (\n    <div\n      ref={forwardedRef}\n      role=\"img\"\n      aria-description={name}\n      style={\n        {\n          '--b-emoji-background-image': cssUrl(\n            imageUrl ?? getEmojiUrl(name, assetSize)\n          ),\n          ...style,\n        } as CSSProperties\n      }\n      className={classNames(styles.Emoji, styles[`size-${size}`], className)}\n      data-testid={EMOJI_TEST_ID}\n      {...rest}\n    />\n  )\n})\n"],"names":["EMOJI_TEST_ID","getEmojiUrl","name","size","isDev","encodeURIComponent","Emoji","forwardRef","style","imageUrl","className","rest","forwardedRef","assetSize","Number","_jsx","ref","role","cssUrl","classNames","styles"],"mappings":";;;;;;;AAgBA,MAAMA,aAAa,GAAG,cAAc;AAEpC,MAAMC,WAAW,GAAGA,CAACC,IAAwB,EAAEC,IAAyB,KAAK;AAC3E,EAAA,OAAO,CAAaC,UAAAA,EAAAA,KAAK,EAAE,GAAG,MAAM,GAAG,EAAE,CAAA,+BAAA,EAAkCD,IAAI,CAAIE,CAAAA,EAAAA,kBAAkB,CAACH,IAAI,CAAC,CAAM,IAAA,CAAA;AACnH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaI,KAAK,gBAAGC,UAAU,CAA6B,SAASD,KAAKA,CACxE;EAAEE,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAER,IAAI;AAAEC,EAAAA,IAAI,GAAG,IAAI;EAAE,GAAGQ;AAAK,CAAC,EAC1DC,YAAY,EACZ;EACA,MAAMC,SAAS,GAAGC,MAAM,CAACX,IAAI,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI;AAEnD,EAAA,oBACEY,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEJ,YAAa;AAClBK,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,kBAAA,EAAkBf,IAAK;AACvBM,IAAAA,KAAK,EACH;AACE,MAAA,4BAA4B,EAAEU,MAAM,CAClCT,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAIR,WAAW,CAACC,IAAI,EAAEW,SAAS,CACzC,CAAC;MACD,GAAGL;KAEN;AACDE,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAACd,KAAK,EAAEc,MAAM,CAAC,QAAQjB,IAAI,CAAA,CAAE,CAAC,EAAEO,SAAS,CAAE;AACvE,IAAA,aAAA,EAAaV,aAAc;IAAA,GACvBW;AAAI,GACT,CAAC;AAEN,CAAC;;;;"}

package/dist/esm/components/FormControl/FormControl.mjs

@@ -163,5 +163,5 @@ function useFormFieldProps(props) {
   return formFieldProps;
 }
 
-export { FORM_CONTROL_TEST_ID, FormControl, useFormControlContext, useFormFieldProps };
+export { FormControl, useFormControlContext, useFormFieldProps };
 //# sourceMappingURL=FormControl.mjs.map

package/dist/esm/components/FormControl/FormControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.mjs","sources":["../../../../src/components/FormControl/FormControl.tsx"],"sourcesContent":["'use client'\nimport { forwardRef, useCallback, useMemo, useState } from 'react'\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport {\n  type FormFieldProps,\n  type FormFieldSize,\n  type SizeProps,\n} from '~/src/types/props'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\nimport { ariaAttr } from '~/src/utils/aria'\nimport { createContext } from '~/src/utils/react'\nimport { isNil } from '~/src/utils/type'\n\nimport { Stack } from '~/src/components/Stack'\n\nimport {\n  type ContainerProps,\n  type ErrorMessagePropsGetter,\n  type FieldPropsGetter,\n  type FormControlContextValue,\n  type FormControlProps,\n  type GroupPropsGetter,\n  type HelperTextPropsGetter,\n  type LabelPropsGetter,\n} from './FormControl.types'\n\nimport styles from './FormControl.module.scss'\n\nconst [FormControlContextProvider, useFormControlContext] = createContext<\n  FormControlContextValue | undefined\n>(undefined)\n\nexport { useFormControlContext }\n\nexport const FORM_CONTROL_TEST_ID = 'bezier-form-control'\n\nconst Container = forwardRef<HTMLElement, ContainerProps>(function Container(\n  { labelPosition, children, className, ...rest },\n  forwardedRef\n) {\n  switch (labelPosition) {\n    case 'top':\n      return (\n        <Stack\n          className={className}\n          ref={forwardedRef}\n          direction=\"vertical\"\n          {...rest}\n        >\n          {children}\n        </Stack>\n      )\n\n    case 'left':\n    default:\n      return (\n        <div\n          ref={forwardedRef as React.ForwardedRef<HTMLDivElement>}\n          className={classNames(styles.Grid, className)}\n          {...rest}\n        >\n          {children}\n        </div>\n      )\n  }\n})\n\nexport const FormControl = forwardRef<HTMLElement, FormControlProps>(\n  function FormControl(\n    {\n      children,\n      id: idProp,\n      labelPosition = 'top',\n      size = 'm',\n      hasError,\n      required,\n      readOnly,\n      disabled,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const [groupNode, setGroupNode] = useState<HTMLElement | null>(null)\n    const [helperTextNode, setHelperTextNode] = useState<HTMLElement | null>(\n      null\n    )\n    const [errorMessageNode, setErrorMessageNode] =\n      useState<HTMLElement | null>(null)\n\n    const id = useId(idProp, 'field')\n    const groupId = `${id}-group`\n    const labelId = `${id}-label`\n    const helperTextId = `${id}-help-text`\n    const errorMessageId = `${id}-error-message`\n\n    const fieldId = groupNode ? undefined : id\n\n    const describerId = useMemo(() => {\n      if (errorMessageNode) {\n        return errorMessageId\n      }\n      if (helperTextNode) {\n        return helperTextId\n      }\n      return undefined\n    }, [errorMessageNode, helperTextNode, errorMessageId, helperTextId])\n\n    const getGroupProps = useCallback<GroupPropsGetter>(\n      (ownProps) => ({\n        id: groupId,\n        'aria-labelledby': labelId,\n        'aria-describedby': describerId,\n        ref: setGroupNode,\n        ...ownProps,\n      }),\n      [groupId, labelId, describerId]\n    )\n\n    const getLabelProps = useCallback<LabelPropsGetter>(\n      (ownProps) => ({\n        id: labelId,\n        htmlFor: fieldId,\n        className: classNames(\n          styles.FormLabelWrapper,\n          styles[`position-${labelPosition}`],\n          getFormFieldSizeClassName(size)\n        ),\n        typo: labelPosition === 'top' ? '13' : '14',\n        ...ownProps,\n      }),\n      [fieldId, labelId, labelPosition, size]\n    )\n\n    const getFieldProps = useCallback<FieldPropsGetter>(\n      (ownProps) => ({\n        id: fieldId,\n        size,\n        'aria-describedby': groupNode ? undefined : describerId,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n        ...ownProps,\n      }),\n      [\n        fieldId,\n        describerId,\n        size,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n        groupNode,\n      ]\n    )\n\n    const getHelperTextProps = useCallback<HelperTextPropsGetter>(\n      (ownProps) => ({\n        id: helperTextId,\n        visible: isNil(hasError) || !hasError,\n        ref: setHelperTextNode,\n        className: classNames(\n          styles.FormHelperTextWrapper,\n          labelPosition === 'left' && styles['position-left']\n        ),\n        ...ownProps,\n      }),\n      [helperTextId, labelPosition, hasError]\n    )\n\n    const getErrorMessageProps = useCallback<ErrorMessagePropsGetter>(\n      (ownProps) => ({\n        id: errorMessageId,\n        visible: isNil(hasError) || hasError,\n        ref: setErrorMessageNode,\n        className: classNames(\n          styles.FormHelperTextWrapper,\n          labelPosition === 'left' && styles['position-left']\n        ),\n        ...ownProps,\n      }),\n      [errorMessageId, labelPosition, hasError]\n    )\n\n    const contextValue = useMemo(\n      () => ({\n        id,\n        labelId,\n        helperTextId,\n        errorMessageId,\n        getGroupProps,\n        getLabelProps,\n        getFieldProps,\n        getHelperTextProps,\n        getErrorMessageProps,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n      }),\n      [\n        id,\n        labelId,\n        helperTextId,\n        errorMessageId,\n        getGroupProps,\n        getLabelProps,\n        getFieldProps,\n        getHelperTextProps,\n        getErrorMessageProps,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n      ]\n    )\n\n    if (!children) {\n      return null\n    }\n\n    return (\n      <FormControlContextProvider value={contextValue}>\n        <Container\n          {...rest}\n          ref={forwardedRef}\n          labelPosition={labelPosition}\n          data-testid={FORM_CONTROL_TEST_ID}\n        >\n          {children}\n        </Container>\n      </FormControlContextProvider>\n    )\n  }\n)\n\nexport function useFormFieldProps<\n  Props extends FormFieldProps & SizeProps<FormFieldSize>,\n>(props?: Props) {\n  const contextValue = useFormControlContext()\n\n  const formFieldProps = useMemo(() => {\n    const mergedProps = contextValue?.getFieldProps(props) ?? { ...props }\n\n    const {\n      disabled = false,\n      readOnly = false,\n      required = false,\n      hasError = false,\n      size = undefined,\n      ...rest\n    } = mergedProps\n\n    return {\n      ...rest,\n      'aria-disabled': ariaAttr(disabled),\n      'aria-invalid': ariaAttr(hasError),\n      'aria-required': ariaAttr(required),\n      'aria-readonly': ariaAttr(readOnly),\n      size,\n      disabled,\n      hasError,\n      required,\n      readOnly,\n    }\n  }, [props, contextValue])\n\n  return formFieldProps as typeof formFieldProps & Props\n}\n"],"names":["FormControlContextProvider","useFormControlContext","createContext","undefined","FORM_CONTROL_TEST_ID","Container","forwardRef","labelPosition","children","className","rest","forwardedRef","_jsx","Stack","ref","direction","classNames","styles","Grid","FormControl","id","idProp","size","hasError","required","readOnly","disabled","groupNode","setGroupNode","useState","helperTextNode","setHelperTextNode","errorMessageNode","setErrorMessageNode","useId","groupId","labelId","helperTextId","errorMessageId","fieldId","describerId","useMemo","getGroupProps","useCallback","ownProps","getLabelProps","htmlFor","FormLabelWrapper","getFormFieldSizeClassName","typo","getFieldProps","getHelperTextProps","visible","isNil","FormHelperTextWrapper","getErrorMessageProps","contextValue","value","useFormFieldProps","props","formFieldProps","_contextValue$getFiel","mergedProps","ariaAttr"],"mappings":"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"}
+{"version":3,"file":"FormControl.mjs","sources":["../../../../src/components/FormControl/FormControl.tsx"],"sourcesContent":["'use client'\nimport { forwardRef, useCallback, useMemo, useState } from 'react'\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport {\n  type FormFieldProps,\n  type FormFieldSize,\n  type SizeProps,\n} from '~/src/types/props'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\nimport { ariaAttr } from '~/src/utils/aria'\nimport { createContext } from '~/src/utils/react'\nimport { isNil } from '~/src/utils/type'\n\nimport { Stack } from '~/src/components/Stack'\n\nimport {\n  type ContainerProps,\n  type ErrorMessagePropsGetter,\n  type FieldPropsGetter,\n  type FormControlContextValue,\n  type FormControlProps,\n  type GroupPropsGetter,\n  type HelperTextPropsGetter,\n  type LabelPropsGetter,\n} from './FormControl.types'\n\nimport styles from './FormControl.module.scss'\n\nconst [FormControlContextProvider, useFormControlContext] = createContext<\n  FormControlContextValue | undefined\n>(undefined)\n\nexport { useFormControlContext }\n\nconst FORM_CONTROL_TEST_ID = 'bezier-form-control'\n\nconst Container = forwardRef<HTMLElement, ContainerProps>(function Container(\n  { labelPosition, children, className, ...rest },\n  forwardedRef\n) {\n  switch (labelPosition) {\n    case 'top':\n      return (\n        <Stack\n          className={className}\n          ref={forwardedRef}\n          direction=\"vertical\"\n          {...rest}\n        >\n          {children}\n        </Stack>\n      )\n\n    case 'left':\n    default:\n      return (\n        <div\n          ref={forwardedRef as React.ForwardedRef<HTMLDivElement>}\n          className={classNames(styles.Grid, className)}\n          {...rest}\n        >\n          {children}\n        </div>\n      )\n  }\n})\n\nexport const FormControl = forwardRef<HTMLElement, FormControlProps>(\n  function FormControl(\n    {\n      children,\n      id: idProp,\n      labelPosition = 'top',\n      size = 'm',\n      hasError,\n      required,\n      readOnly,\n      disabled,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const [groupNode, setGroupNode] = useState<HTMLElement | null>(null)\n    const [helperTextNode, setHelperTextNode] = useState<HTMLElement | null>(\n      null\n    )\n    const [errorMessageNode, setErrorMessageNode] =\n      useState<HTMLElement | null>(null)\n\n    const id = useId(idProp, 'field')\n    const groupId = `${id}-group`\n    const labelId = `${id}-label`\n    const helperTextId = `${id}-help-text`\n    const errorMessageId = `${id}-error-message`\n\n    const fieldId = groupNode ? undefined : id\n\n    const describerId = useMemo(() => {\n      if (errorMessageNode) {\n        return errorMessageId\n      }\n      if (helperTextNode) {\n        return helperTextId\n      }\n      return undefined\n    }, [errorMessageNode, helperTextNode, errorMessageId, helperTextId])\n\n    const getGroupProps = useCallback<GroupPropsGetter>(\n      (ownProps) => ({\n        id: groupId,\n        'aria-labelledby': labelId,\n        'aria-describedby': describerId,\n        ref: setGroupNode,\n        ...ownProps,\n      }),\n      [groupId, labelId, describerId]\n    )\n\n    const getLabelProps = useCallback<LabelPropsGetter>(\n      (ownProps) => ({\n        id: labelId,\n        htmlFor: fieldId,\n        className: classNames(\n          styles.FormLabelWrapper,\n          styles[`position-${labelPosition}`],\n          getFormFieldSizeClassName(size)\n        ),\n        typo: labelPosition === 'top' ? '13' : '14',\n        ...ownProps,\n      }),\n      [fieldId, labelId, labelPosition, size]\n    )\n\n    const getFieldProps = useCallback<FieldPropsGetter>(\n      (ownProps) => ({\n        id: fieldId,\n        size,\n        'aria-describedby': groupNode ? undefined : describerId,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n        ...ownProps,\n      }),\n      [\n        fieldId,\n        describerId,\n        size,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n        groupNode,\n      ]\n    )\n\n    const getHelperTextProps = useCallback<HelperTextPropsGetter>(\n      (ownProps) => ({\n        id: helperTextId,\n        visible: isNil(hasError) || !hasError,\n        ref: setHelperTextNode,\n        className: classNames(\n          styles.FormHelperTextWrapper,\n          labelPosition === 'left' && styles['position-left']\n        ),\n        ...ownProps,\n      }),\n      [helperTextId, labelPosition, hasError]\n    )\n\n    const getErrorMessageProps = useCallback<ErrorMessagePropsGetter>(\n      (ownProps) => ({\n        id: errorMessageId,\n        visible: isNil(hasError) || hasError,\n        ref: setErrorMessageNode,\n        className: classNames(\n          styles.FormHelperTextWrapper,\n          labelPosition === 'left' && styles['position-left']\n        ),\n        ...ownProps,\n      }),\n      [errorMessageId, labelPosition, hasError]\n    )\n\n    const contextValue = useMemo(\n      () => ({\n        id,\n        labelId,\n        helperTextId,\n        errorMessageId,\n        getGroupProps,\n        getLabelProps,\n        getFieldProps,\n        getHelperTextProps,\n        getErrorMessageProps,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n      }),\n      [\n        id,\n        labelId,\n        helperTextId,\n        errorMessageId,\n        getGroupProps,\n        getLabelProps,\n        getFieldProps,\n        getHelperTextProps,\n        getErrorMessageProps,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n      ]\n    )\n\n    if (!children) {\n      return null\n    }\n\n    return (\n      <FormControlContextProvider value={contextValue}>\n        <Container\n          {...rest}\n          ref={forwardedRef}\n          labelPosition={labelPosition}\n          data-testid={FORM_CONTROL_TEST_ID}\n        >\n          {children}\n        </Container>\n      </FormControlContextProvider>\n    )\n  }\n)\n\nexport function useFormFieldProps<\n  Props extends FormFieldProps & SizeProps<FormFieldSize>,\n>(props?: Props) {\n  const contextValue = useFormControlContext()\n\n  const formFieldProps = useMemo(() => {\n    const mergedProps = contextValue?.getFieldProps(props) ?? { ...props }\n\n    const {\n      disabled = false,\n      readOnly = false,\n      required = false,\n      hasError = false,\n      size = undefined,\n      ...rest\n    } = mergedProps\n\n    return {\n      ...rest,\n      'aria-disabled': ariaAttr(disabled),\n      'aria-invalid': ariaAttr(hasError),\n      'aria-required': ariaAttr(required),\n      'aria-readonly': ariaAttr(readOnly),\n      size,\n      disabled,\n      hasError,\n      required,\n      readOnly,\n    }\n  }, [props, contextValue])\n\n  return formFieldProps as typeof formFieldProps & Props\n}\n"],"names":["FormControlContextProvider","useFormControlContext","createContext","undefined","FORM_CONTROL_TEST_ID","Container","forwardRef","labelPosition","children","className","rest","forwardedRef","_jsx","Stack","ref","direction","classNames","styles","Grid","FormControl","id","idProp","size","hasError","required","readOnly","disabled","groupNode","setGroupNode","useState","helperTextNode","setHelperTextNode","errorMessageNode","setErrorMessageNode","useId","groupId","labelId","helperTextId","errorMessageId","fieldId","describerId","useMemo","getGroupProps","useCallback","ownProps","getLabelProps","htmlFor","FormLabelWrapper","getFormFieldSizeClassName","typo","getFieldProps","getHelperTextProps","visible","isNil","FormHelperTextWrapper","getErrorMessageProps","contextValue","value","useFormFieldProps","props","formFieldProps","_contextValue$getFiel","mergedProps","ariaAttr"],"mappings":"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"}

package/dist/esm/components/FormHelperText/FormHelperText.mjs

@@ -9,6 +9,10 @@ import { useFormControlContext } from '../FormControl/FormControl.mjs';
 import { Text } from '../Text/Text.mjs';
 
 const FORM_HELPER_TEXT_TEST_ID = 'bezier-form-helper-text';
+
+/**
+ * @deprecated
+ */
 const FORM_ERROR_MESSAGE_TEST_ID = 'bezier-form-error-message';
 const BaseHelperText = /*#__PURE__*/forwardRef(function BaseHelperText(props, forwardedRef) {
   var _getProps;
@@ -112,5 +116,5 @@ const FormErrorMessage = /*#__PURE__*/forwardRef(function FormErrorMessage(props
   });
 });
 
-export { FORM_ERROR_MESSAGE_TEST_ID, FORM_HELPER_TEXT_TEST_ID, FormErrorMessage, FormHelperText };
+export { FormErrorMessage, FormHelperText };
 //# sourceMappingURL=FormHelperText.mjs.map

package/dist/esm/components/FormHelperText/FormHelperText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormHelperText.mjs","sources":["../../../../src/components/FormHelperText/FormHelperText.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { noop } from '~/src/utils/function'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Text } from '~/src/components/Text'\n\nimport type {\n  BaseHelperTextProps,\n  FormErrorMessageProps,\n  FormHelperTextProps,\n} from './FormHelperText.types'\n\nimport styles from './FormHelperText.module.scss'\n\nexport const FORM_HELPER_TEXT_TEST_ID = 'bezier-form-helper-text'\nexport const FORM_ERROR_MESSAGE_TEST_ID = 'bezier-form-error-message'\n\nconst BaseHelperText = forwardRef<HTMLSpanElement, BaseHelperTextProps>(\n  function BaseHelperText(props, forwardedRef) {\n    const { type, typo = '13', children, className, ...rest } = props\n\n    const contextValue = useFormControlContext()\n    const getProps =\n      type === 'info'\n        ? contextValue?.getHelperTextProps\n        : contextValue?.getErrorMessageProps\n\n    const {\n      visible,\n      ref,\n      className: formControlClassName,\n      ...ownProps\n    } = getProps?.(rest) ?? {\n      visible: true,\n      ref: noop,\n      className: undefined,\n      ...rest,\n    }\n\n    const mergedRef = useMergeRefs(ref, forwardedRef)\n\n    if (isEmpty(children) || !visible) {\n      return null\n    }\n\n    return (\n      <Text\n        ref={mergedRef}\n        as=\"p\"\n        className={classNames(\n          styles.FormHelperText,\n          formControlClassName,\n          className\n        )}\n        typo={typo}\n        align=\"left\"\n        {...ownProps}\n      >\n        {children}\n      </Text>\n    )\n  }\n)\n\n/**\n * `FormHelperText` is a component to show the description of the input element.\n * `FormControl` component can handle its layout by `position` props.\n * @example\n * ```tsx\n * <FormControl position=\"top\">\n *   <FormLabel>\n *     Password\n *   </FormLabel>\n *   <TextField />\n *   <FormHelperText>\n *     Please use at least 6 characters\n *   </FormHelperText>\n * </FormControl>\n * ```\n */\nexport const FormHelperText = forwardRef<HTMLSpanElement, FormHelperTextProps>(\n  function FormHelperText(props, forwardedRef) {\n    const { color = 'txt-black-dark', children, ...rest } = props\n\n    return (\n      <BaseHelperText\n        type=\"info\"\n        ref={forwardedRef}\n        color={color}\n        data-testid={FORM_HELPER_TEXT_TEST_ID}\n        {...rest}\n      >\n        {children}\n      </BaseHelperText>\n    )\n  }\n)\n\n/**\n * `FormErrorMessage` is a component to show error message when form values are invalid.\n * It should be used with `FormControl` component.\n * @example\n * ```tsx\n * <FormControl>\n *   <FormLabel>\n *     Password\n *   </FormLabel>\n *   <TextField />\n *   <FormErrorMessage>\n *     Password should be at least 6 characters\n *   </FormErrorMessage>\n * </FormControl>\n * ```\n */\nexport const FormErrorMessage = forwardRef<\n  HTMLSpanElement,\n  FormErrorMessageProps\n>(function FormErrorMessage(props, forwardedRef) {\n  const { color = 'bgtxt-orange-normal', children, ...rest } = props\n\n  return (\n    <BaseHelperText\n      aria-live=\"polite\"\n      type=\"error\"\n      ref={forwardedRef}\n      color={color}\n      data-testid={FORM_ERROR_MESSAGE_TEST_ID}\n      {...rest}\n    >\n      {children}\n    </BaseHelperText>\n  )\n})\n"],"names":["FORM_HELPER_TEXT_TEST_ID","FORM_ERROR_MESSAGE_TEST_ID","BaseHelperText","forwardRef","props","forwardedRef","_getProps","type","typo","children","className","rest","contextValue","useFormControlContext","getProps","getHelperTextProps","getErrorMessageProps","visible","ref","formControlClassName","ownProps","noop","undefined","mergedRef","useMergeRefs","isEmpty","_jsx","Text","as","classNames","styles","FormHelperText","align","color","FormErrorMessage"],"mappings":"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"}
+{"version":3,"file":"FormHelperText.mjs","sources":["../../../../src/components/FormHelperText/FormHelperText.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { noop } from '~/src/utils/function'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Text } from '~/src/components/Text'\n\nimport type {\n  BaseHelperTextProps,\n  FormErrorMessageProps,\n  FormHelperTextProps,\n} from './FormHelperText.types'\n\nimport styles from './FormHelperText.module.scss'\n\n/**\n * @deprecated\n */\nconst FORM_HELPER_TEXT_TEST_ID = 'bezier-form-helper-text'\n\n/**\n * @deprecated\n */\nconst FORM_ERROR_MESSAGE_TEST_ID = 'bezier-form-error-message'\n\nconst BaseHelperText = forwardRef<HTMLSpanElement, BaseHelperTextProps>(\n  function BaseHelperText(props, forwardedRef) {\n    const { type, typo = '13', children, className, ...rest } = props\n\n    const contextValue = useFormControlContext()\n    const getProps =\n      type === 'info'\n        ? contextValue?.getHelperTextProps\n        : contextValue?.getErrorMessageProps\n\n    const {\n      visible,\n      ref,\n      className: formControlClassName,\n      ...ownProps\n    } = getProps?.(rest) ?? {\n      visible: true,\n      ref: noop,\n      className: undefined,\n      ...rest,\n    }\n\n    const mergedRef = useMergeRefs(ref, forwardedRef)\n\n    if (isEmpty(children) || !visible) {\n      return null\n    }\n\n    return (\n      <Text\n        ref={mergedRef}\n        as=\"p\"\n        className={classNames(\n          styles.FormHelperText,\n          formControlClassName,\n          className\n        )}\n        typo={typo}\n        align=\"left\"\n        {...ownProps}\n      >\n        {children}\n      </Text>\n    )\n  }\n)\n\n/**\n * `FormHelperText` is a component to show the description of the input element.\n * `FormControl` component can handle its layout by `position` props.\n * @example\n * ```tsx\n * <FormControl position=\"top\">\n *   <FormLabel>\n *     Password\n *   </FormLabel>\n *   <TextField />\n *   <FormHelperText>\n *     Please use at least 6 characters\n *   </FormHelperText>\n * </FormControl>\n * ```\n */\nexport const FormHelperText = forwardRef<HTMLSpanElement, FormHelperTextProps>(\n  function FormHelperText(props, forwardedRef) {\n    const { color = 'txt-black-dark', children, ...rest } = props\n\n    return (\n      <BaseHelperText\n        type=\"info\"\n        ref={forwardedRef}\n        color={color}\n        data-testid={FORM_HELPER_TEXT_TEST_ID}\n        {...rest}\n      >\n        {children}\n      </BaseHelperText>\n    )\n  }\n)\n\n/**\n * `FormErrorMessage` is a component to show error message when form values are invalid.\n * It should be used with `FormControl` component.\n * @example\n * ```tsx\n * <FormControl>\n *   <FormLabel>\n *     Password\n *   </FormLabel>\n *   <TextField />\n *   <FormErrorMessage>\n *     Password should be at least 6 characters\n *   </FormErrorMessage>\n * </FormControl>\n * ```\n */\nexport const FormErrorMessage = forwardRef<\n  HTMLSpanElement,\n  FormErrorMessageProps\n>(function FormErrorMessage(props, forwardedRef) {\n  const { color = 'bgtxt-orange-normal', children, ...rest } = props\n\n  return (\n    <BaseHelperText\n      aria-live=\"polite\"\n      type=\"error\"\n      ref={forwardedRef}\n      color={color}\n      data-testid={FORM_ERROR_MESSAGE_TEST_ID}\n      {...rest}\n    >\n      {children}\n    </BaseHelperText>\n  )\n})\n"],"names":["FORM_HELPER_TEXT_TEST_ID","FORM_ERROR_MESSAGE_TEST_ID","BaseHelperText","forwardRef","props","forwardedRef","_getProps","type","typo","children","className","rest","contextValue","useFormControlContext","getProps","getHelperTextProps","getErrorMessageProps","visible","ref","formControlClassName","ownProps","noop","undefined","mergedRef","useMergeRefs","isEmpty","_jsx","Text","as","classNames","styles","FormHelperText","align","color","FormErrorMessage"],"mappings":"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"}

package/dist/esm/components/NavGroup/NavGroup.mjs

@@ -10,6 +10,10 @@ import { Icon } from '../Icon/Icon.mjs';
 import { Text } from '../Text/Text.mjs';
 
 const NAV_GROUP_TEST_ID = 'bezier-nav-group';
+
+/**
+ * @deprecated
+ */
 const NAV_GROUP_LEFT_ICON_TEST_ID = 'bezier-nav-group-left-icon';
 const NavGroup = /*#__PURE__*/forwardRef(function NavGroup({
   name,
@@ -74,5 +78,5 @@ const NavGroup = /*#__PURE__*/forwardRef(function NavGroup({
   });
 });
 
-export { NAV_GROUP_LEFT_ICON_TEST_ID, NAV_GROUP_TEST_ID, NavGroup };
+export { NavGroup };
 //# sourceMappingURL=NavGroup.mjs.map

package/dist/esm/components/NavGroup/NavGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavGroup.mjs","sources":["../../../../src/components/NavGroup/NavGroup.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport {\n  ChevronSmallDownIcon,\n  ChevronSmallRightIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { isNil } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\n// eslint-disable-next-line no-restricted-imports\nimport commonStyles from '../NavItem/NavItem.module.scss'\n\nimport type { NavGroupProps } from './NavGroup.types'\n\nimport styles from './NavGroup.module.scss'\n\nexport const NAV_GROUP_TEST_ID = 'bezier-nav-group'\nexport const NAV_GROUP_LEFT_ICON_TEST_ID = 'bezier-nav-group-left-icon'\n\nexport const NavGroup = forwardRef<HTMLButtonElement, NavGroupProps>(\n  function NavGroup(\n    {\n      name,\n      className,\n      children,\n      content,\n      rightContent,\n      leftContent,\n      open,\n      active,\n      onClick,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const handleClickItem = (e?: React.MouseEvent) => {\n      onClick?.(e, name)\n    }\n\n    const hasChildren = !isNil(children)\n    const chevronIconSource = open\n      ? ChevronSmallDownIcon\n      : ChevronSmallRightIcon\n    const ariaName = `${name}Menu`\n\n    return (\n      <li\n        className={commonStyles.Wrapper}\n        role=\"none\"\n      >\n        <BaseButton\n          ref={forwardedRef}\n          className={classNames(\n            commonStyles.Item,\n            active && commonStyles.active,\n            className\n          )}\n          role=\"menuitem\"\n          aria-haspopup={hasChildren}\n          aria-expanded={open}\n          aria-controls={ariaName}\n          onClick={handleClickItem}\n          data-testid={NAV_GROUP_TEST_ID}\n          {...rest}\n        >\n          <div className={commonStyles.LeftIconWrapper}>\n            <Icon\n              source={leftContent}\n              size=\"s\"\n              color={active ? 'bgtxt-blue-normal' : 'txt-black-dark'}\n              data-testid={NAV_GROUP_LEFT_ICON_TEST_ID}\n            />\n          </div>\n\n          <Text\n            typo=\"14\"\n            truncated\n          >\n            {content}\n          </Text>\n\n          {hasChildren && (\n            <div className={styles.ChevronWrapper}>\n              <Icon\n                source={chevronIconSource}\n                size=\"s\"\n                color=\"txt-black-dark\"\n              />\n            </div>\n          )}\n\n          {rightContent && (\n            <div className={commonStyles.RightContentWrapper}>\n              {rightContent}\n            </div>\n          )}\n        </BaseButton>\n\n        {open && (\n          <ul\n            className={styles.ChildrenWrapper}\n            role=\"menu\"\n            id={ariaName}\n          >\n            {open && children}\n          </ul>\n        )}\n      </li>\n    )\n  }\n)\n"],"names":["NAV_GROUP_TEST_ID","NAV_GROUP_LEFT_ICON_TEST_ID","NavGroup","forwardRef","name","className","children","content","rightContent","leftContent","open","active","onClick","rest","forwardedRef","handleClickItem","e","hasChildren","isNil","chevronIconSource","ChevronSmallDownIcon","ChevronSmallRightIcon","ariaName","_jsxs","commonStyles","Wrapper","role","BaseButton","ref","classNames","Item","_jsx","LeftIconWrapper","Icon","source","size","color","Text","typo","truncated","styles","ChevronWrapper","RightContentWrapper","ChildrenWrapper","id"],"mappings":";;;;;;;;;;;AAuBO,MAAMA,iBAAiB,GAAG;AAC1B,MAAMC,2BAA2B,GAAG;MAE9BC,QAAQ,gBAAGC,UAAU,CAChC,SAASD,QAAQA,CACf;EACEE,IAAI;EACJC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,YAAY;EACZC,WAAW;EACXC,IAAI;EACJC,MAAM;EACNC,OAAO;EACP,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,eAAe,GAAIC,CAAoB,IAAK;IAChDJ,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAGI,CAAC,EAAEZ,IAAI,CAAC;GACnB;AAED,EAAA,MAAMa,WAAW,GAAG,CAACC,KAAK,CAACZ,QAAQ,CAAC;AACpC,EAAA,MAAMa,iBAAiB,GAAGT,IAAI,GAC1BU,oBAAoB,GACpBC,qBAAqB;AACzB,EAAA,MAAMC,QAAQ,GAAG,CAAGlB,EAAAA,IAAI,CAAM,IAAA,CAAA;AAE9B,EAAA,oBACEmB,IAAA,CAAA,IAAA,EAAA;IACElB,SAAS,EAAEmB,MAAY,CAACC,OAAQ;AAChCC,IAAAA,IAAI,EAAC,MAAM;IAAApB,QAAA,EAAA,cAEXiB,IAAA,CAACI,UAAU,EAAA;AACTC,MAAAA,GAAG,EAAEd,YAAa;AAClBT,MAAAA,SAAS,EAAEwB,UAAU,CACnBL,MAAY,CAACM,IAAI,EACjBnB,MAAM,IAAIa,MAAY,CAACb,MAAM,EAC7BN,SACF,CAAE;AACFqB,MAAAA,IAAI,EAAC,UAAU;AACf,MAAA,eAAA,EAAeT,WAAY;AAC3B,MAAA,eAAA,EAAeP,IAAK;AACpB,MAAA,eAAA,EAAeY,QAAS;AACxBV,MAAAA,OAAO,EAAEG,eAAgB;AACzB,MAAA,aAAA,EAAaf,iBAAkB;AAAA,MAAA,GAC3Ba,IAAI;AAAAP,MAAAA,QAAA,gBAERyB,GAAA,CAAA,KAAA,EAAA;QAAK1B,SAAS,EAAEmB,MAAY,CAACQ,eAAgB;QAAA1B,QAAA,eAC3CyB,GAAA,CAACE,IAAI,EAAA;AACHC,UAAAA,MAAM,EAAEzB,WAAY;AACpB0B,UAAAA,IAAI,EAAC,GAAG;AACRC,UAAAA,KAAK,EAAEzB,MAAM,GAAG,mBAAmB,GAAG,gBAAiB;UACvD,aAAaV,EAAAA;SACd;AAAC,OACC,CAAC,eAEN8B,GAAA,CAACM,IAAI,EAAA;AACHC,QAAAA,IAAI,EAAC,IAAI;QACTC,SAAS,EAAA,IAAA;AAAAjC,QAAAA,QAAA,EAERC;AAAO,OACJ,CAAC,EAENU,WAAW,iBACVc,GAAA,CAAA,KAAA,EAAA;QAAK1B,SAAS,EAAEmC,QAAM,CAACC,cAAe;QAAAnC,QAAA,eACpCyB,GAAA,CAACE,IAAI,EAAA;AACHC,UAAAA,MAAM,EAAEf,iBAAkB;AAC1BgB,UAAAA,IAAI,EAAC,GAAG;AACRC,UAAAA,KAAK,EAAC;SACP;AAAC,OACC,CACN,EAEA5B,YAAY,iBACXuB,GAAA,CAAA,KAAA,EAAA;QAAK1B,SAAS,EAAEmB,MAAY,CAACkB,mBAAoB;AAAApC,QAAAA,QAAA,EAC9CE;AAAY,OACV,CACN;AAAA,KACS,CAAC,EAEZE,IAAI,iBACHqB,GAAA,CAAA,IAAA,EAAA;MACE1B,SAAS,EAAEmC,QAAM,CAACG,eAAgB;AAClCjB,MAAAA,IAAI,EAAC,MAAM;AACXkB,MAAAA,EAAE,EAAEtB,QAAS;MAAAhB,QAAA,EAEZI,IAAI,IAAIJ;AAAQ,KACf,CACL;AAAA,GACC,CAAC;AAET,CACF;;;;"}
+{"version":3,"file":"NavGroup.mjs","sources":["../../../../src/components/NavGroup/NavGroup.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport {\n  ChevronSmallDownIcon,\n  ChevronSmallRightIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { isNil } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\n// eslint-disable-next-line no-restricted-imports\nimport commonStyles from '../NavItem/NavItem.module.scss'\n\nimport type { NavGroupProps } from './NavGroup.types'\n\nimport styles from './NavGroup.module.scss'\n\n/**\n * @deprecated\n */\nconst NAV_GROUP_TEST_ID = 'bezier-nav-group'\n\n/**\n * @deprecated\n */\nconst NAV_GROUP_LEFT_ICON_TEST_ID = 'bezier-nav-group-left-icon'\n\nexport const NavGroup = forwardRef<HTMLButtonElement, NavGroupProps>(\n  function NavGroup(\n    {\n      name,\n      className,\n      children,\n      content,\n      rightContent,\n      leftContent,\n      open,\n      active,\n      onClick,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const handleClickItem = (e?: React.MouseEvent) => {\n      onClick?.(e, name)\n    }\n\n    const hasChildren = !isNil(children)\n    const chevronIconSource = open\n      ? ChevronSmallDownIcon\n      : ChevronSmallRightIcon\n    const ariaName = `${name}Menu`\n\n    return (\n      <li\n        className={commonStyles.Wrapper}\n        role=\"none\"\n      >\n        <BaseButton\n          ref={forwardedRef}\n          className={classNames(\n            commonStyles.Item,\n            active && commonStyles.active,\n            className\n          )}\n          role=\"menuitem\"\n          aria-haspopup={hasChildren}\n          aria-expanded={open}\n          aria-controls={ariaName}\n          onClick={handleClickItem}\n          data-testid={NAV_GROUP_TEST_ID}\n          {...rest}\n        >\n          <div className={commonStyles.LeftIconWrapper}>\n            <Icon\n              source={leftContent}\n              size=\"s\"\n              color={active ? 'bgtxt-blue-normal' : 'txt-black-dark'}\n              data-testid={NAV_GROUP_LEFT_ICON_TEST_ID}\n            />\n          </div>\n\n          <Text\n            typo=\"14\"\n            truncated\n          >\n            {content}\n          </Text>\n\n          {hasChildren && (\n            <div className={styles.ChevronWrapper}>\n              <Icon\n                source={chevronIconSource}\n                size=\"s\"\n                color=\"txt-black-dark\"\n              />\n            </div>\n          )}\n\n          {rightContent && (\n            <div className={commonStyles.RightContentWrapper}>\n              {rightContent}\n            </div>\n          )}\n        </BaseButton>\n\n        {open && (\n          <ul\n            className={styles.ChildrenWrapper}\n            role=\"menu\"\n            id={ariaName}\n          >\n            {open && children}\n          </ul>\n        )}\n      </li>\n    )\n  }\n)\n"],"names":["NAV_GROUP_TEST_ID","NAV_GROUP_LEFT_ICON_TEST_ID","NavGroup","forwardRef","name","className","children","content","rightContent","leftContent","open","active","onClick","rest","forwardedRef","handleClickItem","e","hasChildren","isNil","chevronIconSource","ChevronSmallDownIcon","ChevronSmallRightIcon","ariaName","_jsxs","commonStyles","Wrapper","role","BaseButton","ref","classNames","Item","_jsx","LeftIconWrapper","Icon","source","size","color","Text","typo","truncated","styles","ChevronWrapper","RightContentWrapper","ChildrenWrapper","id"],"mappings":";;;;;;;;;;;AA0BA,MAAMA,iBAAiB,GAAG,kBAAkB;;AAE5C;AACA;AACA;AACA,MAAMC,2BAA2B,GAAG,4BAA4B;MAEnDC,QAAQ,gBAAGC,UAAU,CAChC,SAASD,QAAQA,CACf;EACEE,IAAI;EACJC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,YAAY;EACZC,WAAW;EACXC,IAAI;EACJC,MAAM;EACNC,OAAO;EACP,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,eAAe,GAAIC,CAAoB,IAAK;IAChDJ,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAGI,CAAC,EAAEZ,IAAI,CAAC;GACnB;AAED,EAAA,MAAMa,WAAW,GAAG,CAACC,KAAK,CAACZ,QAAQ,CAAC;AACpC,EAAA,MAAMa,iBAAiB,GAAGT,IAAI,GAC1BU,oBAAoB,GACpBC,qBAAqB;AACzB,EAAA,MAAMC,QAAQ,GAAG,CAAGlB,EAAAA,IAAI,CAAM,IAAA,CAAA;AAE9B,EAAA,oBACEmB,IAAA,CAAA,IAAA,EAAA;IACElB,SAAS,EAAEmB,MAAY,CAACC,OAAQ;AAChCC,IAAAA,IAAI,EAAC,MAAM;IAAApB,QAAA,EAAA,cAEXiB,IAAA,CAACI,UAAU,EAAA;AACTC,MAAAA,GAAG,EAAEd,YAAa;AAClBT,MAAAA,SAAS,EAAEwB,UAAU,CACnBL,MAAY,CAACM,IAAI,EACjBnB,MAAM,IAAIa,MAAY,CAACb,MAAM,EAC7BN,SACF,CAAE;AACFqB,MAAAA,IAAI,EAAC,UAAU;AACf,MAAA,eAAA,EAAeT,WAAY;AAC3B,MAAA,eAAA,EAAeP,IAAK;AACpB,MAAA,eAAA,EAAeY,QAAS;AACxBV,MAAAA,OAAO,EAAEG,eAAgB;AACzB,MAAA,aAAA,EAAaf,iBAAkB;AAAA,MAAA,GAC3Ba,IAAI;AAAAP,MAAAA,QAAA,gBAERyB,GAAA,CAAA,KAAA,EAAA;QAAK1B,SAAS,EAAEmB,MAAY,CAACQ,eAAgB;QAAA1B,QAAA,eAC3CyB,GAAA,CAACE,IAAI,EAAA;AACHC,UAAAA,MAAM,EAAEzB,WAAY;AACpB0B,UAAAA,IAAI,EAAC,GAAG;AACRC,UAAAA,KAAK,EAAEzB,MAAM,GAAG,mBAAmB,GAAG,gBAAiB;UACvD,aAAaV,EAAAA;SACd;AAAC,OACC,CAAC,eAEN8B,GAAA,CAACM,IAAI,EAAA;AACHC,QAAAA,IAAI,EAAC,IAAI;QACTC,SAAS,EAAA,IAAA;AAAAjC,QAAAA,QAAA,EAERC;AAAO,OACJ,CAAC,EAENU,WAAW,iBACVc,GAAA,CAAA,KAAA,EAAA;QAAK1B,SAAS,EAAEmC,QAAM,CAACC,cAAe;QAAAnC,QAAA,eACpCyB,GAAA,CAACE,IAAI,EAAA;AACHC,UAAAA,MAAM,EAAEf,iBAAkB;AAC1BgB,UAAAA,IAAI,EAAC,GAAG;AACRC,UAAAA,KAAK,EAAC;SACP;AAAC,OACC,CACN,EAEA5B,YAAY,iBACXuB,GAAA,CAAA,KAAA,EAAA;QAAK1B,SAAS,EAAEmB,MAAY,CAACkB,mBAAoB;AAAApC,QAAAA,QAAA,EAC9CE;AAAY,OACV,CACN;AAAA,KACS,CAAC,EAEZE,IAAI,iBACHqB,GAAA,CAAA,IAAA,EAAA;MACE1B,SAAS,EAAEmC,QAAM,CAACG,eAAgB;AAClCjB,MAAAA,IAAI,EAAC,MAAM;AACXkB,MAAAA,EAAE,EAAEtB,QAAS;MAAAhB,QAAA,EAEZI,IAAI,IAAIJ;AAAQ,KACf,CACL;AAAA,GACC,CAAC;AAET,CACF;;;;"}

package/dist/esm/components/NavItem/NavItem.mjs

@@ -6,6 +6,10 @@ import { Icon } from '../Icon/Icon.mjs';
 import { Text } from '../Text/Text.mjs';
 
 const NAV_ITEM_TEST_ID = 'bezier-nav-item';
+
+/**
+ * @deprecated
+ */
 const NAV_ITEM_LEFT_ICON_TEST_ID = 'bezier-nav-item-left-icon';
 
 /**
@@ -68,5 +72,5 @@ const NavItem = /*#__PURE__*/forwardRef(function NavItem({
   });
 });
 
-export { NAV_ITEM_LEFT_ICON_TEST_ID, NAV_ITEM_TEST_ID, NavItem };
+export { NavItem };
 //# sourceMappingURL=NavItem.mjs.map

package/dist/esm/components/NavItem/NavItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.mjs","sources":["../../../../src/components/NavItem/NavItem.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport type { NavItemProps } from './NavItem.types'\n\nimport styles from './NavItem.module.scss'\n\nexport const NAV_ITEM_TEST_ID = 'bezier-nav-item'\nexport const NAV_ITEM_LEFT_ICON_TEST_ID = 'bezier-nav-item-left-icon'\n\n/**\n * `NavItem` is a component for an item where you can navigate to another link.\n * @example\n * ```tsx\n * <NavItem\n *   name=\"channel\"\n *   content=\"https://channel.io\"\n *   href=\"_parent\"\n * />\n * ```\n */\nexport const NavItem = forwardRef<HTMLAnchorElement, NavItemProps>(\n  function NavItem(\n    {\n      name,\n      style,\n      className,\n      content,\n      href,\n      target = '_self',\n      rightContent,\n      leftContent,\n      active,\n      onClick,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const handleClickItem = (e?: React.MouseEvent) => {\n      onClick?.(e, name)\n    }\n\n    return (\n      <li\n        className={styles.Wrapper}\n        role=\"none\"\n      >\n        <a\n          ref={forwardedRef}\n          style={style}\n          className={classNames(\n            styles.Item,\n            active && styles.active,\n            className\n          )}\n          href={href}\n          target={target}\n          role=\"menuitem\"\n          onClick={handleClickItem}\n          data-testid={NAV_ITEM_TEST_ID}\n          {...rest}\n        >\n          <div className={styles.LeftIconWrapper}>\n            {leftContent && (\n              <Icon\n                data-testid={NAV_ITEM_LEFT_ICON_TEST_ID}\n                source={leftContent}\n                size=\"s\"\n                color={active ? 'bgtxt-blue-normal' : 'txt-black-dark'}\n              />\n            )}\n          </div>\n\n          <Text\n            typo=\"14\"\n            truncated\n          >\n            {content}\n          </Text>\n\n          {rightContent && (\n            <div className={styles.RightContentWrapper}>{rightContent}</div>\n          )}\n        </a>\n      </li>\n    )\n  }\n)\n"],"names":["NAV_ITEM_TEST_ID","NAV_ITEM_LEFT_ICON_TEST_ID","NavItem","forwardRef","name","style","className","content","href","target","rightContent","leftContent","active","onClick","rest","forwardedRef","handleClickItem","e","_jsx","styles","Wrapper","role","children","_jsxs","ref","classNames","Item","LeftIconWrapper","Icon","source","size","color","Text","typo","truncated","RightContentWrapper"],"mappings":";;;;;;;AAaO,MAAMA,gBAAgB,GAAG;AACzB,MAAMC,0BAA0B,GAAG;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,OAAO,gBAAGC,UAAU,CAC/B,SAASD,OAAOA,CACd;EACEE,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,IAAI;AACJC,EAAAA,MAAM,GAAG,OAAO;EAChBC,YAAY;EACZC,WAAW;EACXC,MAAM;EACNC,OAAO;EACP,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,eAAe,GAAIC,CAAoB,IAAK;IAChDJ,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAGI,CAAC,EAAEb,IAAI,CAAC;GACnB;AAED,EAAA,oBACEc,GAAA,CAAA,IAAA,EAAA;IACEZ,SAAS,EAAEa,MAAM,CAACC,OAAQ;AAC1BC,IAAAA,IAAI,EAAC,MAAM;AAAAC,IAAAA,QAAA,eAEXC,IAAA,CAAA,GAAA,EAAA;AACEC,MAAAA,GAAG,EAAET,YAAa;AAClBV,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,SAAS,EAAEmB,UAAU,CACnBN,MAAM,CAACO,IAAI,EACXd,MAAM,IAAIO,MAAM,CAACP,MAAM,EACvBN,SACF,CAAE;AACFE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,MAAM,EAAEA,MAAO;AACfY,MAAAA,IAAI,EAAC,UAAU;AACfR,MAAAA,OAAO,EAAEG,eAAgB;AACzB,MAAA,aAAA,EAAahB,gBAAiB;AAAA,MAAA,GAC1Bc,IAAI;AAAAQ,MAAAA,QAAA,gBAERJ,GAAA,CAAA,KAAA,EAAA;QAAKZ,SAAS,EAAEa,MAAM,CAACQ,eAAgB;AAAAL,QAAAA,QAAA,EACpCX,WAAW,iBACVO,GAAA,CAACU,IAAI,EAAA;AACH,UAAA,aAAA,EAAa3B,0BAA2B;AACxC4B,UAAAA,MAAM,EAAElB,WAAY;AACpBmB,UAAAA,IAAI,EAAC,GAAG;AACRC,UAAAA,KAAK,EAAEnB,MAAM,GAAG,mBAAmB,GAAG;SACvC;AACF,OACE,CAAC,eAENM,GAAA,CAACc,IAAI,EAAA;AACHC,QAAAA,IAAI,EAAC,IAAI;QACTC,SAAS,EAAA,IAAA;AAAAZ,QAAAA,QAAA,EAERf;AAAO,OACJ,CAAC,EAENG,YAAY,iBACXQ,GAAA,CAAA,KAAA,EAAA;QAAKZ,SAAS,EAAEa,MAAM,CAACgB,mBAAoB;AAAAb,QAAAA,QAAA,EAAEZ;AAAY,OAAM,CAChE;KACA;AAAC,GACF,CAAC;AAET,CACF;;;;"}
+{"version":3,"file":"NavItem.mjs","sources":["../../../../src/components/NavItem/NavItem.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport type { NavItemProps } from './NavItem.types'\n\nimport styles from './NavItem.module.scss'\n\n/**\n * @deprecated\n */\nconst NAV_ITEM_TEST_ID = 'bezier-nav-item'\n\n/**\n * @deprecated\n */\nconst NAV_ITEM_LEFT_ICON_TEST_ID = 'bezier-nav-item-left-icon'\n\n/**\n * `NavItem` is a component for an item where you can navigate to another link.\n * @example\n * ```tsx\n * <NavItem\n *   name=\"channel\"\n *   content=\"https://channel.io\"\n *   href=\"_parent\"\n * />\n * ```\n */\nexport const NavItem = forwardRef<HTMLAnchorElement, NavItemProps>(\n  function NavItem(\n    {\n      name,\n      style,\n      className,\n      content,\n      href,\n      target = '_self',\n      rightContent,\n      leftContent,\n      active,\n      onClick,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const handleClickItem = (e?: React.MouseEvent) => {\n      onClick?.(e, name)\n    }\n\n    return (\n      <li\n        className={styles.Wrapper}\n        role=\"none\"\n      >\n        <a\n          ref={forwardedRef}\n          style={style}\n          className={classNames(\n            styles.Item,\n            active && styles.active,\n            className\n          )}\n          href={href}\n          target={target}\n          role=\"menuitem\"\n          onClick={handleClickItem}\n          data-testid={NAV_ITEM_TEST_ID}\n          {...rest}\n        >\n          <div className={styles.LeftIconWrapper}>\n            {leftContent && (\n              <Icon\n                data-testid={NAV_ITEM_LEFT_ICON_TEST_ID}\n                source={leftContent}\n                size=\"s\"\n                color={active ? 'bgtxt-blue-normal' : 'txt-black-dark'}\n              />\n            )}\n          </div>\n\n          <Text\n            typo=\"14\"\n            truncated\n          >\n            {content}\n          </Text>\n\n          {rightContent && (\n            <div className={styles.RightContentWrapper}>{rightContent}</div>\n          )}\n        </a>\n      </li>\n    )\n  }\n)\n"],"names":["NAV_ITEM_TEST_ID","NAV_ITEM_LEFT_ICON_TEST_ID","NavItem","forwardRef","name","style","className","content","href","target","rightContent","leftContent","active","onClick","rest","forwardedRef","handleClickItem","e","_jsx","styles","Wrapper","role","children","_jsxs","ref","classNames","Item","LeftIconWrapper","Icon","source","size","color","Text","typo","truncated","RightContentWrapper"],"mappings":";;;;;;;AAgBA,MAAMA,gBAAgB,GAAG,iBAAiB;;AAE1C;AACA;AACA;AACA,MAAMC,0BAA0B,GAAG,2BAA2B;;AAE9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,OAAO,gBAAGC,UAAU,CAC/B,SAASD,OAAOA,CACd;EACEE,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,IAAI;AACJC,EAAAA,MAAM,GAAG,OAAO;EAChBC,YAAY;EACZC,WAAW;EACXC,MAAM;EACNC,OAAO;EACP,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,eAAe,GAAIC,CAAoB,IAAK;IAChDJ,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAGI,CAAC,EAAEb,IAAI,CAAC;GACnB;AAED,EAAA,oBACEc,GAAA,CAAA,IAAA,EAAA;IACEZ,SAAS,EAAEa,MAAM,CAACC,OAAQ;AAC1BC,IAAAA,IAAI,EAAC,MAAM;AAAAC,IAAAA,QAAA,eAEXC,IAAA,CAAA,GAAA,EAAA;AACEC,MAAAA,GAAG,EAAET,YAAa;AAClBV,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,SAAS,EAAEmB,UAAU,CACnBN,MAAM,CAACO,IAAI,EACXd,MAAM,IAAIO,MAAM,CAACP,MAAM,EACvBN,SACF,CAAE;AACFE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,MAAM,EAAEA,MAAO;AACfY,MAAAA,IAAI,EAAC,UAAU;AACfR,MAAAA,OAAO,EAAEG,eAAgB;AACzB,MAAA,aAAA,EAAahB,gBAAiB;AAAA,MAAA,GAC1Bc,IAAI;AAAAQ,MAAAA,QAAA,gBAERJ,GAAA,CAAA,KAAA,EAAA;QAAKZ,SAAS,EAAEa,MAAM,CAACQ,eAAgB;AAAAL,QAAAA,QAAA,EACpCX,WAAW,iBACVO,GAAA,CAACU,IAAI,EAAA;AACH,UAAA,aAAA,EAAa3B,0BAA2B;AACxC4B,UAAAA,MAAM,EAAElB,WAAY;AACpBmB,UAAAA,IAAI,EAAC,GAAG;AACRC,UAAAA,KAAK,EAAEnB,MAAM,GAAG,mBAAmB,GAAG;SACvC;AACF,OACE,CAAC,eAENM,GAAA,CAACc,IAAI,EAAA;AACHC,QAAAA,IAAI,EAAC,IAAI;QACTC,SAAS,EAAA,IAAA;AAAAZ,QAAAA,QAAA,EAERf;AAAO,OACJ,CAAC,EAENG,YAAY,iBACXQ,GAAA,CAAA,KAAA,EAAA;QAAKZ,SAAS,EAAEa,MAAM,CAACgB,mBAAoB;AAAAb,QAAAA,QAAA,EAAEZ;AAAY,OAAM,CAChE;KACA;AAAC,GACF,CAAC;AAET,CACF;;;;"}

package/dist/esm/components/SectionLabel/SectionLabel.mjs

@@ -23,7 +23,7 @@ function LeftContent({
     });
   }
   if (isLegacyIcon) {
-    warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.');
+    warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.', 'SectionLabel.LeftContent.IconName');
   }
   const Comp = isLegacyIcon ? LegacyIcon : Icon;
   return (
@@ -54,7 +54,7 @@ function RightContent({
     });
   }
   if (isLegacyIcon) {
-    warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.');
+    warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.', 'SectionLabel.RightContent.IconName');
   }
   return /*#__PURE__*/jsx(Button, {
     ...(withAction ? {

package/dist/esm/components/SectionLabel/SectionLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.mjs","sources":["../../../../src/components/SectionLabel/SectionLabel.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { warn } from '~/src/utils/assert'\nimport {\n  isArray,\n  isEmpty,\n  isNil,\n  isNumber,\n  isObject,\n  isString,\n} from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Button } from '~/src/components/Button'\nimport { Help } from '~/src/components/Help'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type IconWithAction,\n  type SectionLabelLeftContent,\n  type SectionLabelProps,\n  type SectionLabelRightContent,\n} from './SectionLabel.types'\n\nimport styles from './SectionLabel.module.scss'\n\nfunction LeftContent({ children }: { children: SectionLabelLeftContent }) {\n  const isLegacyIcon = isIconName(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  const Comp = isLegacyIcon ? LegacyIcon : Icon\n\n  return (\n    // @ts-expect-error\n    <Comp\n      {...(isLegacyIcon\n        ? {\n            name: children,\n          }\n        : {\n            source: children,\n          })}\n      size=\"s\"\n      color=\"txt-black-dark\"\n    />\n  )\n}\n\nfunction isIconWithAction(args: unknown): args is IconWithAction {\n  return isObject(args) && 'icon' in args\n}\n\nfunction RightContent({ children }: { children: SectionLabelRightContent }) {\n  const isLegacyIcon = isIconName(children)\n  const withAction = isIconWithAction(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon && !withAction) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  return (\n    <Button\n      {...(withAction\n        ? {\n            leftContent: children.icon,\n            onClick: children.onClick,\n          }\n        : {\n            as: 'div',\n            leftContent: children,\n          })}\n      className={styles.RightItem}\n      size=\"xs\"\n      styleVariant=\"tertiary\"\n      colorVariant=\"monochrome-light\"\n    />\n  )\n}\n\nexport const SectionLabel = forwardRef<HTMLElement, SectionLabelProps>(\n  function SectionLabel(\n    {\n      children,\n      className,\n      open = true,\n      help,\n      leftContent,\n      content,\n      rightContent,\n      onClick,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const Comp = !isNil(onClick) ? BaseButton : 'div'\n\n    return (\n      <>\n        <Comp\n          // @ts-expect-error\n          ref={forwardedRef}\n          className={classNames(styles.SectionLabel, className)}\n          data-testid=\"bezier-section-label\"\n          onClick={onClick}\n          {...props}\n        >\n          {leftContent && (\n            <div className={styles.LeftContent}>\n              <LeftContent>{leftContent}</LeftContent>\n            </div>\n          )}\n\n          <div className={styles.Content}>\n            {isString(content) || isNumber(content) ? (\n              <Text\n                bold\n                typo=\"13\"\n                color=\"txt-black-dark\"\n                truncated\n              >\n                {content}\n              </Text>\n            ) : (\n              content\n            )}\n          </div>\n\n          {help && (\n            <div className={styles.Help}>\n              <Help allowHover>{help}</Help>\n            </div>\n          )}\n\n          {!isNil(rightContent) && !isEmpty(rightContent) && (\n            <div className={styles.RightContent}>\n              {isArray(rightContent) ? (\n                rightContent.map((eachContent, index) => (\n                  // eslint-disable-next-line react/no-array-index-key\n                  <RightContent key={index}>{eachContent}</RightContent>\n                ))\n              ) : (\n                <RightContent>{rightContent}</RightContent>\n              )}\n            </div>\n          )}\n        </Comp>\n\n        {children && open && <div>{children}</div>}\n      </>\n    )\n  }\n)\n"],"names":["LeftContent","children","isLegacyIcon","isIconName","isBezierIcon","_jsx","_Fragment","warn","Comp","LegacyIcon","Icon","name","source","size","color","isIconWithAction","args","isObject","RightContent","withAction","Button","leftContent","icon","onClick","as","className","styles","RightItem","styleVariant","colorVariant","SectionLabel","forwardRef","open","help","content","rightContent","props","forwardedRef","isNil","BaseButton","_jsxs","ref","classNames","Content","isString","isNumber","Text","bold","typo","truncated","Help","allowHover","isEmpty","isArray","map","eachContent","index"],"mappings":"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"}
+{"version":3,"file":"SectionLabel.mjs","sources":["../../../../src/components/SectionLabel/SectionLabel.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { warn } from '~/src/utils/assert'\nimport {\n  isArray,\n  isEmpty,\n  isNil,\n  isNumber,\n  isObject,\n  isString,\n} from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Button } from '~/src/components/Button'\nimport { Help } from '~/src/components/Help'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type IconWithAction,\n  type SectionLabelLeftContent,\n  type SectionLabelProps,\n  type SectionLabelRightContent,\n} from './SectionLabel.types'\n\nimport styles from './SectionLabel.module.scss'\n\nfunction LeftContent({ children }: { children: SectionLabelLeftContent }) {\n  const isLegacyIcon = isIconName(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.',\n      'SectionLabel.LeftContent.IconName'\n    )\n  }\n\n  const Comp = isLegacyIcon ? LegacyIcon : Icon\n\n  return (\n    // @ts-expect-error\n    <Comp\n      {...(isLegacyIcon\n        ? {\n            name: children,\n          }\n        : {\n            source: children,\n          })}\n      size=\"s\"\n      color=\"txt-black-dark\"\n    />\n  )\n}\n\nfunction isIconWithAction(args: unknown): args is IconWithAction {\n  return isObject(args) && 'icon' in args\n}\n\nfunction RightContent({ children }: { children: SectionLabelRightContent }) {\n  const isLegacyIcon = isIconName(children)\n  const withAction = isIconWithAction(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon && !withAction) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.',\n      'SectionLabel.RightContent.IconName'\n    )\n  }\n\n  return (\n    <Button\n      {...(withAction\n        ? {\n            leftContent: children.icon,\n            onClick: children.onClick,\n          }\n        : {\n            as: 'div',\n            leftContent: children,\n          })}\n      className={styles.RightItem}\n      size=\"xs\"\n      styleVariant=\"tertiary\"\n      colorVariant=\"monochrome-light\"\n    />\n  )\n}\n\nexport const SectionLabel = forwardRef<HTMLElement, SectionLabelProps>(\n  function SectionLabel(\n    {\n      children,\n      className,\n      open = true,\n      help,\n      leftContent,\n      content,\n      rightContent,\n      onClick,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const Comp = !isNil(onClick) ? BaseButton : 'div'\n\n    return (\n      <>\n        <Comp\n          // @ts-expect-error\n          ref={forwardedRef}\n          className={classNames(styles.SectionLabel, className)}\n          data-testid=\"bezier-section-label\"\n          onClick={onClick}\n          {...props}\n        >\n          {leftContent && (\n            <div className={styles.LeftContent}>\n              <LeftContent>{leftContent}</LeftContent>\n            </div>\n          )}\n\n          <div className={styles.Content}>\n            {isString(content) || isNumber(content) ? (\n              <Text\n                bold\n                typo=\"13\"\n                color=\"txt-black-dark\"\n                truncated\n              >\n                {content}\n              </Text>\n            ) : (\n              content\n            )}\n          </div>\n\n          {help && (\n            <div className={styles.Help}>\n              <Help allowHover>{help}</Help>\n            </div>\n          )}\n\n          {!isNil(rightContent) && !isEmpty(rightContent) && (\n            <div className={styles.RightContent}>\n              {isArray(rightContent) ? (\n                rightContent.map((eachContent, index) => (\n                  // eslint-disable-next-line react/no-array-index-key\n                  <RightContent key={index}>{eachContent}</RightContent>\n                ))\n              ) : (\n                <RightContent>{rightContent}</RightContent>\n              )}\n            </div>\n          )}\n        </Comp>\n\n        {children && open && <div>{children}</div>}\n      </>\n    )\n  }\n)\n"],"names":["LeftContent","children","isLegacyIcon","isIconName","isBezierIcon","_jsx","_Fragment","warn","Comp","LegacyIcon","Icon","name","source","size","color","isIconWithAction","args","isObject","RightContent","withAction","Button","leftContent","icon","onClick","as","className","styles","RightItem","styleVariant","colorVariant","SectionLabel","forwardRef","open","help","content","rightContent","props","forwardedRef","isNil","BaseButton","_jsxs","ref","classNames","Content","isString","isNumber","Text","bold","typo","truncated","Help","allowHover","isEmpty","isArray","map","eachContent","index"],"mappings":"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"}

package/dist/esm/components/Switch/Switch.mjs

@@ -54,5 +54,5 @@ const Switch = /*#__PURE__*/forwardRef(function Switch({
   });
 });
 
-export { SWITCH_TEST_ID, Switch };
+export { Switch };
 //# sourceMappingURL=Switch.mjs.map

package/dist/esm/components/Switch/Switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.mjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport classNames from 'classnames'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\n\nimport { type SwitchProps } from './Switch.types'\n\nimport styles from './Switch.module.scss'\n\nexport const SWITCH_TEST_ID = 'bezier-switch'\n\n/**\n * `Switch` is an input component where user can toggle checked state of the element.\n * @example\n * ```tsx\n * <Switch\n *   size=\"m\"\n *   checked\n * />\n * ```\n */\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  function Switch(\n    {\n      checked,\n      defaultChecked = false,\n      onCheckedChange,\n      size = 'm',\n      className,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const { disabled, required, hasError, ...ownProps } =\n      useFormFieldProps(rest)\n\n    return (\n      <SwitchPrimitive.Root\n        asChild\n        checked={checked}\n        defaultChecked={defaultChecked}\n        onCheckedChange={onCheckedChange}\n        required={required}\n        disabled={disabled}\n        data-testid={SWITCH_TEST_ID}\n        {...ownProps}\n      >\n        <BaseButton\n          ref={forwardedRef}\n          className={classNames(\n            styles.Switch,\n            styles[`size-${size}`],\n            className\n          )}\n        >\n          <SwitchPrimitive.Thumb asChild>\n            <span className={styles.SwitchThumb} />\n          </SwitchPrimitive.Thumb>\n        </BaseButton>\n      </SwitchPrimitive.Root>\n    )\n  }\n)\n"],"names":["SWITCH_TEST_ID","Switch","forwardRef","checked","defaultChecked","onCheckedChange","size","className","rest","forwardedRef","disabled","required","hasError","ownProps","useFormFieldProps","_jsx","SwitchPrimitive","asChild","children","BaseButton","ref","classNames","styles","SwitchThumb"],"mappings":";;;;;;;;AAcO,MAAMA,cAAc,GAAG;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,MAAM,gBAAGC,UAAU,CAC9B,SAASD,MAAMA,CACb;EACEE,OAAO;AACPC,EAAAA,cAAc,GAAG,KAAK;EACtBC,eAAe;AACfC,EAAAA,IAAI,GAAG,GAAG;EACVC,SAAS;EACT,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC;AAAS,GAAC,GACjDC,iBAAiB,CAACN,IAAI,CAAC;AAEzB,EAAA,oBACEO,GAAA,CAACC,IAAoB,EAAA;IACnBC,OAAO,EAAA,IAAA;AACPd,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCM,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,QAAQ,EAAEA,QAAS;AACnB,IAAA,aAAA,EAAaV,cAAe;AAAA,IAAA,GACxBa,QAAQ;IAAAK,QAAA,eAEZH,GAAA,CAACI,UAAU,EAAA;AACTC,MAAAA,GAAG,EAAEX,YAAa;AAClBF,MAAAA,SAAS,EAAEc,UAAU,CACnBC,MAAM,CAACrB,MAAM,EACbqB,MAAM,CAAC,QAAQhB,IAAI,CAAA,CAAE,CAAC,EACtBC,SACF,CAAE;AAAAW,MAAAA,QAAA,eAEFH,GAAA,CAACC,KAAqB,EAAA;QAACC,OAAO,EAAA,IAAA;AAAAC,QAAAA,QAAA,eAC5BH,GAAA,CAAA,MAAA,EAAA;UAAMR,SAAS,EAAEe,MAAM,CAACC;SAAc;OACjB;KACb;AAAC,GACO,CAAC;AAE3B,CACF;;;;"}
+{"version":3,"file":"Switch.mjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport classNames from 'classnames'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\n\nimport { type SwitchProps } from './Switch.types'\n\nimport styles from './Switch.module.scss'\n\n/**\n * @deprecated\n */\nconst SWITCH_TEST_ID = 'bezier-switch'\n\n/**\n * `Switch` is an input component where user can toggle checked state of the element.\n * @example\n * ```tsx\n * <Switch\n *   size=\"m\"\n *   checked\n * />\n * ```\n */\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  function Switch(\n    {\n      checked,\n      defaultChecked = false,\n      onCheckedChange,\n      size = 'm',\n      className,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const { disabled, required, hasError, ...ownProps } =\n      useFormFieldProps(rest)\n\n    return (\n      <SwitchPrimitive.Root\n        asChild\n        checked={checked}\n        defaultChecked={defaultChecked}\n        onCheckedChange={onCheckedChange}\n        required={required}\n        disabled={disabled}\n        data-testid={SWITCH_TEST_ID}\n        {...ownProps}\n      >\n        <BaseButton\n          ref={forwardedRef}\n          className={classNames(\n            styles.Switch,\n            styles[`size-${size}`],\n            className\n          )}\n        >\n          <SwitchPrimitive.Thumb asChild>\n            <span className={styles.SwitchThumb} />\n          </SwitchPrimitive.Thumb>\n        </BaseButton>\n      </SwitchPrimitive.Root>\n    )\n  }\n)\n"],"names":["SWITCH_TEST_ID","Switch","forwardRef","checked","defaultChecked","onCheckedChange","size","className","rest","forwardedRef","disabled","required","hasError","ownProps","useFormFieldProps","_jsx","SwitchPrimitive","asChild","children","BaseButton","ref","classNames","styles","SwitchThumb"],"mappings":";;;;;;;;AAiBA,MAAMA,cAAc,GAAG,eAAe;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,MAAM,gBAAGC,UAAU,CAC9B,SAASD,MAAMA,CACb;EACEE,OAAO;AACPC,EAAAA,cAAc,GAAG,KAAK;EACtBC,eAAe;AACfC,EAAAA,IAAI,GAAG,GAAG;EACVC,SAAS;EACT,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC;AAAS,GAAC,GACjDC,iBAAiB,CAACN,IAAI,CAAC;AAEzB,EAAA,oBACEO,GAAA,CAACC,IAAoB,EAAA;IACnBC,OAAO,EAAA,IAAA;AACPd,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCM,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,QAAQ,EAAEA,QAAS;AACnB,IAAA,aAAA,EAAaV,cAAe;AAAA,IAAA,GACxBa,QAAQ;IAAAK,QAAA,eAEZH,GAAA,CAACI,UAAU,EAAA;AACTC,MAAAA,GAAG,EAAEX,YAAa;AAClBF,MAAAA,SAAS,EAAEc,UAAU,CACnBC,MAAM,CAACrB,MAAM,EACbqB,MAAM,CAAC,QAAQhB,IAAI,CAAA,CAAE,CAAC,EACtBC,SACF,CAAE;AAAAW,MAAAA,QAAA,eAEFH,GAAA,CAACC,KAAqB,EAAA;QAACC,OAAO,EAAA,IAAA;AAAAC,QAAAA,QAAA,eAC5BH,GAAA,CAAA,MAAA,EAAA;UAAMR,SAAS,EAAEe,MAAM,CAACC;SAAc;OACjB;KACb;AAAC,GACO,CAAC;AAE3B,CACF;;;;"}

package/dist/esm/components/Tag/Tag.mjs

@@ -7,6 +7,10 @@ import { BaseTagBadge, BaseTagBadgeText } from '../BaseTagBadge/BaseTagBadge.mjs
 import { Icon } from '../Icon/Icon.mjs';
 
 const TAG_TEST_ID = 'bezier-tag';
+
+/**
+ * @deprecated
+ */
 const TAG_DELETE_TEST_ID = 'bezier-tag-delete-icon';
 
 /**
@@ -42,6 +46,7 @@ const Tag = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Tag({
       children: children
     }), !isNil(onDelete) && /*#__PURE__*/jsx(Icon, {
       role: "button",
+      "aria-label": "delete",
       tabIndex: 0,
       className: styles.TagDeleteIcon,
       source: CancelSmallIcon,
@@ -56,5 +61,5 @@ const Tag = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Tag({
   });
 }));
 
-export { TAG_DELETE_TEST_ID, TAG_TEST_ID, Tag };
+export { Tag };
 //# sourceMappingURL=Tag.mjs.map

package/dist/esm/components/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, memo } from 'react'\n\nimport { CancelSmallIcon } from '@channel.io/bezier-icons'\n\nimport { isEmpty, isNil } from '~/src/utils/type'\n\nimport { BaseTagBadge, BaseTagBadgeText } from '~/src/components/BaseTagBadge'\nimport { Icon } from '~/src/components/Icon'\n\nimport { type TagProps } from './Tag.types'\n\nimport styles from './Tag.module.scss'\n\nexport const TAG_TEST_ID = 'bezier-tag'\nexport const TAG_DELETE_TEST_ID = 'bezier-tag-delete-icon'\n\n/**\n * `Tag` is a component for representing tag, which shows close icon when `onDelete` property is specified.\n * @example\n * ```tsx\n * <Tag\n *   size=\"m\"\n *   variant=\"default\"\n *   onDelete={handleDelete}\n * >\n *   Payment\n * </Tag>\n * ```\n */\nexport const Tag = memo(\n  forwardRef<HTMLDivElement, TagProps>(function Tag(\n    { size = 'm', variant = 'default', children, onDelete, ...rest },\n    forwardedRef\n  ) {\n    return (\n      <BaseTagBadge\n        ref={forwardedRef}\n        size={size}\n        variant={variant}\n        data-testid={TAG_TEST_ID}\n        {...rest}\n      >\n        {!isEmpty(children) && (\n          <BaseTagBadgeText\n            size={size}\n            marginHorizontal={2}\n            color=\"txt-black-darkest\"\n          >\n            {children}\n          </BaseTagBadgeText>\n        )}\n\n        {!isNil(onDelete) && (\n          <Icon\n            role=\"button\"\n            tabIndex={0}\n            className={styles.TagDeleteIcon}\n            source={CancelSmallIcon}\n            size=\"xs\"\n            color=\"txt-black-darker\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onDelete(e)\n            }}\n            data-testid={TAG_DELETE_TEST_ID}\n          />\n        )}\n      </BaseTagBadge>\n    )\n  })\n)\n"],"names":["TAG_TEST_ID","TAG_DELETE_TEST_ID","Tag","memo","forwardRef","size","variant","children","onDelete","rest","forwardedRef","_jsxs","BaseTagBadge","ref","isEmpty","_jsx","BaseTagBadgeText","marginHorizontal","color","isNil","Icon","role","tabIndex","className","styles","TagDeleteIcon","source","CancelSmallIcon","onClick","e","stopPropagation"],"mappings":";;;;;;;;AAeO,MAAMA,WAAW,GAAG;AACpB,MAAMC,kBAAkB,GAAG;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,GAAG,gBAAGC,IAAI,cACrBC,UAAU,CAA2B,SAASF,GAAGA,CAC/C;AAAEG,EAAAA,IAAI,GAAG,GAAG;AAAEC,EAAAA,OAAO,GAAG,SAAS;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EAChEC,YAAY,EACZ;EACA,oBACEC,IAAA,CAACC,YAAY,EAAA;AACXC,IAAAA,GAAG,EAAEH,YAAa;AAClBL,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,OAAO,EAAEA,OAAQ;AACjB,IAAA,aAAA,EAAaN,WAAY;AAAA,IAAA,GACrBS,IAAI;IAAAF,QAAA,EAAA,CAEP,CAACO,OAAO,CAACP,QAAQ,CAAC,iBACjBQ,GAAA,CAACC,gBAAgB,EAAA;AACfX,MAAAA,IAAI,EAAEA,IAAK;AACXY,MAAAA,gBAAgB,EAAE,CAAE;AACpBC,MAAAA,KAAK,EAAC,mBAAmB;AAAAX,MAAAA,QAAA,EAExBA;KACe,CACnB,EAEA,CAACY,KAAK,CAACX,QAAQ,CAAC,iBACfO,GAAA,CAACK,IAAI,EAAA;AACHC,MAAAA,IAAI,EAAC,QAAQ;AACbC,MAAAA,QAAQ,EAAE,CAAE;MACZC,SAAS,EAAEC,MAAM,CAACC,aAAc;AAChCC,MAAAA,MAAM,EAAEC,eAAgB;AACxBtB,MAAAA,IAAI,EAAC,IAAI;AACTa,MAAAA,KAAK,EAAC,kBAAkB;MACxBU,OAAO,EAAGC,CAAC,IAAK;QACdA,CAAC,CAACC,eAAe,EAAE;QACnBtB,QAAQ,CAACqB,CAAC,CAAC;OACX;MACF,aAAa5B,EAAAA;AAAmB,KACjC,CACF;AAAA,GACW,CAAC;AAEnB,CAAC,CACH;;;;"}
+{"version":3,"file":"Tag.mjs","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, memo } from 'react'\n\nimport { CancelSmallIcon } from '@channel.io/bezier-icons'\n\nimport { isEmpty, isNil } from '~/src/utils/type'\n\nimport { BaseTagBadge, BaseTagBadgeText } from '~/src/components/BaseTagBadge'\nimport { Icon } from '~/src/components/Icon'\n\nimport { type TagProps } from './Tag.types'\n\nimport styles from './Tag.module.scss'\n\n/**\n * @deprecated\n */\nconst TAG_TEST_ID = 'bezier-tag'\n\n/**\n * @deprecated\n */\nconst TAG_DELETE_TEST_ID = 'bezier-tag-delete-icon'\n\n/**\n * `Tag` is a component for representing tag, which shows close icon when `onDelete` property is specified.\n * @example\n * ```tsx\n * <Tag\n *   size=\"m\"\n *   variant=\"default\"\n *   onDelete={handleDelete}\n * >\n *   Payment\n * </Tag>\n * ```\n */\nexport const Tag = memo(\n  forwardRef<HTMLDivElement, TagProps>(function Tag(\n    { size = 'm', variant = 'default', children, onDelete, ...rest },\n    forwardedRef\n  ) {\n    return (\n      <BaseTagBadge\n        ref={forwardedRef}\n        size={size}\n        variant={variant}\n        data-testid={TAG_TEST_ID}\n        {...rest}\n      >\n        {!isEmpty(children) && (\n          <BaseTagBadgeText\n            size={size}\n            marginHorizontal={2}\n            color=\"txt-black-darkest\"\n          >\n            {children}\n          </BaseTagBadgeText>\n        )}\n\n        {!isNil(onDelete) && (\n          <Icon\n            role=\"button\"\n            aria-label=\"delete\"\n            tabIndex={0}\n            className={styles.TagDeleteIcon}\n            source={CancelSmallIcon}\n            size=\"xs\"\n            color=\"txt-black-darker\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onDelete(e)\n            }}\n            data-testid={TAG_DELETE_TEST_ID}\n          />\n        )}\n      </BaseTagBadge>\n    )\n  })\n)\n"],"names":["TAG_TEST_ID","TAG_DELETE_TEST_ID","Tag","memo","forwardRef","size","variant","children","onDelete","rest","forwardedRef","_jsxs","BaseTagBadge","ref","isEmpty","_jsx","BaseTagBadgeText","marginHorizontal","color","isNil","Icon","role","tabIndex","className","styles","TagDeleteIcon","source","CancelSmallIcon","onClick","e","stopPropagation"],"mappings":";;;;;;;;AAkBA,MAAMA,WAAW,GAAG,YAAY;;AAEhC;AACA;AACA;AACA,MAAMC,kBAAkB,GAAG,wBAAwB;;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,GAAG,gBAAGC,IAAI,cACrBC,UAAU,CAA2B,SAASF,GAAGA,CAC/C;AAAEG,EAAAA,IAAI,GAAG,GAAG;AAAEC,EAAAA,OAAO,GAAG,SAAS;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EAChEC,YAAY,EACZ;EACA,oBACEC,IAAA,CAACC,YAAY,EAAA;AACXC,IAAAA,GAAG,EAAEH,YAAa;AAClBL,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,OAAO,EAAEA,OAAQ;AACjB,IAAA,aAAA,EAAaN,WAAY;AAAA,IAAA,GACrBS,IAAI;IAAAF,QAAA,EAAA,CAEP,CAACO,OAAO,CAACP,QAAQ,CAAC,iBACjBQ,GAAA,CAACC,gBAAgB,EAAA;AACfX,MAAAA,IAAI,EAAEA,IAAK;AACXY,MAAAA,gBAAgB,EAAE,CAAE;AACpBC,MAAAA,KAAK,EAAC,mBAAmB;AAAAX,MAAAA,QAAA,EAExBA;KACe,CACnB,EAEA,CAACY,KAAK,CAACX,QAAQ,CAAC,iBACfO,GAAA,CAACK,IAAI,EAAA;AACHC,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,YAAA,EAAW,QAAQ;AACnBC,MAAAA,QAAQ,EAAE,CAAE;MACZC,SAAS,EAAEC,MAAM,CAACC,aAAc;AAChCC,MAAAA,MAAM,EAAEC,eAAgB;AACxBtB,MAAAA,IAAI,EAAC,IAAI;AACTa,MAAAA,KAAK,EAAC,kBAAkB;MACxBU,OAAO,EAAGC,CAAC,IAAK;QACdA,CAAC,CAACC,eAAe,EAAE;QACnBtB,QAAQ,CAACqB,CAAC,CAAC;OACX;MACF,aAAa5B,EAAAA;AAAmB,KACjC,CACF;AAAA,GACW,CAAC;AAEnB,CAAC,CACH;;;;"}

package/dist/esm/components/TextField/TextField.mjs

@@ -15,6 +15,10 @@ import { Icon } from '../Icon/Icon.mjs';
 import v4 from '../../node_modules/uuid/dist/esm-browser/v4.mjs';
 
 const TEXT_INPUT_TEST_ID = 'bezier-text-input';
+
+/**
+ * @deprecated
+ */
 const TEXT_INPUT_CLEAR_ICON_TEST_ID = 'bezier-text-input-clear-icon';
 
 /**
@@ -291,6 +295,7 @@ const TextField = /*#__PURE__*/forwardRef(function TextField({
         className: styles.CloseIconWrapper,
         tabIndex: 0,
         onClick: handleClear,
+        "aria-label": "Clear input",
         children: /*#__PURE__*/jsx(Icon, {
           className: styles.CloseIcon,
           "data-testid": TEXT_INPUT_CLEAR_ICON_TEST_ID,
@@ -307,5 +312,5 @@ const TextField = /*#__PURE__*/forwardRef(function TextField({
   );
 });
 
-export { TEXT_INPUT_CLEAR_ICON_TEST_ID, TEXT_INPUT_TEST_ID, TextField };
+export { TextField };
 //# sourceMappingURL=TextField.mjs.map