@channel.io/bezier-react 2.6.1 → 3.0.0

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

@@ -1,10 +1,11 @@
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { CheckBoldIcon, HyphenBoldIcon } from '@channel.io/bezier-icons';
-import { Root as $e698a72e93240346$export$be92b6f5f03c0fe9, Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../../node_modules/@radix-ui/react-checkbox/dist/index.mjs';
-import classNames from '../../node_modules/classnames/index.mjs';
+import { Root, Indicator } from '../../node_modules/@radix-ui/react-checkbox/dist/index.mjs';
+import classNames from '../../_virtual/index.mjs';
 import useId from '../../hooks/useId.mjs';
 import { getFormFieldSizeClassName } from '../../types/props-helpers.mjs';
 import styles from './Checkbox.module.scss.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useFormFieldProps } from '../FormControl/FormControl.mjs';
 import { BaseButton } from '../BaseButton/BaseButton.mjs';
 import { Text } from '../Text/Text.mjs';
@@ -16,13 +17,14 @@ const CheckIcon = /*#__PURE__*/forwardRef(function CheckIcon(props, forwardedRef
   const state = props['data-state'];
   const isUnchecked = state === 'unchecked';
   const isIndeterminate = state === 'indeterminate';
-  return /*#__PURE__*/React__default.createElement(Icon, Object.assign({
+  return /*#__PURE__*/jsx(Icon, {
     className: styles.CheckIcon,
     ref: forwardedRef,
     source: !isIndeterminate ? CheckBoldIcon : HyphenBoldIcon,
     size: "xs",
-    color: isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'
-  }, props));
+    color: isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark',
+    ...props
+  });
 });
 function CheckboxImpl({
   children,
@@ -37,29 +39,36 @@ function CheckboxImpl({
     ...formFieldProps
   } = useFormFieldProps(rest);
   const id = useId(idProp !== null && idProp !== void 0 ? idProp : formFieldId, 'bezier-checkbox');
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classNames(styles.Container, getFormFieldSizeClassName('m'))
-  }, /*#__PURE__*/React__default.createElement($e698a72e93240346$export$be92b6f5f03c0fe9, Object.assign({
-    asChild: true,
-    className: classNames(styles.Checkbox, className),
-    ref: forwardedRef,
-    id: id,
-    checked: checked,
-    "data-invalid": formFieldProps['aria-invalid']
-  }, formFieldProps), /*#__PURE__*/React__default.createElement(BaseButton, null, /*#__PURE__*/React__default.createElement($e698a72e93240346$export$adb584737d712b70, {
-    asChild: true
-    /* NOTE: To allow the icon to be rendered even if unchecked. */,
-    forceMount: true
-  }, /*#__PURE__*/React__default.createElement(CheckIcon, null)))), children && /*#__PURE__*/React__default.createElement(Text, {
-    as: "label"
-    // TODO: Apply polymorphic types to `as` prop.
-    // @ts-expect-error
-    ,
-    htmlFor: id,
-    className: styles.Label,
-    typo: "14",
-    color: "txt-black-darkest"
-  }, children));
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.Container, getFormFieldSizeClassName('m')),
+    children: [/*#__PURE__*/jsx(Root, {
+      asChild: true,
+      className: classNames(styles.Checkbox, className),
+      ref: forwardedRef,
+      id: id,
+      checked: checked,
+      "data-invalid": formFieldProps['aria-invalid'],
+      ...formFieldProps,
+      children: /*#__PURE__*/jsx(BaseButton, {
+        children: /*#__PURE__*/jsx(Indicator, {
+          asChild: true
+          /* NOTE: To allow the icon to be rendered even if unchecked. */,
+          forceMount: true,
+          children: /*#__PURE__*/jsx(CheckIcon, {})
+        })
+      })
+    }), children && /*#__PURE__*/jsx(Text, {
+      as: "label"
+      // TODO: Apply polymorphic types to `as` prop.
+      // @ts-expect-error
+      ,
+      htmlFor: id,
+      className: styles.Label,
+      typo: "14",
+      color: "txt-black-darkest",
+      children: children
+    })]
+  });
 }
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport { CheckBoldIcon, HyphenBoldIcon } from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type CheckboxProps, type CheckedState } from './Checkbox.types'\n\nimport styles from './Checkbox.module.scss'\n\ninterface CheckIconProps {\n  style: React.CSSProperties\n  'data-state': 'checked' | 'unchecked' | 'indeterminate'\n  'data-disabled': boolean | undefined\n}\n\n/* NOTE: Props are injected at runtime by `CheckboxPrimitive.Indicator`. */\nconst CheckIcon = forwardRef<SVGSVGElement, CheckIconProps>(\n  function CheckIcon(props, forwardedRef) {\n    // eslint-disable-next-line react/destructuring-assignment\n    const state = props['data-state']\n    const isUnchecked = state === 'unchecked'\n    const isIndeterminate = state === 'indeterminate'\n\n    return (\n      <Icon\n        className={styles.CheckIcon}\n        ref={forwardedRef}\n        source={!isIndeterminate ? CheckBoldIcon : HyphenBoldIcon}\n        size=\"xs\"\n        color={isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'}\n        {...props}\n      />\n    )\n  }\n)\n\nfunction CheckboxImpl<Checked extends CheckedState>(\n  { children, className, checked, id: idProp, ...rest }: CheckboxProps<Checked>,\n  forwardedRef: React.Ref<HTMLButtonElement>\n) {\n  const {\n    id: formFieldId,\n    hasError,\n    ...formFieldProps\n  } = useFormFieldProps(rest)\n\n  const id = useId(idProp ?? formFieldId, 'bezier-checkbox')\n\n  return (\n    <div\n      className={classNames(styles.Container, getFormFieldSizeClassName('m'))}\n    >\n      <CheckboxPrimitive.Root\n        asChild\n        className={classNames(styles.Checkbox, className)}\n        ref={forwardedRef}\n        id={id}\n        checked={checked}\n        data-invalid={formFieldProps['aria-invalid']}\n        {...formFieldProps}\n      >\n        <BaseButton>\n          <CheckboxPrimitive.Indicator\n            asChild\n            /* NOTE: To allow the icon to be rendered even if unchecked. */\n            forceMount\n          >\n            {/* @ts-expect-error */}\n            <CheckIcon />\n          </CheckboxPrimitive.Indicator>\n        </BaseButton>\n      </CheckboxPrimitive.Root>\n      {children && (\n        <Text\n          as=\"label\"\n          // TODO: Apply polymorphic types to `as` prop.\n          // @ts-expect-error\n          htmlFor={id}\n          className={styles.Label}\n          typo=\"14\"\n          color=\"txt-black-darkest\"\n        >\n          {children}\n        </Text>\n      )}\n    </div>\n  )\n}\n\n/**\n * `Checkbox` is a control that allows the user to toggle between checked and not checked.\n * It can be used with labels or standalone.\n * @example\n *\n * ```tsx\n * const [checked, setChecked] = useState(false)\n * // Controlled / With label\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * >\n *   Label\n * </Checkbox>\n * // Controlled / Standalone\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * />\n * // Uncontrolled\n * <Checkbox\n *   defaultChecked={true}\n * >\n *   Label\n * </Checkbox>\n * ```\n */\nexport const Checkbox = forwardRef(CheckboxImpl) as <\n  Checked extends CheckedState,\n>(\n  props: CheckboxProps<Checked> & {\n    ref?: React.ForwardedRef<HTMLButtonElement>\n  }\n) => ReturnType<typeof CheckboxImpl<Checked>>\n"],"names":["CheckIcon","forwardRef","props","forwardedRef","state","isUnchecked","isIndeterminate","React","createElement","Icon","Object","assign","className","styles","ref","source","CheckBoldIcon","HyphenBoldIcon","size","color","CheckboxImpl","children","checked","id","idProp","rest","formFieldId","hasError","formFieldProps","useFormFieldProps","useId","classNames","Container","getFormFieldSizeClassName","CheckboxPrimitive","asChild","Checkbox","BaseButton","forceMount","Text","as","htmlFor","Label","typo"],"mappings":";;;;;;;;;;;;AA0BA;AACA,MAAMA,SAAS,gBAAGC,UAAU,CAC1B,SAASD,SAASA,CAACE,KAAK,EAAEC,YAAY,EAAE;AACtC;AACA,EAAA,MAAMC,KAAK,GAAGF,KAAK,CAAC,YAAY,CAAC,CAAA;AACjC,EAAA,MAAMG,WAAW,GAAGD,KAAK,KAAK,WAAW,CAAA;AACzC,EAAA,MAAME,eAAe,GAAGF,KAAK,KAAK,eAAe,CAAA;EAEjD,oBACEG,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACHC,SAAS,EAAEC,MAAM,CAACb,SAAU;AAC5Bc,IAAAA,GAAG,EAAEX,YAAa;AAClBY,IAAAA,MAAM,EAAE,CAACT,eAAe,GAAGU,aAAa,GAAGC,cAAe;AAC1DC,IAAAA,IAAI,EAAC,IAAI;AACTC,IAAAA,KAAK,EAAEd,WAAW,GAAG,eAAe,GAAG,2BAAA;GACnCH,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,CACF,CAAC,CAAA;AAED,SAASkB,YAAYA,CACnB;EAAEC,QAAQ;EAAET,SAAS;EAAEU,OAAO;AAAEC,EAAAA,EAAE,EAAEC,MAAM;EAAE,GAAGC,IAAAA;AAA6B,CAAC,EAC7EtB,YAA0C,EAC1C;EACA,MAAM;AACJoB,IAAAA,EAAE,EAAEG,WAAW;IACfC,QAAQ;IACR,GAAGC,cAAAA;AACL,GAAC,GAAGC,iBAAiB,CAACJ,IAAI,CAAC,CAAA;AAE3B,EAAA,MAAMF,EAAE,GAAGO,KAAK,CAACN,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAANA,MAAM,GAAIE,WAAW,EAAE,iBAAiB,CAAC,CAAA;EAE1D,oBACEnB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEI,SAAS,EAAEmB,UAAU,CAAClB,MAAM,CAACmB,SAAS,EAAEC,yBAAyB,CAAC,GAAG,CAAC,CAAA;GAEtE1B,eAAAA,cAAA,CAAAC,aAAA,CAAC0B,yCAAsB,EAAAxB,MAAA,CAAAC,MAAA,CAAA;IACrBwB,OAAO,EAAA,IAAA;IACPvB,SAAS,EAAEmB,UAAU,CAAClB,MAAM,CAACuB,QAAQ,EAAExB,SAAS,CAAE;AAClDE,IAAAA,GAAG,EAAEX,YAAa;AAClBoB,IAAAA,EAAE,EAAEA,EAAG;AACPD,IAAAA,OAAO,EAAEA,OAAQ;IACjB,cAAcM,EAAAA,cAAc,CAAC,cAAc,CAAA;AAAE,GAAA,EACzCA,cAAc,CAAA,eAElBrB,cAAA,CAAAC,aAAA,CAAC6B,UAAU,EACT9B,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAAC0B,yCAA2B,EAAA;IAC1BC,OAAO,EAAA,IAAA;AACP;IACAG,UAAU,EAAA,IAAA;AAAA,GAAA,eAGV/B,cAAA,CAAAC,aAAA,CAACR,SAAS,MAAE,CACe,CACnB,CACU,CAAC,EACxBqB,QAAQ,iBACPd,cAAA,CAAAC,aAAA,CAAC+B,IAAI,EAAA;AACHC,IAAAA,EAAE,EAAC,OAAA;AACH;AACA;AAAA;AACAC,IAAAA,OAAO,EAAElB,EAAG;IACZX,SAAS,EAAEC,MAAM,CAAC6B,KAAM;AACxBC,IAAAA,IAAI,EAAC,IAAI;AACTxB,IAAAA,KAAK,EAAC,mBAAA;GAELE,EAAAA,QACG,CAEL,CAAC,CAAA;AAEV,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACae,QAAQ,gBAAGnC,UAAU,CAACmB,YAAY;;;;"}
+{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport { CheckBoldIcon, HyphenBoldIcon } from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type CheckboxProps, type CheckedState } from './Checkbox.types'\n\nimport styles from './Checkbox.module.scss'\n\ninterface CheckIconProps {\n  style: React.CSSProperties\n  'data-state': 'checked' | 'unchecked' | 'indeterminate'\n  'data-disabled': boolean | undefined\n}\n\n/* NOTE: Props are injected at runtime by `CheckboxPrimitive.Indicator`. */\nconst CheckIcon = forwardRef<SVGSVGElement, CheckIconProps>(\n  function CheckIcon(props, forwardedRef) {\n    // eslint-disable-next-line react/destructuring-assignment\n    const state = props['data-state']\n    const isUnchecked = state === 'unchecked'\n    const isIndeterminate = state === 'indeterminate'\n\n    return (\n      <Icon\n        className={styles.CheckIcon}\n        ref={forwardedRef}\n        source={!isIndeterminate ? CheckBoldIcon : HyphenBoldIcon}\n        size=\"xs\"\n        color={isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'}\n        {...props}\n      />\n    )\n  }\n)\n\nfunction CheckboxImpl<Checked extends CheckedState>(\n  { children, className, checked, id: idProp, ...rest }: CheckboxProps<Checked>,\n  forwardedRef: React.Ref<HTMLButtonElement>\n) {\n  const {\n    id: formFieldId,\n    hasError,\n    ...formFieldProps\n  } = useFormFieldProps(rest)\n\n  const id = useId(idProp ?? formFieldId, 'bezier-checkbox')\n\n  return (\n    <div\n      className={classNames(styles.Container, getFormFieldSizeClassName('m'))}\n    >\n      <CheckboxPrimitive.Root\n        asChild\n        className={classNames(styles.Checkbox, className)}\n        ref={forwardedRef}\n        id={id}\n        checked={checked}\n        data-invalid={formFieldProps['aria-invalid']}\n        {...formFieldProps}\n      >\n        <BaseButton>\n          <CheckboxPrimitive.Indicator\n            asChild\n            /* NOTE: To allow the icon to be rendered even if unchecked. */\n            forceMount\n          >\n            {/* @ts-expect-error */}\n            <CheckIcon />\n          </CheckboxPrimitive.Indicator>\n        </BaseButton>\n      </CheckboxPrimitive.Root>\n      {children && (\n        <Text\n          as=\"label\"\n          // TODO: Apply polymorphic types to `as` prop.\n          // @ts-expect-error\n          htmlFor={id}\n          className={styles.Label}\n          typo=\"14\"\n          color=\"txt-black-darkest\"\n        >\n          {children}\n        </Text>\n      )}\n    </div>\n  )\n}\n\n/**\n * `Checkbox` is a control that allows the user to toggle between checked and not checked.\n * It can be used with labels or standalone.\n * @example\n *\n * ```tsx\n * const [checked, setChecked] = useState(false)\n * // Controlled / With label\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * >\n *   Label\n * </Checkbox>\n * // Controlled / Standalone\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * />\n * // Uncontrolled\n * <Checkbox\n *   defaultChecked={true}\n * >\n *   Label\n * </Checkbox>\n * ```\n */\nexport const Checkbox = forwardRef(CheckboxImpl) as <\n  Checked extends CheckedState,\n>(\n  props: CheckboxProps<Checked> & {\n    ref?: React.ForwardedRef<HTMLButtonElement>\n  }\n) => ReturnType<typeof CheckboxImpl<Checked>>\n"],"names":["CheckIcon","forwardRef","props","forwardedRef","state","isUnchecked","isIndeterminate","_jsx","Icon","className","styles","ref","source","CheckBoldIcon","HyphenBoldIcon","size","color","CheckboxImpl","children","checked","id","idProp","rest","formFieldId","hasError","formFieldProps","useFormFieldProps","useId","_jsxs","classNames","Container","getFormFieldSizeClassName","CheckboxPrimitive","asChild","Checkbox","BaseButton","forceMount","Text","as","htmlFor","Label","typo"],"mappings":";;;;;;;;;;;;;AA0BA;AACA,MAAMA,SAAS,gBAAGC,UAAU,CAC1B,SAASD,SAASA,CAACE,KAAK,EAAEC,YAAY,EAAE;AACtC;AACA,EAAA,MAAMC,KAAK,GAAGF,KAAK,CAAC,YAAY,CAAC;AACjC,EAAA,MAAMG,WAAW,GAAGD,KAAK,KAAK,WAAW;AACzC,EAAA,MAAME,eAAe,GAAGF,KAAK,KAAK,eAAe;EAEjD,oBACEG,GAAA,CAACC,IAAI,EAAA;IACHC,SAAS,EAAEC,MAAM,CAACV,SAAU;AAC5BW,IAAAA,GAAG,EAAER,YAAa;AAClBS,IAAAA,MAAM,EAAE,CAACN,eAAe,GAAGO,aAAa,GAAGC,cAAe;AAC1DC,IAAAA,IAAI,EAAC,IAAI;AACTC,IAAAA,KAAK,EAAEX,WAAW,GAAG,eAAe,GAAG,2BAA4B;IAAA,GAC/DH;AAAK,GACV,CAAC;AAEN,CACF,CAAC;AAED,SAASe,YAAYA,CACnB;EAAEC,QAAQ;EAAET,SAAS;EAAEU,OAAO;AAAEC,EAAAA,EAAE,EAAEC,MAAM;EAAE,GAAGC;AAA6B,CAAC,EAC7EnB,YAA0C,EAC1C;EACA,MAAM;AACJiB,IAAAA,EAAE,EAAEG,WAAW;IACfC,QAAQ;IACR,GAAGC;AACL,GAAC,GAAGC,iBAAiB,CAACJ,IAAI,CAAC;AAE3B,EAAA,MAAMF,EAAE,GAAGO,KAAK,CAACN,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAANA,MAAM,GAAIE,WAAW,EAAE,iBAAiB,CAAC;AAE1D,EAAA,oBACEK,IAAA,CAAA,KAAA,EAAA;IACEnB,SAAS,EAAEoB,UAAU,CAACnB,MAAM,CAACoB,SAAS,EAAEC,yBAAyB,CAAC,GAAG,CAAC,CAAE;AAAAb,IAAAA,QAAA,EAExEX,cAAAA,GAAA,CAACyB,IAAsB,EAAA;MACrBC,OAAO,EAAA,IAAA;MACPxB,SAAS,EAAEoB,UAAU,CAACnB,MAAM,CAACwB,QAAQ,EAAEzB,SAAS,CAAE;AAClDE,MAAAA,GAAG,EAAER,YAAa;AAClBiB,MAAAA,EAAE,EAAEA,EAAG;AACPD,MAAAA,OAAO,EAAEA,OAAQ;MACjB,cAAcM,EAAAA,cAAc,CAAC,cAAc,CAAE;AAAA,MAAA,GACzCA,cAAc;MAAAP,QAAA,eAElBX,GAAA,CAAC4B,UAAU,EAAA;AAAAjB,QAAAA,QAAA,eACTX,GAAA,CAACyB,SAA2B,EAAA;UAC1BC,OAAO,EAAA;AACP;UACAG,UAAU,EAAA,IAAA;AAAAlB,UAAAA,QAAA,eAGVX,GAAA,CAACP,SAAS,EAAE,EAAA;SACe;OACnB;AAAC,KACS,CAAC,EACxBkB,QAAQ,iBACPX,GAAA,CAAC8B,IAAI,EAAA;AACHC,MAAAA,EAAE,EAAC;AACH;AACA;AAAA;AACAC,MAAAA,OAAO,EAAEnB,EAAG;MACZX,SAAS,EAAEC,MAAM,CAAC8B,KAAM;AACxBC,MAAAA,IAAI,EAAC,IAAI;AACTzB,MAAAA,KAAK,EAAC,mBAAmB;AAAAE,MAAAA,QAAA,EAExBA;AAAQ,KACL,CACP;AAAA,GACE,CAAC;AAEV;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACagB,QAAQ,gBAAGjC,UAAU,CAACgB,YAAY;;;;"}

package/dist/esm/components/ConfirmModal/ConfirmModal.mjs

@@ -1,4 +1,5 @@
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, ModalTrigger, ModalClose } from '../Modal/Modal.mjs';
 
 /**
@@ -25,7 +26,10 @@ function ConfirmModal({
   children,
   ...rest
 }) {
-  return /*#__PURE__*/React__default.createElement(Modal, rest, children);
+  return /*#__PURE__*/jsx(Modal, {
+    ...rest,
+    children: children
+  });
 }
 
 /**
@@ -37,11 +41,13 @@ const ConfirmModalContent = /*#__PURE__*/forwardRef(function ConfirmModalContent
   children,
   ...rest
 }, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement(ModalContent, Object.assign({
+  return /*#__PURE__*/jsx(ModalContent, {
     role: "alertdialog",
     ref: forwardedRef,
-    showCloseIcon: false
-  }, rest), children);
+    showCloseIcon: false,
+    ...rest,
+    children: children
+  });
 });
 
 /**
@@ -49,11 +55,12 @@ const ConfirmModalContent = /*#__PURE__*/forwardRef(function ConfirmModalContent
  * It renders the accessible title and description of the modal.
  */
 const ConfirmModalHeader = /*#__PURE__*/forwardRef(function ConfirmModalHeader(props, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement(ModalHeader, Object.assign({
+  return /*#__PURE__*/jsx(ModalHeader, {
     ref: forwardedRef,
     subtitle: null,
-    titleSize: "m"
-  }, props));
+    titleSize: "m",
+    ...props
+  });
 });
 
 /**
@@ -63,9 +70,11 @@ const ConfirmModalBody = /*#__PURE__*/forwardRef(function ConfirmModalBody({
   children,
   ...rest
 }, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement(ModalBody, Object.assign({
-    ref: forwardedRef
-  }, rest), children);
+  return /*#__PURE__*/jsx(ModalBody, {
+    ref: forwardedRef,
+    ...rest,
+    children: children
+  });
 });
 
 /**
@@ -73,9 +82,10 @@ const ConfirmModalBody = /*#__PURE__*/forwardRef(function ConfirmModalBody({
  * Usually, it contains the action buttons of the modal.
  */
 const ConfirmModalFooter = /*#__PURE__*/forwardRef(function ConfirmModalFooter(props, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement(ModalFooter, Object.assign({
-    ref: forwardedRef
-  }, props));
+  return /*#__PURE__*/jsx(ModalFooter, {
+    ref: forwardedRef,
+    ...props
+  });
 });
 
 /**
@@ -87,7 +97,9 @@ const ConfirmModalFooter = /*#__PURE__*/forwardRef(function ConfirmModalFooter(p
 function ConfirmModalTrigger({
   children
 }) {
-  return /*#__PURE__*/React__default.createElement(ModalTrigger, null, children);
+  return /*#__PURE__*/jsx(ModalTrigger, {
+    children: children
+  });
 }
 
 /**
@@ -97,7 +109,9 @@ function ConfirmModalTrigger({
 function ConfirmModalClose({
   children
 }) {
-  return /*#__PURE__*/React__default.createElement(ModalClose, null, children);
+  return /*#__PURE__*/jsx(ModalClose, {
+    children: children
+  });
 }
 
 export { ConfirmModal, ConfirmModalBody, ConfirmModalClose, ConfirmModalContent, ConfirmModalFooter, ConfirmModalHeader, ConfirmModalTrigger };

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.mjs","sources":["../../../../src/components/ConfirmModal/ConfirmModal.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport {\n  Modal,\n  ModalBody,\n  ModalClose,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTrigger,\n} from '~/src/components/Modal'\n\nimport {\n  type ConfirmModalBodyProps,\n  type ConfirmModalCloseProps,\n  type ConfirmModalContentProps,\n  type ConfirmModalFooterProps,\n  type ConfirmModalHeaderProps,\n  type ConfirmModalProps,\n  type ConfirmModalTriggerProps,\n} from './ConfirmModal.types'\n\n/**\n * `ConfirmModal` is a modal dialog that interrupts the user with important content and expects a response.\n *\n * `ConfirmModal` is a context of the ConfirmModal-related components. It doesn't render any DOM node.\n * It controls the visibility of the entire component and provides\n * handlers and accessibility properties to ConfirmModal-related components.\n * @example\n *\n * ```tsx\n * // Anatomy of the ConfirmModal\n * <ConfirmModal>\n *  <ConfirmModalModalTrigger />\n *  <ConfirmModalModalContent>\n *    <ConfirmModalModalHeader />\n *    <ConfirmModalModalBody />\n *    <ConfirmModalModalFooter />\n *  </ConfirmModalModalContent>\n * </ConfirmModal>\n * ```\n */\nexport function ConfirmModal({ children, ...rest }: ConfirmModalProps) {\n  return <Modal {...rest}>{children}</Modal>\n}\n\n/**\n * `ConfirmModalContent` is a container of the modal content.\n * It creates a portal to render the modal content outside of the DOM tree\n * and renders overlay behind the modal content too.\n */\nexport const ConfirmModalContent = forwardRef(function ConfirmModalContent(\n  { children, ...rest }: ConfirmModalContentProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalContent\n      role=\"alertdialog\"\n      ref={forwardedRef}\n      showCloseIcon={false}\n      {...rest}\n    >\n      {children}\n    </ModalContent>\n  )\n})\n\n/**\n * `ConfirmModalHeader` is a header of the modal content.\n * It renders the accessible title and description of the modal.\n */\nexport const ConfirmModalHeader = forwardRef(function ConfirmModalHeader(\n  props: ConfirmModalHeaderProps,\n  forwardedRef: React.Ref<HTMLElement>\n) {\n  return (\n    <ModalHeader\n      ref={forwardedRef}\n      subtitle={null}\n      titleSize=\"m\"\n      {...props}\n    />\n  )\n})\n\n/**\n * `ConfirmModalBody` is a simple wrapper of the main modal content.\n */\nexport const ConfirmModalBody = forwardRef(function ConfirmModalBody(\n  { children, ...rest }: ConfirmModalBodyProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalBody\n      ref={forwardedRef}\n      {...rest}\n    >\n      {children}\n    </ModalBody>\n  )\n})\n\n/**\n * `ConfirmModalFooter` is a simple wrapper of the footer of the modal content.\n * Usually, it contains the action buttons of the modal.\n */\nexport const ConfirmModalFooter = forwardRef(function ConfirmModalFooter(\n  props: ConfirmModalFooterProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalFooter\n      ref={forwardedRef}\n      {...props}\n    />\n  )\n})\n\n/**\n * `ConfirmModalTrigger` is a button that opens the modal. **It doesn't render any DOM node.**\n * It passes the handler that opens the modal and accessibility properties to the children.\n *\n * It **must** be placed outside of the `ConfirmModalContent`.\n */\nexport function ConfirmModalTrigger({ children }: ConfirmModalTriggerProps) {\n  return <ModalTrigger>{children}</ModalTrigger>\n}\n\n/**\n * `ConfirmModalClose` is a button that closes the modal. **It doesn't render any DOM node.**\n * It passes the handler that closes the modal to the children.\n */\nexport function ConfirmModalClose({ children }: ConfirmModalCloseProps) {\n  return <ModalClose>{children}</ModalClose>\n}\n"],"names":["ConfirmModal","children","rest","React","createElement","Modal","ConfirmModalContent","forwardRef","forwardedRef","ModalContent","Object","assign","role","ref","showCloseIcon","ConfirmModalHeader","props","ModalHeader","subtitle","titleSize","ConfirmModalBody","ModalBody","ConfirmModalFooter","ModalFooter","ConfirmModalTrigger","ModalTrigger","ConfirmModalClose","ModalClose"],"mappings":";;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAYA,CAAC;EAAEC,QAAQ;EAAE,GAAGC,IAAAA;AAAwB,CAAC,EAAE;EACrE,oBAAOC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAKH,IAAI,EAAGD,QAAgB,CAAC,CAAA;AAC5C,CAAA;;AAEA;AACA;AACA;AACA;AACA;MACaK,mBAAmB,gBAAGC,UAAU,CAAC,SAASD,mBAAmBA,CACxE;EAAEL,QAAQ;EAAE,GAAGC,IAAAA;AAA+B,CAAC,EAC/CM,YAAuC,EACvC;EACA,oBACEL,cAAA,CAAAC,aAAA,CAACK,YAAY,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACXC,IAAAA,IAAI,EAAC,aAAa;AAClBC,IAAAA,GAAG,EAAEL,YAAa;AAClBM,IAAAA,aAAa,EAAE,KAAA;GACXZ,EAAAA,IAAI,CAEPD,EAAAA,QACW,CAAC,CAAA;AAEnB,CAAC,EAAC;;AAEF;AACA;AACA;AACA;AACO,MAAMc,kBAAkB,gBAAGR,UAAU,CAAC,SAASQ,kBAAkBA,CACtEC,KAA8B,EAC9BR,YAAoC,EACpC;EACA,oBACEL,cAAA,CAAAC,aAAA,CAACa,WAAW,EAAAP,MAAA,CAAAC,MAAA,CAAA;AACVE,IAAAA,GAAG,EAAEL,YAAa;AAClBU,IAAAA,QAAQ,EAAE,IAAK;AACfC,IAAAA,SAAS,EAAC,GAAA;GACNH,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,CAAC,EAAC;;AAEF;AACA;AACA;MACaI,gBAAgB,gBAAGb,UAAU,CAAC,SAASa,gBAAgBA,CAClE;EAAEnB,QAAQ;EAAE,GAAGC,IAAAA;AAA4B,CAAC,EAC5CM,YAAuC,EACvC;EACA,oBACEL,cAAA,CAAAC,aAAA,CAACiB,SAAS,EAAAX,MAAA,CAAAC,MAAA,CAAA;AACRE,IAAAA,GAAG,EAAEL,YAAAA;GACDN,EAAAA,IAAI,CAEPD,EAAAA,QACQ,CAAC,CAAA;AAEhB,CAAC,EAAC;;AAEF;AACA;AACA;AACA;AACO,MAAMqB,kBAAkB,gBAAGf,UAAU,CAAC,SAASe,kBAAkBA,CACtEN,KAA8B,EAC9BR,YAAuC,EACvC;EACA,oBACEL,cAAA,CAAAC,aAAA,CAACmB,WAAW,EAAAb,MAAA,CAAAC,MAAA,CAAA;AACVE,IAAAA,GAAG,EAAEL,YAAAA;GACDQ,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,CAAC,EAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,mBAAmBA,CAAC;AAAEvB,EAAAA,QAAAA;AAAmC,CAAC,EAAE;AAC1E,EAAA,oBAAOE,cAAA,CAAAC,aAAA,CAACqB,YAAY,EAAA,IAAA,EAAExB,QAAuB,CAAC,CAAA;AAChD,CAAA;;AAEA;AACA;AACA;AACA;AACO,SAASyB,iBAAiBA,CAAC;AAAEzB,EAAAA,QAAAA;AAAiC,CAAC,EAAE;AACtE,EAAA,oBAAOE,cAAA,CAAAC,aAAA,CAACuB,UAAU,EAAA,IAAA,EAAE1B,QAAqB,CAAC,CAAA;AAC5C;;;;"}
+{"version":3,"file":"ConfirmModal.mjs","sources":["../../../../src/components/ConfirmModal/ConfirmModal.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport {\n  Modal,\n  ModalBody,\n  ModalClose,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTrigger,\n} from '~/src/components/Modal'\n\nimport {\n  type ConfirmModalBodyProps,\n  type ConfirmModalCloseProps,\n  type ConfirmModalContentProps,\n  type ConfirmModalFooterProps,\n  type ConfirmModalHeaderProps,\n  type ConfirmModalProps,\n  type ConfirmModalTriggerProps,\n} from './ConfirmModal.types'\n\n/**\n * `ConfirmModal` is a modal dialog that interrupts the user with important content and expects a response.\n *\n * `ConfirmModal` is a context of the ConfirmModal-related components. It doesn't render any DOM node.\n * It controls the visibility of the entire component and provides\n * handlers and accessibility properties to ConfirmModal-related components.\n * @example\n *\n * ```tsx\n * // Anatomy of the ConfirmModal\n * <ConfirmModal>\n *  <ConfirmModalModalTrigger />\n *  <ConfirmModalModalContent>\n *    <ConfirmModalModalHeader />\n *    <ConfirmModalModalBody />\n *    <ConfirmModalModalFooter />\n *  </ConfirmModalModalContent>\n * </ConfirmModal>\n * ```\n */\nexport function ConfirmModal({ children, ...rest }: ConfirmModalProps) {\n  return <Modal {...rest}>{children}</Modal>\n}\n\n/**\n * `ConfirmModalContent` is a container of the modal content.\n * It creates a portal to render the modal content outside of the DOM tree\n * and renders overlay behind the modal content too.\n */\nexport const ConfirmModalContent = forwardRef(function ConfirmModalContent(\n  { children, ...rest }: ConfirmModalContentProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalContent\n      role=\"alertdialog\"\n      ref={forwardedRef}\n      showCloseIcon={false}\n      {...rest}\n    >\n      {children}\n    </ModalContent>\n  )\n})\n\n/**\n * `ConfirmModalHeader` is a header of the modal content.\n * It renders the accessible title and description of the modal.\n */\nexport const ConfirmModalHeader = forwardRef(function ConfirmModalHeader(\n  props: ConfirmModalHeaderProps,\n  forwardedRef: React.Ref<HTMLElement>\n) {\n  return (\n    <ModalHeader\n      ref={forwardedRef}\n      subtitle={null}\n      titleSize=\"m\"\n      {...props}\n    />\n  )\n})\n\n/**\n * `ConfirmModalBody` is a simple wrapper of the main modal content.\n */\nexport const ConfirmModalBody = forwardRef(function ConfirmModalBody(\n  { children, ...rest }: ConfirmModalBodyProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalBody\n      ref={forwardedRef}\n      {...rest}\n    >\n      {children}\n    </ModalBody>\n  )\n})\n\n/**\n * `ConfirmModalFooter` is a simple wrapper of the footer of the modal content.\n * Usually, it contains the action buttons of the modal.\n */\nexport const ConfirmModalFooter = forwardRef(function ConfirmModalFooter(\n  props: ConfirmModalFooterProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalFooter\n      ref={forwardedRef}\n      {...props}\n    />\n  )\n})\n\n/**\n * `ConfirmModalTrigger` is a button that opens the modal. **It doesn't render any DOM node.**\n * It passes the handler that opens the modal and accessibility properties to the children.\n *\n * It **must** be placed outside of the `ConfirmModalContent`.\n */\nexport function ConfirmModalTrigger({ children }: ConfirmModalTriggerProps) {\n  return <ModalTrigger>{children}</ModalTrigger>\n}\n\n/**\n * `ConfirmModalClose` is a button that closes the modal. **It doesn't render any DOM node.**\n * It passes the handler that closes the modal to the children.\n */\nexport function ConfirmModalClose({ children }: ConfirmModalCloseProps) {\n  return <ModalClose>{children}</ModalClose>\n}\n"],"names":["ConfirmModal","children","rest","_jsx","Modal","ConfirmModalContent","forwardRef","forwardedRef","ModalContent","role","ref","showCloseIcon","ConfirmModalHeader","props","ModalHeader","subtitle","titleSize","ConfirmModalBody","ModalBody","ConfirmModalFooter","ModalFooter","ConfirmModalTrigger","ModalTrigger","ConfirmModalClose","ModalClose"],"mappings":";;;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAYA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAwB,CAAC,EAAE;EACrE,oBAAOC,GAAA,CAACC,KAAK,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAAD,IAAAA,QAAA,EAAGA;AAAQ,GAAQ,CAAC;AAC5C;;AAEA;AACA;AACA;AACA;AACA;MACaI,mBAAmB,gBAAGC,UAAU,CAAC,SAASD,mBAAmBA,CACxE;EAAEJ,QAAQ;EAAE,GAAGC;AAA+B,CAAC,EAC/CK,YAAuC,EACvC;EACA,oBACEJ,GAAA,CAACK,YAAY,EAAA;AACXC,IAAAA,IAAI,EAAC,aAAa;AAClBC,IAAAA,GAAG,EAAEH,YAAa;AAClBI,IAAAA,aAAa,EAAE,KAAM;AAAA,IAAA,GACjBT,IAAI;AAAAD,IAAAA,QAAA,EAEPA;AAAQ,GACG,CAAC;AAEnB,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMW,kBAAkB,gBAAGN,UAAU,CAAC,SAASM,kBAAkBA,CACtEC,KAA8B,EAC9BN,YAAoC,EACpC;EACA,oBACEJ,GAAA,CAACW,WAAW,EAAA;AACVJ,IAAAA,GAAG,EAAEH,YAAa;AAClBQ,IAAAA,QAAQ,EAAE,IAAK;AACfC,IAAAA,SAAS,EAAC,GAAG;IAAA,GACTH;AAAK,GACV,CAAC;AAEN,CAAC;;AAED;AACA;AACA;MACaI,gBAAgB,gBAAGX,UAAU,CAAC,SAASW,gBAAgBA,CAClE;EAAEhB,QAAQ;EAAE,GAAGC;AAA4B,CAAC,EAC5CK,YAAuC,EACvC;EACA,oBACEJ,GAAA,CAACe,SAAS,EAAA;AACRR,IAAAA,GAAG,EAAEH,YAAa;AAAA,IAAA,GACdL,IAAI;AAAAD,IAAAA,QAAA,EAEPA;AAAQ,GACA,CAAC;AAEhB,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMkB,kBAAkB,gBAAGb,UAAU,CAAC,SAASa,kBAAkBA,CACtEN,KAA8B,EAC9BN,YAAuC,EACvC;EACA,oBACEJ,GAAA,CAACiB,WAAW,EAAA;AACVV,IAAAA,GAAG,EAAEH,YAAa;IAAA,GACdM;AAAK,GACV,CAAC;AAEN,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,mBAAmBA,CAAC;AAAEpB,EAAAA;AAAmC,CAAC,EAAE;EAC1E,oBAAOE,GAAA,CAACmB,YAAY,EAAA;AAAArB,IAAAA,QAAA,EAAEA;AAAQ,GAAe,CAAC;AAChD;;AAEA;AACA;AACA;AACA;AACO,SAASsB,iBAAiBA,CAAC;AAAEtB,EAAAA;AAAiC,CAAC,EAAE;EACtE,oBAAOE,GAAA,CAACqB,UAAU,EAAA;AAAAvB,IAAAA,QAAA,EAAEA;AAAQ,GAAa,CAAC;AAC5C;;;;"}

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

@@ -1,7 +1,8 @@
-import React__default, { forwardRef } from 'react';
-import { Root as $89eedd556c436f6a$export$be92b6f5f03c0fe9 } from '../../node_modules/@radix-ui/react-separator/dist/index.mjs';
-import classNames from '../../node_modules/classnames/index.mjs';
+import { forwardRef } from 'react';
+import { Root } from '../../node_modules/@radix-ui/react-separator/dist/index.mjs';
+import classNames from '../../_virtual/index.mjs';
 import dividerStyles from './Divider.module.scss.mjs';
+import { jsx } from 'react/jsx-runtime';
 
 const DIVIDER_TEST_ID = 'bezier-divider';
 
@@ -24,16 +25,18 @@ const Divider = /*#__PURE__*/forwardRef(({
   style,
   className,
   ...rest
-}, forwardedRef) => /*#__PURE__*/React__default.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, {
+}, forwardedRef) => /*#__PURE__*/jsx(Root, {
   asChild: true,
   orientation: orientation,
-  decorative: decorative
-}, /*#__PURE__*/React__default.createElement("div", Object.assign({
-  ref: forwardedRef,
-  style: style,
-  className: classNames(dividerStyles.Divider, dividerStyles.variables, dividerStyles[orientation], withoutIndent && dividerStyles['without-indent'], withoutParallelIndent && dividerStyles['without-parallel-indent'], withoutSideIndent && dividerStyles['without-side-indent'], className),
-  "data-testid": DIVIDER_TEST_ID
-}, rest))));
+  decorative: decorative,
+  children: /*#__PURE__*/jsx("div", {
+    ref: forwardedRef,
+    style: style,
+    className: classNames(dividerStyles.Divider, dividerStyles.variables, dividerStyles[orientation], withoutIndent && dividerStyles['without-indent'], withoutParallelIndent && dividerStyles['without-parallel-indent'], withoutSideIndent && dividerStyles['without-side-indent'], className),
+    "data-testid": DIVIDER_TEST_ID,
+    ...rest
+  })
+}));
 
 export { DIVIDER_TEST_ID, Divider };
 //# sourceMappingURL=Divider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.mjs","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport classNames from 'classnames'\n\nimport { type DividerProps } from './Divider.types'\n\nimport styles from './Divider.module.scss'\n\nexport const DIVIDER_TEST_ID = 'bezier-divider'\n\n/**\n * `Divider` is a component to visually or semantically separate content.\n * @example\n *\n * ```tsx\n * <Divider\n *   withoutSideIndent\n * />\n * ```\n */\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  (\n    {\n      orientation = 'horizontal',\n      decorative,\n      withoutSideIndent = false,\n      withoutParallelIndent = false,\n      withoutIndent = false,\n      style,\n      className,\n      ...rest\n    },\n    forwardedRef\n  ) => (\n    <SeparatorPrimitive.Root\n      asChild\n      orientation={orientation}\n      decorative={decorative}\n    >\n      <div\n        ref={forwardedRef}\n        style={style}\n        className={classNames(\n          styles.Divider,\n          styles.variables,\n          styles[orientation],\n          withoutIndent && styles['without-indent'],\n          withoutParallelIndent && styles['without-parallel-indent'],\n          withoutSideIndent && styles['without-side-indent'],\n          className\n        )}\n        data-testid={DIVIDER_TEST_ID}\n        {...rest}\n      />\n    </SeparatorPrimitive.Root>\n  )\n)\n"],"names":["DIVIDER_TEST_ID","Divider","forwardRef","orientation","decorative","withoutSideIndent","withoutParallelIndent","withoutIndent","style","className","rest","forwardedRef","React","createElement","SeparatorPrimitive","asChild","Object","assign","ref","classNames","styles","variables"],"mappings":";;;;;AAWO,MAAMA,eAAe,GAAG,iBAAgB;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,OAAO,gBAAGC,UAAU,CAC/B,CACE;AACEC,EAAAA,WAAW,GAAG,YAAY;EAC1BC,UAAU;AACVC,EAAAA,iBAAiB,GAAG,KAAK;AACzBC,EAAAA,qBAAqB,GAAG,KAAK;AAC7BC,EAAAA,aAAa,GAAG,KAAK;EACrBC,KAAK;EACLC,SAAS;EACT,GAAGC,IAAAA;AACL,CAAC,EACDC,YAAY,kBAEZC,cAAA,CAAAC,aAAA,CAACC,yCAAuB,EAAA;EACtBC,OAAO,EAAA,IAAA;AACPZ,EAAAA,WAAW,EAAEA,WAAY;AACzBC,EAAAA,UAAU,EAAEA,UAAAA;AAAW,CAAA,eAEvBQ,cAAA,CAAAC,aAAA,CAAAG,KAAAA,EAAAA,MAAA,CAAAC,MAAA,CAAA;AACEC,EAAAA,GAAG,EAAEP,YAAa;AAClBH,EAAAA,KAAK,EAAEA,KAAM;AACbC,EAAAA,SAAS,EAAEU,UAAU,CACnBC,aAAM,CAACnB,OAAO,EACdmB,aAAM,CAACC,SAAS,EAChBD,aAAM,CAACjB,WAAW,CAAC,EACnBI,aAAa,IAAIa,aAAM,CAAC,gBAAgB,CAAC,EACzCd,qBAAqB,IAAIc,aAAM,CAAC,yBAAyB,CAAC,EAC1Df,iBAAiB,IAAIe,aAAM,CAAC,qBAAqB,CAAC,EAClDX,SACF,CAAE;EACF,aAAaT,EAAAA,eAAAA;AAAgB,CAAA,EACzBU,IAAI,CACT,CACsB,CAE7B;;;;"}
+{"version":3,"file":"Divider.mjs","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport classNames from 'classnames'\n\nimport { type DividerProps } from './Divider.types'\n\nimport styles from './Divider.module.scss'\n\nexport const DIVIDER_TEST_ID = 'bezier-divider'\n\n/**\n * `Divider` is a component to visually or semantically separate content.\n * @example\n *\n * ```tsx\n * <Divider\n *   withoutSideIndent\n * />\n * ```\n */\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  (\n    {\n      orientation = 'horizontal',\n      decorative,\n      withoutSideIndent = false,\n      withoutParallelIndent = false,\n      withoutIndent = false,\n      style,\n      className,\n      ...rest\n    },\n    forwardedRef\n  ) => (\n    <SeparatorPrimitive.Root\n      asChild\n      orientation={orientation}\n      decorative={decorative}\n    >\n      <div\n        ref={forwardedRef}\n        style={style}\n        className={classNames(\n          styles.Divider,\n          styles.variables,\n          styles[orientation],\n          withoutIndent && styles['without-indent'],\n          withoutParallelIndent && styles['without-parallel-indent'],\n          withoutSideIndent && styles['without-side-indent'],\n          className\n        )}\n        data-testid={DIVIDER_TEST_ID}\n        {...rest}\n      />\n    </SeparatorPrimitive.Root>\n  )\n)\n"],"names":["DIVIDER_TEST_ID","Divider","forwardRef","orientation","decorative","withoutSideIndent","withoutParallelIndent","withoutIndent","style","className","rest","forwardedRef","_jsx","SeparatorPrimitive","asChild","children","ref","classNames","styles","variables"],"mappings":";;;;;;AAWO,MAAMA,eAAe,GAAG;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,OAAO,gBAAGC,UAAU,CAC/B,CACE;AACEC,EAAAA,WAAW,GAAG,YAAY;EAC1BC,UAAU;AACVC,EAAAA,iBAAiB,GAAG,KAAK;AACzBC,EAAAA,qBAAqB,GAAG,KAAK;AAC7BC,EAAAA,aAAa,GAAG,KAAK;EACrBC,KAAK;EACLC,SAAS;EACT,GAAGC;AACL,CAAC,EACDC,YAAY,kBAEZC,GAAA,CAACC,IAAuB,EAAA;EACtBC,OAAO,EAAA,IAAA;AACPX,EAAAA,WAAW,EAAEA,WAAY;AACzBC,EAAAA,UAAU,EAAEA,UAAW;AAAAW,EAAAA,QAAA,eAEvBH,GAAA,CAAA,KAAA,EAAA;AACEI,IAAAA,GAAG,EAAEL,YAAa;AAClBH,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEQ,UAAU,CACnBC,aAAM,CAACjB,OAAO,EACdiB,aAAM,CAACC,SAAS,EAChBD,aAAM,CAACf,WAAW,CAAC,EACnBI,aAAa,IAAIW,aAAM,CAAC,gBAAgB,CAAC,EACzCZ,qBAAqB,IAAIY,aAAM,CAAC,yBAAyB,CAAC,EAC1Db,iBAAiB,IAAIa,aAAM,CAAC,qBAAqB,CAAC,EAClDT,SACF,CAAE;AACF,IAAA,aAAA,EAAaT,eAAgB;IAAA,GACzBU;GACL;AAAC,CACqB,CAE7B;;;;"}

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

