@channel.io/bezier-react 1.5.0 → 1.6.0

package/dist/cjs/components/Forms/Slider/Slider.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var React = require('react');
+var index_module = require('../../../node_modules/@radix-ui/react-slider/dist/index.module.js');
+var functionUtils = require('../../../utils/functionUtils.js');
+var Slider_styled = require('./Slider.styled.js');
+
+const SLIDER_TEST_ID = 'bezier-react-slider';
+const SLIDER_THUMB_TEST_ID = 'bezier-react-slider-thumb';
+const Slider = /*#__PURE__*/React.forwardRef(function Slider({
+  width = 36,
+  guide,
+  onThumbPointerDown = functionUtils.noop,
+  onThumbPointerUp = functionUtils.noop,
+  defaultValue = [5],
+  value,
+  disabled = false,
+  min = 0,
+  max = 10,
+  step = 1,
+  onValueChange = functionUtils.noop,
+  minStepsBetweenThumbs = 0,
+  ...rest
+}, forwardedRef) {
+  const [currentValue, setCurrentValue] = React.useState(value ?? defaultValue);
+  React.useEffect(function updateCurrentValue() {
+    if (value) {
+      setCurrentValue(value);
+      onValueChange(value);
+    }
+  }, [value, onValueChange]);
+  const handleValueChange = React.useCallback(_value => {
+    setCurrentValue(_value);
+    onValueChange(_value);
+  }, [onValueChange]);
+  const handlePointerDown = React.useCallback(() => {
+    if (!disabled) {
+      onThumbPointerDown(currentValue);
+    }
+  }, [disabled, onThumbPointerDown, currentValue]);
+  const handlePointerUp = React.useCallback(() => {
+    if (!disabled) {
+      onThumbPointerUp(currentValue);
+    }
+  }, [disabled, onThumbPointerUp, currentValue]);
+  return /*#__PURE__*/React.createElement(index_module.Root, {
+    asChild: true,
+    defaultValue: defaultValue,
+    value: currentValue,
+    disabled: disabled,
+    min: min,
+    max: max,
+    step: step,
+    onValueChange: handleValueChange,
+    minStepsBetweenThumbs: minStepsBetweenThumbs
+  }, /*#__PURE__*/React.createElement(Slider_styled.SliderRoot, Object.assign({
+    width: width,
+    disabled: disabled,
+    ref: forwardedRef,
+    "data-testid": SLIDER_TEST_ID
+  }, rest), /*#__PURE__*/React.createElement(index_module.Track, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(Slider_styled.SliderTrack, null, /*#__PURE__*/React.createElement(index_module.Range, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(Slider_styled.SliderRange, null)))), guide?.map(guideValue => /*#__PURE__*/React.createElement(Slider_styled.SliderGuide, {
+    key: `slider-guide-${guideValue}`,
+    min: min,
+    max: max,
+    guideValue: guideValue
+  })), currentValue.map((v, i) => /*#__PURE__*/React.createElement(index_module.Thumb, {
+    asChild: true
+    // eslint-disable-next-line react/no-array-index-key
+    ,
+    key: `slider-thumb-${i}`,
+    onPointerDown: handlePointerDown,
+    onPointerUp: handlePointerUp
+  }, /*#__PURE__*/React.createElement(Slider_styled.SliderThumb, {
+    "data-testid": SLIDER_THUMB_TEST_ID
+  })))));
+});
+
+exports.SLIDER_TEST_ID = SLIDER_TEST_ID;
+exports.SLIDER_THUMB_TEST_ID = SLIDER_THUMB_TEST_ID;
+exports.Slider = Slider;
+//# sourceMappingURL=Slider.js.map

package/dist/cjs/components/Forms/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../../../src/components/Forms/Slider/Slider.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react'\n\nimport * as SliderPrimitive from '@radix-ui/react-slider'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport type SliderProps from './Slider.types'\n\nimport * as Styled from './Slider.styled'\n\nexport const SLIDER_TEST_ID = 'bezier-react-slider'\nexport const SLIDER_THUMB_TEST_ID = 'bezier-react-slider-thumb'\n\nexport const Slider = forwardRef(function Slider(\n  {\n    width = 36,\n    guide,\n    onThumbPointerDown = noop,\n    onThumbPointerUp = noop,\n    defaultValue = [5],\n    value,\n    disabled = false,\n    min = 0,\n    max = 10,\n    step = 1,\n    onValueChange = noop,\n    minStepsBetweenThumbs = 0,\n    ...rest\n  }: SliderProps,\n  forwardedRef: React.Ref<HTMLDivElement>,\n) {\n  const [currentValue, setCurrentValue] = useState<number[]>(value ?? defaultValue)\n\n  useEffect(function updateCurrentValue() {\n    if (value) {\n      setCurrentValue(value)\n      onValueChange(value)\n    }\n  }, [\n    value,\n    onValueChange,\n  ])\n\n  const handleValueChange: (value: number[]) => void = useCallback((_value) => {\n    setCurrentValue(_value)\n    onValueChange(_value)\n  }, [onValueChange])\n\n  const handlePointerDown: React.PointerEventHandler<HTMLElement> = useCallback(() => {\n    if (!disabled) {\n      onThumbPointerDown(currentValue)\n    }\n  }, [\n    disabled,\n    onThumbPointerDown,\n    currentValue,\n  ])\n\n  const handlePointerUp: React.PointerEventHandler<HTMLElement> = useCallback(() => {\n    if (!disabled) {\n      onThumbPointerUp(currentValue)\n    }\n  }, [\n    disabled,\n    onThumbPointerUp,\n    currentValue,\n  ])\n\n  return (\n    <SliderPrimitive.Root\n      asChild\n      defaultValue={defaultValue}\n      value={currentValue}\n      disabled={disabled}\n      min={min}\n      max={max}\n      step={step}\n      onValueChange={handleValueChange}\n      minStepsBetweenThumbs={minStepsBetweenThumbs}\n    >\n      <Styled.SliderRoot\n        width={width}\n        disabled={disabled}\n        ref={forwardedRef}\n        data-testid={SLIDER_TEST_ID}\n        {...rest}\n      >\n        <SliderPrimitive.Track asChild>\n          <Styled.SliderTrack>\n            <SliderPrimitive.Range asChild>\n              <Styled.SliderRange />\n            </SliderPrimitive.Range>\n          </Styled.SliderTrack>\n        </SliderPrimitive.Track>\n        { guide?.map((guideValue) => (\n          <Styled.SliderGuide\n            key={`slider-guide-${guideValue}`}\n            min={min}\n            max={max}\n            guideValue={guideValue}\n          />\n        )) }\n        { currentValue.map((v, i) => (\n          <SliderPrimitive.Thumb\n            asChild\n            // eslint-disable-next-line react/no-array-index-key\n            key={`slider-thumb-${i}`}\n            onPointerDown={handlePointerDown}\n            onPointerUp={handlePointerUp}\n          >\n            <Styled.SliderThumb\n              data-testid={SLIDER_THUMB_TEST_ID}\n            />\n          </SliderPrimitive.Thumb>\n        )) }\n      </Styled.SliderRoot>\n    </SliderPrimitive.Root>\n  )\n})\n"],"names":["SLIDER_TEST_ID","SLIDER_THUMB_TEST_ID","Slider","forwardRef","width","guide","onThumbPointerDown","noop","onThumbPointerUp","defaultValue","value","disabled","min","max","step","onValueChange","minStepsBetweenThumbs","rest","forwardedRef","currentValue","setCurrentValue","useState","useEffect","updateCurrentValue","handleValueChange","useCallback","_value","handlePointerDown","handlePointerUp","React","createElement","SliderPrimitive","asChild","Styled","Object","assign","ref","map","guideValue","key","v","i","onPointerDown","onPointerUp"],"mappings":"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"}

