@bynder/compact-view 5.2.0 → 5.2.2

package/AccessToken.js

@@ -0,0 +1,5 @@
+import { __require as e } from "./AccessToken2.js";
+var s = e();
+export {
+  s as A
+};

package/AccessToken2.js

@@ -0,0 +1,176 @@
+import { __exports as a } from "./AccessToken3.js";
+import { __require as x } from "./index15.js";
+import { __require as O } from "./localStorageHelper.js";
+import { __require as E } from "./tokenExpirationHelper.js";
+import { __require as H } from "./urlHelper.js";
+var T;
+function J() {
+  return T ? a : (T = 1, (function(f) {
+    var p = a && a.__createBinding || (Object.create ? (function(i, e, t, u) {
+      u === void 0 && (u = t);
+      var c = Object.getOwnPropertyDescriptor(e, t);
+      (!c || ("get" in c ? !e.__esModule : c.writable || c.configurable)) && (c = { enumerable: !0, get: function() {
+        return e[t];
+      } }), Object.defineProperty(i, u, c);
+    }) : (function(i, e, t, u) {
+      u === void 0 && (u = t), i[u] = e[t];
+    })), y = a && a.__setModuleDefault || (Object.create ? (function(i, e) {
+      Object.defineProperty(i, "default", { enumerable: !0, value: e });
+    }) : function(i, e) {
+      i.default = e;
+    }), g = a && a.__importStar || function(i) {
+      if (i && i.__esModule) return i;
+      var e = {};
+      if (i != null) for (var t in i) t !== "default" && Object.prototype.hasOwnProperty.call(i, t) && p(e, i, t);
+      return y(e, i), e;
+    }, w = a && a.__awaiter || function(i, e, t, u) {
+      function c(r) {
+        return r instanceof t ? r : new t(function(o) {
+          o(r);
+        });
+      }
+      return new (t || (t = Promise))(function(r, o) {
+        function _(s) {
+          try {
+            n(u.next(s));
+          } catch (b) {
+            o(b);
+          }
+        }
+        function v(s) {
+          try {
+            n(u.throw(s));
+          } catch (b) {
+            o(b);
+          }
+        }
+        function n(s) {
+          s.done ? r(s.value) : c(s.value).then(_, v);
+        }
+        n((u = u.apply(i, e || [])).next());
+      });
+    }, h = a && a.__generator || function(i, e) {
+      var t = { label: 0, sent: function() {
+        if (r[0] & 1) throw r[1];
+        return r[1];
+      }, trys: [], ops: [] }, u, c, r, o;
+      return o = { next: _(0), throw: _(1), return: _(2) }, typeof Symbol == "function" && (o[Symbol.iterator] = function() {
+        return this;
+      }), o;
+      function _(n) {
+        return function(s) {
+          return v([n, s]);
+        };
+      }
+      function v(n) {
+        if (u) throw new TypeError("Generator is already executing.");
+        for (; o && (o = 0, n[0] && (t = 0)), t; ) try {
+          if (u = 1, c && (r = n[0] & 2 ? c.return : n[0] ? c.throw || ((r = c.return) && r.call(c), 0) : c.next) && !(r = r.call(c, n[1])).done) return r;
+          switch (c = 0, r && (n = [n[0] & 2, r.value]), n[0]) {
+            case 0:
+            case 1:
+              r = n;
+              break;
+            case 4:
+              return t.label++, { value: n[1], done: !1 };
+            case 5:
+              t.label++, c = n[1], n = [0];
+              continue;
+            case 7:
+              n = t.ops.pop(), t.trys.pop();
+              continue;
+            default:
+              if (r = t.trys, !(r = r.length > 0 && r[r.length - 1]) && (n[0] === 6 || n[0] === 2)) {
+                t = 0;
+                continue;
+              }
+              if (n[0] === 3 && (!r || n[1] > r[0] && n[1] < r[3])) {
+                t.label = n[1];
+                break;
+              }
+              if (n[0] === 6 && t.label < r[1]) {
+                t.label = r[1], r = n;
+                break;
+              }
+              if (r && t.label < r[2]) {
+                t.label = r[2], t.ops.push(n);
+                break;
+              }
+              r[2] && t.ops.pop(), t.trys.pop();
+              continue;
+          }
+          n = e.call(i, t);
+        } catch (s) {
+          n = [6, s], c = 0;
+        } finally {
+          u = r = 0;
+        }
+        if (n[0] & 5) throw n[1];
+        return { value: n[0] ? n[1] : void 0, done: !0 };
+      }
+    };
+    Object.defineProperty(f, "__esModule", { value: !0 }), f.invalidateAccessToken = void 0, f.getJWT = A, f.decodeJWT = q;
+    var j = x(), l = g(O()), d = E();
+    Object.defineProperty(f, "invalidateAccessToken", { enumerable: !0, get: function() {
+      return d.invalidateAccessToken;
+    } });
+    var k = H();
+    function m(i) {
+      return w(this, void 0, void 0, function() {
+        var e;
+        return h(this, function(t) {
+          switch (t.label) {
+            case 0:
+              return [4, fetch((0, k.getIdpAccessToken)(i), {
+                credentials: "include"
+              }).then(function(u) {
+                return u.json();
+              })];
+            case 1:
+              if (e = t.sent(), !e || !e.access_token)
+                throw new Error("Could not retrieve access token");
+              return [2, {
+                jwt: e.access_token,
+                expiryTimestamp: e.expires_in
+              }];
+          }
+        });
+      });
+    }
+    function A(i) {
+      return w(this, void 0, void 0, function() {
+        var e, t, u, c;
+        return h(this, function(r) {
+          switch (r.label) {
+            case 0:
+              if (e = l.loadAccessToken(), t = e?.jwt && !(0, d.isExpired)(e), t)
+                return [2, e.jwt];
+              if (!l.getIsAccessTokenLoading()) return [3, 4];
+              u = 5, c = 0, r.label = 1;
+            case 1:
+              return c < u && l.getIsAccessTokenLoading() ? [4, new Promise(function(o) {
+                return setTimeout(o, 200);
+              })] : [3, 4];
+            case 2:
+              if (r.sent(), e = l.loadAccessToken(), e?.jwt && !(0, d.isExpired)(e))
+                return [2, e.jwt];
+              r.label = 3;
+            case 3:
+              return c++, [3, 1];
+            case 4:
+              return l.setAccessTokenLastRequestTime(Date.now()), [4, m(i)];
+            case 5:
+              return e = r.sent(), l.storeAccessToken(e), (0, d.setExpiryTimeout)(e), [2, e.jwt];
+          }
+        });
+      });
+    }
+    function q(i) {
+      return (0, j.jwtDecode)(i);
+    }
+    window.addEventListener("beforeunload", d.invalidateAccessToken);
+  })(a), a);
+}
+export {
+  J as __require
+};