@@ -1,8 +1,9 @@
-import React__default, { forwardRef } from 'react';
-import classNames from '../../node_modules/classnames/index.mjs';
+import { forwardRef } from 'react';
+import classNames from '../../_virtual/index.mjs';
 import { isDev } from '../../utils/assert.mjs';
 import { cssUrl } from '../../utils/style.mjs';
 import styles from './Emoji.module.scss.mjs';
+import { jsx } from 'react/jsx-runtime';
 
 const EMOJI_TEST_ID = 'bezier-emoji';
 const getEmojiUrl = (name, size) => {
@@ -28,7 +29,7 @@ const Emoji = /*#__PURE__*/forwardRef(function Emoji({
   ...rest
 }, forwardedRef) {
   const assetSize = Number(size) >= 60 ? '160' : '80';
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
+  return /*#__PURE__*/jsx("div", {
     ref: forwardedRef,
     role: "img",
     "aria-description": name,
@@ -37,8 +38,9 @@ const Emoji = /*#__PURE__*/forwardRef(function Emoji({
       ...style
     },
     className: classNames(styles.Emoji, styles[`size-${size}`], className),
-    "data-testid": EMOJI_TEST_ID
-  }, rest));
+    "data-testid": EMOJI_TEST_ID,
+    ...rest
+  });
 });
 
 export { EMOJI_TEST_ID, Emoji };

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

