@daisforge/ui 1.14.1 → 1.16.0

package/chunks/{Stories-dFpUqS5T.mjs → Stories-lNAuXVJN.mjs}

@@ -1,24 +1,24 @@
-import { jsx as n, jsxs as H, Fragment as ve } from "react/jsx-runtime";
-import { Spinner as be, IconButton as ne } from "@salutejs/sdds-finai";
-import { IconDisclosureLeftOutline as Ie, IconDisclosureRightOutline as _e, IconClose as Ce } from "@salutejs/plasma-icons";
-import { useRef as k, useEffect as A, useContext as Ne, createContext as Pe, useSyncExternalStore as ke, useState as ue, useCallback as ge, lazy as Te, forwardRef as Oe, Children as Re, useImperativeHandle as Ee, cloneElement as Ae, isValidElement as ze, Suspense as De } from "react";
-import { createPortal as $e, flushSync as Be } from "react-dom";
-import { E as Ge } from "./EmptyState-BB3duGQw.mjs";
-import { n as Ve, x as Le, y as oe } from "./utils-D4eJY8pa.mjs";
-import { surfaceSolidCard as je, onLightSurfaceTransparentDeep as Fe, onDarkSurfaceTransparentDeep as He, onLightSurfaceTransparentTertiary as Me, onDarkSurfaceTransparentTertiary as We, textAccent as Xe, shadowDownSoftL as Ye, textPrimary as Ze } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import y, { keyframes as L, css as fe, createGlobalStyle as Ke } from "styled-components";
-import { a as qe } from "./AnalyticalWidget-BWggL9xa.mjs";
-const Ue = ({
+import { jsx as i, jsxs as H, Fragment as Pe } from "react/jsx-runtime";
+import { Spinner as ke, IconButton as ne } from "@salutejs/sdds-finai";
+import { IconDisclosureLeftOutline as Te, IconDisclosureRightOutline as Oe, IconClose as Ee } from "@salutejs/plasma-icons";
+import { useRef as k, useEffect as A, useContext as Re, createContext as Ae, useSyncExternalStore as ze, useState as fe, useCallback as ye, lazy as De, forwardRef as $e, useImperativeHandle as Be, Children as me, isValidElement as ie, cloneElement as ce, Suspense as Ge } from "react";
+import { createPortal as Ve, flushSync as Le } from "react-dom";
+import { E as je } from "./EmptyState-B205JfZA.mjs";
+import { n as Fe, x as He, y as oe } from "./utils-YKicAHp0.mjs";
+import { surfaceSolidCard as Me, onLightSurfaceTransparentDeep as We, onDarkSurfaceTransparentDeep as Xe, onLightSurfaceTransparentTertiary as Ye, onDarkSurfaceTransparentTertiary as Ze, textAccent as Ke, shadowDownSoftL as qe, textPrimary as Ue } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import f, { keyframes as L, css as Se, createGlobalStyle as Je } from "styled-components";
+import { a as Qe } from "./AnalyticalWidget-BWcBjoNh.mjs";
+const et = ({
   controller: e,
   pauseHoldDelay: t,
-  tapPrevZone: o,
-  isOpen: r
+  tapPrevZone: n,
+  isOpen: o
 }) => {
-  const i = k(), g = k(!1), d = k("next"), c = () => {
-    i.current && (clearTimeout(i.current), i.current = void 0);
+  const r = k(), g = k(!1), d = k("next"), c = () => {
+    r.current && (clearTimeout(r.current), r.current = void 0);
   }, w = (p) => {
     const l = p.currentTarget.getBoundingClientRect(), I = l.width > 0 ? (p.clientX - l.left) / l.width : 1;
-    d.current = I < o ? "prev" : "next", g.current = !1, c(), i.current = setTimeout(() => {
+    d.current = I < n ? "prev" : "next", g.current = !1, c(), r.current = setTimeout(() => {
       g.current = !0, e.pause();
     }, t);
   }, b = () => {
@@ -31,24 +31,24 @@ const Ue = ({
     c(), g.current && (g.current = !1, e.resume());
   };
   return A(() => {
-    if (!r)
+    if (!o)
       return;
     const p = (l) => {
       l.key === "ArrowLeft" ? (l.preventDefault(), e.prev()) : l.key === "ArrowRight" ? (l.preventDefault(), e.next()) : l.key === "Escape" && (l.preventDefault(), e.close());
     };
     return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
-  }, [r, e]), {
+  }, [o, e]), {
     onPointerDown: w,
     onPointerUp: b,
     onPointerLeave: a,
     onPointerCancel: a
   };
-}, ye = Pe(null), Je = ye.Provider, q = () => {
-  const e = Ne(ye);
+}, xe = Ae(null), tt = xe.Provider, K = () => {
+  const e = Re(xe);
   if (!e)
     throw new Error("Компоненты Stories должны использоваться внутри <Stories>.");
   return e;
-}, U = (e) => ke(e.subscribe, e.getSnapshot, e.getSnapshot), C = {
+}, q = (e) => ze(e.subscribe, e.getSnapshot, e.getSnapshot), _ = {
   root: "df-stories",
   preview: "df-stories-preview",
   previewRing: "df-stories-preview__ring",
@@ -66,7 +66,7 @@ const Ue = ({
   arrowPrev: "df-stories-viewer__arrow-prev",
   arrowNext: "df-stories-viewer__arrow-next",
   close: "df-stories-viewer__close"
-}, Qe = "linear-gradient(135deg, #08c6c9 0%, #99b0fe 100%)", et = "#ecf6fc", F = "df-stories-banner", K = {
+}, nt = "linear-gradient(135deg, #08c6c9 0%, #99b0fe 100%)", ot = "#ecf6fc", F = "df-stories-banner", Z = {
   /** Длительность показа сегмента по умолчанию, мс. */
   duration: 5e3,
   /** Порог удержания указателя, после которого включается пауза (мс). До него — тап-навигация. */
@@ -77,7 +77,7 @@ const Ue = ({
   overlayColor: "#060a0c47",
   /** z-index оверлея; баннер получает zIndex + 1. */
   zIndex: 9e3
-}, m = {
+}, y = {
   /** Диаметр круглого триггера, px. */
   circle: 98,
   /** Толщина каждого кольца (градиент / белый зазор), px. */
@@ -99,131 +99,131 @@ const Ue = ({
   progressRadius: 2,
   progressFillRadius: 6,
   progressGap: 4
-}, tt = "StoriesPreview", de = y.div.withConfig({
+}, rt = "StoriesPreview", pe = f.div.withConfig({
   displayName: "StoriesContentstyled__StyledContent"
-})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:", ";"], je), nt = y.img.withConfig({
+})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:", ";"], Me), it = f.img.withConfig({
   displayName: "StoriesContentstyled__StyledImage"
 })(["width:100%;height:100%;object-fit:", ";opacity:", ";transition:opacity 0.2s ease;user-select:none;"], ({
   $objectFit: e
 }) => e, ({
   $loaded: e
-}) => e ? 1 : 0), ot = y.div.withConfig({
+}) => e ? 1 : 0), st = f.div.withConfig({
   displayName: "StoriesContentstyled__StyledSpinner"
-})(["position:absolute;display:flex;align-items:center;justify-content:center;"]), rt = y.div.withConfig({
+})(["position:absolute;display:flex;align-items:center;justify-content:center;"]), at = f.div.withConfig({
   displayName: "StoriesContentstyled__StyledErrorSlot"
-})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:", "px;"], m.bannerPadding), it = ({
+})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:", "px;"], y.bannerPadding), lt = ({
   slide: e,
   status: t,
-  errorNode: o
+  errorNode: n
 }) => {
-  const r = e.objectFit ?? "cover", i = t === "loaded";
-  return t === "error" ? /* @__PURE__ */ n(de, { className: C.content, children: /* @__PURE__ */ n(rt, { children: o }) }) : /* @__PURE__ */ H(de, { className: C.content, children: [
-    /* @__PURE__ */ n(nt, { src: e.src, alt: "", draggable: !1, $objectFit: r, $loaded: i }),
-    t === "loading" ? /* @__PURE__ */ n(ot, { children: /* @__PURE__ */ n(be, { view: "default", size: "l" }) }) : null
+  const o = e.objectFit ?? "cover", r = t === "loaded";
+  return t === "error" ? /* @__PURE__ */ i(pe, { className: _.content, children: /* @__PURE__ */ i(at, { children: n }) }) : /* @__PURE__ */ H(pe, { className: _.content, children: [
+    /* @__PURE__ */ i(it, { src: e.src, alt: "", draggable: !1, $objectFit: o, $loaded: r }),
+    t === "loading" ? /* @__PURE__ */ i(st, { children: /* @__PURE__ */ i(ke, { view: "default", size: "l" }) }) : null
   ] });
-}, ce = (e, t) => {
+}, ue = (e, t) => {
   e && (e.style.transform = `scaleX(${t})`);
-}, st = ({
+}, dt = ({
   fillRef: e,
   active: t,
-  duration: o,
-  isPlaying: r,
-  isReady: i,
+  duration: n,
+  isPlaying: o,
+  isReady: r,
   resetKey: g,
   onComplete: d
 }) => {
   const c = k(0), w = k(d);
   w.current = d, A(() => {
-    c.current = 0, ce(e.current, 0);
+    c.current = 0, ue(e.current, 0);
   }, [g, e]), A(() => {
-    if (!t || !r || !i || o <= 0)
+    if (!t || !o || !r || n <= 0)
       return;
     let b = 0, a = performance.now();
     const p = (l) => {
       c.current += l - a, a = l;
-      const I = Math.min(1, c.current / o);
-      if (ce(e.current, I), I >= 1) {
+      const I = Math.min(1, c.current / n);
+      if (ue(e.current, I), I >= 1) {
         w.current();
         return;
       }
       b = requestAnimationFrame(p);
     };
     return b = requestAnimationFrame(p), () => cancelAnimationFrame(b);
-  }, [t, r, i, o, g, e]);
-}, at = y.div.withConfig({
+  }, [t, o, r, n, g, e]);
+}, ct = f.div.withConfig({
   displayName: "StoriesProgressstyled__StyledProgress"
-})(["display:flex;gap:", "px;width:100%;"], m.progressGap), lt = y.div.withConfig({
+})(["display:flex;gap:", "px;width:100%;"], y.progressGap), pt = f.div.withConfig({
   displayName: "StoriesProgressstyled__StyledItem"
-})(["position:relative;flex:1 1 0;height:", "px;border-radius:", "px;overflow:hidden;background:", ";"], m.progressHeight, m.progressRadius, ({
+})(["position:relative;flex:1 1 0;height:", "px;border-radius:", "px;overflow:hidden;background:", ";"], y.progressHeight, y.progressRadius, ({
   $bg: e
-}) => e), dt = y.span.withConfig({
+}) => e), ut = f.span.withConfig({
   displayName: "StoriesProgressstyled__StyledFill"
-})(["position:absolute;inset:0;border-radius:", "px;background:", ";transform:scaleX(0);transform-origin:left center;will-change:transform;"], m.progressFillRadius, ({
+})(["position:absolute;inset:0;border-radius:", "px;background:", ";transform:scaleX(0);transform-origin:left center;will-change:transform;"], y.progressFillRadius, ({
   $color: e
-}) => e), ct = ({
+}) => e), gt = ({
   isReady: e
 }) => {
   var z;
   const {
     store: t,
-    controller: o,
-    groups: r,
-    defaultDuration: i,
+    controller: n,
+    groups: o,
+    defaultDuration: r,
     mode: g
-  } = q(), {
+  } = K(), {
     groupIndex: d,
     slideIndex: c,
     isPlaying: w,
     isOpen: b
-  } = U(t), a = Ve(), l = (g ?? a) === "dark", I = l ? Me : We, S = l ? Fe : He, v = r[d], x = (v == null ? void 0 : v.slides) ?? [], $ = k(null), O = ((z = x[c]) == null ? void 0 : z.duration) ?? (v == null ? void 0 : v.defaultDuration) ?? i;
-  return st({
+  } = q(t), a = Fe(), l = (g ?? a) === "dark", I = l ? Ye : Ze, S = l ? We : Xe, v = o[d], x = (v == null ? void 0 : v.slides) ?? [], $ = k(null), O = ((z = x[c]) == null ? void 0 : z.duration) ?? (v == null ? void 0 : v.defaultDuration) ?? r;
+  return dt({
     fillRef: $,
     active: b,
     duration: O,
     isPlaying: w,
     isReady: e,
     resetKey: `${d}-${c}`,
-    onComplete: o.next
-  }), /* @__PURE__ */ n(at, { className: C.progress, children: x.map((B, R) => {
-    const E = B.id ?? `${d}-${R}`, P = R < c, j = R === c;
-    return /* @__PURE__ */ n(lt, { className: C.progressItem, $bg: P ? S : I, children: j ? /* @__PURE__ */ n(dt, { ref: $, $color: S }) : null }, E);
+    onComplete: n.next
+  }), /* @__PURE__ */ i(ct, { className: _.progress, children: x.map((B, E) => {
+    const R = B.id ?? `${d}-${E}`, P = E < c, j = E === c;
+    return /* @__PURE__ */ i(pt, { className: _.progressItem, $bg: P ? S : I, children: j ? /* @__PURE__ */ i(ut, { ref: $, $color: S }) : null }, R);
   }) });
-}, pt = L(["from{opacity:0;transform:scale(0.92) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}"]), ut = L(["from{opacity:1;transform:scale(1) translateY(0);}to{opacity:0;transform:scale(0.96) translateY(6px);}"]), gt = y.div.withConfig({
+}, ft = L(["from{opacity:0;transform:scale(0.92) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}"]), yt = L(["from{opacity:1;transform:scale(1) translateY(0);}to{opacity:0;transform:scale(0.96) translateY(6px);}"]), mt = f.div.withConfig({
   displayName: "StoriesBannerstyled__StyledBanner"
-})(["position:relative;height:100%;width:auto;aspect-ratio:", " / ", ";max-width:calc( 100vw - ", "px );border-radius:", "px;overflow:hidden;view-transition-name:", ";animation:", " ", " ease forwards;"], m.bannerMaxWidth, m.bannerMaxHeight, m.stageWidth - m.bannerMaxWidth, m.bannerRadius, F, ({
+})(["position:relative;height:100%;width:auto;aspect-ratio:", " / ", ";max-width:calc( 100vw - ", "px );border-radius:", "px;overflow:hidden;view-transition-name:", ";animation:", " ", " ease forwards;"], y.bannerMaxWidth, y.bannerMaxHeight, y.stageWidth - y.bannerMaxWidth, y.bannerRadius, F, ({
   $closing: e
-}) => e ? ut : pt, ({
+}) => e ? yt : ft, ({
   $closing: e
-}) => e ? "0.2s" : "0.24s"), ft = y.div.withConfig({
+}) => e ? "0.2s" : "0.24s"), St = f.div.withConfig({
   displayName: "StoriesBannerstyled__StyledTapLayer"
-})(["position:absolute;inset:0;z-index:1;touch-action:none;"]), yt = y.div.withConfig({
+})(["position:absolute;inset:0;z-index:1;touch-action:none;"]), xt = f.div.withConfig({
   displayName: "StoriesBannerstyled__StyledTop"
-})(["position:absolute;top:0;left:0;right:0;z-index:2;padding:", "px;pointer-events:none;"], m.bannerPadding), mt = y.div.withConfig({
+})(["position:absolute;top:0;left:0;right:0;z-index:2;padding:", "px;pointer-events:none;"], y.bannerPadding), ht = f.div.withConfig({
   displayName: "StoriesBannerstyled__StyledBottom"
-})(["position:absolute;bottom:0;left:0;right:0;z-index:2;padding:", "px;pointer-events:none;"], m.bannerPadding), St = y.div.withConfig({
+})(["position:absolute;bottom:0;left:0;right:0;z-index:2;padding:", "px;pointer-events:none;"], y.bannerPadding), wt = f.div.withConfig({
   displayName: "StoriesBannerstyled__StyledActionSlot"
-})(["pointer-events:auto;"]), xt = ({
+})(["pointer-events:auto;"]), vt = ({
   closing: e,
   onAnimationEnd: t
 }) => {
   const {
-    store: o,
-    controller: r,
-    groups: i,
+    store: n,
+    controller: o,
+    groups: r,
     pauseHoldDelay: g,
     tapPrevZone: d,
     loadingDelay: c,
     onError: w,
     renderError: b
-  } = q(), {
+  } = K(), {
     groupIndex: a,
     slideIndex: p,
     isOpen: l
-  } = U(o), I = i[a], S = I == null ? void 0 : I.slides[p], {
+  } = q(n), I = r[a], S = I == null ? void 0 : I.slides[p], {
     status: v,
     reload: x
-  } = Le(S == null ? void 0 : S.src, c), $ = Ue({
-    controller: r,
+  } = He(S == null ? void 0 : S.src, c), $ = et({
+    controller: o,
     pauseHoldDelay: g,
     tapPrevZone: d,
     isOpen: l
@@ -245,13 +245,13 @@ const Ue = ({
   if (!S)
     return null;
   const {
-    footer: R
-  } = S, E = b ? b({
+    footer: E
+  } = S, R = b ? b({
     groupIndex: a,
     slideIndex: p,
     slide: S,
     retry: x
-  }) : /* @__PURE__ */ n(Ge, { size: "s", variant: "loading", title: "Не удалось загрузить", centered: !0, buttons: [{
+  }) : /* @__PURE__ */ i(je, { size: "s", variant: "loading", title: "Не удалось загрузить", centered: !0, buttons: [{
     type: "link",
     props: {
       text: "Обновить",
@@ -259,24 +259,24 @@ const Ue = ({
       onClick: x
     }
   }] });
-  return /* @__PURE__ */ H(gt, { className: C.banner, $closing: e, onClick: z, onAnimationEnd: B, children: [
-    /* @__PURE__ */ n(it, { slide: S, status: v, errorNode: E }),
-    v === "error" ? null : /* @__PURE__ */ n(ft, { ...$ }),
-    /* @__PURE__ */ n(yt, { children: /* @__PURE__ */ n(ct, { isReady: v === "loaded" }) }),
-    R ? /* @__PURE__ */ n(mt, { children: /* @__PURE__ */ n(St, { className: C.action, children: R }) }) : null
+  return /* @__PURE__ */ H(mt, { className: _.banner, $closing: e, onClick: z, onAnimationEnd: B, children: [
+    /* @__PURE__ */ i(lt, { slide: S, status: v, errorNode: R }),
+    v === "error" ? null : /* @__PURE__ */ i(St, { ...$ }),
+    /* @__PURE__ */ i(xt, { children: /* @__PURE__ */ i(gt, { isReady: v === "loaded" }) }),
+    E ? /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(wt, { className: _.action, children: E }) }) : null
   ] });
 }, re = {
-  ring: () => Qe,
-  fallback: () => et,
-  boxShadow: () => Ye
-}, ie = (e, t) => e === "circle" ? "50%" : `${{
-  outer: m.rectRadiusOuter,
-  body: m.rectRadiusBody
-}[t]}px`, ht = y.div.withConfig({
+  ring: () => nt,
+  fallback: () => ot,
+  boxShadow: () => qe
+}, se = (e, t) => e === "circle" ? "50%" : `${{
+  outer: y.rectRadiusOuter,
+  body: y.rectRadiusBody
+}[t]}px`, bt = f.div.withConfig({
   displayName: "StoriesPreviewstyled__StyledPreview"
 })(["display:flex;flex-direction:column;align-items:center;width:", "px;"], ({
   $width: e
-}) => e), wt = y.button.withConfig({
+}) => e), It = f.button.withConfig({
   displayName: "StoriesPreviewstyled__StyledTrigger"
 })(["position:relative;display:block;box-sizing:border-box;width:", "px;height:", "px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;border-radius:", ";outline:none;&:focus-visible{outline:2px solid ", ";outline-offset:2px;}"], ({
   $width: e
@@ -284,33 +284,33 @@ const Ue = ({
   $height: e
 }) => e, ({
   $shape: e
-}) => ie(e, "outer"), Xe), vt = y.div.withConfig({
+}) => se(e, "outer"), Ke), _t = f.div.withConfig({
   displayName: "StoriesPreviewstyled__StyledRing"
-})(["position:absolute;inset:0;box-sizing:border-box;padding:", "px;background:", ";border-radius:", ";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;"], m.ring, re.ring, ({
+})(["position:absolute;inset:0;box-sizing:border-box;padding:", "px;background:", ";border-radius:", ";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;"], y.ring, re.ring, ({
   $shape: e
-}) => ie(e, "outer")), bt = y.div.withConfig({
+}) => se(e, "outer")), Ct = f.div.withConfig({
   displayName: "StoriesPreviewstyled__StyledBody"
 })(["position:absolute;inset:", "px;box-sizing:border-box;box-shadow:", ";background-color:", ";background-position:center;background-size:cover;background-repeat:no-repeat;", " border-radius:", ";"], ({
   $viewed: e
-}) => e ? 0 : m.ring * 2, re.boxShadow, re.fallback, ({
+}) => e ? 0 : y.ring * 2, re.boxShadow, re.fallback, ({
   $image: e
-}) => e && fe(["background-image:url('", "');"], e), ({
+}) => e && Se(["background-image:url('", "');"], e), ({
   $shape: e,
   $viewed: t
-}) => ie(e, t ? "outer" : "body")), It = y.div.withConfig({
+}) => se(e, t ? "outer" : "body")), Nt = f.div.withConfig({
   displayName: "StoriesPreviewstyled__StyledTitle"
-})(["margin-top:", "px;width:100%;text-align:", ";& > *{width:100%;}"], m.titleGap, ({
+})(["margin-top:", "px;width:100%;text-align:", ";& > *{width:100%;}"], y.titleGap, ({
   $align: e
-}) => e), me = (e) => {
+}) => e), he = (e) => {
   var G;
   const {
     slides: t,
-    shape: o = "circle",
-    title: r,
-    titleProps: i,
+    shape: n = "circle",
+    title: o,
+    titleProps: r,
     image: g,
     viewed: d = !1,
-    size: c = m.circle,
+    size: c = y.circle,
     width: w,
     height: b,
     renderTrigger: a,
@@ -321,70 +321,70 @@ const Ue = ({
     store: I,
     controller: S,
     preloadOnHover: v
-  } = q(), x = U(I), $ = x.isOpen && x.groupIndex === l, O = o === "rect" ? w ?? c : c, z = o === "rect" ? b ?? c : c, B = () => S.open(l), R = () => {
+  } = K(), x = q(I), $ = x.isOpen && x.groupIndex === l, O = n === "rect" ? w ?? c : c, z = n === "rect" ? b ?? c : c, B = () => S.open(l), E = () => {
     v && t[0] && oe(t[0].src);
-  }, E = () => a ? a({
+  }, R = () => a ? a({
     index: l,
     viewed: d,
     isActive: $
-  }) : /* @__PURE__ */ H(ve, { children: [
-    d ? null : /* @__PURE__ */ n(vt, { className: C.previewRing, $shape: o }),
-    /* @__PURE__ */ n(bt, { className: C.previewBody, $shape: o, $viewed: d, $image: g })
+  }) : /* @__PURE__ */ H(Pe, { children: [
+    d ? null : /* @__PURE__ */ i(_t, { className: _.previewRing, $shape: n }),
+    /* @__PURE__ */ i(Ct, { className: _.previewBody, $shape: n, $viewed: d, $image: g })
   ] }), P = {
     variant: "BodyXXS",
     bold: !0,
     lines: 2,
-    tooltipText: r,
-    color: Ze,
-    ...i,
-    children: r
-  }, j = ((G = i == null ? void 0 : i.style) == null ? void 0 : G.textAlign) ?? "center";
-  return /* @__PURE__ */ H(ht, { className: [C.preview, p].filter(Boolean).join(" "), "data-component": tt, $width: O, children: [
-    /* @__PURE__ */ n(wt, { type: "button", "aria-label": r, $width: O, $height: z, $shape: o, onClick: B, onMouseEnter: R, children: E() }),
-    r ? /* @__PURE__ */ n(It, { className: C.previewTitle, style: {
+    tooltipText: o,
+    color: Ue,
+    ...r,
+    children: o
+  }, j = ((G = r == null ? void 0 : r.style) == null ? void 0 : G.textAlign) ?? "center";
+  return /* @__PURE__ */ H(bt, { className: [_.preview, p].filter(Boolean).join(" "), "data-component": rt, $width: O, children: [
+    /* @__PURE__ */ i(It, { type: "button", "aria-label": o, $width: O, $height: z, $shape: n, onClick: B, onMouseEnter: E, children: R() }),
+    o ? /* @__PURE__ */ i(Nt, { className: _.previewTitle, style: {
       maxWidth: O
-    }, $align: j, children: /* @__PURE__ */ n(qe, { ...P }) }) : null
+    }, $align: j, children: /* @__PURE__ */ i(Qe, { ...P }) }) : null
   ] });
-}, _t = L(["from{opacity:0;}to{opacity:1;}"]), Ct = L(["from{opacity:1;}to{opacity:0;}"]), Se = (e) => fe(["animation:", " ", " ease forwards;"], e ? Ct : _t, e ? "0.2s" : "0.24s"), Nt = y.div.withConfig({
+}, Pt = L(["from{opacity:0;}to{opacity:1;}"]), kt = L(["from{opacity:1;}to{opacity:0;}"]), we = (e) => Se(["animation:", " ", " ease forwards;"], e ? kt : Pt, e ? "0.2s" : "0.24s"), Tt = f.div.withConfig({
   displayName: "StoriesViewerstyled__StyledRoot"
 })(["position:fixed;inset:0;z-index:", ";display:flex;align-items:center;justify-content:center;"], ({
   $zIndex: e
-}) => e), Pt = y.div.withConfig({
+}) => e), Ot = f.div.withConfig({
   displayName: "StoriesViewerstyled__StyledOverlay"
 })(["position:absolute;inset:0;background:", ";opacity:", ";transition:opacity 0.24s ease;"], ({
   $color: e
 }) => e, ({
   $closing: e
-}) => e ? 0 : 1), kt = y.div.withConfig({
+}) => e ? 0 : 1), Et = f.div.withConfig({
   displayName: "StoriesViewerstyled__StyledStage"
-})(["position:relative;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;max-width:min(", "px,100vw);height:min(", "px,calc(100vh - 32px));padding:0 ", "px;outline:none;"], m.stageWidth, m.bannerMaxHeight, (m.stageWidth - m.bannerMaxWidth) / 2), pe = y.div.withConfig({
+})(["position:relative;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;max-width:min(", "px,100vw);height:min(", "px,calc(100vh - 32px));padding:0 ", "px;outline:none;"], y.stageWidth, y.bannerMaxHeight, (y.stageWidth - y.bannerMaxWidth) / 2), ge = f.div.withConfig({
   displayName: "StoriesViewerstyled__StyledArrow"
 })(["position:absolute;top:50%;", " z-index:3;transform:translateY(-50%);", ""], ({
   $side: e
 }) => e === "prev" ? "left: 0;" : "right: 0;", ({
   $closing: e
-}) => Se(e)), Tt = y.div.withConfig({
+}) => we(e)), Rt = f.div.withConfig({
   displayName: "StoriesViewerstyled__StyledClose"
 })(["position:absolute;top:0;right:0;z-index:3;", ""], ({
   $closing: e
-}) => Se(e)), Ot = L(["from{transform:translateX(24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]), Rt = L(["from{transform:translateX(0);opacity:1;}to{transform:translateX(-24px);opacity:0;}"]), Et = L(["from{transform:translateX(-24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]), At = L(["from{transform:translateX(0);opacity:1;}to{transform:translateX(24px);opacity:0;}"]), zt = Ke(["::view-transition-old(", "),::view-transition-new(", "){animation-duration:0.3s;animation-timing-function:ease;}html[data-df-stories-dir='next']::view-transition-new(", "){animation-name:", ";}html[data-df-stories-dir='next']::view-transition-old(", "){animation-name:", ";}html[data-df-stories-dir='prev']::view-transition-new(", "){animation-name:", ";}html[data-df-stories-dir='prev']::view-transition-old(", "){animation-name:", ";}"], F, F, F, Ot, F, Rt, F, Et, F, At), Dt = () => {
-  var M;
+}) => we(e)), At = L(["from{transform:translateX(24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]), zt = L(["from{transform:translateX(0);opacity:1;}to{transform:translateX(-24px);opacity:0;}"]), Dt = L(["from{transform:translateX(-24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]), $t = L(["from{transform:translateX(0);opacity:1;}to{transform:translateX(24px);opacity:0;}"]), Bt = Je(["::view-transition-old(", "),::view-transition-new(", "){animation-duration:0.3s;animation-timing-function:ease;}html[data-df-stories-dir='next']::view-transition-new(", "){animation-name:", ";}html[data-df-stories-dir='next']::view-transition-old(", "){animation-name:", ";}html[data-df-stories-dir='prev']::view-transition-new(", "){animation-name:", ";}html[data-df-stories-dir='prev']::view-transition-old(", "){animation-name:", ";}"], F, F, F, At, F, zt, F, Dt, F, $t), Gt = () => {
+  var Q;
   const {
     store: e,
     controller: t,
-    groups: o,
-    overlay: r,
-    overlayColor: i,
+    groups: n,
+    overlay: o,
+    overlayColor: r,
     zIndex: g,
     groupTransition: d,
     arrows: c,
     hideDisabledArrows: w,
     preloadGroup: b
-  } = q(), {
+  } = K(), {
     isOpen: a,
     groupIndex: p,
     slideIndex: l
-  } = U(e), [I, S] = ue(a), v = k(null);
+  } = q(e), [I, S] = fe(a), v = k(null);
   A(() => {
     a && S(!0);
   }, [a]), A(() => {
@@ -393,90 +393,105 @@ const Ue = ({
   }, [a]), A(() => {
     a && b(p);
   }, [a, p, b]);
-  const x = I && !a, $ = ge(() => {
+  const x = I && !a, $ = ye(() => {
     x && S(!1);
   }, [x]);
   if (!I || typeof document > "u")
     return null;
-  const O = ((M = o[p]) == null ? void 0 : M.slides.length) ?? 0, z = p > 0 || l > 0, B = l + 1 < O || p + 1 < o.length, R = o.reduce((D, W) => D + W.slides.length, 0), E = c === "always" || c === "auto" && R > 1, P = E && (z || !w), j = E && (B || !w), G = (D) => D.stopPropagation(), Q = /* @__PURE__ */ H(Nt, { className: C.viewer, $zIndex: g, onClick: () => t.close(), children: [
-    r ? /* @__PURE__ */ n(Pt, { className: C.overlay, $color: i, $closing: x }) : null,
-    d === "slide" ? /* @__PURE__ */ n(zt, {}) : null,
-    /* @__PURE__ */ H(kt, { ref: v, tabIndex: -1, className: C.stage, children: [
-      P ? /* @__PURE__ */ n(pe, { className: C.arrowPrev, $side: "prev", $closing: x, onClick: G, children: /* @__PURE__ */ n(ne, { size: "s", view: "white", pin: "circle-circle", "aria-label": "Назад", disabled: !z, onClick: () => t.prev(), children: /* @__PURE__ */ n(Ie, { size: "s" }) }) }) : null,
-      /* @__PURE__ */ n(xt, { closing: x, onAnimationEnd: $ }),
-      j ? /* @__PURE__ */ n(pe, { className: C.arrowNext, $side: "next", $closing: x, onClick: G, children: /* @__PURE__ */ n(ne, { size: "s", view: "white", pin: "circle-circle", "aria-label": "Вперёд", disabled: !B, onClick: () => t.next(), children: /* @__PURE__ */ n(_e, { size: "s" }) }) }) : null,
-      /* @__PURE__ */ n(Tt, { className: C.close, $closing: x, onClick: G, children: /* @__PURE__ */ n(ne, { size: "s", view: "white", pin: "circle-circle", "aria-label": "Закрыть", onClick: () => t.close(), children: /* @__PURE__ */ n(Ce, { size: "s" }) }) })
+  const O = ((Q = n[p]) == null ? void 0 : Q.slides.length) ?? 0, z = p > 0 || l > 0, B = l + 1 < O || p + 1 < n.length, E = n.reduce((D, M) => D + M.slides.length, 0), R = c === "always" || c === "auto" && E > 1, P = R && (z || !w), j = R && (B || !w), G = (D) => D.stopPropagation(), J = /* @__PURE__ */ H(Tt, { className: _.viewer, $zIndex: g, onClick: () => t.close(), children: [
+    o ? /* @__PURE__ */ i(Ot, { className: _.overlay, $color: r, $closing: x }) : null,
+    d === "slide" ? /* @__PURE__ */ i(Bt, {}) : null,
+    /* @__PURE__ */ H(Et, { ref: v, tabIndex: -1, className: _.stage, children: [
+      P ? /* @__PURE__ */ i(ge, { className: _.arrowPrev, $side: "prev", $closing: x, onClick: G, children: /* @__PURE__ */ i(ne, { size: "s", view: "white", pin: "circle-circle", "aria-label": "Назад", disabled: !z, onClick: () => t.prev(), children: /* @__PURE__ */ i(Te, { size: "s" }) }) }) : null,
+      /* @__PURE__ */ i(vt, { closing: x, onAnimationEnd: $ }),
+      j ? /* @__PURE__ */ i(ge, { className: _.arrowNext, $side: "next", $closing: x, onClick: G, children: /* @__PURE__ */ i(ne, { size: "s", view: "white", pin: "circle-circle", "aria-label": "Вперёд", disabled: !B, onClick: () => t.next(), children: /* @__PURE__ */ i(Oe, { size: "s" }) }) }) : null,
+      /* @__PURE__ */ i(Rt, { className: _.close, $closing: x, onClick: G, children: /* @__PURE__ */ i(ne, { size: "s", view: "white", pin: "circle-circle", "aria-label": "Закрыть", onClick: () => t.close(), children: /* @__PURE__ */ i(Ee, { size: "s" }) }) })
     ] })
   ] });
-  return $e(Q, document.body);
-}, $t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  return Ve(J, document.body);
+}, Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  StoriesViewer: Dt
-}, Symbol.toStringTag, { value: "Module" })), Bt = Te(() => Promise.resolve().then(() => $t).then((e) => ({
+  StoriesViewer: Gt
+}, Symbol.toStringTag, { value: "Module" })), Lt = De(() => Promise.resolve().then(() => Vt).then((e) => ({
   default: e.StoriesViewer
-}))), Gt = (e) => {
+}))), jt = (e) => {
   const t = k(e);
-  return t.current = e, ge((o) => {
-    const r = t.current[o];
-    if (!r)
+  return t.current = e, ye((n) => {
+    const o = t.current[n];
+    if (!o)
       return;
-    r.slides.forEach((g) => oe(g.src));
-    const i = t.current[o + 1];
-    i != null && i.slides[0] && oe(i.slides[0].src);
+    o.slides.forEach((g) => oe(g.src));
+    const r = t.current[n + 1];
+    r != null && r.slides[0] && oe(r.slides[0].src);
   }, []);
-}, Vt = {
+}, Ft = {
   isOpen: !1,
   groupIndex: 0,
   slideIndex: 0,
   isPlaying: !0,
   direction: "next"
-}, Lt = (e) => {
+}, Ht = (e) => {
   let t = {
-    ...Vt,
+    ...Ft,
     ...e
   };
-  const o = /* @__PURE__ */ new Set();
+  const n = /* @__PURE__ */ new Set();
   return {
     getSnapshot: () => t,
-    subscribe: (r) => (o.add(r), () => {
-      o.delete(r);
+    subscribe: (o) => (n.add(o), () => {
+      n.delete(o);
     }),
-    setState: (r) => {
-      Object.keys(r).some((d) => t[d] !== r[d]) && (t = {
+    setState: (o) => {
+      Object.keys(o).some((d) => t[d] !== o[d]) && (t = {
         ...t,
-        ...r
-      }, o.forEach((d) => d()));
+        ...o
+      }, n.forEach((d) => d()));
     }
   };
-}, jt = () => typeof document < "u" && typeof document.startViewTransition == "function", Ft = (e, t) => {
+}, Mt = () => typeof document < "u" && typeof document.startViewTransition == "function", Wt = (e, t) => {
   const {
-    direction: o = "next",
-    enabled: r = !0
+    direction: n = "next",
+    enabled: o = !0
   } = t ?? {};
-  if (!r || !jt()) {
+  if (!o || !Mt()) {
     e();
     return;
   }
-  const i = document;
-  i.documentElement.dataset.dfStoriesDir = o, i.startViewTransition(() => Be(e)).finished.finally(() => {
-    delete i.documentElement.dataset.dfStoriesDir;
+  const r = document;
+  r.documentElement.dataset.dfStoriesDir = n, r.startViewTransition(() => Le(e)).finished.finally(() => {
+    delete r.documentElement.dataset.dfStoriesDir;
   });
-}, Ht = y.div.withConfig({
+}, Xt = f.div.withConfig({
   displayName: "Storiesstyled__StyledStories"
-})(["display:flex;align-items:flex-start;gap:16px;"]), Mt = (e) => ze(e) && e.type === me, Wt = () => {
+})(["display:flex;align-items:flex-start;gap:16px;"]), ve = (e) => ie(e) && e.type === he, be = (e) => {
+  const t = [];
+  return me.forEach(e, (n) => {
+    var o;
+    ve(n) ? t.push(n) : ie(n) && ((o = n.props) != null && o.children) && t.push(...be(n.props.children));
+  }), t;
+}, Ie = (e, t) => me.map(e, (n) => {
+  var o;
+  if (ve(n)) {
+    const r = t.value;
+    return t.value += 1, ce(n, {
+      __index: r
+    });
+  }
+  return ie(n) && ((o = n.props) != null && o.children) ? ce(n, void 0, Ie(n.props.children, t)) : n;
+}), Yt = () => {
   const {
     store: e
-  } = q(), {
+  } = K(), {
     isOpen: t
-  } = U(e), [o, r] = ue(t);
+  } = q(e), [n, o] = fe(t);
   return A(() => {
-    t && r(!0);
-  }, [t]), o ? /* @__PURE__ */ n(De, { fallback: null, children: /* @__PURE__ */ n(Bt, {}) }) : null;
-}, Xt = (e, t) => {
+    t && o(!0);
+  }, [t]), n ? /* @__PURE__ */ i(Ge, { fallback: null, children: /* @__PURE__ */ i(Lt, {}) }) : null;
+}, Zt = (e, t) => {
   const {
-    children: o,
-    defaultDuration: r = K.duration,
-    open: i,
+    children: n,
+    defaultDuration: o = Z.duration,
+    open: r,
     defaultOpen: g,
     activeGroupIndex: d,
     activeSlideIndex: c,
@@ -489,32 +504,32 @@ const Ue = ({
     onError: S,
     renderError: v,
     overlay: x = !0,
-    overlayColor: $ = K.overlayColor,
-    zIndex: O = K.zIndex,
+    overlayColor: $ = Z.overlayColor,
+    zIndex: O = Z.zIndex,
     preloadOnHover: z = !0,
     loadingDelay: B = 0,
-    pauseHoldDelay: R = K.pauseHoldDelay,
-    groupTransition: E = "slide",
+    pauseHoldDelay: E = Z.pauseHoldDelay,
+    groupTransition: R = "slide",
     arrows: P = "auto",
     hideDisabledArrows: j = !0,
     mode: G,
-    className: Q
-  } = e, M = Re.toArray(o).filter(Mt), D = M.map((_) => ({
-    slides: _.props.slides ?? [],
-    defaultDuration: _.props.defaultDuration
-  })), W = k();
-  W.current || (W.current = Lt({
+    className: J
+  } = e, D = be(n).map((C) => ({
+    slides: C.props.slides ?? [],
+    defaultDuration: C.props.defaultDuration
+  })), M = k();
+  M.current || (M.current = Ht({
     isOpen: g ?? !1
   }));
-  const u = W.current, J = k(D);
-  J.current = D;
-  const se = k({
-    groupTransition: E
+  const u = M.current, U = k(D);
+  U.current = D;
+  const ae = k({
+    groupTransition: R
   });
-  se.current = {
-    groupTransition: E
+  ae.current = {
+    groupTransition: R
   };
-  const X = k({
+  const W = k({
     onOpenChange: w,
     onGroupChange: b,
     onSlideChange: a,
@@ -522,7 +537,7 @@ const Ue = ({
     onGroupComplete: l,
     onClose: I
   });
-  X.current = {
+  W.current = {
     onOpenChange: w,
     onGroupChange: b,
     onSlideChange: a,
@@ -532,21 +547,21 @@ const Ue = ({
   };
   const ee = k();
   if (!ee.current) {
-    const _ = (s, N) => u.setState({
+    const C = (s, N) => u.setState({
       slideIndex: s,
       direction: N,
       isPlaying: !0
-    }), f = (s, N, T) => Ft(() => u.setState({
+    }), m = (s, N, T) => Wt(() => u.setState({
       groupIndex: s,
       slideIndex: N,
       direction: T,
       isPlaying: !0
     }), {
       direction: T,
-      enabled: se.current.groupTransition !== "none"
+      enabled: ae.current.groupTransition !== "none"
     }), h = () => {
       var s, N;
-      (N = (s = X.current).onComplete) == null || N.call(s), u.setState({
+      (N = (s = W.current).onComplete) == null || N.call(s), u.setState({
         isOpen: !1,
         isPlaying: !1
       });
@@ -567,25 +582,25 @@ const Ue = ({
         isPlaying: !1
       }),
       next: () => {
-        var T, V, Y, Z, le;
-        const s = u.getSnapshot(), N = ((T = J.current[s.groupIndex]) == null ? void 0 : T.slides.length) ?? 0;
-        s.slideIndex + 1 < N ? _(s.slideIndex + 1, "next") : s.groupIndex + 1 < J.current.length ? ((Y = (V = X.current).onGroupComplete) == null || Y.call(V, s.groupIndex), f(s.groupIndex + 1, 0, "next")) : ((le = (Z = X.current).onGroupComplete) == null || le.call(Z, s.groupIndex), h());
+        var T, V, X, Y, de;
+        const s = u.getSnapshot(), N = ((T = U.current[s.groupIndex]) == null ? void 0 : T.slides.length) ?? 0;
+        s.slideIndex + 1 < N ? C(s.slideIndex + 1, "next") : s.groupIndex + 1 < U.current.length ? ((X = (V = W.current).onGroupComplete) == null || X.call(V, s.groupIndex), m(s.groupIndex + 1, 0, "next")) : ((de = (Y = W.current).onGroupComplete) == null || de.call(Y, s.groupIndex), h());
       },
       prev: () => {
         const s = u.getSnapshot();
-        s.slideIndex > 0 ? _(s.slideIndex - 1, "prev") : s.groupIndex > 0 && f(s.groupIndex - 1, 0, "prev");
+        s.slideIndex > 0 ? C(s.slideIndex - 1, "prev") : s.groupIndex > 0 && m(s.groupIndex - 1, 0, "prev");
       },
       nextGroup: () => {
         const s = u.getSnapshot();
-        s.groupIndex + 1 < J.current.length && f(s.groupIndex + 1, 0, "next");
+        s.groupIndex + 1 < U.current.length && m(s.groupIndex + 1, 0, "next");
       },
       prevGroup: () => {
         const s = u.getSnapshot();
-        s.groupIndex > 0 && f(s.groupIndex - 1, 0, "prev");
+        s.groupIndex > 0 && m(s.groupIndex - 1, 0, "prev");
       },
       goTo: (s, N) => {
         const T = u.getSnapshot(), V = s < T.groupIndex ? "prev" : "next";
-        s === T.groupIndex ? _(N ?? 0, V) : f(s, N ?? 0, V);
+        s === T.groupIndex ? C(N ?? 0, V) : m(s, N ?? 0, V);
       },
       pause: () => u.setState({
         isPlaying: !1
@@ -595,24 +610,24 @@ const Ue = ({
       })
     };
   }
-  const te = ee.current, he = Gt(D), ae = k(u.getSnapshot());
+  const te = ee.current, Ce = jt(D), le = k(u.getSnapshot());
   A(() => u.subscribe(() => {
-    var s, N, T, V, Y, Z;
-    const _ = ae.current, f = u.getSnapshot();
-    ae.current = f;
-    const h = X.current;
-    if (_.isOpen !== f.isOpen) {
-      (s = h.onOpenChange) == null || s.call(h, f.isOpen, {
-        groupIndex: f.groupIndex
-      }), f.isOpen ? ((N = h.onGroupChange) == null || N.call(h, f.groupIndex), (T = h.onSlideChange) == null || T.call(h, f.groupIndex, f.slideIndex)) : (V = h.onClose) == null || V.call(h);
+    var s, N, T, V, X, Y;
+    const C = le.current, m = u.getSnapshot();
+    le.current = m;
+    const h = W.current;
+    if (C.isOpen !== m.isOpen) {
+      (s = h.onOpenChange) == null || s.call(h, m.isOpen, {
+        groupIndex: m.groupIndex
+      }), m.isOpen ? ((N = h.onGroupChange) == null || N.call(h, m.groupIndex), (T = h.onSlideChange) == null || T.call(h, m.groupIndex, m.slideIndex)) : (V = h.onClose) == null || V.call(h);
       return;
     }
-    f.isOpen && (_.groupIndex !== f.groupIndex && ((Y = h.onGroupChange) == null || Y.call(h, f.groupIndex)), (_.groupIndex !== f.groupIndex || _.slideIndex !== f.slideIndex) && ((Z = h.onSlideChange) == null || Z.call(h, f.groupIndex, f.slideIndex)));
+    m.isOpen && (C.groupIndex !== m.groupIndex && ((X = h.onGroupChange) == null || X.call(h, m.groupIndex)), (C.groupIndex !== m.groupIndex || C.slideIndex !== m.slideIndex) && ((Y = h.onSlideChange) == null || Y.call(h, m.groupIndex, m.slideIndex)));
   }), [u]), A(() => {
-    i !== void 0 && u.setState({
-      isOpen: i
+    r !== void 0 && u.setState({
+      isOpen: r
     });
-  }, [i, u]), A(() => {
+  }, [r, u]), A(() => {
     d !== void 0 && u.setState({
       groupIndex: d
     });
@@ -620,54 +635,54 @@ const Ue = ({
     c !== void 0 && u.setState({
       slideIndex: c
     });
-  }, [c, u]), Ee(t, () => ({
+  }, [c, u]), Be(t, () => ({
     ...te,
     getState: () => {
-      const _ = u.getSnapshot();
+      const C = u.getSnapshot();
       return {
-        isOpen: _.isOpen,
-        groupIndex: _.groupIndex,
-        slideIndex: _.slideIndex,
-        isPlaying: _.isPlaying
+        isOpen: C.isOpen,
+        groupIndex: C.groupIndex,
+        slideIndex: C.slideIndex,
+        isPlaying: C.isPlaying
       };
     }
   }), [te, u]);
-  const we = {
+  const Ne = {
     store: u,
     controller: te,
     groups: D,
-    defaultDuration: r,
-    pauseHoldDelay: R,
-    tapPrevZone: K.tapPrevZone,
-    preloadGroup: he,
+    defaultDuration: o,
+    pauseHoldDelay: E,
+    tapPrevZone: Z.tapPrevZone,
+    preloadGroup: Ce,
     preloadOnHover: z,
     loadingDelay: B,
     overlay: x,
     overlayColor: $,
     zIndex: O,
-    groupTransition: E,
+    groupTransition: R,
     arrows: P,
     hideDisabledArrows: j,
     mode: G,
     onError: S,
     renderError: v
   };
-  return /* @__PURE__ */ H(Je, { value: we, children: [
-    /* @__PURE__ */ n(Ht, { className: [C.root, Q].filter(Boolean).join(" "), children: M.map((_, f) => Ae(_, {
-      __index: f
-    })) }),
-    /* @__PURE__ */ n(Wt, {})
+  return /* @__PURE__ */ H(tt, { value: Ne, children: [
+    /* @__PURE__ */ i(Xt, { className: [_.root, J].filter(Boolean).join(" "), children: Ie(n, {
+      value: 0
+    }) }),
+    /* @__PURE__ */ i(Yt, {})
   ] });
-}, xe = Oe(Xt);
-xe.Preview = me;
-xe.displayName = "Stories";
+}, _e = $e(Zt);
+_e.Preview = he;
+_e.displayName = "Stories";
 export {
-  xe as S,
-  me as a,
-  it as b,
-  ct as c,
-  xt as d,
-  Dt as e,
-  Bt as f,
-  C as s
+  _e as S,
+  he as a,
+  lt as b,
+  gt as c,
+  vt as d,
+  Gt as e,
+  Lt as f,
+  _ as s
 };