package/AccessToken3.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/ActiveFilter.js

@@ -1,8 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import r from "styled-components";
-import { token as i, Chip as o } from "@bynder/design-system";
+import { jsx as r } from "react/jsx-runtime";
+import e from "./styled-components.browser.esm.js";
+import { Chip as o } from "./Chip.js";
+import { token as i } from "./token.js";
 function l(t) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ r(
     n,
     {
       icon: t.icon,
@@ -13,7 +14,7 @@ function l(t) {
     }
   );
 }
-const n = r(o)`
+const n = e(o)`
 	background-color: transparent;
 	margin-right: ${i.spacing3};
 	border: 1px solid ${i.gray50};
@@ -30,4 +31,3 @@ const n = r(o)`
 export {
   l as ActiveFilter
 };
-//# sourceMappingURL=ActiveFilter.js.map

package/ActiveFilters.js

@@ -1,49 +1,49 @@
 import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import h from "styled-components";
-import { Button as v } from "@bynder/design-system";
-import { assetTypeToString as y, getAssetTypeIcon as u } from "./asset.type.js";
+import h from "./styled-components.browser.esm.js";
+import { Button as v } from "./Button.js";
+import { assetTypeToString as u, getAssetTypeIcon as y } from "./asset.type.js";
 import { HorizontalScroll as x } from "./HorizontalScroll.js";
 import { useAssetFilter as A } from "./AssetFilterContext.js";
-import { ActiveFilter as s } from "./ActiveFilter.js";
+import { ActiveFilter as o } from "./ActiveFilter.js";
 import { __ as d } from "./index2.js";
 import { useSimilaritySearchStore as g } from "./useSimilaritySearchStore.js";
 function B() {
-  const t = A(), {
-    isSelected: o,
+  const e = A(), {
+    isSelected: s,
     setIsSelected: l,
     isNLSSelected: c,
     setIsNLSSelected: n,
     NLSSearchText: a,
     setNLSSearchText: m
-  } = g(), S = Object.values(t.selectedSmartfilterOptions || {}), p = S.length === 0 && t.assetTypes.length === 0 && t.tags.length === 0 && !o && !(c && a) ? void 0 : /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(
+  } = g(), S = Object.values(e.selectedSmartfilterOptions || {}), p = S.length === 0 && e.assetTypes.length === 0 && e.tags.length === 0 && !s && !(c && a) ? void 0 : /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(
     v,
     {
       variant: "clean",
       isSmall: !0,
       onClick: () => {
-        t.clear(), l(!1), n(!1), m(void 0);
+        e.clear(), l(!1), n(!1), m(void 0);
       },
       children: d("Clear filters")
     }
   ) });
   return /* @__PURE__ */ i("div", { "data-testid": "selected-filter-list", children: /* @__PURE__ */ f(x, { isActiveFilter: !0, static: p, children: [
-    t.assetTypes.map((e) => {
-      const r = u(e);
+    e.assetTypes.map((t) => {
+      const r = y(t);
       return /* @__PURE__ */ i(
-        s,
+        o,
         {
-          onClick: () => t.removeAssetType(e),
-          title: y(e),
+          onClick: () => e.removeAssetType(t),
+          title: u(t),
           icon: /* @__PURE__ */ i(r, {})
         },
-        e
+        t
       );
     }),
     S.map(
-      (e) => Object.values(e).map((r) => /* @__PURE__ */ i(
-        s,
+      (t) => Object.values(t).map((r) => /* @__PURE__ */ i(
+        o,
         {
-          onClick: () => t.removeSmartfilterOption(
+          onClick: () => e.removeSmartfilterOption(
             r.metapropertyName,
             r.id
           ),
@@ -52,16 +52,16 @@ function B() {
         r.id
       ))
     ),
-    t.tags.map((e) => /* @__PURE__ */ i(
-      s,
+    e.tags.map((t) => /* @__PURE__ */ i(
+      o,
       {
-        onClick: () => t.removeTag(e),
-        title: e
+        onClick: () => e.removeTag(t),
+        title: t
       },
-      e
+      t
     )),
-    (o || c && a) && /* @__PURE__ */ i(
-      s,
+    (s || c && a) && /* @__PURE__ */ i(
+      o,
       {
         onClick: () => {
           l(!1), n(!1), m(void 0);
@@ -78,4 +78,3 @@ const k = h.div`
 export {
   B as ActiveFilters
 };
