@react-form-builder/components-rsuite 7.15.0 → 8.0.0

package/dist/error-message.js

@@ -1,26 +1,30 @@
-import { jsxs as i, jsx as n } from "@emotion/react/jsx-runtime";
-import { cx as c } from "@emotion/css";
-import e from "@emotion/styled";
-import { define as p, string as l, useAriaErrorMessage as d } from "@react-form-builder/core";
-import { Form as g } from "rsuite";
-import { p as f } from "./commonProperties-X-t50qaZ.js";
-import { a as h } from "./categories-_98lyB3C.js";
-const x = e.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`, E = e(g.ErrorMessage)`
-  z-index: 6;
-`, M = ({ error: r, children: o, placement: s, className: t }) => {
-  const a = r ? "rs-form-control-wrapper" : void 0, m = d();
-  return /* @__PURE__ */ i(x, { className: c(t, a), children: [
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { define as i, string as p, useAriaErrorMessage as l } from "@react-form-builder/core";
+import g from "clsx";
+import { Form as f } from "rsuite";
+import { p as M } from "./commonProperties-X-t50qaZ.js";
+import { a as d } from "./categories-_98lyB3C.js";
+const E = "_container_1imzc_1", _ = "_errorMessage_1imzc_8", e = {
+  container: E,
+  errorMessage: _
+}, h = ({ error: r, children: o, placement: s, className: a }) => {
+  const t = r ? "rs-form-control-wrapper" : void 0, m = l();
+  return /* @__PURE__ */ n("div", { className: g(e.container, a, t), children: [
     o,
-    /* @__PURE__ */ n(E, { show: !!r, placement: s ?? "bottomStart", id: m["aria-errormessage"], children: r })
+    /* @__PURE__ */ c(
+      f.ErrorMessage,
+      {
+        className: e.errorMessage,
+        show: !!r,
+        placement: s ?? "bottomStart",
+        id: m["aria-errormessage"],
+        children: r
+      }
+    )
   ] });
-}, R = p(M, "RsErrorMessage").name("Error message").category(h).props({
-  placement: f.default("bottomStart"),
-  className: l
+}, R = i(h, "RsErrorMessage").name("Error message").category(d).props({
+  placement: M.default("bottomStart"),
+  className: p
 }).componentRole("error-message").hideFromComponentPalette();
 export {
   R as rsErrorMessage

package/dist/error-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-message.js","sources":["../src/components/RsErrorMessage.tsx"],"sourcesContent":["import {cx} from '@emotion/css'\nimport styled from '@emotion/styled'\nimport type {ErrorWrapperProps} from '@react-form-builder/core'\nimport {define, string, useAriaErrorMessage} from '@react-form-builder/core'\nimport {Form} from 'rsuite'\nimport type {TypeAttributes} from 'rsuite/esm/internals/types'\nimport {placement} from '../commonProperties'\nimport {staticCategory} from './categories'\n\nconst SDiv = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n`\n\nconst SErrorMessage = styled(Form.ErrorMessage)`\n  z-index: 6;\n`\n\n/**\n * The properties of RsErrorMessage component.\n */\nexport interface RsErrorMessageProps extends ErrorWrapperProps {\n  /**\n   * The placement of an error message.\n   */\n  placement?: TypeAttributes.Placement8\n}\n\nconst RsErrorMessage = ({error, children, placement, className}: RsErrorMessageProps) => {\n  const divClassName = error ? 'rs-form-control-wrapper' : undefined\n  const aria = useAriaErrorMessage()\n\n  return <SDiv className={cx(className, divClassName)}>\n    {children}\n    <SErrorMessage show={Boolean(error)} placement={placement ?? 'bottomStart'} id={aria['aria-errormessage']}>\n      {error}\n    </SErrorMessage>\n  </SDiv>\n}\n\n/**\n * Metadata builder for rSuite-based error display component.\n */\nexport const rsErrorMessage = define(RsErrorMessage, 'RsErrorMessage')\n  .name('Error message')\n  .category(staticCategory)\n  .props({\n    placement: placement.default('bottomStart'),\n    className: string,\n  })\n  .componentRole('error-message')\n  .hideFromComponentPalette()\n"],"names":["SDiv","styled","SErrorMessage","Form","RsErrorMessage","error","children","placement","className","divClassName","aria","useAriaErrorMessage","cx","jsx","rsErrorMessage","define","staticCategory","string"],"mappings":";;;;;;;AASA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOdC,IAAgBD,EAAOE,EAAK,YAAY;AAAA;AAAA,GAcxCC,IAAiB,CAAC,EAAC,OAAAC,GAAO,UAAAC,GAAU,WAAAC,GAAW,WAAAC,QAAoC;AACvF,QAAMC,IAAeJ,IAAQ,4BAA4B,QACnDK,IAAOC,EAAA;AAEb,2BAAQX,GAAA,EAAK,WAAWY,EAAGJ,GAAWC,CAAY,GAC/C,UAAA;AAAA,IAAAH;AAAA,IACD,gBAAAO,EAACX,GAAA,EAAc,MAAM,EAAQG,GAAQ,WAAWE,KAAa,eAAe,IAAIG,EAAK,mBAAmB,GACrG,UAAAL,EAAA,CACH;AAAA,EAAA,GACF;AACF,GAKaS,IAAiBC,EAAOX,GAAgB,gBAAgB,EAClE,KAAK,eAAe,EACpB,SAASY,CAAc,EACvB,MAAM;AAAA,EACL,WAAWT,EAAU,QAAQ,aAAa;AAAA,EAC1C,WAAWU;AACb,CAAC,EACA,cAAc,eAAe,EAC7B,yBAAA;"}
+{"version":3,"file":"error-message.js","sources":["../src/components/RsErrorMessage.tsx"],"sourcesContent":["import type {ErrorWrapperProps} from '@react-form-builder/core'\nimport {define, string, useAriaErrorMessage} from '@react-form-builder/core'\nimport cx from 'clsx'\nimport {Form} from 'rsuite'\nimport type {TypeAttributes} from 'rsuite/esm/internals/types'\nimport {placement} from '../commonProperties'\nimport {staticCategory} from './categories'\nimport styles from './RsErrorMessage.module.css'\n\n/**\n * The properties of RsErrorMessage component.\n */\nexport interface RsErrorMessageProps extends ErrorWrapperProps {\n  /**\n   * The placement of an error message.\n   */\n  placement?: TypeAttributes.Placement8\n}\n\nconst RsErrorMessage = ({error, children, placement, className}: RsErrorMessageProps) => {\n  const wrapperClassName = error ? 'rs-form-control-wrapper' : undefined\n  const aria = useAriaErrorMessage()\n\n  return (\n    <div className={cx(styles.container, className, wrapperClassName)}>\n      {children}\n      <Form.ErrorMessage\n        className={styles.errorMessage}\n        show={Boolean(error)}\n        placement={placement ?? 'bottomStart'}\n        id={aria['aria-errormessage']}\n      >\n        {error}\n      </Form.ErrorMessage>\n    </div>\n  )\n}\n\n/**\n * Metadata builder for rSuite-based error display component.\n */\nexport const rsErrorMessage = define(RsErrorMessage, 'RsErrorMessage')\n  .name('Error message')\n  .category(staticCategory)\n  .props({\n    placement: placement.default('bottomStart'),\n    className: string,\n  })\n  .componentRole('error-message')\n  .hideFromComponentPalette()\n"],"names":["RsErrorMessage","error","children","placement","className","wrapperClassName","aria","useAriaErrorMessage","jsxs","cx","styles","jsx","Form","rsErrorMessage","define","staticCategory","string"],"mappings":";;;;;;;;;GAmBMA,IAAiB,CAAC,EAAC,OAAAC,GAAO,UAAAC,GAAU,WAAAC,GAAW,WAAAC,QAAoC;AACvF,QAAMC,IAAmBJ,IAAQ,4BAA4B,QACvDK,IAAOC,EAAA;AAEb,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAGC,EAAO,WAAWN,GAAWC,CAAgB,GAC7D,UAAA;AAAA,IAAAH;AAAA,IACD,gBAAAS;AAAA,MAACC,EAAK;AAAA,MAAL;AAAA,QACC,WAAWF,EAAO;AAAA,QAClB,MAAM,EAAQT;AAAA,QACd,WAAWE,KAAa;AAAA,QACxB,IAAIG,EAAK,mBAAmB;AAAA,QAE3B,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,GAKaY,IAAiBC,EAAOd,GAAgB,gBAAgB,EAClE,KAAK,eAAe,EACpB,SAASe,CAAc,EACvB,MAAM;AAAA,EACL,WAAWZ,EAAU,QAAQ,aAAa;AAAA,EAC1C,WAAWa;AACb,CAAC,EACA,cAAc,eAAe,EAC7B,yBAAA;"}

