@channel.io/bezier-react 2.6.1 → 3.0.0

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

@@ -2,10 +2,11 @@
 
 var React = require('react');
 var bezierIcons = require('@channel.io/bezier-icons');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var propsHelpers = require('../../types/props-helpers.js');
 var type = require('../../utils/type.js');
 var Select_module = require('./Select.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var FormControl = require('../FormControl/FormControl.js');
 var BaseButton = require('../BaseButton/BaseButton.js');
 var Icon = require('../Icon/Icon.js');
@@ -73,51 +74,57 @@ const Select = /*#__PURE__*/React.forwardRef(function Select({
   }, [defaultFocus, disabled, readOnly]);
   React.useImperativeHandle(forwardedRef, () => handle);
   const hasContent = !type.isEmpty(text);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     style: style,
     className: index.default(Select_module.default.SelectContainer, className),
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement(BaseButton.BaseButton, Object.assign({
-    className: index.default(Select_module.default.SelectTrigger, propsHelpers.getFormFieldSizeClassName(size), hasError && Select_module.default.invalid, readOnly && Select_module.default.readonly, isDropdownOpened && Select_module.default.active),
-    ref: triggerRef,
-    disabled: disabled,
-    onClick: handleClickTrigger
-  }, ownProps), /*#__PURE__*/React.createElement("div", {
-    className: Select_module.default.SelectMainContent
-  }, bezierIcons.isBezierIcon(leftContent) ? /*#__PURE__*/React.createElement(Icon.Icon, {
-    source: leftContent,
-    size: "xs",
-    marginRight: 6,
-    color: iconColor
-  }) : leftContent, /*#__PURE__*/React.createElement(Text.Text, {
-    "data-testid": "bezier-select-trigger-text",
-    typo: "14",
-    truncated: true,
-    color: hasContent ? textColor : 'txt-black-dark'
-  }, hasContent ? text : placeholder), bezierIcons.isBezierIcon(rightContent) ? /*#__PURE__*/React.createElement(Icon.Icon, {
-    source: rightContent,
-    size: "xs",
-    marginRight: 6,
-    color: iconColor
-  }) : rightContent), !withoutChevron && /*#__PURE__*/React.createElement(Icon.Icon, {
-    source: isDropdownOpened ? bezierIcons.ChevronUpIcon : bezierIcons.ChevronDownIcon,
-    size: "xs",
-    color: readOnly ? 'txt-black-dark' : 'txt-black-darker',
-    marginLeft: 6
-  })), /*#__PURE__*/React.createElement(Overlay.Overlay, {
-    style: dropdownStyle,
-    className: index.default(Select_module.default.SelectDropdown, propsHelpers.getZIndexClassName(dropdownZIndex), dropdownClassName),
-    withTransition: true,
-    show: isDropdownOpened && !disabled,
-    marginX: dropdownMarginX,
-    marginY: dropdownMarginY,
-    target: triggerRef.current,
-    container: dropdownContainer || containerRef.current,
-    position: dropdownPosition,
-    keepInContainer: dropdownKeepInContainer,
-    "data-testid": SELECT_DROPDOWN_TEST_ID,
-    onHide: handleHideDropdown
-  }, children));
+    ref: containerRef,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(BaseButton.BaseButton, {
+      className: index.default(Select_module.default.SelectTrigger, propsHelpers.getFormFieldSizeClassName(size), hasError && Select_module.default.invalid, readOnly && Select_module.default.readonly, isDropdownOpened && Select_module.default.active),
+      ref: triggerRef,
+      disabled: disabled,
+      onClick: handleClickTrigger,
+      ...ownProps,
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: Select_module.default.SelectMainContent,
+        children: [bezierIcons.isBezierIcon(leftContent) ? /*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
+          source: leftContent,
+          size: "xs",
+          marginRight: 6,
+          color: iconColor
+        }) : leftContent, /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+          "data-testid": "bezier-select-trigger-text",
+          typo: "14",
+          truncated: true,
+          color: hasContent ? textColor : 'txt-black-dark',
+          children: hasContent ? text : placeholder
+        }), bezierIcons.isBezierIcon(rightContent) ? /*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
+          source: rightContent,
+          size: "xs",
+          marginRight: 6,
+          color: iconColor
+        }) : rightContent]
+      }), !withoutChevron && /*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
+        source: isDropdownOpened ? bezierIcons.ChevronUpIcon : bezierIcons.ChevronDownIcon,
+        size: "xs",
+        color: readOnly ? 'txt-black-dark' : 'txt-black-darker',
+        marginLeft: 6
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Overlay.Overlay, {
+      style: dropdownStyle,
+      className: index.default(Select_module.default.SelectDropdown, propsHelpers.getZIndexClassName(dropdownZIndex), dropdownClassName),
+      withTransition: true,
+      show: isDropdownOpened && !disabled,
+      marginX: dropdownMarginX,
+      marginY: dropdownMarginY,
+      target: triggerRef.current,
+      container: dropdownContainer || containerRef.current,
+      position: dropdownPosition,
+      keepInContainer: dropdownKeepInContainer,
+      "data-testid": SELECT_DROPDOWN_TEST_ID,
+      onHide: handleHideDropdown,
+      children: children
+    })]
+  });
 });
 
 exports.SELECT_DROPDOWN_TEST_ID = SELECT_DROPDOWN_TEST_ID;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client'\n\nimport 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","_ref","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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"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client'\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport * as React 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","_ref","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","_jsxs","classNames","styles","SelectContainer","ref","BaseButton","SelectTrigger","getFormFieldSizeClassName","invalid","readonly","active","onClick","SelectMainContent","isBezierIcon","_jsx","Icon","source","marginRight","color","Text","typo","truncated","ChevronUpIcon","ChevronDownIcon","marginLeft","Overlay","SelectDropdown","getZIndexClassName","withTransition","show","marginX","marginY","target","container","position","keepInContainer","onHide"],"mappings":";;;;;;;;;;;;;;;AAoCO,MAAMA,uBAAuB,GAAG;MAE1BC,MAAM,gBAAGC,gBAAU,CAAyB,SAASD,MAAMA,CACtE;EACEE,QAAQ;EACRC,KAAK;EACLC,SAAS;AACTC,EAAAA,IAAI,EAAEC,SAAS;AACfC,EAAAA,YAAY,GAAG,KAAK;AACpBC,EAAAA,WAAW,GAAG,EAAE;EAChBC,WAAW;EACXC,YAAY;AACZC,EAAAA,SAAS,GAAG,gBAAgB;EAC5BC,IAAI;AACJC,EAAAA,SAAS,GAAG,mBAAmB;AAC/BC,EAAAA,cAAc,GAAG,KAAK;EACtBC,aAAa;EACbC,iBAAiB;EACjBC,iBAAiB;EACjBC,eAAe;AACfC,EAAAA,eAAe,GAAG,CAAC;AACnBC,EAAAA,cAAc,GAAG,SAAS;AAC1BC,EAAAA,gBAAgB,GAAG,aAAa;AAChCC,EAAAA,uBAAuB,GAAG,KAAK;EAC/BC,cAAc;EACdC,cAAc;EACd,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;AAAA,EAAA,IAAAC,IAAA;EACA,MAAM;IACJC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;AACRzB,IAAAA,IAAI,EAAE0B,aAAa;IACnB,GAAGC;AACL,GAAC,GAAGC,6BAAiB,CAACR,IAAI,CAAC;AAE3B,EAAA,MAAMS,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC;AACjD,EAAA,MAAMC,UAAU,GAAGD,YAAM,CAAoB,IAAI,CAAC;AAElD,EAAA,MAAM9B,IAAI,GAAAsB,CAAAA,IAAA,GAAGrB,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAIyB,aAAa,MAAAJ,IAAAA,IAAAA,IAAA,KAAAA,KAAAA,CAAAA,GAAAA,IAAA,GAAI,GAAG;EAE9C,MAAM,CAACU,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAE/D,EAAA,MAAMC,kBAAkB,GAAGC,iBAAW,CACnCC,KAAuB,IAAK;AAC3B,IAAA,IAAI,CAACd,QAAQ,IAAI,CAACC,QAAQ,EAAE;AAC1BS,MAAAA,mBAAmB,CAAEK,SAAS,IAAK,CAACA,SAAS,CAAC;AAC9CpB,MAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAdA,cAAc,CAAGmB,KAAK,CAAC;AACzB;GACD,EACD,CAACd,QAAQ,EAAEC,QAAQ,EAAEN,cAAc,CACrC,CAAC;AAED,EAAA,MAAMqB,kBAAkB,GAAGH,iBAAW,CAAC,MAAM;IAC3CH,mBAAmB,CAAC,KAAK,CAAC;AAC1Bd,IAAAA,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,IAAAA,cAAc,EAAI;AACpB,GAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,MAAMqB,UAAU,GAAGJ,iBAAW,CAAC,MAAML,UAAU,CAACU,OAAO,EAAE,EAAE,CAAC;AAE5D,EAAA,MAAMC,MAAM,GAAGC,aAAO,CACpB,OAAkB;IAChBR,kBAAkB;IAClBI,kBAAkB;AAClBC,IAAAA;GACD,CAAC,EACF,CAACL,kBAAkB,EAAEI,kBAAkB,EAAEC,UAAU,CACrD,CAAC;AAEDI,EAAAA,eAAS,CACP,SAASC,kBAAkBA,GAAG;AAC5B,IAAA,IAAI3C,YAAY,IAAI,CAACqB,QAAQ,IAAI,CAACC,QAAQ,EAAE;MAC1CS,mBAAmB,CAAC,IAAI,CAAC;AAC3B;GACD,EACD,CAAC/B,YAAY,EAAEqB,QAAQ,EAAEC,QAAQ,CACnC,CAAC;AAEDsB,EAAAA,yBAAmB,CAACzB,YAAY,EAAE,MAAMqB,MAAM,CAAC;AAE/C,EAAA,MAAMK,UAAU,GAAG,CAACC,YAAO,CAACzC,IAAI,CAAC;AAEjC,EAAA,oBACE0C,eAAA,CAAA,KAAA,EAAA;AACEnD,IAAAA,KAAK,EAAEA,KAAM;IACbC,SAAS,EAAEmD,aAAU,CAACC,qBAAM,CAACC,eAAe,EAAErD,SAAS,CAAE;AACzDsD,IAAAA,GAAG,EAAExB,YAAa;IAAAhC,QAAA,EAAA,cAElBoD,eAAA,CAACK,qBAAU,EAAA;AACTvD,MAAAA,SAAS,EAAEmD,aAAU,CACnBC,qBAAM,CAACI,aAAa,EACpBC,sCAAyB,CAACxD,IAAI,CAAC,EAC/ByB,QAAQ,IAAI0B,qBAAM,CAACM,OAAO,EAC1BjC,QAAQ,IAAI2B,qBAAM,CAACO,QAAQ,EAC3B1B,gBAAgB,IAAImB,qBAAM,CAACQ,MAC7B,CAAE;AACFN,MAAAA,GAAG,EAAEtB,UAAW;AAChBR,MAAAA,QAAQ,EAAEA,QAAS;AACnBqC,MAAAA,OAAO,EAAEzB,kBAAmB;AAAA,MAAA,GACxBR,QAAQ;AAAA9B,MAAAA,QAAA,gBAEZoD,eAAA,CAAA,KAAA,EAAA;QAAKlD,SAAS,EAAEoD,qBAAM,CAACU,iBAAkB;QAAAhE,QAAA,EAAA,CACtCiE,wBAAY,CAAC1D,WAAW,CAAC,gBACxB2D,cAAA,CAACC,SAAI,EAAA;AACHC,UAAAA,MAAM,EAAE7D,WAAY;AACpBJ,UAAAA,IAAI,EAAC,IAAI;AACTkE,UAAAA,WAAW,EAAE,CAAE;AACfC,UAAAA,KAAK,EAAE7D;AAAU,SAClB,CAAC,GAEFF,WACD,eAED2D,cAAA,CAACK,SAAI,EAAA;AACH,UAAA,aAAA,EAAY,4BAA4B;AACxCC,UAAAA,IAAI,EAAC,IAAI;UACTC,SAAS,EAAA,IAAA;AACTH,UAAAA,KAAK,EAAEpB,UAAU,GAAGvC,SAAS,GAAG,gBAAiB;AAAAX,UAAAA,QAAA,EAEhDkD,UAAU,GAAGxC,IAAI,GAAGJ;SACjB,CAAC,EAEN2D,wBAAY,CAACzD,YAAY,CAAC,gBACzB0D,cAAA,CAACC,SAAI,EAAA;AACHC,UAAAA,MAAM,EAAE5D,YAAa;AACrBL,UAAAA,IAAI,EAAC,IAAI;AACTkE,UAAAA,WAAW,EAAE,CAAE;AACfC,UAAAA,KAAK,EAAE7D;SACR,CAAC,GAEFD,YACD;AAAA,OACE,CAAC,EAEL,CAACI,cAAc,iBACdsD,cAAA,CAACC,SAAI,EAAA;AACHC,QAAAA,MAAM,EAAEjC,gBAAgB,GAAGuC,yBAAa,GAAGC,2BAAgB;AAC3DxE,QAAAA,IAAI,EAAC,IAAI;AACTmE,QAAAA,KAAK,EAAE3C,QAAQ,GAAG,gBAAgB,GAAG,kBAAmB;AACxDiD,QAAAA,UAAU,EAAE;AAAE,OACf,CACF;AAAA,KACS,CAAC,eAEbV,cAAA,CAACW,eAAO,EAAA;AACN5E,MAAAA,KAAK,EAAEY,aAAc;AACrBX,MAAAA,SAAS,EAAEmD,aAAU,CACnBC,qBAAM,CAACwB,cAAc,EACrBC,+BAAkB,CAAC7D,cAAc,CAAC,EAClCJ,iBACF,CAAE;MACFkE,cAAc,EAAA,IAAA;AACdC,MAAAA,IAAI,EAAE9C,gBAAgB,IAAI,CAACT,QAAS;AACpCwD,MAAAA,OAAO,EAAElE,eAAgB;AACzBmE,MAAAA,OAAO,EAAElE,eAAgB;MACzBmE,MAAM,EAAElD,UAAU,CAACU,OAAQ;AAC3ByC,MAAAA,SAAS,EAAEtE,iBAAiB,IAAIiB,YAAY,CAACY,OAAQ;AACrD0C,MAAAA,QAAQ,EAAEnE,gBAAiB;AAC3BoE,MAAAA,eAAe,EAAEnE,uBAAwB;AACzC,MAAA,aAAA,EAAavB,uBAAwB;AACrC2F,MAAAA,MAAM,EAAE9C,kBAAmB;AAAA1C,MAAAA,QAAA,EAE1BA;AAAQ,KACF,CAAC;AAAA,GACP,CAAC;AAEV,CAAC;;;;;"}

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

@@ -2,9 +2,10 @@
 
 var React = require('react');
 var index = require('../../node_modules/@radix-ui/react-slider/dist/index.js');
-var index$1 = require('../../node_modules/classnames/index.js');
+var index$1 = require('../../_virtual/index.js');
 var style = require('../../utils/style.js');
 var Slider_module = require('./Slider.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var Tooltip = require('../Tooltip/Tooltip.js');
 
 const SLIDER_TEST_ID = 'bezier-slider';
@@ -13,7 +14,7 @@ const SliderGuide = /*#__PURE__*/React.memo(function SliderGuide({
   max,
   value
 }) {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: Slider_module.default.SliderGuide,
     style: {
       '--b-slider-guide-left': `${value / (max - min) * 100}%`
@@ -28,20 +29,23 @@ const SliderThumb = /*#__PURE__*/React.forwardRef(function SliderThumb({
 }, forwardedRef) {
   const value = rest === null || rest === void 0 ? void 0 : rest['aria-valuenow'];
   if (disableTooltip) {
-    return /*#__PURE__*/React.createElement("div", Object.assign({
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: forwardedRef,
-      className: Slider_module.default.SliderThumb
-    }, rest));
+      className: Slider_module.default.SliderThumb,
+      ...rest
+    });
   }
-  return /*#__PURE__*/React.createElement(Tooltip.Tooltip, {
+  return /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
     content: value,
     offset: 6,
     placement: "top-center",
-    onPointerDownOutside: e => e.preventDefault()
-  }, /*#__PURE__*/React.createElement("div", Object.assign({
-    ref: forwardedRef,
-    className: Slider_module.default.SliderThumb
-  }, rest)));
+    onPointerDownOutside: e => e.preventDefault(),
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: forwardedRef,
+      className: Slider_module.default.SliderThumb,
+      ...rest
+    })
+  });
 });
 
 /**
@@ -77,7 +81,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider({
   ...rest
 }, forwardedRef) {
   const targetValue = value || defaultValue;
-  return /*#__PURE__*/React.createElement(index.Root, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsxs(index.Root, {
     style: {
       '--b-slider-width': style.cssDimension(width),
       ...style$1
@@ -93,25 +97,27 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider({
     step: step,
     dir: dir,
     minStepsBetweenThumbs: minStepsBetweenThumbs,
-    "data-testid": SLIDER_TEST_ID
-  }, rest), /*#__PURE__*/React.createElement(index.Track, {
-    className: Slider_module.default.SliderPrimitiveTrack
-  }, /*#__PURE__*/React.createElement(index.Range, {
-    className: Slider_module.default.SliderPrimitiveRange
-  }), guide && /*#__PURE__*/React.createElement("div", {
-    className: Slider_module.default.GuideContainer
-  }, guide.map(guideValue => /*#__PURE__*/React.createElement(SliderGuide, {
-    key: `slider-guide-${guideValue}`,
-    min: min,
-    max: max,
-    value: guideValue
-  })))), targetValue.map((_, i) => /*#__PURE__*/React.createElement(index.Thumb, {
-    // eslint-disable-next-line react/no-array-index-key
-    key: `slider-thumb-${i}`,
-    asChild: true
-  }, /*#__PURE__*/React.createElement(SliderThumb, {
-    disableTooltip: disableTooltip
-  }))));
+    "data-testid": SLIDER_TEST_ID,
+    ...rest,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(index.Track, {
+      className: Slider_module.default.SliderPrimitiveTrack,
+      children: [/*#__PURE__*/jsxRuntime.jsx(index.Range, {
+        className: Slider_module.default.SliderPrimitiveRange
+      }), guide && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: Slider_module.default.GuideContainer,
+        children: guide.map(guideValue => /*#__PURE__*/jsxRuntime.jsx(SliderGuide, {
+          min: min,
+          max: max,
+          value: guideValue
+        }, `slider-guide-${guideValue}`))
+      })]
+    }), targetValue.map((_, i) => /*#__PURE__*/jsxRuntime.jsx(index.Thumb, {
+      asChild: true,
+      children: /*#__PURE__*/jsxRuntime.jsx(SliderThumb, {
+        disableTooltip: disableTooltip
+      })
+    }, `slider-thumb-${i}`))]
+  });
 });
 
 exports.SLIDER_TEST_ID = SLIDER_TEST_ID;

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["'use client'\n\nimport React, { type CSSProperties, forwardRef, memo } from 'react'\n\nimport * as SliderPrimitive from '@radix-ui/react-slider'\nimport classNames from 'classnames'\n\nimport { cssDimension } from '~/src/utils/style'\n\nimport { Tooltip } from '~/src/components/Tooltip'\n\nimport { type SliderProps } from './Slider.types'\n\nimport styles from './Slider.module.scss'\n\nexport const SLIDER_TEST_ID = 'bezier-slider'\n\nconst SliderGuide = memo<Record<'min' | 'max' | 'value', number>>(\n  function SliderGuide({ min, max, value }) {\n    return (\n      <div\n        className={styles.SliderGuide}\n        style={\n          {\n            '--b-slider-guide-left': `${(value / (max - min)) * 100}%`,\n          } as React.CSSProperties\n        }\n      />\n    )\n  }\n)\n\n/* NOTE: Props are injected at runtime by `SliderPrimitive.Thumb`. */\nconst SliderThumb = forwardRef<\n  HTMLDivElement,\n  Pick<SliderProps, 'disableTooltip'> & React.HTMLAttributes<HTMLDivElement>\n>(function SliderThumb({ disableTooltip, ...rest }, forwardedRef) {\n  const value = rest?.['aria-valuenow']\n\n  if (disableTooltip) {\n    return (\n      <div\n        ref={forwardedRef}\n        className={styles.SliderThumb}\n        {...rest}\n      />\n    )\n  }\n\n  return (\n    <Tooltip\n      content={value}\n      offset={6}\n      placement=\"top-center\"\n      onPointerDownOutside={(e) => e.preventDefault()}\n    >\n      <div\n        ref={forwardedRef}\n        className={styles.SliderThumb}\n        {...rest}\n      />\n    </Tooltip>\n  )\n})\n\n/**\n * An input component where the user selects a value from within a given range.\n * The value of the slider is shown in a tooltip, and in some cases you can add a guide scale.\n * @example\n *\n * ```tsx\n * const [value, setValue] = useState([1])\n * // Controlled\n * <Slider\n *   value={value}\n *   onValueChange={setValue}\n * />\n * // Uncontrolled\n * <Slider defaultValue={[1]} />\n * ```\n */\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(function Slider(\n  {\n    className,\n    style,\n    width = 36,\n    guide,\n    defaultValue = [0],\n    value,\n    disabled = false,\n    min = 0,\n    max = 10,\n    step = 1,\n    minStepsBetweenThumbs = 0,\n    dir = 'ltr',\n    disableTooltip = false,\n    ...rest\n  },\n  forwardedRef\n) {\n  const targetValue = value || defaultValue\n\n  return (\n    <SliderPrimitive.Root\n      style={\n        {\n          '--b-slider-width': cssDimension(width),\n          ...style,\n        } as CSSProperties\n      }\n      className={classNames(styles.Slider, className)}\n      ref={forwardedRef}\n      orientation=\"horizontal\"\n      defaultValue={defaultValue}\n      value={value}\n      disabled={disabled}\n      min={min}\n      max={max}\n      step={step}\n      dir={dir}\n      minStepsBetweenThumbs={minStepsBetweenThumbs}\n      data-testid={SLIDER_TEST_ID}\n      {...rest}\n    >\n      <SliderPrimitive.Track className={styles.SliderPrimitiveTrack}>\n        <SliderPrimitive.Range className={styles.SliderPrimitiveRange} />\n\n        {guide && (\n          <div className={styles.GuideContainer}>\n            {guide.map((guideValue) => (\n              <SliderGuide\n                key={`slider-guide-${guideValue}`}\n                min={min}\n                max={max}\n                value={guideValue}\n              />\n            ))}\n          </div>\n        )}\n      </SliderPrimitive.Track>\n\n      {targetValue.map((_, i) => (\n        <SliderPrimitive.Thumb\n          // eslint-disable-next-line react/no-array-index-key\n          key={`slider-thumb-${i}`}\n          asChild\n        >\n          <SliderThumb disableTooltip={disableTooltip} />\n        </SliderPrimitive.Thumb>\n      ))}\n    </SliderPrimitive.Root>\n  )\n})\n"],"names":["SLIDER_TEST_ID","SliderGuide","memo","min","max","value","React","createElement","className","styles","style","SliderThumb","forwardRef","disableTooltip","rest","forwardedRef","Object","assign","ref","Tooltip","content","offset","placement","onPointerDownOutside","e","preventDefault","Slider","width","guide","defaultValue","disabled","step","minStepsBetweenThumbs","dir","targetValue","SliderPrimitive","cssDimension","classNames","orientation","SliderPrimitiveTrack","SliderPrimitiveRange","GuideContainer","map","guideValue","key","_","i","asChild"],"mappings":"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"}
+{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["'use client'\n\nimport { type CSSProperties, forwardRef, memo } from 'react'\nimport * as React from 'react'\n\nimport * as SliderPrimitive from '@radix-ui/react-slider'\nimport classNames from 'classnames'\n\nimport { cssDimension } from '~/src/utils/style'\n\nimport { Tooltip } from '~/src/components/Tooltip'\n\nimport { type SliderProps } from './Slider.types'\n\nimport styles from './Slider.module.scss'\n\nexport const SLIDER_TEST_ID = 'bezier-slider'\n\nconst SliderGuide = memo<Record<'min' | 'max' | 'value', number>>(\n  function SliderGuide({ min, max, value }) {\n    return (\n      <div\n        className={styles.SliderGuide}\n        style={\n          {\n            '--b-slider-guide-left': `${(value / (max - min)) * 100}%`,\n          } as React.CSSProperties\n        }\n      />\n    )\n  }\n)\n\n/* NOTE: Props are injected at runtime by `SliderPrimitive.Thumb`. */\nconst SliderThumb = forwardRef<\n  HTMLDivElement,\n  Pick<SliderProps, 'disableTooltip'> & React.HTMLAttributes<HTMLDivElement>\n>(function SliderThumb({ disableTooltip, ...rest }, forwardedRef) {\n  const value = rest?.['aria-valuenow']\n\n  if (disableTooltip) {\n    return (\n      <div\n        ref={forwardedRef}\n        className={styles.SliderThumb}\n        {...rest}\n      />\n    )\n  }\n\n  return (\n    <Tooltip\n      content={value}\n      offset={6}\n      placement=\"top-center\"\n      onPointerDownOutside={(e) => e.preventDefault()}\n    >\n      <div\n        ref={forwardedRef}\n        className={styles.SliderThumb}\n        {...rest}\n      />\n    </Tooltip>\n  )\n})\n\n/**\n * An input component where the user selects a value from within a given range.\n * The value of the slider is shown in a tooltip, and in some cases you can add a guide scale.\n * @example\n *\n * ```tsx\n * const [value, setValue] = useState([1])\n * // Controlled\n * <Slider\n *   value={value}\n *   onValueChange={setValue}\n * />\n * // Uncontrolled\n * <Slider defaultValue={[1]} />\n * ```\n */\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(function Slider(\n  {\n    className,\n    style,\n    width = 36,\n    guide,\n    defaultValue = [0],\n    value,\n    disabled = false,\n    min = 0,\n    max = 10,\n    step = 1,\n    minStepsBetweenThumbs = 0,\n    dir = 'ltr',\n    disableTooltip = false,\n    ...rest\n  },\n  forwardedRef\n) {\n  const targetValue = value || defaultValue\n\n  return (\n    <SliderPrimitive.Root\n      style={\n        {\n          '--b-slider-width': cssDimension(width),\n          ...style,\n        } as CSSProperties\n      }\n      className={classNames(styles.Slider, className)}\n      ref={forwardedRef}\n      orientation=\"horizontal\"\n      defaultValue={defaultValue}\n      value={value}\n      disabled={disabled}\n      min={min}\n      max={max}\n      step={step}\n      dir={dir}\n      minStepsBetweenThumbs={minStepsBetweenThumbs}\n      data-testid={SLIDER_TEST_ID}\n      {...rest}\n    >\n      <SliderPrimitive.Track className={styles.SliderPrimitiveTrack}>\n        <SliderPrimitive.Range className={styles.SliderPrimitiveRange} />\n\n        {guide && (\n          <div className={styles.GuideContainer}>\n            {guide.map((guideValue) => (\n              <SliderGuide\n                key={`slider-guide-${guideValue}`}\n                min={min}\n                max={max}\n                value={guideValue}\n              />\n            ))}\n          </div>\n        )}\n      </SliderPrimitive.Track>\n\n      {targetValue.map((_, i) => (\n        <SliderPrimitive.Thumb\n          // eslint-disable-next-line react/no-array-index-key\n          key={`slider-thumb-${i}`}\n          asChild\n        >\n          <SliderThumb disableTooltip={disableTooltip} />\n        </SliderPrimitive.Thumb>\n      ))}\n    </SliderPrimitive.Root>\n  )\n})\n"],"names":["SLIDER_TEST_ID","SliderGuide","memo","min","max","value","_jsx","className","styles","style","SliderThumb","forwardRef","disableTooltip","rest","forwardedRef","ref","Tooltip","content","offset","placement","onPointerDownOutside","e","preventDefault","children","Slider","width","guide","defaultValue","disabled","step","minStepsBetweenThumbs","dir","targetValue","_jsxs","SliderPrimitive","cssDimension","classNames","orientation","SliderPrimitiveTrack","SliderPrimitiveRange","GuideContainer","map","guideValue","_","i","asChild"],"mappings":"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"}

