@channel.io/bezier-react 2.0.8 → 2.1.0

package/dist/cjs/components/AlphaToggleButton/ToggleButton.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var React = require('react');
+var bezierIcons = require('@channel.io/bezier-icons');
+var index = require('../../node_modules/@radix-ui/react-toggle/dist/index.js');
+var index$1 = require('../../node_modules/classnames/index.js');
+var ToggleButtonContext = require('./ToggleButtonContext.js');
+var ToggleButton_module = require('./ToggleButton.module.scss.js');
+var Text = require('../Text/Text.js');
+var Spinner = require('../AlphaSpinner/Spinner.js');
+var BaseButton = require('../BaseButton/BaseButton.js');
+var Icon = require('../Icon/Icon.js');
+
+function SideContent({
+  size,
+  content
+}) {
+  return bezierIcons.isBezierIcon(content) ? /*#__PURE__*/React.createElement(Icon.Icon, {
+    source: content,
+    size: size,
+    className: ToggleButton_module.default.ButtonIcon
+  }) : content;
+}
+const ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton({
+  as = BaseButton.BaseButton,
+  text,
+  prefixContent,
+  suffixContent,
+  variant = 'primary',
+  shape: shapeProps,
+  size = 'm',
+  className,
+  loading,
+  onSelectedChange,
+  ...rest
+}, forwardedRef) {
+  const {
+    shape: shapeContext
+  } = ToggleButtonContext.useToggleButtonContext();
+  const shape = shapeProps ?? shapeContext ?? 'capsule';
+  const Comp = as;
+  const ICON_SIZE = 's';
+  return /*#__PURE__*/React.createElement(index.Root, Object.assign({
+    asChild: true,
+    onPressedChange: onSelectedChange
+  }, rest), /*#__PURE__*/React.createElement(Comp, {
+    ref: forwardedRef,
+    className: index$1.default(ToggleButton_module.default.Button, ToggleButton_module.default[`size-${size}`], ToggleButton_module.default[`variant-${variant}`], shape && ToggleButton_module.default[`shape-${shape}`], className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: index$1.default(ToggleButton_module.default.ButtonContent, loading && ToggleButton_module.default.loading)
+  }, /*#__PURE__*/React.createElement(SideContent, {
+    size: ICON_SIZE,
+    content: prefixContent
+  }), /*#__PURE__*/React.createElement(Text.Text, {
+    className: ToggleButton_module.default.ButtonText,
+    typo: "14",
+    "data-text": text,
+    truncated: true
+  }, text), /*#__PURE__*/React.createElement(SideContent, {
+    size: ICON_SIZE,
+    content: suffixContent
+  })), loading && /*#__PURE__*/React.createElement("div", {
+    className: index$1.default(ToggleButton_module.default.ButtonLoader, ToggleButton_module.default[`size-${ICON_SIZE}`])
+  }, /*#__PURE__*/React.createElement(Spinner.Spinner, {
+    className: ToggleButton_module.default.Spinner,
+    variant: "secondary"
+  }))));
+});
+
+exports.ToggleButton = ToggleButton;
+//# sourceMappingURL=ToggleButton.js.map

