@channel.io/bezier-react 2.6.1 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.js","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,KAAA,CAAAC,aAAA,CAACC,WAAK,EAAKH,IAAI,EAAGD,QAAgB,CAAC,CAAA;AAC5C,CAAA;;AAEA;AACA;AACA;AACA;AACA;MACaK,mBAAmB,gBAAGC,gBAAU,CAAC,SAASD,mBAAmBA,CACxE;EAAEL,QAAQ;EAAE,GAAGC,IAAAA;AAA+B,CAAC,EAC/CM,YAAuC,EACvC;EACA,oBACEL,KAAA,CAAAC,aAAA,CAACK,kBAAY,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,gBAAU,CAAC,SAASQ,kBAAkBA,CACtEC,KAA8B,EAC9BR,YAAoC,EACpC;EACA,oBACEL,KAAA,CAAAC,aAAA,CAACa,iBAAW,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,gBAAU,CAAC,SAASa,gBAAgBA,CAClE;EAAEnB,QAAQ;EAAE,GAAGC,IAAAA;AAA4B,CAAC,EAC5CM,YAAuC,EACvC;EACA,oBACEL,KAAA,CAAAC,aAAA,CAACiB,eAAS,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,gBAAU,CAAC,SAASe,kBAAkBA,CACtEN,KAA8B,EAC9BR,YAAuC,EACvC;EACA,oBACEL,KAAA,CAAAC,aAAA,CAACmB,iBAAW,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,KAAA,CAAAC,aAAA,CAACqB,kBAAY,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,KAAA,CAAAC,aAAA,CAACuB,gBAAU,EAAA,IAAA,EAAE1B,QAAqB,CAAC,CAAA;AAC5C;;;;;;;;;;"}
+{"version":3,"file":"ConfirmModal.js","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,cAAA,CAACC,WAAK,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAAD,IAAAA,QAAA,EAAGA;AAAQ,GAAQ,CAAC;AAC5C;;AAEA;AACA;AACA;AACA;AACA;MACaI,mBAAmB,gBAAGC,gBAAU,CAAC,SAASD,mBAAmBA,CACxE;EAAEJ,QAAQ;EAAE,GAAGC;AAA+B,CAAC,EAC/CK,YAAuC,EACvC;EACA,oBACEJ,cAAA,CAACK,kBAAY,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,gBAAU,CAAC,SAASM,kBAAkBA,CACtEC,KAA8B,EAC9BN,YAAoC,EACpC;EACA,oBACEJ,cAAA,CAACW,iBAAW,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,gBAAU,CAAC,SAASW,gBAAgBA,CAClE;EAAEhB,QAAQ;EAAE,GAAGC;AAA4B,CAAC,EAC5CK,YAAuC,EACvC;EACA,oBACEJ,cAAA,CAACe,eAAS,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,gBAAU,CAAC,SAASa,kBAAkBA,CACtEN,KAA8B,EAC9BN,YAAuC,EACvC;EACA,oBACEJ,cAAA,CAACiB,iBAAW,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,cAAA,CAACmB,kBAAY,EAAA;AAAArB,IAAAA,QAAA,EAAEA;AAAQ,GAAe,CAAC;AAChD;;AAEA;AACA;AACA;AACA;AACO,SAASsB,iBAAiBA,CAAC;AAAEtB,EAAAA;AAAiC,CAAC,EAAE;EACtE,oBAAOE,cAAA,CAACqB,gBAAU,EAAA;AAAAvB,IAAAA,QAAA,EAAEA;AAAQ,GAAa,CAAC;AAC5C;;;;;;;;;;"}

package/dist/cjs/components/Divider/Divider.js

@@ -2,8 +2,9 @@
 
 var React = require('react');
 var index = require('../../node_modules/@radix-ui/react-separator/dist/index.js');
-var index$1 = require('../../node_modules/classnames/index.js');
+var index$1 = require('../../_virtual/index.js');
 var Divider_module = require('./Divider.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 const DIVIDER_TEST_ID = 'bezier-divider';
 
@@ -26,16 +27,18 @@ const Divider = /*#__PURE__*/React.forwardRef(({
   style,
   className,
   ...rest
-}, forwardedRef) => /*#__PURE__*/React.createElement(index.Root, {
+}, forwardedRef) => /*#__PURE__*/jsxRuntime.jsx(index.Root, {
   asChild: true,
   orientation: orientation,
-  decorative: decorative
-}, /*#__PURE__*/React.createElement("div", Object.assign({
-  ref: forwardedRef,
-  style: style,
-  className: index$1.default(Divider_module.default.Divider, Divider_module.default.variables, Divider_module.default[orientation], withoutIndent && Divider_module.default['without-indent'], withoutParallelIndent && Divider_module.default['without-parallel-indent'], withoutSideIndent && Divider_module.default['without-side-indent'], className),
-  "data-testid": DIVIDER_TEST_ID
-}, rest))));
+  decorative: decorative,
+  children: /*#__PURE__*/jsxRuntime.jsx("div", {
+    ref: forwardedRef,
+    style: style,
+    className: index$1.default(Divider_module.default.Divider, Divider_module.default.variables, Divider_module.default[orientation], withoutIndent && Divider_module.default['without-indent'], withoutParallelIndent && Divider_module.default['without-parallel-indent'], withoutSideIndent && Divider_module.default['without-side-indent'], className),
+    "data-testid": DIVIDER_TEST_ID,
+    ...rest
+  })
+}));
 
 exports.DIVIDER_TEST_ID = DIVIDER_TEST_ID;
 exports.Divider = Divider;

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","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,gBAAU,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,KAAA,CAAAC,aAAA,CAACC,UAAuB,EAAA;EACtBC,OAAO,EAAA,IAAA;AACPZ,EAAAA,WAAW,EAAEA,WAAY;AACzBC,EAAAA,UAAU,EAAEA,UAAAA;AAAW,CAAA,eAEvBQ,KAAA,CAAAC,aAAA,CAAAG,KAAAA,EAAAA,MAAA,CAAAC,MAAA,CAAA;AACEC,EAAAA,GAAG,EAAEP,YAAa;AAClBH,EAAAA,KAAK,EAAEA,KAAM;AACbC,EAAAA,SAAS,EAAEU,eAAU,CACnBC,sBAAM,CAACnB,OAAO,EACdmB,sBAAM,CAACC,SAAS,EAChBD,sBAAM,CAACjB,WAAW,CAAC,EACnBI,aAAa,IAAIa,sBAAM,CAAC,gBAAgB,CAAC,EACzCd,qBAAqB,IAAIc,sBAAM,CAAC,yBAAyB,CAAC,EAC1Df,iBAAiB,IAAIe,sBAAM,CAAC,qBAAqB,CAAC,EAClDX,SACF,CAAE;EACF,aAAaT,EAAAA,eAAAA;AAAgB,CAAA,EACzBU,IAAI,CACT,CACsB,CAE7B;;;;;"}
+{"version":3,"file":"Divider.js","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,gBAAU,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,cAAA,CAACC,UAAuB,EAAA;EACtBC,OAAO,EAAA,IAAA;AACPX,EAAAA,WAAW,EAAEA,WAAY;AACzBC,EAAAA,UAAU,EAAEA,UAAW;AAAAW,EAAAA,QAAA,eAEvBH,cAAA,CAAA,KAAA,EAAA;AACEI,IAAAA,GAAG,EAAEL,YAAa;AAClBH,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEQ,eAAU,CACnBC,sBAAM,CAACjB,OAAO,EACdiB,sBAAM,CAACC,SAAS,EAChBD,sBAAM,CAACf,WAAW,CAAC,EACnBI,aAAa,IAAIW,sBAAM,CAAC,gBAAgB,CAAC,EACzCZ,qBAAqB,IAAIY,sBAAM,CAAC,yBAAyB,CAAC,EAC1Db,iBAAiB,IAAIa,sBAAM,CAAC,qBAAqB,CAAC,EAClDT,SACF,CAAE;AACF,IAAA,aAAA,EAAaT,eAAgB;IAAA,GACzBU;GACL;AAAC,CACqB,CAE7B;;;;;"}

