@daisforge/ui 1.12.0 → 1.12.2

package/chunks/Stories-CR_EUNO7.mjs

@@ -1,1018 +0,0 @@
-import { j as n } from "./vendor-BG4P-329.mjs";
-import { Spinner as ye, IconButton as Q } from "@salutejs/sdds-finai";
-import { IconDisclosureLeftOutline as ve, IconDisclosureRightOutline as he, IconClose as be } from "@salutejs/plasma-icons";
-import { useRef as V, useEffect as T, useContext as Ne, createContext as ke, useSyncExternalStore as Ce, useState as ce, useCallback as ue, lazy as Ie, forwardRef as Ve, Children as _e, useImperativeHandle as Ee, cloneElement as Pe, isValidElement as De, Suspense as je } from "react";
-import { createPortal as Te, flushSync as Oe } from "react-dom";
-import { E as Re } from "./EmptyState-C0aHgxrn.mjs";
-import { n as Be, x as Ae, y as ee } from "./utils-BNelzuI-.mjs";
-import { surfaceSolidCard as ze, onLightSurfaceTransparentDeep as $e, onDarkSurfaceTransparentDeep as Ge, onLightSurfaceTransparentTertiary as Le, onDarkSurfaceTransparentTertiary as Fe, textAccent as He, shadowDownSoftL as Me, textPrimary as Xe } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import x, { keyframes as z, css as me, createGlobalStyle as We } from "styled-components";
-import { a as Ye } from "./AnalyticalWidget-Ca_EuSTO.mjs";
-const Ze = ({
-  controller: e,
-  pauseHoldDelay: i,
-  tapPrevZone: t,
-  isOpen: o
-}) => {
-  const r = V(), f = V(!1), d = V("next"), l = () => {
-    r.current && (clearTimeout(r.current), r.current = void 0);
-  }, y = (g) => {
-    const a = g.currentTarget.getBoundingClientRect(), v = a.width > 0 ? (g.clientX - a.left) / a.width : 1;
-    d.current = v < t ? "prev" : "next", f.current = !1, l(), r.current = setTimeout(() => {
-      f.current = !0, e.pause();
-    }, i);
-  }, m = () => {
-    if (l(), f.current) {
-      f.current = !1, e.resume();
-      return;
-    }
-    d.current === "prev" ? e.prev() : e.next();
-  }, p = () => {
-    l(), f.current && (f.current = !1, e.resume());
-  };
-  return T(() => {
-    if (!o)
-      return;
-    const g = (a) => {
-      a.key === "ArrowLeft" ? (a.preventDefault(), e.prev()) : a.key === "ArrowRight" ? (a.preventDefault(), e.next()) : a.key === "Escape" && (a.preventDefault(), e.close());
-    };
-    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-  }, [o, e]), {
-    onPointerDown: y,
-    onPointerUp: m,
-    onPointerLeave: p,
-    onPointerCancel: p
-  };
-}, pe = ke(null), Ke = pe.Provider, X = () => {
-  const e = Ne(pe);
-  if (!e)
-    throw new Error(
-      "Компоненты Stories должны использоваться внутри <Stories>."
-    );
-  return e;
-}, W = (e) => Ce(e.subscribe, e.getSnapshot, e.getSnapshot), k = {
-  root: "df-stories",
-  preview: "df-stories-preview",
-  previewRing: "df-stories-preview__ring",
-  previewGap: "df-stories-preview__gap",
-  previewBody: "df-stories-preview__body",
-  previewTitle: "df-stories-preview__title",
-  viewer: "df-stories-viewer",
-  overlay: "df-stories-viewer__overlay",
-  stage: "df-stories-viewer__stage",
-  banner: "df-stories-banner",
-  progress: "df-stories-progress",
-  progressItem: "df-stories-progress__item",
-  content: "df-stories-content",
-  action: "df-stories-banner__action",
-  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%)", Ue = "#ecf6fc", $ = "df-stories-banner", M = {
-  /** Длительность показа сегмента по умолчанию, мс. */
-  duration: 5e3,
-  /** Порог удержания указателя, после которого включается пауза (мс). До него — тап-навигация. */
-  pauseHoldDelay: 200,
-  /** Доля ширины баннера слева, отвечающая за переход к предыдущему сегменту (⅓). */
-  tapPrevZone: 1 / 3,
-  /** Цвет оверлея (тот же, что у ModalDF). */
-  overlayColor: "#060a0c47",
-  /** z-index оверлея; баннер получает zIndex + 1. */
-  zIndex: 9e3
-}, N = {
-  /** Диаметр круглого триггера, px. */
-  circle: 98,
-  /** Толщина каждого кольца (градиент / белый зазор), px. */
-  ring: 2,
-  /** Отступ от триггера до подписи, px. */
-  titleGap: 6,
-  /** Радиусы прямоугольного триггера: внешнее кольцо / белый зазор / тело. */
-  rectRadiusOuter: 12,
-  rectRadiusBody: 8,
-  /** Баннер. */
-  bannerMaxWidth: 430,
-  bannerMaxHeight: 900,
-  bannerRadius: 16,
-  bannerPadding: 28,
-  /** Внешний контейнер вьюера (баннер + просветы под стрелки). */
-  stageWidth: 558,
-  /** Прогресс-индикаторы. */
-  progressHeight: 4,
-  progressRadius: 2,
-  progressFillRadius: 6,
-  progressGap: 4
-}, Je = "StoriesPreview", ae = x.div.withConfig({
-  displayName: "StoriesContentstyled__StyledContent"
-})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:", ";"], ze), Qe = x.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), en = x.div.withConfig({
-  displayName: "StoriesContentstyled__StyledSpinner"
-})(["position:absolute;display:flex;align-items:center;justify-content:center;"]), nn = x.div.withConfig({
-  displayName: "StoriesContentstyled__StyledErrorSlot"
-})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:", "px;"], N.bannerPadding), tn = ({
-  slide: e,
-  status: i,
-  errorNode: t
-}) => {
-  const o = e.objectFit ?? "cover", r = i === "loaded";
-  return i === "error" ? /* @__PURE__ */ n.jsxDEV(ae, { className: k.content, children: /* @__PURE__ */ n.jsxDEV(nn, { children: t }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesContent/StoriesContent.tsx",
-    lineNumber: 37,
-    columnNumber: 9
-  }, void 0) }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesContent/StoriesContent.tsx",
-    lineNumber: 36,
-    columnNumber: 7
-  }, void 0) : /* @__PURE__ */ n.jsxDEV(ae, { className: k.content, children: [
-    /* @__PURE__ */ n.jsxDEV(
-      Qe,
-      {
-        src: e.src,
-        alt: "",
-        draggable: !1,
-        $objectFit: o,
-        $loaded: r
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesContent/StoriesContent.tsx",
-        lineNumber: 44,
-        columnNumber: 7
-      },
-      void 0
-    ),
-    i === "loading" ? /* @__PURE__ */ n.jsxDEV(en, { children: /* @__PURE__ */ n.jsxDEV(ye, { view: "default", size: "l" }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesContent/StoriesContent.tsx",
-      lineNumber: 53,
-      columnNumber: 11
-    }, void 0) }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesContent/StoriesContent.tsx",
-      lineNumber: 52,
-      columnNumber: 7
-    }, void 0) : null
-  ] }, void 0, !0, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesContent/StoriesContent.tsx",
-    lineNumber: 43,
-    columnNumber: 5
-  }, void 0);
-}, de = (e, i) => {
-  e && (e.style.transform = `scaleX(${i})`);
-}, on = ({
-  fillRef: e,
-  active: i,
-  duration: t,
-  isPlaying: o,
-  isReady: r,
-  resetKey: f,
-  onComplete: d
-}) => {
-  const l = V(0), y = V(d);
-  y.current = d, T(() => {
-    l.current = 0, de(e.current, 0);
-  }, [f, e]), T(() => {
-    if (!i || !o || !r || t <= 0)
-      return;
-    let m = 0, p = performance.now();
-    const g = (a) => {
-      l.current += a - p, p = a;
-      const v = Math.min(1, l.current / t);
-      if (de(e.current, v), v >= 1) {
-        y.current();
-        return;
-      }
-      m = requestAnimationFrame(g);
-    };
-    return m = requestAnimationFrame(g), () => cancelAnimationFrame(m);
-  }, [i, o, r, t, f, e]);
-}, rn = x.div.withConfig({
-  displayName: "StoriesProgressstyled__StyledProgress"
-})(["display:flex;gap:", "px;width:100%;"], N.progressGap), sn = x.div.withConfig({
-  displayName: "StoriesProgressstyled__StyledItem"
-})(["position:relative;flex:1 1 0;height:", "px;border-radius:", "px;overflow:hidden;background:", ";"], N.progressHeight, N.progressRadius, ({
-  $bg: e
-}) => e), an = x.span.withConfig({
-  displayName: "StoriesProgressstyled__StyledFill"
-})(["position:absolute;inset:0;border-radius:", "px;background:", ";transform:scaleX(0);transform-origin:left center;will-change:transform;"], N.progressFillRadius, ({
-  $color: e
-}) => e), dn = ({
-  isReady: e
-}) => {
-  var j;
-  const { store: i, controller: t, groups: o, defaultDuration: r, mode: f } = X(), { groupIndex: d, slideIndex: l, isPlaying: y, isOpen: m } = W(i), p = Be(), a = (f ?? p) === "dark", v = a ? Le : Fe, u = a ? $e : Ge, h = o[d], _ = (h == null ? void 0 : h.slides) ?? [], O = V(null), E = ((j = _[l]) == null ? void 0 : j.duration) ?? (h == null ? void 0 : h.defaultDuration) ?? r;
-  return on({
-    fillRef: O,
-    active: m,
-    duration: E,
-    isPlaying: y,
-    isReady: e,
-    resetKey: `${d}-${l}`,
-    onComplete: t.next
-  }), /* @__PURE__ */ n.jsxDEV(rn, { className: k.progress, children: _.map((R, I) => {
-    const B = R.id ?? `${d}-${I}`, P = I < l, G = I === l;
-    return /* @__PURE__ */ n.jsxDEV(
-      sn,
-      {
-        className: k.progressItem,
-        $bg: P ? u : v,
-        children: G ? /* @__PURE__ */ n.jsxDEV(an, { ref: O, $color: u }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesProgress/StoriesProgress.tsx",
-          lineNumber: 74,
-          columnNumber: 26
-        }, void 0) : null
-      },
-      B,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesProgress/StoriesProgress.tsx",
-        lineNumber: 69,
-        columnNumber: 11
-      },
-      void 0
-    );
-  }) }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesProgress/StoriesProgress.tsx",
-    lineNumber: 62,
-    columnNumber: 5
-  }, void 0);
-}, ln = z(["from{opacity:0;transform:scale(0.92) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}"]), cn = z(["from{opacity:1;transform:scale(1) translateY(0);}to{opacity:0;transform:scale(0.96) translateY(6px);}"]), un = x.div.withConfig({
-  displayName: "StoriesBannerstyled__StyledBanner"
-})(["position:relative;width:min(", "px,calc(100vw - 100px));height:100%;max-height:", "px;border-radius:", "px;overflow:hidden;view-transition-name:", ";animation:", " ", " ease forwards;"], N.bannerMaxWidth, N.bannerMaxHeight, N.bannerRadius, $, ({
-  $closing: e
-}) => e ? cn : ln, ({
-  $closing: e
-}) => e ? "0.2s" : "0.24s"), mn = x.div.withConfig({
-  displayName: "StoriesBannerstyled__StyledTapLayer"
-})(["position:absolute;inset:0;z-index:1;touch-action:none;"]), pn = x.div.withConfig({
-  displayName: "StoriesBannerstyled__StyledTop"
-})(["position:absolute;top:0;left:0;right:0;z-index:2;padding:", "px;pointer-events:none;"], N.bannerPadding), fn = x.div.withConfig({
-  displayName: "StoriesBannerstyled__StyledBottom"
-})(["position:absolute;bottom:0;left:0;right:0;z-index:2;padding:", "px;pointer-events:none;"], N.bannerPadding), gn = x.div.withConfig({
-  displayName: "StoriesBannerstyled__StyledActionSlot"
-})(["pointer-events:auto;"]), Sn = ({
-  closing: e,
-  onAnimationEnd: i
-}) => {
-  const {
-    store: t,
-    controller: o,
-    groups: r,
-    pauseHoldDelay: f,
-    tapPrevZone: d,
-    loadingDelay: l,
-    onError: y,
-    renderError: m
-  } = X(), { groupIndex: p, slideIndex: g, isOpen: a } = W(t), v = r[p], u = v == null ? void 0 : v.slides[g], { status: h, reload: _ } = Ae(u == null ? void 0 : u.src, l), O = Ze({
-    controller: o,
-    pauseHoldDelay: f,
-    tapPrevZone: d,
-    isOpen: a
-  }), E = V();
-  T(() => {
-    if (h !== "error" || !u)
-      return;
-    const P = `${p}-${g}`;
-    E.current !== P && (E.current = P, y == null || y({ groupIndex: p, slideIndex: g, slide: u, retry: _ }));
-  }, [h, p, g, u, y, _]);
-  const j = (P) => P.stopPropagation(), R = (P) => {
-    P.target === P.currentTarget && i();
-  };
-  if (!u)
-    return null;
-  const { footer: I } = u, B = m ? m({ groupIndex: p, slideIndex: g, slide: u, retry: _ }) : /* @__PURE__ */ n.jsxDEV(
-    Re,
-    {
-      size: "s",
-      variant: "not-found",
-      title: "Не удалось загрузить",
-      subtitle: "Проверьте соединение и попробуйте снова",
-      centered: !0,
-      buttons: [
-        {
-          type: "button",
-          props: {
-            text: "Попробовать снова",
-            view: "secondary",
-            onClick: _
-          }
-        }
-      ]
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesBanner/StoriesBanner.tsx",
-      lineNumber: 85,
-      columnNumber: 3
-    },
-    void 0
-  );
-  return /* @__PURE__ */ n.jsxDEV(
-    un,
-    {
-      className: k.banner,
-      $closing: e,
-      onClick: j,
-      onAnimationEnd: R,
-      children: [
-        /* @__PURE__ */ n.jsxDEV(tn, { slide: u, status: h, errorNode: B }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesBanner/StoriesBanner.tsx",
-          lineNumber: 111,
-          columnNumber: 7
-        }, void 0),
-        h === "error" ? null : /* @__PURE__ */ n.jsxDEV(mn, { ...O }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesBanner/StoriesBanner.tsx",
-          lineNumber: 113,
-          columnNumber: 36
-        }, void 0),
-        /* @__PURE__ */ n.jsxDEV(pn, { children: /* @__PURE__ */ n.jsxDEV(dn, { isReady: h === "loaded" }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesBanner/StoriesBanner.tsx",
-          lineNumber: 116,
-          columnNumber: 9
-        }, void 0) }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesBanner/StoriesBanner.tsx",
-          lineNumber: 115,
-          columnNumber: 7
-        }, void 0),
-        I ? /* @__PURE__ */ n.jsxDEV(fn, { children: /* @__PURE__ */ n.jsxDEV(gn, { className: k.action, children: I }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesBanner/StoriesBanner.tsx",
-          lineNumber: 121,
-          columnNumber: 11
-        }, void 0) }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesBanner/StoriesBanner.tsx",
-          lineNumber: 120,
-          columnNumber: 7
-        }, void 0) : null
-      ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesBanner/StoriesBanner.tsx",
-      lineNumber: 105,
-      columnNumber: 5
-    },
-    void 0
-  );
-}, ne = {
-  ring: () => qe,
-  fallback: () => Ue,
-  boxShadow: () => Me
-}, ie = (e, i) => e === "circle" ? "50%" : `${{
-  outer: N.rectRadiusOuter,
-  body: N.rectRadiusBody
-}[i]}px`, xn = x.div.withConfig({
-  displayName: "StoriesPreviewstyled__StyledPreview"
-})(["display:flex;flex-direction:column;align-items:center;width:", "px;"], ({
-  $width: e
-}) => e), wn = x.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
-}) => e, ({
-  $height: e
-}) => e, ({
-  $shape: e
-}) => ie(e, "outer"), He), yn = x.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;"], N.ring, ne.ring, ({
-  $shape: e
-}) => ie(e, "outer")), vn = x.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 : N.ring * 2, ne.boxShadow, ne.fallback, ({
-  $image: e
-}) => e && me(["background-image:url(", ");"], e), ({
-  $shape: e,
-  $viewed: i
-}) => ie(e, i ? "outer" : "body")), hn = x.div.withConfig({
-  displayName: "StoriesPreviewstyled__StyledTitle"
-})(["margin-top:", "px;width:100%;text-align:", ";& > *{width:100%;}"], N.titleGap, ({
-  $align: e
-}) => e), fe = (e) => {
-  var Y;
-  const {
-    slides: i,
-    shape: t = "circle",
-    title: o,
-    titleProps: r,
-    image: f,
-    viewed: d = !1,
-    size: l = N.circle,
-    width: y,
-    height: m,
-    renderTrigger: p,
-    className: g,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    __index: a = 0
-  } = e, { store: v, controller: u, preloadOnHover: h } = X(), _ = W(v), O = _.isOpen && _.groupIndex === a, E = t === "rect" ? y ?? l : l, j = t === "rect" ? m ?? l : l, R = () => u.open(a), I = () => {
-    h && i[0] && ee(i[0].src);
-  }, B = () => p ? p({ index: a, viewed: d, isActive: O }) : /* @__PURE__ */ n.jsxDEV(n.Fragment, { children: [
-    d ? null : /* @__PURE__ */ n.jsxDEV(
-      yn,
-      {
-        className: k.previewRing,
-        $shape: t
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesPreview/StoriesPreview.tsx",
-        lineNumber: 66,
-        columnNumber: 9
-      },
-      void 0
-    ),
-    /* @__PURE__ */ n.jsxDEV(
-      vn,
-      {
-        className: k.previewBody,
-        $shape: t,
-        $viewed: d,
-        $image: f
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesPreview/StoriesPreview.tsx",
-        lineNumber: 71,
-        columnNumber: 9
-      },
-      void 0
-    )
-  ] }, void 0, !0, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesPreview/StoriesPreview.tsx",
-    lineNumber: 64,
-    columnNumber: 7
-  }, void 0), P = {
-    variant: "BodyXXS",
-    bold: !0,
-    lines: 2,
-    tooltipText: o,
-    color: Xe,
-    ...r,
-    children: o
-  }, G = ((Y = r == null ? void 0 : r.style) == null ? void 0 : Y.textAlign) ?? "center";
-  return /* @__PURE__ */ n.jsxDEV(
-    xn,
-    {
-      className: [k.preview, g].filter(Boolean).join(" "),
-      "data-component": Je,
-      $width: E,
-      children: [
-        /* @__PURE__ */ n.jsxDEV(
-          wn,
-          {
-            type: "button",
-            "aria-label": o,
-            $width: E,
-            $height: j,
-            $shape: t,
-            onClick: R,
-            onMouseEnter: I,
-            children: B()
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesPreview/StoriesPreview.tsx",
-            lineNumber: 101,
-            columnNumber: 7
-          },
-          void 0
-        ),
-        o ? /* @__PURE__ */ n.jsxDEV(
-          hn,
-          {
-            className: k.previewTitle,
-            style: { maxWidth: E },
-            $align: G,
-            children: /* @__PURE__ */ n.jsxDEV(Ye, { ...P }, void 0, !1, {
-              fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesPreview/StoriesPreview.tsx",
-              lineNumber: 119,
-              columnNumber: 11
-            }, void 0)
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesPreview/StoriesPreview.tsx",
-            lineNumber: 114,
-            columnNumber: 7
-          },
-          void 0
-        ) : null
-      ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesPreview/StoriesPreview.tsx",
-      lineNumber: 94,
-      columnNumber: 5
-    },
-    void 0
-  );
-}, bn = z(["from{opacity:0;}to{opacity:1;}"]), Nn = z(["from{opacity:1;}to{opacity:0;}"]), ge = (e) => me(["animation:", " ", " ease forwards;"], e ? Nn : bn, e ? "0.2s" : "0.24s"), kn = x.div.withConfig({
-  displayName: "StoriesViewerstyled__StyledRoot"
-})(["position:fixed;inset:0;z-index:", ";display:flex;align-items:center;justify-content:center;"], ({
-  $zIndex: e
-}) => e), Cn = x.div.withConfig({
-  displayName: "StoriesViewerstyled__StyledOverlay"
-})(["position:absolute;inset:0;background:", ";opacity:", ";transition:opacity 0.24s ease;"], ({
-  $color: e
-}) => e, ({
-  $closing: e
-}) => e ? 0 : 1), In = x.div.withConfig({
-  displayName: "StoriesViewerstyled__StyledStage"
-})(["position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:min(", "px,100vw);height:min(", "px,calc(100vh - 32px));outline:none;"], N.stageWidth, N.bannerMaxHeight), le = x.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
-}) => ge(e)), Vn = x.div.withConfig({
-  displayName: "StoriesViewerstyled__StyledClose"
-})(["position:absolute;top:0;right:0;z-index:3;", ""], ({
-  $closing: e
-}) => ge(e)), _n = z(["from{transform:translateX(24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]), En = z(["from{transform:translateX(0);opacity:1;}to{transform:translateX(-24px);opacity:0;}"]), Pn = z(["from{transform:translateX(-24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]), Dn = z(["from{transform:translateX(0);opacity:1;}to{transform:translateX(24px);opacity:0;}"]), jn = We(["::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:", ";}"], $, $, $, _n, $, En, $, Pn, $, Dn), Tn = () => {
-  const {
-    store: e,
-    controller: i,
-    groups: t,
-    overlay: o,
-    overlayColor: r,
-    zIndex: f,
-    groupTransition: d,
-    arrows: l,
-    preloadGroup: y
-  } = X(), { isOpen: m, groupIndex: p } = W(e), [g, a] = ce(m), v = V(null);
-  T(() => {
-    m && a(!0);
-  }, [m]), T(() => {
-    var I;
-    m && ((I = v.current) == null || I.focus());
-  }, [m]), T(() => {
-    m && y(p);
-  }, [m, p, y]);
-  const u = g && !m, h = ue(() => {
-    u && a(!1);
-  }, [u]);
-  if (!g || typeof document > "u")
-    return null;
-  const _ = p > 0, O = p < t.length - 1, E = l === "always" || l === "auto" && t.length > 1, j = (I) => I.stopPropagation(), R = /* @__PURE__ */ n.jsxDEV(
-    kn,
-    {
-      className: k.viewer,
-      $zIndex: f,
-      onClick: () => i.close(),
-      children: [
-        o ? /* @__PURE__ */ n.jsxDEV(
-          Cn,
-          {
-            className: k.overlay,
-            $color: r,
-            $closing: u
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-            lineNumber: 84,
-            columnNumber: 5
-          },
-          void 0
-        ) : null,
-        d === "slide" ? /* @__PURE__ */ n.jsxDEV(jn, {}, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-          lineNumber: 91,
-          columnNumber: 38
-        }, void 0) : null,
-        /* @__PURE__ */ n.jsxDEV(
-          In,
-          {
-            ref: v,
-            tabIndex: -1,
-            className: k.stage,
-            children: [
-              E ? /* @__PURE__ */ n.jsxDEV(
-                le,
-                {
-                  className: k.arrowPrev,
-                  $side: "prev",
-                  $closing: u,
-                  onClick: j,
-                  children: /* @__PURE__ */ n.jsxDEV(
-                    Q,
-                    {
-                      size: "s",
-                      view: "white",
-                      pin: "circle-circle",
-                      "aria-label": "Предыдущая группа",
-                      disabled: !_,
-                      onClick: () => i.prevGroup(),
-                      children: /* @__PURE__ */ n.jsxDEV(ve, { size: "s" }, void 0, !1, {
-                        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-                        lineNumber: 113,
-                        columnNumber: 15
-                      }, void 0)
-                    },
-                    void 0,
-                    !1,
-                    {
-                      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-                      lineNumber: 105,
-                      columnNumber: 13
-                    },
-                    void 0
-                  )
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-                  lineNumber: 99,
-                  columnNumber: 7
-                },
-                void 0
-              ) : null,
-              /* @__PURE__ */ n.jsxDEV(Sn, { closing: u, onAnimationEnd: h }, void 0, !1, {
-                fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-                lineNumber: 118,
-                columnNumber: 9
-              }, void 0),
-              E ? /* @__PURE__ */ n.jsxDEV(
-                le,
-                {
-                  className: k.arrowNext,
-                  $side: "next",
-                  $closing: u,
-                  onClick: j,
-                  children: /* @__PURE__ */ n.jsxDEV(
-                    Q,
-                    {
-                      size: "s",
-                      view: "white",
-                      pin: "circle-circle",
-                      "aria-label": "Следующая группа",
-                      disabled: !O,
-                      onClick: () => i.nextGroup(),
-                      children: /* @__PURE__ */ n.jsxDEV(he, { size: "s" }, void 0, !1, {
-                        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-                        lineNumber: 135,
-                        columnNumber: 15
-                      }, void 0)
-                    },
-                    void 0,
-                    !1,
-                    {
-                      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-                      lineNumber: 127,
-                      columnNumber: 13
-                    },
-                    void 0
-                  )
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-                  lineNumber: 121,
-                  columnNumber: 7
-                },
-                void 0
-              ) : null,
-              /* @__PURE__ */ n.jsxDEV(
-                Vn,
-                {
-                  className: k.close,
-                  $closing: u,
-                  onClick: j,
-                  children: /* @__PURE__ */ n.jsxDEV(
-                    Q,
-                    {
-                      size: "s",
-                      view: "white",
-                      pin: "circle-circle",
-                      "aria-label": "Закрыть",
-                      onClick: () => i.close(),
-                      children: /* @__PURE__ */ n.jsxDEV(be, { size: "s" }, void 0, !1, {
-                        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-                        lineNumber: 152,
-                        columnNumber: 13
-                      }, void 0)
-                    },
-                    void 0,
-                    !1,
-                    {
-                      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-                      lineNumber: 145,
-                      columnNumber: 11
-                    },
-                    void 0
-                  )
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-                  lineNumber: 140,
-                  columnNumber: 9
-                },
-                void 0
-              )
-            ]
-          },
-          void 0,
-          !0,
-          {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-            lineNumber: 93,
-            columnNumber: 7
-          },
-          void 0
-        )
-      ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/components/StoriesViewer/StoriesViewer.tsx",
-      lineNumber: 78,
-      columnNumber: 3
-    },
-    void 0
-  );
-  return Te(R, document.body);
-}, On = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  StoriesViewer: Tn
-}, Symbol.toStringTag, { value: "Module" })), Rn = Ie(
-  () => Promise.resolve().then(() => On).then((e) => ({
-    default: e.StoriesViewer
-  }))
-), Bn = (e) => {
-  const i = V(e);
-  return i.current = e, ue((t) => {
-    const o = i.current[t];
-    if (!o)
-      return;
-    o.slides.forEach((f) => ee(f.src));
-    const r = i.current[t + 1];
-    r != null && r.slides[0] && ee(r.slides[0].src);
-  }, []);
-}, An = {
-  isOpen: !1,
-  groupIndex: 0,
-  slideIndex: 0,
-  isPlaying: !0,
-  direction: "next"
-}, zn = (e) => {
-  let i = {
-    ...An,
-    ...e
-  };
-  const t = /* @__PURE__ */ new Set();
-  return {
-    getSnapshot: () => i,
-    subscribe: (o) => (t.add(o), () => {
-      t.delete(o);
-    }),
-    setState: (o) => {
-      Object.keys(o).some((d) => i[d] !== o[d]) && (i = {
-        ...i,
-        ...o
-      }, t.forEach((d) => d()));
-    }
-  };
-}, $n = () => typeof document < "u" && typeof document.startViewTransition == "function", Gn = (e, i) => {
-  const {
-    direction: t = "next",
-    enabled: o = !0
-  } = i ?? {};
-  if (!o || !$n()) {
-    e();
-    return;
-  }
-  const r = document;
-  r.documentElement.dataset.dfStoriesDir = t, r.startViewTransition(() => Oe(e)).finished.finally(() => {
-    delete r.documentElement.dataset.dfStoriesDir;
-  });
-}, Ln = x.div.withConfig({
-  displayName: "Storiesstyled__StyledStories"
-})(["display:flex;align-items:flex-start;gap:16px;"]), Fn = (e) => De(e) && e.type === fe, Hn = () => {
-  const { store: e } = X(), { isOpen: i } = W(e), [t, o] = ce(i);
-  return T(() => {
-    i && o(!0);
-  }, [i]), t ? /* @__PURE__ */ n.jsxDEV(je, { fallback: null, children: /* @__PURE__ */ n.jsxDEV(Rn, {}, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/Stories.tsx",
-    lineNumber: 65,
-    columnNumber: 7
-  }, void 0) }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/Stories.tsx",
-    lineNumber: 64,
-    columnNumber: 5
-  }, void 0) : null;
-}, Mn = (e, i) => {
-  const {
-    children: t,
-    defaultDuration: o = M.duration,
-    open: r,
-    defaultOpen: f,
-    activeGroupIndex: d,
-    activeSlideIndex: l,
-    onOpenChange: y,
-    onGroupChange: m,
-    onSlideChange: p,
-    onComplete: g,
-    onGroupComplete: a,
-    onClose: v,
-    onError: u,
-    renderError: h,
-    overlay: _ = !0,
-    overlayColor: O = M.overlayColor,
-    zIndex: E = M.zIndex,
-    preloadOnHover: j = !0,
-    loadingDelay: R = 0,
-    pauseHoldDelay: I = M.pauseHoldDelay,
-    groupTransition: B = "slide",
-    arrows: P = "auto",
-    mode: G,
-    className: Y
-  } = e, te = _e.toArray(t).filter(Fn), Z = te.map((b) => ({
-    slides: b.props.slides ?? [],
-    defaultDuration: b.props.defaultDuration
-  })), q = V();
-  q.current || (q.current = zn({ isOpen: f ?? !1 }));
-  const c = q.current, K = V(Z);
-  K.current = Z;
-  const oe = V({ groupTransition: B });
-  oe.current = { groupTransition: B };
-  const L = V({
-    onOpenChange: y,
-    onGroupChange: m,
-    onSlideChange: p,
-    onComplete: g,
-    onGroupComplete: a,
-    onClose: v
-  });
-  L.current = {
-    onOpenChange: y,
-    onGroupChange: m,
-    onSlideChange: p,
-    onComplete: g,
-    onGroupComplete: a,
-    onClose: v
-  };
-  const U = V();
-  if (!U.current) {
-    const b = (s, C) => c.setState({ slideIndex: s, direction: C, isPlaying: !0 }), S = (s, C, D) => Gn(
-      () => c.setState({
-        groupIndex: s,
-        slideIndex: C,
-        direction: D,
-        isPlaying: !0
-      }),
-      { direction: D, enabled: oe.current.groupTransition !== "none" }
-    ), w = () => {
-      var s, C;
-      (C = (s = L.current).onComplete) == null || C.call(s), c.setState({ isOpen: !1, isPlaying: !1 });
-    };
-    U.current = {
-      open: (s, C) => {
-        const D = c.getSnapshot();
-        c.setState({
-          isOpen: !0,
-          groupIndex: s ?? D.groupIndex,
-          slideIndex: C ?? 0,
-          isPlaying: !0,
-          direction: "next"
-        });
-      },
-      close: () => c.setState({ isOpen: !1, isPlaying: !1 }),
-      next: () => {
-        var D, A, F, H, se;
-        const s = c.getSnapshot(), C = ((D = K.current[s.groupIndex]) == null ? void 0 : D.slides.length) ?? 0;
-        s.slideIndex + 1 < C ? b(s.slideIndex + 1, "next") : s.groupIndex + 1 < K.current.length ? ((F = (A = L.current).onGroupComplete) == null || F.call(A, s.groupIndex), S(s.groupIndex + 1, 0, "next")) : ((se = (H = L.current).onGroupComplete) == null || se.call(H, s.groupIndex), w());
-      },
-      prev: () => {
-        const s = c.getSnapshot();
-        s.slideIndex > 0 ? b(s.slideIndex - 1, "prev") : s.groupIndex > 0 && S(s.groupIndex - 1, 0, "prev");
-      },
-      nextGroup: () => {
-        const s = c.getSnapshot();
-        s.groupIndex + 1 < K.current.length && S(s.groupIndex + 1, 0, "next");
-      },
-      prevGroup: () => {
-        const s = c.getSnapshot();
-        s.groupIndex > 0 && S(s.groupIndex - 1, 0, "prev");
-      },
-      goTo: (s, C) => {
-        const D = c.getSnapshot(), A = s < D.groupIndex ? "prev" : "next";
-        s === D.groupIndex ? b(C ?? 0, A) : S(s, C ?? 0, A);
-      },
-      pause: () => c.setState({ isPlaying: !1 }),
-      resume: () => c.setState({ isPlaying: !0 })
-    };
-  }
-  const J = U.current, xe = Bn(Z), re = V(c.getSnapshot());
-  T(
-    () => c.subscribe(() => {
-      var s, C, D, A, F, H;
-      const b = re.current, S = c.getSnapshot();
-      re.current = S;
-      const w = L.current;
-      if (b.isOpen !== S.isOpen) {
-        (s = w.onOpenChange) == null || s.call(w, S.isOpen, { groupIndex: S.groupIndex }), S.isOpen ? ((C = w.onGroupChange) == null || C.call(w, S.groupIndex), (D = w.onSlideChange) == null || D.call(w, S.groupIndex, S.slideIndex)) : (A = w.onClose) == null || A.call(w);
-        return;
-      }
-      S.isOpen && (b.groupIndex !== S.groupIndex && ((F = w.onGroupChange) == null || F.call(w, S.groupIndex)), (b.groupIndex !== S.groupIndex || b.slideIndex !== S.slideIndex) && ((H = w.onSlideChange) == null || H.call(w, S.groupIndex, S.slideIndex)));
-    }),
-    [c]
-  ), T(() => {
-    r !== void 0 && c.setState({ isOpen: r });
-  }, [r, c]), T(() => {
-    d !== void 0 && c.setState({ groupIndex: d });
-  }, [d, c]), T(() => {
-    l !== void 0 && c.setState({ slideIndex: l });
-  }, [l, c]), Ee(
-    i,
-    () => ({
-      ...J,
-      getState: () => {
-        const b = c.getSnapshot();
-        return {
-          isOpen: b.isOpen,
-          groupIndex: b.groupIndex,
-          slideIndex: b.slideIndex,
-          isPlaying: b.isPlaying
-        };
-      }
-    }),
-    [J, c]
-  );
-  const we = {
-    store: c,
-    controller: J,
-    groups: Z,
-    defaultDuration: o,
-    pauseHoldDelay: I,
-    tapPrevZone: M.tapPrevZone,
-    preloadGroup: xe,
-    preloadOnHover: j,
-    loadingDelay: R,
-    overlay: _,
-    overlayColor: O,
-    zIndex: E,
-    groupTransition: B,
-    arrows: P,
-    mode: G,
-    onError: u,
-    renderError: h
-  };
-  return /* @__PURE__ */ n.jsxDEV(Ke, { value: we, children: [
-    /* @__PURE__ */ n.jsxDEV(
-      Ln,
-      {
-        className: [k.root, Y].filter(Boolean).join(" "),
-        children: te.map(
-          (b, S) => Pe(b, { __index: S })
-        )
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/Stories.tsx",
-        lineNumber: 312,
-        columnNumber: 7
-      },
-      void 0
-    ),
-    /* @__PURE__ */ n.jsxDEV(Hn, {}, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/Stories.tsx",
-      lineNumber: 321,
-      columnNumber: 7
-    }, void 0)
-  ] }, void 0, !0, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/Stories/Stories.tsx",
-    lineNumber: 311,
-    columnNumber: 5
-  }, void 0);
-}, Se = Ve(Mn);
-Se.Preview = fe;
-Se.displayName = "Stories";
-export {
-  Se as S,
-  fe as a,
-  tn as b,
-  dn as c,
-  Sn as d,
-  Tn as e,
-  Rn as f,
-  k as s
-};