@channel.io/bezier-react 1.5.0 → 1.6.0

package/build/src/components/ButtonGroup/ButtonGroup.types.d.ts

@@ -1,13 +0,0 @@
-import { type BezierComponentProps, type ChildrenProps } from "../../types/ComponentProps";
-import { type HStackProps } from "../Stack";
-interface ButtonGroupOptions {
-    /**
-     * Determines whether there is a 6px gap between the buttons.
-     * @default false
-     */
-    withoutSpacing?: boolean;
-}
-export default interface ButtonGroupProps extends BezierComponentProps, ChildrenProps, Pick<HStackProps, 'justify'>, ButtonGroupOptions {
-}
-export {};
-//# sourceMappingURL=ButtonGroup.types.d.ts.map

package/build/src/components/ButtonGroup/index.d.ts

@@ -1,3 +0,0 @@
-export { ButtonGroup } from './ButtonGroup';
-export type { default as ButtonGroupProps } from './ButtonGroup.types';
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/Divider/Divider.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type DividerProps from './Divider.types';
-export declare const DIVIDER_TEST_ID = "bezier-react-divider";
-declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLElement>>;
-export default Divider;
-//# sourceMappingURL=Divider.d.ts.map

package/build/src/components/Divider/Divider.js

@@ -1,34 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef } from 'react';
-import { Root as $89eedd556c436f6a$export$be92b6f5f03c0fe9 } from '../../../node_modules/@radix-ui/react-separator/dist/index.module.js';
-import { Divider as Divider$2 } from './Divider.styled.js';
-
-const DIVIDER_TEST_ID = 'bezier-react-divider';
-const Divider = forwardRef((_a, forwardedRef) => {
-  var {
-      testId = DIVIDER_TEST_ID,
-      orientation = 'horizontal',
-      decorative,
-      withoutSideIndent = false,
-      withoutParallelIndent = false,
-      withoutIndent = false
-    } = _a,
-    rest = __rest(_a, ["testId", "orientation", "decorative", "withoutSideIndent", "withoutParallelIndent", "withoutIndent"]);
-  return e__default.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, {
-    asChild: true,
-    orientation: orientation,
-    decorative: decorative
-  }, e__default.createElement(Divider$2, Object.assign({
-    ref: forwardedRef,
-    "data-testid": testId,
-    orientation: orientation,
-    decorative: decorative,
-    withoutSideIndent: withoutSideIndent,
-    withoutParallelIndent: withoutParallelIndent,
-    withoutIndent: withoutIndent
-  }, rest)));
-});
-var Divider$1 = Divider;
-
-export { DIVIDER_TEST_ID, Divider$1 as default };
-//# sourceMappingURL=Divider.js.map

package/build/src/components/Divider/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\n\nimport type DividerProps from './Divider.types'\n\nimport * as Styled from './Divider.styled'\n\nexport const DIVIDER_TEST_ID = 'bezier-react-divider'\n\nconst Divider = forwardRef((\n  {\n    testId = DIVIDER_TEST_ID,\n    orientation = 'horizontal',\n    decorative,\n    withoutSideIndent = false,\n    withoutParallelIndent = false,\n    withoutIndent = false,\n    ...rest\n  }: DividerProps,\n  forwardedRef: React.Ref<HTMLElement>,\n) => (\n  <SeparatorPrimitive.Root\n    asChild\n    orientation={orientation}\n    decorative={decorative}\n  >\n    <Styled.Divider\n      ref={forwardedRef}\n      data-testid={testId}\n      orientation={orientation}\n      decorative={decorative}\n      withoutSideIndent={withoutSideIndent}\n      withoutParallelIndent={withoutParallelIndent}\n      withoutIndent={withoutIndent}\n      {...rest}\n    />\n  </SeparatorPrimitive.Root>\n))\n\nexport default Divider\n"],"names":["DIVIDER_TEST_ID","Divider","forwardRef","_a","forwardedRef","testId","orientation","decorative","withoutSideIndent","withoutParallelIndent","withoutIndent","rest","__rest","React","createElement","SeparatorPrimitive","asChild","Styled","Object","assign","ref"],"mappings":";;;;;AAQO,MAAMA,eAAe,GAAG,uBAAsB;AAErD,MAAMC,OAAO,GAAGC,UAAU,CAAC,CACzBC,EAQe,EACfC,YAAoC,KAClC;MAVF;AACEC,MAAAA,MAAM,GAAGL,eAAe;AACxBM,MAAAA,WAAW,GAAG,YAAY;MAC1BC,UAAU;AACVC,MAAAA,iBAAiB,GAAG,KAAK;AACzBC,MAAAA,qBAAqB,GAAG,KAAK;AAC7BC,MAAAA,aAAa,GAAG,KAAA;AAAK,KAAA,GAAAP,EAER;AADVQ,IAAAA,IAAI,GAPTC,MAAA,CAAAT,EAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,eAAA,CAQC,CADQ,CAAA;AAGN,EAAA,OACHU,UAAA,CAAAC,aAAA,CAACC,yCAAuB,EACtB;AAAAC,IAAAA,OAAO,EACP,IAAA;AAAAV,IAAAA,WAAW,EAAEA,WAAW;AACxBC,IAAAA,UAAU,EAAEA,UAAAA;AAAU,GAAA,EAEtBM,UAAA,CAAAC,aAAA,CAACG,SAAc,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACbC,IAAAA,GAAG,EAAEhB,YAAY;AACJ,IAAA,aAAA,EAAAC,MAAM;AACnBC,IAAAA,WAAW,EAAEA,WAAW;AACxBC,IAAAA,UAAU,EAAEA,UAAU;AACtBC,IAAAA,iBAAiB,EAAEA,iBAAiB;AACpCC,IAAAA,qBAAqB,EAAEA,qBAAqB;AAC5CC,IAAAA,aAAa,EAAEA,aAAAA;AACX,GAAA,EAAAC,IAAI,CACR,CAAA,CACsB,CAAA;AAC3B,CAAA,CAAC,CAAA;AAEF,gBAAeV,OAAO;;;;"}

package/build/src/components/Divider/Divider.styled.d.ts