package/dist/cjs/components/Emoji/Emoji.js

@@ -1,10 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var assert = require('../../utils/assert.js');
 var style = require('../../utils/style.js');
 var Emoji_module = require('./Emoji.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 const EMOJI_TEST_ID = 'bezier-emoji';
 const getEmojiUrl = (name, size) => {
@@ -30,7 +31,7 @@ const Emoji = /*#__PURE__*/React.forwardRef(function Emoji({
   ...rest
 }, forwardedRef) {
   const assetSize = Number(size) >= 60 ? '160' : '80';
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
     ref: forwardedRef,
     role: "img",
     "aria-description": name,
@@ -39,8 +40,9 @@ const Emoji = /*#__PURE__*/React.forwardRef(function Emoji({
       ...style$1
     },
     className: index.default(Emoji_module.default.Emoji, Emoji_module.default[`size-${size}`], className),
-    "data-testid": EMOJI_TEST_ID
-  }, rest));
+    "data-testid": EMOJI_TEST_ID,
+    ...rest
+  });
 });
 
 exports.EMOJI_TEST_ID = EMOJI_TEST_ID;

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

@@ -1 +1 @@
-{"version":3,"file":"Emoji.js","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,YAAK,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,gBAAU,CAA6B,SAASD,KAAKA,CACxE;SAAEE,OAAK;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,KAAA,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,YAAM,CAClCZ,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAIR,WAAW,CAACC,IAAI,EAAEW,SAAS,CACzC,CAAC;MACD,GAAGL,OAAAA;KAEN;AACDE,IAAAA,SAAS,EAAEY,aAAU,CAACC,oBAAM,CAACjB,KAAK,EAAEiB,oBAAM,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.js","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,YAAK,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,gBAAU,CAA6B,SAASD,KAAKA,CACxE;SAAEE,OAAK;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,cAAA,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,YAAM,CAClCT,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAIR,WAAW,CAACC,IAAI,EAAEW,SAAS,CACzC,CAAC;MACD,GAAGL;KAEN;AACDE,IAAAA,SAAS,EAAES,aAAU,CAACC,oBAAM,CAACd,KAAK,EAAEc,oBAAM,CAAC,QAAQjB,IAAI,CAAA,CAAE,CAAC,EAAEO,SAAS,CAAE;AACvE,IAAA,aAAA,EAAaV,aAAc;IAAA,GACvBW;AAAI,GACT,CAAC;AAEN,CAAC;;;;;"}

package/dist/cjs/components/FeatureProvider/FeatureProvider.js

@@ -5,6 +5,7 @@ var useIsomorphicLayoutEffect = require('../../hooks/useIsomorphicLayoutEffect.j
 var react = require('../../utils/react.js');
 var type = require('../../utils/type.js');
 var FeatureProvider_types = require('./FeatureProvider.types.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 const initialFeatureFlag = {
   [FeatureProvider_types.FeatureType.SmoothCorners]: false
@@ -43,9 +44,10 @@ function FeatureProvider({
       }));
     });
   }, [features]);
