fontdue-js 2.28.0 → 3.0.0-alpha10

package/dist/components/FontdueContextProvider/index.js

@@ -0,0 +1,148 @@
+'use client';
+
+import React, { Suspense, createContext, useContext, useRef } from 'react';
+import { Provider } from 'react-redux';
+import { RelayEnvironmentProvider } from 'react-relay';
+import { useCurrentEnvironment } from '../../relay/environment.js';
+import ConfigContext, { makeConfig, mergeConfig } from '../ConfigContext.js';
+import { createDefaultStore } from '../../reducer.js';
+import ComponentsContext from '../ComponentsContext.js';
+import UrlContext from '../UrlContext.js';
+import { setCorsModalEnabled } from '../../corsError.js';
+import TypeTesterFamiliesProvider from '../TypeTester/TypeTesterFamilies.js';
+
+// Marker context used by self-wrapping components to detect a parent
+// FontdueContextProvider/FontdueProvider. When the marker is `true`, a
+// self-wrapping component skips its inner FontdueContextProvider so the
+// outer config/url/store/relay-env flow through. Internal — do not export
+// from the package.
+const FontdueContextMarker = /*#__PURE__*/createContext(false);
+
+// Carries the *raw* (pre-`makeConfig`) config that established the current
+// context. A nested override deep-merges onto this and re-resolves once, which
+// preserves `makeConfig`'s cross-field normalization — better than merging onto
+// the already-defaulted value. Internal — do not export from the package.
+const RawConfigContext = /*#__PURE__*/createContext(undefined);
+
+// Deep-merges `config` onto the inherited config and re-provides it to
+// `children`, so a component can layer its own config (e.g. a per-tester
+// `selectable: true`) on top of an outer `<FontdueProvider config={…}>` rather
+// than replacing or ignoring it.
+function ConfigOverride(_ref) {
+  let {
+    config,
+    children
+  } = _ref;
+  const parentConfig = useContext(RawConfigContext);
+  const merged = mergeConfig(parentConfig, config);
+  return /*#__PURE__*/React.createElement(RawConfigContext.Provider, {
+    value: merged
+  }, /*#__PURE__*/React.createElement(ConfigContext.Provider, {
+    value: makeConfig(merged)
+  }, children));
+}
+
+// Wraps `children` in `FontdueContextProvider` only when no parent
+// FontdueContextProvider/FontdueProvider is present. Self-wrapping components
+// (`<TypeTester>`, `<StoreModal>`, etc.) use this so they Just Work as
+// standalone islands while staying lightweight inside an outer
+// `<FontdueProvider>` tree.
+//
+// `config` is the component's own config. Standalone, it seeds the
+// freshly-created `FontdueContextProvider` so a lone `<TypeTester config={{
+// typeTester: { selectable: true } }} />` works without any provider. Inside an
+// existing context, it deep-merges onto the inherited config — the component's
+// keys win, everything else is inherited from the outer `<FontdueProvider>`.
+export function EnsureFontdueContext(_ref2) {
+  let {
+    children,
+    config
+  } = _ref2;
+  const isInsideContext = useContext(FontdueContextMarker);
+  if (isInsideContext) {
+    return config ? /*#__PURE__*/React.createElement(ConfigOverride, {
+      config: config
+    }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  return /*#__PURE__*/React.createElement(FontdueContextProvider, {
+    config: config
+  }, children);
+}
+const IS_SERVER = typeof window === typeof undefined;
+
+// === Multi-island state-sharing contract ===
+//
+// Frameworks that hydrate per-island (Astro, Vike, Qwik) mount one
+// `FontdueContextProvider` per fontdue-js component on the page. Each island
+// runs its own React reconciler and gets its own copy of every context, so
+// state that lives inside the component tree is duplicated — adding to the
+// cart in one island wouldn't update the CartButton in a different island.
+//
+// Any stateful client to be shared *across islands* (a Redux store, a Relay
+// Environment, or any future cache) must be a module-level singleton on the
+// client and per-render on the server. SSR has the opposite constraint: a
+// client-shared singleton would leak state between concurrent requests.
+//
+// The pattern (see also `relay/environment.ts → useCurrentEnvironment`):
+//
+//   let clientThing: Thing | null = null;
+//   function useSharedThing() {
+//     if (IS_SERVER) return createThing(); // per-render, no leakage
+//     if (clientThing == null) clientThing = createThing();
+//     return clientThing; // shared across islands
+//   }
+//
+// If you add a new context provider here that holds mutable client state,
+// follow this pattern. If it's purely deriving from props (no state), a
+// vanilla `Context.Provider` is fine — each island will compute the same
+// value.
+let clientStore = null;
+function useSharedStore(providedStore, config) {
+  const ref = useRef(null);
+  if (providedStore) return providedStore;
+  if (IS_SERVER) {
+    if (ref.current == null) ref.current = createDefaultStore(config);
+    return ref.current;
+  }
+  if (clientStore == null) clientStore = createDefaultStore(config);
+  return clientStore;
+}
+// Lightweight wrapper that sets up Fontdue's React contexts (Relay env,
+// Redux store, config, url, components) without rendering any aux UI.
+// `*Preloaded` self-wrapping components use this so they can stand alone
+// without claiming the page-level aux UI slot. Pages that need aux UI
+// (theme/test-mode/consent/tracking) wrap with `FontdueProvider` instead.
+export default function FontdueContextProvider(_ref3) {
+  let {
+    children,
+    url,
+    stripeIntegration,
+    config,
+    components,
+    store
+  } = _ref3;
+  const environment = useCurrentEnvironment({
+    url,
+    stripeIntegration
+  });
+  const configValue = makeConfig(config);
+  setCorsModalEnabled(configValue.corsErrorModal);
+  const sharedStore = useSharedStore(store, config);
+  return /*#__PURE__*/React.createElement(FontdueContextMarker.Provider, {
+    value: true
+  }, /*#__PURE__*/React.createElement(RelayEnvironmentProvider, {
+    environment: environment
+  }, /*#__PURE__*/React.createElement(Provider, {
+    store: sharedStore
+  }, /*#__PURE__*/React.createElement(Suspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(RawConfigContext.Provider, {
+    value: config
+  }, /*#__PURE__*/React.createElement(ConfigContext.Provider, {
+    value: configValue
+  }, /*#__PURE__*/React.createElement(UrlContext.Provider, {
+    value: url ?? (typeof process !== 'undefined' ? process.env.NEXT_PUBLIC_FONTDUE_URL : undefined) ?? ''
+  }, /*#__PURE__*/React.createElement(ComponentsContext.Provider, {
+    value: components ?? {}
+  }, /*#__PURE__*/React.createElement(TypeTesterFamiliesProvider, null, children)))))))));
+}

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

@@ -1,5 +1,21 @@
 import React from 'react';
-import type { FontdueProvider_props } from './FontdueProviderClientComponent';
-declare const FontdueProvider: ({ children, ...rest }: FontdueProvider_props) => React.JSX.Element;
-export { FontdueProvider_props };
+export { default as loadFontdueProviderQuery } from '../../loadFontdueProviderQuery.js';
+import type { FontdueContextProvider_props } from '../FontdueContextProvider/index.js';
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery.js';
+import type { FontdueServerConfig } from '../../relay/serverConfig.js';
+import { FontdueProviderQuery } from '../../__generated__/FontdueProviderQuery.graphql.js';
+export declare const fontdueProviderQuery: import("react-relay").GraphQLTaggedNode;
+export type FontdueProviderPreloadedQuery = SerializablePreloadedQuery<FontdueProviderQuery>;
+export interface FontdueProvider_props extends FontdueContextProvider_props {
+    preloadedQuery?: FontdueProviderPreloadedQuery;
+    /**
+     * Per-render config for server-side fetches (url, headers, cacheTags).
+     * Only honoured by the React Server Components entrypoint, which writes it
+     * to the render-scoped config store and strips it before this client
+     * component — it may carry internal headers that must never reach the
+     * browser. Ignored when the client provider is used directly.
+     */
+    serverConfig?: FontdueServerConfig;
+}
+declare const FontdueProvider: ({ children, preloadedQuery, serverConfig: _serverConfig, ...rest }: FontdueProvider_props) => React.JSX.Element;
 export default FontdueProvider;

package/dist/components/FontdueProvider/index.js

@@ -1,20 +1,82 @@
-"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';
+export { default as loadFontdueProviderQuery } from '../../loadFontdueProviderQuery.js';
+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')));
+// Admin-only; self-gates to a staff session and renders nothing otherwise, so
+// it's safe to mount for everyone. It detects staff client-side (storefront
+// renders are sessionless), so it needs no fragment on the provider query.
+// Lazy so it stays out of the provider's main chunk.
+const FontdueAdminToolbar = /*#__PURE__*/lazy(() => retryImport(() => import('../FontdueAdminToolbar/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,
+    serverConfig: _serverConfig,
     ...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), /*#__PURE__*/React.createElement(FontdueAdminToolbar, null))));
+}
+export default FontdueProvider;

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

