fontdue-js 2.21.0 → 2.22.1

package/dist-cjs/components/Family/index.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Family;
+var _Family_node2 = _interopRequireDefault(require("../../__generated__/Family_node.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+var _reactRedux = require("react-redux");
+var _SelectButton = _interopRequireDefault(require("../SelectButton"));
+var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
+var _Price = require("../Price");
+var _FamilyList = _interopRequireDefault(require("./FamilyList"));
+var _reducer = require("../../reducer");
+var _utils = require("../../utils");
+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 }; }
+function Family({
+  node: nodeKey,
+  size
+}) {
+  const node = (0, _reactRelay.useFragment)((_Family_node2.default.hash && _Family_node2.default.hash !== "5c49167e8bf2458ab72604ff960636b2" && console.error("The definition of 'Family_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Family_node2.default), nodeKey);
+  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
+  const selector = node.sku ? (0, _reducer.isSelected)(node.sku.id) : () => false;
+  const selected = (0, _reactRedux.useSelector)(selector);
+  const [buyButtonIsHovered, setBuyButtonIsHovered] = (0, _react.useState)(false);
+  const isSuperFamily = node.collectionType === 'superfamily';
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "select-button-hover-parent font-family-block",
+    "data-size": size,
+    "data-selected": selected,
+    "data-buy-button-hovered": buyButtonIsHovered
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "font-family-block__wrapper"
+  }, node.sku && /*#__PURE__*/_react.default.createElement("div", {
+    className: "font-family-block__select-button"
+  }, /*#__PURE__*/_react.default.createElement(_SelectButton.default, {
+    sku: node.sku,
+    productId: node.sku.id,
+    onMouseEnter: () => setBuyButtonIsHovered(true),
+    onMouseLeave: () => setBuyButtonIsHovered(false),
+    className: "font-family-block__select-button-element"
+  }), precartOpen && !selected && /*#__PURE__*/_react.default.createElement("div", {
+    className: "font-family-block__price"
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
+    sku: node.sku,
+    format: _Price.PriceFormat.Truncated
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "font-family-block__label"
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    className: "font-family-block__name"
+  }, isSuperFamily ? `${node.name} Super family` : node.name), /*#__PURE__*/_react.default.createElement("span", {
+    className: "font-family-block__separator"
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    className: "font-family-block__count"
+  }, (0, _utils.pluralize)(node.totalStyles ?? 0, node.isVariableFont ? 'font' : 'style')), node.isVariableFont ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "font-family-block__separator"
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    className: "font-family-block__count"
+  }, (0, _utils.pluralize)(node.fontStyles?.reduce((total, style) => total + (style.variableAxes?.length ?? 0), 0) ?? 0, 'variable axis', 'variable axes')), /*#__PURE__*/_react.default.createElement("span", {
+    className: "font-family-block__separator"
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    className: "font-family-block__count"
+  }, (0, _utils.pluralize)(node.fontStyles?.reduce((total, style) => total + (style.variableInstances?.length ?? 0), 0) ?? 0, 'named instance'))) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: "font-family-block__lists"
+  }, isSuperFamily ? node.families?.map((family, index) => /*#__PURE__*/_react.default.createElement(_FamilyList.default, {
+    key: index,
+    node: family,
+    text: family.featureStyle?.keyCharacters_localized
+  })) : /*#__PURE__*/_react.default.createElement(_FamilyList.default, {
+    node: node
+  }))));
+}

package/dist-cjs/components/FontFamilies/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _FontFamiliesQuery2 = _interopRequireDefault(require("../../__generated__/FontFamiliesQuery.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactRelay = require("react-relay");
+var _productState = require("../Root/productState");
+var _Family = _interopRequireDefault(require("../Family"));
+var _useLicenseAndOrderVariables = require("../../hooks/useLicenseAndOrderVariables");
+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 }; }
+function FontFamilies({
+  collectionId
+}) {
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const store = (0, _reactRedux.useStore)();
+  (0, _react.useEffect)(() => {
+    // populate as soon as BuyButton mounts. this prepares the StoreModal
+    // to be able to apply discounts as soon as the user clicks "BUY" on
+    // a style. (this is necessary if the bundle price is <= single style price)
+    (0, _productState.populateProductState)(store, environment, collectionId);
+  }, [collectionId, store, environment]);
+  const {
+    licenseOptionsSpecs,
+    orderVariableSelections
+  } = (0, _useLicenseAndOrderVariables.useLicenseAndOrderVariables)();
+  const {
+    node
+  } = (0, _reactRelay.useLazyLoadQuery)((_FontFamiliesQuery2.default.hash && _FontFamiliesQuery2.default.hash !== "18eba6b750d3f714b964af66ecfcfa3b" && console.error("The definition of 'FontFamiliesQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontFamiliesQuery2.default), {
+    collectionId,
+    licenseOptions: licenseOptionsSpecs,
+    orderVariables: orderVariableSelections
+  });
+  if (!node) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "font-families"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "font-families__items"
+  }, /*#__PURE__*/_react.default.createElement(_Family.default, {
+    node: node,
+    size: "wide"
+  }), node.families?.map((family, index) => /*#__PURE__*/_react.default.createElement(_Family.default, {
+    key: index,
+    node: family
+  }))));
+}
+var _default = FontFamilies;
+exports.default = _default;

