@streamlayer/react 1.23.1 → 1.24.0

package/lib/es/sl-types.js

@@ -1,277 +1,156 @@
-import o from "react";
-import { listenKeys as y } from "nanostores";
+import y, { forwardRef as w, createElement as O } from "react";
+import { listenKeys as U } 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;
+  const r = Array.prototype.slice.call(arguments).filter(Boolean), t = {}, a = [];
+  r.forEach((n) => {
+    (n ? n.split(" ") : []).forEach((c) => {
+      if (c.startsWith("atm_")) {
+        const [, p] = c.split("_");
+        t[p] = c;
       } else
-        a.push(s);
+        a.push(c);
     });
   });
-  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 = {
-  BLUE_QUESTION_ACTION_BTN: "#1589ee",
-  WHITE: "#FFFFFF",
-  BLUE: "#2d6ffd",
-  GREY_PRIMARY: "#909395",
-  GREY_PRIMARY_ONBOARDING_INAPP: "#B5B7B8",
-  PRIMARY_1: "#1D7BFF",
-  // main
-  PRIMARY_2: "#095CD1",
-  // hover, active, ...etc (darken 10%)
-  PRIMARY_TEXT: "#090E13",
-  SECONDARY_TEXT: "rgba(10, 14, 19, 0.70)",
-  QUESTION_TYPE_ICON: "#1D7BFF",
-  QUESTION_BODY_TEXT: "#090E13",
-  PRESENTED_BY_TEXT: "#090E13",
-  SUCCESS: "#107D57",
-  UNSUCCESS: "#DF2F3B",
-  SECONDARY_RED1: "#DF2F3B",
-  NEUTRALS_WHITE: "#FFFFFF",
-  NEUTRALS_WHITE1: "#FFFFFF",
-  NEUTRALS_GRAY1: "#F7F7F7",
-  NEUTRALS_GRAY2: "#F2F2F1",
-  NEUTRALS_GRAY3: "#E8E8E8",
-  NEUTRALS_GRAY4: "#D9D9D6",
-  NEUTRALS_GRAY5: "#B1B3B3",
-  NEUTRALS_GRAY6: "#888B8D",
-  NEUTRALS_GRAY7: "#6B6F73",
-  NEUTRALS_GRAY9: "#25282A",
-  SDK_CONTAINER_BG: "#F7F7F7",
-  SDK_WHITE_CONTAINER_BG: "#fff",
-  SDK_DARK_CONTAINER_BG: "#fff",
-  SDK_PREDICTION_RESULT_SUCCESS_BG: "#fff",
-  SDK_PREDICTION_RESULT_INCORRECT_BG: "#fff",
-  SDK_PREDICTION_RESULT_SUCCESS_TEXT: "#107D57",
-  SDK_PREDICTION_RESULT_ERROR_TITLE: "#090E13",
-  SDK_PREDICTION_RESULT_ERROR_SUBTITLE: "#DF2F3B",
-  SDK_PREDICTION_RESULT_CLOSE_ICON: "#6B6F73",
-  SDK_PREDICTION_FEEDBACK_SUCCESS_ICON: "#107D57",
-  SDK_PREDICTION_FEEDBACK_INCORRECT_RECT1: "#CD2525",
-  SDK_PREDICTION_FEEDBACK_INCORRECT_RECT2: "#fff",
-  PREDICTION_BG_LINES_CORRECT: "#01AB58",
-  PREDICTION_BG_LINES_INCORRECT: "#888B8D",
-  SKELETON_COLOR_1: "#f1efef",
-  SKELETON_COLOR_2: "#f9f8f8",
-  TABS_CONTAINER_BG: "#F2F2F1",
-  TABS_ACTIVE_BG: "#FFFFFF",
-  TABS_COLOR: "#6B6F73",
-  TABS_ACTIVE_COLOR: "#1D7BFF",
-  CARD_BG: "#FFFFFF",
-  CARD_BORDER: "#fff",
-  BORDER: "#E8E8E8",
-  VOTE_BTN_BG: "#F7F7F7",
-  VOTE_BTN_BORDER: "rgb(232, 232, 232)",
-  VOTE_BTN_DISABLED_BORDER: "#B1B3B3",
-  VOTE_BTN_SELECTED_BORDER: "#25282A",
-  VOTE_BTN_NOT_SELECTED_BORDER: "#E8E8E8",
-  VOTE_BTN_SELECTED_BG: "#FFFFFF",
-  VOTE_BTN_SELECTED_BG_AD_UNIT: "#FFFFFF",
-  VOTE_BTN_NOT_SELECTED_BG: "#FFFFFF",
-  VOTE_BTN_NOT_SELECTED_BG_UNSET: "rgb(196, 196, 196)",
-  VOTED_ANSWER_BG: "#FFFFFF",
-  VOTED_BTN_RCT_BG: "#2d5694",
-  IN_APP_BG: "rgba(255, 255, 255, 0.90)",
-  IN_APP_QUESTION_TYPE_ICON: "#1D7BFF",
-  IN_APP_QUESTION_TYPE_LABEL: "#82899E",
-  IN_APP_QUESTION_QUOTE: "rgba(10, 14, 19, 0.70)",
-  IN_APP_QUESTION_RESULT_SUBTITLE_BG: "#1D7BFF",
-  IN_APP_QUESTION_RESULT_LINE: "#babfc5",
-  QUOTE_BORDER: "#E8E8E8",
-  QUOTE_TEXT: "rgba(10, 14, 19, 0.70)"
-}, x = {
-  BG_PRIMARY: "#13212b",
-  BG_SECONDARY: "#152430",
-  BG_SECONDARY1: "#435059",
-  BORDER_PRIMARY: "rgba(255, 255, 255, 0.1)",
-  TEXT_PRIMARY: "#f9f9f9",
-  TEXT_PRIMARY1: "#f9f9f9",
-  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 = {
-  REGULAR: "'SF Pro Text', Arial, Helvetica, sans-serif",
-  SERIF: "'SF Pro Display', Arial, Helvetica, sans-serif",
-  COLOR: "#fff",
-  WEIGHT_DEFAULT: "500",
-  WEIGHT_DEFAULT1: "500",
-  WEIGHT_DEFAULT2: "400",
-  WEIGHT_DEFAULT3: "500",
-  SIZE_DEFAULT: "16px",
-  SIZE_DEFAULT1: "14px",
-  SIZE_DEFAULT2: "12px",
-  LINE_HEIGHT: "24px",
-  MARGIN_TITLE_DEFAULT: "0px 0px 12px"
-}, se = {
-  xs: 324,
-  sm: 576,
-  md: 768,
-  lg: 992,
-  xl: 1200,
-  xxl: 1440
-}, oe = {
-  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};
-  `, "");
-function U(e) {
-  var t = /* @__PURE__ */ Object.create(null);
-  return function(r) {
-    return t[r] === void 0 && (t[r] = e(r)), t[r];
+  const s = [];
+  for (const n in t)
+    Object.prototype.hasOwnProperty.call(t, n) && s.push(t[n]);
+  return s.push(...a), s.join(" ");
+}, R = L;
+function _(e) {
+  var r = /* @__PURE__ */ Object.create(null);
+  return function(t) {
+    return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-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(
+var N = /^((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|fetchpriority|fetchPriority|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|popover|popoverTarget|popoverTargetAction|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)-.*))$/, S = /* @__PURE__ */ _(
   function(e) {
-    return P.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return N.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.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;
+), D = (e) => e.toUpperCase() === e, M = (e) => (r) => e.indexOf(r) === -1, P = (e, r) => {
+  const t = {};
+  return Object.keys(e).filter(M(r)).forEach((a) => {
+    t[a] = e[a];
+  }), t;
 };
-function G(e, t, r) {
-  const a = N(t, r);
+function H(e, r, t) {
+  const a = P(r, t);
   if (!e) {
-    const i = typeof R == "function" ? { default: R } : R;
+    const s = typeof S == "function" ? { default: S } : S;
     Object.keys(a).forEach((n) => {
-      i.default(n) || delete a[n];
+      s.default(n) || delete a[n];
     });
   }
   return a;
 }
-var w = (e, t) => {
+var q = (e, r) => {
 };
-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 z(e) {
+  let r = "";
+  return (t) => {
+    const a = (n, d) => {
+      const { as: c = e, class: p = r } = n, g = t.propsAsIs === void 0 ? !(typeof c == "string" && c.indexOf("-") === -1 && !D(c[0])) : t.propsAsIs, u = H(g, n, [
         "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}`;
+      u.ref = d, u.className = t.atomic ? R(t.class, u.className || p) : R(u.className || p, t.class);
+      const { vars: i } = t;
+      if (i) {
+        const o = {};
+        for (const l in i) {
+          const h = i[l], v = h[0], I = h[1] || "", E = typeof v == "function" ? v(n) : v;
+          q(E, t.name), o[`--${l}`] = `${E}${I}`;
         }
-        const m = l.style || {}, O = Object.keys(m);
-        O.length > 0 && O.forEach((u) => {
-          d[u] = m[u];
-        }), l.style = d;
+        const f = u.style || {}, m = Object.keys(f);
+        m.length > 0 && m.forEach((l) => {
+          o[l] = f[l];
+        }), u.style = o;
       }
-      return e.__wyw_meta && e !== s ? (l.as = s, o.createElement(e, l)) : o.createElement(s, l);
-    }, i = o.forwardRef ? o.forwardRef(a) : (
+      return e.__wyw_meta && e !== c ? (u.as = c, O(e, u)) : O(c, u);
+    }, s = w ? w(a) : (
       // 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);
-      }
+      ((n) => {
+        const d = P(n, ["innerRef"]);
+        return a(d, n.innerRef);
+      })
     );
