@streamlayer/react 1.23.0 → 1.23.2

package/lib/es/sl-types.js

@@ -1,22 +1,38 @@
-import o from "react";
-import { listenKeys as y } from "nanostores";
-var L = function() {
-  const t = Array.prototype.slice.call(arguments).filter(Boolean), r = {}, a = [];
-  t.forEach((n) => {
-    (n ? n.split(" ") : []).forEach((s) => {
-      if (s.startsWith("atm_")) {
-        const [, _] = s.split("_");
-        r[_] = s;
-      } else
-        a.push(s);
+import React36__default from "react";
+function listenKeys($store, keys, listener) {
+  let keysSet = new Set(keys).add(void 0);
+  return $store.listen((value, oldValue, changed) => {
+    if (keysSet.has(changed)) {
+      listener(value, oldValue, changed);
+    }
+  });
+}
+var cx = function cx2() {
+  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const atomicClasses = {};
+  const nonAtomicClasses = [];
+  presentClassNames.forEach((arg) => {
+    const individualClassNames = arg ? arg.split(" ") : [];
+    individualClassNames.forEach((className) => {
+      if (className.startsWith("atm_")) {
+        const [, keyHash] = className.split("_");
+        atomicClasses[keyHash] = className;
+      } else {
+        nonAtomicClasses.push(className);
+      }
     });
   });
-  const i = [];
-  for (const n in r)
-    Object.prototype.hasOwnProperty.call(r, n) && i.push(r[n]);
-  return i.push(...a), i.join(" ");
-}, I = L;
-const v = {
+  const result = [];
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
+    }
+  }
+  result.push(...nonAtomicClasses);
+  return result.join(" ");
+};
+var cx_default = cx;
+const R = {
   BLUE_QUESTION_ACTION_BTN: "#1589ee",
   WHITE: "#FFFFFF",
   BLUE: "#2d6ffd",
@@ -86,7 +102,7 @@ const v = {
   IN_APP_QUESTION_RESULT_LINE: "#babfc5",
   QUOTE_BORDER: "#E8E8E8",
   QUOTE_TEXT: "rgba(10, 14, 19, 0.70)"
-}, x = {
+}, F = {
   BG_PRIMARY: "#13212b",
   BG_SECONDARY: "#152430",
   BG_SECONDARY1: "#435059",
@@ -96,7 +112,7 @@ const v = {
   TEXT_SECONDARY: "rgba(255, 255, 255, 0.8)",
   TEXT_SECONDARY1: "#878787",
   WHITE: "#fff"
-}, te = ["#107D57", "#DF2F3B", "#DF2F3B", "#E8E8E8"], re = "#cee5de", ne = "#f9d6d8", ae = "#E8E8E8", ie = {
+}, I = ["#107D57", "#DF2F3B", "#DF2F3B", "#E8E8E8"], O = "#cee5de", N = "#f9d6d8", S = "#E8E8E8", D = {
   REGULAR: "'SF Pro Text', Arial, Helvetica, sans-serif",
   SERIF: "'SF Pro Display', Arial, Helvetica, sans-serif",
   COLOR: "#fff",
@@ -109,89 +125,117 @@ const v = {
   SIZE_DEFAULT2: "12px",
   LINE_HEIGHT: "24px",
   MARGIN_TITLE_DEFAULT: "0px 0px 12px"
-}, se = {
+}, A = {
   xs: 324,
   sm: 576,
   md: 768,
   lg: 992,
   xl: 1200,
   xxl: 1440
-}, oe = {
+}, B = {
   landscape: "landscape",
   portrait: "portrait"
-}, le = Object.entries(v).reduce((e, [t, r]) => `
-    ${e}
-    --color-${t.toLowerCase().replaceAll("_", "-")}: ${r};
-  `, ""), ce = Object.entries(x).reduce((e, [t, r]) => `
-    ${e}
-    --color-adv-${t.toLowerCase().replaceAll("_", "-")}: ${r};
+}, C = Object.entries(R).reduce((E, [_, T]) => `
+    ${E}
+    --color-${_.toLowerCase().replaceAll("_", "-")}: ${T};
+  `, ""), L = Object.entries(F).reduce((E, [_, T]) => `
+    ${E}
+    --color-adv-${_.toLowerCase().replaceAll("_", "-")}: ${T};
   `, "");
-function U(e) {
-  var t = /* @__PURE__ */ Object.create(null);
-  return function(r) {
-    return t[r] === void 0 && (t[r] = e(r)), t[r];
+function memoize(fn) {
+  var cache = /* @__PURE__ */ Object.create(null);
+  return function(arg) {
+    if (cache[arg] === void 0) cache[arg] = fn(arg);
+    return cache[arg];
   };
 }
-var P = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, R = /* @__PURE__ */ U(
-  function(e) {
-    return P.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+var isPropValid = /* @__PURE__ */ memoize(
+  function(prop) {
+    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), b = (e) => e.toUpperCase() === e, k = (e) => (t) => e.indexOf(t) === -1, N = (e, t) => {
-  const r = {};
-  return Object.keys(e).filter(k(t)).forEach((a) => {
-    r[a] = e[a];
-  }), r;
+);
+var isCapital = (ch) => ch.toUpperCase() === ch;
+var filterKey = (keys) => (key) => keys.indexOf(key) === -1;
+var omit = (obj, keys) => {
+  const res = {};
+  Object.keys(obj).filter(filterKey(keys)).forEach((key) => {
+    res[key] = obj[key];
+  });
+  return res;
 };
-function G(e, t, r) {
-  const a = N(t, r);
-  if (!e) {
-    const i = typeof R == "function" ? { default: R } : R;
-    Object.keys(a).forEach((n) => {
-      i.default(n) || delete a[n];
+function filterProps(asIs, props, omitKeys) {
+  const filteredProps = omit(props, omitKeys);
+  if (!asIs) {
+    const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
+    Object.keys(filteredProps).forEach((key) => {
+      if (!interopValidAttr.default(key)) {
+        delete filteredProps[key];
+      }
     });
   }
-  return a;
+  return filteredProps;
 }
-var w = (e, t) => {
+var warnIfInvalid = (value, componentName) => {
 };
-function Y(e) {
-  let t = "";
-  return (r) => {
-    const a = (n, c) => {
-      const { as: s = e, class: _ = t } = n, B = r.propsAsIs === void 0 ? !(typeof s == "string" && s.indexOf("-") === -1 && !b(s[0])) : r.propsAsIs, l = G(B, n, [
+function styled(tag) {
+  let mockedClass = "";
+  return (options) => {
+    const render = (props, ref) => {
+      const { as: component = tag, class: className = mockedClass } = props;
+      const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
+      const filteredProps = filterProps(shouldKeepProps, props, [
         "as",
         "class"
       ]);
-      l.ref = c, l.className = r.atomic ? I(r.class, l.className || _) : I(l.className || _, r.class);
-      const { vars: f } = r;
-      if (f) {
-        const d = {};
-        for (const u in f) {
-          const F = f[u], T = F[0], g = F[1] || "", A = typeof T == "function" ? T(n) : T;
-          w(A, r.name), d[`--${u}`] = `${A}${g}`;
+      filteredProps.ref = ref;
+      filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
+      const { vars } = options;
+      if (vars) {
+        const style = {};
+        for (const name in vars) {
+          const variable = vars[name];
+          const result = variable[0];
+          const unit = variable[1] || "";
+          const value = typeof result === "function" ? result(props) : result;
+          warnIfInvalid(value, options.name);
+          style[`--${name}`] = `${value}${unit}`;
         }
-        const m = l.style || {}, O = Object.keys(m);
-        O.length > 0 && O.forEach((u) => {
-          d[u] = m[u];
-        }), l.style = d;
+        const ownStyle = filteredProps.style || {};
+        const keys = Object.keys(ownStyle);
+        if (keys.length > 0) {
+          keys.forEach((key) => {
+            style[key] = ownStyle[key];
+          });
+        }
+        filteredProps.style = style;
+      }
+      if (tag.__wyw_meta && tag !== component) {
+        filteredProps.as = component;
+        return React36__default.createElement(tag, filteredProps);
       }
-      return e.__wyw_meta && e !== s ? (l.as = s, o.createElement(e, l)) : o.createElement(s, l);
-    }, i = o.forwardRef ? o.forwardRef(a) : (
+      return React36__default.createElement(component, filteredProps);
+    };
+    const Result = React36__default.forwardRef ? React36__default.forwardRef(render) : (
       // React.forwardRef won't available on older React versions and in Preact
       // Fallback to a innerRef prop in that case
-      (n) => {
-        const c = N(n, ["innerRef"]);
-        return a(c, n.innerRef);
+      (props) => {
+        const rest = omit(props, ["innerRef"]);
+        return render(rest, props.innerRef);
       }
     );
-    return i.displayName = r.name, i.__wyw_meta = {
-      className: r.class || t,
-      extends: e
-    }, i;
+    Result.displayName = options.name;
+    Result.__wyw_meta = {
+      className: options.class || mockedClass,
+      extends: tag
+    };
+    return Result;
   };
 }
-var Ee = Y, C = { exports: {} }, h = {};
+var styled_default = styled;
+var shim$1 = { exports: {} };
+var useSyncExternalStoreShim_production = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -201,77 +245,101 @@ var Ee = Y, C = { exports: {} }, h = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var E = o;
-function H(e, t) {
-  return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+var React = React36__default;
+function is(x, y) {
+  return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
 }
-var M = typeof Object.is == "function" ? Object.is : H, V = E.useState, K = E.useEffect, W = E.useLayoutEffect, X = E.useDebugValue;
-function Q(e, t) {
-  var r = t(), a = V({ inst: { value: r, getSnapshot: t } }), i = a[0].inst, n = a[1];
-  return W(
+var objectIs = "function" === typeof Object.is ? Object.is : is, useState = React.useState, useEffect = React.useEffect, useLayoutEffect = React.useLayoutEffect, useDebugValue = React.useDebugValue;
+function useSyncExternalStore$2(subscribe, getSnapshot) {
+  var value = getSnapshot(), _useState = useState({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
+  useLayoutEffect(
     function() {
-      i.value = r, i.getSnapshot = t, p(i) && n({ inst: i });
+      inst.value = value;
+      inst.getSnapshot = getSnapshot;
+      checkIfSnapshotChanged(inst) && forceUpdate({ inst });
     },
-    [e, r, t]
-  ), K(
+    [subscribe, value, getSnapshot]
+  );
+  useEffect(
     function() {
-      return p(i) && n({ inst: i }), e(function() {
-        p(i) && n({ inst: i });
+      checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+      return subscribe(function() {
+        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
       });
     },
-    [e]
-  ), X(r), r;
+    [subscribe]
+  );
+  useDebugValue(value);
+  return value;
 }
-function p(e) {
-  var t = e.getSnapshot;
-  e = e.value;
+function checkIfSnapshotChanged(inst) {
+  var latestGetSnapshot = inst.getSnapshot;
+  inst = inst.value;
   try {
-    var r = t();
-    return !M(e, r);
-  } catch {
-    return !0;
+    var nextValue = latestGetSnapshot();
+    return !objectIs(inst, nextValue);
+  } catch (error) {
+    return true;
   }
 }
-function $(e, t) {
-  return t();
+function useSyncExternalStore$1(subscribe, getSnapshot) {
+  return getSnapshot();
 }
-var j = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? $ : Q;
-h.useSyncExternalStore = E.useSyncExternalStore !== void 0 ? E.useSyncExternalStore : j;
-C.exports = h;
-var z = C.exports;
-const S = (e, t) => (r) => {
-  e.current !== r && (e.current = r, t());
-};
-function q(e, { keys: t, deps: r = [e, t] } = {}) {
-  const a = o.useRef();
-  a.current = e.get();
-  const i = o.useCallback((c) => (S(a, c)(e.value), (t == null ? void 0 : t.length) > 0 ? y(e, t, S(a, c)) : e.listen(S(a, c))), r), n = () => a.current;
-  return o.useSyncExternalStore ? o.useSyncExternalStore(i, n, n) : z.useSyncExternalStore(i, n, n);
+var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
+{
+  shim$1.exports = useSyncExternalStoreShim_production;
 }
-const ue = q, Z = () => [
-  !1,
-  (e) => {
-    window.requestAnimationFrame(() => e());
+var shimExports = shim$1.exports;
+const emit = (snapshotRef, onChange) => (value) => {
+  if (snapshotRef.current === value)
+    return;
+  snapshotRef.current = value;
+  onChange();
+};
+function useStore$1(store, { keys, deps = [store, keys] } = {}) {
+  const snapshotRef = React36__default.useRef();
+  snapshotRef.current = store.get();
+  const subscribe = React36__default.useCallback((onChange) => {
+    emit(snapshotRef, onChange)(store.value);
+    return (keys == null ? void 0 : keys.length) > 0 ? listenKeys(store, keys, emit(snapshotRef, onChange)) : store.listen(emit(snapshotRef, onChange));
+  }, deps);
+  const get = () => snapshotRef.current;
+  if (React36__default.useSyncExternalStore) {
+    return React36__default.useSyncExternalStore(subscribe, get, get);
   }
-], _e = o.useTransition || Z;
-var D;
-(function(e) {
-  e[e.ONBOARDING = 1] = "ONBOARDING", e[e.QUESTION = 2] = "QUESTION", e[e.QUESTION_RESOLVED = 3] = "QUESTION_RESOLVED";
-})(D || (D = {}));
+  return shimExports.useSyncExternalStore(subscribe, get, get);
+}
+const useStore = useStore$1;
+const legacyUseTransition = () => {
+  return [
+    false,
+    (fn) => {
+      window.requestAnimationFrame(() => fn());
+    }
+  ];
+};
+const useTransition = React36__default.useTransition || legacyUseTransition;
+var NotificationType;
+(function(NotificationType2) {
+  NotificationType2[NotificationType2["ONBOARDING"] = 1] = "ONBOARDING";
+  NotificationType2[NotificationType2["QUESTION"] = 2] = "QUESTION";
+  NotificationType2[NotificationType2["QUESTION_RESOLVED"] = 3] = "QUESTION_RESOLVED";
+})(NotificationType || (NotificationType = {}));
 export {
-  se as A,
-  oe as B,
-  le as C,
-  ie as D,
-  te as I,
-  ce as L,
-  ne as N,
-  re as O,
-  v as R,
-  ae as S,
-  D as a,
-  _e as b,
-  I as c,
-  Ee as s,
-  ue as u
+  A,
+  B,
+  C,
+  D,
+  I,
+  L,
+  N,
+  O,
+  R,
+  S,
+  NotificationType as a,
+  useTransition as b,
+  cx_default as c,
+  styled_default as s,
+  useStore as u
 };

package/lib/es/storage.js

@@ -1,113 +1,114 @@
-import { jsx as s, jsxs as o } from "react/jsx-runtime";
-import { s as e } from "./sl-types.js";
-import { e as A } from "./index11.js";
-import { e as Q, i as l } from "./index8.js";
-import { B as m } from "./index6.js";
-import { P as n, Q as r, a as h } from "./useStreamLayerApp2.js";
-const S = /* @__PURE__ */ e("div")({
+import { jsx, jsxs } from "react/jsx-runtime";
+import { s as styled_default } from "./sl-types.js";
+import { e as e$2 } from "./index12.js";
+import { e as e$1, i } from "./index9.js";
+import { B as B1 } from "./index6.js";
+import { P as PickHistoryStatus, Q as QuestionType, a as QuestionStatus } from "./useStreamLayerApp2.js";
+const r = /* @__PURE__ */ styled_default("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
-  propsAsIs: !1
-}), T = /* @__PURE__ */ e("div")({
+  propsAsIs: false
+}), m = /* @__PURE__ */ styled_default("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
-  propsAsIs: !1
-}), f = /* @__PURE__ */ e("div")({
+  propsAsIs: false
+}), I = /* @__PURE__ */ styled_default("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
-  propsAsIs: !1
-}), v = /* @__PURE__ */ e("div")({
+  propsAsIs: false
+}), Q = /* @__PURE__ */ styled_default("div")({
   name: "QuestionAction",
   class: "q105uluy",
-  propsAsIs: !1
-}), L = () => m, i = /* @__PURE__ */ e(L())({
+  propsAsIs: false
+}), e = () => B1, t = /* @__PURE__ */ styled_default(e())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
-  propsAsIs: !0
-}), k = () => i, E = /* @__PURE__ */ e(k())({
+  propsAsIs: true
+}), a = () => t, A = /* @__PURE__ */ styled_default(a())({
   name: "QuestionCheckIcon",
   class: "qxlt78s",
-  propsAsIs: !0
-}), N = () => m, P = /* @__PURE__ */ e(N())({
+  propsAsIs: true
+}), c = () => B1, f = /* @__PURE__ */ styled_default(c())({
   name: "QuestionTypeIcon",
   class: "qmg0vkx",
-  propsAsIs: !0
-}), b = /* @__PURE__ */ e("div")({
+  propsAsIs: true
+}), d = /* @__PURE__ */ styled_default("div")({
   name: "QuestionTypeLabel",
   class: "q1uz5j1g",
-  propsAsIs: !1
-}), g = /* @__PURE__ */ e("div")({
+  propsAsIs: false
+}), q = /* @__PURE__ */ styled_default("div")({
   name: "QuestionContent",
   class: "qc3icwa",
-  propsAsIs: !1
-}), w = /* @__PURE__ */ e("button")({
+  propsAsIs: false
+}), S = /* @__PURE__ */ styled_default("button")({
   name: "PlayButton",
   class: "p169lohr",
-  propsAsIs: !1
-}), x = /* @__PURE__ */ e("div")({
+  propsAsIs: false
+}), b = /* @__PURE__ */ styled_default("div")({
   name: "SkeletonContainer",
   class: "s1f43z3r",
-  propsAsIs: !1
-}), D = () => Q, B = /* @__PURE__ */ e(D())({
+  propsAsIs: false
+}), p = () => e$1, k = /* @__PURE__ */ styled_default(p())({
   name: "SkeletonButton",
   class: "s16k8geu",
-  propsAsIs: !0
-}), C = {
-  [n.LOST]: /* @__PURE__ */ s(i, { name: "incorrectVoted" }),
-  [n.WON]: /* @__PURE__ */ s(E, { name: "icon-check" }),
-  [n.UNSET]: /* @__PURE__ */ s(i, { name: "icon-arrow" }),
-  [n.DNP]: /* @__PURE__ */ s(i, { name: "icon-arrow" })
-}, F = () => /* @__PURE__ */ o(x, { children: [
-  /* @__PURE__ */ s(l, { loading: !0, style: { width: "35%" } }),
-  /* @__PURE__ */ s(l, { loading: !0, style: { width: "70%" } }),
-  /* @__PURE__ */ s(B, {})
-] }), O = ({ questionTypeData: t, questionType: a, questionStatus: p }) => /* @__PURE__ */ o(T, { className: "SL_QuestionCaption", children: [
-  /* @__PURE__ */ s(
-    P,
+  propsAsIs: true
+});
+const w = {
+  [PickHistoryStatus.LOST]: /* @__PURE__ */ jsx(t, { name: "incorrectVoted" }),
+  [PickHistoryStatus.WON]: /* @__PURE__ */ jsx(A, { name: "icon-check" }),
+  [PickHistoryStatus.UNSET]: /* @__PURE__ */ jsx(t, { name: "icon-arrow" }),
+  [PickHistoryStatus.DNP]: /* @__PURE__ */ jsx(t, { name: "icon-arrow" })
+}, D = () => /* @__PURE__ */ jsxs(b, { children: [
+  /* @__PURE__ */ jsx(i, { loading: true, style: { width: "35%" } }),
+  /* @__PURE__ */ jsx(i, { loading: true, style: { width: "70%" } }),
+  /* @__PURE__ */ jsx(k, {})
+] }), x = ({ questionTypeData: e2, questionType: n, questionStatus: a2 }) => /* @__PURE__ */ jsxs(m, { className: "SL_QuestionCaption", children: [
+  /* @__PURE__ */ jsx(
+    f,
     {
       className: "SL_QuestionTypeIcon",
       "data-testid": "question-type-icon",
-      "data-type-trivia": a === r.TRIVIA,
-      "data-type-poll": a === r.POLL,
-      name: t.iconName
+      "data-type-trivia": n === QuestionType.TRIVIA,
+      "data-type-poll": n === QuestionType.POLL,
+      name: e2.iconName
     }
   ),
-  /* @__PURE__ */ o(b, { className: "SL_QuestionTypeLabel", children: [
-    t.label,
-    a === r.TRIVIA && p === h.RESOLVED && " • Expired"
+  /* @__PURE__ */ jsxs(d, { className: "SL_QuestionTypeLabel", children: [
+    e2.label,
+    n === QuestionType.TRIVIA && a2 === QuestionStatus.RESOLVED && " • Expired"
   ] })
-] }), H = ({
-  questionId: t,
-  questionType: a,
-  questionStatus: p,
-  subject: d,
-  openForVoting: I,
-  status: y
+] }), R = ({
+  questionId: e2,
+  questionType: n,
+  questionStatus: a2,
+  subject: u,
+  openForVoting: d2,
+  status: m2
 }) => {
-  const c = A[a], q = C[y];
-  return c ? /* @__PURE__ */ o(S, { "data-a": "intr", "data-name": t, children: [
-    /* @__PURE__ */ o(g, { children: [
-      /* @__PURE__ */ s(
-        O,
+  const c2 = e$2[n], Q$1 = w[m2];
+  return c2 ? /* @__PURE__ */ jsxs(r, { "data-a": "intr", "data-name": e2, children: [
+    /* @__PURE__ */ jsxs(q, { children: [
+      /* @__PURE__ */ jsx(
+        x,
         {
-          questionTypeData: c,
-          questionType: a,
-          questionStatus: p
+          questionTypeData: c2,
+          questionType: n,
+          questionStatus: a2
         }
       ),
-      /* @__PURE__ */ s(f, { children: d || "" })
+      /* @__PURE__ */ jsx(I, { children: u || "" })
     ] }),
-    /* @__PURE__ */ s(v, { children: I ? /* @__PURE__ */ s(w, { "data-a": "intr", "data-name": t, children: "Play" }) : q })
+    /* @__PURE__ */ jsx(Q, { children: d2 ? /* @__PURE__ */ jsx(S, { "data-a": "intr", "data-name": e2, children: "Play" }) : Q$1 })
   ] }) : null;
 };
-var u;
-(function(t) {
-  t.OPENED = "opened";
-})(u || (u = {}));
+var KEY_PREFIX;
+(function(KEY_PREFIX2) {
+  KEY_PREFIX2["OPENED"] = "opened";
+})(KEY_PREFIX || (KEY_PREFIX = {}));
 export {
-  F as D,
-  H as R,
-  w as S,
-  S as r,
-  O as x
+  D,
+  R,
+  S,
+  r,
+  x
 };