package/dist-cjs/components/FontStyle/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FontStyle;
+var _FontStyle_fontStyle2 = _interopRequireDefault(require("../../__generated__/FontStyle_fontStyle.graphql"));
+var _react = _interopRequireDefault(require("react"));
+var _reactRelay = require("react-relay");
+var _useFontStyle = _interopRequireDefault(require("../useFontStyle"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function FontStyle({
+  Component = 'div',
+  fontStyle: fontStyleKey,
+  style,
+  children,
+  ...rest
+}) {
+  const fontStyle = (0, _reactRelay.useFragment)((_FontStyle_fontStyle2.default.hash && _FontStyle_fontStyle2.default.hash !== "7891603bea1a3e40f40297bf1697eb3c" && console.error("The definition of 'FontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontStyle_fontStyle2.default), fontStyleKey);
+  const {
+    style: fontStyleStyle,
+    loaded
+  } = (0, _useFontStyle.default)({
+    fontStyle
+  });
+  const renderProps = {
+    ...rest,
+    style: {
+      ...fontStyleStyle,
+      ...style
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(Component, renderProps, typeof children === 'function' ? children({
+    loaded,
+    style: fontStyleStyle
+  }) : children);
+}

package/dist-cjs/components/FontdueProvider/FontdueProviderClientComponent.js

@@ -0,0 +1,74 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FontdueProviderClientComponent;
+var _react = _interopRequireWildcard(require("react"));
+var _reactErrorBoundary = require("react-error-boundary");
+var _reactRedux = require("react-redux");
+var _reactRelay = require("react-relay");
+var _environment = require("../../relay/environment");
+var _ConfigContext = _interopRequireWildcard(require("../ConfigContext"));
+var _reducer = require("../../reducer");
+var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
+var _UrlContext = _interopRequireDefault(require("../UrlContext"));
+var _retryImport = _interopRequireDefault(require("../../retryImport"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+const IS_SERVER = typeof window === typeof undefined;
+
+// Client-side Redux store is a module-level singleton so multiple
+// FontdueProviders on a page (e.g. one per Astro island) share cart state,
+// user state, etc. Server-side stays per-render.
+let clientStore = null;
+function useSharedStore(providedStore, config) {
+  const ref = (0, _react.useRef)(null);
+  if (providedStore) return providedStore;
+  if (IS_SERVER) {
+    if (ref.current == null) ref.current = (0, _reducer.createDefaultStore)(config);
+    return ref.current;
+  }
+  if (clientStore == null) clientStore = (0, _reducer.createDefaultStore)(config);
+  return clientStore;
+}
+const ConsentBanner = /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../ConsentBanner')))));
+const Tracking = /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Tracking')))));
+const ServerConfigProvider = /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../ServerConfigProvider')))));
+function FontdueProviderClientComponent({
+  children,
+  url,
+  stripeIntegration,
+  config,
+  components,
+  store,
+  renderAuxUI
+}) {
+  const environment = (0, _environment.useCurrentEnvironment)({
+    url,
+    stripeIntegration
+  });
+  const configValue = (0, _ConfigContext.makeConfig)(config);
+  const sharedStore = useSharedStore(store, config);
+  return /*#__PURE__*/_react.default.createElement(_reactRelay.RelayEnvironmentProvider, {
+    environment: environment
+  }, /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
+    store: sharedStore
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(_ConfigContext.default.Provider, {
+    value: configValue
+  }, /*#__PURE__*/_react.default.createElement(_UrlContext.default.Provider, {
+    value: url ?? (typeof process !== 'undefined' ? process.env.NEXT_PUBLIC_FONTDUE_URL : undefined) ?? ''
+  }, /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Provider, {
+    value: components ?? {}
+  }, children, renderAuxUI && /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(ServerConfigProvider, {
+    codeConfig: config
+  }, /*#__PURE__*/_react.default.createElement(ConsentBanner, null), /*#__PURE__*/_react.default.createElement(Tracking, null))))))))));
+}

package/dist-cjs/components/FontdueProvider/index.js

@@ -0,0 +1,43 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactErrorBoundary = require("react-error-boundary");
+var _TestModeBanner = _interopRequireDefault(require("../TestModeBanner"));
+var _ThemeConfig = _interopRequireDefault(require("../ThemeConfig"));
+var _FontdueProviderClientComponent = _interopRequireDefault(require("./FontdueProviderClientComponent"));
+var _useAuxUIOwner = _interopRequireDefault(require("./useAuxUIOwner"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _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); }
+// Wrap each aux UI component in its own Suspense + ErrorBoundary so that its
+// query suspending (useLazyLoadQuery fetches on first client render) or
+// failing (CORS / offline / etc.) can't blank out the consumer's rendered
+// children. Without this, TestModeBanner's TestModeBannerQuery suspends the
+// whole provider subtree on hydration and the user sees a visible
+// unmount/remount flash on the TypeTester.
+function IsolatedAuxUI({
+  children
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, children));
+}
+const FontdueProvider = ({
+  children,
+  ...rest
+}) => {
+  const isAuxOwner = (0, _useAuxUIOwner.default)();
+  return /*#__PURE__*/_react.default.createElement(_FontdueProviderClientComponent.default, _extends({}, rest, {
+    renderAuxUI: isAuxOwner
+  }), isAuxOwner && /*#__PURE__*/_react.default.createElement(IsolatedAuxUI, null, /*#__PURE__*/_react.default.createElement(_TestModeBanner.default, null)), isAuxOwner && /*#__PURE__*/_react.default.createElement(IsolatedAuxUI, null, /*#__PURE__*/_react.default.createElement(_ThemeConfig.default, null)), children);
+};
+var _default = FontdueProvider;
+exports.default = _default;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FontdueProvider;
+var _react = _interopRequireWildcard(require("react"));
+var _reactErrorBoundary = require("react-error-boundary");
+var _TestModeBanner = _interopRequireDefault(require("../TestModeBanner"));
+var _index = _interopRequireDefault(require("../ThemeConfig/index.server"));
+var _FontdueProviderClientComponent = _interopRequireDefault(require("./FontdueProviderClientComponent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _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); }
+// Each aux UI component gets its own Suspense + ErrorBoundary so its query
+// suspending/failing can't blank out the consumer's rendered children during
+// hydration. See the non-RSC index.tsx for the same treatment.
+function IsolatedAuxUI({
+  children
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, children));
+}
+async function FontdueProvider({
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/_react.default.createElement(_FontdueProviderClientComponent.default, _extends({}, rest, {
+    renderAuxUI: true
+  }), /*#__PURE__*/_react.default.createElement(IsolatedAuxUI, null, /*#__PURE__*/_react.default.createElement(_TestModeBanner.default, null)), /*#__PURE__*/_react.default.createElement(IsolatedAuxUI, null, /*#__PURE__*/_react.default.createElement(_index.default, null)), children);
+}

package/dist-cjs/components/FontdueProvider/useAuxUIOwner.js

@@ -0,0 +1,32 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useAuxUIOwner;
+var _react = require("react");
+// Module-level claim: only one FontdueProvider on a page renders
+// auxiliary UI (TestModeBanner, ThemeConfig, Tracking, ConsentBanner,
+// ServerConfigProvider). Starts false on both server and client to avoid
+// hydration mismatch; the first provider to run `useEffect` wins and flips
+// its own state to true. Relinquishes the claim on unmount so HMR and
+// route changes don't leak.
+
+let ownerId = null;
+function useAuxUIOwner() {
+  const [isOwner, setIsOwner] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const myId = {};
+    if (ownerId == null) {
+      ownerId = myId;
+      setIsOwner(true);
+    }
+    return () => {
+      if (ownerId === myId) {
+        ownerId = null;
+      }
+    };
+  }, []);
+  return isOwner;
+}

package/dist-cjs/components/Icons/Align.js

@@ -0,0 +1,58 @@
+"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", {
+    className: "icon",
+    "data-label": "AlignCenter"
+  }, /*#__PURE__*/_react.default.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", {
+    fillRule: "evenodd",
+    d: "M0 4h18v1H0V4zM2 0h14.078v1H2V0zM2.067 8H16v1H2.067V8zM3 12h12.079v1H3v-1z",
+    clipRule: "evenodd"
+  })));
+}
+function AlignLeft() {
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon",
+    "data-label": "AlignLeft"
+  }, /*#__PURE__*/_react.default.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", {
+    fillRule: "evenodd",
+    d: "M0 0h14.079v1H0V0zM0 4h18.078v1H0V4zM0 8h16.078v1H0V8zM0 12h14.079v1H0v-1z",
+    clipRule: "evenodd"
+  })));
+}
+function AlignRight() {
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon",
+    "data-label": "AlignRight"
+  }, /*#__PURE__*/_react.default.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", {
+    fillRule: "evenodd",
+    d: "M3 0h15v1H3V0zM3.47 12H18v1H3.47v-1zM.067 4H18v1H.067V4zM2.067 8H18v1H2.067V8z",
+    clipRule: "evenodd"
+  })));
+}