@@ -1 +1 @@
-{"version":3,"file":"Emoji.mjs","sources":["../../../../src/components/Emoji/Emoji.tsx"],"sourcesContent":["'use client'\n\nimport React, { type CSSProperties, forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isDev } from '~/src/utils/assert'\nimport { cssUrl } from '~/src/utils/style'\n\nimport { type EmojiProps } from './Emoji.types'\n\nimport styles from './Emoji.module.scss'\n\nexport const EMOJI_TEST_ID = 'bezier-emoji'\n\nconst getEmojiUrl = (name: EmojiProps['name'], size: '160' | '80' | '44') => {\n  return `https://cf${isDev() ? '.exp' : ''}.channel.io/asset/emoji/images/${size}/${encodeURIComponent(name)}.png`\n}\n\n/**\n * `Emoji` is a component for representing emoji with variant size.\n * @example\n * ```tsx\n * <Emoji\n *   name=\"A\"\n *   size=\"20\"\n * />\n * ```\n */\nexport const Emoji = forwardRef<HTMLDivElement, EmojiProps>(function Emoji(\n  { style, imageUrl, className, name, size = '24', ...rest },\n  forwardedRef\n) {\n  const assetSize = Number(size) >= 60 ? '160' : '80'\n\n  return (\n    <div\n      ref={forwardedRef}\n      role=\"img\"\n      aria-description={name}\n      style={\n        {\n          '--b-emoji-background-image': cssUrl(\n            imageUrl ?? getEmojiUrl(name, assetSize)\n          ),\n          ...style,\n        } as CSSProperties\n      }\n      className={classNames(styles.Emoji, styles[`size-${size}`], className)}\n      data-testid={EMOJI_TEST_ID}\n      {...rest}\n    />\n  )\n})\n"],"names":["EMOJI_TEST_ID","getEmojiUrl","name","size","isDev","encodeURIComponent","Emoji","forwardRef","style","imageUrl","className","rest","forwardedRef","assetSize","Number","React","createElement","Object","assign","ref","role","cssUrl","classNames","styles"],"mappings":";;;;;;AAaO,MAAMA,aAAa,GAAG,eAAc;AAE3C,MAAMC,WAAW,GAAGA,CAACC,IAAwB,EAAEC,IAAyB,KAAK;AAC3E,EAAA,OAAO,CAAaC,UAAAA,EAAAA,KAAK,EAAE,GAAG,MAAM,GAAG,EAAE,CAAA,+BAAA,EAAkCD,IAAI,CAAIE,CAAAA,EAAAA,kBAAkB,CAACH,IAAI,CAAC,CAAM,IAAA,CAAA,CAAA;AACnH,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaI,KAAK,gBAAGC,UAAU,CAA6B,SAASD,KAAKA,CACxE;EAAEE,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAER,IAAI;AAAEC,EAAAA,IAAI,GAAG,IAAI;EAAE,GAAGQ,IAAAA;AAAK,CAAC,EAC1DC,YAAY,EACZ;EACA,MAAMC,SAAS,GAAGC,MAAM,CAACX,IAAI,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI,CAAA;AAEnD,EAAA,oBACEY,cAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,MAAA,CAAAC,MAAA,CAAA;AACEC,IAAAA,GAAG,EAAEP,YAAa;AAClBQ,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,kBAAA,EAAkBlB,IAAK;AACvBM,IAAAA,KAAK,EACH;AACE,MAAA,4BAA4B,EAAEa,MAAM,CAClCZ,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAIR,WAAW,CAACC,IAAI,EAAEW,SAAS,CACzC,CAAC;MACD,GAAGL,KAAAA;KAEN;AACDE,IAAAA,SAAS,EAAEY,UAAU,CAACC,MAAM,CAACjB,KAAK,EAAEiB,MAAM,CAAC,QAAQpB,IAAI,CAAA,CAAE,CAAC,EAAEO,SAAS,CAAE;IACvE,aAAaV,EAAAA,aAAAA;GACTW,EAAAA,IAAI,CACT,CAAC,CAAA;AAEN,CAAC;;;;"}
+{"version":3,"file":"Emoji.mjs","sources":["../../../../src/components/Emoji/Emoji.tsx"],"sourcesContent":["'use client'\n\nimport { type CSSProperties, forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isDev } from '~/src/utils/assert'\nimport { cssUrl } from '~/src/utils/style'\n\nimport { type EmojiProps } from './Emoji.types'\n\nimport styles from './Emoji.module.scss'\n\nexport const EMOJI_TEST_ID = 'bezier-emoji'\n\nconst getEmojiUrl = (name: EmojiProps['name'], size: '160' | '80' | '44') => {\n  return `https://cf${isDev() ? '.exp' : ''}.channel.io/asset/emoji/images/${size}/${encodeURIComponent(name)}.png`\n}\n\n/**\n * `Emoji` is a component for representing emoji with variant size.\n * @example\n * ```tsx\n * <Emoji\n *   name=\"A\"\n *   size=\"20\"\n * />\n * ```\n */\nexport const Emoji = forwardRef<HTMLDivElement, EmojiProps>(function Emoji(\n  { style, imageUrl, className, name, size = '24', ...rest },\n  forwardedRef\n) {\n  const assetSize = Number(size) >= 60 ? '160' : '80'\n\n  return (\n    <div\n      ref={forwardedRef}\n      role=\"img\"\n      aria-description={name}\n      style={\n        {\n          '--b-emoji-background-image': cssUrl(\n            imageUrl ?? getEmojiUrl(name, assetSize)\n          ),\n          ...style,\n        } as CSSProperties\n      }\n      className={classNames(styles.Emoji, styles[`size-${size}`], className)}\n      data-testid={EMOJI_TEST_ID}\n      {...rest}\n    />\n  )\n})\n"],"names":["EMOJI_TEST_ID","getEmojiUrl","name","size","isDev","encodeURIComponent","Emoji","forwardRef","style","imageUrl","className","rest","forwardedRef","assetSize","Number","_jsx","ref","role","cssUrl","classNames","styles"],"mappings":";;;;;;;AAaO,MAAMA,aAAa,GAAG;AAE7B,MAAMC,WAAW,GAAGA,CAACC,IAAwB,EAAEC,IAAyB,KAAK;AAC3E,EAAA,OAAO,CAAaC,UAAAA,EAAAA,KAAK,EAAE,GAAG,MAAM,GAAG,EAAE,CAAA,+BAAA,EAAkCD,IAAI,CAAIE,CAAAA,EAAAA,kBAAkB,CAACH,IAAI,CAAC,CAAM,IAAA,CAAA;AACnH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaI,KAAK,gBAAGC,UAAU,CAA6B,SAASD,KAAKA,CACxE;EAAEE,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAER,IAAI;AAAEC,EAAAA,IAAI,GAAG,IAAI;EAAE,GAAGQ;AAAK,CAAC,EAC1DC,YAAY,EACZ;EACA,MAAMC,SAAS,GAAGC,MAAM,CAACX,IAAI,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI;AAEnD,EAAA,oBACEY,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEJ,YAAa;AAClBK,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,kBAAA,EAAkBf,IAAK;AACvBM,IAAAA,KAAK,EACH;AACE,MAAA,4BAA4B,EAAEU,MAAM,CAClCT,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAIR,WAAW,CAACC,IAAI,EAAEW,SAAS,CACzC,CAAC;MACD,GAAGL;KAEN;AACDE,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAACd,KAAK,EAAEc,MAAM,CAAC,QAAQjB,IAAI,CAAA,CAAE,CAAC,EAAEO,SAAS,CAAE;AACvE,IAAA,aAAA,EAAaV,aAAc;IAAA,GACvBW;AAAI,GACT,CAAC;AAEN,CAAC;;;;"}

