md-components-mdigial-azamat 0.0.336 → 0.0.337

package/dist/Segments/Segments.js

@@ -1,61 +1,62 @@
-import { jsxs as y, jsx as c } from "react/jsx-runtime";
+import { jsxs as y, jsx as l } from "react/jsx-runtime";
 import { useState as C, useEffect as P, useCallback as I, lazy as N, Suspense as A } from "react";
 import "../LayoutContext-752de9f0.js";
 import { r as L } from "../tokens-29849cf7.js";
+import { C as k } from "../ComponentContainer-dca711c6.js";
 import { F as w } from "../Flex-86aee720.js";
 import { c as E } from "../cn-6a4bf187.js";
-import { SegmentsSliderTabs as k } from "./SegmentsSliderTabs.js";
-import { propsToEdit as D } from "./schema.js";
-import { SegmentsVariant as l } from "./types.js";
-function H(t) {
+import { SegmentsSliderTabs as D } from "./SegmentsSliderTabs.js";
+import { propsToEdit as H } from "./schema.js";
+import { SegmentsVariant as s } from "./types.js";
+function j(t) {
   var e;
   return typeof window > "u" || !((e = window.location) != null && e.search) ? null : new URLSearchParams(window.location.search).get(t);
 }
-function j(t, e) {
+function K(t, e) {
   if (typeof window > "u")
     return;
   const n = new URL(window.location.href);
   n.searchParams.set(t, e), window.history.replaceState(window.history.state, "", n.toString());
 }
-function K(t) {
+function O(t) {
   const [e, n] = C(() => null);
   P(() => {
-    const o = () => n(H(t));
+    const o = () => n(j(t));
     return o(), window.addEventListener("popstate", o), () => window.removeEventListener("popstate", o);
   }, [t]);
   const r = I(
     (o) => {
-      j(t, o), n(o);
+      K(t, o), n(o);
     },
     [t]
   );
   return [e, r];
 }
-const O = N(
+const T = N(
   () => import("./SegmentsContent.js").then((t) => ({ default: t.SegmentsContent }))
 ), S = {
-  [l.PRIMARY]: {
+  [s.PRIMARY]: {
     container: "rounded-[20px] bg-[#E3E4E8] p-1",
     item: "rounded-[19px] text-gray-800 font-semibold max-tablet:text-[16px] max-tablet:leading-[27px] max-tablet:px-4 max-tablet:py-2 text-[20px] leading-[30px] px-8 py-4 w-[275px]",
     activeItem: "bg-white"
   },
-  [l.SECONDARY]: {
+  [s.SECONDARY]: {
     container: "rounded-xl bg-white/15 border border-white/15 backdrop-blur-[15px]",
     item: "text-white rounded-[13px] text-sm leading-5 py-[14px] w-[180px] max-tablet:pr-5 max-tablet:pl-4",
     activeItem: "bg-white text-black font-medium"
   },
-  [l.SLIDER]: {
+  [s.SLIDER]: {
     container: "",
     item: "",
     activeItem: ""
   },
-  [l.HEADER]: {
+  [s.HEADER]: {
     container: "rounded-[10px] bg-white p-1 gap-1",
     item: "rounded-[8px] text-[#40474f] font-medium text-[14px] leading-5 px-4 py-2",
     // Фон задаётся цветом из пропса, поэтому в классах его нет
     activeItem: ""
   }
-}, T = "green", Y = (t) => {
+}, Y = "green", M = (t) => {
   if (!t)
     return;
   const e = t.trim().replace("#", ""), n = e.length === 3 ? e.split("").map((i) => i + i).join("") : e, r = n.length === 8 ? n.slice(0, 6) : n;
@@ -64,12 +65,12 @@ const O = N(
   const [o, m, u] = [0, 2, 4].map((i) => parseInt(r.slice(i, i + 2), 16));
   return (0.299 * o + 0.587 * m + 0.114 * u) / 255 > 0.6 ? "#0e0f11" : "#ffffff";
 };
-function M(t, e) {
+function Q(t, e) {
   var r;
   const n = (r = t == null ? void 0 : t.tabKey) == null ? void 0 : r.trim();
   return n || String(e);
 }
-function Q(t, e) {
+function U(t, e) {
   if (!(t != null && t.length) || e == null || e === "")
     return 0;
   const n = t.findIndex(
@@ -83,24 +84,24 @@ function Q(t, e) {
   const r = parseInt(e, 10);
   return Number.isNaN(r) || r < 0 || r >= t.length ? 0 : r;
 }
-const U = ({
+const F = ({
   data: t = [],
-  variant: e = l.PRIMARY,
+  variant: e = s.PRIMARY,
   queryParamKey: n = "tab",
   title: r,
   active_color: o
 }) => {
   var h;
-  const [m, u] = K(n), p = Q(t, m), i = I(
-    (s, a) => {
-      u(M(s, a));
+  const [m, u] = O(n), p = U(t, m), i = I(
+    (c, a) => {
+      u(Q(c, a));
     },
     [u]
-  ), f = S[e] || S[l.PRIMARY], x = t[p], b = e === l.HEADER, g = L(
-    o || (b ? T : void 0)
+  ), f = S[e] || S[s.PRIMARY], x = t[p], b = e === s.HEADER, g = L(
+    o || (b ? Y : void 0)
   ), R = g ? {
     backgroundColor: g,
-    color: Y(g)
+    color: M(g)
   } : void 0;
   return /* @__PURE__ */ y(
     w,
@@ -108,15 +109,15 @@ const U = ({
       vertical: !0,
       className: "gap-6",
       children: [
-        e === l.SLIDER ? /* @__PURE__ */ c(
-          k,
+        e === s.SLIDER ? /* @__PURE__ */ l(
+          D,
           {
             data: t,
             activeIndex: p,
-            onChange: (s) => i(t[s], s)
+            onChange: (c) => i(t[c], c)
           }
         ) : (() => {
-          const s = /* @__PURE__ */ c(
+          const c = /* @__PURE__ */ l(
             w,
             {
               className: E(
@@ -129,7 +130,7 @@ const U = ({
               ),
               children: t.map((a, d) => {
                 var v;
-                return /* @__PURE__ */ c(
+                return /* @__PURE__ */ l(
                   "button",
                   {
                     onClick: () => i(a, d),
@@ -146,17 +147,17 @@ const U = ({
               })
             }
           );
-          return b ? /* @__PURE__ */ y(w, { className: "w-full items-center justify-between gap-4 max-tablet:flex-col max-tablet:items-start", children: [
-            r ? /* @__PURE__ */ c("h2", { className: "text-[#0e0f11] font-bold text-[32px] leading-[40px] max-tablet:text-[24px] max-tablet:leading-[32px]", children: r }) : null,
-            s
-          ] }) : s;
+          return b ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ y(w, { className: "w-full items-center justify-between gap-4 max-tablet:flex-col max-tablet:items-start", children: [
+            r ? /* @__PURE__ */ l("h2", { className: "text-[#0e0f11] font-bold text-[32px] leading-[40px] max-tablet:text-[24px] max-tablet:leading-[32px]", children: r }) : null,
+            c
+          ] }) }) : c;
         })(),
-        (h = x == null ? void 0 : x.components) != null && h.length ? /* @__PURE__ */ c("div", { className: "segments-content w-full", children: /* @__PURE__ */ c(A, { fallback: null, children: /* @__PURE__ */ c(O, { components: x.components }) }) }) : null
+        (h = x == null ? void 0 : x.components) != null && h.length ? /* @__PURE__ */ l("div", { className: "segments-content w-full", children: /* @__PURE__ */ l(A, { fallback: null, children: /* @__PURE__ */ l(T, { components: x.components }) }) }) : null
       ]
     }
   );
 };
-U.propsToEdit = D;
+F.propsToEdit = H;
 export {
-  U as Segments
+  F as Segments
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "md-components-mdigial-azamat",
   "author": "Azamat Raimbekov",
   "private": false,
-  "version": "0.0.336",
+  "version": "0.0.337",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",