-  return /*#__PURE__*/React.createElement(FeatureFlagContextProvider, {
-    value: featureFlag
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(FeatureFlagContextProvider, {
+    value: featureFlag,
+    children: children
+  });
 }
 function useFeatureFlag(featureType) {
   const contextValue = useFeatureFlagContext();

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureProvider.js","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,iCAAW,CAACC,aAAa,GAAG,KAAA;AAC/B,CAAC,CAAA;AAED,MAAM,CAACC,0BAA0B,EAAEC,qBAAqB,CAAC,GACvDC,mBAAa,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,cAAQ,CAAcX,kBAAkB,CAAC,CAAA;AAE3CY,EAAAA,mDAAyB,CACvB,SAASC,gBAAgBA,GAAG;AAC1B,IAAA,IAAIC,YAAO,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,KAAA,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,aAAO,CAAC,MAAMD,YAAY,CAACD,WAAW,CAAC,EAAE,CAACC,YAAY,EAAED,WAAW,CAAC,CAAC,CAAA;AAC9E;;;;;"}
+{"version":3,"file":"FeatureProvider.js","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,iCAAW,CAACC,aAAa,GAAG;AAC/B,CAAC;AAED,MAAM,CAACC,0BAA0B,EAAEC,qBAAqB,CAAC,GACvDC,mBAAa,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,cAAQ,CAAcX,kBAAkB,CAAC;AAE3CY,EAAAA,mDAAyB,CACvB,SAASC,gBAAgBA,GAAG;AAC1B,IAAA,IAAIC,YAAO,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,cAAA,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,aAAO,CAAC,MAAMD,YAAY,CAACD,WAAW,CAAC,EAAE,CAACC,YAAY,EAAED,WAAW,CAAC,CAAC;AAC9E;;;;;"}

package/dist/cjs/components/FeatureProvider/FeatureProvider.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureProvider.types.js","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.js","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/cjs/components/FeatureProvider/SmoothCornersFeature/SmoothCornersFeature.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothCornersFeature.js","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,iCAAW,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,uCAAmB,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.js","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,iCAAW,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,uCAAmB,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/cjs/components/FeatureProvider/SmoothCornersFeature/smoothCornersScript.js.map

@@ -1 +1 @@
-{"version":3,"file":"smoothCornersScript.js","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.js","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/cjs/components/FormControl/FormControl.js

@@ -1,13 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var useId = require('../../hooks/useId.js');
 var propsHelpers = require('../../types/props-helpers.js');
 var aria = require('../../utils/aria.js');
 var react = require('../../utils/react.js');
 var type = require('../../utils/type.js');
 var FormControl_module = require('./FormControl.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var Stack = require('../Stack/Stack.js');
 
 const [FormControlContextProvider, useFormControlContext] = react.createContext(undefined);
@@ -20,17 +21,21 @@ const Container = /*#__PURE__*/React.forwardRef(function Container({
 }, forwardedRef) {
   switch (labelPosition) {
     case 'top':
-      return /*#__PURE__*/React.createElement(Stack.Stack, Object.assign({
+      return /*#__PURE__*/jsxRuntime.jsx(Stack.Stack, {
         className: className,
         ref: forwardedRef,
-        direction: "vertical"
-      }, rest), children);
+        direction: "vertical",
+        ...rest,
+        children: children
+      });
     case 'left':
     default:
-      return /*#__PURE__*/React.createElement("div", Object.assign({
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
         ref: forwardedRef,
-        className: index.default(FormControl_module.default.Grid, className)
-      }, rest), children);
+        className: index.default(FormControl_module.default.Grid, className),
+        ...rest,
+        children: children
+      });
   }
 });
 const FormControl = /*#__PURE__*/React.forwardRef(function FormControl({
@@ -118,13 +123,16 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl({
   if (!children) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(FormControlContextProvider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement(Container, Object.assign({}, rest, {
-    ref: forwardedRef,
-    labelPosition: labelPosition,
-    "data-testid": FORM_CONTROL_TEST_ID
-  }), children));
+  return /*#__PURE__*/jsxRuntime.jsx(FormControlContextProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/jsxRuntime.jsx(Container, {
+      ...rest,
+      ref: forwardedRef,
+      labelPosition: labelPosition,
+      "data-testid": FORM_CONTROL_TEST_ID,
+      children: children
+    })
+  });
 });
 function useFormFieldProps(props) {
   const contextValue = useFormControlContext();

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

@@ -1 +1 @@
-{"version":3,"file":"FormControl.js","sources":["../../../../src/components/FormControl/FormControl.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef, useCallback, useMemo, useState } from 'react'\n\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport {\n  type FormFieldProps,\n  type FormFieldSize,\n  type SizeProps,\n} from '~/src/types/props'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\nimport { ariaAttr } from '~/src/utils/aria'\nimport { createContext } from '~/src/utils/react'\nimport { isNil } from '~/src/utils/type'\n\nimport { Stack } from '~/src/components/Stack'\n\nimport {\n  type ContainerProps,\n  type ErrorMessagePropsGetter,\n  type FieldPropsGetter,\n  type FormControlContextValue,\n  type FormControlProps,\n  type GroupPropsGetter,\n  type HelperTextPropsGetter,\n  type LabelPropsGetter,\n} from './FormControl.types'\n\nimport styles from './FormControl.module.scss'\n\nconst [FormControlContextProvider, useFormControlContext] = createContext<\n  FormControlContextValue | undefined\n>(undefined)\n\nexport { useFormControlContext }\n\nexport const FORM_CONTROL_TEST_ID = 'bezier-form-control'\n\nconst Container = forwardRef<HTMLElement, ContainerProps>(function Container(\n  { labelPosition, children, className, ...rest },\n  forwardedRef\n) {\n  switch (labelPosition) {\n    case 'top':\n      return (\n        <Stack\n          className={className}\n          ref={forwardedRef}\n          direction=\"vertical\"\n          {...rest}\n        >\n          {children}\n        </Stack>\n      )\n\n    case 'left':\n    default:\n      return (\n        <div\n          ref={forwardedRef as React.ForwardedRef<HTMLDivElement>}\n          className={classNames(styles.Grid, className)}\n          {...rest}\n        >\n          {children}\n        </div>\n      )\n  }\n})\n\nexport const FormControl = forwardRef<HTMLElement, FormControlProps>(\n  function FormControl(\n    {\n      children,\n      id: idProp,\n      labelPosition = 'top',\n      size = 'm',\n      hasError,\n      required,\n      readOnly,\n      disabled,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const [groupNode, setGroupNode] = useState<HTMLElement | null>(null)\n    const [helperTextNode, setHelperTextNode] = useState<HTMLElement | null>(\n      null\n    )\n    const [errorMessageNode, setErrorMessageNode] =\n      useState<HTMLElement | null>(null)\n\n    const id = useId(idProp, 'field')\n    const groupId = `${id}-group`\n    const labelId = `${id}-label`\n    const helperTextId = `${id}-help-text`\n    const errorMessageId = `${id}-error-message`\n\n    const fieldId = groupNode ? undefined : id\n\n    const describerId = useMemo(() => {\n      if (errorMessageNode) {\n        return errorMessageId\n      }\n      if (helperTextNode) {\n        return helperTextId\n      }\n      return undefined\n    }, [errorMessageNode, helperTextNode, errorMessageId, helperTextId])\n\n    const getGroupProps = useCallback<GroupPropsGetter>(\n      (ownProps) => ({\n        id: groupId,\n        'aria-labelledby': labelId,\n        'aria-describedby': describerId,\n        ref: setGroupNode,\n        ...ownProps,\n      }),\n      [groupId, labelId, describerId]\n    )\n\n    const getLabelProps = useCallback<LabelPropsGetter>(\n      (ownProps) => ({\n        id: labelId,\n        htmlFor: fieldId,\n        className: classNames(\n          styles.FormLabelWrapper,\n          styles[`position-${labelPosition}`],\n          getFormFieldSizeClassName(size)\n        ),\n        typo: labelPosition === 'top' ? '13' : '14',\n        ...ownProps,\n      }),\n      [fieldId, labelId, labelPosition, size]\n    )\n\n    const getFieldProps = useCallback<FieldPropsGetter>(\n      (ownProps) => ({\n        id: fieldId,\n        size,\n        'aria-describedby': groupNode ? undefined : describerId,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n        ...ownProps,\n      }),\n      [\n        fieldId,\n        describerId,\n        size,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n        groupNode,\n      ]\n    )\n\n    const getHelperTextProps = useCallback<HelperTextPropsGetter>(\n      (ownProps) => ({\n        id: helperTextId,\n        visible: isNil(hasError) || !hasError,\n        ref: setHelperTextNode,\n        className: classNames(\n          styles.FormHelperTextWrapper,\n          labelPosition === 'left' && styles['position-left']\n        ),\n        ...ownProps,\n      }),\n      [helperTextId, labelPosition, hasError]\n    )\n\n    const getErrorMessageProps = useCallback<ErrorMessagePropsGetter>(\n      (ownProps) => ({\n        id: errorMessageId,\n        visible: isNil(hasError) || hasError,\n        ref: setErrorMessageNode,\n        className: classNames(\n          styles.FormHelperTextWrapper,\n          labelPosition === 'left' && styles['position-left']\n        ),\n        ...ownProps,\n      }),\n      [errorMessageId, labelPosition, hasError]\n    )\n\n    const contextValue = useMemo(\n      () => ({\n        id,\n        labelId,\n        helperTextId,\n        errorMessageId,\n        getGroupProps,\n        getLabelProps,\n        getFieldProps,\n        getHelperTextProps,\n        getErrorMessageProps,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n      }),\n      [\n        id,\n        labelId,\n        helperTextId,\n        errorMessageId,\n        getGroupProps,\n        getLabelProps,\n        getFieldProps,\n        getHelperTextProps,\n        getErrorMessageProps,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n      ]\n    )\n\n    if (!children) {\n      return null\n    }\n\n    return (\n      <FormControlContextProvider value={contextValue}>\n        <Container\n          {...rest}\n          ref={forwardedRef}\n          labelPosition={labelPosition}\n          data-testid={FORM_CONTROL_TEST_ID}\n        >\n          {children}\n        </Container>\n      </FormControlContextProvider>\n    )\n  }\n)\n\nexport function useFormFieldProps<\n  Props extends FormFieldProps & SizeProps<FormFieldSize>,\n>(props?: Props) {\n  const contextValue = useFormControlContext()\n\n  const formFieldProps = useMemo(() => {\n    const mergedProps = contextValue?.getFieldProps(props) ?? { ...props }\n\n    const {\n      disabled = false,\n      readOnly = false,\n      required = false,\n      hasError = false,\n      size = undefined,\n      ...rest\n    } = mergedProps\n\n    return {\n      ...rest,\n      'aria-disabled': ariaAttr(disabled),\n      'aria-invalid': ariaAttr(hasError),\n      'aria-required': ariaAttr(required),\n      'aria-readonly': ariaAttr(readOnly),\n      size,\n      disabled,\n      hasError,\n      required,\n      readOnly,\n    }\n  }, [props, contextValue])\n\n  return formFieldProps as typeof formFieldProps & Props\n}\n"],"names":["FormControlContextProvider","useFormControlContext","createContext","undefined","FORM_CONTROL_TEST_ID","Container","forwardRef","labelPosition","children","className","rest","forwardedRef","React","createElement","Stack","Object","assign","ref","direction","classNames","styles","Grid","FormControl","id","idProp","size","hasError","required","readOnly","disabled","groupNode","setGroupNode","useState","helperTextNode","setHelperTextNode","errorMessageNode","setErrorMessageNode","useId","groupId","labelId","helperTextId","errorMessageId","fieldId","describerId","useMemo","getGroupProps","useCallback","ownProps","getLabelProps","htmlFor","FormLabelWrapper","getFormFieldSizeClassName","typo","getFieldProps","getHelperTextProps","visible","isNil","FormHelperTextWrapper","getErrorMessageProps","contextValue","value","useFormFieldProps","props","formFieldProps","_contextValue$getFiel","mergedProps","ariaAttr"],"mappings":"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"}
+{"version":3,"file":"FormControl.js","sources":["../../../../src/components/FormControl/FormControl.tsx"],"sourcesContent":["'use client'\nimport { forwardRef, useCallback, useMemo, useState } from 'react'\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport {\n  type FormFieldProps,\n  type FormFieldSize,\n  type SizeProps,\n} from '~/src/types/props'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\nimport { ariaAttr } from '~/src/utils/aria'\nimport { createContext } from '~/src/utils/react'\nimport { isNil } from '~/src/utils/type'\n\nimport { Stack } from '~/src/components/Stack'\n\nimport {\n  type ContainerProps,\n  type ErrorMessagePropsGetter,\n  type FieldPropsGetter,\n  type FormControlContextValue,\n  type FormControlProps,\n  type GroupPropsGetter,\n  type HelperTextPropsGetter,\n  type LabelPropsGetter,\n} from './FormControl.types'\n\nimport styles from './FormControl.module.scss'\n\nconst [FormControlContextProvider, useFormControlContext] = createContext<\n  FormControlContextValue | undefined\n>(undefined)\n\nexport { useFormControlContext }\n\nexport const FORM_CONTROL_TEST_ID = 'bezier-form-control'\n\nconst Container = forwardRef<HTMLElement, ContainerProps>(function Container(\n  { labelPosition, children, className, ...rest },\n  forwardedRef\n) {\n  switch (labelPosition) {\n    case 'top':\n      return (\n        <Stack\n          className={className}\n          ref={forwardedRef}\n          direction=\"vertical\"\n          {...rest}\n        >\n          {children}\n        </Stack>\n      )\n\n    case 'left':\n    default:\n      return (\n        <div\n          ref={forwardedRef as React.ForwardedRef<HTMLDivElement>}\n          className={classNames(styles.Grid, className)}\n          {...rest}\n        >\n          {children}\n        </div>\n      )\n  }\n})\n\nexport const FormControl = forwardRef<HTMLElement, FormControlProps>(\n  function FormControl(\n    {\n      children,\n      id: idProp,\n      labelPosition = 'top',\n      size = 'm',\n      hasError,\n      required,\n      readOnly,\n      disabled,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const [groupNode, setGroupNode] = useState<HTMLElement | null>(null)\n    const [helperTextNode, setHelperTextNode] = useState<HTMLElement | null>(\n      null\n    )\n    const [errorMessageNode, setErrorMessageNode] =\n      useState<HTMLElement | null>(null)\n\n    const id = useId(idProp, 'field')\n    const groupId = `${id}-group`\n    const labelId = `${id}-label`\n    const helperTextId = `${id}-help-text`\n    const errorMessageId = `${id}-error-message`\n\n    const fieldId = groupNode ? undefined : id\n\n    const describerId = useMemo(() => {\n      if (errorMessageNode) {\n        return errorMessageId\n      }\n      if (helperTextNode) {\n        return helperTextId\n      }\n      return undefined\n    }, [errorMessageNode, helperTextNode, errorMessageId, helperTextId])\n\n    const getGroupProps = useCallback<GroupPropsGetter>(\n      (ownProps) => ({\n        id: groupId,\n        'aria-labelledby': labelId,\n        'aria-describedby': describerId,\n        ref: setGroupNode,\n        ...ownProps,\n      }),\n      [groupId, labelId, describerId]\n    )\n\n    const getLabelProps = useCallback<LabelPropsGetter>(\n      (ownProps) => ({\n        id: labelId,\n        htmlFor: fieldId,\n        className: classNames(\n          styles.FormLabelWrapper,\n          styles[`position-${labelPosition}`],\n          getFormFieldSizeClassName(size)\n        ),\n        typo: labelPosition === 'top' ? '13' : '14',\n        ...ownProps,\n      }),\n      [fieldId, labelId, labelPosition, size]\n    )\n\n    const getFieldProps = useCallback<FieldPropsGetter>(\n      (ownProps) => ({\n        id: fieldId,\n        size,\n        'aria-describedby': groupNode ? undefined : describerId,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n        ...ownProps,\n      }),\n      [\n        fieldId,\n        describerId,\n        size,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n        groupNode,\n      ]\n    )\n\n    const getHelperTextProps = useCallback<HelperTextPropsGetter>(\n      (ownProps) => ({\n        id: helperTextId,\n        visible: isNil(hasError) || !hasError,\n        ref: setHelperTextNode,\n        className: classNames(\n          styles.FormHelperTextWrapper,\n          labelPosition === 'left' && styles['position-left']\n        ),\n        ...ownProps,\n      }),\n      [helperTextId, labelPosition, hasError]\n    )\n\n    const getErrorMessageProps = useCallback<ErrorMessagePropsGetter>(\n      (ownProps) => ({\n        id: errorMessageId,\n        visible: isNil(hasError) || hasError,\n        ref: setErrorMessageNode,\n        className: classNames(\n          styles.FormHelperTextWrapper,\n          labelPosition === 'left' && styles['position-left']\n        ),\n        ...ownProps,\n      }),\n      [errorMessageId, labelPosition, hasError]\n    )\n\n    const contextValue = useMemo(\n      () => ({\n        id,\n        labelId,\n        helperTextId,\n        errorMessageId,\n        getGroupProps,\n        getLabelProps,\n        getFieldProps,\n        getHelperTextProps,\n        getErrorMessageProps,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n      }),\n      [\n        id,\n        labelId,\n        helperTextId,\n        errorMessageId,\n        getGroupProps,\n        getLabelProps,\n        getFieldProps,\n        getHelperTextProps,\n        getErrorMessageProps,\n        hasError,\n        required,\n        readOnly,\n        disabled,\n      ]\n    )\n\n    if (!children) {\n      return null\n    }\n\n    return (\n      <FormControlContextProvider value={contextValue}>\n        <Container\n          {...rest}\n          ref={forwardedRef}\n          labelPosition={labelPosition}\n          data-testid={FORM_CONTROL_TEST_ID}\n        >\n          {children}\n        </Container>\n      </FormControlContextProvider>\n    )\n  }\n)\n\nexport function useFormFieldProps<\n  Props extends FormFieldProps & SizeProps<FormFieldSize>,\n>(props?: Props) {\n  const contextValue = useFormControlContext()\n\n  const formFieldProps = useMemo(() => {\n    const mergedProps = contextValue?.getFieldProps(props) ?? { ...props }\n\n    const {\n      disabled = false,\n      readOnly = false,\n      required = false,\n      hasError = false,\n      size = undefined,\n      ...rest\n    } = mergedProps\n\n    return {\n      ...rest,\n      'aria-disabled': ariaAttr(disabled),\n      'aria-invalid': ariaAttr(hasError),\n      'aria-required': ariaAttr(required),\n      'aria-readonly': ariaAttr(readOnly),\n      size,\n      disabled,\n      hasError,\n      required,\n      readOnly,\n    }\n  }, [props, contextValue])\n\n  return formFieldProps as typeof formFieldProps & Props\n}\n"],"names":["FormControlContextProvider","useFormControlContext","createContext","undefined","FORM_CONTROL_TEST_ID","Container","forwardRef","labelPosition","children","className","rest","forwardedRef","_jsx","Stack","ref","direction","classNames","styles","Grid","FormControl","id","idProp","size","hasError","required","readOnly","disabled","groupNode","setGroupNode","useState","helperTextNode","setHelperTextNode","errorMessageNode","setErrorMessageNode","useId","groupId","labelId","helperTextId","errorMessageId","fieldId","describerId","useMemo","getGroupProps","useCallback","ownProps","getLabelProps","htmlFor","FormLabelWrapper","getFormFieldSizeClassName","typo","getFieldProps","getHelperTextProps","visible","isNil","FormHelperTextWrapper","getErrorMessageProps","contextValue","value","useFormFieldProps","props","formFieldProps","_contextValue$getFiel","mergedProps","ariaAttr"],"mappings":"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"}

package/dist/cjs/components/FormGroup/FormGroup.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var useMergeRefs = require('../../hooks/useMergeRefs.js');
 var _function = require('../../utils/function.js');
+var jsxRuntime = require('react/jsx-runtime');
 var FormControl = require('../FormControl/FormControl.js');
 var Stack = require('../Stack/Stack.js');
 
@@ -24,7 +25,7 @@ const FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup({
     ...rest
   };
   const mergedRef = useMergeRefs.default(ref, forwardedRef);
-  return /*#__PURE__*/React.createElement(Stack.Stack, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(Stack.Stack, {
     "data-testid": FORM_GROUP_TEST_ID,
     ref: mergedRef,
     wrap: true,
@@ -32,8 +33,10 @@ const FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup({
     align: "stretch",
     spacing: spacing,
     direction: direction,
-    role: role
-  }, ownProps), children);
+    role: role,
+    ...ownProps,
+    children: children
+  });
 });
 
 exports.FormGroup = FormGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.js","sources":["../../../../src/components/FormGroup/FormGroup.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { noop } from '~/src/utils/function'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Stack } from '~/src/components/Stack'\n\nimport { type FormGroupProps } from './FormGroup.types'\n\nconst FORM_GROUP_TEST_ID = 'bezier-form-group'\n\nexport const FormGroup = forwardRef<HTMLDivElement, FormGroupProps>(\n  function FormGroup(\n    { spacing = 6, direction = 'vertical', role = 'group', children, ...rest },\n    forwardedRef\n  ) {\n    const contextValue = useFormControlContext()\n\n    const { ref, ...ownProps } = contextValue?.getGroupProps(rest) ?? {\n      ref: noop,\n      ...rest,\n    }\n\n    const mergedRef = useMergeRefs(ref, forwardedRef)\n\n    return (\n      <Stack\n        data-testid={FORM_GROUP_TEST_ID}\n        ref={mergedRef}\n        wrap\n        justify=\"start\"\n        align=\"stretch\"\n        spacing={spacing}\n        direction={direction}\n        role={role}\n        {...ownProps}\n      >\n        {children}\n      </Stack>\n    )\n  }\n)\n"],"names":["FORM_GROUP_TEST_ID","FormGroup","forwardRef","spacing","direction","role","children","rest","forwardedRef","_contextValue$getGrou","contextValue","useFormControlContext","ref","ownProps","getGroupProps","noop","mergedRef","useMergeRefs","React","createElement","Stack","Object","assign","wrap","justify","align"],"mappings":";;;;;;;;AAYA,MAAMA,kBAAkB,GAAG,mBAAmB,CAAA;MAEjCC,SAAS,gBAAGC,gBAAU,CACjC,SAASD,SAASA,CAChB;AAAEE,EAAAA,OAAO,GAAG,CAAC;AAAEC,EAAAA,SAAS,GAAG,UAAU;AAAEC,EAAAA,IAAI,GAAG,OAAO;EAAEC,QAAQ;EAAE,GAAGC,IAAAA;AAAK,CAAC,EAC1EC,YAAY,EACZ;AAAA,EAAA,IAAAC,qBAAA,CAAA;AACA,EAAA,MAAMC,YAAY,GAAGC,iCAAqB,EAAE,CAAA;EAE5C,MAAM;IAAEC,GAAG;IAAE,GAAGC,QAAAA;AAAS,GAAC,IAAAJ,qBAAA,GAAGC,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEI,aAAa,CAACP,IAAI,CAAC,cAAAE,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI;AAChEG,IAAAA,GAAG,EAAEG,cAAI;IACT,GAAGR,IAAAA;GACJ,CAAA;AAED,EAAA,MAAMS,SAAS,GAAGC,oBAAY,CAACL,GAAG,EAAEJ,YAAY,CAAC,CAAA;EAEjD,oBACEU,KAAA,CAAAC,aAAA,CAACC,WAAK,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACJ,IAAA,aAAA,EAAatB,kBAAmB;AAChCY,IAAAA,GAAG,EAAEI,SAAU;IACfO,IAAI,EAAA,IAAA;AACJC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,KAAK,EAAC,SAAS;AACftB,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,IAAI,EAAEA,IAAAA;GACFQ,EAAAA,QAAQ,CAEXP,EAAAA,QACI,CAAC,CAAA;AAEZ,CACF;;;;"}
+{"version":3,"file":"FormGroup.js","sources":["../../../../src/components/FormGroup/FormGroup.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { noop } from '~/src/utils/function'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Stack } from '~/src/components/Stack'\n\nimport { type FormGroupProps } from './FormGroup.types'\n\nconst FORM_GROUP_TEST_ID = 'bezier-form-group'\n\nexport const FormGroup = forwardRef<HTMLDivElement, FormGroupProps>(\n  function FormGroup(\n    { spacing = 6, direction = 'vertical', role = 'group', children, ...rest },\n    forwardedRef\n  ) {\n    const contextValue = useFormControlContext()\n\n    const { ref, ...ownProps } = contextValue?.getGroupProps(rest) ?? {\n      ref: noop,\n      ...rest,\n    }\n\n    const mergedRef = useMergeRefs(ref, forwardedRef)\n\n    return (\n      <Stack\n        data-testid={FORM_GROUP_TEST_ID}\n        ref={mergedRef}\n        wrap\n        justify=\"start\"\n        align=\"stretch\"\n        spacing={spacing}\n        direction={direction}\n        role={role}\n        {...ownProps}\n      >\n        {children}\n      </Stack>\n    )\n  }\n)\n"],"names":["FORM_GROUP_TEST_ID","FormGroup","forwardRef","spacing","direction","role","children","rest","forwardedRef","_contextValue$getGrou","contextValue","useFormControlContext","ref","ownProps","getGroupProps","noop","mergedRef","useMergeRefs","_jsx","Stack","wrap","justify","align"],"mappings":";;;;;;;;;AAYA,MAAMA,kBAAkB,GAAG,mBAAmB;MAEjCC,SAAS,gBAAGC,gBAAU,CACjC,SAASD,SAASA,CAChB;AAAEE,EAAAA,OAAO,GAAG,CAAC;AAAEC,EAAAA,SAAS,GAAG,UAAU;AAAEC,EAAAA,IAAI,GAAG,OAAO;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EAC1EC,YAAY,EACZ;AAAA,EAAA,IAAAC,qBAAA;AACA,EAAA,MAAMC,YAAY,GAAGC,iCAAqB,EAAE;EAE5C,MAAM;IAAEC,GAAG;IAAE,GAAGC;AAAS,GAAC,IAAAJ,qBAAA,GAAGC,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEI,aAAa,CAACP,IAAI,CAAC,cAAAE,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI;AAChEG,IAAAA,GAAG,EAAEG,cAAI;IACT,GAAGR;GACJ;AAED,EAAA,MAAMS,SAAS,GAAGC,oBAAY,CAACL,GAAG,EAAEJ,YAAY,CAAC;EAEjD,oBACEU,cAAA,CAACC,WAAK,EAAA;AACJ,IAAA,aAAA,EAAanB,kBAAmB;AAChCY,IAAAA,GAAG,EAAEI,SAAU;IACfI,IAAI,EAAA,IAAA;AACJC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,KAAK,EAAC,SAAS;AACfnB,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,IAAI,EAAEA,IAAK;AAAA,IAAA,GACPQ,QAAQ;AAAAP,IAAAA,QAAA,EAEXA;AAAQ,GACJ,CAAC;AAEZ,CACF;;;;"}

package/dist/cjs/components/FormHelperText/FormHelperText.js

@@ -1,11 +1,12 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var useMergeRefs = require('../../hooks/useMergeRefs.js');
 var _function = require('../../utils/function.js');
 var type = require('../../utils/type.js');
 var FormHelperText_module = require('./FormHelperText.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var FormControl = require('../FormControl/FormControl.js');
 var Text = require('../Text/Text.js');
 
@@ -37,13 +38,15 @@ const BaseHelperText = /*#__PURE__*/React.forwardRef(function BaseHelperText(pro
   if (type.isEmpty(children) || !visible) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Text.Text, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
     ref: mergedRef,
     as: "p",
     className: index.default(FormHelperText_module.default.FormHelperText, formControlClassName, className),
     typo: typo,
-    align: "left"
-  }, ownProps), children);
+    align: "left",
+    ...ownProps,
+    children: children
+  });
 });
 
 /**
@@ -68,12 +71,14 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(pro
     children,
     ...rest
   } = props;
-  return /*#__PURE__*/React.createElement(BaseHelperText, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(BaseHelperText, {
     type: "info",
     ref: forwardedRef,
     color: color,
-    "data-testid": FORM_HELPER_TEXT_TEST_ID
-  }, rest), children);
+    "data-testid": FORM_HELPER_TEXT_TEST_ID,
+    ...rest,
+    children: children
+  });
 });
 
 /**
@@ -98,13 +103,15 @@ const FormErrorMessage = /*#__PURE__*/React.forwardRef(function FormErrorMessage
     children,
     ...rest
   } = props;