package/dist/cjs/components/AlphaToggleButton/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/AlphaToggleButton/ToggleButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport classNames from 'classnames'\n\nimport { AlphaSpinner } from '~/src/components/AlphaSpinner'\nimport { useToggleButtonContext } from '~/src/components/AlphaToggleButton/ToggleButtonContext'\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Icon, type IconSize } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type ToggleButtonProps } from './ToggleButton.types'\n\nimport styles from './ToggleButton.module.scss'\n\nfunction SideContent({\n  size,\n  content,\n}: {\n  size: IconSize\n  content?: ToggleButtonProps['prefixContent']\n}) {\n  return isBezierIcon(content) ? (\n    <Icon\n      source={content}\n      size={size}\n      className={styles.ButtonIcon}\n    />\n  ) : (\n    content\n  )\n}\n\nexport const ToggleButton = forwardRef<HTMLButtonElement, ToggleButtonProps>(\n  function ToggleButton(\n    {\n      as = BaseButton,\n      text,\n      prefixContent,\n      suffixContent,\n      variant = 'primary',\n      shape: shapeProps,\n      size = 'm',\n      className,\n      loading,\n      onSelectedChange,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const { shape: shapeContext } = useToggleButtonContext()\n    const shape = shapeProps ?? shapeContext ?? 'capsule'\n    const Comp = as as typeof BaseButton\n    const ICON_SIZE = 's'\n\n    return (\n      <TogglePrimitive.Root\n        asChild\n        onPressedChange={onSelectedChange}\n        {...rest}\n      >\n        <Comp\n          ref={forwardedRef}\n          className={classNames(\n            styles.Button,\n            styles[`size-${size}`],\n            styles[`variant-${variant}`],\n            shape && styles[`shape-${shape}`],\n            className\n          )}\n        >\n          <div\n            className={classNames(\n              styles.ButtonContent,\n              loading && styles.loading\n            )}\n          >\n            <SideContent\n              size={ICON_SIZE}\n              content={prefixContent}\n            />\n\n            {/* TODO: use AlphaText later, add typo */}\n            <Text\n              className={styles.ButtonText}\n              typo=\"14\"\n              data-text={text}\n              truncated\n            >\n              {text}\n            </Text>\n\n            <SideContent\n              size={ICON_SIZE}\n              content={suffixContent}\n            />\n          </div>\n\n          {loading && (\n            <div\n              className={classNames(\n                styles.ButtonLoader,\n                styles[`size-${ICON_SIZE}`]\n              )}\n            >\n              <AlphaSpinner\n                className={styles.Spinner}\n                variant=\"secondary\"\n              />\n            </div>\n          )}\n        </Comp>\n      </TogglePrimitive.Root>\n    )\n  }\n)\n"],"names":["SideContent","size","content","isBezierIcon","React","createElement","Icon","source","className","styles","ButtonIcon","ToggleButton","forwardRef","as","BaseButton","text","prefixContent","suffixContent","variant","shape","shapeProps","loading","onSelectedChange","rest","forwardedRef","shapeContext","useToggleButtonContext","Comp","ICON_SIZE","TogglePrimitive","Object","assign","asChild","onPressedChange","ref","classNames","Button","ButtonContent","Text","ButtonText","typo","truncated","ButtonLoader","AlphaSpinner","Spinner"],"mappings":"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"}

package/dist/cjs/components/AlphaToggleButton/ToggleButton.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"Icon":"b-IeE6h","size-xxxs":"b-PNc-m","size-xxs":"b-MX6T7","size-xs":"b-O1HAU","size-s":"b-19s1t","size-m":"b-uiuB9","size-l":"b-CGM60","size-xl":"b-jYKcF","Button":"b-Uff8c","ButtonText":"b-XEr1t","variant-primary":"b-0Kyle","variant-secondary":"b-xS5Uj","shape-rectangle":"b-K7FY1","shape-capsule":"b-fR1nh","ButtonIcon":"b-NsnxS","ButtonContent":"b--czc7","loading":"b-N4M8g","ButtonLoader":"b-dvDDy","Spinner":"b-VsR6-"};
+
+exports.default = styles;
+//# sourceMappingURL=ToggleButton.module.scss.js.map

package/dist/cjs/components/AlphaToggleButton/ToggleButton.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/AlphaToggleButton/ToggleButtonContext.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var react = require('../../utils/react.js');
+
+const [ToggleButtonProvider, useToggleButtonContext] = react.createContext({
+  shape: undefined
+});
+
+exports.ToggleButtonProvider = ToggleButtonProvider;
+exports.useToggleButtonContext = useToggleButtonContext;
+//# sourceMappingURL=ToggleButtonContext.js.map

package/dist/cjs/components/AlphaToggleButton/ToggleButtonContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonContext.js","sources":["../../../../src/components/AlphaToggleButton/ToggleButtonContext.ts"],"sourcesContent":["import { createContext } from '~/src/utils/react'\n\nimport { type ToggleButtonProps } from '~/src/components/AlphaToggleButton/ToggleButton.types'\n\nconst [ToggleButtonProvider, useToggleButtonContext] = createContext<\n  Pick<ToggleButtonProps, 'shape'>\n>({ shape: undefined })\n\nexport { ToggleButtonProvider, useToggleButtonContext }\n"],"names":["ToggleButtonProvider","useToggleButtonContext","createContext","shape","undefined"],"mappings":";;;;AAIA,MAAM,CAACA,oBAAoB,EAAEC,sBAAsB,CAAC,GAAGC,mBAAa,CAElE;AAAEC,EAAAA,KAAK,EAAEC,SAAAA;AAAU,CAAC;;;;;"}

package/dist/cjs/components/AlphaToggleButtonGroup/ToggleButtonGroup.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../node_modules/@radix-ui/react-toggle-group/dist/index.js');
+var index$1 = require('../../node_modules/classnames/index.js');
+var ToggleButtonContext = require('../AlphaToggleButton/ToggleButtonContext.js');
+var ToggleButtonGroup_module = require('./ToggleButtonGroup.module.scss.js');
+
+/**
+ * `ToggleButtonGroup` is a group of two-state buttons that can be toggled.
+ *  Notice that it keeps at least one button selected.
+ *  @example
+ *
+ * ```tsx
+ * <ToggleButtonGroup
+ *   shape="rectangle"
+ *   value="two"
+ * >
+ *   <ToggleButton
+ *     value="one"
+ *     text="left"
+ *   />
+ *   <ToggleButton
+ *     value="two"
+ *     text="center"
+ *   />
+ *   <ToggleButton
+ *     value="three"
+ *     text="right"
+ *   />
+ * </ToggleButtonGroup>
+ * ```
+ */
+const ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup(props, forwardedRef) {
+  const {
+    children,
+    shape,
+    className,
+    fullWidth,
+    onValueChange,
+    ...rest
+  } = props;
+  const handleValueChange = value => {
+    if (!props.onValueChange || !value.length) {
+      return;
+    }
+    if (props.type === 'single' && typeof value === 'string') {
+      props.onValueChange(value);
+    } else if (props.type === 'multiple' && Array.isArray(value)) {
+      props.onValueChange(value);
+    }
+  };
+  const ToggleButtons = React.Children.map(children, toggleButton => {
+    if (! /*#__PURE__*/React.isValidElement(toggleButton)) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(index.Item, {
+      asChild: true,
+      value: toggleButton.props.value,
+      key: toggleButton.props.value,
+      className: ToggleButtonGroup_module.default.item
+    }, toggleButton);
+  });
+  return /*#__PURE__*/React.createElement(index.Root, Object.assign({
+    ref: forwardedRef,
+    className: index$1.default(ToggleButtonGroup_module.default.ToggleButtonGroup, fullWidth && ToggleButtonGroup_module.default.fullWidth, className),
+    onValueChange: handleValueChange
+  }, rest), /*#__PURE__*/React.createElement(ToggleButtonContext.ToggleButtonProvider, {
+    value: React.useMemo(() => ({
+      shape
+    }), [shape])
+  }, ToggleButtons));
+});
+
+exports.ToggleButtonGroup = ToggleButtonGroup;
+//# sourceMappingURL=ToggleButtonGroup.js.map