package/dist/cjs/components/Forms/Slider/Slider.styled.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var DisabledOpacity = require('../../../constants/DisabledOpacity.js');
+var styleUtils = require('../../../utils/styleUtils.js');
+var mixins = require('../Inputs/mixins.js');
+var FoundationStyledComponent = require('../../../foundation/FoundationStyledComponent.js');
+
+const SLIDER_TRACK_RANGE_HEIGHT = 6;
+const SLIDER_THUMB_SIZE = 20;
+const SLIDER_GUIDE_WIDTH = 2;
+const SLIDER_GUIDE_HEIGHT = 8;
+function calculateGuideBottomPosition({
+  gap
+}) {
+  return FoundationStyledComponent.css`
+    bottom: calc(${SLIDER_GUIDE_HEIGHT}px + ${SLIDER_GUIDE_HEIGHT / 2}px + ${gap}px);
+  `;
+}
+function calculateGuideLeftPosition({
+  min,
+  max,
+  guideValue
+}) {
+  const relativePositionPercentage = guideValue / (max - min) * 100;
+  const thumbOffsetPx = ((max + min) / 2 - guideValue) * (SLIDER_THUMB_SIZE / (max - min));
+  return FoundationStyledComponent.css`
+    left: calc(${relativePositionPercentage}% - ${SLIDER_GUIDE_WIDTH / 2}px + ${thumbOffsetPx}px);
+  `;
+}
+const SliderRoot = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "Sliderstyled__SliderRoot",
+  componentId: "sc-k2r47n-0"
+})(["position:relative;display:flex;align-items:center;width:", ";height:", "px;touch-action:none;cursor:", ";user-select:none;opacity:", ";", ";", ""], ({
+  width
+}) => styleUtils.toLength(width, '36px'), SLIDER_THUMB_SIZE, ({
+  disabled
+}) => disabled ? 'not-allowed' : 'pointer', ({
+  disabled
+}) => disabled ? DisabledOpacity.default : 'initial', ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS(['opacity']), ({
+  interpolation
+}) => interpolation);
+const SliderTrack = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "Sliderstyled__SliderTrack",
+  componentId: "sc-k2r47n-1"
+})(["position:relative;flex:1;height:", "px;", " background-color:", ";", ""], SLIDER_TRACK_RANGE_HEIGHT, ({
+  foundation
+}) => foundation?.rounding?.round3, ({
+  foundation
+}) => foundation?.theme?.['bg-black-dark'], ({
+  interpolation
+}) => interpolation);
+const SliderRange = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "Sliderstyled__SliderRange",
+  componentId: "sc-k2r47n-2"
+})(["position:absolute;height:100%;", " background-color:", ";", ""], ({
+  foundation
+}) => foundation?.rounding?.round3, ({
+  foundation
+}) => foundation?.theme?.['bgtxt-green-normal'], ({
+  interpolation
+}) => interpolation);
+const SliderGuide = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "Sliderstyled__SliderGuide",
+  componentId: "sc-k2r47n-3"
+})(["position:absolute;", " ", " width:", "px;height:", "px;", " background-color:", ";", ""], calculateGuideBottomPosition({
+  gap: 3
+}), ({
+  min,
+  max,
+  guideValue
+}) => calculateGuideLeftPosition({
+  min,
+  max,
+  guideValue
+}), SLIDER_GUIDE_WIDTH, SLIDER_GUIDE_HEIGHT, ({
+  foundation
+}) => foundation?.rounding?.round1, ({
+  foundation
+}) => foundation?.theme?.['bg-black-light'], ({
+  interpolation
+}) => interpolation);
+const SliderThumb = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
+  displayName: "Sliderstyled__SliderThumb",
+  componentId: "sc-k2r47n-4"
+})(["all:unset;display:block;width:", "px;height:", "px;", " ", " background-color:", ";&:hover{", " background-color:", ";}&:focus-visible{", "}", " ", ""], SLIDER_THUMB_SIZE, SLIDER_THUMB_SIZE, ({
+  foundation
+}) => foundation?.rounding?.round12, ({
+  foundation
+}) => foundation?.elevation?.ev2(), ({
+  foundation
+}) => foundation?.theme?.['bgtxt-absolute-white-dark'], ({
+  foundation
+}) => foundation?.elevation?.ev3(), ({
+  foundation
+}) => foundation?.theme?.['bgtxt-absolute-white-dark'], mixins.focusedInputWrapperStyle, ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS(['box-shadow']), ({
+  interpolation
+}) => interpolation);
+
+exports.SliderGuide = SliderGuide;
+exports.SliderRange = SliderRange;
+exports.SliderRoot = SliderRoot;
+exports.SliderThumb = SliderThumb;
+exports.SliderTrack = SliderTrack;
+//# sourceMappingURL=Slider.styled.js.map