@@ -1,12 +0,0 @@
-import type DividerProps from './Divider.types';
-interface StyledDividerProps extends DividerProps {
-    orientation: NonNullable<DividerProps['orientation']>;
-    withoutSideIndent: NonNullable<DividerProps['withoutSideIndent']>;
-    withoutParallelIndent: NonNullable<DividerProps['withoutParallelIndent']>;
-    withoutIndent: NonNullable<DividerProps['withoutIndent']>;
-}
-export declare const Divider: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & StyledDividerProps, never>;
-export {};
-//# sourceMappingURL=Divider.styled.d.ts.map

package/build/src/components/Divider/Divider.styled.js

@@ -1,76 +0,0 @@
-import { styled as FoundationStyled, css as FoundationCSS } from '../../foundation/FoundationStyledComponent.js';
-
-const DIVIDER_THICKNESS = 1;
-const DIVIDER_INDENT_SIZE = 6;
-const Divider = FoundationStyled.div`
-  ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.rounding) === null || _a === void 0 ? void 0 : _a.round1;
-}}
-  background-color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['bdr-black-light'];
-}};
-
-  ${({
-  orientation,
-  withoutSideIndent,
-  withoutParallelIndent,
-  withoutIndent
-}) => {
-  switch (orientation) {
-    case 'horizontal':
-    default:
-      {
-        return FoundationCSS`
-          width: ${withoutSideIndent || withoutIndent ? '100%' : `calc(100% - ${DIVIDER_INDENT_SIZE * 2}px)`};
-          height: ${DIVIDER_THICKNESS}px;
-
-          margin: ${DIVIDER_INDENT_SIZE}px;
-          ${withoutIndent && FoundationCSS`
-            margin: 0;
-          `}
-          ${withoutSideIndent && FoundationCSS`
-            margin-left: 0;
-            margin-right: 0;
-          `}
-          ${withoutParallelIndent && FoundationCSS`
-            margin-top: 0;
-            margin-bottom: 0;
-          `}
-        `;
-      }
-    case 'vertical':
-      {
-        return FoundationCSS`
-          width: ${DIVIDER_THICKNESS}px;
-          height: ${withoutSideIndent || withoutIndent ? '100%' : `calc(100% - ${DIVIDER_INDENT_SIZE * 2}px)`};
-
-          margin: ${DIVIDER_INDENT_SIZE}px;
-          ${withoutIndent && FoundationCSS`
-            margin: 0;
-          `}
-          ${withoutSideIndent && FoundationCSS`
-            margin-top: 0;
-            margin-bottom: 0;
-          `}
-          ${withoutParallelIndent && FoundationCSS`
-            margin-left: 0;
-            margin-right: 0;
-          `}
-        `;
-      }
-  }
-}}
-
-  ${({
-  interpolation
-}) => interpolation}
-`;
-
-export { Divider };
-//# sourceMappingURL=Divider.styled.js.map