package/dist/cjs/components/AlphaToggleButtonGroup/ToggleButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.js","sources":["../../../../src/components/AlphaToggleButtonGroup/ToggleButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react'\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport classNames from 'classnames'\n\nimport { type ToggleButtonProps } from '~/src/components/AlphaToggleButton/ToggleButton.types'\nimport { ToggleButtonProvider } from '~/src/components/AlphaToggleButton/ToggleButtonContext'\nimport {\n  type ToggleButtonMultipleGroupProps,\n  type ToggleButtonSingleGroupProps,\n} from '~/src/components/AlphaToggleButtonGroup/ToggleButtonGroup.types'\n\nimport styles from './ToggleButtonGroup.module.scss'\n\n/**\n * `ToggleButtonGroup` is a group of two-state buttons that can be toggled.\n *  Notice that it keeps at least one button selected.\n *  @example\n *\n * ```tsx\n * <ToggleButtonGroup\n *   shape=\"rectangle\"\n *   value=\"two\"\n * >\n *   <ToggleButton\n *     value=\"one\"\n *     text=\"left\"\n *   />\n *   <ToggleButton\n *     value=\"two\"\n *     text=\"center\"\n *   />\n *   <ToggleButton\n *     value=\"three\"\n *     text=\"right\"\n *   />\n * </ToggleButtonGroup>\n * ```\n */\nexport const ToggleButtonGroup = forwardRef<\n  HTMLDivElement,\n  ToggleButtonMultipleGroupProps | ToggleButtonSingleGroupProps\n>(function ToggleButtonGroup(props, forwardedRef) {\n  const { children, shape, className, fullWidth, onValueChange, ...rest } =\n    props\n\n  const handleValueChange = (value: string | string[]) => {\n    if (!props.onValueChange || !value.length) {\n      return\n    }\n\n    if (props.type === 'single' && typeof value === 'string') {\n      props.onValueChange(value)\n    } else if (props.type === 'multiple' && Array.isArray(value)) {\n      props.onValueChange(value)\n    }\n  }\n\n  const ToggleButtons = React.Children.map(children, (toggleButton) => {\n    if (!React.isValidElement<ToggleButtonProps>(toggleButton)) {\n      return null\n    }\n\n    return (\n      <ToggleGroupPrimitive.Item\n        asChild\n        value={toggleButton.props.value}\n        key={toggleButton.props.value}\n        className={styles.item}\n      >\n        {toggleButton}\n      </ToggleGroupPrimitive.Item>\n    )\n  })\n\n  return (\n    <ToggleGroupPrimitive.Root\n      ref={forwardedRef}\n      className={classNames(\n        styles.ToggleButtonGroup,\n        fullWidth && styles.fullWidth,\n        className\n      )}\n      onValueChange={handleValueChange}\n      {...rest}\n    >\n      <ToggleButtonProvider value={useMemo(() => ({ shape }), [shape])}>\n        {ToggleButtons}\n      </ToggleButtonProvider>\n    </ToggleGroupPrimitive.Root>\n  )\n})\n"],"names":["ToggleButtonGroup","forwardRef","props","forwardedRef","children","shape","className","fullWidth","onValueChange","rest","handleValueChange","value","length","type","Array","isArray","ToggleButtons","React","Children","map","toggleButton","isValidElement","createElement","ToggleGroupPrimitive","asChild","key","styles","item","Object","assign","ref","classNames","ToggleButtonProvider","useMemo"],"mappings":";;;;;;;;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;AACO,MAAMA,iBAAiB,gBAAGC,gBAAU,CAGzC,SAASD,iBAAiBA,CAACE,KAAK,EAAEC,YAAY,EAAE;EAChD,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC,SAAS;IAAEC,aAAa;IAAE,GAAGC,IAAAA;AAAK,GAAC,GACrEP,KAAK,CAAA;EAEP,MAAMQ,iBAAiB,GAAIC,KAAwB,IAAK;IACtD,IAAI,CAACT,KAAK,CAACM,aAAa,IAAI,CAACG,KAAK,CAACC,MAAM,EAAE;AACzC,MAAA,OAAA;AACF,KAAA;IAEA,IAAIV,KAAK,CAACW,IAAI,KAAK,QAAQ,IAAI,OAAOF,KAAK,KAAK,QAAQ,EAAE;AACxDT,MAAAA,KAAK,CAACM,aAAa,CAACG,KAAK,CAAC,CAAA;AAC5B,KAAC,MAAM,IAAIT,KAAK,CAACW,IAAI,KAAK,UAAU,IAAIC,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC,EAAE;AAC5DT,MAAAA,KAAK,CAACM,aAAa,CAACG,KAAK,CAAC,CAAA;AAC5B,KAAA;GACD,CAAA;EAED,MAAMK,aAAa,GAAGC,KAAK,CAACC,QAAQ,CAACC,GAAG,CAACf,QAAQ,EAAGgB,YAAY,IAAK;AACnE,IAAA,IAAI,eAACH,KAAK,CAACI,cAAc,CAAoBD,YAAY,CAAC,EAAE;AAC1D,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AAEA,IAAA,oBACEH,KAAA,CAAAK,aAAA,CAACC,UAAyB,EAAA;MACxBC,OAAO,EAAA,IAAA;AACPb,MAAAA,KAAK,EAAES,YAAY,CAAClB,KAAK,CAACS,KAAM;AAChCc,MAAAA,GAAG,EAAEL,YAAY,CAAClB,KAAK,CAACS,KAAM;MAC9BL,SAAS,EAAEoB,gCAAM,CAACC,IAAAA;AAAK,KAAA,EAEtBP,YACwB,CAAC,CAAA;AAEhC,GAAC,CAAC,CAAA;EAEF,oBACEH,KAAA,CAAAK,aAAA,CAACC,UAAyB,EAAAK,MAAA,CAAAC,MAAA,CAAA;AACxBC,IAAAA,GAAG,EAAE3B,YAAa;AAClBG,IAAAA,SAAS,EAAEyB,eAAU,CACnBL,gCAAM,CAAC1B,iBAAiB,EACxBO,SAAS,IAAImB,gCAAM,CAACnB,SAAS,EAC7BD,SACF,CAAE;AACFE,IAAAA,aAAa,EAAEE,iBAAAA;AAAkB,GAAA,EAC7BD,IAAI,CAERQ,eAAAA,KAAA,CAAAK,aAAA,CAACU,wCAAoB,EAAA;IAACrB,KAAK,EAAEsB,aAAO,CAAC,OAAO;AAAE5B,MAAAA,KAAAA;AAAM,KAAC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAA;GAC5DW,EAAAA,aACmB,CACG,CAAC,CAAA;AAEhC,CAAC;;;;"}

package/dist/cjs/components/AlphaToggleButtonGroup/ToggleButtonGroup.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"ToggleButtonGroup":"b-ttwJQ","fullWidth":"b-n0gBh","item":"b-QJoda"};
+
+exports.default = styles;
+//# sourceMappingURL=ToggleButtonGroup.module.scss.js.map

package/dist/cjs/components/AlphaToggleButtonGroup/ToggleButtonGroup.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/Select/Select.js

