@streamlayer/react 1.23.2 → 1.24.0

package/lib/es/sl-types.js

@@ -1,345 +1,156 @@
-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);
-      }
+import y, { forwardRef as w, createElement as O } from "react";
+import { listenKeys as U } from "nanostores";
+var L = function() {
+  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(c);
     });
   });
-  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",
-  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)"
-}, F = {
-  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"
-}, 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",
-  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"
-}, A = {
-  xs: 324,
-  sm: 576,
-  md: 768,
-  lg: 992,
-  xl: 1200,
-  xxl: 1440
-}, B = {
-  landscape: "landscape",
-  portrait: "portrait"
-}, 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 memoize(fn) {
-  var cache = /* @__PURE__ */ Object.create(null);
-  return function(arg) {
-    if (cache[arg] === void 0) cache[arg] = fn(arg);
-    return cache[arg];
+  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 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;
+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 N.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-);
-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;
+), 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 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];
-      }
+function H(e, r, t) {
+  const a = P(r, t);
+  if (!e) {
+    const s = typeof S == "function" ? { default: S } : S;
+    Object.keys(a).forEach((n) => {
+      s.default(n) || delete a[n];
     });
   }
-  return filteredProps;
+  return a;
 }
-var warnIfInvalid = (value, componentName) => {
+var q = (e, r) => {
 };
-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, [
+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"
       ]);
-      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}`;
+      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 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);
+        const f = u.style || {}, m = Object.keys(f);
+        m.length > 0 && m.forEach((l) => {
+          o[l] = f[l];
+        }), u.style = o;
       }
-      return React36__default.createElement(component, filteredProps);
-    };
-    const Result = React36__default.forwardRef ? React36__default.forwardRef(render) : (
+      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
-      (props) => {
-        const rest = omit(props, ["innerRef"]);
-        return render(rest, props.innerRef);
-      }
+      ((n) => {
+        const d = P(n, ["innerRef"]);
+        return a(d, n.innerRef);
+      })
     );
-    Result.displayName = options.name;
-    Result.__wyw_meta = {
-      className: options.class || mockedClass,
-      extends: tag
-    };
-    return Result;
+    return s.displayName = t.name, s.__wyw_meta = {
+      className: t.class || r,
+      extends: e
+    }, s;
   };
 }
-var styled_default = styled;
-var shim$1 = { exports: {} };
-var useSyncExternalStoreShim_production = {};
-/**
- * @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 React = React36__default;
-function is(x, y) {
-  return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-}
-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() {
-      inst.value = value;
-      inst.getSnapshot = getSnapshot;
-      checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-    },
-    [subscribe, value, getSnapshot]
-  );
-  useEffect(
-    function() {
-      checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-      return subscribe(function() {
-        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-      });
-    },
-    [subscribe]
-  );
-  useDebugValue(value);
-  return value;
-}
-function checkIfSnapshotChanged(inst) {
-  var latestGetSnapshot = inst.getSnapshot;
-  inst = inst.value;
-  try {
-    var nextValue = latestGetSnapshot();
-    return !objectIs(inst, nextValue);
-  } catch (error) {
-    return true;
+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 useSyncExternalStore$1(subscribe, getSnapshot) {
-  return getSnapshot();
-}
-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;
+var C;
+function j() {
+  return C || (C = 1, x.exports = V()), x.exports;
 }
-var shimExports = shim$1.exports;
-const emit = (snapshotRef, onChange) => (value) => {
-  if (snapshotRef.current === value)
-    return;
-  snapshotRef.current = value;
-  onChange();
+var B = j();
+const b = (e, r) => (t) => {
+  e.current !== t && (e.current = t, r());
 };
-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);
-  }
-  return shimExports.useSyncExternalStore(subscribe, get, get);
+function F(e, { keys: r, deps: t = [e, r] } = {}) {
+  const a = y.useRef();
+  a.current = e.get();
+  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 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 = {}));
+const K = F, W = () => [
+  !1,
+  (e) => {
+    window.requestAnimationFrame(() => e());
+  }
+], 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";
+})(T || (T = {}));
 export {
-  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
+  T as N,
+  Y as a,
+  R as c,
+  G as s,
+  K as u
 };