package/build/src/components/Divider/Divider.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.styled.js","sources":["../../../../src/components/Divider/Divider.styled.ts"],"sourcesContent":["import {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport type DividerProps from './Divider.types'\n\nconst DIVIDER_THICKNESS = 1\nconst DIVIDER_INDENT_SIZE = 6\n\ninterface StyledDividerProps extends DividerProps {\n  orientation: NonNullable<DividerProps['orientation']>\n  withoutSideIndent: NonNullable<DividerProps['withoutSideIndent']>\n  withoutParallelIndent: NonNullable<DividerProps['withoutParallelIndent']>\n  withoutIndent: NonNullable<DividerProps['withoutIndent']>\n}\n\nexport const Divider = styled.div<StyledDividerProps>`\n  ${({ foundation }) => foundation?.rounding?.round1}\n  background-color: ${({ foundation }) => foundation?.theme?.['bdr-black-light']};\n\n  ${({ orientation, withoutSideIndent, withoutParallelIndent, withoutIndent }) => {\n    switch (orientation) {\n      case 'horizontal':\n      default: {\n        return css`\n          width: ${(withoutSideIndent || withoutIndent) ? '100%' : `calc(100% - ${DIVIDER_INDENT_SIZE * 2}px)`};\n          height: ${DIVIDER_THICKNESS}px;\n\n          margin: ${DIVIDER_INDENT_SIZE}px;\n          ${withoutIndent && css`\n            margin: 0;\n          `}\n          ${withoutSideIndent && css`\n            margin-left: 0;\n            margin-right: 0;\n          `}\n          ${withoutParallelIndent && css`\n            margin-top: 0;\n            margin-bottom: 0;\n          `}\n        `\n      }\n      case 'vertical': {\n        return css`\n          width: ${DIVIDER_THICKNESS}px;\n          height: ${(withoutSideIndent || withoutIndent) ? '100%' : `calc(100% - ${DIVIDER_INDENT_SIZE * 2}px)`};\n\n          margin: ${DIVIDER_INDENT_SIZE}px;\n          ${withoutIndent && css`\n            margin: 0;\n          `}\n          ${withoutSideIndent && css`\n            margin-top: 0;\n            margin-bottom: 0;\n          `}\n          ${withoutParallelIndent && css`\n            margin-left: 0;\n            margin-right: 0;\n          `}\n        `\n      }\n    }\n  }}\n\n  ${({ interpolation }) => interpolation}\n`\n"],"names":["DIVIDER_THICKNESS","DIVIDER_INDENT_SIZE","Divider","styled","div","foundation","_a","rounding","round1","theme","orientation","withoutSideIndent","withoutParallelIndent","withoutIndent","css","interpolation"],"mappings":";;AAOA,MAAMA,iBAAiB,GAAG,CAAC,CAAA;AAC3B,MAAMC,mBAAmB,GAAG,CAAC,CAAA;AAShBC,MAAAA,OAAO,GAAGC,gBAAM,CAACC,GAAuB,CAAA;AACjD,EAAA,EAAA,CAAC;AAAEC,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,KAAV,IAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEE,QAAQ,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,MAAM,CAAA;AAAA,CAAA,CAAA;AAC9B,oBAAA,EAAA,CAAC;AAAEH,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEI,KAAK,0CAAG,iBAAiB,CAAC,CAAA;AAAA,CAAA,CAAA;;IAE5E,CAAC;EAAEC,WAAW;EAAEC,iBAAiB;EAAEC,qBAAqB;AAAEC,EAAAA,aAAAA;AAAe,CAAA,KAAI;AAC7E,EAAA,QAAQH,WAAW;AACjB,IAAA,KAAK,YAAY,CAAA;AACjB,IAAA;AAAS,MAAA;AACP,QAAA,OAAOI,aAAG,CAAA;AACC,iBAACH,EAAAA,iBAAiB,IAAIE,aAAa,GAAI,MAAM,GAAG,CAAeZ,YAAAA,EAAAA,mBAAmB,GAAG,CAAM,CAAA,GAAA,CAAA,CAAA;oBAC1FD,iBAAiB,CAAA;;oBAEjBC,mBAAmB,CAAA;UAC3BY,EAAAA,aAAa,IAAIC,aAAG,CAAA;;AAErB,UAAA,CAAA,CAAA;UACCH,EAAAA,iBAAiB,IAAIG,aAAG,CAAA;;;AAGzB,UAAA,CAAA,CAAA;UACCF,EAAAA,qBAAqB,IAAIE,aAAG,CAAA;;;AAG7B,UAAA,CAAA,CAAA;QACF,CAAA,CAAA;AACF,OAAA;AACD,IAAA,KAAK,UAAU;AAAE,MAAA;AACf,QAAA,OAAOA,aAAG,CAAA;mBACCd,iBAAiB,CAAA;AAChB,kBAACW,EAAAA,iBAAiB,IAAIE,aAAa,GAAI,MAAM,GAAG,CAAeZ,YAAAA,EAAAA,mBAAmB,GAAG,CAAM,CAAA,GAAA,CAAA,CAAA;;oBAE3FA,mBAAmB,CAAA;UAC3BY,EAAAA,aAAa,IAAIC,aAAG,CAAA;;AAErB,UAAA,CAAA,CAAA;UACCH,EAAAA,iBAAiB,IAAIG,aAAG,CAAA;;;AAGzB,UAAA,CAAA,CAAA;UACCF,EAAAA,qBAAqB,IAAIE,aAAG,CAAA;;;AAG7B,UAAA,CAAA,CAAA;QACF,CAAA,CAAA;AACF,OAAA;AAAA,GAAA;AAEL,CAAC,CAAA;;AAEC,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;;;;;"}

package/build/src/components/Divider/Divider.types.d.ts

@@ -1,30 +0,0 @@
-import type { SeparatorProps as SeparatorPrimitiveProps } from '@radix-ui/react-separator';
-import type { BezierComponentProps } from "../../types/ComponentProps";
-interface DividerOptions {
-    /**
-     * If true, the divider will be rendered without side padding,
-     * which stands for the padding on the left and right sides of the horizontal divider,
-     * and the top and bottom sides of the vertical divider.
-     *
-     * @default false
-     */
-    withoutSideIndent?: boolean;
-    /**
-     * If true, the divider will be rendered without parallel padding,
-     * which stands for the padding on the top and bottom sides of the horizontal divider,
-     * and the left and right sides of the vertical divider.
-     *
-     * @default false
-     */
-    withoutParallelIndent?: boolean;
-    /**
-     * If true, the divider will be rendered without padding,
-     *
-     * @default false
-     */
-    withoutIndent?: boolean;
-}
-export default interface DividerProps extends BezierComponentProps, SeparatorPrimitiveProps, DividerOptions {
-}
-export {};
-//# sourceMappingURL=Divider.types.d.ts.map

package/build/src/components/Divider/index.d.ts

@@ -1,3 +0,0 @@
-export { default as Divider } from './Divider';
-export type { default as DividerProps } from './Divider.types';
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/Emoji/Emoji.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type EmojiProps from './Emoji.types';
-export declare const EMOJI_TEST_ID = "bezier-react-emoji";
-declare const _default: React.ForwardRefExoticComponent<EmojiProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
-//# sourceMappingURL=Emoji.d.ts.map

package/build/src/components/Emoji/Emoji.js

@@ -1,39 +0,0 @@
-import e__default, { forwardRef, useMemo } from 'react';
-import { noop } from '../../utils/functionUtils.js';
-import { EmojiSize } from './Emoji.types.js';
-import { Icon } from './Emoji.styled.js';
-import { backgroundImageVariable } from '../../foundation/Mixins.js';
-
-const EMOJI_TEST_ID = 'bezier-react-emoji';
-function Emoji({
-  as,
-  style,
-  imageUrl,
-  className,
-  name,
-  interpolation,
-  size = EmojiSize.Size24,
-  testId = EMOJI_TEST_ID,
-  onClick = noop
-}, forwardedRef) {
-  const mergedStyle = useMemo(() => Object.assign(Object.assign({}, backgroundImageVariable({
-    imageUrl
-  })), style), [style, imageUrl]);
-  return e__default.createElement(Icon, {
-    as: as,
-    ref: forwardedRef,
-    "data-testid": testId,
-    role: "img",
-    "aria-label": name,
-    style: mergedStyle,
-    size: size,
-    className: className,
-    interpolation: interpolation,
-    imageUrl: imageUrl,
-    onClick: onClick
-  });
-}
-var Emoji$1 = forwardRef(Emoji);
-
-export { EMOJI_TEST_ID, Emoji$1 as default };
-//# sourceMappingURL=Emoji.js.map

package/build/src/components/Emoji/Emoji.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Emoji.js","sources":["../../../../src/components/Emoji/Emoji.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useMemo,\n} from 'react'\n\nimport { backgroundImageVariable } from '~/src/foundation'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport type EmojiProps from './Emoji.types'\nimport { EmojiSize } from './Emoji.types'\n\nimport { Icon } from './Emoji.styled'\n\nexport const EMOJI_TEST_ID = 'bezier-react-emoji'\n\nfunction Emoji(\n  {\n    as,\n    style,\n    imageUrl,\n    className,\n    name,\n    interpolation,\n    size = EmojiSize.Size24,\n    testId = EMOJI_TEST_ID,\n    onClick = noop,\n  }: EmojiProps,\n  forwardedRef: React.Ref<HTMLDivElement>,\n) {\n  const mergedStyle = useMemo(() => ({\n    ...backgroundImageVariable({ imageUrl }),\n    ...style,\n  }), [\n    style,\n    imageUrl,\n  ])\n\n  return (\n    <Icon\n      as={as}\n      ref={forwardedRef}\n      data-testid={testId}\n      role=\"img\"\n      aria-label={name}\n      style={mergedStyle}\n      size={size}\n      className={className}\n      interpolation={interpolation}\n      imageUrl={imageUrl}\n      onClick={onClick}\n    />\n  )\n}\n\nexport default forwardRef(Emoji)\n"],"names":["EMOJI_TEST_ID","Emoji","as","style","imageUrl","className","name","interpolation","size","EmojiSize","Size24","testId","onClick","noop","forwardedRef","mergedStyle","useMemo","Object","assign","backgroundImageVariable","React","Icon","ref","role","forwardRef"],"mappings":";;;;;;AAcO,MAAMA,aAAa,GAAG,qBAAoB;AAEjD,SAASC,KAAK,CACZ;EACEC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,IAAI;EACJC,aAAa;EACbC,IAAI,GAAGC,SAAS,CAACC,MAAM;AACvBC,EAAAA,MAAM,GAAGX,aAAa;AACtBY,EAAAA,OAAO,GAAGC,IAAAA;AAAI,CACH,EACbC,YAAuC,EAAA;AAEvC,EAAA,MAAMC,WAAW,GAAGC,OAAO,CAAC,MAAMC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,CAAA,EAAA,EAC7BC,uBAAuB,CAAC;AAAEf,IAAAA,QAAAA;GAAU,CAAC,CACrC,EAAAD,KAAK,CACR,EAAE,CACFA,KAAK,EACLC,QAAQ,CACT,CAAC,CAAA;AAEF,EAAA,OACEgB,yBAACC,IAAI,EAAA;AACHnB,IAAAA,EAAE,EAAEA,EAAE;AACNoB,IAAAA,GAAG,EAAER,YAAY;AACJ,IAAA,aAAA,EAAAH,MAAM;AACnBY,IAAAA,IAAI,EAAC,KAAK;AACE,IAAA,YAAA,EAAAjB,IAAI;AAChBH,IAAAA,KAAK,EAAEY,WAAW;AAClBP,IAAAA,IAAI,EAAEA,IAAI;AACVH,IAAAA,SAAS,EAAEA,SAAS;AACpBE,IAAAA,aAAa,EAAEA,aAAa;AAC5BH,IAAAA,QAAQ,EAAEA,QAAQ;AAClBQ,IAAAA,OAAO,EAAEA,OAAAA;AACT,GAAA,CAAA,CAAA;AAEN,CAAA;AAEA,cAAeY,UAAU,CAACvB,KAAK,CAAC;;;;"}

