@daisforge/ui 1.10.3 → 1.12.0

package/chunks/Stories-CR_EUNO7.mjs

@@ -0,0 +1,1018 @@
+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
+};