package/dist-cjs/components/Icons/ArrowDownRight.js

@@ -0,0 +1,19 @@
+"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", {
+  className: "icon",
+  "data-label": "ArrowDownRight"
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  viewBox: "0 0 14.357 10.205",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/_react.default.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;

package/dist-cjs/components/Icons/ArrowLeft.js

@@ -0,0 +1,22 @@
+"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", {
+  className: "icon",
+  "data-label": "ArrowLeft"
+}, /*#__PURE__*/_react.default.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", {
+  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;

package/dist-cjs/components/Icons/ArrowRight.js

@@ -0,0 +1,19 @@
+"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", {
+  className: "icon",
+  "data-label": "ArrowRight"
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  viewBox: "0 0 22.524 9.077",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/_react.default.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;

package/dist-cjs/components/Icons/CarrotDown.js

@@ -0,0 +1,19 @@
+"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", {
+  className: "icon",
+  "data-label": "CarrotDown"
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  viewBox: "0 0 16.207 8.811",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/_react.default.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;

package/dist-cjs/components/Icons/CarrotUp.js

@@ -0,0 +1,19 @@
+"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", {
+  className: "icon",
+  "data-label": "CarrotUp"
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  viewBox: "0 0 16.207 8.811",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/_react.default.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;

package/dist-cjs/components/Icons/Cart.js

@@ -0,0 +1,23 @@
+"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", {
+  className: "icon",
+  "data-label": "Cart"
+}, /*#__PURE__*/_react.default.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", {
+  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", {
+  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", {
+  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;

package/dist-cjs/components/Icons/CartNew.js

@@ -0,0 +1,33 @@
+"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", {
+  className: "icon",
+  "data-label": "Cart"
+}, /*#__PURE__*/_react.default.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", {
+  fillRule: "evenodd",
+  d: "M18.636 8.545H1v14.728h17.636V8.545zM0 7.545v16.728h19.636V7.545H0z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/_react.default.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", {
+  cx: "15",
+  cy: "21.273",
+  r: "7",
+  "data-label": "Cart Active Indicator"
+})));
+var _default = Cart;
+exports.default = _default;

package/dist-cjs/components/Icons/Check.js

@@ -0,0 +1,19 @@
+"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", {
+  className: "icon",
+  "data-label": "Check"
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 9.299 11.232"
+}, /*#__PURE__*/_react.default.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;

package/dist-cjs/components/Icons/Checkbox.js

@@ -0,0 +1,24 @@
+"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", {
+  className: "icon",
+  "data-label": "Checkbox"
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  x: "0",
+  y: "0",
+  enableBackground: "new 0 0 16 16",
+  version: "1.1",
+  viewBox: "0 0 16 16",
+  xmlSpace: "preserve"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M2 2v12h12V2H2zm11 11H3V3h10v10z"
+})));
+var _default = Checkbox;
+exports.default = _default;

package/dist-cjs/components/Icons/CheckboxChecked.js

@@ -0,0 +1,24 @@
+"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", {
+  className: "icon",
+  "data-label": "CheckboxChecked"
+}, /*#__PURE__*/_react.default.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", {
+  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;