@channel.io/bezier-react 1.5.0 → 1.6.0

package/dist/esm/components/Button/Button.types.mjs

@@ -0,0 +1,32 @@
+let ButtonStyleVariant = /*#__PURE__*/function (ButtonStyleVariant) {
+  ButtonStyleVariant["Primary"] = "primary";
+  ButtonStyleVariant["Secondary"] = "secondary";
+  ButtonStyleVariant["Tertiary"] = "tertiary";
+  ButtonStyleVariant["Floating"] = "floating";
+  ButtonStyleVariant["FloatingAlt"] = "floating-alt";
+  return ButtonStyleVariant;
+}({});
+let ButtonColorVariant = /*#__PURE__*/function (ButtonColorVariant) {
+  ButtonColorVariant["Blue"] = "blue";
+  ButtonColorVariant["Red"] = "red";
+  ButtonColorVariant["Green"] = "green";
+  ButtonColorVariant["Cobalt"] = "cobalt";
+  ButtonColorVariant["Orange"] = "orange";
+  ButtonColorVariant["Pink"] = "pink";
+  ButtonColorVariant["Purple"] = "purple";
+  ButtonColorVariant["Monochrome"] = "monochrome";
+  ButtonColorVariant["MonochromeLight"] = "monochromeLight";
+  ButtonColorVariant["MonochromeDark"] = "monochromeDark";
+  return ButtonColorVariant;
+}({});
+let ButtonSize = /*#__PURE__*/function (ButtonSize) {
+  ButtonSize["XS"] = "XS";
+  ButtonSize["S"] = "S";
+  ButtonSize["M"] = "M";
+  ButtonSize["L"] = "L";
+  ButtonSize["XL"] = "XL";
+  return ButtonSize;
+}({});
+
+export { ButtonColorVariant, ButtonSize, ButtonStyleVariant };
+//# sourceMappingURL=Button.types.mjs.map

package/dist/esm/components/Button/Button.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.mjs","sources":["../../../../src/components/Button/Button.types.ts"],"sourcesContent":["import { type IconName } from '@channel.io/bezier-icons'\n\nimport {\n  type BezierComponentProps,\n  type DisableProps,\n  type SideContentProps,\n  type SizeProps,\n} from '~/src/types/ComponentProps'\n\nexport enum ButtonStyleVariant {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Tertiary = 'tertiary',\n  Floating = 'floating',\n  FloatingAlt = 'floating-alt',\n}\n\nexport enum ButtonColorVariant {\n  Blue = 'blue',\n  Red = 'red',\n  Green = 'green',\n  Cobalt = 'cobalt',\n  Orange = 'orange',\n  Pink = 'pink',\n  Purple = 'purple',\n  /**\n   * @deprecated use `ButtonColorVariant.MonochromeLight` or `ButtonColorVariant.MonochromeDark`\n   */\n  Monochrome = 'monochrome',\n  MonochromeLight = 'monochromeLight',\n  MonochromeDark = 'monochromeDark',\n}\n\nexport enum ButtonSize {\n  XS = 'XS',\n  S = 'S',\n  M = 'M',\n  L = 'L',\n  XL = 'XL',\n}\n\nexport type SideContent = IconName | React.ReactNode\n\nexport type MouseEventHandler = React.MouseEventHandler<HTMLButtonElement>\ntype FocusEventHandler = React.FocusEventHandler<HTMLButtonElement>\n\ninterface ButtonOptions {\n  /**\n   * `type` attribute of typical HTML button.\n   *\n   * You may want to set `type` to `submit` to the button\n   * which is used as a submit button in `<form>` component.\n   *\n   * @default 'button'\n   */\n  type?: HTMLButtonElement['type']\n\n  /**\n   * The text content in the button.\n   *\n   * Do not pass `text` prop if it is an icon-only button.\n   */\n  text?: string\n\n  /**\n   * If `loading` is true, spinner will be shown, replacing the content.\n   *\n   * @default false\n   */\n  loading?: boolean\n\n  /**\n   * If `active` is true, the button will be styled as if it is hovered.\n   *\n   * You may want to use this prop for a button which opens dropdown, etc.\n   *\n   * @default false\n   */\n  active?: boolean\n\n  /**\n   * The style variant.\n   *\n   * @default ButtonStyleVariant.Primary\n   */\n  styleVariant?: ButtonStyleVariant\n\n  /**\n   * The color variant.\n   *\n   * @default ButtonColorVariant.Blue\n   */\n  colorVariant?: ButtonColorVariant\n\n  /**\n   * The handler to be executed when the button is clicked.\n   */\n  onClick?: MouseEventHandler\n\n  /**\n   * The handler to be executed when the mouse enters the button.\n   */\n  onMouseEnter?: MouseEventHandler\n\n  /**\n   * The handler to be executed when the mouse leaves the button.\n   */\n  onMouseLeave?: MouseEventHandler\n\n  /**\n   * The handler to be executed when the button is unfocused.\n   */\n  onBlur?: FocusEventHandler\n}\n\nexport default interface ButtonProps extends\n  BezierComponentProps,\n  SizeProps<ButtonSize>,\n  DisableProps,\n  SideContentProps<SideContent, SideContent>,\n  React.HTMLAttributes<HTMLButtonElement>,\n  ButtonOptions {}\n"],"names":["ButtonStyleVariant","ButtonColorVariant","ButtonSize"],"mappings":"AASYA,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAlBA,kBAAkB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAlBA,kBAAkB,CAAA,aAAA,CAAA,GAAA,cAAA,CAAA;AAAA,EAAA,OAAlBA,kBAAkB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAQlBC,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAlBA,kBAAkB,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAlBA,kBAAkB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAlBA,kBAAkB,CAAA,iBAAA,CAAA,GAAA,iBAAA,CAAA;EAAlBA,kBAAkB,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AAAA,EAAA,OAAlBA,kBAAkB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAgBlBC,IAAAA,UAAU,0BAAVA,UAAU,EAAA;EAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAVA,UAAU,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAAVA,UAAU,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAAVA,UAAU,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/components/ButtonGroup/ButtonGroup.mjs