package/dist/cjs/components/SmoothCornersBox/SmoothCornersBox.js

@@ -1,23 +1,13 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var style = require('../../utils/style.js');
 var SmoothCornersBox_module = require('./SmoothCornersBox.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var FeatureProvider = require('../FeatureProvider/FeatureProvider.js');
 var FeatureProvider_types = require('../FeatureProvider/FeatureProvider.types.js');
 
-/**
- * `SmoothCornersBox` is a simple `div` element with smooth corners.
- * It is available by enabling the `SmoothCornersFeature`.
- * @example
- *
- * ```tsx
- * <AppProvider features={[SmoothCornersFeature]}>
- *   <SmoothCornersBox />
- * </AppProvider>
- * ```
- */
 const SmoothCornersBox = /*#__PURE__*/React.forwardRef(function SmoothCornersBox({
   children,
   style: style$1,
@@ -33,7 +23,8 @@ const SmoothCornersBox = /*#__PURE__*/React.forwardRef(function SmoothCornersBox
   var _shadow$blurRadius, _shadow$spreadRadius;
   const shadowBlurRadius = (_shadow$blurRadius = shadow === null || shadow === void 0 ? void 0 : shadow.blurRadius) !== null && _shadow$blurRadius !== void 0 ? _shadow$blurRadius : 0;
   const shadowSpreadRadius = (_shadow$spreadRadius = shadow === null || shadow === void 0 ? void 0 : shadow.spreadRadius) !== null && _shadow$spreadRadius !== void 0 ? _shadow$spreadRadius : 0;
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, rest, {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    ...rest,
     ref: forwardedRef,
     style: {
       ...style$1,
@@ -53,8 +44,9 @@ const SmoothCornersBox = /*#__PURE__*/React.forwardRef(function SmoothCornersBox
       '--b-smooth-corners-box-background-image': style.cssUrl(backgroundImage)
     },
     className: index.default(SmoothCornersBox_module.default.SmoothCornersBox, className),
-    "data-state": FeatureProvider.useFeatureFlag(FeatureProvider_types.FeatureType.SmoothCorners) && !disabled ? 'enabled' : 'disabled'
-  }), children);
+    "data-state": FeatureProvider.useFeatureFlag(FeatureProvider_types.FeatureType.SmoothCorners) && !disabled ? 'enabled' : 'disabled',
+    children: children
+  });
 });
 
 exports.SmoothCornersBox = SmoothCornersBox;

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