-//# sourceMappingURL=ActiveFilters.js.map

package/AddMedia.js

@@ -1,6 +1,6 @@
 import { jsxs as x, Fragment as L, jsx as c } from "react/jsx-runtime";
-import { useRef as C, useState as b, useEffect as A } from "react";
-import { Button as E } from "@bynder/design-system";
+import { useRef as b, useState as C, useEffect as E } from "react";
+import { Button as A } from "./Button.js";
 import { useConfig as M } from "./ConfigContext.js";
 import { useAuth as O } from "./LoginContext.js";
 import { useSelection as T } from "./SelectionContext.js";
@@ -13,46 +13,46 @@ import { ButtonAction as B } from "./ButtonAction.js";
 import { convertAssetIdToBase64 as G } from "./base64Converter.js";
 import { useSimilaritySearchStore as p } from "./useSimilaritySearchStore.js";
 function tt(t) {
-  const { assetFieldSelection: r, onSuccess: i, selectionMode: u, noCache: f } = M(), {
-    isSelected: d,
-    NLSSearchText: h,
-    isNLSSelected: g
-  } = p(), { preselectedAssetIds: F } = T(), m = O(), l = C(!0), [s, a] = b(
+  const { assetFieldSelection: r, onSuccess: i, selectionMode: u, noCache: d } = M(), {
+    isSelected: f,
+    NLSSearchText: m,
+    isNLSSelected: S
+  } = p(), { preselectedAssetIds: y } = T(), h = O(), l = b(!0), [s, a] = C(
     u === "SingleSelectFile" ? { status: "WaitingForFileSelection" } : { status: "Ready" }
   );
-  function y(e) {
+  function F(e) {
     a(e === void 0 ? { status: "WaitingForFileSelection" } : { status: "ReadyWithFile", file: e });
   }
-  A(() => () => {
+  E(() => () => {
     l.current = !1;
   }, []);
   function v() {
     const e = s.status === "ReadyWithFile" ? s.file : void 0;
     a({ status: "Loading" }), u !== "MultiSelect" && t.selection[0]?.type === "asset" ? D({
-      assetId: d || h && g ? G(t.selection[0].value.id) : t.selection[0].value.id,
-      auth: m,
+      assetId: f || m && S ? G(t.selection[0].value.id) : t.selection[0].value.id,
+      auth: h,
       assetFieldSelection: r,
-      noCache: f
+      noCache: d
     }).then((n) => {
-      S(n, e);
+      g(n, e);
     }) : N({
       selectedItems: t.selection,
-      auth: m,
+      auth: h,
       assetFieldSelection: r,
-      noCache: f,
-      isSimilaritySearchEnabled: d
+      noCache: d,
+      isSimilaritySearchEnabled: f || !!m && S
     }).then((n) => {
-      S(n, e);
+      g(n, e);
     });
   }
-  function S(e, n) {
+  function g(e, n) {
     if (k(e)) {
       a({ status: "Error" });
       return;
     }
     try {
       const o = Array.isArray(e.value) ? e.value : [e.value];
-      o.sort((R, W) => w(R, W, F)), i(o, { selectedFile: n });
+      o.sort((R, W) => w(R, W, y)), i(o, { selectedFile: n });
     } catch (o) {
       q.error(o);
     }
@@ -61,9 +61,9 @@ function tt(t) {
     }, 2e3));
   }
   return /* @__PURE__ */ x(L, { children: [
-    u === "SingleSelectFile" && t.selection[0]?.type === "asset" && /* @__PURE__ */ c(j, { asset: t.selection[0].value, onChange: y }),
+    u === "SingleSelectFile" && t.selection[0]?.type === "asset" && /* @__PURE__ */ c(j, { asset: t.selection[0].value, onChange: F }),
     /* @__PURE__ */ c(
-      E,
+      A,
       {
         variant: "primary",
         isDisabled: s.status === "Loading" || s.status === "WaitingForFileSelection",
@@ -87,4 +87,3 @@ function w(t, r, i) {
 export {
   tt as AddMedia
 };
-//# sourceMappingURL=AddMedia.js.map

package/AdditionalInfo.js

@@ -0,0 +1,18 @@
+import { jsx as n } from "react/jsx-runtime";
+import r from "./styled-components.browser.esm.js";
+import { textStyles as a } from "./textStyles.js";
+import { token as t } from "./token.js";
+function c({
+  children: o,
+  padding: d = "all",
+  ...i
+}) {
+  return /* @__PURE__ */ n(l, { $padding: d, ...i, children: o });
+}
+const l = r.div.withConfig({
+  displayName: "AdditionalInfoStyled",
+  componentId: "sc-95p2dl-0"
+})(["", " padding:", ";border-top:1px solid ", ";color:", ";"], a.uiTextS, (o) => o.$padding === "all" ? "var(--card-content-padding)" : "0", t.gray100a, t.colorText);
+export {
+  c as AdditionalInfo
+};

package/Advanced.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as c, Fragment as d } from "react/jsx-runtime";
-import { styled as o } from "styled-components";
-import { token as i } from "@bynder/design-system";
-import { IconAdjust as g } from "@bynder/icons";
+import o from "./styled-components.browser.esm.js";
+import { token as i } from "./token.js";
+import { IconAdjust as g } from "./index4.js";
 import { Dropdown as p } from "./Dropdown.js";
 import { __ as m } from "./index2.js";
 import { useConfig as l } from "./ConfigContext.js";
@@ -63,4 +63,3 @@ const A = o(p)``, $ = o.h1`
 export {
   O as Advanced
 };
-//# sourceMappingURL=Advanced.js.map

package/App.js

@@ -1,93 +1,100 @@
-import { jsx as e, jsxs as s, Fragment as F } from "react/jsx-runtime";
-import { useEffect as V } from "react";
-import { BrowserClient as D, makeFetchTransport as E, defaultStackParser as I, Hub as T } from "@sentry/browser";
-import { CollectionsView as k } from "./CollectionsView.js";
-import { CollectionView as y } from "./CollectionView.js";
-import { ConfigProvider as M, useConfig as O } from "./ConfigContext.js";
-import { AssetFilter as R } from "./AssetFilter.js";
-import { useLocalization as U } from "./index2.js";
-import { ShadowRoot as x } from "./ShadowRoot.js";
-import { AssetFilterProvider as j } from "./AssetFilterContext.js";
-import { SelectionProvider as H } from "./SelectionContext.js";
-import { ThemeStyles as N } from "./Theming.js";
-import { Toolbar as z } from "./Toolbar.js";
-import { AssetsView as B } from "./AssetsView.js";
-import { SelectionFooter as G } from "./SelectionFooter.js";
-import { Shield as L } from "./Shield.js";
-import { Dat as _ } from "./Dat.js";
+import { jsx as e, jsxs as n, Fragment as b } from "react/jsx-runtime";
+import { CollectionsView as F } from "./CollectionsView.js";
+import { CollectionView as I } from "./CollectionView.js";
+import { ConfigProvider as T, useConfig as V } from "./ConfigContext.js";
+import { AssetFilter as D } from "./AssetFilter.js";
+import { useLocalization as O } from "./index2.js";
+import { ShadowRoot as k } from "./ShadowRoot.js";
+import { AssetFilterProvider as y } from "./AssetFilterContext.js";
+import { SelectionProvider as E } from "./SelectionContext.js";
+import { ThemeStyles as M } from "./Theming.js";
+import { Toolbar as R } from "./Toolbar.js";
+import { AssetsView as U } from "./AssetsView.js";
+import { SelectionFooter as x } from "./SelectionFooter.js";
+import { Shield as j } from "./Shield.js";
+import { Dat as z } from "./Dat.js";
 import "./DatDropdownItem.js";
-import { useRouterSelectors as q } from "./useRouterStore.js";
-import { useSearchStore as J, useClearCollectionOnPageChange as K } from "./useSearchStore.js";
-import { useDat as Q } from "./useDatStore.js";
-let n;
-n = new D({
+import { useRouterSelectors as H } from "./useRouterStore.js";
+import { useClearCollectionOnPageChange as N } from "./useSearchStore.js";
+import { useDat as B } from "./useDatStore.js";
+import { StoreInitializer as G } from "./StoreInitializer.js";
+import { BrowserClient as L } from "./client.js";
+import { makeFetchTransport as _ } from "./fetch.js";
+import { defaultStackParser as q } from "./stack-parsers.js";
+import { Hub as J } from "./hub.js";
+let s;
+s = new L({
   dsn: "https://dd74b64cc05845468f0c3654b458da29@sentry10.bynder.cloud/464",
   autoSessionTracking: !0,
   tracesSampleRate: 1,
   integrations: [],
-  stackParser: I,
-  transport: E
-}), new T(n);
-function Se({
+  stackParser: q,
+  transport: _
+}), new J(s);
+function Ce({
   assetFieldSelection: o,
   assetFilter: r,
-  assetTypes: a = ["IMAGE", "AUDIO", "VIDEO", "DOCUMENT", "ARCHIVE"],
-  defaultSearchTerm: l,
-  language: c = "en_US",
+  assetTypes: c = ["IMAGE", "AUDIO", "VIDEO", "DOCUMENT", "ARCHIVE"],
+  defaultSearchTerm: a,
+  language: l = "en_US",
   mode: p = "MultiSelect",
   // eslint-disable-next-line no-console
-  onSuccess: f = (t, { selectedFile: i }) => console.log(t, i),
+  onSuccess: f = (i, { selectedFile: t }) => console.log(i, t),
   defaultImageDerivativeName: d,
   defaultVideoDerivativeName: u,
   theme: h,
   hideExternalAccess: g,
   selectedAssets: S,
   hideLimitedUse: C,
-  isContainerMode: w = !1,
-  __shouldAddOriginal__: v,
-  hideSwitch: A = !1,
-  noCache: P = !1,
-  selectAllOption: b = !1
+  isContainerMode: m = !1,
+  __shouldAddOriginal__: w,
+  hideSwitch: v = !1,
+  noCache: A = !1,
+  selectAllOption: P = !1
 }) {
-  U(c);
-  const { setSearch: t } = J(), { datUrl: i } = Q(), m = {
+  O(l);
+  const { datUrl: i } = B(), t = {
     assetFieldSelection: o,
     assetFilter: r,
-    assetTypes: a,
-    language: c,
+    assetTypes: c,
+    language: l,
     onSuccess: f,
     defaultImageDerivativeName: d,
     defaultVideoDerivativeName: u,
     selectionMode: p,
     theme: h,
     hideExternalAccess: g,
-    __shouldAddOriginal__: v,
-    hideSwitch: A,
-    noCache: P,
-    selectAllOption: b
+    __shouldAddOriginal__: w,
+    hideSwitch: v,
+    noCache: A,
+    selectAllOption: P
   };
-  return V(() => {
-    t("assets", l ?? "");
-  }, [l, t]), /* @__PURE__ */ e(L, { sentryClient: n, children: /* @__PURE__ */ e(x, { isContainerMode: w, children: /* @__PURE__ */ e(j, { hideLimitedUse: C, predefinedFilter: r, children: /* @__PURE__ */ e(M, { value: m, children: /* @__PURE__ */ s(H, { preselectedAssetIds: S ?? [], children: [
-    /* @__PURE__ */ e(N, { theme: m.theme }),
-    /* @__PURE__ */ s("div", { className: "cv-root cv-container", children: [
-      /* @__PURE__ */ e(z, {}),
-      /* @__PURE__ */ e(W, {}),
-      /* @__PURE__ */ e(G, {}),
-      i && /* @__PURE__ */ e(_, {})
+  return /* @__PURE__ */ e(j, { sentryClient: s, children: /* @__PURE__ */ e(k, { isContainerMode: m, children: /* @__PURE__ */ e(y, { hideLimitedUse: C, predefinedFilter: r, children: /* @__PURE__ */ e(T, { value: t, children: /* @__PURE__ */ n(E, { preselectedAssetIds: S ?? [], children: [
+    /* @__PURE__ */ e(
+      G,
+      {
+        defaultSearchTerm: a,
+        resetOnMount: !m
+      }
+    ),
+    /* @__PURE__ */ e(M, { theme: t.theme }),
+    /* @__PURE__ */ n("div", { className: "cv-root cv-container", children: [
+      /* @__PURE__ */ e(R, {}),
+      /* @__PURE__ */ e(K, {}),
+      /* @__PURE__ */ e(x, {}),
+      i && /* @__PURE__ */ e(z, {})
     ] })
   ] }) }) }) }) });
 }
-function W() {
-  const o = q.use.page(), { assetFilter: r } = O();
-  return K(o), /* @__PURE__ */ s(F, { children: [
-    o.page !== "collections" && (r === void 0 || r && r.showToolbar) && /* @__PURE__ */ e(R, {}),
-    o.page === "assets" && /* @__PURE__ */ e(B, {}),
-    o.page === "collections" && /* @__PURE__ */ e(k, {}),
-    o.page === "collection" && /* @__PURE__ */ e(y, { collection: o.collection })
+function K() {
+  const o = H.use.page(), { assetFilter: r } = V();
+  return N(o), /* @__PURE__ */ n(b, { children: [
+    o.page !== "collections" && (r === void 0 || r && r.showToolbar) && /* @__PURE__ */ e(D, {}),
+    o.page === "assets" && /* @__PURE__ */ e(U, {}),
+    o.page === "collections" && /* @__PURE__ */ e(F, {}),
+    o.page === "collection" && /* @__PURE__ */ e(I, { collection: o.collection })
   ] });
 }
 export {
-  Se as App
+  Ce as App
 };
-//# sourceMappingURL=App.js.map

package/Arrow.js

@@ -0,0 +1,14 @@
+import { jsx as r } from "react/jsx-runtime";
+import i from "./styled-components.browser.esm.js";
+import { IconCaretDown as n } from "./index4.js";
+import { token as o } from "./token.js";
+function d(t) {
+  return /* @__PURE__ */ r(c, { ...t, children: /* @__PURE__ */ r(n, {}) });
+}
+const c = i.div.withConfig({
+  displayName: "ArrowStyled",
+  componentId: "sc-1k0ithd-0"
+})(["margin-right:calc(", " * -1);margin-left:calc(", " * -1);"], o.spacing2, o.spacing2);
+export {
+  d as Arrow
+};