fontdue-js 2.22.4 → 3.0.0-alpha2

package/dist/components/FontdueProvider/index.js

@@ -1,20 +1,75 @@
-"use strict";
+'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TestModeBanner = _interopRequireDefault(require("../TestModeBanner"));
-var _ThemeConfig = _interopRequireDefault(require("../ThemeConfig"));
-var _FontdueProviderClientComponent = _interopRequireDefault(require("./FontdueProviderClientComponent"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _FontdueProviderQuery from "../../__generated__/FontdueProviderQuery.graphql.js";
+import React, { Suspense, lazy } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import { graphql, useLazyLoadQuery, usePreloadedQuery } from 'react-relay';
+import TestModeBanner from '../TestModeBanner/index.js';
+import ThemeConfig from '../ThemeConfig/index.js';
+import ServerConfigProvider from '../ServerConfigProvider/index.js';
+import FontdueContextProvider from '../FontdueContextProvider/index.js';
+import retryImport from '../../retryImport.js';
+import useSerializablePreloadedQuery from '../../relay/useSerializablePreloadedQuery.js';
+const ConsentBanner = /*#__PURE__*/lazy(() => retryImport(() => import('../ConsentBanner/index.js')));
+const Tracking = /*#__PURE__*/lazy(() => retryImport(() => import('../Tracking/index.js')));
+
+// Single layout-level query that spreads every aux UI component's fragment.
+// Components declare their own data needs via fragments — adding a new aux
+// component is one fragment + one fragment spread, no duplicated selections.
+export const fontdueProviderQuery = (_FontdueProviderQuery.hash && _FontdueProviderQuery.hash !== "5cbd582990daa28a99839c20abbc8bda" && console.error("The definition of 'FontdueProviderQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontdueProviderQuery);
 const FontdueProvider = _ref => {
   let {
     children,
+    preloadedQuery,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_FontdueProviderClientComponent.default, rest, /*#__PURE__*/_react.default.createElement(_TestModeBanner.default, null), /*#__PURE__*/_react.default.createElement(_ThemeConfig.default, null), children);
+  return /*#__PURE__*/React.createElement(FontdueContextProvider, rest, /*#__PURE__*/React.createElement(ErrorBoundary, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(Suspense, {
+    fallback: null
+  }, preloadedQuery ? /*#__PURE__*/React.createElement(AuxUIPreloaded, {
+    preloadedQuery: preloadedQuery,
+    codeConfig: rest.config
+  }) : /*#__PURE__*/React.createElement(AuxUILazy, {
+    codeConfig: rest.config
+  }))), children);
 };
-var _default = FontdueProvider;
-exports.default = _default;
+function AuxUIPreloaded(_ref2) {
+  let {
+    preloadedQuery,
+    codeConfig
+  } = _ref2;
+  const queryRef = useSerializablePreloadedQuery(preloadedQuery, undefined, fontdueProviderQuery);
+  const data = usePreloadedQuery(fontdueProviderQuery, queryRef);
+  return /*#__PURE__*/React.createElement(AuxUI, {
+    viewer: data.viewer,
+    codeConfig: codeConfig
+  });
+}
+function AuxUILazy(_ref3) {
+  let {
+    codeConfig
+  } = _ref3;
+  const data = useLazyLoadQuery(fontdueProviderQuery, {});
+  return /*#__PURE__*/React.createElement(AuxUI, {
+    viewer: data.viewer,
+    codeConfig: codeConfig
+  });
+}
+function AuxUI(_ref4) {
+  let {
+    viewer,
+    codeConfig
+  } = _ref4;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ThemeConfig, {
+    viewer: viewer
+  }), /*#__PURE__*/React.createElement(TestModeBanner, {
+    viewer: viewer
+  }), /*#__PURE__*/React.createElement(ServerConfigProvider, {
+    viewer: viewer,
+    codeConfig: codeConfig
+  }, /*#__PURE__*/React.createElement(Suspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(ConsentBanner, null), /*#__PURE__*/React.createElement(Tracking, null))));
+}
+export default FontdueProvider;

package/dist/components/FontdueProvider/index.server.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FontdueProvider_props } from './FontdueProviderClientComponent';
-export { FontdueProvider_props } from './FontdueProviderClientComponent';
-export default function FontdueProvider({ children, ...rest }: FontdueProvider_props): Promise<React.JSX.Element>;
+import type { FontdueProvider_props } from './index.js';
+export type { FontdueProvider_props } from './index.js';
+export default function FontdueProviderServer({ preloadedQuery, ...rest }: FontdueProvider_props): Promise<React.JSX.Element>;

package/dist/components/FontdueProvider/index.server.js

@@ -1,26 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FontdueProvider_props", {
-  enumerable: true,
-  get: function () {
-    return _FontdueProviderClientComponent.FontdueProvider_props;
-  }
-});
-exports.default = FontdueProvider;
-var _react = _interopRequireDefault(require("react"));
-var _TestModeBanner = _interopRequireDefault(require("../TestModeBanner"));
-var _index = _interopRequireDefault(require("../ThemeConfig/index.server"));
-var _FontdueProviderClientComponent = _interopRequireWildcard(require("./FontdueProviderClientComponent"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-async function FontdueProvider(_ref) {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import FontdueProvider from './index.js';
+import loadFontdueProviderQuery from '../../loadFontdueProviderQuery.js';
+// RSC entry. When no preloadedQuery is passed, fetch one server-side so the
+// Next.js App Router path stays "drop the provider in your layout, done."
+export default async function FontdueProviderServer(_ref) {
   let {
-    children,
+    preloadedQuery,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_FontdueProviderClientComponent.default, rest, /*#__PURE__*/_react.default.createElement(_TestModeBanner.default, null), /*#__PURE__*/_react.default.createElement(_index.default, null), children);
+  const resolved = preloadedQuery ?? (await loadFontdueProviderQuery({
+    url: rest.url
+  }));
+  return /*#__PURE__*/React.createElement(FontdueProvider, _extends({}, rest, {
+    preloadedQuery: resolved
+  }));
 }

package/dist/components/Icons/Align.js

@@ -1,56 +1,47 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AlignCenter = AlignCenter;
-exports.AlignLeft = AlignLeft;
-exports.AlignRight = AlignRight;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function AlignCenter() {
-  return /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+export function AlignCenter() {
+  return /*#__PURE__*/React.createElement("span", {
     className: "icon",
     "data-label": "AlignCenter"
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "18",
     height: "13",
     fill: "none",
     viewBox: "0 0 18 13"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M0 4h18v1H0V4zM2 0h14.078v1H2V0zM2.067 8H16v1H2.067V8zM3 12h12.079v1H3v-1z",
     clipRule: "evenodd"
   })));
 }
-function AlignLeft() {
-  return /*#__PURE__*/_react.default.createElement("span", {
+export function AlignLeft() {
+  return /*#__PURE__*/React.createElement("span", {
     className: "icon",
     "data-label": "AlignLeft"
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "19",
     height: "13",
     fill: "none",
     viewBox: "0 0 19 13"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M0 0h14.079v1H0V0zM0 4h18.078v1H0V4zM0 8h16.078v1H0V8zM0 12h14.079v1H0v-1z",
     clipRule: "evenodd"
   })));
 }
-function AlignRight() {
-  return /*#__PURE__*/_react.default.createElement("span", {
+export function AlignRight() {
+  return /*#__PURE__*/React.createElement("span", {
     className: "icon",
     "data-label": "AlignRight"
-  }, /*#__PURE__*/_react.default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "19",
     height: "13",
     fill: "none",
     viewBox: "0 0 19 13"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M3 0h15v1H3V0zM3.47 12H18v1H3.47v-1zM.067 4H18v1H.067V4zM2.067 8H18v1H2.067V8z",
     clipRule: "evenodd"

package/dist/components/Icons/ArrowDownRight.js

@@ -1,19 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ArrowDownRight = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const ArrowDownRight = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "ArrowDownRight"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 14.357 10.205",
   xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   d: "m9.819 1.128-.707.707 3.331 3.332h-11.443v-5.167h-1v6.167h12.443l-3.331 3.331.707.707 4.538-4.538z"
 })));
-var _default = ArrowDownRight;
-exports.default = _default;
+export default ArrowDownRight;

package/dist/components/Icons/ArrowLeft.js

@@ -1,22 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ArrowLeft = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const ArrowLeft = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "ArrowLeft"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "23",
   height: "10",
   fill: "none",
   viewBox: "0 0 23 10"
-}, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   d: "M4.538 9.077l.707-.707-3.331-3.332h20.61v-1H1.914L5.245.707 4.538 0 0 4.538l4.538 4.539z"
 })));