package/dist/cjs/components/Forms/Slider/Slider.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.styled.js","sources":["../../../../../src/components/Forms/Slider/Slider.styled.ts"],"sourcesContent":["import {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { toLength } from '~/src/utils/styleUtils'\n\nimport { focusedInputWrapperStyle } from '~/src/components/Forms/Inputs/mixins'\n\nimport type SliderProps from './Slider.types'\n\nconst SLIDER_TRACK_RANGE_HEIGHT = 6\nconst SLIDER_THUMB_SIZE = 20\nconst SLIDER_GUIDE_WIDTH = 2\nconst SLIDER_GUIDE_HEIGHT = 8\n\ninterface CalculateGuideBottomPosition {\n  gap: number\n}\n\nfunction calculateGuideBottomPosition({\n  gap,\n}: CalculateGuideBottomPosition) {\n  return css`\n    bottom: calc(${SLIDER_GUIDE_HEIGHT}px + ${SLIDER_GUIDE_HEIGHT / 2}px + ${gap}px);\n  `\n}\n\ninterface CalculateGuideLeftPosition {\n  min: number\n  max: number\n  guideValue: number\n}\n\nfunction calculateGuideLeftPosition({\n  min,\n  max,\n  guideValue,\n}: CalculateGuideLeftPosition) {\n  const relativePositionPercentage = (guideValue / (max - min)) * 100\n  const thumbOffsetPx = (((max + min) / 2) - guideValue) * (SLIDER_THUMB_SIZE / ((max - min)))\n\n  return css`\n    left: calc(${relativePositionPercentage}% - ${SLIDER_GUIDE_WIDTH / 2}px + ${thumbOffsetPx}px);\n  `\n}\n\ninterface SliderRootProps extends SliderProps {\n  width: NonNullable<SliderProps['width']>\n}\n\nexport const SliderRoot = styled.div<SliderRootProps>`\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  width: ${({ width }) => toLength(width, '36px')};\n  height: ${SLIDER_THUMB_SIZE}px;\n\n  touch-action: none;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n  user-select: none;\n\n  opacity: ${({ disabled }) => (disabled ? DisabledOpacity : 'initial')};\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['opacity'])};\n  ${({ interpolation }) => interpolation}\n`\n\ninterface SliderTrackProps extends SliderProps {}\n\nexport const SliderTrack = styled.div<SliderTrackProps>`\n  position: relative;\n  flex: 1;\n  height: ${SLIDER_TRACK_RANGE_HEIGHT}px;\n\n  ${({ foundation }) => foundation?.rounding?.round3}\n  background-color: ${({ foundation }) => foundation?.theme?.['bg-black-dark']};\n\n  ${({ interpolation }) => interpolation}\n`\n\ninterface SliderRangeProps extends SliderProps {}\n\nexport const SliderRange = styled.div<SliderRangeProps>`\n  position: absolute;\n  height: 100%;\n\n  ${({ foundation }) => foundation?.rounding?.round3}\n  background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-green-normal']};\n\n  ${({ interpolation }) => interpolation}\n`\n\ninterface SliderGuideProps extends SliderProps {\n  min: NonNullable<SliderProps['min']>\n  max: NonNullable<SliderProps['max']>\n  guideValue: number\n}\n\nexport const SliderGuide = styled.div<SliderGuideProps>`\n  position: absolute;\n  ${calculateGuideBottomPosition({ gap: 3 })}\n  ${({ min, max, guideValue }) => calculateGuideLeftPosition({ min, max, guideValue })}\n\n  width: ${SLIDER_GUIDE_WIDTH}px;\n  height: ${SLIDER_GUIDE_HEIGHT}px;\n\n  ${({ foundation }) => foundation?.rounding?.round1}\n  background-color: ${({ foundation }) => foundation?.theme?.['bg-black-light']};\n\n  ${({ interpolation }) => interpolation}\n`\n\ninterface SliderThumbProps extends SliderProps {}\n\nexport const SliderThumb = styled.div<SliderThumbProps>`\n  all: unset;\n  display: block;\n\n  width: ${SLIDER_THUMB_SIZE}px;\n  height: ${SLIDER_THUMB_SIZE}px;\n\n  ${({ foundation }) => foundation?.rounding?.round12}\n  ${({ foundation }) => foundation?.elevation?.ev2()}\n  background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-absolute-white-dark']};\n\n  &:hover {\n    ${({ foundation }) => foundation?.elevation?.ev3()}\n    background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-absolute-white-dark']};\n  }\n\n  &:focus-visible {\n    ${focusedInputWrapperStyle}\n  }\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['box-shadow'])}\n  ${({ interpolation }) => interpolation}\n`\n"],"names":["SLIDER_TRACK_RANGE_HEIGHT","SLIDER_THUMB_SIZE","SLIDER_GUIDE_WIDTH","SLIDER_GUIDE_HEIGHT","calculateGuideBottomPosition","gap","css","calculateGuideLeftPosition","min","max","guideValue","relativePositionPercentage","thumbOffsetPx","SliderRoot","styled","div","withConfig","displayName","componentId","width","toLength","disabled","DisabledOpacity","foundation","transition","getTransitionsCSS","interpolation","SliderTrack","rounding","round3","theme","SliderRange","SliderGuide","round1","SliderThumb","round12","elevation","ev2","ev3","focusedInputWrapperStyle"],"mappings":"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"}

package/dist/cjs/components/Forms/Switch/Switch.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var React = require('react');
+var index_module = require('../../../node_modules/@radix-ui/react-switch/dist/index.module.js');
+var useFormFieldProps = require('../useFormFieldProps.js');
+var Switch_types = require('./Switch.types.js');
+var Switch_styled = require('./Switch.styled.js');
+
+const SWITCH_TEST_ID = 'bezier-react-switch';
+const SWITCH_HANDLE_TEST_ID = 'bezier-react-switch-handle';
+const Switch = /*#__PURE__*/React.forwardRef(function Switch({
+  testId = SWITCH_TEST_ID,
+  handleTestId = SWITCH_HANDLE_TEST_ID,
+  checked,
+  defaultChecked = false,
+  onCheckedChange,
+  size = Switch_types.SwitchSize.M,
+  ...rest
+}, forwardedRef) {
+  const {
+    disabled,
+    required,
+    ...ownProps
+  } = useFormFieldProps.default(rest);
+  return /*#__PURE__*/React.createElement(index_module.Root, Object.assign({
+    asChild: true,
+    checked: checked,
+    defaultChecked: defaultChecked,
+    onCheckedChange: onCheckedChange,
+    required: required,
+    disabled: disabled
+  }, ownProps), /*#__PURE__*/React.createElement(Switch_styled.SwitchRoot, {
+    ref: forwardedRef,
+    size: size,
+    "data-testid": testId
+  }, /*#__PURE__*/React.createElement(index_module.Thumb, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(Switch_styled.SwitchThumb, {
+    size: size,
+    "data-testid": handleTestId
+  }))));
+});
+
+exports.SWITCH_HANDLE_TEST_ID = SWITCH_HANDLE_TEST_ID;
+exports.SWITCH_TEST_ID = SWITCH_TEST_ID;
+exports.Switch = Switch;
+//# sourceMappingURL=Switch.js.map

package/dist/cjs/components/Forms/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Forms/Switch/Switch.tsx"],"sourcesContent":["import React, {\n  type ReactElement,\n  type Ref,\n  forwardRef,\n} from 'react'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\n\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\n\nimport type SwitchProps from './Switch.types'\nimport { SwitchSize } from './Switch.types'\n\nimport * as Styled from './Switch.styled'\n\nexport const SWITCH_TEST_ID = 'bezier-react-switch'\nexport const SWITCH_HANDLE_TEST_ID = 'bezier-react-switch-handle'\n\nexport const Switch = forwardRef(function Switch(\n  {\n    testId = SWITCH_TEST_ID,\n    handleTestId = SWITCH_HANDLE_TEST_ID,\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    size = SwitchSize.M,\n    ...rest\n  }: SwitchProps,\n  forwardedRef: Ref<HTMLButtonElement>,\n): ReactElement {\n  const {\n    disabled,\n    required,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  return (\n    <SwitchPrimitive.Root\n      asChild\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={onCheckedChange}\n      required={required}\n      disabled={disabled}\n      {...ownProps}\n    >\n      <Styled.SwitchRoot\n        ref={forwardedRef}\n        size={size}\n        data-testid={testId}\n      >\n        <SwitchPrimitive.Thumb asChild>\n          <Styled.SwitchThumb\n            size={size}\n            data-testid={handleTestId}\n          />\n        </SwitchPrimitive.Thumb>\n      </Styled.SwitchRoot>\n    </SwitchPrimitive.Root>\n  )\n})\n"],"names":["SWITCH_TEST_ID","SWITCH_HANDLE_TEST_ID","Switch","forwardRef","testId","handleTestId","checked","defaultChecked","onCheckedChange","size","SwitchSize","M","rest","forwardedRef","disabled","required","ownProps","useFormFieldProps","React","createElement","SwitchPrimitive","Object","assign","asChild","Styled","ref"],"mappings":";;;;;;;;AAeO,MAAMA,cAAc,GAAG,sBAAqB;AAC5C,MAAMC,qBAAqB,GAAG,6BAA4B;MAEpDC,MAAM,gBAAGC,gBAAU,CAAC,SAASD,MAAMA,CAC9C;AACEE,EAAAA,MAAM,GAAGJ,cAAc;AACvBK,EAAAA,YAAY,GAAGJ,qBAAqB;EACpCK,OAAO;AACPC,EAAAA,cAAc,GAAG,KAAK;EACtBC,eAAe;EACfC,IAAI,GAAGC,uBAAU,CAACC,CAAC;EACnB,GAAGC,IAAAA;AACQ,CAAC,EACdC,YAAoC,EACtB;EACd,MAAM;IACJC,QAAQ;IACRC,QAAQ;IACR,GAAGC,QAAAA;AACL,GAAC,GAAGC,yBAAiB,CAACL,IAAI,CAAC,CAAA;EAE3B,oBACEM,KAAA,CAAAC,aAAA,CAACC,iBAAoB,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACnBC,OAAO,EAAA,IAAA;AACPjB,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCO,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,QAAQ,EAAEA,QAAAA;GACNE,EAAAA,QAAQ,gBAEZE,KAAA,CAAAC,aAAA,CAACK,wBAAiB,EAAA;AAChBC,IAAAA,GAAG,EAAEZ,YAAa;AAClBJ,IAAAA,IAAI,EAAEA,IAAK;IACX,aAAaL,EAAAA,MAAAA;AAAO,GAAA,eAEpBc,KAAA,CAAAC,aAAA,CAACC,kBAAqB,EAAA;IAACG,OAAO,EAAA,IAAA;AAAA,GAAA,eAC5BL,KAAA,CAAAC,aAAA,CAACK,yBAAkB,EAAA;AACjBf,IAAAA,IAAI,EAAEA,IAAK;IACX,aAAaJ,EAAAA,YAAAA;GACd,CACoB,CACN,CACC,CAAC,CAAA;AAE3B,CAAC;;;;;;"}

package/dist/cjs/components/Forms/Switch/Switch.styled.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var DisabledOpacity = require('../../../constants/DisabledOpacity.js');
+var mixins = require('../Inputs/mixins.js');
+var Switch_types = require('./Switch.types.js');
+var FoundationStyledComponent = require('../../../foundation/FoundationStyledComponent.js');
+
+const PADDING = 3;
+const SWITCH_WIDTH = {
+  [Switch_types.SwitchSize.M]: 36,
+  [Switch_types.SwitchSize.S]: 30
+};
+const SWITCH_HEIGHT = {
+  [Switch_types.SwitchSize.M]: 24,
+  [Switch_types.SwitchSize.S]: 20
+};
+const SWITCH_HANDLE_WIDTH_HEIGHT = {
+  [Switch_types.SwitchSize.M]: 18,
+  [Switch_types.SwitchSize.S]: 14
+};
+const SwitchRoot = /*#__PURE__*/FoundationStyledComponent.styled.button.withConfig({
+  displayName: "Switchstyled__SwitchRoot",
+  componentId: "sc-1vz8ffk-0"
+})(["all:unset;position:relative;width:", "px;height:", "px;cursor:pointer;", " background-color:", ";&[data-state='checked']{background-color:", ";&:hover{background-color:", ";}}opacity:initial;&:disabled{cursor:not-allowed;opacity:", ";}&:focus-visible{", "}", ";"], ({
+  size
+}) => SWITCH_WIDTH[size], ({
+  size
+}) => SWITCH_HEIGHT[size], ({
+  foundation
+}) => foundation?.rounding?.round12, ({
+  foundation
+}) => foundation?.theme?.['bg-black-dark'], ({
+  foundation
+}) => foundation?.theme?.['bgtxt-green-normal'], ({
+  foundation
+}) => foundation?.theme?.['bgtxt-green-dark'], DisabledOpacity.default, mixins.focusedInputWrapperStyle, ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS(['background-color', 'opacity']));
+const SwitchThumb = /*#__PURE__*/FoundationStyledComponent.styled.span.withConfig({
+  displayName: "Switchstyled__SwitchThumb",
+  componentId: "sc-1vz8ffk-1"
+})(["all:unset;position:absolute;top:", "px;left:", "px;width:", "px;height:", "px;", " ", ";background-color:", ";transform:initial;&[data-state='checked']{transform:", ";}", ";"], PADDING, PADDING, ({
+  size
+}) => SWITCH_HANDLE_WIDTH_HEIGHT[size], ({
+  size
+}) => SWITCH_HANDLE_WIDTH_HEIGHT[size], ({
+  foundation
+}) => foundation?.rounding?.round12, ({
+  foundation
+}) => foundation?.elevation?.ev2(), ({
+  foundation
+}) => foundation?.theme?.['bgtxt-absolute-white-dark'], ({
+  size
+}) => `translateX(${SWITCH_WIDTH[size] - SWITCH_HANDLE_WIDTH_HEIGHT[size] - PADDING * 2}px)`, ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS(['transform']));
+
+exports.SwitchRoot = SwitchRoot;
+exports.SwitchThumb = SwitchThumb;
+//# sourceMappingURL=Switch.styled.js.map

package/dist/cjs/components/Forms/Switch/Switch.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.styled.js","sources":["../../../../../src/components/Forms/Switch/Switch.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\n\nimport { focusedInputWrapperStyle } from '~/src/components/Forms/Inputs/mixins'\n\nimport type SwitchProps from './Switch.types'\nimport { SwitchSize } from './Switch.types'\n\nconst PADDING = 3\n\nconst SWITCH_WIDTH: Record<SwitchSize, number> = {\n  [SwitchSize.M]: 36,\n  [SwitchSize.S]: 30,\n}\n\nconst SWITCH_HEIGHT: Record<SwitchSize, number> = {\n  [SwitchSize.M]: 24,\n  [SwitchSize.S]: 20,\n}\n\nconst SWITCH_HANDLE_WIDTH_HEIGHT: Record<SwitchSize, number> = {\n  [SwitchSize.M]: 18,\n  [SwitchSize.S]: 14,\n}\n\ninterface SwitchRootProps extends SwitchProps {\n  size: NonNullable<SwitchProps['size']>\n}\n\nexport const SwitchRoot = styled.button<SwitchRootProps>`\n  all: unset;\n\n  position: relative;\n\n  width: ${({ size }) => SWITCH_WIDTH[size]}px;\n  height: ${({ size }) => SWITCH_HEIGHT[size]}px;\n\n  cursor: pointer;\n\n  ${({ foundation }) => foundation?.rounding?.round12}\n\n  background-color: ${({ foundation }) => foundation?.theme?.['bg-black-dark']};\n\n  &[data-state='checked'] {\n    background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-green-normal']};\n\n    &:hover {\n      background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-green-dark']};\n    }\n  }\n\n  opacity: initial;\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: ${DisabledOpacity};\n  }\n\n  &:focus-visible {\n    ${focusedInputWrapperStyle}\n  }\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['background-color', 'opacity'])};\n`\n\ninterface SwitchThumbProps extends SwitchProps {\n  size: NonNullable<SwitchProps['size']>\n}\n\nexport const SwitchThumb = styled.span<SwitchThumbProps>`\n  all: unset;\n\n  position: absolute;\n  top: ${PADDING}px;\n  left: ${PADDING}px;\n\n  width: ${({ size }) => SWITCH_HANDLE_WIDTH_HEIGHT[size]}px;\n  height: ${({ size }) => SWITCH_HANDLE_WIDTH_HEIGHT[size]}px;\n  ${({ foundation }) => foundation?.rounding?.round12}\n  ${({ foundation }) => foundation?.elevation?.ev2()};\n  background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-absolute-white-dark']};\n\n  transform: initial;\n\n  &[data-state='checked'] {\n    transform: ${({ size }) => `translateX(${SWITCH_WIDTH[size] - SWITCH_HANDLE_WIDTH_HEIGHT[size] - (PADDING * 2)}px)`};\n  }\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['transform'])};\n`\n"],"names":["PADDING","SWITCH_WIDTH","SwitchSize","M","S","SWITCH_HEIGHT","SWITCH_HANDLE_WIDTH_HEIGHT","SwitchRoot","styled","button","withConfig","displayName","componentId","size","foundation","rounding","round12","theme","DisabledOpacity","focusedInputWrapperStyle","transition","getTransitionsCSS","SwitchThumb","span","elevation","ev2"],"mappings":"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"}

package/dist/cjs/components/Forms/Switch/Switch.types.js

@@ -0,0 +1,10 @@
+'use strict';
+
+let SwitchSize = /*#__PURE__*/function (SwitchSize) {
+  SwitchSize["M"] = "m";
+  SwitchSize["S"] = "s";
+  return SwitchSize;
+}({});
+
+exports.SwitchSize = SwitchSize;
+//# sourceMappingURL=Switch.types.js.map

package/dist/cjs/components/Forms/Switch/Switch.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.types.js","sources":["../../../../../src/components/Forms/Switch/Switch.types.ts"],"sourcesContent":["import type { SwitchProps as SwitchPrimitiveProps } from '@radix-ui/react-switch'\n\nimport type {\n  AdditionalTestIdProps,\n  BezierComponentProps,\n  SizeProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms/Form.types'\n\nexport enum SwitchSize {\n  M = 'm',\n  S = 's',\n}\n\ninterface SwitchOptions extends Omit<SwitchPrimitiveProps, 'asChild'> {\n  /**\n   * The state of the switch when it is initially rendered.\n   * Use when you do not need to control its state.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n\n  /**\n   * The controlled state of the switch.\n   * Must be used in conjunction with `onCheckedChange`.\n   */\n  checked?: boolean\n\n  /**\n   * Event handler called when the state of the switch changes.\n   */\n  onCheckedChange?: (checked: boolean) => void\n\n  /**\n   * When `true`, prevents the user from interacting with the switch.\n   */\n  disabled?: boolean\n\n  /**\n   * When `true`, indicates that the user must check the switch before the owning form can be submitted.\n   */\n  required?: boolean\n\n  /**\n   * The name of the switch.\n   * Submitted with its owning form as part of a name/value pair.\n   */\n  name?: string\n\n  /**\n   * The value given as data when submitted with a `name`.\n   */\n  value?: string\n}\n\nexport default interface SwitchProps extends\n  BezierComponentProps,\n  SizeProps<SwitchSize>,\n  FormComponentProps,\n  AdditionalTestIdProps<'handle'>,\n  SwitchOptions {}\n"],"names":["SwitchSize"],"mappings":";;AAUYA,IAAAA,UAAU,0BAAVA,UAAU,EAAA;EAAVA,UAAU,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAAVA,UAAU,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/cjs/components/Forms/useFormControlContext.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var FormControlContext = require('./FormControl/FormControlContext.js');
+
+function useFormControlContext() {
+  return React.useContext(FormControlContext.FormControlContext);
+}
+
+exports.default = useFormControlContext;
+//# sourceMappingURL=useFormControlContext.js.map

package/dist/cjs/components/Forms/useFormControlContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormControlContext.js","sources":["../../../../src/components/Forms/useFormControlContext.ts"],"sourcesContent":["import { useContext } from 'react'\n\nimport { FormControlContext } from '~/src/components/Forms/FormControl'\n\nfunction useFormControlContext() {\n  return useContext(FormControlContext)\n}\n\nexport default useFormControlContext\n"],"names":["useFormControlContext","useContext","FormControlContext"],"mappings":";;;;;;;AAIA,SAASA,qBAAqBA,GAAG;EAC/B,OAAOC,gBAAU,CAACC,qCAAkB,CAAC,CAAA;AACvC;;;;"}

package/dist/cjs/components/Forms/useFormFieldProps.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var domUtils = require('../../utils/domUtils.js');
+var useFormControlContext = require('./useFormControlContext.js');
+
+// TODO: 테스트 추가
+function useFormFieldProps(props) {
+  const contextValue = useFormControlContext.default();
+  const formFieldProps = React.useMemo(() => {
+    const mergedProps = contextValue?.getFieldProps(props) ?? {
+      ...props
+    };
+    const {
+      disabled = false,
+      readOnly = false,
+      required = false,
+      hasError = false,
+      ...rest
+    } = mergedProps;
+    return {
+      ...rest,
+      'aria-disabled': domUtils.ariaAttr(disabled),
+      'aria-invalid': domUtils.ariaAttr(hasError),
+      'aria-required': domUtils.ariaAttr(required),
+      'aria-readonly': domUtils.ariaAttr(readOnly),
+      disabled,
+      hasError,
+      required,
+      readOnly
+    };
+  }, [props, contextValue]);
+  return formFieldProps;
+}
+
+exports.default = useFormFieldProps;
+//# sourceMappingURL=useFormFieldProps.js.map

package/dist/cjs/components/Forms/useFormFieldProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormFieldProps.js","sources":["../../../../src/components/Forms/useFormFieldProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { ariaAttr } from '~/src/utils/domUtils'\n\nimport type { FormComponentProps } from '~/src/components/Forms/Form.types'\n\nimport useFormControlContext from './useFormControlContext'\n\n// TODO: 테스트 추가\nfunction useFormFieldProps<Props extends FormComponentProps>(props?: Props) {\n  const contextValue = useFormControlContext()\n\n  const formFieldProps = useMemo(() => {\n    const mergedProps = contextValue?.getFieldProps(props) ?? { ...props }\n\n    const {\n      disabled = false,\n      readOnly = false,\n      required = false,\n      hasError = false,\n      ...rest\n    } = mergedProps\n\n    return {\n      ...rest,\n      'aria-disabled': ariaAttr(disabled),\n      'aria-invalid': ariaAttr(hasError),\n      'aria-required': ariaAttr(required),\n      'aria-readonly': ariaAttr(readOnly),\n      disabled,\n      hasError,\n      required,\n      readOnly,\n    }\n  }, [\n    props,\n    contextValue,\n  ])\n\n  return formFieldProps as typeof formFieldProps & Props\n}\n\nexport default useFormFieldProps\n"],"names":["useFormFieldProps","props","contextValue","useFormControlContext","formFieldProps","useMemo","mergedProps","getFieldProps","disabled","readOnly","required","hasError","rest","ariaAttr"],"mappings":";;;;;;;;AAQA;AACA,SAASA,iBAAiBA,CAAmCC,KAAa,EAAE;AAC1E,EAAA,MAAMC,YAAY,GAAGC,6BAAqB,EAAE,CAAA;AAE5C,EAAA,MAAMC,cAAc,GAAGC,aAAO,CAAC,MAAM;IACnC,MAAMC,WAAW,GAAGJ,YAAY,EAAEK,aAAa,CAACN,KAAK,CAAC,IAAI;MAAE,GAAGA,KAAAA;KAAO,CAAA;IAEtE,MAAM;AACJO,MAAAA,QAAQ,GAAG,KAAK;AAChBC,MAAAA,QAAQ,GAAG,KAAK;AAChBC,MAAAA,QAAQ,GAAG,KAAK;AAChBC,MAAAA,QAAQ,GAAG,KAAK;MAChB,GAAGC,IAAAA;AACL,KAAC,GAAGN,WAAW,CAAA;IAEf,OAAO;AACL,MAAA,GAAGM,IAAI;AACP,MAAA,eAAe,EAAEC,iBAAQ,CAACL,QAAQ,CAAC;AACnC,MAAA,cAAc,EAAEK,iBAAQ,CAACF,QAAQ,CAAC;AAClC,MAAA,eAAe,EAAEE,iBAAQ,CAACH,QAAQ,CAAC;AACnC,MAAA,eAAe,EAAEG,iBAAQ,CAACJ,QAAQ,CAAC;MACnCD,QAAQ;MACRG,QAAQ;MACRD,QAAQ;AACRD,MAAAA,QAAAA;KACD,CAAA;AACH,GAAC,EAAE,CACDR,KAAK,EACLC,YAAY,CACb,CAAC,CAAA;AAEF,EAAA,OAAOE,cAAc,CAAA;AACvB;;;;"}

package/dist/cjs/components/Forms/useKeyboardActionLockerWhileComposing.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const isSafari = () => window.navigator.userAgent.search('Safari') >= 0 && window.navigator.userAgent.search('Chrome') < 0;
+function useKeyboardActionLockerWhileComposing({
+  keysToLock,
+  onKeyDown,
+  onKeyUp
+}) {
+  const handlerCache = React.useRef(new Map());
+  const wrapHandler = React.useCallback(handler => {
+    if (!handler) {
+      return undefined;
+    }
+    if (handlerCache.current.has(handler)) {
+      return handlerCache.current.get(handler);
+    }
+    const wrappedHandler = event => {
+      // NOTE: If keysToLock is not provided, lock all keys.
+      const isKeyLocked = event.nativeEvent.isComposing && (!keysToLock || keysToLock.some(controlKey => event.key === controlKey));
+      /**
+       * NOTE
+       * According to the spec(https://www.w3.org/TR/uievents/#events-composition-key-events),
+       * keyDown event that exit composition should be fired before compositionEnd event.
+       * However, Safari has different behavior.
+       * In Safari, keyDown event that exit composition is fired after compositionEnd event.
+       * So, we need to prevent keyDown event that exit composition in Safari.
+       * Browser fires keydown event with keyCode 229 when user is composing.
+       * An event that exits composition is also fired with keyCode 229, even though it has fired after compositionEnd event.
+       * Therefore, we need to check if the event is fired with keyCode 229 in Safari.
+       */
+      const isSafariKeydownWhileComposing = isSafari() && event.type === 'keydown' && event.keyCode === 229;
+      if (isKeyLocked || isSafariKeydownWhileComposing) {
+        event.stopPropagation();
+        return;
+      }
+      handler?.(event);
+    };
+    handlerCache.current.set(handler, wrappedHandler);
+    return wrappedHandler;
+  }, [keysToLock]);
+  return {
+    handleKeyDown: wrapHandler(onKeyDown),
+    handleKeyUp: wrapHandler(onKeyUp)
+  };
+}
+
+exports.default = useKeyboardActionLockerWhileComposing;
+//# sourceMappingURL=useKeyboardActionLockerWhileComposing.js.map

package/dist/cjs/components/Forms/useKeyboardActionLockerWhileComposing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardActionLockerWhileComposing.js","sources":["../../../../src/components/Forms/useKeyboardActionLockerWhileComposing.ts"],"sourcesContent":["import type React from 'react'\nimport {\n  useCallback,\n  useRef,\n} from 'react'\n\ntype HandlerCache<TargetElement extends HTMLElement = HTMLInputElement> =\n  Map<React.KeyboardEventHandler<TargetElement>, React.KeyboardEventHandler<TargetElement>>\ninterface UseKeyboardActionLockerWhileComposingProps<TargetElement extends HTMLElement = HTMLInputElement> {\n  keysToLock?: string[]\n  onKeyDown?: React.KeyboardEventHandler<TargetElement>\n  onKeyUp?: React.KeyboardEventHandler<TargetElement>\n}\n\nconst isSafari = () => window.navigator.userAgent.search('Safari') >= 0 && window.navigator.userAgent.search('Chrome') < 0\n\nfunction useKeyboardActionLockerWhileComposing<TargetElement extends HTMLElement = HTMLInputElement>({\n  keysToLock,\n  onKeyDown,\n  onKeyUp,\n}: UseKeyboardActionLockerWhileComposingProps<TargetElement>) {\n  const handlerCache = useRef<HandlerCache<TargetElement>>(new Map())\n\n  const wrapHandler = useCallback((handler?: React.KeyboardEventHandler<TargetElement>) => {\n    if (!handler) { return undefined }\n    if (handlerCache.current.has(handler)) { return handlerCache.current.get(handler) }\n\n    const wrappedHandler = (event: React.KeyboardEvent<TargetElement>) => {\n      // NOTE: If keysToLock is not provided, lock all keys.\n      const isKeyLocked =\n        event.nativeEvent.isComposing &&\n        (!keysToLock || keysToLock.some(controlKey => event.key === controlKey))\n      /**\n       * NOTE\n       * According to the spec(https://www.w3.org/TR/uievents/#events-composition-key-events),\n       * keyDown event that exit composition should be fired before compositionEnd event.\n       * However, Safari has different behavior.\n       * In Safari, keyDown event that exit composition is fired after compositionEnd event.\n       * So, we need to prevent keyDown event that exit composition in Safari.\n       * Browser fires keydown event with keyCode 229 when user is composing.\n       * An event that exits composition is also fired with keyCode 229, even though it has fired after compositionEnd event.\n       * Therefore, we need to check if the event is fired with keyCode 229 in Safari.\n       */\n      const isSafariKeydownWhileComposing =\n        isSafari() &&\n        event.type === 'keydown' &&\n        event.keyCode === 229\n\n      if (isKeyLocked || isSafariKeydownWhileComposing) {\n        event.stopPropagation()\n        return\n      }\n      handler?.(event)\n    }\n\n    handlerCache.current.set(handler, wrappedHandler)\n    return wrappedHandler\n  }, [keysToLock])\n\n  return {\n    handleKeyDown: wrapHandler(onKeyDown),\n    handleKeyUp: wrapHandler(onKeyUp),\n  }\n}\n\nexport default useKeyboardActionLockerWhileComposing\n"],"names":["isSafari","window","navigator","userAgent","search","useKeyboardActionLockerWhileComposing","keysToLock","onKeyDown","onKeyUp","handlerCache","useRef","Map","wrapHandler","useCallback","handler","undefined","current","has","get","wrappedHandler","event","isKeyLocked","nativeEvent","isComposing","some","controlKey","key","isSafariKeydownWhileComposing","type","keyCode","stopPropagation","set","handleKeyDown","handleKeyUp"],"mappings":";;;;;;AAcA,MAAMA,QAAQ,GAAGA,MAAMC,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAIH,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;AAE1H,SAASC,qCAAqCA,CAAuD;EACnGC,UAAU;EACVC,SAAS;AACTC,EAAAA,OAAAA;AACyD,CAAC,EAAE;EAC5D,MAAMC,YAAY,GAAGC,YAAM,CAA8B,IAAIC,GAAG,EAAE,CAAC,CAAA;AAEnE,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAAEC,OAAmD,IAAK;IACvF,IAAI,CAACA,OAAO,EAAE;AAAE,MAAA,OAAOC,SAAS,CAAA;AAAC,KAAA;IACjC,IAAIN,YAAY,CAACO,OAAO,CAACC,GAAG,CAACH,OAAO,CAAC,EAAE;AAAE,MAAA,OAAOL,YAAY,CAACO,OAAO,CAACE,GAAG,CAACJ,OAAO,CAAC,CAAA;AAAC,KAAA;IAElF,MAAMK,cAAc,GAAIC,KAAyC,IAAK;AACpE;MACA,MAAMC,WAAW,GACfD,KAAK,CAACE,WAAW,CAACC,WAAW,KAC5B,CAACjB,UAAU,IAAIA,UAAU,CAACkB,IAAI,CAACC,UAAU,IAAIL,KAAK,CAACM,GAAG,KAAKD,UAAU,CAAC,CAAC,CAAA;AAC1E;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACM,MAAA,MAAME,6BAA6B,GACjC3B,QAAQ,EAAE,IACVoB,KAAK,CAACQ,IAAI,KAAK,SAAS,IACxBR,KAAK,CAACS,OAAO,KAAK,GAAG,CAAA;MAEvB,IAAIR,WAAW,IAAIM,6BAA6B,EAAE;QAChDP,KAAK,CAACU,eAAe,EAAE,CAAA;AACvB,QAAA,OAAA;AACF,OAAA;MACAhB,OAAO,GAAGM,KAAK,CAAC,CAAA;KACjB,CAAA;IAEDX,YAAY,CAACO,OAAO,CAACe,GAAG,CAACjB,OAAO,EAAEK,cAAc,CAAC,CAAA;AACjD,IAAA,OAAOA,cAAc,CAAA;AACvB,GAAC,EAAE,CAACb,UAAU,CAAC,CAAC,CAAA;EAEhB,OAAO;AACL0B,IAAAA,aAAa,EAAEpB,WAAW,CAACL,SAAS,CAAC;IACrC0B,WAAW,EAAErB,WAAW,CAACJ,OAAO,CAAA;GACjC,CAAA;AACH;;;;"}

package/dist/cjs/components/Help/Help.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var bezierIcons = require('@channel.io/bezier-icons');
+var typeUtils = require('../../utils/typeUtils.js');
+var Help_styled = require('./Help.styled.js');
+var Icon_types = require('../Icon/Icon.types.js');
+
+const HELP_TEST_ID = 'bezier-react-help';
+const HELP_DISPLAY_NAME = 'Help';
+function Help({
+  children,
+  ...rest
+}) {
+  if (typeUtils.isEmpty(children)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Help_styled.Tooltip, Object.assign({}, rest, {
+    content: children
+  }), /*#__PURE__*/React.createElement(Help_styled.Icon, {
+    testId: HELP_TEST_ID,
+    source: bezierIcons.HelpFilledIcon,
+    size: Icon_types.IconSize.XS,
+    color: "txt-black-dark"
+  }));
+}
+Help.displayName = HELP_DISPLAY_NAME;
+
+exports.HELP_DISPLAY_NAME = HELP_DISPLAY_NAME;
+exports.HELP_TEST_ID = HELP_TEST_ID;
+exports.default = Help;
+//# sourceMappingURL=Help.js.map

package/dist/cjs/components/Help/Help.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Help.js","sources":["../../../../src/components/Help/Help.tsx"],"sourcesContent":["import React from 'react'\n\nimport { HelpFilledIcon } from '@channel.io/bezier-icons'\n\nimport { isEmpty } from '~/src/utils/typeUtils'\n\nimport { IconSize } from '~/src/components/Icon'\n\nimport type HelpProps from './Help.types'\n\nimport * as Styled from './Help.styled'\n\nexport const HELP_TEST_ID = 'bezier-react-help'\nexport const HELP_DISPLAY_NAME = 'Help'\n\nfunction Help({\n  children,\n  ...rest\n}: HelpProps) {\n  if (isEmpty(children)) { return null }\n\n  return (\n    <Styled.Tooltip {...rest} content={children}>\n      <Styled.Icon\n        testId={HELP_TEST_ID}\n        source={HelpFilledIcon}\n        size={IconSize.XS}\n        color=\"txt-black-dark\"\n      />\n    </Styled.Tooltip>\n  )\n}\n\nHelp.displayName = HELP_DISPLAY_NAME\n\nexport default Help\n"],"names":["HELP_TEST_ID","HELP_DISPLAY_NAME","Help","children","rest","isEmpty","React","createElement","Styled","Object","assign","content","testId","source","HelpFilledIcon","size","IconSize","XS","color","displayName"],"mappings":";;;;;;;;;;AAYO,MAAMA,YAAY,GAAG,oBAAmB;AACxC,MAAMC,iBAAiB,GAAG,OAAM;AAEvC,SAASC,IAAIA,CAAC;EACZC,QAAQ;EACR,GAAGC,IAAAA;AACM,CAAC,EAAE;AACZ,EAAA,IAAIC,iBAAO,CAACF,QAAQ,CAAC,EAAE;AAAE,IAAA,OAAO,IAAI,CAAA;AAAC,GAAA;AAErC,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACC,mBAAc,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAKN,IAAI,EAAA;AAAEO,IAAAA,OAAO,EAAER,QAAAA;AAAS,GAAA,CAAA,eAC1CG,KAAA,CAAAC,aAAA,CAACC,gBAAW,EAAA;AACVI,IAAAA,MAAM,EAAEZ,YAAa;AACrBa,IAAAA,MAAM,EAAEC,0BAAe;IACvBC,IAAI,EAAEC,mBAAQ,CAACC,EAAG;AAClBC,IAAAA,KAAK,EAAC,gBAAA;AAAgB,GACvB,CACa,CAAC,CAAA;AAErB,CAAA;AAEAhB,IAAI,CAACiB,WAAW,GAAGlB,iBAAiB;;;;;;"}

package/dist/cjs/components/Help/Help.styled.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var Tooltip$1 = require('../Tooltip/Tooltip.js');
+var Icon$1 = require('../Icon/Icon.js');
+var FoundationStyledComponent = require('../../foundation/FoundationStyledComponent.js');
+
+const Icon = /*#__PURE__*/FoundationStyledComponent.styled(Icon$1.Icon).withConfig({
+  displayName: "Helpstyled__Icon",
+  componentId: "sc-chv6si-0"
+})([""]);
+const Tooltip = /*#__PURE__*/FoundationStyledComponent.styled(Tooltip$1.default).withConfig({
+  displayName: "Helpstyled__Tooltip",
+  componentId: "sc-chv6si-1"
+})(["display:flex;align-items:center;justify-content:center;&:hover{> ", "{color:", ";}}"], Icon, ({
+  foundation
+}) => foundation?.theme?.['txt-black-darkest']);
+
+exports.Icon = Icon;
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=Help.styled.js.map

package/dist/cjs/components/Help/Help.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Help.styled.js","sources":["../../../../src/components/Help/Help.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport { Icon as BaseIcon } from '~/src/components/Icon'\nimport { Tooltip as BaseTooltip } from '~/src/components/Tooltip'\n\nexport const Icon = styled(BaseIcon)``\n\nexport const Tooltip = styled(BaseTooltip)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    > ${Icon} {\n      color: ${({ foundation }) => foundation?.theme?.['txt-black-darkest']};\n    }\n  }\n`\n"],"names":["Icon","styled","BaseIcon","withConfig","displayName","componentId","Tooltip","BaseTooltip","foundation","theme"],"mappings":";;;;;;AAKO,MAAMA,IAAI,gBAAGC,gCAAM,CAACC,WAAQ,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;AAE/B,MAAMC,OAAO,gBAAGL,gCAAM,CAACM,iBAAW,CAAC,CAAAJ,UAAA,CAAA;EAAAC,WAAA,EAAA,qBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAMlCL,CAAAA,CAAAA,CAAAA,mEAAAA,EAAAA,SAAAA,EAAAA,KAAAA,CAAAA,EAAAA,IAAI,EACG,CAAC;AAAEQ,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,mBAAmB,CAAC;;;;;"}

package/dist/cjs/components/Icon/Icon.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var React = require('react');
+var Icon_types = require('./Icon.types.js');
+var Icon_styled = require('./Icon.styled.js');
+
+const ICON_TEST_ID = 'bezier-react-icon';
+const Icon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Icon({
+  source,
+  className,
+  color,
+  testId = ICON_TEST_ID,
+  size = Icon_types.IconSize.Normal,
+  marginTop = 0,
+  marginRight = 0,
+  marginBottom = 0,
+  marginLeft = 0,
+  ...rest
+}, forwardedRef) {
+  return /*#__PURE__*/React.createElement(Icon_styled.default, Object.assign({
+    ref: forwardedRef,
+    as: source,
+    className: className,
+    "data-testid": testId,
+    color: color,
+    width: size,
+    height: size,
+    margintop: marginTop,
+    marginright: marginRight,
+    marginbottom: marginBottom,
+    marginleft: marginLeft
+  }, rest));
+}));
+
+exports.ICON_TEST_ID = ICON_TEST_ID;
+exports.Icon = Icon;
+//# sourceMappingURL=Icon.js.map

package/dist/cjs/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  memo,\n} from 'react'\n\nimport {\n  type IconProps,\n  IconSize,\n} from './Icon.types'\n\nimport Styled from './Icon.styled'\n\nexport const ICON_TEST_ID = 'bezier-react-icon'\n\nexport const Icon = memo(forwardRef<SVGSVGElement, IconProps>(function Icon({\n  source,\n  className,\n  color,\n  testId = ICON_TEST_ID,\n  size = IconSize.Normal,\n  marginTop = 0,\n  marginRight = 0,\n  marginBottom = 0,\n  marginLeft = 0,\n  ...rest\n}, forwardedRef) {\n  return (\n    <Styled\n      ref={forwardedRef}\n      as={source}\n      className={className}\n      data-testid={testId}\n      color={color}\n      width={size}\n      height={size}\n      margintop={marginTop}\n      marginright={marginRight}\n      marginbottom={marginBottom}\n      marginleft={marginLeft}\n      {...rest}\n    />\n  )\n}))\n"],"names":["ICON_TEST_ID","Icon","memo","forwardRef","source","className","color","testId","size","IconSize","Normal","marginTop","marginRight","marginBottom","marginLeft","rest","forwardedRef","React","createElement","Styled","Object","assign","ref","as","width","height","margintop","marginright","marginbottom","marginleft"],"mappings":";;;;;;AAYO,MAAMA,YAAY,GAAG,oBAAmB;AAExC,MAAMC,IAAI,gBAAGC,UAAI,eAACC,gBAAU,CAA2B,SAASF,IAAIA,CAAC;EAC1EG,MAAM;EACNC,SAAS;EACTC,KAAK;AACLC,EAAAA,MAAM,GAAGP,YAAY;EACrBQ,IAAI,GAAGC,mBAAQ,CAACC,MAAM;AACtBC,EAAAA,SAAS,GAAG,CAAC;AACbC,EAAAA,WAAW,GAAG,CAAC;AACfC,EAAAA,YAAY,GAAG,CAAC;AAChBC,EAAAA,UAAU,GAAG,CAAC;EACd,GAAGC,IAAAA;AACL,CAAC,EAAEC,YAAY,EAAE;EACf,oBACEC,KAAA,CAAAC,aAAA,CAACC,mBAAM,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACLC,IAAAA,GAAG,EAAEN,YAAa;AAClBO,IAAAA,EAAE,EAAEnB,MAAO;AACXC,IAAAA,SAAS,EAAEA,SAAU;AACrB,IAAA,aAAA,EAAaE,MAAO;AACpBD,IAAAA,KAAK,EAAEA,KAAM;AACbkB,IAAAA,KAAK,EAAEhB,IAAK;AACZiB,IAAAA,MAAM,EAAEjB,IAAK;AACbkB,IAAAA,SAAS,EAAEf,SAAU;AACrBgB,IAAAA,WAAW,EAAEf,WAAY;AACzBgB,IAAAA,YAAY,EAAEf,YAAa;AAC3BgB,IAAAA,UAAU,EAAEf,UAAAA;GACRC,EAAAA,IAAI,CACT,CAAC,CAAA;AAEN,CAAC,CAAC;;;;;"}