@bynder/compact-view 5.2.0 → 5.2.2

package/store/useDatStore.d.ts

@@ -1,15 +1,16 @@
 import { Asset } from '../views/asset/asset.type';
 import { Transformation } from '../Dat/types';
 type datState = {
-    datUrl: string;
+    assetId: string;
     assetName: string;
+    closeDat: () => void;
+    datUrl: string;
     datExtension: string;
+    openDat: (url: string, asset: Asset, name: string) => void;
     transformation: Transformation;
+    reset: () => void;
     resetTransformation: () => void;
     setTransformation: (transformation?: Transformation) => void;
-    openDat: (url: string, asset: Asset, name: string) => void;
-    closeDat: () => void;
-    reset: () => void;
 };
 export declare const useDatStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<datState>, "setState" | "devtools"> & {
     setState(partial: datState | Partial<datState> | ((state: datState) => datState | Partial<datState>), replace?: false | undefined, action?: (string | {
@@ -49,15 +50,16 @@ export declare const useDatSelectors: {
     };
 } & {
     use: {
-        datUrl: () => string;
+        assetId: () => string;
         assetName: () => string;
+        closeDat: () => () => void;
+        datUrl: () => string;
         datExtension: () => string;
+        openDat: () => (url: string, asset: Asset, name: string) => void;
         transformation: () => Transformation;
+        reset: () => () => void;
         resetTransformation: () => () => void;
         setTransformation: () => (transformation?: Transformation) => void;
-        openDat: () => (url: string, asset: Asset, name: string) => void;
-        closeDat: () => () => void;
-        reset: () => () => void;
     };
 };
 export declare const useDat: () => {
@@ -69,5 +71,6 @@ export declare const useDat: () => {
     closeDat: () => void;
     openDat: (url: string, asset: Asset, name: string) => void;
     reset: () => void;
+    assetId: string;
 };
 export {};

package/string.js

@@ -0,0 +1,6 @@
+function t(e, n = 0) {
+  return typeof e != "string" || n === 0 || e.length <= n ? e : `${e.slice(0, n)}...`;
+}
+export {
+  t as truncate
+};

package/styled-components.browser.esm.js

@@ -0,0 +1,530 @@
+import { __assign as g, __spreadArray as T } from "./tslib.es6.js";
+import S, { useContext as ie, useState as ae, useMemo as ut, useEffect as ue, createElement as ce } from "react";
+import le from "./index3.js";
+import pe from "./emotion-unitless.esm.js";
+import { RULESET as fe } from "./Enum.js";
+import { prefixer as he, middleware as de, rulesheet as me } from "./Middleware.js";
+import { stringify as ve, serialize as ye } from "./Serializer.js";
+import { compile as ge } from "./Parser.js";
+var j = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", Ft = "active", $t = "data-styled-version", nt = "6.1.13", vt = `/*!sc*/
+`, Q = typeof window < "u" && "HTMLElement" in window, Se = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" && process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY), Ie = {}, ot = Object.freeze([]), D = Object.freeze({});
+function zt(e, t, r) {
+  return r === void 0 && (r = D), e.theme !== r.theme && e.theme || t || r.theme;
+}
+var kt = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), Ce = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Pe = /(^-|-$)/g;
+function At(e) {
+  return e.replace(Ce, "-").replace(Pe, "");
+}
+var be = /(a)(d)/gi, V = 52, _t = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function ft(e) {
+  var t, r = "";
+  for (t = Math.abs(e); t > V; t = t / V | 0) r = _t(t % V) + r;
+  return (_t(t % V) + r).replace(be, "$1-$2");
+}
+var ct, Bt = 5381, O = function(e, t) {
+  for (var r = t.length; r; ) e = 33 * e ^ t.charCodeAt(--r);
+  return e;
+}, Lt = function(e) {
+  return O(Bt, e);
+};
+function yt(e) {
+  return ft(Lt(e) >>> 0);
+}
+function we(e) {
+  return e.displayName || e.name || "Component";
+}
+function lt(e) {
+  return typeof e == "string" && !0;
+}
+var Gt = typeof Symbol == "function" && Symbol.for, Mt = Gt ? Symbol.for("react.memo") : 60115, Ae = Gt ? Symbol.for("react.forward_ref") : 60112, _e = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Ee = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, Yt = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, Re = ((ct = {})[Ae] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, ct[Mt] = Yt, ct);
+function Et(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === Mt ? Yt : "$$typeof" in e ? Re[e.$$typeof] : _e;
+  var t;
+}
+var Ne = Object.defineProperty, xe = Object.getOwnPropertyNames, Rt = Object.getOwnPropertySymbols, Oe = Object.getOwnPropertyDescriptor, Te = Object.getPrototypeOf, Nt = Object.prototype;
+function Wt(e, t, r) {
+  if (typeof t != "string") {
+    if (Nt) {
+      var n = Te(t);
+      n && n !== Nt && Wt(e, n, r);
+    }
+    var o = xe(t);
+    Rt && (o = o.concat(Rt(t)));
+    for (var s = Et(e), i = Et(t), c = 0; c < o.length; ++c) {
+      var a = o[c];
+      if (!(a in Ee || r && r[a] || i && a in i || s && a in s)) {
+        var u = Oe(t, a);
+        try {
+          Ne(e, a, u);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function F(e) {
+  return typeof e == "function";
+}
+function gt(e) {
+  return typeof e == "object" && "styledComponentId" in e;
+}
+function x(e, t) {
+  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
+}
+function X(e, t) {
+  if (e.length === 0) return "";
+  for (var r = e[0], n = 1; n < e.length; n++) r += e[n];
+  return r;
+}
+function G(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function ht(e, t, r) {
+  if (r === void 0 && (r = !1), !r && !G(e) && !Array.isArray(e)) return t;
+  if (Array.isArray(t)) for (var n = 0; n < t.length; n++) e[n] = ht(e[n], t[n]);
+  else if (G(t)) for (var n in t) e[n] = ht(e[n], t[n]);
+  return e;
+}
+function St(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+function M(e) {
+  for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
+  return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : ""));
+}
+var je = (function() {
+  function e(t) {
+    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
+  }
+  return e.prototype.indexOfGroup = function(t) {
+    for (var r = 0, n = 0; n < t; n++) r += this.groupSizes[n];
+    return r;
+  }, e.prototype.insertRules = function(t, r) {
+    if (t >= this.groupSizes.length) {
+      for (var n = this.groupSizes, o = n.length, s = o; t >= s; ) if ((s <<= 1) < 0) throw M(16, "".concat(t));
+      this.groupSizes = new Uint32Array(s), this.groupSizes.set(n), this.length = s;
+      for (var i = o; i < s; i++) this.groupSizes[i] = 0;
+    }
+    for (var c = this.indexOfGroup(t + 1), a = (i = 0, r.length); i < a; i++) this.tag.insertRule(c, r[i]) && (this.groupSizes[t]++, c++);
+  }, e.prototype.clearGroup = function(t) {
+    if (t < this.length) {
+      var r = this.groupSizes[t], n = this.indexOfGroup(t), o = n + r;
+      this.groupSizes[t] = 0;
+      for (var s = n; s < o; s++) this.tag.deleteRule(n);
+    }
+  }, e.prototype.getGroup = function(t) {
+    var r = "";
+    if (t >= this.length || this.groupSizes[t] === 0) return r;
+    for (var n = this.groupSizes[t], o = this.indexOfGroup(t), s = o + n, i = o; i < s; i++) r += "".concat(this.tag.getRule(i)).concat(vt);
+    return r;
+  }, e;
+})(), K = /* @__PURE__ */ new Map(), tt = /* @__PURE__ */ new Map(), Z = 1, J = function(e) {
+  if (K.has(e)) return K.get(e);
+  for (; tt.has(Z); ) Z++;
+  var t = Z++;
+  return K.set(e, t), tt.set(t, e), t;
+}, De = function(e, t) {
+  Z = t + 1, K.set(e, t), tt.set(t, e);
+}, Fe = "style[".concat(j, "][").concat($t, '="').concat(nt, '"]'), $e = new RegExp("^".concat(j, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), ze = function(e, t, r) {
+  for (var n, o = r.split(","), s = 0, i = o.length; s < i; s++) (n = o[s]) && e.registerName(t, n);
+}, ke = function(e, t) {
+  for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(vt), o = [], s = 0, i = n.length; s < i; s++) {
+    var c = n[s].trim();
+    if (c) {
+      var a = c.match($e);
+      if (a) {
+        var u = 0 | parseInt(a[1], 10), l = a[2];
+        u !== 0 && (De(l, u), ze(e, l, a[3]), e.getTag().insertRules(u, o)), o.length = 0;
+      } else o.push(c);
+    }
+  }
+}, xt = function(e) {
+  for (var t = document.querySelectorAll(Fe), r = 0, n = t.length; r < n; r++) {
+    var o = t[r];
+    o && o.getAttribute(j) !== Ft && (ke(e, o), o.parentNode && o.parentNode.removeChild(o));
+  }
+};
+function Be() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+var qt = function(e) {
+  var t = document.head, r = e || t, n = document.createElement("style"), o = (function(c) {
+    var a = Array.from(c.querySelectorAll("style[".concat(j, "]")));
+    return a[a.length - 1];
+  })(r), s = o !== void 0 ? o.nextSibling : null;
+  n.setAttribute(j, Ft), n.setAttribute($t, nt);
+  var i = Be();
+  return i && n.setAttribute("nonce", i), r.insertBefore(n, s), n;
+}, Le = (function() {
+  function e(t) {
+    this.element = qt(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(r) {
+      if (r.sheet) return r.sheet;
+      for (var n = document.styleSheets, o = 0, s = n.length; o < s; o++) {
+        var i = n[o];
+        if (i.ownerNode === r) return i;
+      }
+      throw M(17);
+    })(this.element), this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, r) {
+    try {
+      return this.sheet.insertRule(r, t), this.length++, !0;
+    } catch {
+      return !1;
+    }
+  }, e.prototype.deleteRule = function(t) {
+    this.sheet.deleteRule(t), this.length--;
+  }, e.prototype.getRule = function(t) {
+    var r = this.sheet.cssRules[t];
+    return r && r.cssText ? r.cssText : "";
+  }, e;
+})(), Ge = (function() {
+  function e(t) {
+    this.element = qt(t), this.nodes = this.element.childNodes, this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, r) {
+    if (t <= this.length && t >= 0) {
+      var n = document.createTextNode(r);
+      return this.element.insertBefore(n, this.nodes[t] || null), this.length++, !0;
+    }
+    return !1;
+  }, e.prototype.deleteRule = function(t) {
+    this.element.removeChild(this.nodes[t]), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.nodes[t].textContent : "";
+  }, e;
+})(), Me = (function() {
+  function e(t) {
+    this.rules = [], this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, r) {
+    return t <= this.length && (this.rules.splice(t, 0, r), this.length++, !0);
+  }, e.prototype.deleteRule = function(t) {
+    this.rules.splice(t, 1), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.rules[t] : "";
+  }, e;
+})(), Ot = Q, Ye = { isServer: !Q, useCSSOMInjection: !Se }, et = (function() {
+  function e(t, r, n) {
+    t === void 0 && (t = D), r === void 0 && (r = {});
+    var o = this;
+    this.options = g(g({}, Ye), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && Q && Ot && (Ot = !1, xt(this)), St(this, function() {
+      return (function(s) {
+        for (var i = s.getTag(), c = i.length, a = "", u = function(h) {
+          var p = (function(I) {
+            return tt.get(I);
+          })(h);
+          if (p === void 0) return "continue";
+          var f = s.names.get(p), m = i.getGroup(h);
+          if (f === void 0 || !f.size || m.length === 0) return "continue";
+          var w = "".concat(j, ".g").concat(h, '[id="').concat(p, '"]'), R = "";
+          f !== void 0 && f.forEach(function(I) {
+            I.length > 0 && (R += "".concat(I, ","));
+          }), a += "".concat(m).concat(w, '{content:"').concat(R, '"}').concat(vt);
+        }, l = 0; l < c; l++) u(l);
+        return a;
+      })(o);
+    });
+  }
+  return e.registerId = function(t) {
+    return J(t);
+  }, e.prototype.rehydrate = function() {
+    !this.server && Q && xt(this);
+  }, e.prototype.reconstructWithOptions = function(t, r) {
+    return r === void 0 && (r = !0), new e(g(g({}, this.options), t), this.gs, r && this.names || void 0);
+  }, e.prototype.allocateGSInstance = function(t) {
+    return this.gs[t] = (this.gs[t] || 0) + 1;
+  }, e.prototype.getTag = function() {
+    return this.tag || (this.tag = (t = (function(r) {
+      var n = r.useCSSOMInjection, o = r.target;
+      return r.isServer ? new Me(o) : n ? new Le(o) : new Ge(o);
+    })(this.options), new je(t)));
+    var t;
+  }, e.prototype.hasNameForId = function(t, r) {
+    return this.names.has(t) && this.names.get(t).has(r);
+  }, e.prototype.registerName = function(t, r) {
+    if (J(t), this.names.has(t)) this.names.get(t).add(r);
+    else {
+      var n = /* @__PURE__ */ new Set();
+      n.add(r), this.names.set(t, n);
+    }
+  }, e.prototype.insertRules = function(t, r, n) {
+    this.registerName(t, r), this.getTag().insertRules(J(t), n);
+  }, e.prototype.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup(J(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e;
+})(), We = /&/g, qe = /^\s*\/\/.*$/gm;
+function Ht(e, t) {
+  return e.map(function(r) {
+    return r.type === "rule" && (r.value = "".concat(t, " ").concat(r.value), r.value = r.value.replaceAll(",", ",".concat(t, " ")), r.props = r.props.map(function(n) {
+      return "".concat(t, " ").concat(n);
+    })), Array.isArray(r.children) && r.type !== "@keyframes" && (r.children = Ht(r.children, t)), r;
+  });
+}
+function Ut(e) {
+  var t, r, n, o = e === void 0 ? D : e, s = o.options, i = s === void 0 ? D : s, c = o.plugins, a = c === void 0 ? ot : c, u = function(p, f, m) {
+    return m.startsWith(r) && m.endsWith(r) && m.replaceAll(r, "").length > 0 ? ".".concat(t) : p;
+  }, l = a.slice();
+  l.push(function(p) {
+    p.type === fe && p.value.includes("&") && (p.props[0] = p.props[0].replace(We, r).replace(n, u));
+  }), i.prefix && l.push(he), l.push(ve);
+  var h = function(p, f, m, w) {
+    f === void 0 && (f = ""), m === void 0 && (m = ""), w === void 0 && (w = "&"), t = w, r = f, n = new RegExp("\\".concat(r, "\\b"), "g");
+    var R = p.replace(qe, ""), I = ge(m || f ? "".concat(m, " ").concat(f, " { ").concat(R, " }") : R);
+    i.namespace && (I = Ht(I, i.namespace));
+    var $ = [];
+    return ye(I, de(l.concat(me(function(v) {
+      return $.push(v);
+    })))), $;
+  };
+  return h.hash = a.length ? a.reduce(function(p, f) {
+    return f.name || M(15), O(p, f.name);
+  }, Bt).toString() : "", h;
+}
+var He = new et(), dt = Ut(), It = S.createContext({ shouldForwardProp: void 0, styleSheet: He, stylis: dt });
+It.Consumer;
+var Ue = S.createContext(void 0);
+function rt() {
+  return ie(It);
+}
+function ur(e) {
+  var t = ae(e.stylisPlugins), r = t[0], n = t[1], o = rt().styleSheet, s = ut(function() {
+    var a = o;
+    return e.sheet ? a = e.sheet : e.target && (a = a.reconstructWithOptions({ target: e.target }, !1)), e.disableCSSOMInjection && (a = a.reconstructWithOptions({ useCSSOMInjection: !1 })), a;
+  }, [e.disableCSSOMInjection, e.sheet, e.target, o]), i = ut(function() {
+    return Ut({ options: { namespace: e.namespace, prefix: e.enableVendorPrefixes }, plugins: r });
+  }, [e.enableVendorPrefixes, e.namespace, r]);
+  ue(function() {
+    le(r, e.stylisPlugins) || n(e.stylisPlugins);
+  }, [e.stylisPlugins]);
+  var c = ut(function() {
+    return { shouldForwardProp: e.shouldForwardProp, styleSheet: s, stylis: i };
+  }, [e.shouldForwardProp, s, i]);
+  return S.createElement(It.Provider, { value: c }, S.createElement(Ue.Provider, { value: i }, e.children));
+}
+var Vt = (function() {
+  function e(t, r) {
+    var n = this;
+    this.inject = function(o, s) {
+      s === void 0 && (s = dt);
+      var i = n.name + s.hash;
+      o.hasNameForId(n.id, i) || o.insertRules(n.id, i, s(n.rules, i, "@keyframes"));
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = r, St(this, function() {
+      throw M(12, String(n.name));
+    });
+  }
+  return e.prototype.getName = function(t) {
+    return t === void 0 && (t = dt), this.name + t.hash;
+  }, e;
+})(), Ve = function(e) {
+  return e >= "A" && e <= "Z";
+};
+function Tt(e) {
+  for (var t = "", r = 0; r < e.length; r++) {
+    var n = e[r];
+    if (r === 1 && n === "-" && e[0] === "-") return e;
+    Ve(n) ? t += "-" + n.toLowerCase() : t += n;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+var Jt = function(e) {
+  return e == null || e === !1 || e === "";
+}, Kt = function(e) {
+  var t, r, n = [];
+  for (var o in e) {
+    var s = e[o];
+    e.hasOwnProperty(o) && !Jt(s) && (Array.isArray(s) && s.isCss || F(s) ? n.push("".concat(Tt(o), ":"), s, ";") : G(s) ? n.push.apply(n, T(T(["".concat(o, " {")], Kt(s), !1), ["}"], !1)) : n.push("".concat(Tt(o), ": ").concat((t = o, (r = s) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in pe || t.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
+  }
+  return n;
+};
+function E(e, t, r, n) {
+  if (Jt(e)) return [];
+  if (gt(e)) return [".".concat(e.styledComponentId)];
+  if (F(e)) {
+    if (!F(s = e) || s.prototype && s.prototype.isReactComponent || !t) return [e];
+    var o = e(t);
+    return E(o, t, r, n);
+  }
+  var s;
+  return e instanceof Vt ? r ? (e.inject(r, n), [e.getName(n)]) : [e] : G(e) ? Kt(e) : Array.isArray(e) ? Array.prototype.concat.apply(ot, e.map(function(i) {
+    return E(i, t, r, n);
+  })) : [e.toString()];
+}
+function Zt(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var r = e[t];
+    if (F(r) && !gt(r)) return !1;
+  }
+  return !0;
+}
+var Je = Lt(nt), Ke = (function() {
+  function e(t, r, n) {
+    this.rules = t, this.staticRulesId = "", this.isStatic = (n === void 0 || n.isStatic) && Zt(t), this.componentId = r, this.baseHash = O(Je, r), this.baseStyle = n, et.registerId(r);
+  }
+  return e.prototype.generateAndInjectStyles = function(t, r, n) {
+    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, r, n) : "";
+    if (this.isStatic && !n.hash) if (this.staticRulesId && r.hasNameForId(this.componentId, this.staticRulesId)) o = x(o, this.staticRulesId);
+    else {
+      var s = X(E(this.rules, t, r, n)), i = ft(O(this.baseHash, s) >>> 0);
+      if (!r.hasNameForId(this.componentId, i)) {
+        var c = n(s, ".".concat(i), void 0, this.componentId);
+        r.insertRules(this.componentId, i, c);
+      }
+      o = x(o, i), this.staticRulesId = i;
+    }
+    else {
+      for (var a = O(this.baseHash, n.hash), u = "", l = 0; l < this.rules.length; l++) {
+        var h = this.rules[l];
+        if (typeof h == "string") u += h;
+        else if (h) {
+          var p = X(E(h, t, r, n));
+          a = O(a, p + l), u += p;
+        }
+      }
+      if (u) {
+        var f = ft(a >>> 0);
+        r.hasNameForId(this.componentId, f) || r.insertRules(this.componentId, f, n(u, ".".concat(f), void 0, this.componentId)), o = x(o, f);
+      }
+    }
+    return o;
+  }, e;
+})(), Ct = S.createContext(void 0);
+Ct.Consumer;
+var pt = {};
+function Ze(e, t, r) {
+  var n = gt(e), o = e, s = !lt(e), i = t.attrs, c = i === void 0 ? ot : i, a = t.componentId, u = a === void 0 ? (function(y, C) {
+    var d = typeof y != "string" ? "sc" : At(y);
+    pt[d] = (pt[d] || 0) + 1;
+    var P = "".concat(d, "-").concat(yt(nt + d + pt[d]));
+    return C ? "".concat(C, "-").concat(P) : P;
+  })(t.displayName, t.parentComponentId) : a, l = t.displayName, h = l === void 0 ? (function(y) {
+    return lt(y) ? "styled.".concat(y) : "Styled(".concat(we(y), ")");
+  })(e) : l, p = t.displayName && t.componentId ? "".concat(At(t.displayName), "-").concat(t.componentId) : t.componentId || u, f = n && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, m = t.shouldForwardProp;
+  if (n && o.shouldForwardProp) {
+    var w = o.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var R = t.shouldForwardProp;
+      m = function(y, C) {
+        return w(y, C) && R(y, C);
+      };
+    } else m = w;
+  }
+  var I = new Ke(r, p, n ? o.componentStyle : void 0);
+  function $(y, C) {
+    return (function(d, P, z) {
+      var Y = d.attrs, Xt = d.componentStyle, te = d.defaultProps, ee = d.foldedComponentIds, re = d.styledComponentId, ne = d.target, oe = S.useContext(Ct), se = rt(), st = d.shouldForwardProp || se.shouldForwardProp, bt = zt(P, oe, te) || D, b = (function(q, B, H) {
+        for (var L, N = g(g({}, B), { className: void 0, theme: H }), at = 0; at < q.length; at += 1) {
+          var U = F(L = q[at]) ? L(N) : L;
+          for (var _ in U) N[_] = _ === "className" ? x(N[_], U[_]) : _ === "style" ? g(g({}, N[_]), U[_]) : U[_];
+        }
+        return B.className && (N.className = x(N.className, B.className)), N;
+      })(Y, P, bt), W = b.as || ne, k = {};
+      for (var A in b) b[A] === void 0 || A[0] === "$" || A === "as" || A === "theme" && b.theme === bt || (A === "forwardedAs" ? k.as = b.forwardedAs : st && !st(A, W) || (k[A] = b[A]));
+      var wt = (function(q, B) {
+        var H = rt(), L = q.generateAndInjectStyles(B, H.styleSheet, H.stylis);
+        return L;
+      })(Xt, b), it = x(ee, re);
+      return wt && (it += " " + wt), b.className && (it += " " + b.className), k[lt(W) && !kt.has(W) ? "class" : "className"] = it, k.ref = z, ce(W, k);
+    })(v, y, C);
+  }
+  $.displayName = h;
+  var v = S.forwardRef($);
+  return v.attrs = f, v.componentStyle = I, v.displayName = h, v.shouldForwardProp = m, v.foldedComponentIds = n ? x(o.foldedComponentIds, o.styledComponentId) : "", v.styledComponentId = p, v.target = n ? o.target : e, Object.defineProperty(v, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(y) {
+    this._foldedDefaultProps = n ? (function(C) {
+      for (var d = [], P = 1; P < arguments.length; P++) d[P - 1] = arguments[P];
+      for (var z = 0, Y = d; z < Y.length; z++) ht(C, Y[z], !0);
+      return C;
+    })({}, o.defaultProps, y) : y;
+  } }), St(v, function() {
+    return ".".concat(v.styledComponentId);
+  }), s && Wt(v, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), v;
+}
+function jt(e, t) {
+  for (var r = [e[0]], n = 0, o = t.length; n < o; n += 1) r.push(t[n], e[n + 1]);
+  return r;
+}
+var Dt = function(e) {
+  return Object.assign(e, { isCss: !0 });
+};
+function Pt(e) {
+  for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
+  if (F(e) || G(e)) return Dt(E(jt(ot, T([e], t, !0))));
+  var n = e;
+  return t.length === 0 && n.length === 1 && typeof n[0] == "string" ? E(n) : Dt(E(jt(n, t)));
+}
+function mt(e, t, r) {
+  if (r === void 0 && (r = D), !t) throw M(1, t);
+  var n = function(o) {
+    for (var s = [], i = 1; i < arguments.length; i++) s[i - 1] = arguments[i];
+    return e(t, r, Pt.apply(void 0, T([o], s, !1)));
+  };
+  return n.attrs = function(o) {
+    return mt(e, t, g(g({}, r), { attrs: Array.prototype.concat(r.attrs, o).filter(Boolean) }));
+  }, n.withConfig = function(o) {
+    return mt(e, t, g(g({}, r), o));
+  }, n;
+}
+var Qt = function(e) {
+  return mt(Ze, e);
+}, Qe = Qt;
+kt.forEach(function(e) {
+  Qe[e] = Qt(e);
+});
+var Xe = (function() {
+  function e(t, r) {
+    this.rules = t, this.componentId = r, this.isStatic = Zt(t), et.registerId(this.componentId + 1);
+  }
+  return e.prototype.createStyles = function(t, r, n, o) {
+    var s = o(X(E(this.rules, r, n, o)), ""), i = this.componentId + t;
+    n.insertRules(i, i, s);
+  }, e.prototype.removeStyles = function(t, r) {
+    r.clearRules(this.componentId + t);
+  }, e.prototype.renderStyles = function(t, r, n, o) {
+    t > 2 && et.registerId(this.componentId + t), this.removeStyles(t, n), this.createStyles(t, r, n, o);
+  }, e;
+})();
+function cr(e) {
+  for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
+  var n = Pt.apply(void 0, T([e], t, !1)), o = "sc-global-".concat(yt(JSON.stringify(n))), s = new Xe(n, o), i = function(a) {
+    var u = rt(), l = S.useContext(Ct), h = S.useRef(u.styleSheet.allocateGSInstance(o)).current;
+    return u.styleSheet.server && c(h, a, u.styleSheet, l, u.stylis), S.useLayoutEffect(function() {
+      if (!u.styleSheet.server) return c(h, a, u.styleSheet, l, u.stylis), function() {
+        return s.removeStyles(h, u.styleSheet);
+      };
+    }, [h, a, u.styleSheet, l, u.stylis]), null;
+  };
+  function c(a, u, l, h, p) {
+    if (s.isStatic) s.renderStyles(a, Ie, l, p);
+    else {
+      var f = g(g({}, u), { theme: zt(u, h, i.defaultProps) });
+      s.renderStyles(a, f, l, p);
+    }
+  }
+  return S.memo(i);
+}
+function lr(e) {
+  for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
+  var n = X(Pt.apply(void 0, T([e], t, !1))), o = yt(n);
+  return new Vt(o, n);
+}
+export {
+  It as StyleSheetContext,
+  ur as StyleSheetManager,
+  Ct as ThemeContext,
+  cr as createGlobalStyle,
+  Pt as css,
+  Qe as default,
+  gt as isStyledComponent,
+  lr as keyframes,
+  Qe as styled,
+  nt as version
+};

package/styles.js

@@ -0,0 +1,55 @@
+import e, { css as r } from "./styled-components.browser.esm.js";
+import { token as t } from "./token.js";
+import { getThumbPosition as l } from "./getThumbPosition.js";
+const v = e.div.withConfig({
+  displayName: "Container",
+  componentId: "sc-1noysms-0"
+})(["position:relative;display:flex;gap:", ";align-items:center;"], t.spacing3), m = e.div.withConfig({
+  displayName: "SliderContainer",
+  componentId: "sc-1noysms-1"
+})(["position:relative;display:flex;flex:1;align-items:center;height:24px;"]), x = e.div.withConfig({
+  displayName: "IconStyled",
+  componentId: "sc-1noysms-2"
+})(["display:grid;color:", ";"], (i) => i.$isDisabled ? t.colorTextDisabled : t.colorTextMuted), c = r(["position:relative;box-sizing:border-box;height:24px;padding:0;border:10px solid transparent;border-radius:2px / 50%;background-image:var(--track-background);background-clip:padding-box;border-inline:none;appearance:none;"]), b = r(["position:relative;top:50%;bottom:0;width:20px;height:20px;padding:0;opacity:0;pointer-events:", ";transform:translateY(-50%);-webkit-appearance:none;appearance:none;"], (i) => i.$isDisabled ? "none" : "auto");
+function u(i) {
+  const o = l(i.min, i.max, i.value);
+  let n, a;
+  Array.isArray(i.$values) ? (n = l(i.min, i.max, i.$values[0]), a = l(i.min, i.max, i.$values[1])) : i.$isFromCenter ? (n = `min(${o}, 50%)`, a = `max(50%, ${o})`) : (n = "0", a = o);
+  const s = i.$isDisabled ? t.gray400 : t.brandPrimary500;
+  return `linear-gradient(
+		90deg,
+		${t.gray100a} ${n},
+		${s} ${n},
+		${s} ${a},
+		${t.gray100a} ${a}
+	)`;
+}
+const d = e.input.attrs((i) => ({
+  style: {
+    "--track-background": u(i)
+  }
+})).withConfig({
+  displayName: "SliderInput",
+  componentId: "sc-1noysms-3"
+})(["position:absolute;left:0;width:100%;margin:0;padding:0;border:none;background:transparent;cursor:", ";pointer-events:", ";-webkit-appearance:none;appearance:none;&:focus{outline:none;}&::-webkit-slider-thumb{", "}&::-moz-range-thumb{", " transform:none;}&::-webkit-slider-runnable-track{", "}&::-moz-range-track{", "}"], (i) => i.$isDisabled ? "default" : "pointer", (i) => i.$isRange || i.$isDisabled ? "none" : "auto", b, b, c, c), f = e.div.withConfig({
+  displayName: "ThumbContainer",
+  componentId: "sc-1noysms-4"
+})(["position:absolute;top:50%;z-index:1;box-sizing:border-box;width:16px;height:16px;opacity:var(--thumb-opacity,", ");pointer-events:none;transition:opacity 120ms ease-in-out;", " ", ":hover + &{--thumb-opacity:1;--thumb-inner-circle-visibility:visible;--thumb-border:0 0 0 1px ", ";--thumb-shadow:", ",", ";}", ":focus-visible + &{--thumb-opacity:1;--thumb-inner-circle-visibility:visible;--thumb-border:0 0 0 1px ", ";--thumb-shadow:0 0 0 3px ", ";}", ":active + &{--thumb-opacity:1;--thumb-inner-circle-visibility:visible;--thumb-border:0 0 0 1px ", ";--thumb-shadow:", ",", ";--thumb-size:20px;}"], (i) => i.$isInactive ? 0 : 1, (i) => i.$isInactive && r(["", ":hover &{--thumb-opacity:", ";}"], m, i.$isDisabled ? 0 : 1), d, t.gray100a, t.elevationStatic, t.elevation1, d, t.gray100a, t.gray100a, d, t.gray100a, t.elevationStatic, t.elevation2), $ = e.div.withConfig({
+  displayName: "ThumbCircle",
+  componentId: "sc-1noysms-5"
+})(["position:absolute;top:50%;left:50%;width:var(--thumb-size,16px);height:var(--thumb-size,16px);border-radius:", ";background:", ";", " transform:translate(-50%,-50%);&::before{content:'';position:absolute;top:50%;left:50%;display:block;width:8px;height:8px;border-radius:", ";background-color:", ";visibility:var(--thumb-inner-circle-visibility,hidden);transform:translate(-50%,-50%);}"], t.radiusCircle, (i) => i.$isDisabled ? t.gray400 : t.gray10, (i) => !i.$isDisabled && r(["box-shadow:var(--thumb-shadow,", ",", "),var(--thumb-border,0 0 0 1px ", ");"], t.elevationStatic, t.elevation1, t.gray75a), t.radiusCircle, (i) => i.$isDisabled ? t.gray400 : t.gray25), C = e.div.withConfig({
+  displayName: "InputContainer",
+  componentId: "sc-1noysms-6"
+})(["width:", ";input{text-align:center;}"], h);
+function h(i) {
+  return `${40 + 8 * Math.max(i.$min.toString().length, i.$max.toString().length)}px`;
+}
+export {
+  v as Container,
+  x as IconStyled,
+  C as InputContainer,
+  m as SliderContainer,
+  d as SliderInput,
+  $ as ThumbCircle,
+  f as ThumbContainer
+};

package/styles2.js

@@ -0,0 +1,17 @@
+import i, { css as c } from "./styled-components.browser.esm.js";
+import { token as t } from "./token.js";
+const n = c(["position:absolute;right:calc(var(--ds-thumbnail-indicator-offset-x) * -1);bottom:calc(var(--ds-thumbnail-indicator-offset-y) * -1);overflow:visible;width:calc(var(--ds-thumbnail-indicator-radius) * 2);height:calc(var(--ds-thumbnail-indicator-radius) * 2);"]), s = i.svg.withConfig({
+  displayName: "SvgIcon",
+  componentId: "sc-1swtdnx-0"
+})(["", ""], n), d = i.div.withConfig({
+  displayName: "IconContainer",
+  componentId: "sc-1swtdnx-1"
+})(["", " display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:", ";color:", ";svg{width:12px;height:12px;}"], n, ({
+  $backgroundColor: o
+}) => t[o], ({
+  $iconColor: o
+}) => t[o]);
+export {
+  d as IconContainer,
+  s as SvgIcon
+};

package/supports.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && /^function fetch\(\)\s+\{\s+\[native code\]\s+\}$/.test(t.toString());
+}
+export {
+  e as isNativeFetch
+};