@bynder/compact-view 5.2.2 → 5.2.4

package/AssetList.js

@@ -6,9 +6,9 @@ import { CardSkeleton as V } from "./CardSkeleton.js";
 import { DragSelect as X } from "./DragSelect.js";
 import { useDimensions as Y } from "./useDimensions.js";
 import { InfiniteScroll as Z } from "./InfiniteScroll.js";
-import { useSelection as $ } from "./SelectionContext.js";
-import { useSimilaritySearchStore as T } from "./useSimilaritySearchStore.js";
-import { useSimilarityAssets as ee } from "./getSimilarityAssets.js";
+import { useSimilaritySearchStore as $ } from "./useSimilaritySearchStore.js";
+import { useSimilarityAssets as T } from "./getSimilarityAssets.js";
+import { useSelectionStore as ee } from "./useSelectionStore.js";
 function he({
   assets: e,
   count: l,
@@ -26,11 +26,11 @@ function he({
   theme: S,
   children: B = null
 }) {
-  const x = P(null), { dimensions: M } = Y(x.current), [f, v] = k([]), [D, b] = k("inactive"), { clear: R } = $(), {
+  const x = P(null), { dimensions: M } = Y(x.current), [f, v] = k([]), [D, b] = k("inactive"), { clear: R } = ee(), {
     setIsEnabled: C,
     isEnabled: H,
     setIsSelected: W
-  } = T(), { resetData: j, search: p } = ee(), [A, E] = te(l, M), L = P(!1);
+  } = $(), { resetData: j, search: p } = T(), [A, E] = te(l, M), L = P(!1);
   J(() => {
     !L.current && e.value && e.value.length > 0 && (L.current = !0, (async () => {
       if (e.value && e.value.length > 0) {

package/AssetTypeItem.js

@@ -1,34 +1,34 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import r from "./styled-components.browser.esm.js";
-import { Checkbox as a } from "./Checkbox.js";
-import { token as m } from "./token.js";
-import { useAssetFilter as l } from "./AssetFilterContext.js";
-import { getAssetTypeIcon as f, assetTypeToString as s } from "./asset.type.js";
-import { ListItem as y, StyledCheckboxWrapper as h, Content as p } from "./Checkbox.styles.js";
-function I(e) {
-  const n = l(), i = n.assetTypes.includes(e.type);
-  function o() {
-    i ? n.removeAssetType(e.type) : n.addAssetType(e.type);
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import m from "./styled-components.browser.esm.js";
+import { Checkbox as l } from "./Checkbox.js";
+import { token as y } from "./token.js";
+import { getAssetTypeIcon as p, assetTypeToString as s } from "./asset.type.js";
+import { ListItem as f, StyledCheckboxWrapper as h, Content as g } from "./Checkbox.styles.js";
+import { useAssetFilterStore as C } from "./useAssetFilterStore.js";
+function L(e) {
+  const { assetTypes: n, addAssetType: o, removeAssetType: d } = C(), i = n.includes(e.type);
+  function a() {
+    i ? d(e.type) : o(e.type);
   }
-  const c = f(e.type);
-  return /* @__PURE__ */ t(y, { "data-testid": "advanced-options", children: /* @__PURE__ */ t(h, { $isChecked: i, $isLoading: e.isLoading, children: /* @__PURE__ */ t(
-    a,
+  const c = p(e.type);
+  return /* @__PURE__ */ t(f, { "data-testid": "advanced-options", children: /* @__PURE__ */ t(h, { $isChecked: i, $isLoading: e.isLoading, children: /* @__PURE__ */ t(
+    l,
     {
       isChecked: i,
-      onChange: o,
+      onChange: a,
       "data-testid": `${s(e.type)}-filter`,
-      children: /* @__PURE__ */ d(p, { $isChecked: i, children: [
+      children: /* @__PURE__ */ r(g, { $isChecked: i, children: [
         /* @__PURE__ */ t(c, {}),
-        /* @__PURE__ */ t(g, { children: s(e.type) }),
-        /* @__PURE__ */ t("span", { className: "fade-in-down", children: e.count })
+        /* @__PURE__ */ t(k, { "data-testid": "asset-type-label", children: s(e.type) }),
+        /* @__PURE__ */ t("span", { className: "fade-in-down", "data-testid": "asset-type-count", children: e.count })
       ] })
     }
   ) }) });
 }
-const g = r.div`
-	margin: 1px ${m.spacing3};
+const k = m.div`
+	margin: 1px ${y.spacing3};
 	flex-grow: 1;
 `;
 export {
-  I as AssetTypeItem
+  L as AssetTypeItem
 };

package/AssetsView.js

@@ -2,44 +2,44 @@ import { jsx as h } from "react/jsx-runtime";
 import { useMemo as y } from "react";
 import { useFilterAssets as A } from "./filterAssets.js";
 import { useConfig as g } from "./ConfigContext.js";
-import { useAssetFilter as T } from "./AssetFilterContext.js";
-import { useOrderingSelectors as F } from "./useOrderingStore.js";
-import { StatefulAssetList as b } from "./StatefulAssetList.js";
-import { useSearchStateByPage as v } from "./useSearchStore.js";
-import { useSimilaritySearchStore as w } from "./useSimilaritySearchStore.js";
-import { useSimilarityAssets as B } from "./getSimilarityAssets.js";
+import { useOrderingSelectors as T } from "./useOrderingStore.js";
+import { StatefulAssetList as F } from "./StatefulAssetList.js";
+import { useSearchStateByPage as b } from "./useSearchStore.js";
+import { useSimilaritySearchStore as v } from "./useSimilaritySearchStore.js";
+import { useSimilarityAssets as w } from "./getSimilarityAssets.js";
+import { useAssetFilterStore as B } from "./useAssetFilterStore.js";
 function k() {
-  const { assetTypes: s, tags: t, isLimited: r, selectedSmartfilterOptions: o } = T(), {
+  const { assetTypes: t, tags: r, isLimited: s, selectedSmartfilterOptions: o } = B(), {
     isSelected: l,
     isNLSSelected: m,
     NLSSearchText: f
-  } = w(), { connection: S } = B(), { value: c } = v("assets"), i = F.use.assets(), {
+  } = v(), { connection: S } = w(), { value: c } = b("assets"), i = T.use.assets(), {
     assetFilter: e,
     assetTypes: a,
     language: n,
     noCache: u
   } = g(), d = y(() => e === void 0 ? {
-    filter: { assetTypes: s, selectedSmartfilterOptions: o, tags: t, isLimited: r },
+    filter: { assetTypes: t, selectedSmartfilterOptions: o, tags: r, isLimited: s },
     searchTerm: c,
     orderBy: i,
     allAssetTypes: a,
     language: n
   } : e && e.showToolbar ? {
-    filter: { assetTypes: s, selectedSmartfilterOptions: o, tags: t, isLimited: r },
+    filter: { assetTypes: t, selectedSmartfilterOptions: o, tags: r, isLimited: s },
     searchTerm: c,
     orderBy: i,
     predefinedFilter: e,
     allAssetTypes: a,
     language: n
   } : {
-    filter: { assetTypes: s, selectedSmartfilterOptions: o, tags: t, isLimited: r },
+    filter: { assetTypes: t, selectedSmartfilterOptions: o, tags: r, isLimited: s },
     predefinedFilter: e,
     orderBy: i,
     language: n
   }, [
-    s,
     t,
     r,
+    s,
     c,
     i,
     e,
@@ -48,7 +48,7 @@ function k() {
     o
   ]), p = A(d, u);
   return /* @__PURE__ */ h(
-    b,
+    F,
     {
       connection: l || m && !!f ? S : p,
       showActiveFilters: e === void 0 || e && e.showToolbar

package/Axios2.js

@@ -1,17 +1,18 @@
 import d from "./utils6.js";
-import U from "./buildURL.js";
-import q from "./InterceptorManager.js";
-import R from "./dispatchRequest.js";
+import S from "./buildURL.js";
+import E from "./InterceptorManager.js";
+import I from "./dispatchRequest.js";
 import w from "./mergeConfig.js";
-import A from "./buildFullPath.js";
-import m from "./validator.js";
-import T from "./AxiosHeaders.js";
-const i = m.validators;
-class k {
+import U from "./buildFullPath.js";
+import y from "./validator.js";
+import A from "./AxiosHeaders.js";
+import T from "./transitional.js";
+const l = y.validators;
+class q {
   constructor(t) {
     this.defaults = t || {}, this.interceptors = {
-      request: new q(),
-      response: new q()
+      request: new E(),
+      response: new E()
     };
   }
   /**
@@ -25,112 +26,117 @@ class k {
   async request(t, e) {
     try {
       return await this._request(t, e);
-    } catch (s) {
-      if (s instanceof Error) {
-        let l = {};
-        Error.captureStackTrace ? Error.captureStackTrace(l) : l = new Error();
-        const a = l.stack ? l.stack.replace(/^.+\n/, "") : "";
+    } catch (r) {
+      if (r instanceof Error) {
+        let n = {};
+        Error.captureStackTrace ? Error.captureStackTrace(n) : n = new Error();
+        const s = n.stack ? n.stack.replace(/^.+\n/, "") : "";
         try {
-          s.stack ? a && !String(s.stack).endsWith(a.replace(/^.+\n.+\n/, "")) && (s.stack += `
-` + a) : s.stack = a;
+          r.stack ? s && !String(r.stack).endsWith(s.replace(/^.+\n.+\n/, "")) && (r.stack += `
+` + s) : r.stack = s;
         } catch {
         }
       }
-      throw s;
+      throw r;
     }
   }
   _request(t, e) {
     typeof t == "string" ? (e = e || {}, e.url = t) : e = t || {}, e = w(this.defaults, e);
-    const { transitional: s, paramsSerializer: l, headers: a } = e;
-    s !== void 0 && m.assertOptions(s, {
-      silentJSONParsing: i.transitional(i.boolean),
-      forcedJSONParsing: i.transitional(i.boolean),
-      clarifyTimeoutError: i.transitional(i.boolean)
-    }, !1), l != null && (d.isFunction(l) ? e.paramsSerializer = {
-      serialize: l
-    } : m.assertOptions(l, {
-      encode: i.function,
-      serialize: i.function
-    }, !0)), e.allowAbsoluteUrls !== void 0 || (this.defaults.allowAbsoluteUrls !== void 0 ? e.allowAbsoluteUrls = this.defaults.allowAbsoluteUrls : e.allowAbsoluteUrls = !0), m.assertOptions(e, {
-      baseUrl: i.spelling("baseURL"),
-      withXsrfToken: i.spelling("withXSRFToken")
+    const { transitional: r, paramsSerializer: n, headers: s } = e;
+    r !== void 0 && y.assertOptions(r, {
+      silentJSONParsing: l.transitional(l.boolean),
+      forcedJSONParsing: l.transitional(l.boolean),
+      clarifyTimeoutError: l.transitional(l.boolean),
+      legacyInterceptorReqResOrdering: l.transitional(l.boolean)
+    }, !1), n != null && (d.isFunction(n) ? e.paramsSerializer = {
+      serialize: n
+    } : y.assertOptions(n, {
+      encode: l.function,
+      serialize: l.function
+    }, !0)), e.allowAbsoluteUrls !== void 0 || (this.defaults.allowAbsoluteUrls !== void 0 ? e.allowAbsoluteUrls = this.defaults.allowAbsoluteUrls : e.allowAbsoluteUrls = !0), y.assertOptions(e, {
+      baseUrl: l.spelling("baseURL"),
+      withXsrfToken: l.spelling("withXSRFToken")
     }, !0), e.method = (e.method || this.defaults.method || "get").toLowerCase();
-    let f = a && d.merge(
-      a.common,
-      a[e.method]
+    let f = s && d.merge(
+      s.common,
+      s[e.method]
     );
-    a && d.forEach(
+    s && d.forEach(
       ["delete", "get", "head", "post", "put", "patch", "common"],
-      (r) => {
-        delete a[r];
+      (a) => {
+        delete s[a];
       }
-    ), e.headers = T.concat(f, a);
-    const h = [];
-    let y = !0;
-    this.interceptors.request.forEach(function(n) {
-      typeof n.runWhen == "function" && n.runWhen(e) === !1 || (y = y && n.synchronous, h.unshift(n.fulfilled, n.rejected));
+    ), e.headers = A.concat(f, s);
+    const u = [];
+    let b = !0;
+    this.interceptors.request.forEach(function(o) {
+      if (typeof o.runWhen == "function" && o.runWhen(e) === !1)
+        return;
+      b = b && o.synchronous;
+      const m = e.transitional || T;
+      m && m.legacyInterceptorReqResOrdering ? u.unshift(o.fulfilled, o.rejected) : u.push(o.fulfilled, o.rejected);
     });
-    const c = [];
-    this.interceptors.response.forEach(function(n) {
-      c.push(n.fulfilled, n.rejected);
+    const p = [];
+    this.interceptors.response.forEach(function(o) {
+      p.push(o.fulfilled, o.rejected);
     });
-    let u, o = 0, p;
-    if (!y) {
-      const r = [R.bind(this), void 0];
-      for (r.unshift.apply(r, h), r.push.apply(r, c), p = r.length, u = Promise.resolve(e); o < p; )
-        u = u.then(r[o++], r[o++]);
-      return u;
+    let h, i = 0, c;
+    if (!b) {
+      const a = [I.bind(this), void 0];
+      for (a.unshift(...u), a.push(...p), c = a.length, h = Promise.resolve(e); i < c; )
+        h = h.then(a[i++], a[i++]);
+      return h;
     }
-    p = h.length;
-    let b = e;
-    for (o = 0; o < p; ) {
-      const r = h[o++], n = h[o++];
+    c = u.length;
+    let R = e;
+    for (; i < c; ) {
+      const a = u[i++], o = u[i++];
       try {
-        b = r(b);
-      } catch (S) {
-        n.call(this, S);
+        R = a(R);
+      } catch (m) {
+        o.call(this, m);
         break;
       }
     }
     try {
-      u = R.call(this, b);
-    } catch (r) {
-      return Promise.reject(r);
+      h = I.call(this, R);
+    } catch (a) {
+      return Promise.reject(a);
     }
-    for (o = 0, p = c.length; o < p; )
-      u = u.then(c[o++], c[o++]);
-    return u;
+    for (i = 0, c = p.length; i < c; )
+      h = h.then(p[i++], p[i++]);
+    return h;
   }
   getUri(t) {
     t = w(this.defaults, t);
-    const e = A(t.baseURL, t.url, t.allowAbsoluteUrls);
-    return U(e, t.params, t.paramsSerializer);
+    const e = U(t.baseURL, t.url, t.allowAbsoluteUrls);
+    return S(e, t.params, t.paramsSerializer);
   }
 }
 d.forEach(["delete", "get", "head", "options"], function(t) {
-  k.prototype[t] = function(e, s) {
-    return this.request(w(s || {}, {
+  q.prototype[t] = function(e, r) {
+    return this.request(w(r || {}, {
       method: t,
       url: e,
-      data: (s || {}).data
+      data: (r || {}).data
     }));
   };
 });
 d.forEach(["post", "put", "patch"], function(t) {
-  function e(s) {
-    return function(a, f, h) {
-      return this.request(w(h || {}, {
+  function e(r) {
+    return function(s, f, u) {
+      return this.request(w(u || {}, {
         method: t,
-        headers: s ? {
+        headers: r ? {
           "Content-Type": "multipart/form-data"
         } : {},
-        url: a,
+        url: s,
         data: f
       }));
     };
   }
-  k.prototype[t] = e(), k.prototype[t + "Form"] = e(!0);
+  q.prototype[t] = e(), q.prototype[t + "Form"] = e(!0);
 });
 export {
-  k as default
+  q as default
 };

package/AxiosError.js

@@ -1,9 +1,24 @@
-import a from "./utils6.js";
-function e(t, i, o, E, r) {
-  Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = t, this.name = "AxiosError", i && (this.code = i), o && (this.config = o), E && (this.request = E), r && (this.response = r, this.status = r.status ? r.status : null);
-}
-a.inherits(e, Error, {
-  toJSON: function() {
+import N from "./utils6.js";
+class R extends Error {
+  static from(E, t, _, i, s, O) {
+    const e = new R(E.message, t || E.code, _, i, s);
+    return e.cause = E, e.name = E.name, O && Object.assign(e, O), e;
+  }
+  /**
+   * Create an Error with the specified message, config, error code, request and response.
+   *
+   * @param {string} message The error message.
+   * @param {string} [code] The error code (for example, 'ECONNABORTED').
+   * @param {Object} [config] The config.
+   * @param {Object} [request] The request.
+   * @param {Object} [response] The response.
+   *
+   * @returns {Error} The created error.
+   */
+  constructor(E, t, _, i, s) {
+    super(E), this.name = "AxiosError", this.isAxiosError = !0, t && (this.code = t), _ && (this.config = _), i && (this.request = i), s && (this.response = s, this.status = s.status);
+  }
+  toJSON() {
     return {
       // Standard
       message: this.message,
@@ -17,38 +32,24 @@ a.inherits(e, Error, {
       columnNumber: this.columnNumber,
       stack: this.stack,
       // Axios
-      config: a.toJSONObject(this.config),
+      config: N.toJSONObject(this.config),
       code: this.code,
       status: this.status
     };
   }
-});
-const R = e.prototype, u = {};
-[
-  "ERR_BAD_OPTION_VALUE",
-  "ERR_BAD_OPTION",
-  "ECONNABORTED",
-  "ETIMEDOUT",
-  "ERR_NETWORK",
-  "ERR_FR_TOO_MANY_REDIRECTS",
-  "ERR_DEPRECATED",
-  "ERR_BAD_RESPONSE",
-  "ERR_BAD_REQUEST",
-  "ERR_CANCELED",
-  "ERR_NOT_SUPPORT",
-  "ERR_INVALID_URL"
-  // eslint-disable-next-line func-names
-].forEach((t) => {
-  u[t] = { value: t };
-});
-Object.defineProperties(e, u);
-Object.defineProperty(R, "isAxiosError", { value: !0 });
-e.from = (t, i, o, E, r, c) => {
-  const s = Object.create(R);
-  return a.toFlatObject(t, s, function(h) {
-    return h !== Error.prototype;
-  }, (n) => n !== "isAxiosError"), e.call(s, t.message, i, o, E, r), s.cause = t, s.name = t.name, c && Object.assign(s, c), s;
-};
+}
+R.ERR_BAD_OPTION_VALUE = "ERR_BAD_OPTION_VALUE";
+R.ERR_BAD_OPTION = "ERR_BAD_OPTION";
+R.ECONNABORTED = "ECONNABORTED";
+R.ETIMEDOUT = "ETIMEDOUT";
+R.ERR_NETWORK = "ERR_NETWORK";
+R.ERR_FR_TOO_MANY_REDIRECTS = "ERR_FR_TOO_MANY_REDIRECTS";
+R.ERR_DEPRECATED = "ERR_DEPRECATED";
+R.ERR_BAD_RESPONSE = "ERR_BAD_RESPONSE";
+R.ERR_BAD_REQUEST = "ERR_BAD_REQUEST";
+R.ERR_CANCELED = "ERR_CANCELED";
+R.ERR_NOT_SUPPORT = "ERR_NOT_SUPPORT";
+R.ERR_INVALID_URL = "ERR_INVALID_URL";
 export {
-  e as default
+  R as default
 };

package/ButtonAction.js

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as o } from "react/jsx-runtime";
-import { IconCheck as n } from "./index4.js";
+import { IconCheck as n } from "./index3.js";
 import { __ as e } from "./index2.js";
 import { pluralize as m } from "./text.js";
 function a({

package/CanceledError.js

@@ -1,11 +1,18 @@
-import r from "./AxiosError.js";
-import i from "./utils6.js";
-function l(o, t, e) {
-  r.call(this, o ?? "canceled", r.ERR_CANCELED, t, e), this.name = "CanceledError";
+import e from "./AxiosError.js";
+class n extends e {
+  /**
+   * A `CanceledError` is an object that is thrown when an operation is canceled.
+   *
+   * @param {string=} message The message.
+   * @param {Object=} config The config.
+   * @param {Object=} request The request.
+   *
+   * @returns {CanceledError} The created error.
+   */
+  constructor(r, o, t) {
+    super(r ?? "canceled", e.ERR_CANCELED, o, t), this.name = "CanceledError", this.__CANCEL__ = !0;
+  }
 }
-i.inherits(l, r, {
-  __CANCEL__: !0
-});
 export {
-  l as default
+  n as default
 };

package/Card.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as M } from "react/jsx-runtime";
 import { useMemo as j } from "react";
 import s, { css as c } from "./styled-components.browser.esm.js";
-import { IconCheck as F } from "./index4.js";
+import { IconCheck as F } from "./index3.js";
 import { token as r } from "./token.js";
 import { Frame as z } from "./Frame.js";
 import { CardContext as S } from "./context.js";

package/Chip.js

@@ -2,7 +2,7 @@ import { jsxs as C, jsx as n } from "react/jsx-runtime";
 import { forwardRef as T } from "react";
 import d, { css as e } from "./styled-components.browser.esm.js";
 import { useFocusRing as $ } from "./useFocusRing.js";
-import { IconCancel as q } from "./index4.js";
+import { IconCancel as q } from "./index3.js";
 import { token as o } from "./token.js";
 import { textStyles as u } from "./textStyles.js";
 import { makeInternalTokens as I } from "./makeInternalTokens.js";

package/CollectionCard.js

@@ -1,40 +1,40 @@
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
 import s from "./styled-components.browser.esm.js";
-import { IconOpenInNew as u } from "./index4.js";
+import { IconOpenInNew as u } from "./index3.js";
 import { Card as n } from "./Card.js";
-import { token as i } from "./token.js";
+import { token as a } from "./token.js";
 import { useSelectionMode as C, useConfig as h } from "./ConfigContext.js";
 import { __ as o } from "./index2.js";
 import { useRouter as x } from "./useRouterStore.js";
-import { useSelection as $ } from "./SelectionContext.js";
-import { pluralize as b } from "./text.js";
-function P({ collection: e, fadeIn: d = !0, isSelected: r, style: l }) {
-  const m = C(), [, c] = x(), p = $(), { hideExternalAccess: f } = h();
-  return /* @__PURE__ */ t(w, { id: e.id, style: l, $fadeIn: d, children: /* @__PURE__ */ g(
+import { pluralize as $ } from "./text.js";
+import { useSelectionStore as b } from "./useSelectionStore.js";
+function P({ collection: t, fadeIn: d = !0, isSelected: r, style: l }) {
+  const c = C(), [, m] = x(), { toggleCollection: p } = b(), { hideExternalAccess: f } = h();
+  return /* @__PURE__ */ e(w, { id: t.id, style: l, $fadeIn: d, children: /* @__PURE__ */ g(
     n,
     {
-      contextAction: !f && /* @__PURE__ */ t(
+      contextAction: !f && /* @__PURE__ */ e(
         n.ContextActionButton,
         {
           "aria-label": o("Open in new tab"),
           onClick: () => {
-            window.open(e.url, "_blank");
+            window.open(t.url, "_blank");
           },
-          children: /* @__PURE__ */ t(u, {})
+          children: /* @__PURE__ */ e(u, {})
         }
       ),
       selectButtonAriaLabel: r ? o("Deselect") : o("Select"),
-      onSelect: m === "MultiSelect" ? (a) => {
-        a.stopPropagation(), p.toggleCollection(e);
+      onSelect: c === "MultiSelect" ? (i) => {
+        i.stopPropagation(), p(t);
       } : void 0,
       isSelected: r,
-      onClick: () => c({ page: "collection", collection: e }),
+      onClick: () => m({ page: "collection", collection: t }),
       "aria-selected": r,
       "data-testid": "asset-card",
       children: [
-        /* @__PURE__ */ t(n.Frame, { children: /* @__PURE__ */ t(n.Images, { children: e.thumbnailUrls.slice(0, 3).map((a) => /* @__PURE__ */ t(n.Img, { src: a, alt: e.name }, a)) }) }),
-        /* @__PURE__ */ t(n.Header, { title: e.name, "data-testid": "asset-name" }),
-        /* @__PURE__ */ t(I, { children: b(e.assetCount, o("{} asset"), o("{} assets")) })
+        /* @__PURE__ */ e(n.Frame, { children: /* @__PURE__ */ e(n.Images, { children: t.thumbnailUrls.slice(0, 3).map((i) => /* @__PURE__ */ e(n.Img, { src: i, alt: t.name }, i)) }) }),
+        /* @__PURE__ */ e(n.Header, { title: t.name, "data-testid": "asset-name" }),
+        /* @__PURE__ */ e(I, { "data-testid": "collection-asset-count", children: $(t.assetCount, o("{} asset"), o("{} assets")) })
       ]
     }
   ) });
@@ -42,13 +42,13 @@ function P({ collection: e, fadeIn: d = !0, isSelected: r, style: l }) {
 const w = s.div`
 	width: 224px;
 	position: relative;
-	margin: ${i.spacing3};
+	margin: ${a.spacing3};
 	align-self: flex-start;
-	${(e) => e.$fadeIn ? "animation: var(--fade-in-down);" : ""}
+	${(t) => t.$fadeIn ? "animation: var(--fade-in-down);" : ""}
 `, I = s.div`
-	padding: 0 0 ${i.spacing4} ${i.spacing5};
-	margin-top: -${i.spacing2};
-	font-size: ${i.fontSize75};
+	padding: 0 0 ${a.spacing4} ${a.spacing5};
+	margin-top: -${a.spacing2};
+	font-size: ${a.fontSize75};
 	color: rgba(0, 34, 51, 0.5);
 `;
 export {

package/CollectionItem.js

@@ -1,23 +1,23 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import e from "./styled-components.browser.esm.js";
-import { IconCollection as a } from "./index4.js";
+import { IconCollection as a } from "./index3.js";
 import { Thumbnail as l } from "./Thumbnail.js";
 import { token as i } from "./token.js";
-import { __ as n } from "./index2.js";
-import { useSelection as s } from "./SelectionContext.js";
-import { pluralize as p } from "./text.js";
-import { SelectedItemContainer as c } from "./SelectedItemContainer.js";
+import { __ as r } from "./index2.js";
+import { pluralize as s } from "./text.js";
+import { SelectedItemContainer as p } from "./SelectedItemContainer.js";
+import { useSelectionStore as c } from "./useSelectionStore.js";
 function z({ collection: t }) {
-  const r = s();
+  const { toggleCollection: n } = c();
   return /* @__PURE__ */ m(
-    c,
+    p,
     {
       title: t.name,
-      onRemove: () => r.toggleCollection(t),
+      onRemove: () => n(t),
       children: [
         /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(l, { variant: "clean", icon: /* @__PURE__ */ o(a, {}) }) }),
         /* @__PURE__ */ o(g, { children: t.name }),
-        /* @__PURE__ */ o(h, { children: p(t.assetCount, n("{} asset"), n("{} assets")) })
+        /* @__PURE__ */ o(h, { children: s(t.assetCount, r("{} asset"), r("{} assets")) })
       ]
     }
   );

package/CollectionList.js

@@ -7,11 +7,11 @@ import { CollectionCard as L } from "./CollectionCard.js";
 import { useDimensions as x } from "./useDimensions.js";
 import { InfiniteScroll as I } from "./InfiniteScroll.js";
 import { NoResults as N } from "./NoResults.js";
-import { useSelectedCollectionIds as k } from "./SelectionContext.js";
-import { nbsp as w } from "./text.js";
-import { useSearchStore as M } from "./useSearchStore.js";
+import { nbsp as k } from "./text.js";
+import { useSearchStore as w } from "./useSearchStore.js";
+import { useSelectedCollectionIds as M } from "./useSelectionStore.js";
 function E(l) {
-  const [d, a] = S(null), { dimensions: i } = x(d), c = k(), { setSearch: m } = M(), { data: o, isLoading: f, loadMore: u, hasNextPage: p } = l.connection, n = i !== void 0 ? Math.ceil(i.height / 184) : 0, s = i !== void 0 ? Math.round((i.width - 32) / 204) : 0;
+  const [d, a] = S(null), { dimensions: i } = x(d), c = M(), { setSearch: m } = w(), { data: o, isLoading: f, loadMore: u, hasNextPage: p } = l.connection, n = i !== void 0 ? Math.ceil(i.height / 184) : 0, s = i !== void 0 ? Math.round((i.width - 32) / 204) : 0;
   return /* @__PURE__ */ h(
     "div",
     {
@@ -26,7 +26,7 @@ function E(l) {
           {
             rows: n,
             columns: s,
-            title: /* @__PURE__ */ t(R, { children: w })
+            title: /* @__PURE__ */ t(R, { children: k })
           }
         ),
         o.tag === "Loaded" && o.value?.collections.nodes.length === 0 && /* @__PURE__ */ t(N, { onReset: () => m("collections", "") }),