@@ -0,0 +1,21 @@
+import React__default, { forwardRef } from 'react';
+import { AlphaStack } from '../AlphaStack/AlphaStack.mjs';
+
+const ButtonGroup = /*#__PURE__*/forwardRef(function ButtonGroup({
+  children,
+  justify = 'center',
+  withoutSpacing = false,
+  ...props
+}, forwardedRef) {
+  const spacing = withoutSpacing ? 0 : 6;
+  return /*#__PURE__*/React__default.createElement(AlphaStack, Object.assign({
+    direction: "horizontal",
+    spacing: spacing,
+    justify: justify,
+    ref: forwardedRef,
+    role: "group"
+  }, props), children);
+});
+
+export { ButtonGroup };
+//# sourceMappingURL=ButtonGroup.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.mjs","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\n\nimport type ButtonGroupProps from './ButtonGroup.types'\n\nexport const ButtonGroup = forwardRef(function ButtonGroup(\n  {\n    children,\n    justify = 'center',\n    withoutSpacing = false,\n    ...props\n  }: ButtonGroupProps,\n  forwardedRef: React.Ref<HTMLElement>,\n) {\n  const spacing = withoutSpacing ? 0 : 6\n\n  return (\n    <AlphaStack\n      direction=\"horizontal\"\n      spacing={spacing}\n      justify={justify}\n      ref={forwardedRef}\n      role=\"group\"\n      {...props}\n    >\n      { children }\n    </AlphaStack>\n  )\n})\n"],"names":["ButtonGroup","forwardRef","children","justify","withoutSpacing","props","forwardedRef","spacing","React","createElement","AlphaStack","Object","assign","direction","ref","role"],"mappings":";;;MAMaA,WAAW,gBAAGC,UAAU,CAAC,SAASD,WAAWA,CACxD;EACEE,QAAQ;AACRC,EAAAA,OAAO,GAAG,QAAQ;AAClBC,EAAAA,cAAc,GAAG,KAAK;EACtB,GAAGC,KAAAA;AACa,CAAC,EACnBC,YAAoC,EACpC;AACA,EAAA,MAAMC,OAAO,GAAGH,cAAc,GAAG,CAAC,GAAG,CAAC,CAAA;EAEtC,oBACEI,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACTC,IAAAA,SAAS,EAAC,YAAY;AACtBN,IAAAA,OAAO,EAAEA,OAAQ;AACjBJ,IAAAA,OAAO,EAAEA,OAAQ;AACjBW,IAAAA,GAAG,EAAER,YAAa;AAClBS,IAAAA,IAAI,EAAC,OAAA;GACDV,EAAAA,KAAK,CAEPH,EAAAA,QACQ,CAAC,CAAA;AAEjB,CAAC;;;;"}

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