-  return /*#__PURE__*/React.createElement(BaseHelperText, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(BaseHelperText, {
     "aria-live": "polite",
     type: "error",
     ref: forwardedRef,
     color: color,
-    "data-testid": FORM_ERROR_MESSAGE_TEST_ID
-  }, rest), children);
+    "data-testid": FORM_ERROR_MESSAGE_TEST_ID,
+    ...rest,
+    children: children
+  });
 });
 
 exports.FORM_ERROR_MESSAGE_TEST_ID = FORM_ERROR_MESSAGE_TEST_ID;

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

@@ -1 +1 @@
-{"version":3,"file":"FormHelperText.js","sources":["../../../../src/components/FormHelperText/FormHelperText.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { noop } from '~/src/utils/function'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Text } from '~/src/components/Text'\n\nimport type {\n  BaseHelperTextProps,\n  FormErrorMessageProps,\n  FormHelperTextProps,\n} from './FormHelperText.types'\n\nimport styles from './FormHelperText.module.scss'\n\nexport const FORM_HELPER_TEXT_TEST_ID = 'bezier-form-helper-text'\nexport const FORM_ERROR_MESSAGE_TEST_ID = 'bezier-form-error-message'\n\nconst BaseHelperText = forwardRef<HTMLSpanElement, BaseHelperTextProps>(\n  function BaseHelperText(props, forwardedRef) {\n    const { type, typo = '13', children, className, ...rest } = props\n\n    const contextValue = useFormControlContext()\n    const getProps =\n      type === 'info'\n        ? contextValue?.getHelperTextProps\n        : contextValue?.getErrorMessageProps\n\n    const {\n      visible,\n      ref,\n      className: formControlClassName,\n      ...ownProps\n    } = getProps?.(rest) ?? {\n      visible: true,\n      ref: noop,\n      className: undefined,\n      ...rest,\n    }\n\n    const mergedRef = useMergeRefs(ref, forwardedRef)\n\n    if (isEmpty(children) || !visible) {\n      return null\n    }\n\n    return (\n      <Text\n        ref={mergedRef}\n        as=\"p\"\n        className={classNames(\n          styles.FormHelperText,\n          formControlClassName,\n          className\n        )}\n        typo={typo}\n        align=\"left\"\n        {...ownProps}\n      >\n        {children}\n      </Text>\n    )\n  }\n)\n\n/**\n * `FormHelperText` is a component to show the description of the input element.\n * `FormControl` component can handle its layout by `position` props.\n * @example\n * ```tsx\n * <FormControl position=\"top\">\n *   <FormLabel>\n *     Password\n *   </FormLabel>\n *   <TextField />\n *   <FormHelperText>\n *     Please use at least 6 characters\n *   </FormHelperText>\n * </FormControl>\n * ```\n */\nexport const FormHelperText = forwardRef<HTMLSpanElement, FormHelperTextProps>(\n  function FormHelperText(props, forwardedRef) {\n    const { color = 'txt-black-dark', children, ...rest } = props\n\n    return (\n      <BaseHelperText\n        type=\"info\"\n        ref={forwardedRef}\n        color={color}\n        data-testid={FORM_HELPER_TEXT_TEST_ID}\n        {...rest}\n      >\n        {children}\n      </BaseHelperText>\n    )\n  }\n)\n\n/**\n * `FormErrorMessage` is a component to show error message when form values are invalid.\n * It should be used with `FormControl` component.\n * @example\n * ```tsx\n * <FormControl>\n *   <FormLabel>\n *     Password\n *   </FormLabel>\n *   <TextField />\n *   <FormErrorMessage>\n *     Password should be at least 6 characters\n *   </FormErrorMessage>\n * </FormControl>\n * ```\n */\nexport const FormErrorMessage = forwardRef<\n  HTMLSpanElement,\n  FormErrorMessageProps\n>(function FormErrorMessage(props, forwardedRef) {\n  const { color = 'bgtxt-orange-normal', children, ...rest } = props\n\n  return (\n    <BaseHelperText\n      aria-live=\"polite\"\n      type=\"error\"\n      ref={forwardedRef}\n      color={color}\n      data-testid={FORM_ERROR_MESSAGE_TEST_ID}\n      {...rest}\n    >\n      {children}\n    </BaseHelperText>\n  )\n})\n"],"names":["FORM_HELPER_TEXT_TEST_ID","FORM_ERROR_MESSAGE_TEST_ID","BaseHelperText","forwardRef","props","forwardedRef","_getProps","type","typo","children","className","rest","contextValue","useFormControlContext","getProps","getHelperTextProps","getErrorMessageProps","visible","ref","formControlClassName","ownProps","noop","undefined","mergedRef","useMergeRefs","isEmpty","React","createElement","Text","Object","assign","as","classNames","styles","FormHelperText","align","color","FormErrorMessage"],"mappings":"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"}
+{"version":3,"file":"FormHelperText.js","sources":["../../../../src/components/FormHelperText/FormHelperText.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { noop } from '~/src/utils/function'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Text } from '~/src/components/Text'\n\nimport type {\n  BaseHelperTextProps,\n  FormErrorMessageProps,\n  FormHelperTextProps,\n} from './FormHelperText.types'\n\nimport styles from './FormHelperText.module.scss'\n\nexport const FORM_HELPER_TEXT_TEST_ID = 'bezier-form-helper-text'\nexport const FORM_ERROR_MESSAGE_TEST_ID = 'bezier-form-error-message'\n\nconst BaseHelperText = forwardRef<HTMLSpanElement, BaseHelperTextProps>(\n  function BaseHelperText(props, forwardedRef) {\n    const { type, typo = '13', children, className, ...rest } = props\n\n    const contextValue = useFormControlContext()\n    const getProps =\n      type === 'info'\n        ? contextValue?.getHelperTextProps\n        : contextValue?.getErrorMessageProps\n\n    const {\n      visible,\n      ref,\n      className: formControlClassName,\n      ...ownProps\n    } = getProps?.(rest) ?? {\n      visible: true,\n      ref: noop,\n      className: undefined,\n      ...rest,\n    }\n\n    const mergedRef = useMergeRefs(ref, forwardedRef)\n\n    if (isEmpty(children) || !visible) {\n      return null\n    }\n\n    return (\n      <Text\n        ref={mergedRef}\n        as=\"p\"\n        className={classNames(\n          styles.FormHelperText,\n          formControlClassName,\n          className\n        )}\n        typo={typo}\n        align=\"left\"\n        {...ownProps}\n      >\n        {children}\n      </Text>\n    )\n  }\n)\n\n/**\n * `FormHelperText` is a component to show the description of the input element.\n * `FormControl` component can handle its layout by `position` props.\n * @example\n * ```tsx\n * <FormControl position=\"top\">\n *   <FormLabel>\n *     Password\n *   </FormLabel>\n *   <TextField />\n *   <FormHelperText>\n *     Please use at least 6 characters\n *   </FormHelperText>\n * </FormControl>\n * ```\n */\nexport const FormHelperText = forwardRef<HTMLSpanElement, FormHelperTextProps>(\n  function FormHelperText(props, forwardedRef) {\n    const { color = 'txt-black-dark', children, ...rest } = props\n\n    return (\n      <BaseHelperText\n        type=\"info\"\n        ref={forwardedRef}\n        color={color}\n        data-testid={FORM_HELPER_TEXT_TEST_ID}\n        {...rest}\n      >\n        {children}\n      </BaseHelperText>\n    )\n  }\n)\n\n/**\n * `FormErrorMessage` is a component to show error message when form values are invalid.\n * It should be used with `FormControl` component.\n * @example\n * ```tsx\n * <FormControl>\n *   <FormLabel>\n *     Password\n *   </FormLabel>\n *   <TextField />\n *   <FormErrorMessage>\n *     Password should be at least 6 characters\n *   </FormErrorMessage>\n * </FormControl>\n * ```\n */\nexport const FormErrorMessage = forwardRef<\n  HTMLSpanElement,\n  FormErrorMessageProps\n>(function FormErrorMessage(props, forwardedRef) {\n  const { color = 'bgtxt-orange-normal', children, ...rest } = props\n\n  return (\n    <BaseHelperText\n      aria-live=\"polite\"\n      type=\"error\"\n      ref={forwardedRef}\n      color={color}\n      data-testid={FORM_ERROR_MESSAGE_TEST_ID}\n      {...rest}\n    >\n      {children}\n    </BaseHelperText>\n  )\n})\n"],"names":["FORM_HELPER_TEXT_TEST_ID","FORM_ERROR_MESSAGE_TEST_ID","BaseHelperText","forwardRef","props","forwardedRef","_getProps","type","typo","children","className","rest","contextValue","useFormControlContext","getProps","getHelperTextProps","getErrorMessageProps","visible","ref","formControlClassName","ownProps","noop","undefined","mergedRef","useMergeRefs","isEmpty","_jsx","Text","as","classNames","styles","FormHelperText","align","color","FormErrorMessage"],"mappings":"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"}