@daisforge/ui 1.12.0 → 1.12.2

package/components/TourWidget/index.mjs

@@ -1,26 +1,26 @@
-import { j as i } from "../../chunks/vendor-BG4P-329.mjs";
-import { s as W } from "../../chunks/utils-BNelzuI-.mjs";
-import { useContext as M, createContext as R, forwardRef as m, useId as F } from "react";
-import { T as S } from "../../chunks/AnalyticalWidget-Ca_EuSTO.mjs";
-import { onDarkSurfaceTransparentTertiary as P, onDarkTextPrimary as C, onDarkTextSecondary as U, onDarkSurfaceSolidCardBrightness as Z } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import l, { css as v } from "styled-components";
-const n = "TourWidget__", t = {
-  root: `${n}root`,
-  horizontal: `${n}horizontal`,
-  vertical: `${n}vertical`,
-  header: `${n}header`,
-  headerTitle: `${n}header-title`,
-  headerDescription: `${n}header-description`,
-  content: `${n}content`,
-  footer: `${n}footer`,
-  gradient: `${n}gradient`,
-  shapeGradient: `${n}shape-gradient`,
-  bullets: `${n}bullets`,
-  bulletsTrack: `${n}bullets-track`,
-  bullet: `${n}bullet`,
-  bulletActive: `${n}bullet-active`,
-  bulletEdge: `${n}bullet-edge`
-}, B = R({}), X = B.Provider, E = () => M(B), d = {
+import { jsx as a, jsxs as c, Fragment as P } from "react/jsx-runtime";
+import { s as N } from "../../chunks/utils-C5SQhoON.mjs";
+import { useContext as U, createContext as j, forwardRef as h, useId as Z } from "react";
+import { T as $ } from "../../chunks/AnalyticalWidget-CBi-2MtJ.mjs";
+import { onDarkSurfaceTransparentTertiary as X, onDarkTextPrimary as W, onDarkTextSecondary as V, onDarkSurfaceSolidCardBrightness as q } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import s, { css as b } from "styled-components";
+const d = "TourWidget__", e = {
+  root: `${d}root`,
+  horizontal: `${d}horizontal`,
+  vertical: `${d}vertical`,
+  header: `${d}header`,
+  headerTitle: `${d}header-title`,
+  headerDescription: `${d}header-description`,
+  content: `${d}content`,
+  footer: `${d}footer`,
+  gradient: `${d}gradient`,
+  shapeGradient: `${d}shape-gradient`,
+  bullets: `${d}bullets`,
+  bulletsTrack: `${d}bullets-track`,
+  bullet: `${d}bullet`,
+  bulletActive: `${d}bullet-active`,
+  bulletEdge: `${d}bullet-edge`
+}, _ = j({}), J = _.Provider, k = () => U(_), n = {
   verticalGreen: "56 255 62",
   horizontalGreen: "56 255 136",
   cyanSolid: "0 224 255",
@@ -33,213 +33,154 @@ const n = "TourWidget__", t = {
   periwinkle: "153, 176, 254",
   green: "#56ff71",
   greenTransparent: "rgba(86, 255, 113, 0)"
-}, b = {
+}, y = {
   vertical: `linear-gradient(
     -45.68deg,
-    rgb(${d.verticalGreen}) 16.982%,
-    rgb(${d.cyanSolid}) 16.982%,
-    rgb(${d.verticalBlue}) 44.903%,
-    rgb(${d.verticalSlateBlue}) 69.826%
+    rgb(${n.verticalGreen}) 16.982%,
+    rgb(${n.cyanSolid}) 16.982%,
+    rgb(${n.verticalBlue}) 44.903%,
+    rgb(${n.verticalSlateBlue}) 69.826%
   )`,
   horizontal: `linear-gradient(
     -45.68deg,
-    rgb(${d.horizontalGreen}) 16.982%,
-    rgb(${d.cyanSolid}) 16.982%,
-    rgb(${d.horizontalBlue}) 44.903%,
-    rgb(${d.horizontalSlateBlue}) 69.826%
+    rgb(${n.horizontalGreen}) 16.982%,
+    rgb(${n.cyanSolid}) 16.982%,
+    rgb(${n.horizontalBlue}) 44.903%,
+    rgb(${n.horizontalSlateBlue}) 69.826%
   )`,
   fallback: `linear-gradient(
     90deg,
-    rgba(${d.periwinkle}, 0.56) 0%,
-    rgba(${d.blue}, 0.76) 50%,
-    rgba(${d.cyan}, 0.84) 100%
+    rgba(${n.periwinkle}, 0.56) 0%,
+    rgba(${n.blue}, 0.76) 50%,
+    rgba(${n.cyan}, 0.84) 100%
   )`,
   oval: `linear-gradient(
     180deg,
-    ${d.green} 0%,
-    ${d.greenTransparent} 100%
+    ${n.green} 0%,
+    ${n.greenTransparent} 100%
   )`
-}, c = {
+}, p = {
   radius: "14px",
   contentRadius: "6px",
-  cardBg: () => Z,
-  titleColor: () => C,
-  descriptionColor: () => U
-}, q = v(["--tour-widget-gradient-frame-height:42%;--tour-widget-gradient-frame-left:0;--tour-widget-gradient-frame-right:0;--tour-widget-gradient-frame-bottom:0;--tour-widget-gradient-frame-fade:60%;--tour-widget-gradient-background:", ";--tour-widget-gradient-width:115%;--tour-widget-gradient-height:100%;--tour-widget-gradient-left:-15%;--tour-widget-gradient-top:80%;--tour-widget-gradient-blur:34px;--tour-widget-gradient-opacity:1;--tour-widget-oval-width:50%;--tour-widget-oval-height:90%;--tour-widget-oval-left:90%;--tour-widget-oval-top:70%;--tour-widget-oval-blur:37px;--tour-widget-oval-opacity:1;"], b.vertical), J = v(["--tour-widget-gradient-frame-height:42%;--tour-widget-gradient-frame-left:0;--tour-widget-gradient-frame-right:0;--tour-widget-gradient-frame-bottom:0;--tour-widget-gradient-frame-fade:78%;--tour-widget-gradient-background:", ";--tour-widget-gradient-width:115%;--tour-widget-gradient-height:100%;--tour-widget-gradient-left:-10%;--tour-widget-gradient-top:60%;--tour-widget-gradient-blur:46px;--tour-widget-gradient-opacity:1;--tour-widget-oval-width:40%;--tour-widget-oval-height:126%;--tour-widget-oval-left:78%;--tour-widget-oval-top:34%;--tour-widget-oval-blur:86px;--tour-widget-oval-opacity:0.82;"], b.horizontal), K = v(["", " display:flex;flex-direction:column;& .", "{padding:10px 10px 0 10px;}& .", "{padding-top:24px;padding-inline:10px;}& .", "{padding:24px 10px 10px;}"], q, t.content, t.header, t.footer), Q = v(["", " display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:max-content minmax(0,1fr) max-content;align-items:stretch;& .", "{grid-column:1 / span 1;grid-row:1 / span 1;padding:10px 10px 0;}& .", "{grid-column:1 / span 1;grid-row:3 / span 1;align-self:end;margin-top:0;padding:24px 10px 10px;}&:has(> .", "){grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:24px;}&:has(> .", ") .", "{grid-column:1;grid-row:1 / 4;padding:10px 0 10px 10px;}&:has(> .", ") .", "{grid-column:2;grid-row:1;padding:10px 10px 0 0;}&:has(> .", ") .", "{grid-column:2;grid-row:3;padding:0 10px 10px 0;}"], J, t.header, t.footer, t.content, t.content, t.content, t.content, t.header, t.content, t.footer), Y = ({
-  $orientation: e
-}) => e === "vertical" ? K : Q, ee = l.div.attrs({
-  className: t.root
+  cardBg: () => q,
+  titleColor: () => W,
+  descriptionColor: () => V
+}, K = b(["--tour-widget-gradient-frame-height:42%;--tour-widget-gradient-frame-left:0;--tour-widget-gradient-frame-right:0;--tour-widget-gradient-frame-bottom:0;--tour-widget-gradient-frame-fade:60%;--tour-widget-gradient-background:", ";--tour-widget-gradient-width:115%;--tour-widget-gradient-height:100%;--tour-widget-gradient-left:-15%;--tour-widget-gradient-top:80%;--tour-widget-gradient-blur:34px;--tour-widget-gradient-opacity:1;--tour-widget-oval-width:50%;--tour-widget-oval-height:90%;--tour-widget-oval-left:90%;--tour-widget-oval-top:70%;--tour-widget-oval-blur:37px;--tour-widget-oval-opacity:1;"], y.vertical), Q = b(["--tour-widget-gradient-frame-height:42%;--tour-widget-gradient-frame-left:0;--tour-widget-gradient-frame-right:0;--tour-widget-gradient-frame-bottom:0;--tour-widget-gradient-frame-fade:78%;--tour-widget-gradient-background:", ";--tour-widget-gradient-width:115%;--tour-widget-gradient-height:100%;--tour-widget-gradient-left:-10%;--tour-widget-gradient-top:60%;--tour-widget-gradient-blur:46px;--tour-widget-gradient-opacity:1;--tour-widget-oval-width:40%;--tour-widget-oval-height:126%;--tour-widget-oval-left:78%;--tour-widget-oval-top:34%;--tour-widget-oval-blur:86px;--tour-widget-oval-opacity:0.82;"], y.horizontal), Y = b(["", " display:flex;flex-direction:column;& .", "{padding:10px 10px 0 10px;}& .", "{padding-top:24px;padding-inline:10px;}& .", "{padding:24px 10px 10px;}"], K, e.content, e.header, e.footer), tt = b(["", " display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:max-content minmax(0,1fr) max-content;align-items:stretch;& .", "{grid-column:1 / span 1;grid-row:1 / span 1;padding:10px 10px 0;}& .", "{grid-column:1 / span 1;grid-row:3 / span 1;align-self:end;margin-top:0;padding:24px 10px 10px;}&:has(> .", "){grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:24px;}&:has(> .", ") .", "{grid-column:1;grid-row:1 / 4;padding:10px 0 10px 10px;}&:has(> .", ") .", "{grid-column:2;grid-row:1;padding:10px 10px 0 0;}&:has(> .", ") .", "{grid-column:2;grid-row:3;padding:0 10px 10px 0;}"], Q, e.header, e.footer, e.content, e.content, e.content, e.content, e.header, e.content, e.footer), et = ({
+  $orientation: t
+}) => t === "vertical" ? Y : tt, rt = s.div.attrs({
+  className: e.root
 }).withConfig({
   displayName: "TourWidgetstyled__StyledContainer"
-})(["position:relative;isolation:isolate;overflow:hidden;min-width:var(--tour-widget-min-width,auto);width:fit-content;color:", ";background:var(--tour-widget-background,", ");border-radius:var(--tour-widget-border-radius,", ");& >:not(.", "):not(.", "){position:relative;z-index:1;}", " ", ""], c.titleColor, c.cardBg, c.radius, t.gradient, t.shapeGradient, Y, ({
-  $css: e
-}) => e), te = l.svg.attrs({
-  className: t.shapeGradient,
+})(["position:relative;isolation:isolate;overflow:hidden;min-width:var(--tour-widget-min-width,auto);width:fit-content;color:", ";background:var(--tour-widget-background,", ");border-radius:var(--tour-widget-border-radius,", ");& >:not(.", "):not(.", "){position:relative;z-index:1;}", " ", ""], p.titleColor, p.cardBg, p.radius, e.gradient, e.shapeGradient, et, ({
+  $css: t
+}) => t), it = s.svg.attrs({
+  className: e.shapeGradient,
   focusable: "false",
   preserveAspectRatio: "none"
 }).withConfig({
   displayName: "TourWidgetstyled__StyledShapeGradient"
-})(["position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:var(--tour-widget-shape-gradient-opacity,0.84);-webkit-mask-image:linear-gradient( to bottom,transparent 42%,rgba(0,0,0,0.55) 58%,#000 100% );mask-image:linear-gradient( to bottom,transparent 42%,rgba(0,0,0,0.55) 58%,#000 100% );& path{opacity:var(--tour-widget-shape-gradient-path-opacity,0.86);}"]), ie = l.div.attrs({
-  className: t.gradient
+})(["position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:var(--tour-widget-shape-gradient-opacity,0.84);-webkit-mask-image:linear-gradient( to bottom,transparent 42%,rgba(0,0,0,0.55) 58%,#000 100% );mask-image:linear-gradient( to bottom,transparent 42%,rgba(0,0,0,0.55) 58%,#000 100% );& path{opacity:var(--tour-widget-shape-gradient-path-opacity,0.86);}"]), at = s.div.attrs({
+  className: e.gradient
 }).withConfig({
   displayName: "TourWidgetstyled__StyledGradient"
-})(["position:absolute;z-index:0;left:var(--tour-widget-gradient-frame-left,0);right:var(--tour-widget-gradient-frame-right,0);bottom:var(--tour-widget-gradient-frame-bottom,0);height:var(--tour-widget-gradient-frame-height,36%);overflow:hidden;border-radius:inherit;pointer-events:none;mask-image:linear-gradient( to bottom,transparent 0%,#000 var(--tour-widget-gradient-frame-fade,24%),#000 100% );&::before,&::after{content:'';position:absolute;pointer-events:none;}&::before{width:var(--tour-widget-gradient-width);height:var(--tour-widget-gradient-height);left:var(--tour-widget-gradient-left);top:var(--tour-widget-gradient-top);background:var( --tour-widget-gradient-background,", " );filter:blur(var(--tour-widget-gradient-blur,69px));opacity:var(--tour-widget-gradient-opacity,1);}&::after{width:var(--tour-widget-oval-width);height:var(--tour-widget-oval-height);left:var(--tour-widget-oval-left);top:var(--tour-widget-oval-top);background:var( --tour-widget-oval-background,", " );filter:blur(var(--tour-widget-oval-blur,127px));opacity:var(--tour-widget-oval-opacity,1);}"], b.fallback, b.oval), re = l.div.attrs({
-  className: t.header
+})(["position:absolute;z-index:0;left:var(--tour-widget-gradient-frame-left,0);right:var(--tour-widget-gradient-frame-right,0);bottom:var(--tour-widget-gradient-frame-bottom,0);height:var(--tour-widget-gradient-frame-height,36%);overflow:hidden;border-radius:inherit;pointer-events:none;mask-image:linear-gradient( to bottom,transparent 0%,#000 var(--tour-widget-gradient-frame-fade,24%),#000 100% );&::before,&::after{content:'';position:absolute;pointer-events:none;}&::before{width:var(--tour-widget-gradient-width);height:var(--tour-widget-gradient-height);left:var(--tour-widget-gradient-left);top:var(--tour-widget-gradient-top);background:var( --tour-widget-gradient-background,", " );filter:blur(var(--tour-widget-gradient-blur,69px));opacity:var(--tour-widget-gradient-opacity,1);}&::after{width:var(--tour-widget-oval-width);height:var(--tour-widget-oval-height);left:var(--tour-widget-oval-left);top:var(--tour-widget-oval-top);background:var( --tour-widget-oval-background,", " );filter:blur(var(--tour-widget-oval-blur,127px));opacity:var(--tour-widget-oval-opacity,1);}"], y.fallback, y.oval), ot = s.div.attrs({
+  className: e.header
 }).withConfig({
   displayName: "TourWidgetstyled__StyledHeader"
 })(["min-width:0;display:flex;flex-direction:column;row-gap:4px;", ""], ({
-  $css: e
-}) => e), oe = l(S).attrs({
-  className: t.headerTitle
+  $css: t
+}) => t), dt = s($).attrs({
+  className: e.headerTitle
 }).withConfig({
   displayName: "TourWidgetstyled__StyledHeaderTitle"
-})(["min-width:0;color:", ";"], c.titleColor), ae = l(S).attrs({
-  className: t.headerDescription
+})(["min-width:0;color:", ";"], p.titleColor), nt = s($).attrs({
+  className: e.headerDescription
 }).withConfig({
   displayName: "TourWidgetstyled__StyledHeaderDescription"
-})(["min-width:0;color:", ";"], c.descriptionColor), ne = l.div.attrs({
-  className: t.content
+})(["min-width:0;color:", ";"], p.descriptionColor), lt = s.div.attrs({
+  className: e.content
 }).withConfig({
   displayName: "TourWidgetstyled__StyledContent"
-})(["& img,& picture,& video,& canvas,& svg{display:block;object-fit:cover;border-radius:var(--tour-widget-content-border-radius,", ");}", ""], c.contentRadius, ({
-  $css: e
-}) => e), de = l.div.attrs({
-  className: t.footer
+})(["& img,& picture,& video,& canvas,& svg{display:block;object-fit:cover;border-radius:var(--tour-widget-content-border-radius,", ");}", ""], p.contentRadius, ({
+  $css: t
+}) => t), st = s.div.attrs({
+  className: e.footer
 }).withConfig({
   displayName: "TourWidgetstyled__StyledFooter"
 })(["min-width:0;", ""], ({
-  $css: e
-}) => e), se = l.div.attrs({
-  className: t.bullets
+  $css: t
+}) => t), gt = s.div.attrs({
+  className: e.bullets
 }).withConfig({
   displayName: "TourWidgetstyled__StyledBullets"
 })(["display:inline-block;width:var(--tour-widget-bullets-width,auto);min-width:0;overflow:hidden;", ""], ({
-  $css: e
-}) => e), le = l.div.attrs({
-  className: t.bulletsTrack
+  $css: t
+}) => t), ut = s.div.attrs({
+  className: e.bulletsTrack
 }).withConfig({
   displayName: "TourWidgetstyled__StyledBulletsTrack"
-})(["display:flex;align-items:center;gap:8px;transform:translateX(var(--tour-widget-bullets-offset,0px));transition:transform 300ms ease;will-change:transform;"]), ue = l.span.attrs({
-  className: t.bullet
+})(["display:flex;align-items:center;gap:8px;transform:translateX(var(--tour-widget-bullets-offset,0px));transition:transform 300ms ease;will-change:transform;"]), ct = s.span.attrs({
+  className: e.bullet
 }).withConfig({
   displayName: "TourWidgetstyled__StyledBullet"
-})(["display:block;flex:0 0 8px;width:8px;height:8px;border-radius:100%;background:var( --tour-widget-bullet-background,", " );transform:scale(1);transform-origin:center;transition:background-color 300ms ease,opacity 300ms ease,transform 300ms ease;&.", "{background:var( --tour-widget-bullet-active-background,", " );}&.", "{transform:scale(0.75);}", ""], P, t.bulletActive, C, t.bulletEdge, ({
-  $css: e
-}) => e), N = m(
-  ({ index: e, active: o, className: a, "aria-label": u, ...r }, g) => {
-    const { activeStepIndex: s } = E(), f = o ?? (typeof e == "number" && s === e);
-    return /* @__PURE__ */ i.jsxDEV(
-      ue,
-      {
-        ref: g,
-        className: W(f && t.bulletActive, a),
-        "aria-current": f ? "step" : void 0,
-        "aria-label": u ?? (typeof e == "number" ? `Шаг ${e + 1}` : void 0),
-        ...r
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetBullet.tsx",
-        lineNumber: 18,
-        columnNumber: 7
-      },
-      void 0
-    );
-  }
-);
-N.displayName = "TourWidget.Bullet";
-const w = 7, $ = 8, D = 8, ge = $ + D, T = (e, o, a) => Math.min(Math.max(e, o), a), ce = (e) => Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0, me = (e) => e > 0 ? e * $ + (e - 1) * D : 0, _ = m(
-  ({ count: e, style: o, "aria-label": a, ...u }, r) => {
-    const { activeStepIndex: g = 0 } = E(), s = ce(e), f = Number.isFinite(g) ? Math.floor(g) : 0, x = s > 0 ? T(f, 0, s - 1) : 0, y = Math.min(s, w), z = Math.max(0, s - y), h = s > w ? T(
-      x - Math.floor(w / 2),
-      0,
-      z
-    ) : 0, k = h + y - 1, H = h > 0, L = k < s - 1, I = {
-      ...o,
-      "--tour-widget-bullets-offset": `-${h * ge}px`,
-      "--tour-widget-bullets-width": `${me(y)}px`
-    };
-    return /* @__PURE__ */ i.jsxDEV(
-      se,
-      {
-        ref: r,
-        "aria-label": a ?? (s > 0 ? `Шаг ${x + 1} из ${s}` : void 0),
-        style: I,
-        ...u,
-        children: /* @__PURE__ */ i.jsxDEV(le, { children: Array.from({ length: s }, (be, p) => {
-          const A = s > w && (p === h && H || p === k && L);
-          return /* @__PURE__ */ i.jsxDEV(
-            N,
-            {
-              index: p,
-              active: p === x,
-              className: A ? t.bulletEdge : void 0
-            },
-            p,
-            !1,
-            {
-              fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetBullets.tsx",
-              lineNumber: 79,
-              columnNumber: 15
-            },
-            void 0
-          );
-        }) }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetBullets.tsx",
-          lineNumber: 71,
-          columnNumber: 7
-        }, void 0)
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetBullets.tsx",
-        lineNumber: 60,
-        columnNumber: 7
-      },
-      void 0
-    );
-  }
-);
-_.displayName = "TourWidget.Bullets";
-const G = m(
-  ({ children: e, ...o }, a) => /* @__PURE__ */ i.jsxDEV(ne, { ref: a, ...o, children: e }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetContent.tsx",
-    lineNumber: 10,
-    columnNumber: 3
-  }, void 0)
-);
-G.displayName = "TourWidget.Content";
-const j = m(
-  ({ children: e, ...o }, a) => /* @__PURE__ */ i.jsxDEV(de, { ref: a, ...o, children: e }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetFooter.tsx",
-    lineNumber: 10,
-    columnNumber: 3
-  }, void 0)
-);
-j.displayName = "TourWidget.Footer";
-const V = m(
-  ({ title: e, description: o, children: a, ...u }, r) => /* @__PURE__ */ i.jsxDEV(re, { ref: r, ...u, children: [
-    e != null && /* @__PURE__ */ i.jsxDEV(oe, { variant: "H3", bold: !0, children: e }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetHeader.tsx",
-      lineNumber: 16,
-      columnNumber: 5
-    }, void 0),
-    o != null && /* @__PURE__ */ i.jsxDEV(ae, { variant: "TextM", children: o }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetHeader.tsx",
-      lineNumber: 21,
-      columnNumber: 5
-    }, void 0),
-    a
-  ] }, void 0, !0, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetHeader.tsx",
-    lineNumber: 14,
-    columnNumber: 3
-  }, void 0)
-);
-V.displayName = "TourWidget.Header";
-const pe = {
+})(["display:block;flex:0 0 8px;width:8px;height:8px;border-radius:100%;background:var( --tour-widget-bullet-background,", " );transform:scale(1);transform-origin:center;transition:background-color 300ms ease,opacity 300ms ease,transform 300ms ease;&.", "{background:var( --tour-widget-bullet-active-background,", " );}&.", "{transform:scale(0.75);}", ""], X, e.bulletActive, W, e.bulletEdge, ({
+  $css: t
+}) => t), S = h(({
+  index: t,
+  active: i,
+  className: o,
+  "aria-label": g,
+  ...r
+}, u) => {
+  const {
+    activeStepIndex: l
+  } = k(), f = i ?? (typeof t == "number" && l === t);
+  return /* @__PURE__ */ a(ct, { ref: u, className: N(f && e.bulletActive, o), "aria-current": f ? "step" : void 0, "aria-label": g ?? (typeof t == "number" ? `Шаг ${t + 1}` : void 0), ...r });
+});
+S.displayName = "TourWidget.Bullet";
+const v = 7, G = 8, O = 8, pt = G + O, B = (t, i, o) => Math.min(Math.max(t, i), o), ht = (t) => Number.isFinite(t) ? Math.max(0, Math.floor(t)) : 0, mt = (t) => t > 0 ? t * G + (t - 1) * O : 0, z = h(({
+  count: t,
+  style: i,
+  "aria-label": o,
+  ...g
+}, r) => {
+  const {
+    activeStepIndex: u = 0
+  } = k(), l = ht(t), f = Number.isFinite(u) ? Math.floor(u) : 0, x = l > 0 ? B(f, 0, l - 1) : 0, T = Math.min(l, v), D = Math.max(0, l - T), w = l > v ? B(x - Math.floor(v / 2), 0, D) : 0, C = w + T - 1, H = w > 0, M = C < l - 1, R = {
+    ...i,
+    "--tour-widget-bullets-offset": `-${w * pt}px`,
+    "--tour-widget-bullets-width": `${mt(T)}px`
+  };
+  return /* @__PURE__ */ a(gt, { ref: r, "aria-label": o ?? (l > 0 ? `Шаг ${x + 1} из ${l}` : void 0), style: R, ...g, children: /* @__PURE__ */ a(ut, { children: Array.from({
+    length: l
+  }, (bt, m) => {
+    const F = l > v && (m === w && H || m === C && M);
+    return /* @__PURE__ */ a(S, { index: m, active: m === x, className: F ? e.bulletEdge : void 0 }, m);
+  }) }) });
+});
+z.displayName = "TourWidget.Bullets";
+const E = h(({
+  children: t,
+  ...i
+}, o) => /* @__PURE__ */ a(lt, { ref: o, ...i, children: t }));
+E.displayName = "TourWidget.Content";
+const L = h(({
+  children: t,
+  ...i
+}, o) => /* @__PURE__ */ a(st, { ref: o, ...i, children: t }));
+L.displayName = "TourWidget.Footer";
+const I = h(({
+  title: t,
+  description: i,
+  children: o,
+  ...g
+}, r) => /* @__PURE__ */ c(ot, { ref: r, ...g, children: [
+  t != null && /* @__PURE__ */ a(dt, { variant: "H3", bold: !0, children: t }),
+  i != null && /* @__PURE__ */ a(nt, { variant: "TextM", children: i }),
+  o
+] }));
+I.displayName = "TourWidget.Header";
+const ft = {
   vertical: {
     viewBox: "0 0 286 480",
     gradient: {
@@ -282,190 +223,54 @@ const pe = {
     },
     path: "M0 172 C 88 228 330 252 720 206 L720 262 L0 262 Z"
   }
-}, O = ({
-  orientation: e
+}, A = ({
+  orientation: t
 }) => {
-  const o = F().replace(/[^a-zA-Z0-9_-]/g, ""), a = `tour-widget-tail-gradient-${o}`, u = `tour-widget-tail-blur-${o}`, r = pe[e];
-  return /* @__PURE__ */ i.jsxDEV(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsxDEV(te, { "aria-hidden": !0, viewBox: r.viewBox, children: [
-      /* @__PURE__ */ i.jsxDEV("defs", { children: [
-        /* @__PURE__ */ i.jsxDEV(
-          "linearGradient",
-          {
-            id: a,
-            x1: r.gradient.x1,
-            y1: r.gradient.y1,
-            x2: r.gradient.x2,
-            y2: r.gradient.y2,
-            gradientUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ i.jsxDEV(
-                "stop",
-                {
-                  offset: "0",
-                  stopColor: "#6e87db",
-                  stopOpacity: r.gradient.startOpacity
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetGradient.tsx",
-                  lineNumber: 78,
-                  columnNumber: 13
-                },
-                void 0
-              ),
-              /* @__PURE__ */ i.jsxDEV(
-                "stop",
-                {
-                  offset: r.gradient.middleOffset,
-                  stopColor: "#00e0ff",
-                  stopOpacity: r.gradient.middleOpacity
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetGradient.tsx",
-                  lineNumber: 83,
-                  columnNumber: 13
-                },
-                void 0
-              ),
-              /* @__PURE__ */ i.jsxDEV(
-                "stop",
-                {
-                  offset: "1",
-                  stopColor: "#56ff88",
-                  stopOpacity: r.gradient.endOpacity
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetGradient.tsx",
-                  lineNumber: 88,
-                  columnNumber: 13
-                },
-                void 0
-              )
-            ]
-          },
-          void 0,
-          !0,
-          {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetGradient.tsx",
-            lineNumber: 70,
-            columnNumber: 11
-          },
-          void 0
-        ),
-        /* @__PURE__ */ i.jsxDEV(
-          "filter",
-          {
-            id: u,
-            x: r.filter.x,
-            y: r.filter.y,
-            width: r.filter.width,
-            height: r.filter.height,
-            children: /* @__PURE__ */ i.jsxDEV("feGaussianBlur", { stdDeviation: r.filter.blur }, void 0, !1, {
-              fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetGradient.tsx",
-              lineNumber: 101,
-              columnNumber: 13
-            }, void 0)
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetGradient.tsx",
-            lineNumber: 94,
-            columnNumber: 11
-          },
-          void 0
-        )
-      ] }, void 0, !0, {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetGradient.tsx",
-        lineNumber: 69,
-        columnNumber: 9
-      }, void 0),
-      /* @__PURE__ */ i.jsxDEV(
-        "path",
-        {
-          d: r.path,
-          fill: `url(#${a})`,
-          filter: `url(#${u})`
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetGradient.tsx",
-          lineNumber: 104,
-          columnNumber: 9
-        },
-        void 0
-      )
-    ] }, void 0, !0, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetGradient.tsx",
-      lineNumber: 68,
-      columnNumber: 7
-    }, void 0),
-    /* @__PURE__ */ i.jsxDEV(ie, { "aria-hidden": !0 }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetGradient.tsx",
-      lineNumber: 110,
-      columnNumber: 7
-    }, void 0)
-  ] }, void 0, !0, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/components/TourWidgetGradient.tsx",
-    lineNumber: 67,
-    columnNumber: 5
-  }, void 0);
+  const i = Z().replace(/[^a-zA-Z0-9_-]/g, ""), o = `tour-widget-tail-gradient-${i}`, g = `tour-widget-tail-blur-${i}`, r = ft[t];
+  return /* @__PURE__ */ c(P, { children: [
+    /* @__PURE__ */ c(it, { "aria-hidden": !0, viewBox: r.viewBox, children: [
+      /* @__PURE__ */ c("defs", { children: [
+        /* @__PURE__ */ c("linearGradient", { id: o, x1: r.gradient.x1, y1: r.gradient.y1, x2: r.gradient.x2, y2: r.gradient.y2, gradientUnits: "userSpaceOnUse", children: [
+          /* @__PURE__ */ a("stop", { offset: "0", stopColor: "#6e87db", stopOpacity: r.gradient.startOpacity }),
+          /* @__PURE__ */ a("stop", { offset: r.gradient.middleOffset, stopColor: "#00e0ff", stopOpacity: r.gradient.middleOpacity }),
+          /* @__PURE__ */ a("stop", { offset: "1", stopColor: "#56ff88", stopOpacity: r.gradient.endOpacity })
+        ] }),
+        /* @__PURE__ */ a("filter", { id: g, x: r.filter.x, y: r.filter.y, width: r.filter.width, height: r.filter.height, children: /* @__PURE__ */ a("feGaussianBlur", { stdDeviation: r.filter.blur }) })
+      ] }),
+      /* @__PURE__ */ a("path", { d: r.path, fill: `url(#${o})`, filter: `url(#${g})` })
+    ] }),
+    /* @__PURE__ */ a(at, { "aria-hidden": !0 })
+  ] });
 };
