@sberbusiness/triplex-next 1.25.0 → 1.27.0

package/components/Step/Step.js

@@ -1,23 +1,28 @@
-import { jsxs as g, jsx as i } from "react/jsx-runtime";
-import { useRef as u } from "react";
+import { jsxs as E, jsx as i } from "react/jsx-runtime";
+import { useRef as g } from "react";
 import { EStepStatus as o, EStepPosition as e } from "./enums.js";
-import { ETooltipAlign as n, ETooltipSize as _ } from "../Tooltip/enums.js";
+import { ETooltipAlign as n, ETooltipSize as A } from "../Tooltip/enums.js";
 import { Tooltip as a } from "../Tooltip/Tooltip.js";
-import { EFontWeightText as S, ETextSize as D } from "../Typography/enums.js";
+import { EFontWeightText as u, ETextSize as N } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
-import { Text as N } from "../Typography/Text.js";
+import { Text as D } from "../Typography/Text.js";
 import "../Typography/Title.js";
-import { c as A } from "../../chunks/vendor-DudMBGKr.js";
-const R = "step__aa77be9f", x = "done__d8c73a85", b = "warning__8585f9ce", h = "active__d3e028d2", v = "error__f50d2817", w = "disabled__53a2b215", t = {
-  step: R,
-  default: "default__3f7a48fc",
+import { c as O } from "../../chunks/vendor-DudMBGKr.js";
+import { EComponentSize as I } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as L } from "../../utils/classNameMaps.js";
+const M = "step__81d4c7ac", b = "sm__260b8e5d", P = "md__2d3b45d3", R = "lg__ce05aa48", x = "done__799c8b2a", C = "warning__56c95f9a", h = "active__e347ad2b", v = "error__21134d24", z = "disabled__14685324", t = {
+  step: M,
+  sm: b,
+  md: P,
+  lg: R,
+  default: "default__ddd85556",
   done: x,
-  warning: b,
+  warning: C,
   active: h,
   error: v,
-  disabled: w
-}, L = {
+  disabled: z
+}, w = {
   [o.DEFAULT]: t.default,
   [o.ACTIVE]: t.active,
   [o.WARNING]: t.warning,
@@ -28,23 +33,24 @@ const R = "step__aa77be9f", x = "done__d8c73a85", b = "warning__8585f9ce", h = "
   [e.XFirst]: n.START,
   [e.Default]: n.CENTER,
   [e.XLast]: n.END
-}, U = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, z = ({
+}, B = L(t), Y = (r, s) => s === 0 ? e.XFirst : s + 1 === r ? e.XLast : e.Default, F = ({
   children: r,
   className: s,
-  step: p,
-  status: d,
-  position: f = e.Default,
-  ...m
+  step: d,
+  status: m,
+  position: _ = e.Default,
+  size: p = I.MD,
+  ...T
 }) => {
-  const l = u(null), T = y[f], E = A(t.step, L[d], s), c = () => /* @__PURE__ */ i("div", { ref: l, className: E, ...m, children: /* @__PURE__ */ i(N, { size: D.B1, weight: S.SEMIBOLD, children: p }) });
-  return r ? /* @__PURE__ */ g(a, { size: _.SM, toggleType: "hover", alignTip: T, targetRef: l, children: [
-    /* @__PURE__ */ i(a.Target, { children: c() }),
+  const c = g(null), f = y[_], S = O(t.step, w[m], B[p], s), l = () => /* @__PURE__ */ i("div", { ref: c, className: S, ...T, children: /* @__PURE__ */ i(D, { size: N.B1, weight: u.SEMIBOLD, children: d }) });
+  return r ? /* @__PURE__ */ E(a, { size: A.SM, toggleType: "hover", alignTip: f, targetRef: c, children: [
+    /* @__PURE__ */ i(a.Target, { children: l() }),
     /* @__PURE__ */ i(a.Body, { children: r })
-  ] }) : c();
+  ] }) : l();
 };
-z.displayName = "Step";
+F.displayName = "Step";
 export {
-  z as Step,
-  U as calcPosition
+  F as Step,
+  Y as calcPosition
 };
 //# sourceMappingURL=Step.js.map

package/components/Stepper/Stepper.js

@@ -1,103 +1,118 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as G, useRef as v, useEffect as C } from "react";
-import { StepperExtended as _ } from "./StepperExtended.js";
-import { StepperWrapper as H } from "./StepperWrapper.js";
-import { StepperStep as X } from "./StepperStep.js";
-import { CarouselExtended as $ } from "../CarouselExtended/CarouselExtended.js";
-import { ButtonIcon as R } from "../Button/ButtonIcon.js";
-import { CaretrightStrokeSrvIcon24 as q, CaretleftStrokeSrvIcon24 as F } from "@sberbusiness/icons-next";
-import { EScreenWidth as J } from "../../helpers/breakpoints.js";
-import { scrollSmoothHorizontally as S } from "../../utils/scroll.js";
-import { c as i } from "../../chunks/vendor-DudMBGKr.js";
-import { EStepperSize as a } from "./enums.js";
-const K = "stepper__8bde7d74", O = "sm__d1134cb4", Q = "md__b82095f3", T = "lg__2bc9648b", U = "stepperCarousel__2dbd236c", V = "buttonPrev__8f82be4d", Y = "buttonNext__5631c962", n = {
-  stepper: K,
-  sm: O,
-  md: Q,
-  lg: T,
-  stepperCarousel: U,
-  buttonPrev: V,
-  buttonNext: Y
-}, p = (m) => {
-  switch (m) {
-    case a.LG:
-      return n.lg;
-    case a.MD:
-      return n.md;
-    case a.SM:
-      return n.sm;
-  }
-}, P = ({
-  className: m,
-  steps: b,
-  size: c = a.SM,
-  selectedStepId: l,
-  ...E
+import { jsx as n } from "react/jsx-runtime";
+import { useState as A, useRef as N, useCallback as p, useEffect as w } from "react";
+import { c as l } from "../../chunks/vendor-DudMBGKr.js";
+import { CaretleftStrokeSrvIcon24 as y, CaretrightStrokeSrvIcon24 as j } from "@sberbusiness/icons-next";
+import { CarouselExtended as z } from "../CarouselExtended/CarouselExtended.js";
+import { ButtonIcon as E } from "../Button/ButtonIcon.js";
+import { StepperExtended as W } from "./StepperExtended.js";
+import { StepperStep as G } from "./StepperStep.js";
+import { createSizeToClassNameMap as H } from "../../utils/classNameMaps.js";
+import { scrollSmoothHorizontally as h } from "../../utils/scroll.js";
+import { EComponentSize as X } from "../../enums/EComponentSize.js";
+import { EScreenWidth as $ } from "../../helpers/breakpoints.js";
+import "./enums.js";
+const q = "stepperCarousel__5eee571a", D = "stepperButtonWrapper__4d6fa284", F = "prev__ee885a76", J = "next__ba65e078", K = "stepperButton__78db448f", Q = "sm__e079bc2f", U = "md__e40c6d30", V = "lg__744ee979", s = {
+  stepperCarousel: q,
+  stepperButtonWrapper: D,
+  prev: F,
+  next: J,
+  stepperButton: K,
+  sm: Q,
+  md: U,
+  lg: V
+}, g = H(s), Y = 0.3, Z = ({
+  className: I,
+  steps: S,
+  size: i = X.LG,
+  selectedStepId: c,
+  ...M
 }) => {
-  const [h, w] = G({ stepNext: 0, stepPrev: 0 }), u = v(null), x = v({}), B = i(n.stepper, p(c), m), M = b.findIndex((e) => e.id === l), I = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
-    R,
-    {
-      className: i(n.buttonPrev, p(c)),
-      ...t,
-      "aria-label": "Прокрутить назад",
-      children: /* @__PURE__ */ s(F, { className: i(n.buttonPrevIcon), paletteIndex: 5 })
-    }
-  ), W = ({ hidden: e, ...t }) => e ? null : /* @__PURE__ */ s(
-    R,
-    {
-      className: i(n.buttonNext, p(c)),
-      ...t,
-      "aria-label": "Прокрутить вперёд",
-      children: /* @__PURE__ */ s(q, { className: i(n.buttonNextIcon), paletteIndex: 5 })
-    }
+  const [x, P] = A({ stepNext: 0, stepPrev: 0 }), m = N(null), v = N({}), L = S.findIndex((t) => t.id === c), O = p(
+    ({ hidden: t, ...e }) => t ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.prev), children: /* @__PURE__ */ n(
+      E,
+      {
+        className: l(s.stepperButton, g[i]),
+        tabIndex: -1,
+        ...e,
+        children: /* @__PURE__ */ n(y, { paletteIndex: 5 })
+      }
+    ) }),
+    [i]
+  ), T = p(
+    ({ hidden: t, ...e }) => t ? null : /* @__PURE__ */ n("div", { className: l(s.stepperButtonWrapper, s.next), children: /* @__PURE__ */ n(
+      E,
+      {
+        className: l(s.stepperButton, g[i]),
+        tabIndex: -1,
+        ...e,
+        children: /* @__PURE__ */ n(j, { paletteIndex: 5 })
+      }
+    ) }),
+    [i]
   );