-    return i.displayName = r.name, i.__wyw_meta = {
-      className: r.class || t,
+    return s.displayName = t.name, s.__wyw_meta = {
+      className: t.class || r,
       extends: e
-    }, i;
+    }, s;
   };
 }
-var Ee = Y, C = { exports: {} }, h = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * 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 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(
-    function() {
-      i.value = r, i.getSnapshot = t, p(i) && n({ inst: i });
-    },
-    [e, r, t]
-  ), K(
-    function() {
-      return p(i) && n({ inst: i }), e(function() {
-        p(i) && n({ inst: i });
-      });
-    },
-    [e]
-  ), X(r), r;
-}
-function p(e) {
-  var t = e.getSnapshot;
-  e = e.value;
-  try {
-    var r = t();
-    return !M(e, r);
-  } catch {
-    return !0;
+var G = z, x = { exports: {} }, k = {};
+var A;
+function V() {
+  if (A) return k;
+  A = 1;
+  var e = y;
+  function r(i, o) {
+    return i === o && (i !== 0 || 1 / i === 1 / o) || i !== i && o !== o;
+  }
+  var t = typeof Object.is == "function" ? Object.is : r, a = e.useState, s = e.useEffect, n = e.useLayoutEffect, d = e.useDebugValue;
+  function c(i, o) {
+    var f = o(), m = a({ inst: { value: f, getSnapshot: o } }), l = m[0].inst, h = m[1];
+    return n(
+      function() {
+        l.value = f, l.getSnapshot = o, p(l) && h({ inst: l });
+      },
+      [i, f, o]
+    ), s(
+      function() {
+        return p(l) && h({ inst: l }), i(function() {
+          p(l) && h({ inst: l });
+        });
+      },
+      [i]
+    ), d(f), f;
+  }
+  function p(i) {
+    var o = i.getSnapshot;
+    i = i.value;
+    try {
+      var f = o();
+      return !t(i, f);
+    } catch {
+      return !0;
+    }
+  }
+  function g(i, o) {
+    return o();
   }
+  var u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? g : c;
+  return k.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, k;
 }
-function $(e, t) {
-  return t();
+var C;
+function j() {
+  return C || (C = 1, x.exports = V()), x.exports;
 }
-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());
+var B = j();
+const b = (e, r) => (t) => {
+  e.current !== t && (e.current = t, r());
 };
-function q(e, { keys: t, deps: r = [e, t] } = {}) {
-  const a = o.useRef();
+function F(e, { keys: r, deps: t = [e, r] } = {}) {
+  const a = y.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);
+  const s = y.useCallback((d) => (b(a, d)(e.value), r?.length > 0 ? U(e, r, b(a, d)) : e.listen(b(a, d))), t), n = () => a.current;
+  return y.useSyncExternalStore ? y.useSyncExternalStore(s, n, n) : B.useSyncExternalStore(s, n, n);
 }
-const ue = q, Z = () => [
+const K = F, W = () => [
   !1,
   (e) => {
     window.requestAnimationFrame(() => e());
   }
-], _e = o.useTransition || Z;
-var D;
+], Y = y.useTransition || W;
+var T;
 (function(e) {
   e[e.ONBOARDING = 1] = "ONBOARDING", e[e.QUESTION = 2] = "QUESTION", e[e.QUESTION_RESOLVED = 3] = "QUESTION_RESOLVED";
-})(D || (D = {}));
+})(T || (T = {}));
 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