package/build/src/components/Emoji/Emoji.styled.d.ts

@@ -1,11 +0,0 @@
-import { type InterpolationProps } from "../../types/Foundation";
-import { type EmojiSize } from './Emoji.types';
-interface IconProps extends InterpolationProps {
-    size: EmojiSize;
-    imageUrl: string;
-}
-export declare const Icon: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & IconProps, never>;
-export {};
-//# sourceMappingURL=Emoji.styled.d.ts.map

package/build/src/components/Emoji/Emoji.styled.js

@@ -1,28 +0,0 @@
-import { centeredBackgroundImage } from '../../foundation/Mixins.js';
-import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-
-const Icon = FoundationStyled.div`
-  position: relative;
-  box-sizing: content-box;
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  width: ${({
-  size
-}) => size}px;
-  height: ${({
-  size
-}) => size}px;
-
-  ${({
-  size
-}) => centeredBackgroundImage(size)}
-
-  ${({
-  interpolation
-}) => interpolation}
-`;
-
-export { Icon };
-//# sourceMappingURL=Emoji.styled.js.map

package/build/src/components/Emoji/Emoji.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Emoji.styled.js","sources":["../../../../src/components/Emoji/Emoji.styled.ts"],"sourcesContent":["import {\n  centeredBackgroundImage,\n  styled,\n} from '~/src/foundation'\n\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport { type EmojiSize } from './Emoji.types'\n\ninterface IconProps extends InterpolationProps {\n  size: EmojiSize\n  imageUrl: string\n}\n\nexport const Icon = styled.div<IconProps>`\n  position: relative;\n  box-sizing: content-box;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: ${({ size }) => size}px;\n  height: ${({ size }) => size}px;\n\n  ${({ size }) => centeredBackgroundImage<EmojiSize>(size)}\n\n  ${({ interpolation }) => interpolation}\n`\n"],"names":["Icon","styled","div","size","centeredBackgroundImage","interpolation"],"mappings":";;;AAcaA,MAAAA,IAAI,GAAGC,gBAAM,CAACC,GAAc,CAAA;;;;;;;AAO9B,SAAA,EAAA,CAAC;AAAEC,EAAAA,IAAAA;AAAI,CAAE,KAAKA,IAAI,CAAA;AACjB,UAAA,EAAA,CAAC;AAAEA,EAAAA,IAAAA;AAAI,CAAE,KAAKA,IAAI,CAAA;;IAE1B,CAAC;AAAEA,EAAAA,IAAAA;AAAM,CAAA,KAAKC,uBAAuB,CAAYD,IAAI,CAAC,CAAA;;AAEtD,EAAA,EAAA,CAAC;AAAEE,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;;;;;"}

package/build/src/components/Emoji/Emoji.types.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import type { BezierComponentProps, SizeProps } from "../../types/ComponentProps";
-export declare enum EmojiSize {
-    Size16 = 16,
-    Size20 = 20,
-    Size24 = 24,
-    Size30 = 30,
-    Size36 = 36,
-    Size42 = 42,
-    Size48 = 48,
-    Size60 = 60,
-    Size72 = 72,
-    Size90 = 90,
-    Size120 = 120
-}
-interface EmojiOptions {
-    name: string;
-    imageUrl: string;
-    onClick?: React.MouseEventHandler;
-}
-export default interface EmojiProps extends BezierComponentProps, SizeProps<EmojiSize>, EmojiOptions {
-}
-export {};
-//# sourceMappingURL=Emoji.types.d.ts.map

package/build/src/components/Emoji/Emoji.types.js