@@ -33,6 +33,7 @@ const Select = /*#__PURE__*/React.forwardRef(function Select({
   dropdownMarginY = 6,
   dropdownZIndex = 'overlay',
   dropdownPosition = 'bottom-left',
+  dropdownKeepInContainer = false,
   onClickTrigger,
   onHideDropdown,
   ...rest
@@ -112,6 +113,7 @@ const Select = /*#__PURE__*/React.forwardRef(function Select({
     target: triggerRef.current,
     container: dropdownContainer || containerRef.current,
     position: dropdownPosition,
+    keepInContainer: dropdownKeepInContainer,
     "data-testid": SELECT_DROPDOWN_TEST_ID,
     onHide: handleHideDropdown
   }, children));

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  isBezierIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport {\n  getFormFieldSizeClassName,\n  getZIndexClassName,\n} from '~/src/types/props-helpers'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Overlay } from '~/src/components/Overlay'\nimport { Text } from '~/src/components/Text'\n\nimport { type SelectProps, type SelectRef } from './Select.types'\n\nimport styles from './Select.module.scss'\n\nexport const SELECT_DROPDOWN_TEST_ID = 'bezier-select-dropdown'\n\nexport const Select = forwardRef<SelectRef, SelectProps>(function Select(\n  {\n    children,\n    style,\n    className,\n    size: sizeProps,\n    defaultFocus = false,\n    placeholder = '',\n    leftContent,\n    rightContent,\n    iconColor = 'txt-black-dark',\n    text,\n    textColor = 'txt-black-darkest',\n    withoutChevron = false,\n    dropdownStyle,\n    dropdownClassName,\n    dropdownContainer,\n    dropdownMarginX,\n    dropdownMarginY = 6,\n    dropdownZIndex = 'overlay',\n    dropdownPosition = 'bottom-left',\n    onClickTrigger,\n    onHideDropdown,\n    ...rest\n  },\n  forwardedRef\n) {\n  const {\n    disabled,\n    readOnly,\n    hasError,\n    size: formFieldSize,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const size = sizeProps ?? formFieldSize ?? 'm'\n\n  const [isDropdownOpened, setIsDropdownOpened] = useState(false)\n\n  const handleClickTrigger = useCallback(\n    (event: React.MouseEvent) => {\n      if (!disabled && !readOnly) {\n        setIsDropdownOpened((prevState) => !prevState)\n        onClickTrigger?.(event)\n      }\n    },\n    [disabled, readOnly, onClickTrigger]\n  )\n\n  const handleHideDropdown = useCallback(() => {\n    setIsDropdownOpened(false)\n    onHideDropdown?.()\n  }, [onHideDropdown])\n\n  const getDOMNode = useCallback(() => triggerRef.current, [])\n\n  const handle = useMemo(\n    (): SelectRef => ({\n      handleClickTrigger,\n      handleHideDropdown,\n      getDOMNode,\n    }),\n    [handleClickTrigger, handleHideDropdown, getDOMNode]\n  )\n\n  useEffect(\n    function handleDefaultFocus() {\n      if (defaultFocus && !disabled && !readOnly) {\n        setIsDropdownOpened(true)\n      }\n    },\n    [defaultFocus, disabled, readOnly]\n  )\n\n  useImperativeHandle(forwardedRef, () => handle)\n\n  const hasContent = !isEmpty(text)\n\n  return (\n    <div\n      style={style}\n      className={classNames(styles.SelectContainer, className)}\n      ref={containerRef}\n    >\n      <BaseButton\n        className={classNames(\n          styles.SelectTrigger,\n          getFormFieldSizeClassName(size),\n          hasError && styles.invalid,\n          readOnly && styles.readonly,\n          isDropdownOpened && styles.active\n        )}\n        ref={triggerRef}\n        disabled={disabled}\n        onClick={handleClickTrigger}\n        {...ownProps}\n      >\n        <div className={styles.SelectMainContent}>\n          {isBezierIcon(leftContent) ? (\n            <Icon\n              source={leftContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            leftContent\n          )}\n\n          <Text\n            data-testid=\"bezier-select-trigger-text\"\n            typo=\"14\"\n            truncated\n            color={hasContent ? textColor : 'txt-black-dark'}\n          >\n            {hasContent ? text : placeholder}\n          </Text>\n\n          {isBezierIcon(rightContent) ? (\n            <Icon\n              source={rightContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            rightContent\n          )}\n        </div>\n\n        {!withoutChevron && (\n          <Icon\n            source={isDropdownOpened ? ChevronUpIcon : ChevronDownIcon}\n            size=\"xs\"\n            color={readOnly ? 'txt-black-dark' : 'txt-black-darker'}\n            marginLeft={6}\n          />\n        )}\n      </BaseButton>\n\n      <Overlay\n        style={dropdownStyle}\n        className={classNames(\n          styles.SelectDropdown,\n          getZIndexClassName(dropdownZIndex),\n          dropdownClassName\n        )}\n        withTransition\n        show={isDropdownOpened && !disabled}\n        marginX={dropdownMarginX}\n        marginY={dropdownMarginY}\n        target={triggerRef.current}\n        container={dropdownContainer || containerRef.current}\n        position={dropdownPosition}\n        data-testid={SELECT_DROPDOWN_TEST_ID}\n        onHide={handleHideDropdown}\n      >\n        {children}\n      </Overlay>\n    </div>\n  )\n})\n"],"names":["SELECT_DROPDOWN_TEST_ID","Select","forwardRef","children","style","className","size","sizeProps","defaultFocus","placeholder","leftContent","rightContent","iconColor","text","textColor","withoutChevron","dropdownStyle","dropdownClassName","dropdownContainer","dropdownMarginX","dropdownMarginY","dropdownZIndex","dropdownPosition","onClickTrigger","onHideDropdown","rest","forwardedRef","disabled","readOnly","hasError","formFieldSize","ownProps","useFormFieldProps","containerRef","useRef","triggerRef","isDropdownOpened","setIsDropdownOpened","useState","handleClickTrigger","useCallback","event","prevState","handleHideDropdown","getDOMNode","current","handle","useMemo","useEffect","handleDefaultFocus","useImperativeHandle","hasContent","isEmpty","React","createElement","classNames","styles","SelectContainer","ref","BaseButton","Object","assign","SelectTrigger","getFormFieldSizeClassName","invalid","readonly","active","onClick","SelectMainContent","isBezierIcon","Icon","source","marginRight","color","Text","typo","truncated","ChevronUpIcon","ChevronDownIcon","marginLeft","Overlay","SelectDropdown","getZIndexClassName","withTransition","show","marginX","marginY","target","container","position","onHide"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  isBezierIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport {\n  getFormFieldSizeClassName,\n  getZIndexClassName,\n} from '~/src/types/props-helpers'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Overlay } from '~/src/components/Overlay'\nimport { Text } from '~/src/components/Text'\n\nimport { type SelectProps, type SelectRef } from './Select.types'\n\nimport styles from './Select.module.scss'\n\nexport const SELECT_DROPDOWN_TEST_ID = 'bezier-select-dropdown'\n\nexport const Select = forwardRef<SelectRef, SelectProps>(function Select(\n  {\n    children,\n    style,\n    className,\n    size: sizeProps,\n    defaultFocus = false,\n    placeholder = '',\n    leftContent,\n    rightContent,\n    iconColor = 'txt-black-dark',\n    text,\n    textColor = 'txt-black-darkest',\n    withoutChevron = false,\n    dropdownStyle,\n    dropdownClassName,\n    dropdownContainer,\n    dropdownMarginX,\n    dropdownMarginY = 6,\n    dropdownZIndex = 'overlay',\n    dropdownPosition = 'bottom-left',\n    dropdownKeepInContainer = false,\n    onClickTrigger,\n    onHideDropdown,\n    ...rest\n  },\n  forwardedRef\n) {\n  const {\n    disabled,\n    readOnly,\n    hasError,\n    size: formFieldSize,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const size = sizeProps ?? formFieldSize ?? 'm'\n\n  const [isDropdownOpened, setIsDropdownOpened] = useState(false)\n\n  const handleClickTrigger = useCallback(\n    (event: React.MouseEvent) => {\n      if (!disabled && !readOnly) {\n        setIsDropdownOpened((prevState) => !prevState)\n        onClickTrigger?.(event)\n      }\n    },\n    [disabled, readOnly, onClickTrigger]\n  )\n\n  const handleHideDropdown = useCallback(() => {\n    setIsDropdownOpened(false)\n    onHideDropdown?.()\n  }, [onHideDropdown])\n\n  const getDOMNode = useCallback(() => triggerRef.current, [])\n\n  const handle = useMemo(\n    (): SelectRef => ({\n      handleClickTrigger,\n      handleHideDropdown,\n      getDOMNode,\n    }),\n    [handleClickTrigger, handleHideDropdown, getDOMNode]\n  )\n\n  useEffect(\n    function handleDefaultFocus() {\n      if (defaultFocus && !disabled && !readOnly) {\n        setIsDropdownOpened(true)\n      }\n    },\n    [defaultFocus, disabled, readOnly]\n  )\n\n  useImperativeHandle(forwardedRef, () => handle)\n\n  const hasContent = !isEmpty(text)\n\n  return (\n    <div\n      style={style}\n      className={classNames(styles.SelectContainer, className)}\n      ref={containerRef}\n    >\n      <BaseButton\n        className={classNames(\n          styles.SelectTrigger,\n          getFormFieldSizeClassName(size),\n          hasError && styles.invalid,\n          readOnly && styles.readonly,\n          isDropdownOpened && styles.active\n        )}\n        ref={triggerRef}\n        disabled={disabled}\n        onClick={handleClickTrigger}\n        {...ownProps}\n      >\n        <div className={styles.SelectMainContent}>\n          {isBezierIcon(leftContent) ? (\n            <Icon\n              source={leftContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            leftContent\n          )}\n\n          <Text\n            data-testid=\"bezier-select-trigger-text\"\n            typo=\"14\"\n            truncated\n            color={hasContent ? textColor : 'txt-black-dark'}\n          >\n            {hasContent ? text : placeholder}\n          </Text>\n\n          {isBezierIcon(rightContent) ? (\n            <Icon\n              source={rightContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            rightContent\n          )}\n        </div>\n\n        {!withoutChevron && (\n          <Icon\n            source={isDropdownOpened ? ChevronUpIcon : ChevronDownIcon}\n            size=\"xs\"\n            color={readOnly ? 'txt-black-dark' : 'txt-black-darker'}\n            marginLeft={6}\n          />\n        )}\n      </BaseButton>\n\n      <Overlay\n        style={dropdownStyle}\n        className={classNames(\n          styles.SelectDropdown,\n          getZIndexClassName(dropdownZIndex),\n          dropdownClassName\n        )}\n        withTransition\n        show={isDropdownOpened && !disabled}\n        marginX={dropdownMarginX}\n        marginY={dropdownMarginY}\n        target={triggerRef.current}\n        container={dropdownContainer || containerRef.current}\n        position={dropdownPosition}\n        keepInContainer={dropdownKeepInContainer}\n        data-testid={SELECT_DROPDOWN_TEST_ID}\n        onHide={handleHideDropdown}\n      >\n        {children}\n      </Overlay>\n    </div>\n  )\n})\n"],"names":["SELECT_DROPDOWN_TEST_ID","Select","forwardRef","children","style","className","size","sizeProps","defaultFocus","placeholder","leftContent","rightContent","iconColor","text","textColor","withoutChevron","dropdownStyle","dropdownClassName","dropdownContainer","dropdownMarginX","dropdownMarginY","dropdownZIndex","dropdownPosition","dropdownKeepInContainer","onClickTrigger","onHideDropdown","rest","forwardedRef","disabled","readOnly","hasError","formFieldSize","ownProps","useFormFieldProps","containerRef","useRef","triggerRef","isDropdownOpened","setIsDropdownOpened","useState","handleClickTrigger","useCallback","event","prevState","handleHideDropdown","getDOMNode","current","handle","useMemo","useEffect","handleDefaultFocus","useImperativeHandle","hasContent","isEmpty","React","createElement","classNames","styles","SelectContainer","ref","BaseButton","Object","assign","SelectTrigger","getFormFieldSizeClassName","invalid","readonly","active","onClick","SelectMainContent","isBezierIcon","Icon","source","marginRight","color","Text","typo","truncated","ChevronUpIcon","ChevronDownIcon","marginLeft","Overlay","SelectDropdown","getZIndexClassName","withTransition","show","marginX","marginY","target","container","position","keepInContainer","onHide"],"mappings":"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"}

package/dist/cjs/components/Toast/ToastService.js

@@ -73,7 +73,6 @@ class ToastService {
     this.setToasts([]);
   };
 }
-var ToastService$1 = ToastService;
 
-exports.default = ToastService$1;
+exports.default = ToastService;
 //# sourceMappingURL=ToastService.js.map

package/dist/cjs/components/Toast/ToastService.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n  type ToastContent,\n  type ToastId,\n  type ToastOptions,\n  type ToastType,\n} from './Toast.types'\n\nconst defaultOptions: ToastOptions = {\n  autoDismiss: false,\n  rightSide: false,\n}\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n  toasts: ToastType[] = []\n\n  getToasts = () => this.toasts\n\n  setToasts = (newToasts: ToastType[]) => {\n    this.toasts = newToasts\n  }\n\n  has = (toastId: ToastId) => {\n    if (!this.toasts.length) {\n      return false\n    }\n    return this.toasts.reduce(\n      (flag, toast) => (toast.id === toastId ? true : flag),\n      false\n    )\n  }\n\n  add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n    const newId: ToastId = uuid()\n\n    if (this.has(newId)) {\n      return ''\n    }\n\n    const newToast: ToastType = {\n      id: newId,\n      content,\n      version: 0,\n      ...options,\n    }\n    const newToasts: ToastType[] = [...this.toasts, newToast]\n    this.setToasts(newToasts)\n    return newId\n  }\n\n  update = (\n    toastId: ToastId,\n    content: ToastContent,\n    options: ToastOptions = {}\n  ) => {\n    if (!this.has(toastId)) {\n      return ''\n    }\n\n    const newToasts: ToastType[] = this.toasts.map((toast) => {\n      if (toast.id === toastId) {\n        return {\n          ...toast,\n          ...options,\n          version: toast?.version != null ? toast.version + 1 : 0,\n          content,\n        }\n      }\n      return toast\n    })\n    this.setToasts(newToasts)\n    return toastId\n  }\n\n  remove = (id: ToastId): boolean => {\n    if (!this.has(id)) {\n      return false\n    }\n    const newToasts: ToastType[] = this.toasts.filter(\n      (toast) => toast.id !== id\n    )\n    this.setToasts(newToasts)\n    return true // remove success\n  }\n\n  removeAll = () => {\n    if (!this.toasts.length) {\n      return\n    }\n\n    this.setToasts([])\n  }\n}\n\nexport default ToastService\n"],"names":["defaultOptions","autoDismiss","rightSide","ToastService","toasts","getToasts","setToasts","newToasts","has","toastId","length","reduce","flag","toast","id","add","content","options","newId","uuid","newToast","version","update","map","remove","filter","removeAll"],"mappings":"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"}
+{"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n  type ToastContent,\n  type ToastId,\n  type ToastOptions,\n  type ToastType,\n} from './Toast.types'\n\nconst defaultOptions: ToastOptions = {\n  autoDismiss: false,\n  rightSide: false,\n}\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n  toasts: ToastType[] = []\n\n  getToasts = () => this.toasts\n\n  setToasts = (newToasts: ToastType[]) => {\n    this.toasts = newToasts\n  }\n\n  has = (toastId: ToastId) => {\n    if (!this.toasts.length) {\n      return false\n    }\n    return this.toasts.reduce(\n      (flag, toast) => (toast.id === toastId ? true : flag),\n      false\n    )\n  }\n\n  add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n    const newId: ToastId = uuid()\n\n    if (this.has(newId)) {\n      return ''\n    }\n\n    const newToast: ToastType = {\n      id: newId,\n      content,\n      version: 0,\n      ...options,\n    }\n    const newToasts: ToastType[] = [...this.toasts, newToast]\n    this.setToasts(newToasts)\n    return newId\n  }\n\n  update = (\n    toastId: ToastId,\n    content: ToastContent,\n    options: ToastOptions = {}\n  ) => {\n    if (!this.has(toastId)) {\n      return ''\n    }\n\n    const newToasts: ToastType[] = this.toasts.map((toast) => {\n      if (toast.id === toastId) {\n        return {\n          ...toast,\n          ...options,\n          version: toast?.version != null ? toast.version + 1 : 0,\n          content,\n        }\n      }\n      return toast\n    })\n    this.setToasts(newToasts)\n    return toastId\n  }\n\n  remove = (id: ToastId): boolean => {\n    if (!this.has(id)) {\n      return false\n    }\n    const newToasts: ToastType[] = this.toasts.filter(\n      (toast) => toast.id !== id\n    )\n    this.setToasts(newToasts)\n    return true // remove success\n  }\n\n  removeAll = () => {\n    if (!this.toasts.length) {\n      return\n    }\n\n    this.setToasts([])\n  }\n}\n\nexport default ToastService\n"],"names":["defaultOptions","autoDismiss","rightSide","ToastService","toasts","getToasts","setToasts","newToasts","has","toastId","length","reduce","flag","toast","id","add","content","options","newId","uuid","newToast","version","update","map","remove","filter","removeAll"],"mappings":";;;;;;AASA,MAAMA,cAA4B,GAAG;AACnCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAE,KAAA;AACb,CAAC,CAAA;;AAED;AACA;AACA;;AAEA,MAAMC,YAAY,CAAC;AACjBC,EAAAA,MAAM,GAAgB,EAAE,CAAA;AAExBC,EAAAA,SAAS,GAAGA,MAAM,IAAI,CAACD,MAAM,CAAA;EAE7BE,SAAS,GAAIC,SAAsB,IAAK;IACtC,IAAI,CAACH,MAAM,GAAGG,SAAS,CAAA;GACxB,CAAA;EAEDC,GAAG,GAAIC,OAAgB,IAAK;AAC1B,IAAA,IAAI,CAAC,IAAI,CAACL,MAAM,CAACM,MAAM,EAAE;AACvB,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;IACA,OAAO,IAAI,CAACN,MAAM,CAACO,MAAM,CACvB,CAACC,IAAI,EAAEC,KAAK,KAAMA,KAAK,CAACC,EAAE,KAAKL,OAAO,GAAG,IAAI,GAAGG,IAAK,EACrD,KACF,CAAC,CAAA;GACF,CAAA;AAEDG,EAAAA,GAAG,GAAGA,CAACC,OAAqB,EAAEC,OAAqB,GAAGjB,cAAc,KAAK;AACvE,IAAA,MAAMkB,KAAc,GAAGC,UAAI,EAAE,CAAA;AAE7B,IAAA,IAAI,IAAI,CAACX,GAAG,CAACU,KAAK,CAAC,EAAE;AACnB,MAAA,OAAO,EAAE,CAAA;AACX,KAAA;AAEA,IAAA,MAAME,QAAmB,GAAG;AAC1BN,MAAAA,EAAE,EAAEI,KAAK;MACTF,OAAO;AACPK,MAAAA,OAAO,EAAE,CAAC;MACV,GAAGJ,OAAAA;KACJ,CAAA;IACD,MAAMV,SAAsB,GAAG,CAAC,GAAG,IAAI,CAACH,MAAM,EAAEgB,QAAQ,CAAC,CAAA;AACzD,IAAA,IAAI,CAACd,SAAS,CAACC,SAAS,CAAC,CAAA;AACzB,IAAA,OAAOW,KAAK,CAAA;GACb,CAAA;EAEDI,MAAM,GAAGA,CACPb,OAAgB,EAChBO,OAAqB,EACrBC,OAAqB,GAAG,EAAE,KACvB;AACH,IAAA,IAAI,CAAC,IAAI,CAACT,GAAG,CAACC,OAAO,CAAC,EAAE;AACtB,MAAA,OAAO,EAAE,CAAA;AACX,KAAA;IAEA,MAAMF,SAAsB,GAAG,IAAI,CAACH,MAAM,CAACmB,GAAG,CAAEV,KAAK,IAAK;AACxD,MAAA,IAAIA,KAAK,CAACC,EAAE,KAAKL,OAAO,EAAE;QACxB,OAAO;AACL,UAAA,GAAGI,KAAK;AACR,UAAA,GAAGI,OAAO;AACVI,UAAAA,OAAO,EAAER,KAAK,EAAEQ,OAAO,IAAI,IAAI,GAAGR,KAAK,CAACQ,OAAO,GAAG,CAAC,GAAG,CAAC;AACvDL,UAAAA,OAAAA;SACD,CAAA;AACH,OAAA;AACA,MAAA,OAAOH,KAAK,CAAA;AACd,KAAC,CAAC,CAAA;AACF,IAAA,IAAI,CAACP,SAAS,CAACC,SAAS,CAAC,CAAA;AACzB,IAAA,OAAOE,OAAO,CAAA;GACf,CAAA;EAEDe,MAAM,GAAIV,EAAW,IAAc;AACjC,IAAA,IAAI,CAAC,IAAI,CAACN,GAAG,CAACM,EAAE,CAAC,EAAE;AACjB,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AACA,IAAA,MAAMP,SAAsB,GAAG,IAAI,CAACH,MAAM,CAACqB,MAAM,CAC9CZ,KAAK,IAAKA,KAAK,CAACC,EAAE,KAAKA,EAC1B,CAAC,CAAA;AACD,IAAA,IAAI,CAACR,SAAS,CAACC,SAAS,CAAC,CAAA;AACzB,IAAA,OAAO,IAAI,CAAC;GACb,CAAA;EAEDmB,SAAS,GAAGA,MAAM;AAChB,IAAA,IAAI,CAAC,IAAI,CAACtB,MAAM,CAACM,MAAM,EAAE;AACvB,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAI,CAACJ,SAAS,CAAC,EAAE,CAAC,CAAA;GACnB,CAAA;AACH;;;;"}

package/dist/cjs/index.js

@@ -10,6 +10,8 @@ var FloatingButton = require('./components/AlphaFloatingButton/FloatingButton.js
 var FloatingIconButton = require('./components/AlphaFloatingIconButton/FloatingIconButton.js');
 var IconButton = require('./components/AlphaIconButton/IconButton.js');
 var Spinner = require('./components/AlphaSpinner/Spinner.js');
+var ToggleButton = require('./components/AlphaToggleButton/ToggleButton.js');
+var ToggleButtonGroup = require('./components/AlphaToggleButtonGroup/ToggleButtonGroup.js');
 var TooltipPrimitive = require('./components/AlphaTooltipPrimitive/TooltipPrimitive.js');
 var AppProvider = require('./components/AppProvider/AppProvider.js');
 var AutoFocus = require('./components/AutoFocus/AutoFocus.js');
@@ -93,6 +95,8 @@ exports.AlphaFloatingButton = FloatingButton.FloatingButton;
 exports.AlphaFloatingIconButton = FloatingIconButton.FloatingIconButton;
 exports.AlphaIconButton = IconButton.IconButton;
 exports.AlphaSpinner = Spinner.Spinner;
+exports.AlphaToggleButton = ToggleButton.ToggleButton;
+exports.ToggleButtonGroup = ToggleButtonGroup.ToggleButtonGroup;
 exports.AlphaTooltipPrimitive = TooltipPrimitive.TooltipPrimitive;
 exports.AlphaTooltipPrimitiveArrow = TooltipPrimitive.TooltipPrimitiveArrow;
 exports.AlphaTooltipPrimitiveContent = TooltipPrimitive.TooltipPrimitiveContent;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/node_modules/@radix-ui/react-toggle/dist/index.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var _extends = require('../../../@babel/runtime/helpers/esm/extends.js');
+var React = require('react');
+var index$2 = require('../../primitive/dist/index.js');
+var index = require('../../react-use-controllable-state/dist/index.js');
+var index$1 = require('../../react-primitive/dist/index.js');
+
+const $b3bbe2732c13b576$export$bea8ebba691c5813 = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  const {
+    pressed: pressedProp,
+    defaultPressed = false,
+    onPressedChange: onPressedChange,
+    ...buttonProps
+  } = props;
+  const [pressed = false, setPressed] = index.useControllableState({
+    prop: pressedProp,
+    onChange: onPressedChange,
+    defaultProp: defaultPressed
+  });
+  return /*#__PURE__*/React.createElement(index$1.Primitive.button, _extends.default({
+    type: "button",
+    "aria-pressed": pressed,
+    "data-state": pressed ? 'on' : 'off',
+    "data-disabled": props.disabled ? '' : undefined
+  }, buttonProps, {
+    ref: forwardedRef,
+    onClick: index$2.composeEventHandlers(props.onClick, () => {
+      if (!props.disabled) setPressed(!pressed);
+    })
+  }));
+});
+/* ---------------------------------------------------------------------------------------------- */
+const $b3bbe2732c13b576$export$be92b6f5f03c0fe9 = $b3bbe2732c13b576$export$bea8ebba691c5813;
+
+exports.Root = $b3bbe2732c13b576$export$be92b6f5f03c0fe9;
+exports.Toggle = $b3bbe2732c13b576$export$bea8ebba691c5813;
+//# sourceMappingURL=index.js.map

package/dist/cjs/node_modules/@radix-ui/react-toggle/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/node_modules/@radix-ui/react-toggle-group/dist/index.js

@@ -1,19 +1,178 @@
 'use strict';
 
-require('react');
+var _extends = require('../../../@babel/runtime/helpers/esm/extends.js');
+var React = require('react');
 var index = require('../../react-context/dist/index.js');
+var index$4 = require('../../react-primitive/dist/index.js');
 var index$1 = require('../../react-roving-focus/dist/index.js');
+var index$5 = require('../../react-toggle/dist/index.js');
+var index$2 = require('../../react-use-controllable-state/dist/index.js');
+var index$3 = require('../../react-direction/dist/index.js');
 
 /* -------------------------------------------------------------------------------------------------
  * ToggleGroup
  * -----------------------------------------------------------------------------------------------*/
 const $6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME = 'ToggleGroup';
 const [$6c1fd9e6a8969628$var$createToggleGroupContext, $6c1fd9e6a8969628$export$d1c7c4bcd9f26dd4] = index.createContextScope($6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME, [index$1.createRovingFocusGroupScope]);
-index$1.createRovingFocusGroupScope();
+const $6c1fd9e6a8969628$var$useRovingFocusGroupScope = index$1.createRovingFocusGroupScope();
+const $6c1fd9e6a8969628$export$af3ec21f6cfb5e30 = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  const {
+    type: type,
+    ...toggleGroupProps
+  } = props;
+  if (type === 'single') {
+    const singleProps = toggleGroupProps;
+    return /*#__PURE__*/React.createElement($6c1fd9e6a8969628$var$ToggleGroupImplSingle, _extends.default({}, singleProps, {
+      ref: forwardedRef
+    }));
+  }
+  if (type === 'multiple') {
+    const multipleProps = toggleGroupProps;
+    return /*#__PURE__*/React.createElement($6c1fd9e6a8969628$var$ToggleGroupImplMultiple, _extends.default({}, multipleProps, {
+      ref: forwardedRef
+    }));
+  }
+  throw new Error(`Missing prop \`type\` expected on \`${$6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME}\``);
+});
 /* -----------------------------------------------------------------------------------------------*/
-$6c1fd9e6a8969628$var$createToggleGroupContext($6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME);
+const [$6c1fd9e6a8969628$var$ToggleGroupValueProvider, $6c1fd9e6a8969628$var$useToggleGroupValueContext] = $6c1fd9e6a8969628$var$createToggleGroupContext($6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME);
+const $6c1fd9e6a8969628$var$ToggleGroupImplSingle = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  const {
+    value: valueProp,
+    defaultValue: defaultValue,
+    onValueChange = () => {},
+    ...toggleGroupSingleProps
+  } = props;
+  const [value, setValue] = index$2.useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  return /*#__PURE__*/React.createElement($6c1fd9e6a8969628$var$ToggleGroupValueProvider, {
+    scope: props.__scopeToggleGroup,
+    type: "single",
+    value: value ? [value] : [],
+    onItemActivate: setValue,
+    onItemDeactivate: React.useCallback(() => setValue(''), [setValue])
+  }, /*#__PURE__*/React.createElement($6c1fd9e6a8969628$var$ToggleGroupImpl, _extends.default({}, toggleGroupSingleProps, {
+    ref: forwardedRef
+  })));
+});
+const $6c1fd9e6a8969628$var$ToggleGroupImplMultiple = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  const {
+    value: valueProp,
+    defaultValue: defaultValue,
+    onValueChange = () => {},
+    ...toggleGroupMultipleProps
+  } = props;
+  const [value1 = [], setValue] = index$2.useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const handleButtonActivate = React.useCallback(itemValue => setValue((prevValue = []) => [...prevValue, itemValue]), [setValue]);
+  const handleButtonDeactivate = React.useCallback(itemValue => setValue((prevValue = []) => prevValue.filter(value => value !== itemValue)), [setValue]);
+  return /*#__PURE__*/React.createElement($6c1fd9e6a8969628$var$ToggleGroupValueProvider, {
+    scope: props.__scopeToggleGroup,
+    type: "multiple",
+    value: value1,
+    onItemActivate: handleButtonActivate,
+    onItemDeactivate: handleButtonDeactivate
+  }, /*#__PURE__*/React.createElement($6c1fd9e6a8969628$var$ToggleGroupImpl, _extends.default({}, toggleGroupMultipleProps, {
+    ref: forwardedRef
+  })));
+});
 /* -----------------------------------------------------------------------------------------------*/