+  T as N,
+  Y as a,
+  R as c,
+  G as s,
+  K as u
 };

package/lib/es/storage.js

@@ -1,18 +1,18 @@
-import { jsx as s, jsxs as o } from "react/jsx-runtime";
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
 import { s as e } from "./sl-types.js";
-import { e as A } from "./index12.js";
-import { e as Q, i as l } from "./index9.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 { e as f } from "./index11.js";
+import { e as A, i as c } from "./index10.js";
+import { B as m } from "./index8.js";
+import { Q as l, a as Q, P as n } from "./useStreamLayerApp2.js";
+const h = /* @__PURE__ */ e("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
-}), T = /* @__PURE__ */ e("div")({
+}), S = /* @__PURE__ */ e("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
   propsAsIs: !1
-}), f = /* @__PURE__ */ e("div")({
+}), T = /* @__PURE__ */ e("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
@@ -48,7 +48,7 @@ const S = /* @__PURE__ */ e("div")({
   name: "SkeletonContainer",
   class: "s1f43z3r",
   propsAsIs: !1
-}), D = () => Q, B = /* @__PURE__ */ e(D())({
+}), D = () => A, B = /* @__PURE__ */ e(D())({
   name: "SkeletonButton",
   class: "s16k8geu",
   propsAsIs: !0
@@ -58,44 +58,44 @@ const S = /* @__PURE__ */ e("div")({
   [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(c, { loading: !0, style: { width: "35%" } }),
+  /* @__PURE__ */ s(c, { loading: !0, style: { width: "70%" } }),
   /* @__PURE__ */ s(B, {})
-] }), O = ({ questionTypeData: t, questionType: a, questionStatus: p }) => /* @__PURE__ */ o(T, { className: "SL_QuestionCaption", children: [
+] }), O = ({ questionTypeData: t, questionType: a, questionStatus: r }) => /* @__PURE__ */ o(S, { className: "SL_QuestionCaption", children: [
   /* @__PURE__ */ s(
     P,
     {
       className: "SL_QuestionTypeIcon",
       "data-testid": "question-type-icon",
-      "data-type-trivia": a === r.TRIVIA,
-      "data-type-poll": a === r.POLL,
+      "data-type-trivia": a === l.TRIVIA,
+      "data-type-poll": a === l.POLL,
       name: t.iconName
     }
   ),
   /* @__PURE__ */ o(b, { className: "SL_QuestionTypeLabel", children: [
     t.label,
-    a === r.TRIVIA && p === h.RESOLVED && " • Expired"
+    a === l.TRIVIA && r === Q.RESOLVED && " • Expired"
   ] })
 ] }), H = ({
   questionId: t,
   questionType: a,
-  questionStatus: p,
+  questionStatus: r,
   subject: d,
   openForVoting: I,
   status: y
 }) => {
-  const c = A[a], q = C[y];
-  return c ? /* @__PURE__ */ o(S, { "data-a": "intr", "data-name": t, children: [
+  const p = f[a], q = C[y];
+  return p ? /* @__PURE__ */ o(h, { "data-a": "intr", "data-name": t, children: [
     /* @__PURE__ */ o(g, { children: [
       /* @__PURE__ */ s(
         O,
         {
-          questionTypeData: c,
+          questionTypeData: p,
           questionType: a,
-          questionStatus: p
+          questionStatus: r
         }
       ),
-      /* @__PURE__ */ s(f, { children: d || "" })
+      /* @__PURE__ */ s(T, { children: d || "" })
     ] }),
     /* @__PURE__ */ s(v, { children: I ? /* @__PURE__ */ s(w, { "data-a": "intr", "data-name": t, children: "Play" }) : q })
   ] }) : null;
@@ -108,6 +108,6 @@ export {
   F as D,
   H as R,
   w as S,
-  S as r,
+  h as r,
   O as x
 };

package/lib/es/theme.js

@@ -1,47 +1,6 @@
 import "react/jsx-runtime";
-import { A as a, B as r, C as s, L as x, D as n } from "./sl-types.js";
-const d = (e) => (t) => `
-  @media only screen and (${e}) {
-    ${t}
-  }
-`, c = (e, t) => (i) => `
-  @media only screen and (${e}) and (${t}) {
-    ${i}
-  }
-`, l = (e, t) => (i) => `
-  @media only screen and (${e}) and (${t}) {
-    ${i}
-  }
-`, p = {
-  up: (e) => {
-    const t = a[e];
-    return d(`min-width: ${t}px`);
-  },
-  down: (e) => {
-    const t = a[e] - 1;
-    return d(`max-width: ${t}px`);
-  },
-  intermediate: (e, t) => {
-    const i = a[e] - 1, o = a[t];
-    return c(`max-width: ${i}px`, `min-width: ${o}px`);
-  },
-  composite: (e, t) => {
-    const i = a[e] - 1, o = r[t];
-    return l(`max-width: ${i}px`, `orientation: ${o}`);
-  },
-  orientation: (e) => {
-    const t = r[e];
-    return d(`orientation: ${t}`);
-  }
-};
-`${s}${x}${n.REGULAR}${n.REGULAR}${n.COLOR}${n.SERIF}${n.WEIGHT_DEFAULT}${n.WEIGHT_DEFAULT1}${n.WEIGHT_DEFAULT2}${n.WEIGHT_DEFAULT3}${n.SIZE_DEFAULT}${n.SIZE_DEFAULT1}${n.SIZE_DEFAULT2}${n.LINE_HEIGHT}${n.MARGIN_TITLE_DEFAULT}${p.down("xl")`
-    --header-offset: 0px;
-  `}${p.intermediate("xl", "lg")`
-    --header-offset: 0px;
-  `}`;
-const g = "StreamLayerCSSReset", h = "ttkj0ah";
+const e = "StreamLayerCSSReset", r = "ttkj0ah";
 export {
-  p as c,
-  h,
-  g as m
+  r as h,
+  e as m
 };

package/lib/es/useStreamLayerApp.js

@@ -1,4 +1,4 @@
-import { $ as a } from "./useStreamLayerApp2.js";
+import { z as a } from "./useStreamLayerApp2.js";
 export {
   a as useStreamLayerApp
 };