@@ -1,4 +1,7 @@
 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 type { FontdueProviderPreloadedQuery } from '../../loadFontdueProviderQuery.js';
+export type { FontdueServerConfig } from '../../relay/serverConfig.js';
+export declare function loadFontdueProviderQuery(): never;
+export default function FontdueProviderServer({ preloadedQuery, serverConfig, ...rest }: FontdueProvider_props): Promise<React.JSX.Element>;

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

@@ -1,26 +1,42 @@
-"use strict";
+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 loadFontdueProviderQueryImpl from '../../loadFontdueProviderQuery.js';
+import { setFontdueServerConfig } from '../../relay/serverConfig.js';
+// Stub for the RSC export condition. The default `<FontdueProvider>` server
+// entrypoint (this file) awaits the query for consumers, so RSC users should
+// never call it manually. Re-exporting a throwing stub makes the mistake
+// obvious — without it, importing `loadFontdueProviderQuery` from
+// `'fontdue-js/FontdueProvider'` in a server component would fail at build
+// time with the unhelpful `Named export 'loadFontdueProviderQuery' not found`.
+export function loadFontdueProviderQuery() {
+  throw new Error("loadFontdueProviderQuery isn't needed in React Server Components — " + 'the <FontdueProvider> server entrypoint awaits its query automatically. ' + 'Drop the manual call.');
+}
 
-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) {
+// 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."
+//
+// `serverConfig` (and, as a shorthand, the `url` prop) is written to the
+// per-render server config store before anything fetches, so every Fontdue
+// server component below the provider — and the provider's own query —
+// fetches against it. It is intentionally NOT forwarded to the client
+// component: it can carry internal headers (e.g. proxy auth) that must not
+// be serialized into the RSC payload. Note a soft navigation re-renders only
+// the page segment, not a layout-hosted provider — pages that contain
+// Fontdue components should call setFontdueServerConfig themselves.
+export default async function FontdueProviderServer(_ref) {
   let {
-    children,
+    preloadedQuery,
+    serverConfig,
     ...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);
+  if (serverConfig || rest.url) {
+    setFontdueServerConfig(serverConfig ?? {
+      url: rest.url
+    });
+  }
+  const resolved = preloadedQuery ?? (await loadFontdueProviderQueryImpl());
+  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;