@@ -1 +1 @@
-{"version":3,"file":"SmoothCornersBox.js","sources":["../../../../src/components/SmoothCornersBox/SmoothCornersBox.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { cssUrl, cssVar, px } from '~/src/utils/style'\n\nimport { FeatureType, useFeatureFlag } from '~/src/components/FeatureProvider'\n\nimport { type SmoothCornersBoxProps } from './SmoothCornersBox.types'\n\nimport styles from './SmoothCornersBox.module.scss'\n\n/**\n * `SmoothCornersBox` is a simple `div` element with smooth corners.\n * It is available by enabling the `SmoothCornersFeature`.\n * @example\n *\n * ```tsx\n * <AppProvider features={[SmoothCornersFeature]}>\n *   <SmoothCornersBox />\n * </AppProvider>\n * ```\n */\nexport const SmoothCornersBox = forwardRef<\n  HTMLDivElement,\n  SmoothCornersBoxProps\n>(function SmoothCornersBox(\n  {\n    children,\n    style,\n    className,\n    disabled,\n    borderRadius,\n    margin,\n    shadow,\n    backgroundColor,\n    backgroundImage,\n    ...rest\n  },\n  forwardedRef\n) {\n  const shadowBlurRadius = shadow?.blurRadius ?? 0\n  const shadowSpreadRadius = shadow?.spreadRadius ?? 0\n\n  return (\n    <div\n      {...rest}\n      ref={forwardedRef}\n      style={\n        {\n          ...style,\n          '--b-smooth-corners-box-border-radius': borderRadius,\n          '--b-smooth-corners-box-shadow-offset-x': px(shadow?.offsetX),\n          '--b-smooth-corners-box-shadow-offset-y': px(shadow?.offsetY),\n          '--b-smooth-corners-box-shadow-blur-radius': `${shadowBlurRadius}px`,\n          '--b-smooth-corners-box-shadow-spread-radius': `${shadowSpreadRadius}px`,\n          '--b-smooth-corners-box-shadow-color': cssVar(shadow?.color),\n          /**\n           * NOTE: Calculate in javascript because it cannot access calculated values via CSS calc() in the paint worklet.\n           * @see {@link ~/src/features/SmoothCorners/smoothCornersScript.ts}\n           */\n          '--b-smooth-corners-box-padding': `${Math.max(shadowBlurRadius, shadowSpreadRadius) * 2}px`,\n          '--b-smooth-corners-box-margin': `${margin ?? 0}px`,\n          '--b-smooth-corners-box-background-color': cssVar(backgroundColor),\n          '--b-smooth-corners-box-background-image': cssUrl(backgroundImage),\n        } as React.CSSProperties\n      }\n      className={classNames(styles.SmoothCornersBox, className)}\n      data-state={\n        useFeatureFlag(FeatureType.SmoothCorners) && !disabled\n          ? 'enabled'\n          : 'disabled'\n      }\n    >\n      {children}\n    </div>\n  )\n})\n"],"names":["SmoothCornersBox","forwardRef","children","style","className","disabled","borderRadius","margin","shadow","backgroundColor","backgroundImage","rest","forwardedRef","_shadow$blurRadius","_shadow$spreadRadius","shadowBlurRadius","blurRadius","shadowSpreadRadius","spreadRadius","React","createElement","Object","assign","ref","px","offsetX","offsetY","cssVar","color","Math","max","cssUrl","classNames","styles","useFeatureFlag","FeatureType","SmoothCorners"],"mappings":";;;;;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,gBAAgB,gBAAGC,gBAAU,CAGxC,SAASD,gBAAgBA,CACzB;EACEE,QAAQ;SACRC,OAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC,MAAM;EACNC,eAAe;EACfC,eAAe;EACf,GAAGC,IAAAA;AACL,CAAC,EACDC,YAAY,EACZ;EAAA,IAAAC,kBAAA,EAAAC,oBAAA,CAAA;AACA,EAAA,MAAMC,gBAAgB,GAAAF,CAAAA,kBAAA,GAAGL,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEQ,UAAU,MAAAH,IAAAA,IAAAA,kBAAA,KAAAA,KAAAA,CAAAA,GAAAA,kBAAA,GAAI,CAAC,CAAA;AAChD,EAAA,MAAMI,kBAAkB,GAAAH,CAAAA,oBAAA,GAAGN,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEU,YAAY,MAAAJ,IAAAA,IAAAA,oBAAA,KAAAA,KAAAA,CAAAA,GAAAA,oBAAA,GAAI,CAAC,CAAA;EAEpD,oBACEK,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,KACMX,IAAI,EAAA;AACRY,IAAAA,GAAG,EAAEX,YAAa;AAClBT,IAAAA,KAAK,EACH;AACE,MAAA,GAAGA,OAAK;AACR,MAAA,sCAAsC,EAAEG,YAAY;MACpD,wCAAwC,EAAEkB,QAAE,CAAChB,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEiB,OAAO,CAAC;MAC7D,wCAAwC,EAAED,QAAE,CAAChB,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEkB,OAAO,CAAC;MAC7D,2CAA2C,EAAE,CAAGX,EAAAA,gBAAgB,CAAI,EAAA,CAAA;MACpE,6CAA6C,EAAE,CAAGE,EAAAA,kBAAkB,CAAI,EAAA,CAAA;MACxE,qCAAqC,EAAEU,YAAM,CAACnB,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEoB,KAAK,CAAC;AAC5D;AACV;AACA;AACA;AACU,MAAA,gCAAgC,EAAE,CAAA,EAAGC,IAAI,CAACC,GAAG,CAACf,gBAAgB,EAAEE,kBAAkB,CAAC,GAAG,CAAC,CAAI,EAAA,CAAA;MAC3F,+BAA+B,EAAE,GAAGV,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,MAAM,GAAI,CAAC,CAAI,EAAA,CAAA;AACnD,MAAA,yCAAyC,EAAEoB,YAAM,CAAClB,eAAe,CAAC;MAClE,yCAAyC,EAAEsB,YAAM,CAACrB,eAAe,CAAA;KAEpE;IACDN,SAAS,EAAE4B,aAAU,CAACC,+BAAM,CAACjC,gBAAgB,EAAEI,SAAS,CAAE;IAC1D,YACE8B,EAAAA,8BAAc,CAACC,iCAAW,CAACC,aAAa,CAAC,IAAI,CAAC/B,QAAQ,GAClD,SAAS,GACT,UAAA;AACL,GAAA,CAAA,EAEAH,QACE,CAAC,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"SmoothCornersBox.js","sources":["../../../../src/components/SmoothCornersBox/SmoothCornersBox.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { cssUrl, cssVar, px } from '~/src/utils/style'\n\nimport { FeatureType, useFeatureFlag } from '~/src/components/FeatureProvider'\n\nimport { type SmoothCornersBoxProps } from './SmoothCornersBox.types'\n\nimport styles from './SmoothCornersBox.module.scss'\n\n/**\n * `SmoothCornersBox` is a simple `div` element with smooth corners.\n * It is available by enabling the `SmoothCornersFeature`.\n * @example\n *\n * ```tsx\n * <AppProvider features={[SmoothCornersFeature]}>\n *   <SmoothCornersBox />\n * </AppProvider>\n * ```\n */\nexport const SmoothCornersBox = forwardRef<\n  HTMLDivElement,\n  SmoothCornersBoxProps\n>(function SmoothCornersBox(\n  {\n    children,\n    style,\n    className,\n    disabled,\n    borderRadius,\n    margin,\n    shadow,\n    backgroundColor,\n    backgroundImage,\n    ...rest\n  },\n  forwardedRef\n) {\n  const shadowBlurRadius = shadow?.blurRadius ?? 0\n  const shadowSpreadRadius = shadow?.spreadRadius ?? 0\n\n  return (\n    <div\n      {...rest}\n      ref={forwardedRef}\n      style={\n        {\n          ...style,\n          '--b-smooth-corners-box-border-radius': borderRadius,\n          '--b-smooth-corners-box-shadow-offset-x': px(shadow?.offsetX),\n          '--b-smooth-corners-box-shadow-offset-y': px(shadow?.offsetY),\n          '--b-smooth-corners-box-shadow-blur-radius': `${shadowBlurRadius}px`,\n          '--b-smooth-corners-box-shadow-spread-radius': `${shadowSpreadRadius}px`,\n          '--b-smooth-corners-box-shadow-color': cssVar(shadow?.color),\n          /**\n           * NOTE: Calculate in javascript because it cannot access calculated values via CSS calc() in the paint worklet.\n           * @see {@link ~/src/features/SmoothCorners/smoothCornersScript.ts}\n           */\n          '--b-smooth-corners-box-padding': `${Math.max(shadowBlurRadius, shadowSpreadRadius) * 2}px`,\n          '--b-smooth-corners-box-margin': `${margin ?? 0}px`,\n          '--b-smooth-corners-box-background-color': cssVar(backgroundColor),\n          '--b-smooth-corners-box-background-image': cssUrl(backgroundImage),\n        } as React.CSSProperties\n      }\n      className={classNames(styles.SmoothCornersBox, className)}\n      data-state={\n        useFeatureFlag(FeatureType.SmoothCorners) && !disabled\n          ? 'enabled'\n          : 'disabled'\n      }\n    >\n      {children}\n    </div>\n  )\n})\n"],"names":["SmoothCornersBox","forwardRef","children","style","className","disabled","borderRadius","margin","shadow","backgroundColor","backgroundImage","rest","forwardedRef","_shadow$blurRadius","_shadow$spreadRadius","shadowBlurRadius","blurRadius","shadowSpreadRadius","spreadRadius","_jsx","ref","px","offsetX","offsetY","cssVar","color","Math","max","cssUrl","classNames","styles","useFeatureFlag","FeatureType","SmoothCorners"],"mappings":";;;;;;;;;;MA0BaA,gBAAgB,gBAAGC,gBAAU,CAGxC,SAASD,gBAAgBA,CACzB;EACEE,QAAQ;SACRC,OAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC,MAAM;EACNC,eAAe;EACfC,eAAe;EACf,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EAAA,IAAAC,kBAAA,EAAAC,oBAAA;AACA,EAAA,MAAMC,gBAAgB,GAAAF,CAAAA,kBAAA,GAAGL,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEQ,UAAU,MAAAH,IAAAA,IAAAA,kBAAA,KAAAA,KAAAA,CAAAA,GAAAA,kBAAA,GAAI,CAAC;AAChD,EAAA,MAAMI,kBAAkB,GAAAH,CAAAA,oBAAA,GAAGN,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEU,YAAY,MAAAJ,IAAAA,IAAAA,oBAAA,KAAAA,KAAAA,CAAAA,GAAAA,oBAAA,GAAI,CAAC;AAEpD,EAAA,oBACEK,cAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GACMR,IAAI;AACRS,IAAAA,GAAG,EAAER,YAAa;AAClBT,IAAAA,KAAK,EACH;AACE,MAAA,GAAGA,OAAK;AACR,MAAA,sCAAsC,EAAEG,YAAY;MACpD,wCAAwC,EAAEe,QAAE,CAACb,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEc,OAAO,CAAC;MAC7D,wCAAwC,EAAED,QAAE,CAACb,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEe,OAAO,CAAC;MAC7D,2CAA2C,EAAE,CAAGR,EAAAA,gBAAgB,CAAI,EAAA,CAAA;MACpE,6CAA6C,EAAE,CAAGE,EAAAA,kBAAkB,CAAI,EAAA,CAAA;MACxE,qCAAqC,EAAEO,YAAM,CAAChB,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAEiB,KAAK,CAAC;AAC5D;AACV;AACA;AACA;AACU,MAAA,gCAAgC,EAAE,CAAA,EAAGC,IAAI,CAACC,GAAG,CAACZ,gBAAgB,EAAEE,kBAAkB,CAAC,GAAG,CAAC,CAAI,EAAA,CAAA;MAC3F,+BAA+B,EAAE,GAAGV,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,MAAM,GAAI,CAAC,CAAI,EAAA,CAAA;AACnD,MAAA,yCAAyC,EAAEiB,YAAM,CAACf,eAAe,CAAC;MAClE,yCAAyC,EAAEmB,YAAM,CAAClB,eAAe;KAEpE;IACDN,SAAS,EAAEyB,aAAU,CAACC,+BAAM,CAAC9B,gBAAgB,EAAEI,SAAS,CAAE;AAC1D,IAAA,YAAA,EACE2B,8BAAc,CAACC,iCAAW,CAACC,aAAa,CAAC,IAAI,CAAC5B,QAAQ,GAClD,SAAS,GACT,UACL;AAAAH,IAAAA,QAAA,EAEAA;AAAQ,GACN,CAAC;AAEV,CAAC;;;;"}

package/dist/cjs/components/Spinner/Spinner.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var style = require('../../utils/style.js');
 var Spinner_module = require('./Spinner.module.scss.js');
 
@@ -13,7 +13,8 @@ const Spinner = /*#__PURE__*/React.forwardRef(function Spinner({
   color,
   ...rest
 }, forwardedRef) {
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, rest, {
+  return /*#__PURE__*/React.createElement("div", {
+    ...rest,
     ref: forwardedRef,
     style: {
       '--b-spinner-color': style.cssVar(color),
@@ -22,7 +23,7 @@ const Spinner = /*#__PURE__*/React.forwardRef(function Spinner({
     className: index.default(Spinner_module.default.Spinner, Spinner_module.default[`size-${size}`], className),
     key: "spinner",
     "data-testid": SPINNER_TEST_ID
-  }));
+  });
 });
 
 exports.SPINNER_TEST_ID = SPINNER_TEST_ID;

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { cssVar } from '~/src/utils/style'\n\nimport { type SpinnerProps } from './Spinner.types'\n\nimport styles from './Spinner.module.scss'\n\nexport const SPINNER_TEST_ID = 'bezier-spinner'\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(\n  function Spinner(\n    { style, className, size = 'm', color, ...rest },\n    forwardedRef\n  ) {\n    return (\n      <div\n        {...rest}\n        ref={forwardedRef}\n        style={\n          {\n            '--b-spinner-color': cssVar(color),\n            ...style,\n          } as React.CSSProperties\n        }\n        className={classNames(\n          styles.Spinner,\n          styles[`size-${size}`],\n          className\n        )}\n        key=\"spinner\"\n        data-testid={SPINNER_TEST_ID}\n      />\n    )\n  }\n)\n"],"names":["SPINNER_TEST_ID","Spinner","forwardRef","style","className","size","color","rest","forwardedRef","React","createElement","Object","assign","ref","cssVar","classNames","styles","key"],"mappings":";;;;;;;AAYO,MAAMA,eAAe,GAAG,iBAAgB;MAElCC,OAAO,gBAAGC,gBAAU,CAC/B,SAASD,OAAOA,CACd;SAAEE,OAAK;EAAEC,SAAS;AAAEC,EAAAA,IAAI,GAAG,GAAG;EAAEC,KAAK;EAAE,GAAGC,IAAAA;AAAK,CAAC,EAChDC,YAAY,EACZ;EACA,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,KACML,IAAI,EAAA;AACRM,IAAAA,GAAG,EAAEL,YAAa;AAClBL,IAAAA,KAAK,EACH;AACE,MAAA,mBAAmB,EAAEW,YAAM,CAACR,KAAK,CAAC;MAClC,GAAGH,OAAAA;KAEN;AACDC,IAAAA,SAAS,EAAEW,aAAU,CACnBC,sBAAM,CAACf,OAAO,EACde,sBAAM,CAAC,QAAQX,IAAI,CAAA,CAAE,CAAC,EACtBD,SACF,CAAE;AACFa,IAAAA,GAAG,EAAC,SAAS;IACb,aAAajB,EAAAA,eAAAA;AAAgB,GAAA,CAC9B,CAAC,CAAA;AAEN,CACF;;;;;"}
+{"version":3,"file":"Spinner.js","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { cssVar } from '~/src/utils/style'\n\nimport { type SpinnerProps } from './Spinner.types'\n\nimport styles from './Spinner.module.scss'\n\nexport const SPINNER_TEST_ID = 'bezier-spinner'\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(\n  function Spinner(\n    { style, className, size = 'm', color, ...rest },\n    forwardedRef\n  ) {\n    return (\n      <div\n        {...rest}\n        ref={forwardedRef}\n        style={\n          {\n            '--b-spinner-color': cssVar(color),\n            ...style,\n          } as React.CSSProperties\n        }\n        className={classNames(\n          styles.Spinner,\n          styles[`size-${size}`],\n          className\n        )}\n        key=\"spinner\"\n        data-testid={SPINNER_TEST_ID}\n      />\n    )\n  }\n)\n"],"names":["SPINNER_TEST_ID","Spinner","forwardRef","style","className","size","color","rest","forwardedRef","_createElement","ref","cssVar","classNames","styles","key"],"mappings":";;;;;;;AAaO,MAAMA,eAAe,GAAG;MAElBC,OAAO,gBAAGC,gBAAU,CAC/B,SAASD,OAAOA,CACd;SAAEE,OAAK;EAAEC,SAAS;AAAEC,EAAAA,IAAI,GAAG,GAAG;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,EAChDC,YAAY,EACZ;AACA,EAAA,oBACEC,mBAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GACMF,IAAI;AACRG,IAAAA,GAAG,EAAEF,YAAa;AAClBL,IAAAA,KAAK,EACH;AACE,MAAA,mBAAmB,EAAEQ,YAAM,CAACL,KAAK,CAAC;MAClC,GAAGH;KAEN;AACDC,IAAAA,SAAS,EAAEQ,aAAU,CACnBC,sBAAM,CAACZ,OAAO,EACdY,sBAAM,CAAC,QAAQR,IAAI,CAAA,CAAE,CAAC,EACtBD,SACF,CAAE;AACFU,IAAAA,GAAG,EAAC,SAAS;IACb,aAAad,EAAAA;AAAgB,GAC9B,CAAC;AAEN,CACF;;;;;"}

package/dist/cjs/components/Stack/Stack.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var propsHelpers = require('../../types/props-helpers.js');
 var style = require('../../utils/style.js');
 var Stack_module = require('./Stack.module.scss.js');

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["'use client'\n\nimport { createElement, forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport {\n  getLayoutStyles,\n  getMarginStyles,\n  splitByLayoutProps,\n  splitByMarginProps,\n} from '~/src/types/props-helpers'\nimport { cssDimension } from '~/src/utils/style'\n\nimport type { HStackProps, StackProps, VStackProps } from './Stack.types'\n\nimport styles from './Stack.module.scss'\n\n/**\n * `Stack` is a layout component used to group elements together and apply a space between them.\n * @example\n *\n * ```tsx\n * <Stack\n *   direction=\"horizontal\"\n *   spacing={6}\n * >\n *   <div>{ ... }</div>\n *   <div>{ ... }</div>\n * </Stack>\n * ```\n */\nexport const Stack = forwardRef<HTMLElement, StackProps>(\n  function Stack(props, forwardedRef) {\n    const [marginProps, marginRest] = splitByMarginProps(props)\n    const [layoutProps, layoutRest] = splitByLayoutProps(marginRest)\n    const marginStyles = getMarginStyles(marginProps)\n    const layoutStyles = getLayoutStyles(layoutProps)\n\n    const {\n      children,\n      style,\n      className,\n      as = 'div',\n      display = 'flex',\n      direction,\n      justify,\n      align,\n      spacing,\n      reverse,\n      wrap,\n      ...rest\n    } = layoutRest\n\n    return createElement(\n      as,\n      {\n        ref: forwardedRef,\n        style: {\n          '--b-stack-spacing': cssDimension(spacing),\n          ...marginStyles.style,\n          ...layoutStyles.style,\n          ...style,\n        },\n        className: classNames(\n          styles.Stack,\n          display && styles[`display-${display}`],\n          direction && styles[`direction-${direction}`],\n          justify && styles[`justify-${justify}`],\n          align && styles[`align-${align}`],\n          reverse && styles.reverse,\n          wrap && styles.wrap,\n          marginStyles.className,\n          layoutStyles.className,\n          className\n        ),\n        'data-testid': 'bezier-stack',\n        ...rest,\n      },\n      children\n    )\n  }\n)\n\n/**\n * `HStack` is a shorthand component equivalent to `Stack` with a horizontal direction property.\n * @see Stack\n */\nexport const HStack = forwardRef<HTMLElement, HStackProps>(\n  function HStack(props, forwardedRef) {\n    return createElement(Stack, {\n      ...props,\n      direction: 'horizontal',\n      ref: forwardedRef,\n    })\n  }\n)\n\n/**\n * `VStack` is a shorthand component equivalent to `Stack` with a vertical direction property.\n * @see Stack\n */\nexport const VStack = forwardRef<HTMLElement, VStackProps>(\n  function VStack(props, forwardedRef) {\n    return createElement(Stack, {\n      ...props,\n      direction: 'vertical',\n      ref: forwardedRef,\n    })\n  }\n)\n"],"names":["Stack","forwardRef","props","forwardedRef","marginProps","marginRest","splitByMarginProps","layoutProps","layoutRest","splitByLayoutProps","marginStyles","getMarginStyles","layoutStyles","getLayoutStyles","children","style","className","as","display","direction","justify","align","spacing","reverse","wrap","rest","createElement","ref","cssDimension","classNames","styles","HStack","VStack"],"mappings":";;;;;;;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,KAAK,gBAAGC,gBAAU,CAC7B,SAASD,KAAKA,CAACE,KAAK,EAAEC,YAAY,EAAE;EAClC,MAAM,CAACC,WAAW,EAAEC,UAAU,CAAC,GAAGC,+BAAkB,CAACJ,KAAK,CAAC,CAAA;EAC3D,MAAM,CAACK,WAAW,EAAEC,UAAU,CAAC,GAAGC,+BAAkB,CAACJ,UAAU,CAAC,CAAA;AAChE,EAAA,MAAMK,YAAY,GAAGC,4BAAe,CAACP,WAAW,CAAC,CAAA;AACjD,EAAA,MAAMQ,YAAY,GAAGC,4BAAe,CAACN,WAAW,CAAC,CAAA;EAEjD,MAAM;IACJO,QAAQ;WACRC,OAAK;IACLC,SAAS;AACTC,IAAAA,EAAE,GAAG,KAAK;AACVC,IAAAA,OAAO,GAAG,MAAM;IAChBC,SAAS;IACTC,OAAO;IACPC,KAAK;IACLC,OAAO;IACPC,OAAO;IACPC,IAAI;IACJ,GAAGC,IAAAA;AACL,GAAC,GAAGjB,UAAU,CAAA;EAEd,oBAAOkB,mBAAa,CAClBT,EAAE,EACF;AACEU,IAAAA,GAAG,EAAExB,YAAY;AACjBY,IAAAA,KAAK,EAAE;AACL,MAAA,mBAAmB,EAAEa,kBAAY,CAACN,OAAO,CAAC;MAC1C,GAAGZ,YAAY,CAACK,KAAK;MACrB,GAAGH,YAAY,CAACG,KAAK;MACrB,GAAGA,OAAAA;KACJ;AACDC,IAAAA,SAAS,EAAEa,aAAU,CACnBC,oBAAM,CAAC9B,KAAK,EACZkB,OAAO,IAAIY,oBAAM,CAAC,CAAA,QAAA,EAAWZ,OAAO,CAAE,CAAA,CAAC,EACvCC,SAAS,IAAIW,oBAAM,CAAC,CAAA,UAAA,EAAaX,SAAS,CAAA,CAAE,CAAC,EAC7CC,OAAO,IAAIU,oBAAM,CAAC,WAAWV,OAAO,CAAA,CAAE,CAAC,EACvCC,KAAK,IAAIS,oBAAM,CAAC,CAAST,MAAAA,EAAAA,KAAK,CAAE,CAAA,CAAC,EACjCE,OAAO,IAAIO,oBAAM,CAACP,OAAO,EACzBC,IAAI,IAAIM,oBAAM,CAACN,IAAI,EACnBd,YAAY,CAACM,SAAS,EACtBJ,YAAY,CAACI,SAAS,EACtBA,SACF,CAAC;AACD,IAAA,aAAa,EAAE,cAAc;IAC7B,GAAGS,IAAAA;GACJ,EACDX,QACF,CAAC,CAAA;AACH,CACF,EAAC;;AAED;AACA;AACA;AACA;AACO,MAAMiB,MAAM,gBAAG9B,gBAAU,CAC9B,SAAS8B,MAAMA,CAAC7B,KAAK,EAAEC,YAAY,EAAE;EACnC,oBAAOuB,mBAAa,CAAC1B,KAAK,EAAE;AAC1B,IAAA,GAAGE,KAAK;AACRiB,IAAAA,SAAS,EAAE,YAAY;AACvBQ,IAAAA,GAAG,EAAExB,YAAAA;AACP,GAAC,CAAC,CAAA;AACJ,CACF,EAAC;;AAED;AACA;AACA;AACA;AACO,MAAM6B,MAAM,gBAAG/B,gBAAU,CAC9B,SAAS+B,MAAMA,CAAC9B,KAAK,EAAEC,YAAY,EAAE;EACnC,oBAAOuB,mBAAa,CAAC1B,KAAK,EAAE;AAC1B,IAAA,GAAGE,KAAK;AACRiB,IAAAA,SAAS,EAAE,UAAU;AACrBQ,IAAAA,GAAG,EAAExB,YAAAA;AACP,GAAC,CAAC,CAAA;AACJ,CACF;;;;;;"}
+{"version":3,"file":"Stack.js","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["'use client'\n\nimport { createElement, forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport {\n  getLayoutStyles,\n  getMarginStyles,\n  splitByLayoutProps,\n  splitByMarginProps,\n} from '~/src/types/props-helpers'\nimport { cssDimension } from '~/src/utils/style'\n\nimport type { HStackProps, StackProps, VStackProps } from './Stack.types'\n\nimport styles from './Stack.module.scss'\n\n/**\n * `Stack` is a layout component used to group elements together and apply a space between them.\n * @example\n *\n * ```tsx\n * <Stack\n *   direction=\"horizontal\"\n *   spacing={6}\n * >\n *   <div>{ ... }</div>\n *   <div>{ ... }</div>\n * </Stack>\n * ```\n */\nexport const Stack = forwardRef<HTMLElement, StackProps>(\n  function Stack(props, forwardedRef) {\n    const [marginProps, marginRest] = splitByMarginProps(props)\n    const [layoutProps, layoutRest] = splitByLayoutProps(marginRest)\n    const marginStyles = getMarginStyles(marginProps)\n    const layoutStyles = getLayoutStyles(layoutProps)\n\n    const {\n      children,\n      style,\n      className,\n      as = 'div',\n      display = 'flex',\n      direction,\n      justify,\n      align,\n      spacing,\n      reverse,\n      wrap,\n      ...rest\n    } = layoutRest\n\n    return createElement(\n      as,\n      {\n        ref: forwardedRef,\n        style: {\n          '--b-stack-spacing': cssDimension(spacing),\n          ...marginStyles.style,\n          ...layoutStyles.style,\n          ...style,\n        },\n        className: classNames(\n          styles.Stack,\n          display && styles[`display-${display}`],\n          direction && styles[`direction-${direction}`],\n          justify && styles[`justify-${justify}`],\n          align && styles[`align-${align}`],\n          reverse && styles.reverse,\n          wrap && styles.wrap,\n          marginStyles.className,\n          layoutStyles.className,\n          className\n        ),\n        'data-testid': 'bezier-stack',\n        ...rest,\n      },\n      children\n    )\n  }\n)\n\n/**\n * `HStack` is a shorthand component equivalent to `Stack` with a horizontal direction property.\n * @see Stack\n */\nexport const HStack = forwardRef<HTMLElement, HStackProps>(\n  function HStack(props, forwardedRef) {\n    return createElement(Stack, {\n      ...props,\n      direction: 'horizontal',\n      ref: forwardedRef,\n    })\n  }\n)\n\n/**\n * `VStack` is a shorthand component equivalent to `Stack` with a vertical direction property.\n * @see Stack\n */\nexport const VStack = forwardRef<HTMLElement, VStackProps>(\n  function VStack(props, forwardedRef) {\n    return createElement(Stack, {\n      ...props,\n      direction: 'vertical',\n      ref: forwardedRef,\n    })\n  }\n)\n"],"names":["Stack","forwardRef","props","forwardedRef","marginProps","marginRest","splitByMarginProps","layoutProps","layoutRest","splitByLayoutProps","marginStyles","getMarginStyles","layoutStyles","getLayoutStyles","children","style","className","as","display","direction","justify","align","spacing","reverse","wrap","rest","createElement","ref","cssDimension","classNames","styles","HStack","VStack"],"mappings":";;;;;;;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,KAAK,gBAAGC,gBAAU,CAC7B,SAASD,KAAKA,CAACE,KAAK,EAAEC,YAAY,EAAE;EAClC,MAAM,CAACC,WAAW,EAAEC,UAAU,CAAC,GAAGC,+BAAkB,CAACJ,KAAK,CAAC;EAC3D,MAAM,CAACK,WAAW,EAAEC,UAAU,CAAC,GAAGC,+BAAkB,CAACJ,UAAU,CAAC;AAChE,EAAA,MAAMK,YAAY,GAAGC,4BAAe,CAACP,WAAW,CAAC;AACjD,EAAA,MAAMQ,YAAY,GAAGC,4BAAe,CAACN,WAAW,CAAC;EAEjD,MAAM;IACJO,QAAQ;WACRC,OAAK;IACLC,SAAS;AACTC,IAAAA,EAAE,GAAG,KAAK;AACVC,IAAAA,OAAO,GAAG,MAAM;IAChBC,SAAS;IACTC,OAAO;IACPC,KAAK;IACLC,OAAO;IACPC,OAAO;IACPC,IAAI;IACJ,GAAGC;AACL,GAAC,GAAGjB,UAAU;EAEd,oBAAOkB,mBAAa,CAClBT,EAAE,EACF;AACEU,IAAAA,GAAG,EAAExB,YAAY;AACjBY,IAAAA,KAAK,EAAE;AACL,MAAA,mBAAmB,EAAEa,kBAAY,CAACN,OAAO,CAAC;MAC1C,GAAGZ,YAAY,CAACK,KAAK;MACrB,GAAGH,YAAY,CAACG,KAAK;MACrB,GAAGA;KACJ;AACDC,IAAAA,SAAS,EAAEa,aAAU,CACnBC,oBAAM,CAAC9B,KAAK,EACZkB,OAAO,IAAIY,oBAAM,CAAC,CAAA,QAAA,EAAWZ,OAAO,CAAE,CAAA,CAAC,EACvCC,SAAS,IAAIW,oBAAM,CAAC,CAAA,UAAA,EAAaX,SAAS,CAAA,CAAE,CAAC,EAC7CC,OAAO,IAAIU,oBAAM,CAAC,WAAWV,OAAO,CAAA,CAAE,CAAC,EACvCC,KAAK,IAAIS,oBAAM,CAAC,CAAST,MAAAA,EAAAA,KAAK,CAAE,CAAA,CAAC,EACjCE,OAAO,IAAIO,oBAAM,CAACP,OAAO,EACzBC,IAAI,IAAIM,oBAAM,CAACN,IAAI,EACnBd,YAAY,CAACM,SAAS,EACtBJ,YAAY,CAACI,SAAS,EACtBA,SACF,CAAC;AACD,IAAA,aAAa,EAAE,cAAc;IAC7B,GAAGS;GACJ,EACDX,QACF,CAAC;AACH,CACF;;AAEA;AACA;AACA;AACA;AACO,MAAMiB,MAAM,gBAAG9B,gBAAU,CAC9B,SAAS8B,MAAMA,CAAC7B,KAAK,EAAEC,YAAY,EAAE;EACnC,oBAAOuB,mBAAa,CAAC1B,KAAK,EAAE;AAC1B,IAAA,GAAGE,KAAK;AACRiB,IAAAA,SAAS,EAAE,YAAY;AACvBQ,IAAAA,GAAG,EAAExB;AACP,GAAC,CAAC;AACJ,CACF;;AAEA;AACA;AACA;AACA;AACO,MAAM6B,MAAM,gBAAG/B,gBAAU,CAC9B,SAAS+B,MAAMA,CAAC9B,KAAK,EAAEC,YAAY,EAAE;EACnC,oBAAOuB,mBAAa,CAAC1B,KAAK,EAAE;AAC1B,IAAA,GAAGE,KAAK;AACRiB,IAAAA,SAAS,EAAE,UAAU;AACrBQ,IAAAA,GAAG,EAAExB;AACP,GAAC,CAAC;AACJ,CACF;;;;;;"}

package/dist/cjs/components/Status/Status.js

@@ -2,9 +2,10 @@
 
 var React = require('react');
 var bezierIcons = require('@channel.io/bezier-icons');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var style = require('../../utils/style.js');
 var Status_module = require('./Status.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var Icon = require('../Icon/Icon.js');
 
 const statusTypesWithIcon = ['online-crescent', 'offline-crescent', 'lock'];
@@ -28,19 +29,21 @@ const Status = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function St
 }, forwardedRef) {
   const withIcon = statusTypesWithIcon.includes(type);
   const backgroundColor = withIcon ? 'bg-white-high' : statusColor[type];
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
     ref: forwardedRef,
     style: {
       '--b-status-bg-color': style.cssVar(backgroundColor),
       ...style$1
     },
-    className: index.default(Status_module.default.Status, Status_module.default[`size-${size}`], className)
-  }, rest), withIcon && /*#__PURE__*/React.createElement(Icon.Icon, {
-    source: type === 'lock' ? bezierIcons.LockIcon : bezierIcons.MoonFilledIcon,
-    size: size === 'm' ? 'xxxs' : 'xs',
-    color: statusColor[type],
-    className: Status_module.default.Icon
-  }));
+    className: index.default(Status_module.default.Status, Status_module.default[`size-${size}`], className),
+    ...rest,
+    children: withIcon && /*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
+      source: type === 'lock' ? bezierIcons.LockIcon : bezierIcons.MoonFilledIcon,
+      size: size === 'm' ? 'xxxs' : 'xs',
+      color: statusColor[type],
+      className: Status_module.default.Icon
+    })
+  });
 }));
 
 exports.Status = Status;

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

@@ -1 +1 @@
-{"version":3,"file":"Status.js","sources":["../../../../src/components/Status/Status.tsx"],"sourcesContent":["'use client'\n\nimport React, { type CSSProperties, forwardRef, memo } from 'react'\n\nimport { LockIcon, MoonFilledIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { type SemanticColor } from '~/src/types/tokens'\nimport { cssVar } from '~/src/utils/style'\n\nimport { Icon } from '~/src/components/Icon'\n\nimport { type StatusProps, type StatusType } from './Status.types'\n\nimport styles from './Status.module.scss'\n\nconst statusTypesWithIcon: Readonly<StatusType[]> = [\n  'online-crescent',\n  'offline-crescent',\n  'lock',\n]\n\nconst statusColor: Readonly<Record<StatusType, SemanticColor>> = {\n  online: 'bgtxt-green-normal',\n  offline: 'bg-black-dark',\n  'online-crescent': 'bgtxt-green-normal',\n  'offline-crescent': 'bgtxt-yellow-normal',\n  lock: 'txt-black-darker',\n}\n\n/**\n * `Status` is a component to indicate user status.\n */\nexport const Status = memo(\n  forwardRef<HTMLDivElement, StatusProps>(function Status(\n    { type, size = 'm', style, className, ...rest },\n    forwardedRef\n  ) {\n    const withIcon = statusTypesWithIcon.includes(type)\n    const backgroundColor = withIcon ? 'bg-white-high' : statusColor[type]\n\n    return (\n      <div\n        ref={forwardedRef}\n        style={\n          {\n            '--b-status-bg-color': cssVar(backgroundColor),\n            ...style,\n          } as CSSProperties\n        }\n        className={classNames(styles.Status, styles[`size-${size}`], className)}\n        {...rest}\n      >\n        {withIcon && (\n          <Icon\n            source={type === 'lock' ? LockIcon : MoonFilledIcon}\n            size={size === 'm' ? 'xxxs' : 'xs'}\n            color={statusColor[type]}\n            className={styles.Icon}\n          />\n        )}\n      </div>\n    )\n  })\n)\n"],"names":["statusTypesWithIcon","statusColor","online","offline","lock","Status","memo","forwardRef","type","size","style","className","rest","forwardedRef","withIcon","includes","backgroundColor","React","createElement","Object","assign","ref","cssVar","classNames","styles","Icon","source","LockIcon","MoonFilledIcon","color"],"mappings":";;;;;;;;;AAgBA,MAAMA,mBAA2C,GAAG,CAClD,iBAAiB,EACjB,kBAAkB,EAClB,MAAM,CACP,CAAA;AAED,MAAMC,WAAwD,GAAG;AAC/DC,EAAAA,MAAM,EAAE,oBAAoB;AAC5BC,EAAAA,OAAO,EAAE,eAAe;AACxB,EAAA,iBAAiB,EAAE,oBAAoB;AACvC,EAAA,kBAAkB,EAAE,qBAAqB;AACzCC,EAAAA,IAAI,EAAE,kBAAA;AACR,CAAC,CAAA;;AAED;AACA;AACA;AACO,MAAMC,MAAM,gBAAGC,UAAI,cACxBC,gBAAU,CAA8B,SAASF,MAAMA,CACrD;EAAEG,IAAI;AAAEC,EAAAA,IAAI,GAAG,GAAG;SAAEC,OAAK;EAAEC,SAAS;EAAE,GAAGC,IAAAA;AAAK,CAAC,EAC/CC,YAAY,EACZ;AACA,EAAA,MAAMC,QAAQ,GAAGd,mBAAmB,CAACe,QAAQ,CAACP,IAAI,CAAC,CAAA;EACnD,MAAMQ,eAAe,GAAGF,QAAQ,GAAG,eAAe,GAAGb,WAAW,CAACO,IAAI,CAAC,CAAA;AAEtE,EAAA,oBACES,KAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,MAAA,CAAAC,MAAA,CAAA;AACEC,IAAAA,GAAG,EAAER,YAAa;AAClBH,IAAAA,KAAK,EACH;AACE,MAAA,qBAAqB,EAAEY,YAAM,CAACN,eAAe,CAAC;MAC9C,GAAGN,OAAAA;KAEN;AACDC,IAAAA,SAAS,EAAEY,aAAU,CAACC,qBAAM,CAACnB,MAAM,EAAEmB,qBAAM,CAAC,CAAQf,KAAAA,EAAAA,IAAI,CAAE,CAAA,CAAC,EAAEE,SAAS,CAAA;GAClEC,EAAAA,IAAI,GAEPE,QAAQ,iBACPG,KAAA,CAAAC,aAAA,CAACO,SAAI,EAAA;AACHC,IAAAA,MAAM,EAAElB,IAAI,KAAK,MAAM,GAAGmB,oBAAQ,GAAGC,0BAAe;AACpDnB,IAAAA,IAAI,EAAEA,IAAI,KAAK,GAAG,GAAG,MAAM,GAAG,IAAK;AACnCoB,IAAAA,KAAK,EAAE5B,WAAW,CAACO,IAAI,CAAE;IACzBG,SAAS,EAAEa,qBAAM,CAACC,IAAAA;AAAK,GACxB,CAEA,CAAC,CAAA;AAEV,CAAC,CACH;;;;"}
+{"version":3,"file":"Status.js","sources":["../../../../src/components/Status/Status.tsx"],"sourcesContent":["'use client'\n\nimport { type CSSProperties, forwardRef, memo } from 'react'\n\nimport { LockIcon, MoonFilledIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { type SemanticColor } from '~/src/types/tokens'\nimport { cssVar } from '~/src/utils/style'\n\nimport { Icon } from '~/src/components/Icon'\n\nimport { type StatusProps, type StatusType } from './Status.types'\n\nimport styles from './Status.module.scss'\n\nconst statusTypesWithIcon: Readonly<StatusType[]> = [\n  'online-crescent',\n  'offline-crescent',\n  'lock',\n]\n\nconst statusColor: Readonly<Record<StatusType, SemanticColor>> = {\n  online: 'bgtxt-green-normal',\n  offline: 'bg-black-dark',\n  'online-crescent': 'bgtxt-green-normal',\n  'offline-crescent': 'bgtxt-yellow-normal',\n  lock: 'txt-black-darker',\n}\n\n/**\n * `Status` is a component to indicate user status.\n */\nexport const Status = memo(\n  forwardRef<HTMLDivElement, StatusProps>(function Status(\n    { type, size = 'm', style, className, ...rest },\n    forwardedRef\n  ) {\n    const withIcon = statusTypesWithIcon.includes(type)\n    const backgroundColor = withIcon ? 'bg-white-high' : statusColor[type]\n\n    return (\n      <div\n        ref={forwardedRef}\n        style={\n          {\n            '--b-status-bg-color': cssVar(backgroundColor),\n            ...style,\n          } as CSSProperties\n        }\n        className={classNames(styles.Status, styles[`size-${size}`], className)}\n        {...rest}\n      >\n        {withIcon && (\n          <Icon\n            source={type === 'lock' ? LockIcon : MoonFilledIcon}\n            size={size === 'm' ? 'xxxs' : 'xs'}\n            color={statusColor[type]}\n            className={styles.Icon}\n          />\n        )}\n      </div>\n    )\n  })\n)\n"],"names":["statusTypesWithIcon","statusColor","online","offline","lock","Status","memo","forwardRef","type","size","style","className","rest","forwardedRef","withIcon","includes","backgroundColor","_jsx","ref","cssVar","classNames","styles","children","Icon","source","LockIcon","MoonFilledIcon","color"],"mappings":";;;;;;;;;;AAgBA,MAAMA,mBAA2C,GAAG,CAClD,iBAAiB,EACjB,kBAAkB,EAClB,MAAM,CACP;AAED,MAAMC,WAAwD,GAAG;AAC/DC,EAAAA,MAAM,EAAE,oBAAoB;AAC5BC,EAAAA,OAAO,EAAE,eAAe;AACxB,EAAA,iBAAiB,EAAE,oBAAoB;AACvC,EAAA,kBAAkB,EAAE,qBAAqB;AACzCC,EAAAA,IAAI,EAAE;AACR,CAAC;;AAED;AACA;AACA;AACO,MAAMC,MAAM,gBAAGC,UAAI,cACxBC,gBAAU,CAA8B,SAASF,MAAMA,CACrD;EAAEG,IAAI;AAAEC,EAAAA,IAAI,GAAG,GAAG;SAAEC,OAAK;EAAEC,SAAS;EAAE,GAAGC;AAAK,CAAC,EAC/CC,YAAY,EACZ;AACA,EAAA,MAAMC,QAAQ,GAAGd,mBAAmB,CAACe,QAAQ,CAACP,IAAI,CAAC;EACnD,MAAMQ,eAAe,GAAGF,QAAQ,GAAG,eAAe,GAAGb,WAAW,CAACO,IAAI,CAAC;AAEtE,EAAA,oBACES,cAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEL,YAAa;AAClBH,IAAAA,KAAK,EACH;AACE,MAAA,qBAAqB,EAAES,YAAM,CAACH,eAAe,CAAC;MAC9C,GAAGN;KAEN;AACDC,IAAAA,SAAS,EAAES,aAAU,CAACC,qBAAM,CAAChB,MAAM,EAAEgB,qBAAM,CAAC,QAAQZ,IAAI,CAAA,CAAE,CAAC,EAAEE,SAAS,CAAE;AAAA,IAAA,GACpEC,IAAI;AAAAU,IAAAA,QAAA,EAEPR,QAAQ,iBACPG,cAAA,CAACM,SAAI,EAAA;AACHC,MAAAA,MAAM,EAAEhB,IAAI,KAAK,MAAM,GAAGiB,oBAAQ,GAAGC,0BAAe;AACpDjB,MAAAA,IAAI,EAAEA,IAAI,KAAK,GAAG,GAAG,MAAM,GAAG,IAAK;AACnCkB,MAAAA,KAAK,EAAE1B,WAAW,CAACO,IAAI,CAAE;MACzBG,SAAS,EAAEU,qBAAM,CAACE;KACnB;AACF,GACE,CAAC;AAEV,CAAC,CACH;;;;"}

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

@@ -2,8 +2,9 @@
 
 var React = require('react');
 var index = require('../../node_modules/@radix-ui/react-switch/dist/index.js');
-var index$1 = require('../../node_modules/classnames/index.js');
+var index$1 = require('../../_virtual/index.js');
 var Switch_module = require('./Switch.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var FormControl = require('../FormControl/FormControl.js');
 var BaseButton = require('../BaseButton/BaseButton.js');
 
@@ -33,22 +34,26 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch({
     hasError,
     ...ownProps
   } = FormControl.useFormFieldProps(rest);
-  return /*#__PURE__*/React.createElement(index.Root, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(index.Root, {
     asChild: true,
     checked: checked,
     defaultChecked: defaultChecked,
     onCheckedChange: onCheckedChange,
     required: required,
     disabled: disabled,
-    "data-testid": SWITCH_TEST_ID
-  }, ownProps), /*#__PURE__*/React.createElement(BaseButton.BaseButton, {
-    ref: forwardedRef,
-    className: index$1.default(Switch_module.default.Switch, Switch_module.default[`size-${size}`], className)
-  }, /*#__PURE__*/React.createElement(index.Thumb, {
-    asChild: true
-  }, /*#__PURE__*/React.createElement("span", {
-    className: Switch_module.default.SwitchThumb
-  }))));
+    "data-testid": SWITCH_TEST_ID,
+    ...ownProps,
+    children: /*#__PURE__*/jsxRuntime.jsx(BaseButton.BaseButton, {
+      ref: forwardedRef,
+      className: index$1.default(Switch_module.default.Switch, Switch_module.default[`size-${size}`], className),
+      children: /*#__PURE__*/jsxRuntime.jsx(index.Thumb, {
+        asChild: true,
+        children: /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: Switch_module.default.SwitchThumb
+        })
+      })
+    })
+  });
 });
 
 exports.SWITCH_TEST_ID = SWITCH_TEST_ID;