@@ -0,0 +1,30 @@
+import React__default, { forwardRef } from 'react';
+import { Root as $89eedd556c436f6a$export$be92b6f5f03c0fe9 } from '../../node_modules/@radix-ui/react-separator/dist/index.module.mjs';
+import { Divider as Divider$2 } from './Divider.styled.mjs';
+
+const DIVIDER_TEST_ID = 'bezier-react-divider';
+const Divider = /*#__PURE__*/forwardRef(({
+  testId = DIVIDER_TEST_ID,
+  orientation = 'horizontal',
+  decorative,
+  withoutSideIndent = false,
+  withoutParallelIndent = false,
+  withoutIndent = false,
+  ...rest
+}, forwardedRef) => /*#__PURE__*/React__default.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, {
+  asChild: true,
+  orientation: orientation,
+  decorative: decorative
+}, /*#__PURE__*/React__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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.mjs","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","testId","orientation","decorative","withoutSideIndent","withoutParallelIndent","withoutIndent","rest","forwardedRef","React","createElement","SeparatorPrimitive","asChild","Styled","Object","assign","ref"],"mappings":";;;;AAQO,MAAMA,eAAe,GAAG,uBAAsB;AAErD,MAAMC,OAAO,gBAAGC,UAAU,CAAC,CACzB;AACEC,EAAAA,MAAM,GAAGH,eAAe;AACxBI,EAAAA,WAAW,GAAG,YAAY;EAC1BC,UAAU;AACVC,EAAAA,iBAAiB,GAAG,KAAK;AACzBC,EAAAA,qBAAqB,GAAG,KAAK;AAC7BC,EAAAA,aAAa,GAAG,KAAK;EACrB,GAAGC,IAAAA;AACS,CAAC,EACfC,YAAoC,kBAEpCC,cAAA,CAAAC,aAAA,CAACC,yCAAuB,EAAA;EACtBC,OAAO,EAAA,IAAA;AACPV,EAAAA,WAAW,EAAEA,WAAY;AACzBC,EAAAA,UAAU,EAAEA,UAAAA;AAAW,CAEvBM,eAAAA,cAAA,CAAAC,aAAA,CAACG,SAAc,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACbC,EAAAA,GAAG,EAAER,YAAa;AAClB,EAAA,aAAA,EAAaP,MAAO;AACpBC,EAAAA,WAAW,EAAEA,WAAY;AACzBC,EAAAA,UAAU,EAAEA,UAAW;AACvBC,EAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,EAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,EAAAA,aAAa,EAAEA,aAAAA;AAAc,CAAA,EACzBC,IAAI,CACT,CACsB,CAC1B,CAAC,CAAA;AAEF,gBAAeR,OAAO;;;;"}

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

@@ -0,0 +1,66 @@
+import { styled as FoundationStyled, css as FoundationCSS } from '../../foundation/FoundationStyledComponent.mjs';
+
+const DIVIDER_THICKNESS = 1;
+const DIVIDER_INDENT_SIZE = 6;
+const Divider = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "Dividerstyled__Divider",
+  componentId: "sc-cu77pw-0"
+})(["", " background-color:", ";", " ", ""], ({
+  foundation
+}) => foundation?.rounding?.round1, ({
+  foundation
+}) => foundation?.theme?.['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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.styled.mjs","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","withConfig","displayName","componentId","foundation","rounding","round1","theme","orientation","withoutSideIndent","withoutParallelIndent","withoutIndent","css","interpolation"],"mappings":";;AAOA,MAAMA,iBAAiB,GAAG,CAAC,CAAA;AAC3B,MAAMC,mBAAmB,GAAG,CAAC,CAAA;MAShBC,OAAO,gBAAGC,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,oBAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAC7B,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,QAAQ,EAAEC,MAAM,EAC9B,CAAC;AAAEF,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEG,KAAK,GAAG,iBAAiB,CAAC,EAE5E,CAAC;EAAEC,WAAW;EAAEC,iBAAiB;EAAEC,qBAAqB;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAK;AAC9E,EAAA,QAAQH,WAAW;AACjB,IAAA,KAAK,YAAY,CAAA;AACjB,IAAA;AAAS,MAAA;AACP,QAAA,OAAOI,aAAI,CAAA;AACnB,iBAAoBH,EAAAA,iBAAiB,IAAIE,aAAa,GAAI,MAAM,GAAI,CAAcd,YAAAA,EAAAA,mBAAmB,GAAG,CAAE,CAAK,GAAA,CAAA,CAAA;AAC/G,kBAAA,EAAoBD,iBAAkB,CAAA;AACtC;AACA,kBAAA,EAAoBC,mBAAoB,CAAA;AACxC,UAAYc,EAAAA,aAAa,IAAIC,aAAI,CAAA;AACjC;AACA,UAAY,CAAA,CAAA;AACZ,UAAYH,EAAAA,iBAAiB,IAAIG,aAAI,CAAA;AACrC;AACA;AACA,UAAY,CAAA,CAAA;AACZ,UAAYF,EAAAA,qBAAqB,IAAIE,aAAI,CAAA;AACzC;AACA;AACA,UAAY,CAAA,CAAA;AACZ,QAAS,CAAA,CAAA;AACH,OAAA;AACA,IAAA,KAAK,UAAU;AAAE,MAAA;AACf,QAAA,OAAOA,aAAI,CAAA;AACnB,iBAAA,EAAmBhB,iBAAkB,CAAA;AACrC,kBAAqBa,EAAAA,iBAAiB,IAAIE,aAAa,GAAI,MAAM,GAAI,CAAcd,YAAAA,EAAAA,mBAAmB,GAAG,CAAE,CAAK,GAAA,CAAA,CAAA;AAChH;AACA,kBAAA,EAAoBA,mBAAoB,CAAA;AACxC,UAAYc,EAAAA,aAAa,IAAIC,aAAI,CAAA;AACjC;AACA,UAAY,CAAA,CAAA;AACZ,UAAYH,EAAAA,iBAAiB,IAAIG,aAAI,CAAA;AACrC;AACA;AACA,UAAY,CAAA,CAAA;AACZ,UAAYF,EAAAA,qBAAqB,IAAIE,aAAI,CAAA;AACzC;AACA;AACA,UAAY,CAAA,CAAA;AACZ,QAAS,CAAA,CAAA;AACH,OAAA;AACF,GAAA;AACF,CAAC,EAEC,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa;;;;"}

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

@@ -0,0 +1,42 @@
+import React__default, { forwardRef, useMemo } from 'react';
+import { noop } from '../../utils/functionUtils.mjs';
+import { EmojiSize } from './Emoji.types.mjs';
+import { Icon } from './Emoji.styled.mjs';
+import { backgroundImageVariable } from '../../foundation/Mixins.mjs';
+
+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(() => ({
+    ...backgroundImageVariable({
+      imageUrl
+    }),
+    ...style
+  }), [style, imageUrl]);
+  return /*#__PURE__*/React__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 = /*#__PURE__*/forwardRef(Emoji);
+
+export { EMOJI_TEST_ID, Emoji$1 as default };
+//# sourceMappingURL=Emoji.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Emoji.mjs","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","backgroundImageVariable","React","createElement","Icon","ref","role","forwardRef"],"mappings":";;;;;;AAcO,MAAMA,aAAa,GAAG,qBAAoB;AAEjD,SAASC,KAAKA,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;AACA,CAAC,EACbC,YAAuC,EACvC;AACA,EAAA,MAAMC,WAAW,GAAGC,OAAO,CAAC,OAAO;AACjC,IAAA,GAAGC,uBAAuB,CAAC;AAAEb,MAAAA,QAAAA;AAAS,KAAC,CAAC;IACxC,GAAGD,KAAAA;AACL,GAAC,CAAC,EAAE,CACFA,KAAK,EACLC,QAAQ,CACT,CAAC,CAAA;AAEF,EAAA,oBACEc,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACHlB,IAAAA,EAAE,EAAEA,EAAG;AACPmB,IAAAA,GAAG,EAAEP,YAAa;AAClB,IAAA,aAAA,EAAaH,MAAO;AACpBW,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,YAAA,EAAYhB,IAAK;AACjBH,IAAAA,KAAK,EAAEY,WAAY;AACnBP,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,SAAS,EAAEA,SAAU;AACrBE,IAAAA,aAAa,EAAEA,aAAc;AAC7BH,IAAAA,QAAQ,EAAEA,QAAS;AACnBQ,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAClB,CAAC,CAAA;AAEN,CAAA;AAEA,cAAeW,aAAAA,UAAU,CAACtB,KAAK,CAAC;;;;"}

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

@@ -0,0 +1,18 @@
+import { centeredBackgroundImage } from '../../foundation/Mixins.mjs';
+import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.mjs';
+
+const Icon = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "Emojistyled__Icon",
+  componentId: "sc-11xiczd-0"
+})(["position:relative;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:", "px;height:", "px;", " ", ""], ({
+  size
+}) => size, ({
+  size
+}) => size, ({
+  size
+}) => centeredBackgroundImage(size), ({
+  interpolation
+}) => interpolation);
+
+export { Icon };
+//# sourceMappingURL=Emoji.styled.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Emoji.styled.mjs","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","withConfig","displayName","componentId","size","centeredBackgroundImage","interpolation"],"mappings":";;;MAcaA,IAAI,gBAAGC,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,mBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,sHAAA,EAAA,YAAA,EAAA,KAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAOnB,CAAC;AAAEC,EAAAA,IAAAA;AAAK,CAAC,KAAKA,IAAI,EACjB,CAAC;AAAEA,EAAAA,IAAAA;AAAK,CAAC,KAAKA,IAAI,EAE1B,CAAC;AAAEA,EAAAA,IAAAA;AAAK,CAAC,KAAKC,uBAAuB,CAAYD,IAAI,CAAC,EAEtD,CAAC;AAAEE,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa;;;;"}

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