-$6c1fd9e6a8969628$var$createToggleGroupContext($6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME);
+const [$6c1fd9e6a8969628$var$ToggleGroupContext, $6c1fd9e6a8969628$var$useToggleGroupContext] = $6c1fd9e6a8969628$var$createToggleGroupContext($6c1fd9e6a8969628$var$TOGGLE_GROUP_NAME);
+const $6c1fd9e6a8969628$var$ToggleGroupImpl = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeToggleGroup: __scopeToggleGroup,
+    disabled = false,
+    rovingFocus = true,
+    orientation: orientation,
+    dir: dir,
+    loop = true,
+    ...toggleGroupProps
+  } = props;
+  const rovingFocusGroupScope = $6c1fd9e6a8969628$var$useRovingFocusGroupScope(__scopeToggleGroup);
+  const direction = index$3.useDirection(dir);
+  const commonProps = {
+    role: 'group',
+    dir: direction,
+    ...toggleGroupProps
+  };
+  return /*#__PURE__*/React.createElement($6c1fd9e6a8969628$var$ToggleGroupContext, {
+    scope: __scopeToggleGroup,
+    rovingFocus: rovingFocus,
+    disabled: disabled
+  }, rovingFocus ? /*#__PURE__*/React.createElement(index$1.Root, _extends.default({
+    asChild: true
+  }, rovingFocusGroupScope, {
+    orientation: orientation,
+    dir: direction,
+    loop: loop
+  }), /*#__PURE__*/React.createElement(index$4.Primitive.div, _extends.default({}, commonProps, {
+    ref: forwardedRef
+  }))) : /*#__PURE__*/React.createElement(index$4.Primitive.div, _extends.default({}, commonProps, {
+    ref: forwardedRef
+  })));
+});
+/* -------------------------------------------------------------------------------------------------
+ * ToggleGroupItem
+ * -----------------------------------------------------------------------------------------------*/
+const $6c1fd9e6a8969628$var$ITEM_NAME = 'ToggleGroupItem';
+const $6c1fd9e6a8969628$export$b453109e13abe10b = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  const valueContext = $6c1fd9e6a8969628$var$useToggleGroupValueContext($6c1fd9e6a8969628$var$ITEM_NAME, props.__scopeToggleGroup);
+  const context = $6c1fd9e6a8969628$var$useToggleGroupContext($6c1fd9e6a8969628$var$ITEM_NAME, props.__scopeToggleGroup);
+  const rovingFocusGroupScope = $6c1fd9e6a8969628$var$useRovingFocusGroupScope(props.__scopeToggleGroup);
+  const pressed = valueContext.value.includes(props.value);
+  const disabled = context.disabled || props.disabled;
+  const commonProps = {
+    ...props,
+    pressed: pressed,
+    disabled: disabled
+  };
+  const ref = React.useRef(null);
+  return context.rovingFocus ? /*#__PURE__*/React.createElement(index$1.Item, _extends.default({
+    asChild: true
+  }, rovingFocusGroupScope, {
+    focusable: !disabled,
+    active: pressed,
+    ref: ref
+  }), /*#__PURE__*/React.createElement($6c1fd9e6a8969628$var$ToggleGroupItemImpl, _extends.default({}, commonProps, {
+    ref: forwardedRef
+  }))) : /*#__PURE__*/React.createElement($6c1fd9e6a8969628$var$ToggleGroupItemImpl, _extends.default({}, commonProps, {
+    ref: forwardedRef
+  }));
+});
+/* -----------------------------------------------------------------------------------------------*/
+const $6c1fd9e6a8969628$var$ToggleGroupItemImpl = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeToggleGroup: __scopeToggleGroup,
+    value: value,
+    ...itemProps
+  } = props;
+  const valueContext = $6c1fd9e6a8969628$var$useToggleGroupValueContext($6c1fd9e6a8969628$var$ITEM_NAME, __scopeToggleGroup);
+  const singleProps = {
+    role: 'radio',
+    'aria-checked': props.pressed,
+    'aria-pressed': undefined
+  };
+  const typeProps = valueContext.type === 'single' ? singleProps : undefined;
+  return /*#__PURE__*/React.createElement(index$5.Toggle, _extends.default({}, typeProps, itemProps, {
+    ref: forwardedRef,
+    onPressedChange: pressed => {
+      if (pressed) valueContext.onItemActivate(value);else valueContext.onItemDeactivate(value);
+    }
+  }));
+});
+/* -----------------------------------------------------------------------------------------------*/
+const $6c1fd9e6a8969628$export$be92b6f5f03c0fe9 = $6c1fd9e6a8969628$export$af3ec21f6cfb5e30;
+const $6c1fd9e6a8969628$export$6d08773d2e66f8f2 = $6c1fd9e6a8969628$export$b453109e13abe10b;
 
+exports.Item = $6c1fd9e6a8969628$export$6d08773d2e66f8f2;
+exports.Root = $6c1fd9e6a8969628$export$be92b6f5f03c0fe9;
+exports.ToggleGroup = $6c1fd9e6a8969628$export$af3ec21f6cfb5e30;
+exports.ToggleGroupItem = $6c1fd9e6a8969628$export$b453109e13abe10b;
 exports.createToggleGroupScope = $6c1fd9e6a8969628$export$d1c7c4bcd9f26dd4;
 //# sourceMappingURL=index.js.map

package/dist/cjs/node_modules/@radix-ui/react-toggle-group/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/node_modules/aria-hidden/dist/es2015/index.js

@@ -122,7 +122,7 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
     markerName = 'data-aria-hidden';
   }
   var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
-  var activeParentNode = parentNode || getDefaultParent(originalTarget);
+  var activeParentNode = getDefaultParent(originalTarget);
   if (!activeParentNode) {
     return function () {
       return null;