-var _default = ArrowLeft;
-exports.default = _default;
+export default ArrowLeft;

package/dist/components/Icons/ArrowRight.js

@@ -1,19 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ArrowRight = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const ArrowRight = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "ArrowRight"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 22.524 9.077",
   xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   d: "m17.986 0-.707.707 3.331 3.332h-20.61v1h20.61l-3.331 3.331.707.707 4.538-4.538z"
 })));
-var _default = ArrowRight;
-exports.default = _default;
+export default ArrowRight;

package/dist/components/Icons/CarrotDown.js

@@ -1,19 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CarrotDown = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const CarrotDown = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "CarrotDown"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 16.207 8.811",
   xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   d: "m8.104 8.811-8.104-8.104.707-.707 7.397 7.396 7.396-7.396.707.707z"
 })));
-var _default = CarrotDown;
-exports.default = _default;
+export default CarrotDown;

package/dist/components/Icons/CarrotUp.js

@@ -1,19 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CarrotUp = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const CarrotUp = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "CarrotUp"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 16.207 8.811",
   xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   d: "m15.5 8.811-7.396-7.397-7.397 7.397-.707-.707 8.104-8.104 8.103 8.104z"
 })));
-var _default = CarrotUp;
-exports.default = _default;
+export default CarrotUp;