@@ -0,0 +1,17 @@
+let EmojiSize = /*#__PURE__*/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";
+  return EmojiSize;
+}({});
+
+export { EmojiSize };
+//# sourceMappingURL=Emoji.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Emoji.types.mjs","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":"AAKYA,IAAAA,SAAS,0BAATA,SAAS,EAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,SAAA,CAAA,GAAA,GAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAATA,SAAS,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -0,0 +1,86 @@
+import React__default, { forwardRef } from 'react';
+import { CheckBoldIcon, HyphenBoldIcon } from '@channel.io/bezier-icons';
+import { Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../../../node_modules/@radix-ui/react-checkbox/dist/index.module.mjs';
+import useId from '../../../hooks/useId.mjs';
+import FormFieldSize from '../FormFieldSize.mjs';
+import useFormFieldProps from '../useFormFieldProps.mjs';
+import { Container, CheckboxPrimitiveRoot, Label, CheckIcon as CheckIcon$1 } from './Checkbox.styled.mjs';
+import { IconSize } from '../../Icon/Icon.types.mjs';
+
+/* NOTE: Props are injected at runtime by `CheckboxPrimitive.Indicator`. */
+const CheckIcon = /*#__PURE__*/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 /*#__PURE__*/React__default.createElement(CheckIcon$1, Object.assign({
+    ref: forwardedRef,
+    source: !isIndeterminate ? CheckBoldIcon : HyphenBoldIcon,
+    size: IconSize.XS,
+    color: isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'
+  }, props));
+});
+function CheckboxImpl({
+  children,
+  checked,
+  id: idProp,
+  ...rest
+}, forwardedRef) {
+  const {
+    id: formFieldId,
+    hasError,
+    ...formFieldProps
+  } = useFormFieldProps(rest);
+  const id = useId(idProp ?? formFieldId, 'bezier-checkbox');
+  const containerStyle = {
+    '--bezier-checkbox-height': children ? `${FormFieldSize.M}px` : 'auto'
+  };
+  return /*#__PURE__*/React__default.createElement(Container, {
+    style: containerStyle,
+    "data-disabled": formFieldProps['aria-disabled']
+  }, /*#__PURE__*/React__default.createElement(CheckboxPrimitiveRoot, Object.assign({
+    ref: forwardedRef,
+    id: id,
+    checked: checked,
+    "data-invalid": formFieldProps['aria-invalid']
+  }, formFieldProps), /*#__PURE__*/React__default.createElement($e698a72e93240346$export$adb584737d712b70, {
+    asChild: true
+    /* NOTE: To allow the icon to be rendered even if unchecked. */,
+    forceMount: true
+  }, /*#__PURE__*/React__default.createElement(CheckIcon, null))), children && /*#__PURE__*/React__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 = /*#__PURE__*/forwardRef(CheckboxImpl);
+
+export { Checkbox };
+//# sourceMappingURL=Checkbox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.mjs","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","createElement","Styled","Object","assign","ref","source","CheckBoldIcon","HyphenBoldIcon","size","IconSize","XS","color","CheckboxImpl","children","checked","id","idProp","rest","formFieldId","hasError","formFieldProps","useFormFieldProps","useId","containerStyle","FormFieldSize","M","style","CheckboxPrimitive","asChild","forceMount","htmlFor","Checkbox"],"mappings":";;;;;;;;;AA2BA;AACA,MAAMA,SAAS,gBAAGC,UAAU,CAAgC,SAASD,SAASA,CAC5EE,KAAK,EACLC,YAAY,EACZ;AACA;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,oBACEG,cAAA,CAAAC,aAAA,CAACC,WAAgB,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACfC,IAAAA,GAAG,EAAET,YAAa;AAClBU,IAAAA,MAAM,EAAE,CAACP,eAAe,GAAGQ,aAAa,GAAGC,cAAe;IAC1DC,IAAI,EAAEC,QAAQ,CAACC,EAAG;AAClBC,IAAAA,KAAK,EAAEd,WAAW,GAAG,eAAe,GAAG,2BAAA;GACnCH,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,CAAC,CAAC,CAAA;AAEF,SAASkB,YAAYA,CAA+B;EAClDC,QAAQ;EACRC,OAAO;AACPC,EAAAA,EAAE,EAAEC,MAAM;EACV,GAAGC,IAAAA;AACmB,CAAC,EAAEtB,YAA0C,EAAE;EACrE,MAAM;AACJoB,IAAAA,EAAE,EAAEG,WAAW;IACfC,QAAQ;IACR,GAAGC,cAAAA;AACL,GAAC,GAAGC,iBAAiB,CAACJ,IAAI,CAAC,CAAA;EAE3B,MAAMF,EAAE,GAAGO,KAAK,CAACN,MAAM,IAAIE,WAAW,EAAE,iBAAiB,CAAC,CAAA;AAE1D,EAAA,MAAMK,cAAc,GAAG;IACrB,0BAA0B,EAAEV,QAAQ,GAAI,CAAA,EAAEW,aAAa,CAACC,CAAE,IAAG,GAAG,MAAA;GAC1C,CAAA;AAExB,EAAA,oBACE1B,cAAA,CAAAC,aAAA,CAACC,SAAgB,EAAA;AACfyB,IAAAA,KAAK,EAAEH,cAAe;IACtB,eAAeH,EAAAA,cAAc,CAAC,eAAe,CAAA;GAE7CrB,eAAAA,cAAA,CAAAC,aAAA,CAACC,qBAA4B,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAC3BC,IAAAA,GAAG,EAAET,YAAa;AAClBoB,IAAAA,EAAE,EAAEA,EAAG;AACPD,IAAAA,OAAO,EAAEA,OAAQ;IACjB,cAAcM,EAAAA,cAAc,CAAC,cAAc,CAAA;GACvCA,EAAAA,cAAc,gBAElBrB,cAAA,CAAAC,aAAA,CAAC2B,yCAA2B,EAAA;IAC1BC,OAAO,EAAA,IAAA;AACP;IACAC,UAAU,EAAA,IAAA;AAAA,GAAA,eAEV9B,cAAA,CAAAC,aAAA,CAACR,SAAS,EAAA,IAAE,CACe,CACD,CAAC,EAC7BqB,QAAQ,iBACRd,cAAA,CAAAC,aAAA,CAACC,KAAY,EAAA;AAAC6B,IAAAA,OAAO,EAAEf,EAAAA;GACnBF,EAAAA,QACU,CAEA,CAAC,CAAA;AAEvB,CAAA;;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;AACA;MACakB,QAAQ,gBAAGtC,UAAU,CAACmB,YAAY;;;;"}

package/dist/esm/components/Forms/Checkbox/Checkbox.styled.mjs

@@ -0,0 +1,52 @@
+import { Root as $e698a72e93240346$export$be92b6f5f03c0fe9 } from '../../../node_modules/@radix-ui/react-checkbox/dist/index.module.mjs';
+import disabledOpacity from '../../../constants/DisabledOpacity.mjs';
+import { touchableHover } from '../../../utils/styleUtils.mjs';
+import { erroredInputWrapperStyle, focusedInputWrapperStyle } from '../Inputs/mixins.mjs';
+import { Icon } from '../../Icon/Icon.mjs';
+import { css as FoundationCSS, styled as FoundationStyled } from '../../../foundation/FoundationStyledComponent.mjs';
+import { Typography } from '../../../foundation/Typography.mjs';
+
+const CHECKBOX_SIZE = 18;
+const CHECKBOX_MARGIN = 1;
+const CheckIcon = /*#__PURE__*/FoundationStyled(Icon).withConfig({
+  displayName: "Checkboxstyled__CheckIcon",
+  componentId: "sc-9lbfgn-0"
+})(["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 = /*#__PURE__*/FoundationStyled($e698a72e93240346$export$be92b6f5f03c0fe9).withConfig({
+  displayName: "Checkboxstyled__CheckboxPrimitiveRoot",
+  componentId: "sc-9lbfgn-1"
+})(["all:unset;display:flex;align-items:center;justify-content:center;width:", "px;height:", "px;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]{", "}&[data-state='checked'],&[data-state='indeterminate']{background-color:var(--bgtxt-green-normal);&:not([data-invalid]){box-shadow:none;}}", " &&{&:focus-visible{", " ", "}}", ""], CHECKBOX_SIZE, CHECKBOX_SIZE, CHECKBOX_MARGIN, erroredInputWrapperStyle, touchableHover(focusStyle), checkIconFocusStyle, focusedInputWrapperStyle, ({
+  interpolation
+}) => interpolation);
+const Container = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "Checkboxstyled__Container",
+  componentId: "sc-9lbfgn-2"
+})(["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 = /*#__PURE__*/FoundationStyled.label.withConfig({
+  displayName: "Checkboxstyled__Label",
+  componentId: "sc-9lbfgn-3"
+})(["", " display:flex;align-items:center;height:100%;padding-left:12px;color:var(--txt-black-darkest);cursor:inherit;"], Typography.Size14);
+
+export { CheckIcon, CheckboxPrimitiveRoot, Container, Label };
+//# sourceMappingURL=Checkbox.styled.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styled.mjs","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","withConfig","displayName","componentId","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;AAElB,MAAMC,SAAS,gBAAGC,gBAAM,CAACC,IAAI,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,2BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAOpC,CAAA,CAAA,CAAA,+DAAA,CAAA,EAAA;AAED,MAAMC,oBAAoB,GAAGC,aAAI,CAAA;AACjC;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMC,mBAAmB,GAAGD,aAAI,CAAA;AAChC;AACA,IAAA,EAAMP,SAAU,CAAA;AAChB;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMS,UAAU,GAAGF,aAAI,CAAA;AACvB,EAAA,EAAID,oBAAqB,CAAA;AACzB,EAAA,EAAIE,mBAAoB,CAAA;AACxB,CAAC,CAAA;AAEM,MAAME,qBAAqB,gBAAGT,gBAAM,CAACU,yCAAsB,CAAC,CAAAR,UAAA,CAAA;EAAAC,WAAA,EAAA,uCAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,yEAAA,EAAA,YAAA,EAAA,YAAA,EAAA,wMAAA,EAAA,4IAAA,EAAA,sBAAA,EAAA,GAAA,EAAA,IAAA,EAAA,EAAA,CAAA,EAKxDP,aAAa,EACZA,aAAa,EACbC,eAAe,EAWrBa,wBAAwB,EAY1BC,cAAc,CAACJ,UAAU,CAAC,EAItBD,mBAAmB,EACnBM,wBAAwB,EAI5B,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,EACvC;MAEYC,SAAS,gBAAGf,gBAAM,CAACgB,GAAG,CAAAd,UAAA,CAAA;EAAAC,WAAA,EAAA,2BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,oJAAA,EAAA,IAAA,CAAA,EASpBa,eAAe,EAE7B;;AAED;AACA;AACA;AACA;MACaC,KAAK,gBAAGlB,gBAAM,CAACmB,KAAK,CAAAjB,UAAA,CAAA;EAAAC,WAAA,EAAA,uBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAC7BgB,CAAAA,CAAAA,CAAAA,EAAAA,EAAAA,+GAAAA,CAAAA,EAAAA,UAAU,CAACC,MAAM;;;;"}

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