package/dist/image.js

@@ -1,8 +1,8 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import r from "@emotion/styled";
-import { define as s, string as t, oneOf as C, useBuilderValue as d } from "@react-form-builder/core";
-import { a as H } from "./categories-_98lyB3C.js";
-const f = `<svg width="3854" height="512" viewBox="0 0 247 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+import { jsx as s } from "react/jsx-runtime";
+import { define as r, string as t, oneOf as C, useBuilderValue as d } from "@react-form-builder/core";
+import H from "clsx";
+import { a as f } from "./categories-_98lyB3C.js";
+const V = `<svg width="3854" height="512" viewBox="0 0 247 40" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M53.5933 14.7089H56.3264C55.9642 9.17671 61.0354 8.09002 65.3821 9.01206L65.2175 12.8978C63.6698 12.5026 61.3976 12.5026 61.4964 14.7089H65.1845V19.2203H61.4306V32.3263H56.2606V19.2203H53.5933V14.7089Z" fill="#282828"/>
   <path d="M85.2694 23.4353C85.2694 36.1133 66.2689 36.0474 66.2689 23.4353C66.2689 10.7244 85.2694 10.7573 85.2694 23.4353ZM71.4718 23.4353C71.4718 29.3956 80.0665 29.4285 80.0665 23.4353C80.0665 17.3762 71.4718 17.4092 71.4718 23.4353Z" fill="#282828"/>
   <path d="M92.8762 22.4474V32.3263H87.7062V14.5113H92.3822L92.5798 15.6968C93.7323 14.6101 95.0166 14.1491 96.4655 14.1491C97.0912 14.1491 97.7827 14.2479 98.4742 14.4125L98.4084 19.2862C97.8815 19.1215 97.2558 19.0227 96.6631 19.0227C94.7861 19.0556 92.8762 20.0435 92.8762 22.4474Z" fill="#282828"/>
@@ -22,13 +22,12 @@ const f = `<svg width="3854" height="512" viewBox="0 0 247 40" fill="none" xmlns
     </linearGradient>
   </defs>
 </svg>
-`, V = r.img`
-  width: 100%;
-  height: 100%;
-`, e = `data:image/svg+xml,${encodeURIComponent(f)}`, p = ({ alt: n, src: o, ...a }) => {
-  const l = d(o, e);
-  return /* @__PURE__ */ i(V, { ...a, alt: n, src: l });
-}, M = s(p, "RsImage").name("Image").category(H).props({
+`, p = "_image_thjnc_1", c = {
+  image: p
+}, e = `data:image/svg+xml,${encodeURIComponent(V)}`, m = ({ alt: n, src: a, className: o, ...l }) => {
+  const i = d(a, e);
+  return /* @__PURE__ */ s("img", { ...l, className: H(c.image, o), alt: n, src: i });
+}, u = r(m, "RsImage").name("Image").category(f).props({
   src: t.required.default(e).dataBound,
   alt: t.default("Image")
 }).css({
@@ -36,6 +35,6 @@ const f = `<svg width="3854" height="512" viewBox="0 0 247 40" fill="none" xmlns
   objectFit: C("contain", "cover", "fill", "none", "scale-down").default("scale-down").withEditorProps({ creatable: !1 })
 });
 export {
-  M as rsImage
+  u as rsImage
 };
 //# sourceMappingURL=image.js.map