package/dist/components/Icons/Cart.js

@@ -1,23 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Cart = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const Cart = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "Cart"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24.015 20",
   xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
   d: "m20.737 14.16h-13.128l-2.092-13.16h-5.517v-1h6.371l.661 4.16h16.983zm-12.274-1h11.55l2.622-8h-15.444z"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   d: "m10.274 18.2a1.8 1.8 0 1 1 -1.8-1.8 1.8 1.8 0 0 1 1.8 1.8"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   d: "m21.425 18.2a1.8 1.8 0 1 1 -1.8-1.8 1.8 1.8 0 0 1 1.8 1.8"
 }))));
-var _default = Cart;
-exports.default = _default;
+export default Cart;

package/dist/components/Icons/CartNew.js

@@ -1,33 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Cart = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const Cart = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "Cart"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "22",
   height: "29",
   fill: "none",
   viewBox: "0 0 22 29"
-}, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M18.636 8.545H1v14.728h17.636V8.545zM0 7.545v16.728h19.636V7.545H0z",
   clipRule: "evenodd"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M4.59 5.727a5.227 5.227 0 0110.456 0v5.455h-1V5.727a4.227 4.227 0 00-8.455 0v5.455h-1V5.727z",
   clipRule: "evenodd"
-}), /*#__PURE__*/_react.default.createElement("circle", {
+}), /*#__PURE__*/React.createElement("circle", {
   cx: "15",
   cy: "21.273",
   r: "7",
   "data-label": "Cart Active Indicator"
 })));
-var _default = Cart;
-exports.default = _default;
+export default Cart;

package/dist/components/Icons/Check.js