-O.displayName = "TourWidget.Gradient";
-const fe = {
-  horizontal: t.horizontal,
-  vertical: t.vertical
-}, he = m(
-  ({ children: e, orientation: o = "vertical", activeStepIndex: a, className: u, ...r }, g) => /* @__PURE__ */ i.jsxDEV(X, { value: { activeStepIndex: a }, children: /* @__PURE__ */ i.jsxDEV(
-    ee,
-    {
-      ref: g,
-      $orientation: o,
-      className: W(fe[o], u),
-      ...r,
-      children: [
-        /* @__PURE__ */ i.jsxDEV(O, { orientation: o }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/TourWidget.tsx",
-          lineNumber: 35,
-          columnNumber: 9
-        }, void 0),
-        e
-      ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/TourWidget.tsx",
-      lineNumber: 29,
-      columnNumber: 7
-    },
-    void 0
-  ) }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/TourWidget/TourWidget.tsx",
-    lineNumber: 28,
-    columnNumber: 3
-  }, void 0)
-), we = Object.assign(he, {
-  Header: V,
-  Content: G,
-  Footer: j,
-  Bullet: N,
-  Bullets: _
+A.displayName = "TourWidget.Gradient";
+const wt = {
+  horizontal: e.horizontal,
+  vertical: e.vertical
+}, vt = h(({
+  children: t,
+  orientation: i = "vertical",
+  activeStepIndex: o,
+  className: g,
+  ...r
+}, u) => /* @__PURE__ */ a(J, { value: {
+  activeStepIndex: o
+}, children: /* @__PURE__ */ c(rt, { ref: u, $orientation: i, className: N(wt[i], g), ...r, children: [
+  /* @__PURE__ */ a(A, { orientation: i }),
+  t
+] }) })), yt = Object.assign(vt, {
+  Header: I,
+  Content: E,
+  Footer: L,
+  Bullet: S,
+  Bullets: z
 });
-we.displayName = "TourWidget";
+yt.displayName = "TourWidget";
 export {
-  we as TourWidget,
-  N as TourWidgetBullet,
-  _ as TourWidgetBullets,
-  G as TourWidgetContent,
-  j as TourWidgetFooter,
-  V as TourWidgetHeader,
-  t as tourWidgetClassNames
+  yt as TourWidget,
+  S as TourWidgetBullet,
+  z as TourWidgetBullets,
+  E as TourWidgetContent,
+  L as TourWidgetFooter,
+  I as TourWidgetHeader,
+  e as tourWidgetClassNames
 };

package/components/Typography/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/AnalyticalWidget-xgvWcsXx.cjs"),e=require("@salutejs/sdds-finai");exports.Typography=t.Typography;exports.TypographyWithAutoTooltip=t.TypographyWithAutoTooltip;Object.defineProperty(exports,"BodyL",{enumerable:!0,get:()=>e.BodyL});Object.defineProperty(exports,"BodyM",{enumerable:!0,get:()=>e.BodyM});Object.defineProperty(exports,"BodyS",{enumerable:!0,get:()=>e.BodyS});Object.defineProperty(exports,"BodyXS",{enumerable:!0,get:()=>e.BodyXS});Object.defineProperty(exports,"BodyXXS",{enumerable:!0,get:()=>e.BodyXXS});Object.defineProperty(exports,"DsplL",{enumerable:!0,get:()=>e.DsplL});Object.defineProperty(exports,"DsplM",{enumerable:!0,get:()=>e.DsplM});Object.defineProperty(exports,"DsplS",{enumerable:!0,get:()=>e.DsplS});Object.defineProperty(exports,"H1",{enumerable:!0,get:()=>e.H1});Object.defineProperty(exports,"H2",{enumerable:!0,get:()=>e.H2});Object.defineProperty(exports,"H3",{enumerable:!0,get:()=>e.H3});Object.defineProperty(exports,"H4",{enumerable:!0,get:()=>e.H4});Object.defineProperty(exports,"H5",{enumerable:!0,get:()=>e.H5});Object.defineProperty(exports,"TextL",{enumerable:!0,get:()=>e.TextL});Object.defineProperty(exports,"TextM",{enumerable:!0,get:()=>e.TextM});Object.defineProperty(exports,"TextS",{enumerable:!0,get:()=>e.TextS});Object.defineProperty(exports,"TextXS",{enumerable:!0,get:()=>e.TextXS});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/AnalyticalWidget-fBDe37Ur.cjs"),e=require("@salutejs/sdds-finai");exports.Typography=t.Typography;exports.TypographyWithAutoTooltip=t.TypographyWithAutoTooltip;Object.defineProperty(exports,"BodyL",{enumerable:!0,get:()=>e.BodyL});Object.defineProperty(exports,"BodyM",{enumerable:!0,get:()=>e.BodyM});Object.defineProperty(exports,"BodyS",{enumerable:!0,get:()=>e.BodyS});Object.defineProperty(exports,"BodyXS",{enumerable:!0,get:()=>e.BodyXS});Object.defineProperty(exports,"BodyXXS",{enumerable:!0,get:()=>e.BodyXXS});Object.defineProperty(exports,"DsplL",{enumerable:!0,get:()=>e.DsplL});Object.defineProperty(exports,"DsplM",{enumerable:!0,get:()=>e.DsplM});Object.defineProperty(exports,"DsplS",{enumerable:!0,get:()=>e.DsplS});Object.defineProperty(exports,"H1",{enumerable:!0,get:()=>e.H1});Object.defineProperty(exports,"H2",{enumerable:!0,get:()=>e.H2});Object.defineProperty(exports,"H3",{enumerable:!0,get:()=>e.H3});Object.defineProperty(exports,"H4",{enumerable:!0,get:()=>e.H4});Object.defineProperty(exports,"H5",{enumerable:!0,get:()=>e.H5});Object.defineProperty(exports,"TextL",{enumerable:!0,get:()=>e.TextL});Object.defineProperty(exports,"TextM",{enumerable:!0,get:()=>e.TextM});Object.defineProperty(exports,"TextS",{enumerable:!0,get:()=>e.TextS});Object.defineProperty(exports,"TextXS",{enumerable:!0,get:()=>e.TextXS});

package/components/Typography/index.mjs

@@ -1,4 +1,4 @@
-import { T as t, a as y } from "../../chunks/AnalyticalWidget-Ca_EuSTO.mjs";
+import { T as t, a as y } from "../../chunks/AnalyticalWidget-CBi-2MtJ.mjs";
 import { BodyL as e, BodyM as r, BodyS as x, BodyXS as S, BodyXXS as a, DsplL as d, DsplM as s, DsplS as B, H1 as H, H2 as l, H3 as X, H4 as h, H5 as D, TextL as L, TextM as M, TextS as f, TextXS as g } from "@salutejs/sdds-finai";
 export {
   e as BodyL,