-  C(() => {
-    const { current: e } = u;
-    if (e) {
-      const t = e.getBoundingClientRect().width * 0.3;
-      w({ stepNext: t, stepPrev: t });
-    }
+  w(() => {
+    const t = m.current;
+    if (t === null)
+      return;
+    const e = new ResizeObserver((r) => {
+      const a = r[0].contentRect.width * Y;
+      P({
+        stepNext: a,
+        stepPrev: a
+      });
+    });
+    return e.observe(t), () => {
+      e.disconnect();
+    };
   }, []);
-  const L = (e, t, r, o) => {
-    r > 0 && (t.nextElementSibling && (r -= o - t.nextElementSibling.getBoundingClientRect().right), S(e, Math.ceil(r)));
-  }, k = (e, t, r, o) => {
-    r < 0 && (t.previousElementSibling && (r -= o - t.previousElementSibling.getBoundingClientRect().left), S(e, Math.floor(r)));
-  }, y = (e, t) => {
-    t && S(e, t);
-  }, A = (e, t) => {
-    const { left: r, right: o, width: j } = e.getBoundingClientRect(), { left: f, right: N, width: D } = t.getBoundingClientRect(), d = r + j / 2, g = f + D / 2;
-    window.matchMedia(`(max-width: ${J.SM_MAX})`).matches ? y(e, g - d) : d > g ? k(e, t, f - r - 32, f) : d < g && L(e, t, N - o + 32, N);
-  };
-  return C(() => {
-    if (l) {
-      const { current: e } = u, t = x.current[l];
-      e && t && A(e, t);
+  const C = p(
+    (t, e, r, o) => {
+      r > 0 && (e.nextElementSibling && (r -= o - e.nextElementSibling.getBoundingClientRect().right), h(t, Math.ceil(r)));
+    },
+    []
+  ), _ = p(
+    (t, e, r, o) => {
+      r < 0 && (e.previousElementSibling && (r -= o - e.previousElementSibling.getBoundingClientRect().left), h(t, Math.floor(r)));
+    },
+    []
+  ), B = p((t, e) => {
+    e && h(t, e);
+  }, []), b = p(
+    (t, e) => {
+      const { left: r, right: o, width: a } = t.getBoundingClientRect(), { left: u, right: R, width: k } = e.getBoundingClientRect(), f = r + a / 2, d = u + k / 2;
+      window.matchMedia(`(max-width: ${$.SM_MAX})`).matches ? B(t, d - f) : f > d ? _(t, e, u - r, u) : f < d && C(t, e, R - o, R);
+    },
+    [B, _, C]
+  );
+  return w(() => {
+    if (c) {
+      const { current: t } = m, e = v.current[c];
+      t && e && b(t, e);
     }
-  }, [l]), /* @__PURE__ */ s(
-    $,
+  }, [c, b]), /* @__PURE__ */ n(
+    z,
     {
-      className: i(n.stepperCarousel, p(c)),
-      buttonPrev: I,
-      buttonNext: W,
-      stepPrev: h.stepPrev,
-      stepNext: h.stepNext,
-      ref: u,
-      children: /* @__PURE__ */ s(_, { className: B, selectedStepId: l, size: c, ...E, children: b.map(({ label: e, ...t }, r) => /* @__PURE__ */ s(
-        _.Step,
+      className: l(s.stepperCarousel, g[i], I),
+      buttonPrev: O,
+      buttonNext: T,
+      stepPrev: x.stepPrev,
+      stepNext: x.stepNext,
+      ref: m,
+      children: /* @__PURE__ */ n(W, { selectedStepId: c, size: i, ...M, children: S.map(({ label: t, ...e }, r) => /* @__PURE__ */ n(
+        W.Step,
         {
-          forwardedRef: (o) => x.current[t.id] = o,
-          ...t,
-          isInActiveStep: r > M,
-          children: e
+          forwardedRef: (o) => v.current[e.id] = o,
+          ...e,
+          isInActiveStep: r > L,
+          children: t
         },
-        t.id
+        e.id
       )) })
     }
   );
 };
-P.Wrapper = H;
-P.Step = X;
+Z.Step = G;
 export {
-  P as Stepper
+  Z as Stepper
 };
 //# sourceMappingURL=Stepper.js.map

package/components/Stepper/StepperExtended.js

@@ -1,26 +1,28 @@
-import { jsx as e } from "react/jsx-runtime";
-import { EStepperSize as a } from "./enums.js";
-import { StepperExtendedContext as i } from "./StepperExtendedContext.js";
-import { StepperWrapper as x } from "./StepperWrapper.js";
-import { StepperStep as f } from "./StepperStep.js";
-import { c as E } from "../../chunks/vendor-DudMBGKr.js";
-const b = "stepperExtended__e0f8389b", h = {
-  stepperExtended: b
-}, t = ({
-  children: r,
-  className: p,
-  size: o = a.SM,
-  onSelectStep: s,
-  selectedStepId: d,
-  forwardedRef: n,
-  ...m
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as x } from "react";
+import { c as i } from "../../chunks/vendor-DudMBGKr.js";
+import { StepperStep as l } from "./StepperStep.js";
+import { StepperExtendedContext as a } from "./StepperExtendedContext.js";
+import { EComponentSize as f } from "../../enums/EComponentSize.js";
+const E = "stepperExtended__c68c1f34", u = {
+  stepperExtended: E
+}, S = ({
+  children: p,
+  className: s,
+  size: e = f.LG,
+  onSelectStep: t,
+  selectedStepId: r,
+  forwardedRef: m,
+  ...n
 }) => {
-  const c = E(h.stepperExtended, p), l = (S) => s(S);
-  return /* @__PURE__ */ e(i.Provider, { value: { onSelectStep: l, selectedId: d, size: o }, children: /* @__PURE__ */ e("ol", { className: c, role: "tablist", ...m, ref: n, children: r }) });
+  const d = i(u.stepperExtended, s), c = x(
+    () => ({ selectedId: r, size: e, onSelectStep: t }),
+    [r, e, t]
+  );
+  return /* @__PURE__ */ o(a.Provider, { value: c, children: /* @__PURE__ */ o("ol", { className: d, role: "tablist", ...n, ref: m, children: p }) });
 };
-t.Step = f;
-t.Wrapper = x;
+S.Step = l;
 export {
-  t as StepperExtended
+  S as StepperExtended
 };
 //# sourceMappingURL=StepperExtended.js.map

package/components/Stepper/StepperExtendedContext.js

@@ -1,12 +1,12 @@
 import e from "react";
-import { EStepperSize as t } from "./enums.js";
-const r = e.createContext({
-  size: t.SM,
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
+const p = e.createContext({
+  size: t.LG,
+  selectedId: void 0,
   onSelectStep: () => {
-  },
-  selectedId: void 0
+  }
 });
 export {
-  r as StepperExtendedContext
+  p as StepperExtendedContext
 };
 //# sourceMappingURL=StepperExtendedContext.js.map

package/components/Stepper/StepperStep.js

@@ -1,86 +1,85 @@
-import { jsxs as d, jsx as y } from "react/jsx-runtime";
+import { jsxs as R, jsx as d } from "react/jsx-runtime";
 import { useContext as U, useState as V, useRef as k } from "react";
-import { StepperStepIcon as q } from "./StepperStepIcon.js";
-import { isKey as A } from "../../utils/keyboard.js";
-import { StepperExtendedContext as v } from "./StepperExtendedContext.js";
-import { EFocusSource as c } from "../../enums/EFocusSource.js";
-import { c as D } from "../../chunks/vendor-DudMBGKr.js";
-import { EStepperSize as x, EStepperStepType as C } from "./enums.js";
-import { s as e, R as F } from "../../chunks/RightBorderArrow-BDD4mS5-.js";
-import { IconWrapper as H } from "../IconWrapper/IconWrapper.js";
-const J = ({
-  children: h,
-  className: j,
-  id: o,
-  isInActiveStep: R,
-  onFocus: n,
-  onBlur: i,
-  onKeyDown: f,
-  onMouseDown: a,
-  onClick: S,
+import { c as q } from "../../chunks/vendor-DudMBGKr.js";
+import { StepperStepIcon as v } from "./StepperStepIcon.js";
+import { createSizeToClassNameMap as F } from "../../utils/classNameMaps.js";
+import { isKey as g } from "../../utils/keyboard.js";
+import { StepperExtendedContext as H } from "./StepperExtendedContext.js";
+import { EFocusSource as o } from "../../enums/EFocusSource.js";
+import { EStepperStepType as y } from "./enums.js";
+import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-D9rM6XEL.js";
+import { IconWrapper as L } from "../IconWrapper/IconWrapper.js";
+const Q = F(t), X = ({
+  children: N,
+  className: A,
+  id: s,
+  isInActiveStep: x,
+  onFocus: m,
+  onBlur: n,
+  onKeyDown: a,
+  onMouseDown: i,
+  onClick: f,
   disabled: r,
-  icon: g,
-  forwardedRef: s,
-  type: I,
-  ...z
+  icon: h,
+  forwardedRef: c,
+  type: C,
+  ...T
 }) => {
-  const { selectedId: G, size: p, onSelectStep: l } = U(v), [u, E] = V(c.NONE), m = k(null), N = o === G, T = D(
-    e.stepperStep,
+  const { selectedId: z, size: I, onSelectStep: S } = U(H), [l, u] = V(o.NONE), p = k(null), E = s === z, j = q(
+    t.stepperStep,
+    Q[I],
     {
-      [e.active]: N,
-      [e.inactive]: R,
-      [e.completed]: !N && !R,
-      [e.disabled]: !!r,
-      [e.nonempty]: !!h,
-      [e.error]: !r && I === C.ERROR,
-      [e.warning]: !r && I === C.WARNING,
-      [e.focusVisible]: u === c.KEYBOARD,
-      [e.sm]: p === x.SM,
-      [e.md]: p === x.MD,
-      [e.lg]: p === x.LG
+      [t.active]: E,
+      [t.inactive]: x,
+      [t.completed]: !E && !x,
+      [t.disabled]: !!r,
+      [t.nonempty]: !!N,
+      [t.error]: !r && C === y.ERROR,
+      [t.warning]: !r && C === y.WARNING,
+      [t.focusVisible]: l === o.KEYBOARD
     },
-    j
-  ), W = (t) => {
-    !u && m.current === t.target && E(c.KEYBOARD), n == null || n(t);
-  }, Y = (t) => {
-    m.current !== document.activeElement && m.current === t.target && E(c.NONE), i == null || i(t);
-  }, B = (t) => {
-    const O = t.code || t.keyCode;
-    A(O, "ENTER") ? r || l(o) : A(O, "SPACE") && (t.preventDefault(), r || l(o)), f == null || f(t);
-  }, K = (t) => {
-    u || E(c.MOUSE), a == null || a(t);
-  }, L = (t) => {
-    r || l(o), S == null || S(t);
-  }, M = (t) => {
-    m.current = t, typeof s == "function" ? s(t) : s && (s.current = t);
-  }, P = () => /* @__PURE__ */ y(H, { className: e.icon, disabled: !!r, children: g });
-  return /* @__PURE__ */ d(
+    A
+  ), W = (e) => {
+    !l && p.current === e.target && u(o.KEYBOARD), m == null || m(e);
+  }, Y = (e) => {
+    p.current !== document.activeElement && p.current === e.target && u(o.NONE), n == null || n(e);
+  }, B = (e) => {
+    const O = e.code || e.keyCode;
+    g(O, "ENTER") ? r || S(s) : g(O, "SPACE") && (e.preventDefault(), r || S(s)), a == null || a(e);
+  }, G = (e) => {
+    l || u(o.MOUSE), i == null || i(e);
+  }, K = (e) => {
+    r || S(s), f == null || f(e);
+  }, M = (e) => {
+    p.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
+  }, P = () => /* @__PURE__ */ d(L, { className: t.icon, disabled: !!r, children: h });
+  return /* @__PURE__ */ R(
     "li",
     {
-      className: T,
+      className: j,
       onFocus: W,
       onBlur: Y,
       onKeyDown: B,
-      onMouseDown: K,
-      onClick: L,
+      onMouseDown: G,
+      onClick: K,
       tabIndex: r ? -1 : 0,
       "aria-disabled": r,
-      "aria-current": N || void 0,
+      "aria-current": E || void 0,
       role: "button",
-      ...z,
+      ...T,
       ref: M,
       children: [
-        /* @__PURE__ */ d("div", { className: e.content, "data-tx": "1.25.0", children: [
-          g && P(),
-          h
+        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "1.27.0", children: [
+          h && P(),
+          N
         ] }),
-        /* @__PURE__ */ y(F, { size: p })
+        /* @__PURE__ */ d(J, { size: I })
       ]
     }
   );
 };
-J.Icon = q;
+X.Icon = v;
 export {
-  J as StepperStep
+  X as StepperStep
 };
 //# sourceMappingURL=StepperStep.js.map

package/components/Stepper/StepperStepArrowBorder.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "../../enums/EComponentSize.js";
+import { S as t } from "../../chunks/StepperStepArrowBorder-D9rM6XEL.js";
+export {
+  t as StepperStepArrowBorder
+};
+//# sourceMappingURL=StepperStepArrowBorder.js.map

package/components/Stepper/enums.js

@@ -1,7 +1,6 @@
-var R = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.NEUTRAL = "neutral", r.ERROR = "error", r.WARNING = "warning", r))(a || {}), u = /* @__PURE__ */ ((r) => (r.FILLED = "filled", r.SUCCESS = "success", r.ERROR = "error", r.WARNING = "warning", r.WAIT = "wait", r))(u || {});
+var R = /* @__PURE__ */ ((r) => (r.NEUTRAL = "neutral", r.ERROR = "error", r.WARNING = "warning", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.FILLED = "filled", r.SUCCESS = "success", r.ERROR = "error", r.WARNING = "warning", r.WAIT = "wait", r))(a || {});
 export {
-  R as EStepperSize,
-  u as EStepperStepIconType,
-  a as EStepperStepType
+  a as EStepperStepIconType,
+  R as EStepperStepType
 };
 //# sourceMappingURL=enums.js.map

package/components/Stepper/index.js

@@ -1,11 +1,10 @@
 import { Stepper as r } from "./Stepper.js";
-import { StepperExtended as S } from "./StepperExtended.js";
-import { EStepperSize as x, EStepperStepIconType as E, EStepperStepType as f } from "./enums.js";
+import { StepperExtended as o } from "./StepperExtended.js";
+import { EStepperStepIconType as x, EStepperStepType as f } from "./enums.js";
 export {
-  x as EStepperSize,
-  E as EStepperStepIconType,
+  x as EStepperStepIconType,
   f as EStepperStepType,
   r as Stepper,
-  S as StepperExtended
+  o as StepperExtended
 };
 //# sourceMappingURL=index.js.map

package/components/Stepper/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext as I } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-DEiNYa7V.js";
+import "../../chunks/DropdownListItem-kVq_Shxy.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as B } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as F } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,7 +21,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__f9e0d864", z = "suggestDropdownMobileNoOptionsText__b8136957", g = {
+const k = "suggestDropdownMobileBody__16fbe4ad", z = "suggestDropdownMobileNoOptionsText__c5ab2d1c", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, A = () => {
@@ -29,15 +29,15 @@ const k = "suggestDropdownMobileBody__f9e0d864", z = "suggestDropdownMobileNoOpt
     value: r,
     options: s,
     inputValue: i,
-    placeholder: u,
-    noOptionsText: a,
+    placeholder: a,
+    noOptionsText: u,
     loading: w,
-    clearInputOnFocus: p,
+    clearInputOnFocus: d,
     dropdownListLoading: b,
     onSelect: f,
     onFilter: t,
     onScrollEnd: l,
-    closeDropdown: d
+    closeDropdown: p
   } = I(), h = S(null), D = n(
     (o) => {
       if (l === void 0)
@@ -46,14 +46,14 @@ const k = "suggestDropdownMobileBody__f9e0d864", z = "suggestDropdownMobileNoOpt
       y - C - N < 1 && l();
     },
     [l]
-  ), M = n(() => d(), [d]), x = n(
+  ), M = n(() => p(), [p]), x = n(
     (o) => {
       t(o.target.value);
     },
     [t]
   ), T = n(() => {
-    i.length !== 0 && p === !0 && t("");
-  }, [i.length, p, t]);
+    i.length !== 0 && d === !0 && t("");
+  }, [i.length, d, t]);
   return /* @__PURE__ */ c(m, { children: [
     /* @__PURE__ */ e(
       O,
@@ -66,7 +66,7 @@ const k = "suggestDropdownMobileBody__f9e0d864", z = "suggestDropdownMobileNoOpt
           L,
           {
             value: i,
-            placeholder: u,
+            placeholder: a,
             autoFocus: !0,
             onFocus: T,
             onChange: x
@@ -81,7 +81,7 @@ const k = "suggestDropdownMobileBody__f9e0d864", z = "suggestDropdownMobileNoOpt
         type: H.PRIMARY,
         size: E.B2,
         tag: "div",
-        children: a
+        children: u
       }
     ) : /* @__PURE__ */ e(R, { loading: b, ref: h, children: s.map((o) => /* @__PURE__ */ e(
       _,