@@ -1,17 +0,0 @@
-var EmojiSize;
-(function (EmojiSize) {
-  EmojiSize[EmojiSize["Size16"] = 16] = "Size16";
-  EmojiSize[EmojiSize["Size20"] = 20] = "Size20";
-  EmojiSize[EmojiSize["Size24"] = 24] = "Size24";
-  EmojiSize[EmojiSize["Size30"] = 30] = "Size30";
-  EmojiSize[EmojiSize["Size36"] = 36] = "Size36";
-  EmojiSize[EmojiSize["Size42"] = 42] = "Size42";
-  EmojiSize[EmojiSize["Size48"] = 48] = "Size48";
-  EmojiSize[EmojiSize["Size60"] = 60] = "Size60";
-  EmojiSize[EmojiSize["Size72"] = 72] = "Size72";
-  EmojiSize[EmojiSize["Size90"] = 90] = "Size90";
-  EmojiSize[EmojiSize["Size120"] = 120] = "Size120";
-})(EmojiSize || (EmojiSize = {}));
-
-export { EmojiSize };
-//# sourceMappingURL=Emoji.types.js.map

package/build/src/components/Emoji/Emoji.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Emoji.types.js","sources":["../../../../src/components/Emoji/Emoji.types.ts"],"sourcesContent":["import type {\n  BezierComponentProps,\n  SizeProps,\n} from '~/src/types/ComponentProps'\n\nexport enum EmojiSize {\n  Size16 = 16,\n  Size20 = 20,\n  Size24 = 24,\n  Size30 = 30,\n  Size36 = 36,\n  Size42 = 42,\n  Size48 = 48,\n  Size60 = 60,\n  Size72 = 72,\n  Size90 = 90,\n  Size120 = 120,\n}\n\ninterface EmojiOptions {\n  name: string\n  imageUrl: string\n  onClick?: React.MouseEventHandler\n}\n\nexport default interface EmojiProps extends\n  BezierComponentProps,\n  SizeProps<EmojiSize>,\n  EmojiOptions {}\n"],"names":["EmojiSize"],"mappings":"IAKYA,UAYX;AAZD,CAAA,UAAYA,SAAS,EAAA;EACnBA,SAAA,CAAAA,SAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,SAAA,CAAAA,SAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,SAAA,CAAAA,SAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,SAAA,CAAAA,SAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,SAAA,CAAAA,SAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,SAAA,CAAAA,SAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,SAAA,CAAAA,SAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,SAAA,CAAAA,SAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,SAAA,CAAAA,SAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,SAAA,CAAAA,SAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW,CAAA;EACXA,SAAA,CAAAA,SAAA,CAAA,SAAA,CAAA,GAAA,GAAA,CAAA,GAAA,SAAa,CAAA;AACf,CAAC,EAZWA,SAAS,KAATA,SAAS,GAYpB,EAAA,CAAA,CAAA;;;;"}

package/build/src/components/Emoji/index.d.ts

@@ -1,6 +0,0 @@
-import Emoji from './Emoji';
-import type EmojiProps from './Emoji.types';
-import { EmojiSize } from './Emoji.types';
-export type { EmojiProps, };
-export { Emoji, EmojiSize, };
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/Forms/Checkbox/Checkbox.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import { type CheckboxProps, type CheckedState } from './Checkbox.types';
-declare function CheckboxImpl<Checked extends CheckedState>({ children, checked, id: idProp, ...rest }: CheckboxProps<Checked>, forwardedRef: React.Ref<HTMLButtonElement>): JSX.Element;
-/**
- * `Checkbox` is a control that allows the user to toggle between checked and not checked.
- * It can be used with labels or standalone.
- *
- * @example
- *
- * ```tsx
- * const [checked, setChecked] = useState(false)
- * // Controlled / With label
- * <Checkbox
- *   checked={checked}
- *   onCheckedChange={setChecked}
- * >
- *   Label
- * </Checkbox>
- * // Controlled / Standalone
- * <Checkbox
- *   checked={checked}
- *   onCheckedChange={setChecked}
- * />
- * // Uncontrolled
- * <Checkbox
- *   defaultChecked={true}
- * >
- *   Label
- * </Checkbox>
- * ```
- */
-export declare const Checkbox: <Checked extends CheckedState>(props: CheckboxProps<Checked> & {
-    ref?: React.ForwardedRef<HTMLButtonElement> | undefined;
-}) => JSX.Element;
-export {};
-//# sourceMappingURL=Checkbox.d.ts.map

package/build/src/components/Forms/Checkbox/Checkbox.js