@@ -1,19 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Check = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const Check = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "Check"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 9.299 11.232"
-}, /*#__PURE__*/_react.default.createElement("polygon", {
+}, /*#__PURE__*/React.createElement("polygon", {
   points: "2.605 11.232 0 5.652 0.906 5.229 2.733 9.142 8.451 0 9.299 0.53 2.605 11.232"
 })));
-var _default = Check;
-exports.default = _default;
+export default Check;

package/dist/components/Icons/Checkbox.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Checkbox = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const Checkbox = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "Checkbox"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   x: "0",
   y: "0",
@@ -17,8 +10,7 @@ const Checkbox = () => /*#__PURE__*/_react.default.createElement("span", {
   version: "1.1",
   viewBox: "0 0 16 16",
   xmlSpace: "preserve"
-}, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   d: "M2 2v12h12V2H2zm11 11H3V3h10v10z"
 })));
-var _default = Checkbox;
-exports.default = _default;
+export default Checkbox;

package/dist/components/Icons/CheckboxChecked.js

@@ -1,24 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CheckboxChecked = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const CheckboxChecked = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "CheckboxChecked"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   width: 16,
   height: 16,
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M2 14V2h12v12H2zm5.078-1.715l5.338-8.008-.832-.554-4.662 6.992-2.568-2.569-.708.708 3.432 3.43z"
 })));
-var _default = CheckboxChecked;
-exports.default = _default;
+export default CheckboxChecked;

package/dist/components/Icons/CheckboxCrossed.js

@@ -1,26 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CheckboxCrossed = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const CheckboxCrossed = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "CheckboxCrossed"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   fill: "none",
   viewBox: "0 0 16 16"
-}, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M15 1H1v14h14V1zm1-1v16H0V0h16z",
   clipRule: "evenodd"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   d: "M8 7.293l4-4 .707.707-4 4 4 4-.707.707-4-4-4 4L3.293 12l4-4-4-4L4 3.293l4 4z"
 })));
-var _default = CheckboxCrossed;
-exports.default = _default;
+export default CheckboxCrossed;

package/dist/components/Icons/CircledCheck.js

@@ -1,21 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CircledCheck = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const CircledCheck = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "CircledCheck"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 23 23",
   xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
   d: "m9.833 16.729-2.604-5.58.906-.423 1.826 3.913 5.719-9.142.847.53z"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   d: "m11.5 23a11.5 11.5 0 1 1 11.5-11.5 11.513 11.513 0 0 1 -11.5 11.5zm0-22a10.5 10.5 0 1 0 10.5 10.5 10.512 10.512 0 0 0 -10.5-10.5z"
 }))));
-var _default = CircledCheck;
-exports.default = _default;
+export default CircledCheck;

package/dist/components/Icons/CircledInfo.js

@@ -1,21 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CircledInfo = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const CircledInfo = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "CircledInfo"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 26 26",
   xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
   d: "m13 26a13 13 0 1 1 13-13 13.015 13.015 0 0 1 -13 13zm0-25a12 12 0 1 0 12 12 12.013 12.013 0 0 0 -12-12z"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   d: "m13.844 7h-1.3v1.3h1.3zm2.432 11.2v-1.024h-2.432v-6.912h-3.744v1.024h2.448v5.888h-2.448v1.024z"
 }))));
-var _default = CircledInfo;
-exports.default = _default;
+export default CircledInfo;

package/dist/components/Icons/CircledMinus.js

@@ -1,21 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CircledMinus = () => /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+const CircledMinus = () => /*#__PURE__*/React.createElement("span", {
   className: "icon",
   "data-label": "CircledMinus"
-}, /*#__PURE__*/_react.default.createElement("svg", {
+}, /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 23 23",
   xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
   d: "m11.5 23a11.5 11.5 0 1 1 11.5-11.5 11.513 11.513 0 0 1 -11.5 11.5zm0-22a10.5 10.5 0 1 0 10.5 10.5 10.512 10.512 0 0 0 -10.5-10.5z"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   d: "m7 11h9v1h-9z"
 }))));
-var _default = CircledMinus;
-exports.default = _default;
+export default CircledMinus;