package/dist/esm/components/FeatureProvider/FeatureProvider.mjs

@@ -1,8 +1,9 @@
-import React__default, { useState, useMemo } from 'react';
+import { useState, useMemo } from 'react';
 import { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect.mjs';
 import { createContext } from '../../utils/react.mjs';
 import { isEmpty } from '../../utils/type.mjs';
 import { FeatureType } from './FeatureProvider.types.mjs';
+import { jsx } from 'react/jsx-runtime';
 
 const initialFeatureFlag = {
   [FeatureType.SmoothCorners]: false
@@ -41,9 +42,10 @@ function FeatureProvider({
       }));
     });
   }, [features]);
-  return /*#__PURE__*/React__default.createElement(FeatureFlagContextProvider, {
-    value: featureFlag
-  }, children);
+  return /*#__PURE__*/jsx(FeatureFlagContextProvider, {
+    value: featureFlag,
+    children: children
+  });
 }
 function useFeatureFlag(featureType) {
   const contextValue = useFeatureFlagContext();

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureProvider.mjs","sources":["../../../../src/components/FeatureProvider/FeatureProvider.tsx"],"sourcesContent":["'use client'\n\nimport React, { useMemo, useState } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '~/src/hooks/useIsomorphicLayoutEffect'\nimport { createContext } from '~/src/utils/react'\nimport { isEmpty } from '~/src/utils/type'\n\nimport {\n  type FeatureFlag,\n  type FeatureProviderProps,\n  FeatureType,\n} from './FeatureProvider.types'\n\nconst initialFeatureFlag: FeatureFlag = {\n  [FeatureType.SmoothCorners]: false,\n}\n\nconst [FeatureFlagContextProvider, useFeatureFlagContext] =\n  createContext<FeatureFlag>(initialFeatureFlag)\n\n/**\n * `FeatureProvider` is a component that activates features and provides.\n * @example\n *\n * ```tsx\n * <FeatureProvider features={[SmoothCornersFeature]}>\n *   <App />\n * </FeatureProvider>\n * ```\n */\nexport function FeatureProvider({ children, features }: FeatureProviderProps) {\n  const [featureFlag, setFeatureFlag] =\n    useState<FeatureFlag>(initialFeatureFlag)\n\n  useIsomorphicLayoutEffect(\n    function activateFeatures() {\n      if (isEmpty(features)) {\n        return\n      }\n\n      const promises = features.map((feature) =>\n        feature.activate().then((activated) => ({ [feature.name]: activated }))\n      )\n\n      Promise.all(promises).then((flags) => {\n        setFeatureFlag((prev) => ({\n          ...prev,\n          ...flags.reduce((acc, cur) => ({ ...acc, ...cur }), {}),\n        }))\n      })\n    },\n    [features]\n  )\n\n  return (\n    <FeatureFlagContextProvider value={featureFlag}>\n      {children}\n    </FeatureFlagContextProvider>\n  )\n}\n\nexport function useFeatureFlag(featureType: FeatureType) {\n  const contextValue = useFeatureFlagContext()\n\n  return useMemo(() => contextValue[featureType], [contextValue, featureType])\n}\n"],"names":["initialFeatureFlag","FeatureType","SmoothCorners","FeatureFlagContextProvider","useFeatureFlagContext","createContext","FeatureProvider","children","features","featureFlag","setFeatureFlag","useState","useIsomorphicLayoutEffect","activateFeatures","isEmpty","promises","map","feature","activate","then","activated","name","Promise","all","flags","prev","reduce","acc","cur","React","createElement","value","useFeatureFlag","featureType","contextValue","useMemo"],"mappings":";;;;;;AAcA,MAAMA,kBAA+B,GAAG;EACtC,CAACC,WAAW,CAACC,aAAa,GAAG,KAAA;AAC/B,CAAC,CAAA;AAED,MAAM,CAACC,0BAA0B,EAAEC,qBAAqB,CAAC,GACvDC,aAAa,CAAcL,kBAAkB,CAAC,CAAA;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,eAAeA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,QAAAA;AAA+B,CAAC,EAAE;EAC5E,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GACjCC,QAAQ,CAAcX,kBAAkB,CAAC,CAAA;AAE3CY,EAAAA,yBAAyB,CACvB,SAASC,gBAAgBA,GAAG;AAC1B,IAAA,IAAIC,OAAO,CAACN,QAAQ,CAAC,EAAE;AACrB,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,MAAMO,QAAQ,GAAGP,QAAQ,CAACQ,GAAG,CAAEC,OAAO,IACpCA,OAAO,CAACC,QAAQ,EAAE,CAACC,IAAI,CAAEC,SAAS,KAAM;MAAE,CAACH,OAAO,CAACI,IAAI,GAAGD,SAAAA;KAAW,CAAC,CACxE,CAAC,CAAA;IAEDE,OAAO,CAACC,GAAG,CAACR,QAAQ,CAAC,CAACI,IAAI,CAAEK,KAAK,IAAK;MACpCd,cAAc,CAAEe,IAAI,KAAM;AACxB,QAAA,GAAGA,IAAI;QACP,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,MAAM;AAAE,UAAA,GAAGD,GAAG;UAAE,GAAGC,GAAAA;SAAK,CAAC,EAAE,EAAE,CAAA;AACxD,OAAC,CAAC,CAAC,CAAA;AACL,KAAC,CAAC,CAAA;AACJ,GAAC,EACD,CAACpB,QAAQ,CACX,CAAC,CAAA;AAED,EAAA,oBACEqB,cAAA,CAAAC,aAAA,CAAC3B,0BAA0B,EAAA;AAAC4B,IAAAA,KAAK,EAAEtB,WAAAA;AAAY,GAAA,EAC5CF,QACyB,CAAC,CAAA;AAEjC,CAAA;AAEO,SAASyB,cAAcA,CAACC,WAAwB,EAAE;AACvD,EAAA,MAAMC,YAAY,GAAG9B,qBAAqB,EAAE,CAAA;AAE5C,EAAA,OAAO+B,OAAO,CAAC,MAAMD,YAAY,CAACD,WAAW,CAAC,EAAE,CAACC,YAAY,EAAED,WAAW,CAAC,CAAC,CAAA;AAC9E;;;;"}
+{"version":3,"file":"FeatureProvider.mjs","sources":["../../../../src/components/FeatureProvider/FeatureProvider.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, useState } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '~/src/hooks/useIsomorphicLayoutEffect'\nimport { createContext } from '~/src/utils/react'\nimport { isEmpty } from '~/src/utils/type'\n\nimport {\n  type FeatureFlag,\n  type FeatureProviderProps,\n  FeatureType,\n} from './FeatureProvider.types'\n\nconst initialFeatureFlag: FeatureFlag = {\n  [FeatureType.SmoothCorners]: false,\n}\n\nconst [FeatureFlagContextProvider, useFeatureFlagContext] =\n  createContext<FeatureFlag>(initialFeatureFlag)\n\n/**\n * `FeatureProvider` is a component that activates features and provides.\n * @example\n *\n * ```tsx\n * <FeatureProvider features={[SmoothCornersFeature]}>\n *   <App />\n * </FeatureProvider>\n * ```\n */\nexport function FeatureProvider({ children, features }: FeatureProviderProps) {\n  const [featureFlag, setFeatureFlag] =\n    useState<FeatureFlag>(initialFeatureFlag)\n\n  useIsomorphicLayoutEffect(\n    function activateFeatures() {\n      if (isEmpty(features)) {\n        return\n      }\n\n      const promises = features.map((feature) =>\n        feature.activate().then((activated) => ({ [feature.name]: activated }))\n      )\n\n      Promise.all(promises).then((flags) => {\n        setFeatureFlag((prev) => ({\n          ...prev,\n          ...flags.reduce((acc, cur) => ({ ...acc, ...cur }), {}),\n        }))\n      })\n    },\n    [features]\n  )\n\n  return (\n    <FeatureFlagContextProvider value={featureFlag}>\n      {children}\n    </FeatureFlagContextProvider>\n  )\n}\n\nexport function useFeatureFlag(featureType: FeatureType) {\n  const contextValue = useFeatureFlagContext()\n\n  return useMemo(() => contextValue[featureType], [contextValue, featureType])\n}\n"],"names":["initialFeatureFlag","FeatureType","SmoothCorners","FeatureFlagContextProvider","useFeatureFlagContext","createContext","FeatureProvider","children","features","featureFlag","setFeatureFlag","useState","useIsomorphicLayoutEffect","activateFeatures","isEmpty","promises","map","feature","activate","then","activated","name","Promise","all","flags","prev","reduce","acc","cur","_jsx","value","useFeatureFlag","featureType","contextValue","useMemo"],"mappings":";;;;;;;AAcA,MAAMA,kBAA+B,GAAG;EACtC,CAACC,WAAW,CAACC,aAAa,GAAG;AAC/B,CAAC;AAED,MAAM,CAACC,0BAA0B,EAAEC,qBAAqB,CAAC,GACvDC,aAAa,CAAcL,kBAAkB,CAAC;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,eAAeA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA;AAA+B,CAAC,EAAE;EAC5E,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GACjCC,QAAQ,CAAcX,kBAAkB,CAAC;AAE3CY,EAAAA,yBAAyB,CACvB,SAASC,gBAAgBA,GAAG;AAC1B,IAAA,IAAIC,OAAO,CAACN,QAAQ,CAAC,EAAE;AACrB,MAAA;AACF;AAEA,IAAA,MAAMO,QAAQ,GAAGP,QAAQ,CAACQ,GAAG,CAAEC,OAAO,IACpCA,OAAO,CAACC,QAAQ,EAAE,CAACC,IAAI,CAAEC,SAAS,KAAM;MAAE,CAACH,OAAO,CAACI,IAAI,GAAGD;KAAW,CAAC,CACxE,CAAC;IAEDE,OAAO,CAACC,GAAG,CAACR,QAAQ,CAAC,CAACI,IAAI,CAAEK,KAAK,IAAK;MACpCd,cAAc,CAAEe,IAAI,KAAM;AACxB,QAAA,GAAGA,IAAI;QACP,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,MAAM;AAAE,UAAA,GAAGD,GAAG;UAAE,GAAGC;SAAK,CAAC,EAAE,EAAE;AACxD,OAAC,CAAC,CAAC;AACL,KAAC,CAAC;AACJ,GAAC,EACD,CAACpB,QAAQ,CACX,CAAC;EAED,oBACEqB,GAAA,CAAC1B,0BAA0B,EAAA;AAAC2B,IAAAA,KAAK,EAAErB,WAAY;AAAAF,IAAAA,QAAA,EAC5CA;AAAQ,GACiB,CAAC;AAEjC;AAEO,SAASwB,cAAcA,CAACC,WAAwB,EAAE;AACvD,EAAA,MAAMC,YAAY,GAAG7B,qBAAqB,EAAE;AAE5C,EAAA,OAAO8B,OAAO,CAAC,MAAMD,YAAY,CAACD,WAAW,CAAC,EAAE,CAACC,YAAY,EAAED,WAAW,CAAC,CAAC;AAC9E;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureProvider.types.mjs","sources":["../../../../src/components/FeatureProvider/FeatureProvider.types.ts"],"sourcesContent":["import { type ChildrenProps } from '~/src/types/props'\n\nexport enum FeatureType {\n  SmoothCorners = 'smooth-corners',\n}\n\nexport interface Feature {\n  readonly name: FeatureType\n  activate: () => Promise<boolean>\n}\n\nexport type FeatureFlag = Record<FeatureType, boolean>\n\ninterface FeatureProviderOwnProps {\n  /**\n   * Features to activate.\n   */\n  features: Feature[]\n}\n\nexport interface FeatureProviderProps\n  extends ChildrenProps,\n    FeatureProviderOwnProps {}\n"],"names":["FeatureType"],"mappings":"AAEYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,eAAA,CAAA,GAAA,gBAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"FeatureProvider.types.mjs","sources":["../../../../src/components/FeatureProvider/FeatureProvider.types.ts"],"sourcesContent":["import { type ChildrenProps } from '~/src/types/props'\n\nexport enum FeatureType {\n  SmoothCorners = 'smooth-corners',\n}\n\nexport interface Feature {\n  readonly name: FeatureType\n  activate: () => Promise<boolean>\n}\n\nexport type FeatureFlag = Record<FeatureType, boolean>\n\ninterface FeatureProviderOwnProps {\n  /**\n   * Features to activate.\n   */\n  features: Feature[]\n}\n\nexport interface FeatureProviderProps\n  extends ChildrenProps,\n    FeatureProviderOwnProps {}\n"],"names":["FeatureType"],"mappings":"AAEYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,eAAA,CAAA,GAAA,gBAAA;AAAA,EAAA,OAAXA,WAAW;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/components/FeatureProvider/SmoothCornersFeature/SmoothCornersFeature.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothCornersFeature.mjs","sources":["../../../../../src/components/FeatureProvider/SmoothCornersFeature/SmoothCornersFeature.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { type Feature, FeatureType } from '../FeatureProvider.types'\n\nimport { smoothCornersScript } from './smoothCornersScript'\n\n/**\n * @see {@link https://fetch.spec.whatwg.org/#requestcredentials}\n */\ntype RequestCredentials = 'omit' | 'same-origin' | 'include'\n\ntype WorkletOptions = {\n  credentials: RequestCredentials\n}\n\n/**\n * @see {@link https://html.spec.whatwg.org/multipage/worklets.html#worklets-worklet}\n */\ninterface Worklet {\n  addModule: (moduleURL: string, options?: WorkletOptions) => Promise<void>\n}\n\ndeclare global {\n  namespace CSS {\n    export const paintWorklet: Worklet\n  }\n}\n\n/**\n * 🚨 This is an experimental feature! It may not be suitable for use in production.\n *\n * Instead of CSS border-radius, Use *Superellipse* masking using the CSS Houdini API.\n * When enabled, the feature will be applied to components with the `smoothCorners` property set to `true`.\n */\nclass SmoothCornersFeature implements Feature {\n  readonly name = FeatureType.SmoothCorners\n\n  private globalObject: typeof globalThis | null = null\n\n  private activated: WeakMap<typeof globalThis, boolean> = new WeakMap([\n    [globalThis, false],\n  ])\n\n  private updateCurrentGlobalObject(globalObject: typeof globalThis) {\n    this.globalObject = globalObject\n  }\n\n  private isGlobalObjectIdentical(globalObject: typeof globalThis) {\n    return Object.is(this.globalObject, globalObject)\n  }\n\n  private supportCSSPaintWorklet(globalObject: typeof globalThis) {\n    return (\n      typeof globalObject.CSS !== 'undefined' &&\n      'paintWorklet' in globalObject.CSS\n    )\n  }\n\n  async activate(globalObject: typeof globalThis = globalThis) {\n    if (\n      !this.isGlobalObjectIdentical(globalObject) &&\n      this.supportCSSPaintWorklet(globalObject)\n    ) {\n      const workletURL = URL.createObjectURL(\n        new Blob([smoothCornersScript], { type: 'application/javascript' })\n      )\n\n      try {\n        await globalObject.CSS.paintWorklet.addModule(workletURL)\n        this.activated.set(globalObject, true)\n      } catch {\n        this.activated.set(globalObject, false)\n      }\n    }\n\n    this.updateCurrentGlobalObject(globalObject)\n\n    return this.activated.get(globalObject) as boolean\n  }\n}\n\nexport default new SmoothCornersFeature()\n"],"names":["SmoothCornersFeature","name","FeatureType","SmoothCorners","globalObject","activated","WeakMap","globalThis","updateCurrentGlobalObject","isGlobalObjectIdentical","Object","is","supportCSSPaintWorklet","CSS","activate","workletURL","URL","createObjectURL","Blob","smoothCornersScript","type","paintWorklet","addModule","set","get"],"mappings":";;;AAAA;;AAKA;AACA;AACA;;AAOA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,CAAoB;EACnCC,IAAI,GAAA,CAAA,MAAGC,WAAW,CAACC,aAAa,GAAA,CAAA;AAEjCC,EAAAA,YAAY,GAA6B,IAAI,CAAA;EAE7CC,SAAS,GAAA,CAAA,MAAwC,IAAIC,OAAO,CAAC,CACnE,CAACC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC,GAAA,CAAA;EAEMC,yBAAyBA,CAACJ,YAA+B,EAAE;IACjE,IAAI,CAACA,YAAY,GAAGA,YAAY,CAAA;AAClC,GAAA;EAEQK,uBAAuBA,CAACL,YAA+B,EAAE;IAC/D,OAAOM,MAAM,CAACC,EAAE,CAAC,IAAI,CAACP,YAAY,EAAEA,YAAY,CAAC,CAAA;AACnD,GAAA;EAEQQ,sBAAsBA,CAACR,YAA+B,EAAE;IAC9D,OACE,OAAOA,YAAY,CAACS,GAAG,KAAK,WAAW,IACvC,cAAc,IAAIT,YAAY,CAACS,GAAG,CAAA;AAEtC,GAAA;AAEA,EAAA,MAAMC,QAAQA,CAACV,YAA+B,GAAGG,UAAU,EAAE;AAC3D,IAAA,IACE,CAAC,IAAI,CAACE,uBAAuB,CAACL,YAAY,CAAC,IAC3C,IAAI,CAACQ,sBAAsB,CAACR,YAAY,CAAC,EACzC;AACA,MAAA,MAAMW,UAAU,GAAGC,GAAG,CAACC,eAAe,CACpC,IAAIC,IAAI,CAAC,CAACC,mBAAmB,CAAC,EAAE;AAAEC,QAAAA,IAAI,EAAE,wBAAA;AAAyB,OAAC,CACpE,CAAC,CAAA;MAED,IAAI;QACF,MAAMhB,YAAY,CAACS,GAAG,CAACQ,YAAY,CAACC,SAAS,CAACP,UAAU,CAAC,CAAA;QACzD,IAAI,CAACV,SAAS,CAACkB,GAAG,CAACnB,YAAY,EAAE,IAAI,CAAC,CAAA;AACxC,OAAC,CAAC,MAAM;QACN,IAAI,CAACC,SAAS,CAACkB,GAAG,CAACnB,YAAY,EAAE,KAAK,CAAC,CAAA;AACzC,OAAA;AACF,KAAA;AAEA,IAAA,IAAI,CAACI,yBAAyB,CAACJ,YAAY,CAAC,CAAA;AAE5C,IAAA,OAAO,IAAI,CAACC,SAAS,CAACmB,GAAG,CAACpB,YAAY,CAAC,CAAA;AACzC,GAAA;AACF,CAAA;AAEA,6BAAe,IAAIJ,oBAAoB,EAAE;;;;"}
+{"version":3,"file":"SmoothCornersFeature.mjs","sources":["../../../../../src/components/FeatureProvider/SmoothCornersFeature/SmoothCornersFeature.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { type Feature, FeatureType } from '../FeatureProvider.types'\n\nimport { smoothCornersScript } from './smoothCornersScript'\n\n/**\n * @see {@link https://fetch.spec.whatwg.org/#requestcredentials}\n */\ntype RequestCredentials = 'omit' | 'same-origin' | 'include'\n\ntype WorkletOptions = {\n  credentials: RequestCredentials\n}\n\n/**\n * @see {@link https://html.spec.whatwg.org/multipage/worklets.html#worklets-worklet}\n */\ninterface Worklet {\n  addModule: (moduleURL: string, options?: WorkletOptions) => Promise<void>\n}\n\ndeclare global {\n  namespace CSS {\n    export const paintWorklet: Worklet\n  }\n}\n\n/**\n * 🚨 This is an experimental feature! It may not be suitable for use in production.\n *\n * Instead of CSS border-radius, Use *Superellipse* masking using the CSS Houdini API.\n * When enabled, the feature will be applied to components with the `smoothCorners` property set to `true`.\n */\nclass SmoothCornersFeature implements Feature {\n  readonly name = FeatureType.SmoothCorners\n\n  private globalObject: typeof globalThis | null = null\n\n  private activated: WeakMap<typeof globalThis, boolean> = new WeakMap([\n    [globalThis, false],\n  ])\n\n  private updateCurrentGlobalObject(globalObject: typeof globalThis) {\n    this.globalObject = globalObject\n  }\n\n  private isGlobalObjectIdentical(globalObject: typeof globalThis) {\n    return Object.is(this.globalObject, globalObject)\n  }\n\n  private supportCSSPaintWorklet(globalObject: typeof globalThis) {\n    return (\n      typeof globalObject.CSS !== 'undefined' &&\n      'paintWorklet' in globalObject.CSS\n    )\n  }\n\n  async activate(globalObject: typeof globalThis = globalThis) {\n    if (\n      !this.isGlobalObjectIdentical(globalObject) &&\n      this.supportCSSPaintWorklet(globalObject)\n    ) {\n      const workletURL = URL.createObjectURL(\n        new Blob([smoothCornersScript], { type: 'application/javascript' })\n      )\n\n      try {\n        await globalObject.CSS.paintWorklet.addModule(workletURL)\n        this.activated.set(globalObject, true)\n      } catch {\n        this.activated.set(globalObject, false)\n      }\n    }\n\n    this.updateCurrentGlobalObject(globalObject)\n\n    return this.activated.get(globalObject) as boolean\n  }\n}\n\nexport default new SmoothCornersFeature()\n"],"names":["SmoothCornersFeature","name","FeatureType","SmoothCorners","globalObject","activated","WeakMap","globalThis","updateCurrentGlobalObject","isGlobalObjectIdentical","Object","is","supportCSSPaintWorklet","CSS","activate","workletURL","URL","createObjectURL","Blob","smoothCornersScript","type","paintWorklet","addModule","set","get"],"mappings":";;;AAAA;;AAKA;AACA;AACA;;AAOA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,CAAoB;EACnCC,IAAI,GAAA,CAAA,MAAGC,WAAW,CAACC,aAAa,GAAA;AAEjCC,EAAAA,YAAY,GAA6B,IAAI;EAE7CC,SAAS,GAAA,CAAA,MAAwC,IAAIC,OAAO,CAAC,CACnE,CAACC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC,GAAA;EAEMC,yBAAyBA,CAACJ,YAA+B,EAAE;IACjE,IAAI,CAACA,YAAY,GAAGA,YAAY;AAClC;EAEQK,uBAAuBA,CAACL,YAA+B,EAAE;IAC/D,OAAOM,MAAM,CAACC,EAAE,CAAC,IAAI,CAACP,YAAY,EAAEA,YAAY,CAAC;AACnD;EAEQQ,sBAAsBA,CAACR,YAA+B,EAAE;IAC9D,OACE,OAAOA,YAAY,CAACS,GAAG,KAAK,WAAW,IACvC,cAAc,IAAIT,YAAY,CAACS,GAAG;AAEtC;AAEA,EAAA,MAAMC,QAAQA,CAACV,YAA+B,GAAGG,UAAU,EAAE;AAC3D,IAAA,IACE,CAAC,IAAI,CAACE,uBAAuB,CAACL,YAAY,CAAC,IAC3C,IAAI,CAACQ,sBAAsB,CAACR,YAAY,CAAC,EACzC;AACA,MAAA,MAAMW,UAAU,GAAGC,GAAG,CAACC,eAAe,CACpC,IAAIC,IAAI,CAAC,CAACC,mBAAmB,CAAC,EAAE;AAAEC,QAAAA,IAAI,EAAE;AAAyB,OAAC,CACpE,CAAC;MAED,IAAI;QACF,MAAMhB,YAAY,CAACS,GAAG,CAACQ,YAAY,CAACC,SAAS,CAACP,UAAU,CAAC;QACzD,IAAI,CAACV,SAAS,CAACkB,GAAG,CAACnB,YAAY,EAAE,IAAI,CAAC;AACxC,OAAC,CAAC,MAAM;QACN,IAAI,CAACC,SAAS,CAACkB,GAAG,CAACnB,YAAY,EAAE,KAAK,CAAC;AACzC;AACF;AAEA,IAAA,IAAI,CAACI,yBAAyB,CAACJ,YAAY,CAAC;AAE5C,IAAA,OAAO,IAAI,CAACC,SAAS,CAACmB,GAAG,CAACpB,YAAY,CAAC;AACzC;AACF;AAEA,6BAAe,IAAIJ,oBAAoB,EAAE;;;;"}

package/dist/esm/components/FeatureProvider/SmoothCornersFeature/smoothCornersScript.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"smoothCornersScript.mjs","sources":["../../../../../src/components/FeatureProvider/SmoothCornersFeature/smoothCornersScript.ts"],"sourcesContent":["export const smoothCornersScript = `\nclass SmoothCorners {\n  static get inputProperties() {\n    return [\n      'border-image-source',\n      '--smooth-corners',\n      '--smooth-corners-shadow',\n      '--smooth-corners-bg-color',\n      '--smooth-corners-padding',\n      '--smooth-corners-radius-unit',\n    ]\n  }\n\n  constructor() {\n    this.superellipseCache = new Map()\n  }\n\n  trimPX(pixel) {\n    return parseInt(pixel.replace('px', ''), 10)\n  }\n\n  splitValueAndUnit(value) {\n    const regex = /([\\\\d.\\\\-+]+)\\\\s*(\\\\D*)/\n    const matches = value.match(regex)\n    return matches ? [matches[1], matches[2]] : [value, '']\n  }\n\n  superellipse(...args) {\n    const sanitizedArgs = this.sanitizeSuperellipseArgs(...args)\n\n    const cacheKey = this.getSuperellipseCacheKey(sanitizedArgs)\n\n    if (this.superellipseCache.has(cacheKey)) {\n      return [...this.superellipseCache.get(cacheKey)]\n    }\n\n    const result = this.computeSuperellipse(...sanitizedArgs)\n\n    this.superellipseCache.set(cacheKey, result)\n\n    return [...result]\n  }\n\n  sanitizeSuperellipseArgs(a, b, nX, nY) {\n    if (nX > 100) { nX = 100 }\n    if (nY > 100) { nY = 100 }\n    if (nX < 0.00000000001) { nX = 0.00000000001 }\n    if (nY < 0.00000000001) { nY = 0.00000000001 }\n\n    return [a, b, nX, nY]\n  }\n\n  computeSuperellipse(a, b, nX, nY) {\n    const nX2 = 2 / nX\n    const nY2 = 2 / nY\n    const steps = 360\n    const step = (2 * Math.PI) / steps\n    const points = t => {\n      const cosT = Math.cos(t)\n      const sinT = Math.sin(t)\n      return {\n        x: Math.abs(cosT) ** nX2 * a * Math.sign(cosT),\n        y: Math.abs(sinT) ** nY2 * b * Math.sign(sinT),\n      }\n    }\n\n    return Array.from({ length: steps + 1 }, (_, i) => points(i * step))\n  }\n\n  getSuperellipseCacheKey(args) {\n    return args.join(':')\n  }\n\n  paint(ctx, geom, properties) {\n    const backgroundImage = properties\n      .get('border-image-source')\n\n    const backgroundColor = properties\n      .get('--smooth-corners-bg-color')\n      .toString()\n\n    const padding = properties\n      .get('--smooth-corners-padding')\n      .toString()\n\n    const [offsetX, offsetY, blur, spread, color] = properties\n      .get('--smooth-corners-shadow')\n      .toString()\n      .split(/,s*/)\n\n    const halfWidth = geom.width / 2\n    const halfHeight = geom.height / 2\n\n    const baseN = properties\n      .get('--smooth-corners')\n      .toString()\n\n    const targetWidth = geom.width - (2 * this.trimPX(padding))\n    const targetHeight = geom.height - (2 * this.trimPX(padding))\n\n    const [rValue, rUnit] = this.splitValueAndUnit(baseN)\n    const targetR = rUnit === '%'\n      ? (Number(rValue) / 100) * Math.min(targetWidth, targetHeight)\n      : Number(rValue)\n\n    const targetNX = targetWidth / targetR\n    const targetNY = targetHeight / targetR\n\n    const smooth = this.superellipse(\n      halfWidth - this.trimPX(padding),\n      halfHeight - this.trimPX(padding),\n      parseFloat(targetNX, 10),\n      parseFloat(targetNY, 10),\n    )\n\n    ctx.setTransform(1, 0, 0, 1, halfWidth, halfHeight)\n    ctx.beginPath()\n\n    ctx.shadowColor = null\n    ctx.shadowOffsetX = 0\n    ctx.shadowOffsetY = 0\n    ctx.shadowBlur = 0\n\n    const trimedX = this.trimPX(offsetX) * 2\n    const trimedY = this.trimPX(offsetY) * 2\n    const trimedBlur = this.trimPX(blur)\n    const trimedSpread = this.trimPX(spread)\n\n    if (trimedBlur === 0) {\n      ctx.strokeStyle = color\n      ctx.lineWidth = trimedSpread * 2\n    } else {\n      ctx.shadowColor = color\n      ctx.shadowOffsetX = trimedX\n      ctx.shadowOffsetY = trimedY\n      ctx.shadowBlur = trimedBlur * 2\n    }\n\n    smooth.forEach(({ x, y }, index) => {\n      if (index === 0) {\n        ctx.moveTo(x, y)\n      } else {\n        ctx.lineTo(x, y)\n      }\n    })\n\n    if (trimedBlur === 0) {\n      ctx.stroke()\n    }\n\n    if (backgroundColor) {\n      ctx.fillStyle = backgroundColor\n      ctx.fill()\n    }\n\n    if (backgroundImage instanceof CSSImageValue) {\n      smooth.forEach(({ x, y }, index) => {\n        if (index === 0) {\n          ctx.moveTo(x, y)\n        } else {\n          ctx.lineTo(x, y)\n        }\n      })\n\n      ctx.closePath()\n      ctx.clip()\n\n      ctx.drawImage(backgroundImage, -(targetWidth / 2), -(targetHeight / 2), targetWidth, targetHeight)\n    }\n\n    ctx.closePath()\n  }\n}\n\ntry {\n  registerPaint('smooth-corners', SmoothCorners)\n} catch (e) {\n  // If the paint already exists, don't make it error.\n}\n`\n"],"names":["smoothCornersScript"],"mappings":"AAAO,MAAMA,mBAAmB,GAAG,CAAA;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"smoothCornersScript.mjs","sources":["../../../../../src/components/FeatureProvider/SmoothCornersFeature/smoothCornersScript.ts"],"sourcesContent":["export const smoothCornersScript = `\nclass SmoothCorners {\n  static get inputProperties() {\n    return [\n      'border-image-source',\n      '--smooth-corners',\n      '--smooth-corners-shadow',\n      '--smooth-corners-bg-color',\n      '--smooth-corners-padding',\n      '--smooth-corners-radius-unit',\n    ]\n  }\n\n  constructor() {\n    this.superellipseCache = new Map()\n  }\n\n  trimPX(pixel) {\n    return parseInt(pixel.replace('px', ''), 10)\n  }\n\n  splitValueAndUnit(value) {\n    const regex = /([\\\\d.\\\\-+]+)\\\\s*(\\\\D*)/\n    const matches = value.match(regex)\n    return matches ? [matches[1], matches[2]] : [value, '']\n  }\n\n  superellipse(...args) {\n    const sanitizedArgs = this.sanitizeSuperellipseArgs(...args)\n\n    const cacheKey = this.getSuperellipseCacheKey(sanitizedArgs)\n\n    if (this.superellipseCache.has(cacheKey)) {\n      return [...this.superellipseCache.get(cacheKey)]\n    }\n\n    const result = this.computeSuperellipse(...sanitizedArgs)\n\n    this.superellipseCache.set(cacheKey, result)\n\n    return [...result]\n  }\n\n  sanitizeSuperellipseArgs(a, b, nX, nY) {\n    if (nX > 100) { nX = 100 }\n    if (nY > 100) { nY = 100 }\n    if (nX < 0.00000000001) { nX = 0.00000000001 }\n    if (nY < 0.00000000001) { nY = 0.00000000001 }\n\n    return [a, b, nX, nY]\n  }\n\n  computeSuperellipse(a, b, nX, nY) {\n    const nX2 = 2 / nX\n    const nY2 = 2 / nY\n    const steps = 360\n    const step = (2 * Math.PI) / steps\n    const points = t => {\n      const cosT = Math.cos(t)\n      const sinT = Math.sin(t)\n      return {\n        x: Math.abs(cosT) ** nX2 * a * Math.sign(cosT),\n        y: Math.abs(sinT) ** nY2 * b * Math.sign(sinT),\n      }\n    }\n\n    return Array.from({ length: steps + 1 }, (_, i) => points(i * step))\n  }\n\n  getSuperellipseCacheKey(args) {\n    return args.join(':')\n  }\n\n  paint(ctx, geom, properties) {\n    const backgroundImage = properties\n      .get('border-image-source')\n\n    const backgroundColor = properties\n      .get('--smooth-corners-bg-color')\n      .toString()\n\n    const padding = properties\n      .get('--smooth-corners-padding')\n      .toString()\n\n    const [offsetX, offsetY, blur, spread, color] = properties\n      .get('--smooth-corners-shadow')\n      .toString()\n      .split(/,s*/)\n\n    const halfWidth = geom.width / 2\n    const halfHeight = geom.height / 2\n\n    const baseN = properties\n      .get('--smooth-corners')\n      .toString()\n\n    const targetWidth = geom.width - (2 * this.trimPX(padding))\n    const targetHeight = geom.height - (2 * this.trimPX(padding))\n\n    const [rValue, rUnit] = this.splitValueAndUnit(baseN)\n    const targetR = rUnit === '%'\n      ? (Number(rValue) / 100) * Math.min(targetWidth, targetHeight)\n      : Number(rValue)\n\n    const targetNX = targetWidth / targetR\n    const targetNY = targetHeight / targetR\n\n    const smooth = this.superellipse(\n      halfWidth - this.trimPX(padding),\n      halfHeight - this.trimPX(padding),\n      parseFloat(targetNX, 10),\n      parseFloat(targetNY, 10),\n    )\n\n    ctx.setTransform(1, 0, 0, 1, halfWidth, halfHeight)\n    ctx.beginPath()\n\n    ctx.shadowColor = null\n    ctx.shadowOffsetX = 0\n    ctx.shadowOffsetY = 0\n    ctx.shadowBlur = 0\n\n    const trimedX = this.trimPX(offsetX) * 2\n    const trimedY = this.trimPX(offsetY) * 2\n    const trimedBlur = this.trimPX(blur)\n    const trimedSpread = this.trimPX(spread)\n\n    if (trimedBlur === 0) {\n      ctx.strokeStyle = color\n      ctx.lineWidth = trimedSpread * 2\n    } else {\n      ctx.shadowColor = color\n      ctx.shadowOffsetX = trimedX\n      ctx.shadowOffsetY = trimedY\n      ctx.shadowBlur = trimedBlur * 2\n    }\n\n    smooth.forEach(({ x, y }, index) => {\n      if (index === 0) {\n        ctx.moveTo(x, y)\n      } else {\n        ctx.lineTo(x, y)\n      }\n    })\n\n    if (trimedBlur === 0) {\n      ctx.stroke()\n    }\n\n    if (backgroundColor) {\n      ctx.fillStyle = backgroundColor\n      ctx.fill()\n    }\n\n    if (backgroundImage instanceof CSSImageValue) {\n      smooth.forEach(({ x, y }, index) => {\n        if (index === 0) {\n          ctx.moveTo(x, y)\n        } else {\n          ctx.lineTo(x, y)\n        }\n      })\n\n      ctx.closePath()\n      ctx.clip()\n\n      ctx.drawImage(backgroundImage, -(targetWidth / 2), -(targetHeight / 2), targetWidth, targetHeight)\n    }\n\n    ctx.closePath()\n  }\n}\n\ntry {\n  registerPaint('smooth-corners', SmoothCorners)\n} catch (e) {\n  // If the paint already exists, don't make it error.\n}\n`\n"],"names":["smoothCornersScript"],"mappings":"AAAO,MAAMA,mBAAmB,GAAG;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

@@ -1,11 +1,12 @@
-import React__default, { forwardRef, useState, useMemo, useCallback } from 'react';
-import classNames from '../../node_modules/classnames/index.mjs';
+import { forwardRef, useState, useMemo, useCallback } from 'react';
+import classNames from '../../_virtual/index.mjs';
 import useId from '../../hooks/useId.mjs';
 import { getFormFieldSizeClassName } from '../../types/props-helpers.mjs';
 import { ariaAttr } from '../../utils/aria.mjs';
 import { createContext } from '../../utils/react.mjs';
 import { isNil } from '../../utils/type.mjs';
 import styles from './FormControl.module.scss.mjs';
+import { jsx } from 'react/jsx-runtime';
 import { Stack } from '../Stack/Stack.mjs';
 
 const [FormControlContextProvider, useFormControlContext] = createContext(undefined);
@@ -18,17 +19,21 @@ const Container = /*#__PURE__*/forwardRef(function Container({
 }, forwardedRef) {
   switch (labelPosition) {
     case 'top':
-      return /*#__PURE__*/React__default.createElement(Stack, Object.assign({
+      return /*#__PURE__*/jsx(Stack, {
         className: className,
         ref: forwardedRef,
-        direction: "vertical"
-      }, rest), children);
+        direction: "vertical",
+        ...rest,
+        children: children
+      });
     case 'left':
     default:
-      return /*#__PURE__*/React__default.createElement("div", Object.assign({
+      return /*#__PURE__*/jsx("div", {
         ref: forwardedRef,
-        className: classNames(styles.Grid, className)
-      }, rest), children);
+        className: classNames(styles.Grid, className),
+        ...rest,
+        children: children
+      });
   }
 });
 const FormControl = /*#__PURE__*/forwardRef(function FormControl({
@@ -116,13 +121,16 @@ const FormControl = /*#__PURE__*/forwardRef(function FormControl({
   if (!children) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement(FormControlContextProvider, {
-    value: contextValue
-  }, /*#__PURE__*/React__default.createElement(Container, Object.assign({}, rest, {
-    ref: forwardedRef,
-    labelPosition: labelPosition,
-    "data-testid": FORM_CONTROL_TEST_ID
-  }), children));
+  return /*#__PURE__*/jsx(FormControlContextProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/jsx(Container, {
+      ...rest,
+      ref: forwardedRef,
+      labelPosition: labelPosition,
+      "data-testid": FORM_CONTROL_TEST_ID,
+      children: children
+    })
+  });
 });
 function useFormFieldProps(props) {
   const contextValue = useFormControlContext();