package/dist/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../public/images/logo.svg?raw","../src/components/RsImage.tsx"],"sourcesContent":["export default \"<svg width=\\\"3854\\\" height=\\\"512\\\" viewBox=\\\"0 0 247 40\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n  <path d=\\\"M53.5933 14.7089H56.3264C55.9642 9.17671 61.0354 8.09002 65.3821 9.01206L65.2175 12.8978C63.6698 12.5026 61.3976 12.5026 61.4964 14.7089H65.1845V19.2203H61.4306V32.3263H56.2606V19.2203H53.5933V14.7089Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M85.2694 23.4353C85.2694 36.1133 66.2689 36.0474 66.2689 23.4353C66.2689 10.7244 85.2694 10.7573 85.2694 23.4353ZM71.4718 23.4353C71.4718 29.3956 80.0665 29.4285 80.0665 23.4353C80.0665 17.3762 71.4718 17.4092 71.4718 23.4353Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M92.8762 22.4474V32.3263H87.7062V14.5113H92.3822L92.5798 15.6968C93.7323 14.6101 95.0166 14.1491 96.4655 14.1491C97.0912 14.1491 97.7827 14.2479 98.4742 14.4125L98.4084 19.2862C97.8815 19.1215 97.2558 19.0227 96.6631 19.0227C94.7861 19.0556 92.8762 20.0435 92.8762 22.4474Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M101.41 14.5113H106.646V16.2895C107.897 14.7089 110.005 14.215 111.915 14.2479C113.956 14.3467 115.274 15.2687 116.097 16.6188C117.315 14.9394 119.917 14.182 121.991 14.2808C125.35 14.4125 128.05 16.6518 127.984 22.2828V32.3263H122.749V22.3157C122.749 20.1753 121.728 19.3849 120.542 19.352C119.258 19.3191 117.348 20.2082 117.315 22.184V32.3263H112.079V22.3157C112.079 20.1753 111.059 19.3849 109.873 19.352C108.589 19.3191 106.909 20.2411 106.909 22.2498V32.3263H101.41C101.41 24.6537 101.41 22.184 101.41 14.5113Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M150.28 22.645C150.346 23.1719 150.313 23.7317 150.214 24.1927H135.132C135.132 27.6832 138.458 29.7908 141.126 29.7908C143.332 29.7908 145.373 28.8358 146.427 26.8271H149.753C148.403 30.7128 144.748 32.6556 141.093 32.6556C136.515 32.6556 131.905 29.5602 131.905 23.4353C131.905 17.3104 136.449 14.2479 141.158 14.2479C145.571 14.2479 149.918 17.0469 150.28 22.645ZM135.264 21.5254H146.888C146.263 18.3312 143.727 17.0799 141.158 17.0799C138.557 17.0799 135.923 18.3641 135.264 21.5254Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M154.533 14.5113H157.76V16.7176C159.077 14.8077 160.987 14.2479 163.227 14.2479C168.66 14.2479 170.965 17.6397 170.965 22.7438V32.3263H167.771V22.7767C167.771 19.4508 166.915 17.1786 163.128 17.1128C159.67 17.0469 157.76 19.5167 157.76 22.645V32.3263H154.533V14.5113Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M193.734 31.6678C193.734 37.2 188.992 39.3404 184.579 39.3404C180.101 39.3404 175.919 37.5622 175.919 33.5118H179.113C179.113 35.784 182.208 36.5084 184.547 36.4755C187.378 36.4426 190.507 35.0924 190.507 31.6678V29.7908C188.959 31.8324 186.72 32.2934 184.514 32.2934C178.52 32.2934 175.063 28.3089 175.063 23.4682C175.063 18.5617 178.356 14.182 184.579 14.215C186.786 14.215 189.223 14.9724 190.54 16.8823V14.5113H193.734V31.6678ZM184.481 29.4615C188.498 29.4615 190.507 26.2673 190.507 22.9743C190.507 19.813 188.564 17.1457 184.711 17.0469C180.628 16.9481 178.29 20.2411 178.29 23.4682C178.323 26.5966 180.562 29.4615 184.481 29.4615Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M202.175 32.3263H198.948V14.3138H202.175V32.3263ZM198.553 9.93409C198.553 12.4368 202.57 12.4368 202.57 9.93409C202.57 7.43143 198.553 7.49729 198.553 9.93409Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M207.594 14.5113H210.821V16.7176C212.138 14.8077 214.048 14.2479 216.287 14.2479C221.721 14.2479 224.026 17.6397 224.026 22.7438V32.3263H220.832V22.7767C220.832 19.4508 219.975 17.1786 216.188 17.1128C212.731 17.0469 210.821 19.5167 210.821 22.645V32.3263H207.594V14.5113Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M246.175 22.645C246.241 23.1719 246.208 23.7317 246.109 24.1927H231.027C231.027 27.6832 234.353 29.7908 237.021 29.7908C239.227 29.7908 241.269 28.8358 242.322 26.8271H245.648C244.298 30.7128 240.643 32.6556 236.988 32.6556C232.41 32.6556 227.8 29.5602 227.8 23.4353C227.8 17.3104 232.345 14.2479 237.054 14.2479C241.466 14.2479 245.813 17.0469 246.175 22.645ZM231.159 21.5254H242.783C242.158 18.3312 239.622 17.0799 237.054 17.0799C234.452 17.0799 231.818 18.3641 231.159 21.5254Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M29.2573 0C29.2573 6.02479 24.0479 10.9089 17.6216 10.9092H11.0757V40H0.166504V10.9092C0.166504 4.90833 5.01171 0.0398003 11.0034 0.000976562V0.0253906C11.1408 0.0166506 11.2788 0.0100825 11.4175 0.00585938H11.4282C11.5527 0.00217235 11.6779 0 11.8032 0H29.2573Z\\\" fill=\\\"url(#paint0_linear_3210_3996)\\\"/>\\n  <path d=\\\"M0.166504 26.9818C0.166504 20.9569 5.05067 16.0727 11.0756 16.0727L29.2574 16.0727C29.2574 22.0976 24.3732 26.9818 18.3483 26.9818H0.166504Z\\\" fill=\\\"#4286F4\\\"/>\\n  <defs>\\n    <linearGradient id=\\\"paint0_linear_3210_3996\\\" x1=\\\"3.73014\\\" y1=\\\"6.45008\\\" x2=\\\"28.9879\\\" y2=\\\"23.2045\\\" gradientUnits=\\\"userSpaceOnUse\\\">\\n      <stop stop-color=\\\"#4286F4\\\"/>\\n      <stop offset=\\\"1\\\" stop-color=\\\"#373B44\\\"/>\\n    </linearGradient>\\n  </defs>\\n</svg>\\n\"","import styled from '@emotion/styled'\nimport {define, oneOf, string, useBuilderValue} from '@react-form-builder/core'\nimport type {ComponentProps} from 'react'\nimport rawLogo from '../../public/images/logo.svg?raw'\nimport type {AreaProps} from '../commonTypes'\nimport {staticCategory} from './categories'\n\n/**\n * Props for the RsImage component.\n */\nexport interface RsImageProps extends ComponentProps<'img'>, AreaProps {\n}\n\nconst SImage = styled.img`\n  width: 100%;\n  height: 100%;\n`\n\nconst inlineLogo = `data:image/svg+xml,${encodeURIComponent(rawLogo)}`\n\n/**\n * An image component that displays an image with configurable source and styling.\n * @param props the component props.\n * @param props.alt the alternative text for the image.\n * @param props.src the image source URL.\n * @returns the React element.\n */\nconst RsImage = ({alt, src, ...props}: RsImageProps) => {\n  const source = useBuilderValue(src, inlineLogo)\n  return <SImage {...props} alt={alt} src={source}/>\n}\n\nexport const rsImage = define(RsImage, 'RsImage')\n  .name('Image')\n  .category(staticCategory)\n  .props({\n    src: string.required.default(inlineLogo).dataBound,\n    alt: string.default('Image'),\n  })\n  .css({\n    objectPosition: oneOf('top', 'bottom', 'left', 'right', 'center').default('left'),\n    objectFit: oneOf('contain', 'cover', 'fill', 'none', 'scale-down').default('scale-down')\n      .withEditorProps({creatable: false}),\n  })\n"],"names":["rawLogo","SImage","styled","inlineLogo","RsImage","alt","src","props","source","useBuilderValue","rsImage","define","staticCategory","string","oneOf"],"mappings":";;;;AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCaTC,IAASC,EAAO;AAAA;AAAA;AAAA,GAKhBC,IAAa,sBAAsB,mBAAmBH,CAAO,CAAC,IAS9DI,IAAU,CAAC,EAAC,KAAAC,GAAK,KAAAC,GAAK,GAAGC,QAAyB;AACtD,QAAMC,IAASC,EAAgBH,GAAKH,CAAU;AAC9C,2BAAQF,GAAA,EAAQ,GAAGM,GAAO,KAAAF,GAAU,KAAKG,GAAO;AAClD,GAEaE,IAAUC,EAAOP,GAAS,SAAS,EAC7C,KAAK,OAAO,EACZ,SAASQ,CAAc,EACvB,MAAM;AAAA,EACL,KAAKC,EAAO,SAAS,QAAQV,CAAU,EAAE;AAAA,EACzC,KAAKU,EAAO,QAAQ,OAAO;AAC7B,CAAC,EACA,IAAI;AAAA,EACH,gBAAgBC,EAAM,OAAO,UAAU,QAAQ,SAAS,QAAQ,EAAE,QAAQ,MAAM;AAAA,EAChF,WAAWA,EAAM,WAAW,SAAS,QAAQ,QAAQ,YAAY,EAAE,QAAQ,YAAY,EACpF,gBAAgB,EAAC,WAAW,IAAM;AACvC,CAAC;"}
+{"version":3,"file":"image.js","sources":["../public/images/logo.svg?raw","../src/components/RsImage.tsx"],"sourcesContent":["export default \"<svg width=\\\"3854\\\" height=\\\"512\\\" viewBox=\\\"0 0 247 40\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n  <path d=\\\"M53.5933 14.7089H56.3264C55.9642 9.17671 61.0354 8.09002 65.3821 9.01206L65.2175 12.8978C63.6698 12.5026 61.3976 12.5026 61.4964 14.7089H65.1845V19.2203H61.4306V32.3263H56.2606V19.2203H53.5933V14.7089Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M85.2694 23.4353C85.2694 36.1133 66.2689 36.0474 66.2689 23.4353C66.2689 10.7244 85.2694 10.7573 85.2694 23.4353ZM71.4718 23.4353C71.4718 29.3956 80.0665 29.4285 80.0665 23.4353C80.0665 17.3762 71.4718 17.4092 71.4718 23.4353Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M92.8762 22.4474V32.3263H87.7062V14.5113H92.3822L92.5798 15.6968C93.7323 14.6101 95.0166 14.1491 96.4655 14.1491C97.0912 14.1491 97.7827 14.2479 98.4742 14.4125L98.4084 19.2862C97.8815 19.1215 97.2558 19.0227 96.6631 19.0227C94.7861 19.0556 92.8762 20.0435 92.8762 22.4474Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M101.41 14.5113H106.646V16.2895C107.897 14.7089 110.005 14.215 111.915 14.2479C113.956 14.3467 115.274 15.2687 116.097 16.6188C117.315 14.9394 119.917 14.182 121.991 14.2808C125.35 14.4125 128.05 16.6518 127.984 22.2828V32.3263H122.749V22.3157C122.749 20.1753 121.728 19.3849 120.542 19.352C119.258 19.3191 117.348 20.2082 117.315 22.184V32.3263H112.079V22.3157C112.079 20.1753 111.059 19.3849 109.873 19.352C108.589 19.3191 106.909 20.2411 106.909 22.2498V32.3263H101.41C101.41 24.6537 101.41 22.184 101.41 14.5113Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M150.28 22.645C150.346 23.1719 150.313 23.7317 150.214 24.1927H135.132C135.132 27.6832 138.458 29.7908 141.126 29.7908C143.332 29.7908 145.373 28.8358 146.427 26.8271H149.753C148.403 30.7128 144.748 32.6556 141.093 32.6556C136.515 32.6556 131.905 29.5602 131.905 23.4353C131.905 17.3104 136.449 14.2479 141.158 14.2479C145.571 14.2479 149.918 17.0469 150.28 22.645ZM135.264 21.5254H146.888C146.263 18.3312 143.727 17.0799 141.158 17.0799C138.557 17.0799 135.923 18.3641 135.264 21.5254Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M154.533 14.5113H157.76V16.7176C159.077 14.8077 160.987 14.2479 163.227 14.2479C168.66 14.2479 170.965 17.6397 170.965 22.7438V32.3263H167.771V22.7767C167.771 19.4508 166.915 17.1786 163.128 17.1128C159.67 17.0469 157.76 19.5167 157.76 22.645V32.3263H154.533V14.5113Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M193.734 31.6678C193.734 37.2 188.992 39.3404 184.579 39.3404C180.101 39.3404 175.919 37.5622 175.919 33.5118H179.113C179.113 35.784 182.208 36.5084 184.547 36.4755C187.378 36.4426 190.507 35.0924 190.507 31.6678V29.7908C188.959 31.8324 186.72 32.2934 184.514 32.2934C178.52 32.2934 175.063 28.3089 175.063 23.4682C175.063 18.5617 178.356 14.182 184.579 14.215C186.786 14.215 189.223 14.9724 190.54 16.8823V14.5113H193.734V31.6678ZM184.481 29.4615C188.498 29.4615 190.507 26.2673 190.507 22.9743C190.507 19.813 188.564 17.1457 184.711 17.0469C180.628 16.9481 178.29 20.2411 178.29 23.4682C178.323 26.5966 180.562 29.4615 184.481 29.4615Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M202.175 32.3263H198.948V14.3138H202.175V32.3263ZM198.553 9.93409C198.553 12.4368 202.57 12.4368 202.57 9.93409C202.57 7.43143 198.553 7.49729 198.553 9.93409Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M207.594 14.5113H210.821V16.7176C212.138 14.8077 214.048 14.2479 216.287 14.2479C221.721 14.2479 224.026 17.6397 224.026 22.7438V32.3263H220.832V22.7767C220.832 19.4508 219.975 17.1786 216.188 17.1128C212.731 17.0469 210.821 19.5167 210.821 22.645V32.3263H207.594V14.5113Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M246.175 22.645C246.241 23.1719 246.208 23.7317 246.109 24.1927H231.027C231.027 27.6832 234.353 29.7908 237.021 29.7908C239.227 29.7908 241.269 28.8358 242.322 26.8271H245.648C244.298 30.7128 240.643 32.6556 236.988 32.6556C232.41 32.6556 227.8 29.5602 227.8 23.4353C227.8 17.3104 232.345 14.2479 237.054 14.2479C241.466 14.2479 245.813 17.0469 246.175 22.645ZM231.159 21.5254H242.783C242.158 18.3312 239.622 17.0799 237.054 17.0799C234.452 17.0799 231.818 18.3641 231.159 21.5254Z\\\" fill=\\\"#282828\\\"/>\\n  <path d=\\\"M29.2573 0C29.2573 6.02479 24.0479 10.9089 17.6216 10.9092H11.0757V40H0.166504V10.9092C0.166504 4.90833 5.01171 0.0398003 11.0034 0.000976562V0.0253906C11.1408 0.0166506 11.2788 0.0100825 11.4175 0.00585938H11.4282C11.5527 0.00217235 11.6779 0 11.8032 0H29.2573Z\\\" fill=\\\"url(#paint0_linear_3210_3996)\\\"/>\\n  <path d=\\\"M0.166504 26.9818C0.166504 20.9569 5.05067 16.0727 11.0756 16.0727L29.2574 16.0727C29.2574 22.0976 24.3732 26.9818 18.3483 26.9818H0.166504Z\\\" fill=\\\"#4286F4\\\"/>\\n  <defs>\\n    <linearGradient id=\\\"paint0_linear_3210_3996\\\" x1=\\\"3.73014\\\" y1=\\\"6.45008\\\" x2=\\\"28.9879\\\" y2=\\\"23.2045\\\" gradientUnits=\\\"userSpaceOnUse\\\">\\n      <stop stop-color=\\\"#4286F4\\\"/>\\n      <stop offset=\\\"1\\\" stop-color=\\\"#373B44\\\"/>\\n    </linearGradient>\\n  </defs>\\n</svg>\\n\"","import {define, oneOf, string, useBuilderValue} from '@react-form-builder/core'\nimport cx from 'clsx'\nimport type {ComponentProps} from 'react'\nimport rawLogo from '../../public/images/logo.svg?raw'\nimport type {AreaProps} from '../commonTypes'\nimport {staticCategory} from './categories'\nimport styles from './RsImage.module.css'\n\n/**\n * Props for the RsImage component.\n */\nexport interface RsImageProps extends ComponentProps<'img'>, AreaProps {\n}\n\nconst inlineLogo = `data:image/svg+xml,${encodeURIComponent(rawLogo)}`\n\n/**\n * An image component that displays an image with configurable source and styling.\n * @param props the component props.\n * @param props.alt the alternative text for the image.\n * @param props.src the image source URL.\n * @param props.className the CSS class name.\n * @returns the React element.\n */\nconst RsImage = ({alt, src, className, ...props}: RsImageProps) => {\n  const source = useBuilderValue(src, inlineLogo)\n\n  return <img {...props} className={cx(styles.image, className)} alt={alt} src={source}/>\n}\n\nexport const rsImage = define(RsImage, 'RsImage')\n  .name('Image')\n  .category(staticCategory)\n  .props({\n    src: string.required.default(inlineLogo).dataBound,\n    alt: string.default('Image'),\n  })\n  .css({\n    objectPosition: oneOf('top', 'bottom', 'left', 'right', 'center').default('left'),\n    objectFit: oneOf('contain', 'cover', 'fill', 'none', 'scale-down').default('scale-down')\n      .withEditorProps({creatable: false}),\n  })\n"],"names":["rawLogo","inlineLogo","RsImage","alt","src","className","props","source","useBuilderValue","jsx","cx","styles","rsImage","define","staticCategory","string","oneOf"],"mappings":";;;;AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;GCcTC,IAAa,sBAAsB,mBAAmBD,CAAO,CAAC,IAU9DE,IAAU,CAAC,EAAC,KAAAC,GAAK,KAAAC,GAAK,WAAAC,GAAW,GAAGC,QAAyB;AACjE,QAAMC,IAASC,EAAgBJ,GAAKH,CAAU;AAE9C,SAAO,gBAAAQ,EAAC,OAAA,EAAK,GAAGH,GAAO,WAAWI,EAAGC,EAAO,OAAON,CAAS,GAAG,KAAAF,GAAU,KAAKI,EAAA,CAAO;AACvF,GAEaK,IAAUC,EAAOX,GAAS,SAAS,EAC7C,KAAK,OAAO,EACZ,SAASY,CAAc,EACvB,MAAM;AAAA,EACL,KAAKC,EAAO,SAAS,QAAQd,CAAU,EAAE;AAAA,EACzC,KAAKc,EAAO,QAAQ,OAAO;AAC7B,CAAC,EACA,IAAI;AAAA,EACH,gBAAgBC,EAAM,OAAO,UAAU,QAAQ,SAAS,QAAQ,EAAE,QAAQ,MAAM;AAAA,EAChF,WAAWA,EAAM,WAAW,SAAS,QAAQ,QAAQ,YAAY,EAAE,QAAQ,YAAY,EACpF,gBAAgB,EAAC,WAAW,IAAM;AACvC,CAAC;"}