@@ -0,0 +1,126 @@
+import React__default, { forwardRef, useState, useMemo, useCallback } from 'react';
+import useId from '../../../hooks/useId.mjs';
+import { pickBezierComponentProps, omitBezierComponentProps } from '../../../utils/propsUtils.mjs';
+import { isNil } from '../../../utils/typeUtils.mjs';
+import FormFieldSize from '../FormFieldSize.mjs';
+import { FormControlContext } from './FormControlContext.mjs';
+import { TopLabelWrapper, LeftLabelWrapper, TopHelperTextWrapper, LeftHelperTextWrapper, Grid } from './FormControl.styled.mjs';
+import { AlphaStack } from '../../AlphaStack/AlphaStack.mjs';
+import { Typography } from '../../../foundation/Typography.mjs';
+
+const FORM_CONTROL_TEST_ID = 'bezier-react-form-control';
+const Container = /*#__PURE__*/forwardRef(function Container({
+  labelPosition,
+  children,
+  testId,
+  ...rest
+}, forwardedRef) {
+  switch (labelPosition) {
+    case 'top':
+      return /*#__PURE__*/React__default.createElement(AlphaStack, Object.assign({
+        ref: forwardedRef,
+        direction: "vertical",
+        testId: testId
+      }, rest), children);
+    case 'left':
+    default:
+      return /*#__PURE__*/React__default.createElement(Grid, Object.assign({
+        ref: forwardedRef,
+        "data-testid": testId
+      }, rest), children);
+  }
+});
+const FormControl = /*#__PURE__*/forwardRef(function FormControl({
+  id: idProp,
+  testId = FORM_CONTROL_TEST_ID,
+  labelPosition = 'top',
+  leftLabelWrapperHeight = FormFieldSize.M,
+  style,
+  children,
+  ...rest
+}, forwardedRef) {
+  const [groupNode, setGroupNode] = useState(null);
+  const [helperTextNode, setHelperTextNode] = useState(null);
+  const [errorMessageNode, setErrorMessageNode] = useState(null);
+  const id = useId(idProp, 'field');
+  const groupId = `${id}-group`;
+  const labelId = `${id}-label`;
+  const helperTextId = `${id}-help-text`;
+  const errorMessageId = `${id}-error-message`;
+  const fieldId = groupNode ? undefined : id;
+  const describerId = useMemo(() => {
+    if (errorMessageNode) {
+      return errorMessageId;
+    }
+    if (helperTextNode) {
+      return helperTextId;
+    }
+    return undefined;
+  }, [errorMessageNode, helperTextNode, errorMessageId, helperTextId]);
+  const bezierProps = useMemo(() => pickBezierComponentProps(rest), [rest]);
+  const formCommonProps = useMemo(() => omitBezierComponentProps(rest), [rest]);
+  const getGroupProps = useCallback(ownProps => ({
+    id: groupId,
+    'aria-labelledby': labelId,
+    'aria-describedby': describerId,
+    ref: setGroupNode,
+    ...ownProps
+  }), [groupId, labelId, describerId]);
+  const getLabelProps = useCallback(ownProps => ({
+    id: labelId,
+    htmlFor: fieldId,
+    typo: labelPosition === 'top' ? Typography.Size13 : Typography.Size14,
+    Wrapper: labelPosition === 'top' ? TopLabelWrapper : LeftLabelWrapper,
+    ...ownProps
+  }), [fieldId, labelId, labelPosition]);
+  const getFieldProps = useCallback(ownProps => ({
+    id: fieldId,
+    'aria-describedby': groupNode ? undefined : describerId,
+    ...formCommonProps,
+    ...ownProps
+  }), [fieldId, describerId, formCommonProps, groupNode]);
+  const getHelperTextProps = useCallback(ownProps => ({
+    id: helperTextId,
+    visible: isNil(formCommonProps?.hasError) || !formCommonProps?.hasError,
+    ref: setHelperTextNode,
+    Wrapper: labelPosition === 'top' ? TopHelperTextWrapper : LeftHelperTextWrapper,
+    ...ownProps
+  }), [helperTextId, labelPosition, formCommonProps]);
+  const getErrorMessageProps = useCallback(ownProps => ({
+    id: errorMessageId,
+    visible: isNil(formCommonProps?.hasError) || formCommonProps?.hasError,
+    ref: setErrorMessageNode,
+    Wrapper: labelPosition === 'top' ? TopHelperTextWrapper : LeftHelperTextWrapper,
+    ...ownProps
+  }), [errorMessageId, labelPosition, formCommonProps]);
+  const contextValue = useMemo(() => ({
+    id,
+    labelId,
+    helperTextId,
+    errorMessageId,
+    getGroupProps,
+    getLabelProps,
+    getFieldProps,
+    getHelperTextProps,
+    getErrorMessageProps,
+    ...formCommonProps
+  }), [id, labelId, helperTextId, errorMessageId, getGroupProps, getLabelProps, getFieldProps, getHelperTextProps, getErrorMessageProps, formCommonProps]);
+  const containerStyle = useMemo(() => ({
+    ...style,
+    '--bezier-form-control-left-label-wrapper-height': `${leftLabelWrapperHeight}px`
+  }), [style, leftLabelWrapperHeight]);
+  if (!children) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.createElement(FormControlContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React__default.createElement(Container, Object.assign({}, bezierProps, {
+    ref: forwardedRef,
+    style: containerStyle,
+    testId: testId,
+    labelPosition: labelPosition
+  }), children));
+});
+
+export { FORM_CONTROL_TEST_ID, FormControl };
+//# sourceMappingURL=FormControl.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.mjs","sources":["../../../../../src/components/Forms/FormControl/FormControl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { Typography } from '~/src/foundation'\n\nimport useId from '~/src/hooks/useId'\nimport {\n  omitBezierComponentProps,\n  pickBezierComponentProps,\n} from '~/src/utils/propsUtils'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\n\n// eslint-disable-next-line no-restricted-imports\nimport FormFieldSize from '../FormFieldSize'\n\nimport {\n  type ContainerProps,\n  type ErrorMessagePropsGetter,\n  type FieldPropsGetter,\n  type FormControlProps,\n  type GroupPropsGetter,\n  type HelperTextPropsGetter,\n  type LabelPropsGetter,\n} from './FormControl.types'\nimport { FormControlContext } from './FormControlContext'\n\nimport * as Styled from './FormControl.styled'\n\nexport const FORM_CONTROL_TEST_ID = 'bezier-react-form-control'\n\nconst Container = forwardRef<HTMLElement, ContainerProps>(function Container({\n  labelPosition,\n  children,\n  testId,\n  ...rest\n}, forwardedRef) {\n  switch (labelPosition) {\n    case 'top':\n      return (\n        <AlphaStack\n          ref={forwardedRef}\n          direction=\"vertical\"\n          testId={testId}\n          {...rest}\n        >\n          { children }\n        </AlphaStack>\n      )\n\n    case 'left':\n    default:\n      return (\n        <Styled.Grid\n          ref={forwardedRef}\n          data-testid={testId}\n          {...rest}\n        >\n          { children }\n        </Styled.Grid>\n      )\n  }\n})\n\nexport const FormControl = forwardRef<HTMLElement, FormControlProps>(function FormControl({\n  id: idProp,\n  testId = FORM_CONTROL_TEST_ID,\n  labelPosition = 'top',\n  leftLabelWrapperHeight = FormFieldSize.M,\n  style,\n  children,\n  ...rest\n}, forwardedRef) {\n  const [groupNode, setGroupNode] = useState<HTMLElement | null>(null)\n  const [helperTextNode, setHelperTextNode] = useState<HTMLElement | null>(null)\n  const [errorMessageNode, setErrorMessageNode] = 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) { return errorMessageId }\n    if (helperTextNode) { return helperTextId }\n    return undefined\n  }, [\n    errorMessageNode,\n    helperTextNode,\n    errorMessageId,\n    helperTextId,\n  ])\n\n  const bezierProps = useMemo(() => pickBezierComponentProps(rest), [rest])\n  const formCommonProps = useMemo(() => omitBezierComponentProps(rest), [rest])\n\n  const getGroupProps = useCallback<GroupPropsGetter>(ownProps => ({\n    id: groupId,\n    'aria-labelledby': labelId,\n    'aria-describedby': describerId,\n    ref: setGroupNode,\n    ...ownProps,\n  }), [\n    groupId,\n    labelId,\n    describerId,\n  ])\n\n  const getLabelProps = useCallback<LabelPropsGetter>(ownProps => ({\n    id: labelId,\n    htmlFor: fieldId,\n    typo: labelPosition === 'top' ? Typography.Size13 : Typography.Size14,\n    Wrapper: labelPosition === 'top'\n      ? Styled.TopLabelWrapper\n      : Styled.LeftLabelWrapper,\n    ...ownProps,\n  }), [\n    fieldId,\n    labelId,\n    labelPosition,\n  ])\n\n  const getFieldProps = useCallback<FieldPropsGetter>(ownProps => ({\n    id: fieldId,\n    'aria-describedby': groupNode ? undefined : describerId,\n    ...formCommonProps,\n    ...ownProps,\n  }), [\n    fieldId,\n    describerId,\n    formCommonProps,\n    groupNode,\n  ])\n\n  const getHelperTextProps = useCallback<HelperTextPropsGetter>(ownProps => ({\n    id: helperTextId,\n    visible: isNil(formCommonProps?.hasError) || !formCommonProps?.hasError,\n    ref: setHelperTextNode,\n    Wrapper: labelPosition === 'top'\n      ? Styled.TopHelperTextWrapper\n      : Styled.LeftHelperTextWrapper,\n    ...ownProps,\n  }), [\n    helperTextId,\n    labelPosition,\n    formCommonProps,\n  ])\n\n  const getErrorMessageProps = useCallback<ErrorMessagePropsGetter>(ownProps => ({\n    id: errorMessageId,\n    visible: isNil(formCommonProps?.hasError) || formCommonProps?.hasError,\n    ref: setErrorMessageNode,\n    Wrapper: labelPosition === 'top'\n      ? Styled.TopHelperTextWrapper\n      : Styled.LeftHelperTextWrapper,\n    ...ownProps,\n  }), [\n    errorMessageId,\n    labelPosition,\n    formCommonProps,\n  ])\n\n  const contextValue = useMemo(() => ({\n    id,\n    labelId,\n    helperTextId,\n    errorMessageId,\n    getGroupProps,\n    getLabelProps,\n    getFieldProps,\n    getHelperTextProps,\n    getErrorMessageProps,\n    ...formCommonProps,\n  }), [\n    id,\n    labelId,\n    helperTextId,\n    errorMessageId,\n    getGroupProps,\n    getLabelProps,\n    getFieldProps,\n    getHelperTextProps,\n    getErrorMessageProps,\n    formCommonProps,\n  ])\n\n  const containerStyle = useMemo(() => ({\n    ...style,\n    '--bezier-form-control-left-label-wrapper-height': `${leftLabelWrapperHeight}px`,\n  } as React.CSSProperties), [\n    style,\n    leftLabelWrapperHeight,\n  ])\n\n  if (!children) { return null }\n\n  return (\n    <FormControlContext.Provider value={contextValue}>\n      <Container\n        {...bezierProps}\n        ref={forwardedRef}\n        style={containerStyle}\n        testId={testId}\n        labelPosition={labelPosition}\n      >\n        { children }\n      </Container>\n    </FormControlContext.Provider>\n  )\n})\n"],"names":["FORM_CONTROL_TEST_ID","Container","forwardRef","labelPosition","children","testId","rest","forwardedRef","React","createElement","AlphaStack","Object","assign","ref","direction","Styled","FormControl","id","idProp","leftLabelWrapperHeight","FormFieldSize","M","style","groupNode","setGroupNode","useState","helperTextNode","setHelperTextNode","errorMessageNode","setErrorMessageNode","useId","groupId","labelId","helperTextId","errorMessageId","fieldId","undefined","describerId","useMemo","bezierProps","pickBezierComponentProps","formCommonProps","omitBezierComponentProps","getGroupProps","useCallback","ownProps","getLabelProps","htmlFor","typo","Typography","Size13","Size14","Wrapper","getFieldProps","getHelperTextProps","visible","isNil","hasError","getErrorMessageProps","contextValue","containerStyle","FormControlContext","Provider","value"],"mappings":"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"}