@@ -1,89 +0,0 @@
-import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef } from 'react';
-import { C as l } from '../../../../packages/bezier-icons/dist/react/check-bold.mjs.js';
-import { H as r } from '../../../../packages/bezier-icons/dist/react/hyphen-bold.mjs.js';
-import { Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../../../../node_modules/@radix-ui/react-checkbox/dist/index.module.js';
-import useId from '../../../hooks/useId.js';
-import FormFieldSize from '../FormFieldSize.js';
-import useFormFieldProps from '../useFormFieldProps.js';
-import { CheckIcon as CheckIcon$1, Container, CheckboxPrimitiveRoot, Label } from './Checkbox.styled.js';
-import { IconSize } from '../../Icon/Icon.types.js';
-
-/* NOTE: Props are injected at runtime by `CheckboxPrimitive.Indicator`. */
-const CheckIcon = forwardRef(function CheckIcon(props, forwardedRef) {
-  // eslint-disable-next-line react/destructuring-assignment
-  const state = props['data-state'];
-  const isUnchecked = state === 'unchecked';
-  const isIndeterminate = state === 'indeterminate';
-  return e__default.createElement(CheckIcon$1, Object.assign({
-    ref: forwardedRef,
-    source: !isIndeterminate ? l : r,
-    size: IconSize.XS,
-    color: isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'
-  }, props));
-});
-function CheckboxImpl(_a, forwardedRef) {
-  var {
-      children,
-      checked,
-      id: idProp
-    } = _a,
-    rest = __rest(_a, ["children", "checked", "id"]);
-  const _b = useFormFieldProps(rest),
-    {
-      id: formFieldId,
-      hasError
-    } = _b,
-    formFieldProps = __rest(_b, ["id", "hasError"]);
-  const id = useId(idProp !== null && idProp !== void 0 ? idProp : formFieldId, 'bezier-checkbox');
-  const containerStyle = {
-    '--bezier-checkbox-height': children ? `${FormFieldSize.M}px` : 'auto'
-  };
-  return e__default.createElement(Container, {
-    style: containerStyle,
-    "data-disabled": formFieldProps['aria-disabled']
-  }, e__default.createElement(CheckboxPrimitiveRoot, Object.assign({
-    ref: forwardedRef,
-    id: id,
-    checked: checked,
-    "data-invalid": formFieldProps['aria-invalid']
-  }, formFieldProps), e__default.createElement($e698a72e93240346$export$adb584737d712b70, {
-    asChild: true,
-    /* NOTE: To allow the icon to be rendered even if unchecked. */
-    forceMount: true
-  }, e__default.createElement(CheckIcon, null))), children && e__default.createElement(Label, {
-    htmlFor: id
-  }, children));
-}
-/**
- * `Checkbox` is a control that allows the user to toggle between checked and not checked.
- * It can be used with labels or standalone.
- *
- * @example
- *
- * ```tsx
- * const [checked, setChecked] = useState(false)
- * // Controlled / With label
- * <Checkbox
- *   checked={checked}
- *   onCheckedChange={setChecked}
- * >
- *   Label
- * </Checkbox>
- * // Controlled / Standalone
- * <Checkbox
- *   checked={checked}
- *   onCheckedChange={setChecked}
- * />
- * // Uncontrolled
- * <Checkbox
- *   defaultChecked={true}
- * >
- *   Label
- * </Checkbox>
- * ```
- */
-const Checkbox = forwardRef(CheckboxImpl);
-
-export { Checkbox };
-//# sourceMappingURL=Checkbox.js.map

package/build/src/components/Forms/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Forms/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport {\n  CheckBoldIcon,\n  HyphenBoldIcon,\n} from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\n\nimport useId from '~/src/hooks/useId'\n\nimport { FormFieldSize } from '~/src/components/Forms'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\nimport { IconSize } from '~/src/components/Icon'\n\nimport {\n  type CheckboxProps,\n  type CheckedState,\n} from './Checkbox.types'\n\nimport * as Styled from './Checkbox.styled'\n\ntype 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>(function CheckIcon(\n  props,\n  forwardedRef,\n) {\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    <Styled.CheckIcon\n      ref={forwardedRef}\n      source={!isIndeterminate ? CheckBoldIcon : HyphenBoldIcon}\n      size={IconSize.XS}\n      color={isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'}\n      {...props}\n    />\n  )\n})\n\nfunction CheckboxImpl<Checked extends CheckedState>({\n  children,\n  checked,\n  id: idProp,\n  ...rest\n}: CheckboxProps<Checked>, forwardedRef: React.Ref<HTMLButtonElement>) {\n  const {\n    id: formFieldId,\n    hasError,\n    ...formFieldProps\n  } = useFormFieldProps(rest)\n\n  const id = useId(idProp ?? formFieldId, 'bezier-checkbox')\n\n  const containerStyle = {\n    '--bezier-checkbox-height': children ? `${FormFieldSize.M}px` : 'auto',\n  } as React.CSSProperties\n\n  return (\n    <Styled.Container\n      style={containerStyle}\n      data-disabled={formFieldProps['aria-disabled']}\n    >\n      <Styled.CheckboxPrimitiveRoot\n        ref={forwardedRef}\n        id={id}\n        checked={checked}\n        data-invalid={formFieldProps['aria-invalid']}\n        {...formFieldProps}\n      >\n        <CheckboxPrimitive.Indicator\n          asChild\n          /* NOTE: To allow the icon to be rendered even if unchecked. */\n          forceMount\n        >\n          <CheckIcon />\n        </CheckboxPrimitive.Indicator>\n      </Styled.CheckboxPrimitiveRoot>\n      { children && (\n        <Styled.Label htmlFor={id}>\n          { children }\n        </Styled.Label>\n      ) }\n    </Styled.Container>\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 *\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 <Checked extends CheckedState>(\n  props: CheckboxProps<Checked> & { ref?: React.ForwardedRef<HTMLButtonElement> }\n) => ReturnType<typeof CheckboxImpl<Checked>>\n"],"names":["CheckIcon","forwardRef","props","forwardedRef","state","isUnchecked","isIndeterminate","React","Styled","Object","assign","ref","source","CheckBoldIcon","HyphenBoldIcon","size","IconSize","XS","color","CheckboxImpl","_a","children","checked","id","idProp","rest","__rest","_b","useFormFieldProps","formFieldId","hasError","formFieldProps","useId","containerStyle","FormFieldSize","M","createElement","style","CheckboxPrimitive","asChild","forceMount","htmlFor","Checkbox"],"mappings":";;;;;;;;;;;AA2BA;AACA,MAAMA,SAAS,GAAGC,UAAU,CAAgC,SAASD,SAAS,CAC5EE,KAAK,EACLC,YAAY,EAAA;AAEZ;AACA,EAAA,MAAMC,KAAK,GAAGF,KAAK,CAAC,YAAY,CAAC,CAAA;AACjC,EAAA,MAAMG,WAAW,GAAGD,KAAK,KAAK,WAAW,CAAA;AACzC,EAAA,MAAME,eAAe,GAAGF,KAAK,KAAK,eAAe,CAAA;EAEjD,OACEG,yBAACC,WAAgB,EACfC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,GAAG,EAAER,YAAY;AACjBS,IAAAA,MAAM,EAAE,CAACN,eAAe,GAAGO,CAAa,GAAGC,CAAc;IACzDC,IAAI,EAAEC,QAAQ,CAACC,EAAE;AACjBC,IAAAA,KAAK,EAAEb,WAAW,GAAG,eAAe,GAAG,2BAAA;KACnCH,KAAK,CAAA,CACT,CAAA;AAEN,CAAC,CAAC,CAAA;AAEF,SAASiB,YAAY,CAA+BC,EAK3B,EAAEjB,YAA0C,EAAA;EALjB,IAAA;MAClDkB,QAAQ;MACRC,OAAO;AACPC,MAAAA,EAAE,EAAEC,MAAAA;AAAM,KAAA,GAAAJ,EAEa;AADpBK,IAAAA,IAAI,GAJ2CC,MAAA,CAAAN,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,IAAA,CAKnD,CADQ,CAAA;AAEP,EAAA,MAAMO,KAIFC,iBAAiB,CAACH,IAAI,CAAC;AAJrB,IAAA;AACJF,MAAAA,EAAE,EAAEM,WAAW;AACfC,MAAAA,QAAAA;AAEyB,KAAA,GAAAH,EAAA;IADtBI,cAAc,GAHbL,MAAA,CAAAC,EAAA,EAAA,CAAA,IAAA,EAAA,UAAA,CAIL,CAA0B,CAAA;AAE3B,EAAA,MAAMJ,EAAE,GAAGS,KAAK,CAACR,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAAA,MAAM,GAAIK,WAAW,EAAE,iBAAiB,CAAC,CAAA;AAE1D,EAAA,MAAMI,cAAc,GAAG;IACrB,0BAA0B,EAAEZ,QAAQ,GAAG,CAAA,EAAGa,aAAa,CAACC,CAAC,IAAI,GAAG,MAAA;GAC1C,CAAA;AAExB,EAAA,OACE5B,UAAA,CAAA6B,aAAA,CAAC5B,SAAgB,EAAA;AACf6B,IAAAA,KAAK,EAAEJ,cAAc;IAAA,eAAA,EACNF,cAAc,CAAC,eAAe,CAAA;AAAC,GAAA,EAE9CxB,UAAC,CAAA6B,aAAA,CAAA5B,qBAA4B,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAC3BC,IAAAA,GAAG,EAAER,YAAY;AACjBoB,IAAAA,EAAE,EAAEA,EAAE;AACND,IAAAA,OAAO,EAAEA,OAAO;IAAA,cAAA,EACFS,cAAc,CAAC,cAAc,CAAA;GAAC,EACxCA,cAAc,CAAA,EAElBxB,UAAA,CAAA6B,aAAA,CAACE,yCAA2B,EAAA;AAC1BC,IAAAA,OAAO,EAAA,IAAA;AACP;AACAC,IAAAA,UAAU,EAAA,IAAA;GAAA,EAEVjC,UAAC,CAAA6B,aAAA,CAAApC,SAAS,EAAG,IAAA,CAAA,CACe,CACD,EAC7BqB,QAAQ,IACRd,UAAA,CAAA6B,aAAA,CAAC5B,KAAY,EAAC;AAAAiC,IAAAA,OAAO,EAAElB,EAAAA;KACnBF,QAAQ,CAEb,CACgB,CAAA;AAEvB,CAAA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;MACUqB,QAAQ,GAAGzC,UAAU,CAACkB,YAAY;;;;"}

package/build/src/components/Forms/Checkbox/Checkbox.styled.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { type CheckboxProps } from './Checkbox.types';
-export declare const CheckIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("~/src/components/Icon").IconProps & import("react").RefAttributes<SVGSVGElement>>>, import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export declare const CheckboxPrimitiveRoot: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>, import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & CheckboxProps<any>, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-/**
- * NOTE: When using the `Text` component in combination with the `as` prop,
- * radix-ui lib does not bind the mouse-enter(hover) and click handler.
- */
-export declare const Label: import("styled-components").StyledComponent<"label", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-//# sourceMappingURL=Checkbox.styled.d.ts.map

package/build/src/components/Forms/Checkbox/Checkbox.styled.js

@@ -1,105 +0,0 @@
-import { Root as $e698a72e93240346$export$be92b6f5f03c0fe9 } from '../../../../node_modules/@radix-ui/react-checkbox/dist/index.module.js';
-import disabledOpacity from '../../../constants/DisabledOpacity.js';
-import { touchableHover } from '../../../utils/styleUtils.js';
-import { erroredInputWrapperStyle, focusedInputWrapperStyle } from '../Inputs/mixins.js';
-import { Icon } from '../../Icon/Icon.js';
-import { styled as FoundationStyled, css as FoundationCSS } from '../../../foundation/FoundationStyledComponent.js';
-import { Typography } from '../../../foundation/Typography.js';
-
-const CHECKBOX_SIZE = 18;
-const CHECKBOX_MARGIN = 1;
-const CheckIcon = FoundationStyled(Icon)`
-  /* NOTE: Reset Icon's default transition style  */
-  transition: none;
-
-  &[data-state='unchecked'] {
-    visibility: hidden;
-  }
-`;
-const backgroundFocusStyle = FoundationCSS`
-  &:not([data-disabled]):not([data-state='unchecked']) {
-    background-color: var(--bgtxt-green-dark);
-  }
-`;
-const checkIconFocusStyle = FoundationCSS`
-  &:not([data-disabled])[data-state='unchecked'] {
-    ${CheckIcon} {
-      visibility: visible;
-    }
-  }
-`;
-const focusStyle = FoundationCSS`
-  ${backgroundFocusStyle}
-  ${checkIconFocusStyle}
-`;
-const CheckboxPrimitiveRoot = FoundationStyled($e698a72e93240346$export$be92b6f5f03c0fe9)`
-  all: unset;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${CHECKBOX_SIZE}px;
-  height: ${CHECKBOX_SIZE}px;
-  margin: ${CHECKBOX_MARGIN}px;
-  background-color: var(--bg-white-normal);
-  border-radius: 7px;
-  box-shadow: inset 0 0 0 2px var(--bdr-black-dark);
-
-  &[data-disabled] {
-    background-color: var(--bg-black-dark);
-    box-shadow: none;
-  }
-
-  &[data-invalid] {
-    ${erroredInputWrapperStyle}
-  }
-
-  &[data-state='checked'],
-  &[data-state='indeterminate'] {
-    background-color: var(--bgtxt-green-normal);
-
-    &:not([data-invalid]) {
-      box-shadow: none;
-    }
-  }
-
-  ${touchableHover(focusStyle)}
-
-  && {
-    &:focus-visible {
-      ${checkIconFocusStyle}
-      ${focusedInputWrapperStyle}
-    }
-  }
-
-  ${({
-  interpolation
-}) => interpolation}
-`;
-const Container = FoundationStyled.div`
-  display: flex;
-  align-items: center;
-  width: fit-content;
-  height: var(--bezier-checkbox-height);
-  cursor: pointer;
-
-  &[data-disabled] {
-    cursor: not-allowed;
-    opacity: ${disabledOpacity};
-  }
-`;
-/**
- * NOTE: When using the `Text` component in combination with the `as` prop,
- * radix-ui lib does not bind the mouse-enter(hover) and click handler.
- */
-const Label = FoundationStyled.label`
-  ${Typography.Size14}
-  display: flex;
-  align-items: center;
-  height: 100%;
-  padding-left: 12px;
-  color: var(--txt-black-darkest);
-  cursor: inherit;
-`;
-
-export { CheckIcon, CheckboxPrimitiveRoot, Container, Label };
-//# sourceMappingURL=Checkbox.styled.js.map

package/build/src/components/Forms/Checkbox/Checkbox.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.styled.js","sources":["../../../../../src/components/Forms/Checkbox/Checkbox.styled.ts"],"sourcesContent":["import * as CheckboxPrimitive from '@radix-ui/react-checkbox'\n\nimport {\n  Typography,\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { touchableHover } from '~/src/utils/styleUtils'\n\nimport {\n  erroredInputWrapperStyle,\n  focusedInputWrapperStyle,\n} from '~/src/components/Forms/Inputs/mixins'\nimport { Icon } from '~/src/components/Icon'\n\nimport { type CheckboxProps } from './Checkbox.types'\n\nconst CHECKBOX_SIZE = 18\nconst CHECKBOX_MARGIN = 1\n\nexport const CheckIcon = styled(Icon)`\n  /* NOTE: Reset Icon's default transition style  */\n  transition: none;\n\n  &[data-state='unchecked'] {\n    visibility: hidden;\n  }\n`\n\nconst backgroundFocusStyle = css`\n  &:not([data-disabled]):not([data-state='unchecked']) {\n    background-color: var(--bgtxt-green-dark);\n  }\n`\n\nconst checkIconFocusStyle = css`\n  &:not([data-disabled])[data-state='unchecked'] {\n    ${CheckIcon} {\n      visibility: visible;\n    }\n  }\n`\n\nconst focusStyle = css`\n  ${backgroundFocusStyle}\n  ${checkIconFocusStyle}\n`\n\nexport const CheckboxPrimitiveRoot = styled(CheckboxPrimitive.Root)<CheckboxProps<any>>`\n  all: unset;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${CHECKBOX_SIZE}px;\n  height: ${CHECKBOX_SIZE}px;\n  margin: ${CHECKBOX_MARGIN}px;\n  background-color: var(--bg-white-normal);\n  border-radius: 7px;\n  box-shadow: inset 0 0 0 2px var(--bdr-black-dark);\n\n  &[data-disabled] {\n    background-color: var(--bg-black-dark);\n    box-shadow: none;\n  }\n\n  &[data-invalid] {\n    ${erroredInputWrapperStyle}\n  }\n\n  &[data-state='checked'],\n  &[data-state='indeterminate'] {\n    background-color: var(--bgtxt-green-normal);\n\n    &:not([data-invalid]) {\n      box-shadow: none;\n    }\n  }\n\n  ${touchableHover(focusStyle)}\n\n  && {\n    &:focus-visible {\n      ${checkIconFocusStyle}\n      ${focusedInputWrapperStyle}\n    }\n  }\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: var(--bezier-checkbox-height);\n  cursor: pointer;\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    opacity: ${DisabledOpacity};\n  }\n`\n\n/**\n * NOTE: When using the `Text` component in combination with the `as` prop,\n * radix-ui lib does not bind the mouse-enter(hover) and click handler.\n */\nexport const Label = styled.label`\n  ${Typography.Size14}\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding-left: 12px;\n  color: var(--txt-black-darkest);\n  cursor: inherit;\n`\n"],"names":["CHECKBOX_SIZE","CHECKBOX_MARGIN","CheckIcon","styled","Icon","backgroundFocusStyle","css","checkIconFocusStyle","focusStyle","CheckboxPrimitiveRoot","CheckboxPrimitive","erroredInputWrapperStyle","touchableHover","focusedInputWrapperStyle","interpolation","Container","div","DisabledOpacity","Label","label","Typography","Size14"],"mappings":";;;;;;;;AAmBA,MAAMA,aAAa,GAAG,EAAE,CAAA;AACxB,MAAMC,eAAe,GAAG,CAAC,CAAA;MAEZC,SAAS,GAAGC,gBAAM,CAACC,IAAI,CAAC,CAAA;;;;;;;EAOpC;AAED,MAAMC,oBAAoB,GAAGC,aAAG,CAAA;;;;CAI/B,CAAA;AAED,MAAMC,mBAAmB,GAAGD,aAAG,CAAA;;MAEzBJ,SAAS,CAAA;;;;CAId,CAAA;AAED,MAAMM,UAAU,GAAGF,aAAG,CAAA;IAClBD,oBAAoB,CAAA;IACpBE,mBAAmB,CAAA;CACtB,CAAA;AAEM,MAAME,qBAAqB,GAAGN,gBAAM,CAACO,yCAAsB,CAAqB,CAAA;;;;;WAK5EV,aAAa,CAAA;YACZA,aAAa,CAAA;YACbC,eAAe,CAAA;;;;;;;;;;;MAWrBU,wBAAwB,CAAA;;;;;;;;;;;;EAY1BC,EAAAA,cAAc,CAACJ,UAAU,CAAC,CAAA;;;;QAItBD,mBAAmB,CAAA;QACnBM,wBAAwB,CAAA;;;;AAI5B,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;EACvC;AAEYC,MAAAA,SAAS,GAAGZ,gBAAM,CAACa,GAAG,CAAA;;;;;;;;;eASpBC,eAAe,CAAA;;EAE7B;AAED;;;AAGG;AACUC,MAAAA,KAAK,GAAGf,gBAAM,CAACgB,KAAK,CAAA;AAC7B,EAAAC,EAAAA,UAAU,CAACC,MAAM,CAAA;;;;;;;;;;;"}