package/dist/index.d.ts

@@ -5,7 +5,6 @@ import { BuilderView } from '@react-form-builder/core';
 import { ButtonProps } from 'rsuite';
 import { CalendarProps } from 'rsuite/esm/Calendar/Calendar';
 import { CheckboxProps } from 'rsuite';
-import { ClassAttributes } from 'react';
 import { ComponentLibraryDescription } from '@react-form-builder/core';
 import { ComponentProps } from 'react';
 import { CSSProperties } from 'react';
@@ -15,11 +14,10 @@ import { DividerProps } from 'rsuite';
 import { ElementType } from 'react';
 import { ErrorWrapperProps } from '@react-form-builder/core';
 import { FormViewerWrapperComponentProps } from '@react-form-builder/core';
-import { HTMLAttributes } from 'react';
 import { InputPickerProps } from 'rsuite';
 import { InputProps } from 'rsuite';
 import { ItemDataType } from 'rsuite/esm/internals/types';
-import { JSX } from '@emotion/react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
 import { LabeledValue } from '@react-form-builder/core';
 import { LanguageFullCode } from '@react-form-builder/core';
@@ -28,7 +26,6 @@ import { ModalProps } from 'rsuite';
 import { Model } from '@react-form-builder/core';
 import { NavProps } from 'rsuite';
 import { NumericFormatProps } from 'react-number-format';
-import { Omit as Omit_2 } from 'rsuite/esm/internals/types/utils';
 import { OverlayTriggerType } from 'rsuite/esm/internals/Overlay/OverlayTrigger';
 import { PanelProps } from 'rsuite';
 import { PatternFormatProps } from 'react-number-format';
@@ -44,7 +41,6 @@ import { RefAttributes } from 'react';
 import { ReplaceProps } from 'rsuite/esm/internals/types/utils';
 import { SyntheticEvent } from 'react';
 import { TagPickerProps } from 'rsuite';
-import { Theme } from '@emotion/react';
 import { ToggleProps } from 'rsuite';
 import { TypeAttributes } from 'rsuite/esm/internals/types';
 import { UploaderProps } from 'rsuite';
@@ -70,12 +66,6 @@ export declare const builderViewWithCss: BuilderView;
 
 export declare const components: BuilderComponent[];
 
-/**
- * Loads FormEngine specific styles over "rsuite" library.
- * @returns the Promise that resolves when the custom styles have been loaded successfully.
- */
-export declare const formEngineRsuiteCssLoader: () => Promise<void>;
-
 /**
  * The callback function for loading data into the component.
  * @param newData the new data to be loaded into the component.
@@ -112,7 +102,7 @@ declare interface LoadDataProps {
  * Loads the Left-To-Right (LTR) CSS for the "rsuite" library.
  * @returns the Promise that resolves when the LTR CSS has been loaded successfully.
  */
-export declare const ltrCssLoader: () => Promise<void>;
+export declare const ltrCssLoader: () => Promise<() => Promise<void>>;
 
 /**
  * Menu item for RsMenu component.
@@ -246,6 +236,10 @@ export declare interface RsContainerProps {
      * Children elements of the container.
      */
     children?: ReactNode;
+    /**
+     * CSS class name.
+     */
+    className?: string;
 }
 
 export declare const rsDatePicker: Definer<RsDatePickerProps>;
@@ -416,11 +410,7 @@ export declare interface RsMenuProps extends NavProps {
     itemsAs: ElementType;
 }
 
-export declare const rsMessage: Definer<Omit_2<any, WithAsProps<ElementType<any, keyof JSX_2.IntrinsicElements>> & MessageProps> & WithAsProps<ElementType<any, keyof JSX_2.IntrinsicElements>> & MessageProps & {
-children?: ReactNode | undefined;
-} & {
-theme?: Theme;
-}>;
+export declare const rsMessage: Definer<MessageProps>;
 
 export declare const rsModal: Definer<RsModalProps>;
 
@@ -657,11 +647,7 @@ export declare interface RsTimePickerProps extends Omit<DatePickerProps, 'value'
     inline?: boolean;
 }
 
-export declare const rsToggle: Definer<Omit_2<any, WithAsProps<ElementType<any, keyof JSX_2.IntrinsicElements>> & ToggleProps> & WithAsProps<ElementType<any, keyof JSX_2.IntrinsicElements>> & ToggleProps & {
-children?: ReactNode | undefined;
-} & {
-theme?: Theme;
-}>;
+export declare const rsToggle: Definer<ToggleProps>;
 
 /**
  * Metadata builder for rSuite-based tooltip display component.
@@ -2266,26 +2252,27 @@ export declare interface RsWizardProps extends PropsWithChildren<any> {
     onFinish?: (event: SyntheticEvent) => void;
 }
 
-export declare const rsWizardStep: Definer<    {
-theme?: Theme;
-as?: React.ElementType;
-} & RsWizardStepProps & ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
+export declare const rsWizardStep: Definer<RsWizardStepProps>;
 
 /**
  * Props for the RsWizardStep component.
  */
-export declare interface RsWizardStepProps {
+export declare interface RsWizardStepProps extends PropsWithChildren<any> {
     /**
      * Label for the wizard step.
      */
     label?: string;
+    /**
+     * className for element.
+     */
+    className?: string;
 }
 
 /**
  * Loads the Right-to-Left (RTL) CSS for the "rsuite" library.
  * @returns the Promise that resolves when the RTL CSS has been loaded successfully.
  */
-export declare const rtlCssLoader: () => Promise<void>;
+export declare const rtlCssLoader: () => Promise<() => Promise<void>>;
 
 /**
  * Common CSS text properties.

package/dist/index.js

@@ -1,98 +1,97 @@
 import { r as e, e as t } from "./rSuiteComponentsDescriptions-lX1mwx9_.js";
 import { RsLocalizationWrapper as p } from "./localization-wrapper.js";
-import { formEngineRsuiteCssLoader as x, ltrCssLoader as f, rtlCssLoader as a } from "./css-loader.js";
-import { rSuiteComponents as n } from "./r-suite-components.js";
-import { models as l } from "./models.js";
-import { components as C } from "./definitions.js";
-import { view as g } from "./view.js";
-import { viewWithCss as h } from "./view-with-css.js";
-import { builderViewWithCss as b } from "./builder-view-with-css.js";
-import { rsAutoComplete as T } from "./autocomplete.js";
-import { rsBreadcrumb as D } from "./breadcrumb.js";
-import { rsButton as W } from "./button.js";
-import { rsCalendar as v } from "./calendar.js";
-import { rsCard as E } from "./card.js";
-import { rsCheckbox as R } from "./checkbox.js";
-import { rsContainer as B } from "./container.js";
+import { ltrCssLoader as x, rtlCssLoader as f } from "./css-loader.js";
+import { rSuiteComponents as i } from "./r-suite-components.js";
+import { models as d } from "./models.js";
+import { components as c } from "./definitions.js";
+import { view as u } from "./view.js";
+import { viewWithCss as g } from "./view-with-css.js";
+import { builderViewWithCss as L } from "./builder-view-with-css.js";
+import { rsAutoComplete as S } from "./autocomplete.js";
+import { rsBreadcrumb as k } from "./breadcrumb.js";
+import { rsButton as M } from "./button.js";
+import { rsCalendar as w } from "./calendar.js";
+import { rsCard as z } from "./card.js";
+import { rsCheckbox as A } from "./checkbox.js";
+import { rsContainer as E } from "./container.js";
 import { rsDatePicker as I } from "./date-picker.js";
-import { rsDivider as y } from "./divider.js";
-import { rsDropdown as N } from "./dropdown.js";
-import { rsHeader as j } from "./header.js";
-import { rsImage as J } from "./image.js";
-import { rsInput as O } from "./input.js";
-import { rsLabel as X } from "./label.js";
-import { rsLink as Z } from "./link.js";
-import { rsMenu as $ } from "./menu.js";
-import { rsMessage as or } from "./message.js";
-import { rsModal as tr } from "./modal.js";
-import { rsModalLayout as pr } from "./modal-layout.js";
-import { rsNumberFormat as xr } from "./number-format.js";
-import { rsPatternFormat as ar } from "./pattern-format.js";
-import { rsPlaceholderGraph as nr, rsPlaceholderGrid as dr, rsPlaceholderParagraph as lr } from "./placeholder.js";
-import { rsProgressCircle as Cr, rsProgressLine as ur } from "./progress.js";
+import { rsDivider as U } from "./divider.js";
+import { rsDropdown as H } from "./dropdown.js";
+import { rsHeader as V } from "./header.js";
+import { rsImage as q } from "./image.js";
+import { rsInput as K } from "./input.js";
+import { rsLabel as Q } from "./label.js";
+import { rsLink as Y } from "./link.js";
+import { rsMenu as _ } from "./menu.js";
+import { rsMessage as rr } from "./message.js";
+import { rsModal as er } from "./modal.js";
+import { rsModalLayout as sr } from "./modal-layout.js";
+import { rsNumberFormat as mr } from "./number-format.js";
+import { rsPatternFormat as fr } from "./pattern-format.js";
+import { rsPlaceholderGraph as ir, rsPlaceholderGrid as nr, rsPlaceholderParagraph as dr } from "./placeholder.js";
+import { rsProgressCircle as cr, rsProgressLine as Cr } from "./progress.js";
 import { rsRadioGroup as Pr } from "./radio-group.js";
-import { rsSearch as Lr } from "./search.js";
-import { rsStaticContent as Sr } from "./static-content.js";
-import { rsTab as kr } from "./tab.js";
-import { rsTagPicker as Mr } from "./tag-picker.js";
-import { rsTextArea as wr } from "./text-area.js";
-import { rsTimePicker as zr } from "./time-picker.js";
+import { rsSearch as hr } from "./search.js";
+import { rsStaticContent as br } from "./static-content.js";
+import { rsTab as Tr } from "./tab.js";
+import { rsTagPicker as Dr } from "./tag-picker.js";
+import { rsTextArea as Wr } from "./text-area.js";
+import { rsTimePicker as vr } from "./time-picker.js";
 import { rsToggle as Gr } from "./toggle.js";
-import { rsUploader as Ar } from "./uploader.js";
+import { rsUploader as Br } from "./uploader.js";
 import { rsWizard as Fr, rsWizardStep as Ir } from "./wizard.js";
-import { rsErrorMessage as yr } from "./error-message.js";
-import { rsTooltip as Nr } from "./tooltip.js";
+import { rsErrorMessage as Ur } from "./error-message.js";
+import { rsTooltip as Hr } from "./tooltip.js";
 export {
   p as RsLocalizationWrapper,
-  b as builderViewWithCss,
-  C as components,
-  x as formEngineRsuiteCssLoader,
-  f as ltrCssLoader,
-  l as models,
-  n as rSuiteComponents,
+  L as builderViewWithCss,
+  c as components,
+  x as ltrCssLoader,
+  d as models,
+  i as rSuiteComponents,
   e as rSuiteComponentsDescriptions,
   t as rSuiteEnUsComponentsDescriptions,
-  T as rsAutoComplete,
-  D as rsBreadcrumb,
-  W as rsButton,
-  v as rsCalendar,
-  E as rsCard,
-  R as rsCheckbox,
-  B as rsContainer,
+  S as rsAutoComplete,
+  k as rsBreadcrumb,
+  M as rsButton,
+  w as rsCalendar,
+  z as rsCard,
+  A as rsCheckbox,
+  E as rsContainer,
   I as rsDatePicker,
-  y as rsDivider,
-  N as rsDropdown,
-  yr as rsErrorMessage,
-  j as rsHeader,
-  J as rsImage,
-  O as rsInput,
-  X as rsLabel,
-  Z as rsLink,
-  $ as rsMenu,
-  or as rsMessage,
-  tr as rsModal,
-  pr as rsModalLayout,
-  xr as rsNumberFormat,
-  ar as rsPatternFormat,
-  nr as rsPlaceholderGraph,
-  dr as rsPlaceholderGrid,
-  lr as rsPlaceholderParagraph,
-  Cr as rsProgressCircle,
-  ur as rsProgressLine,
+  U as rsDivider,
+  H as rsDropdown,
+  Ur as rsErrorMessage,
+  V as rsHeader,
+  q as rsImage,
+  K as rsInput,
+  Q as rsLabel,
+  Y as rsLink,
+  _ as rsMenu,
+  rr as rsMessage,
+  er as rsModal,
+  sr as rsModalLayout,
+  mr as rsNumberFormat,
+  fr as rsPatternFormat,
+  ir as rsPlaceholderGraph,
+  nr as rsPlaceholderGrid,
+  dr as rsPlaceholderParagraph,
+  cr as rsProgressCircle,
+  Cr as rsProgressLine,
   Pr as rsRadioGroup,
-  Lr as rsSearch,
-  Sr as rsStaticContent,
-  kr as rsTab,
-  Mr as rsTagPicker,
-  wr as rsTextArea,
-  zr as rsTimePicker,
+  hr as rsSearch,
+  br as rsStaticContent,
+  Tr as rsTab,
+  Dr as rsTagPicker,
+  Wr as rsTextArea,
+  vr as rsTimePicker,
   Gr as rsToggle,
-  Nr as rsTooltip,
-  Ar as rsUploader,
+  Hr as rsTooltip,
+  Br as rsUploader,
   Fr as rsWizard,
   Ir as rsWizardStep,
-  a as rtlCssLoader,
-  g as view,
-  h as viewWithCss
+  f as rtlCssLoader,
+  u as view,
+  g as viewWithCss
 };
 //# sourceMappingURL=index.js.map

package/dist/input.js

@@ -1,11 +1,11 @@
-import { jsxs as x, jsx as e } from "@emotion/react/jsx-runtime";
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
 import { define as C, string as s, boolean as g, oneOf as y, useComponentData as v, useAriaAttributes as A } from "@react-form-builder/core";
 import { Visible as V, EyeClose as k } from "@rsuite/icons";
 import { useState as L, useCallback as j } from "react";
 import { InputGroup as n, Input as p } from "rsuite";
 import { i as P } from "./commonProperties-X-t50qaZ.js";
 import { f as R } from "./categories-_98lyB3C.js";
-import { L as S } from "./Labeled-BWYRwMiY.js";
+import { L as S } from "./Labeled-8k9VvM4G.js";
 const B = ({ style: u, className: d, label: o, passwordMask: m, showPasswordAriaLabel: f, type: c, value: r, ...a }) => {
   const [t, b] = L(!1), { id: i } = v(), l = A({ labeled: !!o }), h = j(() => b((I) => !I), []), w = m ? /* @__PURE__ */ x(n, { inside: !0, children: [
     /* @__PURE__ */ e(p, { id: i, ...l, type: t ? "text" : "password", value: r ?? "", ...a }),

package/dist/label.js

@@ -1,4 +1,4 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { define as s, string as l, useBuilderValue as n } from "@react-form-builder/core";
 import { t as m } from "./commonProperties-X-t50qaZ.js";
 import { a as c } from "./categories-_98lyB3C.js";

package/dist/link.js

@@ -1,4 +1,4 @@
-import { jsx as s } from "@emotion/react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { define as d, event as f, string as t, node as c, boolean as m, oneOf as e } from "@react-form-builder/core";
 import { t as p } from "./commonProperties-X-t50qaZ.js";
 import { a as k } from "./categories-_98lyB3C.js";

package/dist/localization-wrapper.d.ts

@@ -1,5 +1,5 @@
 import { FormViewerWrapperComponentProps } from '@react-form-builder/core';
-import { JSX } from '@emotion/react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 
 export declare const defaultComponentsLocale: {
     code: string;