@yakavkaz/uikit 0.0.6 → 0.0.9

package/dist/index.js

@@ -240,13 +240,13 @@ const AA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/s
     /* @__PURE__ */ A("path", { d: "M12.22 17c-4.3.1-7.12-3.59-8-5 .626-1 1.38-1.914 2.24-2.72L5 7.87a15.9 15.9 0 0 0-2.87 3.63 1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25a9.5 9.5 0 0 0 3.23-.67l-1.58-1.58a7.7 7.7 0 0 1-1.7.25M21.87 11.5c-.64-1.11-4.17-6.68-10.14-6.5a9.5 9.5 0 0 0-3.23.67l1.58 1.58a7.7 7.7 0 0 1 1.7-.25c4.29-.11 7.11 3.59 8 5a13.7 13.7 0 0 1-2.29 2.72L19 16.13a15.9 15.9 0 0 0 2.91-3.63 1 1 0 0 0-.04-1" })
   ] }),
   /* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", { id: "eye-off-outline_svg__a", children: /* @__PURE__ */ A("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), xA = i(IA), mA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
+] }), xA = i(IA), wA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
   /* @__PURE__ */ B("g", { fill: "#000", clipPath: "url(#eye-off_svg__a)", children: [
     /* @__PURE__ */ A("path", { d: "M12 13.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M15.29 18.12 14 16.78l-.07-.07-1.27-1.27A3.5 3.5 0 0 1 8.5 12a4 4 0 0 1 .06-.61l-2-2L5 7.87a15.9 15.9 0 0 0-2.87 3.63 1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25a9.5 9.5 0 0 0 3.23-.67zM8.59 5.76l2.8 2.8A4 4 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5 4 4 0 0 1-.06.61l2.68 2.68.84.84a15.9 15.9 0 0 0 2.91-3.63 1 1 0 0 0 0-1c-.64-1.11-4.16-6.68-10.14-6.5a9.5 9.5 0 0 0-3.23.67z" }),
     /* @__PURE__ */ A("path", { d: "M20.71 19.29 19.41 18l-2-2-9.52-9.53L6.42 5 4.71 3.29a1.004 1.004 0 1 0-1.42 1.42L5.53 7l1.75 1.7 7.31 7.3.07.07L16 17.41l.59.59 2.7 2.71a1.002 1.002 0 0 0 1.639-.325 1 1 0 0 0-.219-1.095" })
   ] }),
   /* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", { id: "eye-off_svg__a", children: /* @__PURE__ */ A("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), wA = i(mA), nA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
+] }), mA = i(wA), nA = (e, g) => /* @__PURE__ */ B("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: g, ...e, children: [
   /* @__PURE__ */ B("g", { fill: "#000", clipPath: "url(#eye-outline_svg__a)", children: [
     /* @__PURE__ */ A("path", { d: "M21.87 11.5c-.64-1.11-4.16-6.68-10.14-6.5-5.53.14-8.73 5-9.6 6.5a1 1 0 0 0 0 1c.63 1.09 4 6.5 9.89 6.5h.25c5.53-.14 8.74-5 9.6-6.5a1 1 0 0 0 0-1M12.22 17c-4.31.1-7.12-3.59-8-5 1-1.61 3.61-4.9 7.61-5 4.29-.11 7.11 3.59 8 5-1.03 1.61-3.61 4.9-7.61 5" }),
     /* @__PURE__ */ A("path", { d: "M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7m0 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" })
@@ -300,7 +300,7 @@ const AA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/s
   CheckmarkOutline: YA,
   Close: EA,
   Eye: zA,
-  EyeOff: wA,
+  EyeOff: mA,
   EyeOffOutline: xA,
   EyeOutline: JA,
   Filter: GA,
@@ -363,11 +363,11 @@ const AA = (e, g) => /* @__PURE__ */ A("svg", { xmlns: "http://www.w3.org/2000/s
   // 14px regular    (бывш. small_link)
 }, qA = {
   // Заголовки
-  [J.display_48_semibold]: "text-xl font-semibold",
+  [J.display_48_semibold]: "text-xxl font-semibold",
   // 48px
   [J.heading_1_bold]: "text-l font-bold",
   // 44px
-  [J.heading_1_semibold]: "text-l font-semibold",
+  [J.heading_1_semibold]: "text-xl font-semibold",
   // 44px
   [J.heading_2_bold]: "text-m font-bold",
   // 24px
@@ -428,14 +428,14 @@ const T = i(
     placeholder: I,
     label: E,
     labelColor: n,
-    ...w
-  }, m) => /* @__PURE__ */ B("div", { className: x("flex flex-col gap-1", g), children: [
+    ...m
+  }, w) => /* @__PURE__ */ B("div", { className: x("flex flex-col gap-1", g), children: [
     E && /* @__PURE__ */ A(C, { style: { color: n }, variant: "text_16_regular", children: E[0]?.toUpperCase() + E.slice(1) }),
-    /* @__PURE__ */ B(l.Root, { defaultValue: c, ...w, children: [
+    /* @__PURE__ */ B(l.Root, { defaultValue: c, ...m, children: [
       /* @__PURE__ */ B(
         l.Trigger,
         {
-          ref: m,
+          ref: w,
           style: M,
           className: x(
             "inline-flex items-center justify-between gap-2",
@@ -499,25 +499,25 @@ const VA = i(function({ asChild: g = !1, children: c, className: Y, ...M }, I) {
   return e || g;
 }, $A = i(
   ({ checked: e, className: g, disabled: c = !1, id: Y, children: M, onValueChange: I, ...E }, n) => {
-    const w = _A(Y);
-    return /* @__PURE__ */ B("div", { className: "flex items-center", children: [
+    const m = _A(Y);
+    return /* @__PURE__ */ B("div", { className: "leading-tight flex items-start gap-2", children: [
       /* @__PURE__ */ A(
         S.Root,
         {
           checked: e,
           className: x(
-            "relative flex h-[18px] w-[18px] cursor-pointer items-center justify-center rounded-sm border-2 border-dark-900",
-            "formattedDate-[state=checked]:bg-white formattedDate-[state=checked]:border-dark-900",
-            "formattedDate-[disabled]:cursor-default",
-            "formattedDate-[disabled]:formattedDate-[state=checked]:bg-gray-700 formattedDate-[disabled]:formattedDate-[state=checked]:border-gray-700",
-            "formattedDate-[disabled]:formattedDate-[state=unchecked]:bg-inherit formattedDate-[disabled]:formattedDate-[state=unchecked]:border-gray-300",
+            "relative mt-[2px] flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-sm border-2 border-dark-900",
+            "data-[state=checked]:border-dark-900 data-[state=checked]:bg-white",
+            "data-[disabled]:cursor-default",
+            "data-[disabled]:data-[state=checked]:border-gray-700 data-[disabled]:data-[state=checked]:bg-gray-700",
+            "data-[disabled]:data-[state=unchecked]:border-gray-300 data-[disabled]:data-[state=unchecked]:bg-inherit",
             'before:absolute before:-z-10 before:h-9 before:w-9 before:rounded-full before:content-[""]',
             "focus:before:bg-gray-100",
             "hover:before:bg-gray-100",
             "active:before:bg-gray-100",
             g
           ),
-          id: w,
+          id: m,
           disabled: c,
           onCheckedChange: I,
           ...E,
@@ -527,7 +527,7 @@ const VA = i(function({ asChild: g = !1, children: c, className: Y, ...M }, I) {
             {
               className: x(
                 "flex items-center justify-center text-gray-900",
-                "formattedDate-[disabled]:text-gray-400"
+                "data-[disabled]:text-gray-400"
               ),
               children: /* @__PURE__ */ A(z, { iconId: "CheckmarkOutline", width: 18 })
             }
@@ -538,10 +538,10 @@ const VA = i(function({ asChild: g = !1, children: c, className: Y, ...M }, I) {
         "label",
         {
           className: x(
-            "cursor-pointer select-none pl-2.5 text-dark-900",
+            "cursor-pointer select-none text-dark-900",
             c && "cursor-default text-gray-300"
           ),
-          htmlFor: w,
+          htmlFor: m,
           children: M
         }
       ) })
@@ -551,7 +551,7 @@ const VA = i(function({ asChild: g = !1, children: c, className: Y, ...M }, I) {
 $A.displayName = "Checkbox";
 const W = i(
   ({ asChild: e, onClick: g, variant: c = "primary", fullWidth: Y, className: M, disabled: I, ...E }, n) => {
-    const w = e ? o : "button", m = (G) => {
+    const m = e ? o : "button", w = (G) => {
       I && G.preventDefault();
     }, h = x(
       "border border-success-700 font-medium hover:border-success-600 active:border-success-800 focus:ring-2 focus:ring-success-800 disabled:border-success-300 disabled:cursor-not-allowed disabled:pointer-events-none",
@@ -561,10 +561,10 @@ const W = i(
       }
     );
     return /* @__PURE__ */ A(
-      w,
+      m,
       {
         disabled: I,
-        onClick: e && I ? m : g,
+        onClick: e && I ? w : g,
         ref: n,
         ...E,
         className: x(
@@ -644,9 +644,9 @@ function gg(e, g = "short") {
     }
   }).formatToParts(c);
   if (g === "short")
-    return E.filter((m) => ["weekday", "day", "month", "year"].includes(m.type)).map((m) => m.type === "weekday" ? m.value.charAt(0).toUpperCase() + m.value.slice(1) : m.value).join(" ").replace(/\./g, "");
-  const n = E.filter((m) => ["weekday", "day", "month", "year"].includes(m.type)).map((m) => m.type === "weekday" ? m.value.charAt(0).toUpperCase() + m.value.slice(1) : m.value).join(" ").replace(/\./g, ""), w = E.filter((m) => ["hour", "minute"].includes(m.type)).map((m) => m.value).join(":");
-  return `${n} в ${w}`;
+    return E.filter((w) => ["weekday", "day", "month", "year"].includes(w.type)).map((w) => w.type === "weekday" ? w.value.charAt(0).toUpperCase() + w.value.slice(1) : w.value).join(" ").replace(/\./g, "");
+  const n = E.filter((w) => ["weekday", "day", "month", "year"].includes(w.type)).map((w) => w.type === "weekday" ? w.value.charAt(0).toUpperCase() + w.value.slice(1) : w.value).join(" ").replace(/\./g, ""), m = E.filter((w) => ["hour", "minute"].includes(w.type)).map((w) => w.value).join(":");
+  return `${n} в ${m}`;
 }
 const eg = i(
   ({ className: e, date: g, variant: c = "short", ...Y }) => {
@@ -697,12 +697,12 @@ const H = i(
     className: g,
     sectionName: c = "",
     iconId: Y = "Yak",
-    variant: M = "small",
+    variant: M = "large",
     withTM: I = !1,
     iconColor: E = "text-success-700",
     ...n
-  }, w) => {
-    const m = e ? o : "div", h = () => {
+  }, m) => {
+    const w = e ? o : "div", h = () => {
       switch (M) {
         case "large":
           return { width: 61, height: 44 };
@@ -723,7 +723,7 @@ const H = i(
           return "heading_2_semibold";
       }
     };
-    return /* @__PURE__ */ A(m, { ref: w, className: x("inline-flex items-center gap-1", g), ...n, children: /* @__PURE__ */ B("div", { className: "flex items-center gap-1", children: [
+    return /* @__PURE__ */ A(w, { ref: m, className: x("inline-flex items-center gap-1", g), ...n, children: /* @__PURE__ */ B("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ A(
         z,
         {
@@ -740,7 +740,7 @@ const H = i(
         "Якавказ",
         I && /* @__PURE__ */ A("sup", { className: "align-super text-[9px] tracking-tight", children: "™" })
       ] }),
-      /* @__PURE__ */ A(C, { variant: "heading_2_regular", children: c })
+      /* @__PURE__ */ A(C, { variant: G(), children: c })
     ] }) });
   }
 );
@@ -773,8 +773,8 @@ const cg = ({ children: e, className: g, label: c, required: Y, labelColor: M =
   iconStart: I,
   label: E,
   onEnter: n,
-  onKeyDown: w,
-  required: m,
+  onKeyDown: m,
+  required: w,
   search: h,
   type: G,
   labelColor: F,
@@ -799,10 +799,10 @@ const cg = ({ children: e, className: g, label: c, required: Y, labelColor: M =
       height: 24
     }
   ) : M, N = G === "password" ? R ? "text" : "password" : h ? "search" : G, P = (d) => {
-    n && d.key === "Enter" && n(d), w?.(d);
+    n && d.key === "Enter" && n(d), m?.(d);
   }, L = !!c && !!Q.value && String(Q.value).length > 0, p = (f ? "start" : "") + (a ? "end" : "");
   return /* @__PURE__ */ B("div", { className: x("flex w-full flex-col", g), children: [
-    E && /* @__PURE__ */ A(cg, { htmlFor: t, label: E, required: m, labelColor: F }),
+    E && /* @__PURE__ */ A(cg, { htmlFor: t, label: E, required: w, labelColor: F }),
     /* @__PURE__ */ B("div", { className: "relative flex items-center", children: [
       !!f && /* @__PURE__ */ A("span", { className: "absolute left-5 top-1/2 grid h-6 w-6 -translate-y-1/2 place-items-center", children: f }),
       /* @__PURE__ */ A(
@@ -828,7 +828,7 @@ const cg = ({ children: e, className: g, label: c, required: Y, labelColor: M =
           name: "text",
           onKeyDown: P,
           ref: v,
-          required: m,
+          required: w,
           type: N,
           ...Q
         }
@@ -892,20 +892,20 @@ const y = i(
           ),
           sideOffset: 4,
           align: "end",
-          children: e.map((w) => /* @__PURE__ */ A(
+          children: e.map((m) => /* @__PURE__ */ A(
             Z.Item,
             {
               asChild: !0,
-              disabled: w.disabled,
+              disabled: m.disabled,
               className: x(
                 "flex cursor-pointer items-center px-3 py-1.5 text-sm",
                 "hover:bg-light-100 hover:text-success-300",
                 "data-[disabled]:pointer-events-none data-[disabled]:text-primary-900",
                 "outline-none"
               ),
-              children: /* @__PURE__ */ A("a", { href: w.href, children: /* @__PURE__ */ A(C, { variant: Y, children: w.label }) })
+              children: /* @__PURE__ */ A("a", { href: m.href, children: /* @__PURE__ */ A(C, { variant: Y, children: m.label }) })
             },
-            w.label
+            m.label
           ))
         }
       ) })
@@ -924,7 +924,7 @@ const X = i(
         className: x("mx-auto flex max-w-[630px] items-center justify-center gap-6", g),
         style: c,
         children: [
-          E.map((w) => /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A("a", { href: w.href, children: /* @__PURE__ */ A(C, { variant: "text_16_semibold", children: w.label }) }) }, w.label)),
+          E.map((m) => /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A("a", { href: m.href, children: /* @__PURE__ */ A(C, { variant: "text_16_semibold", children: m.label }) }) }, m.label)),
           n.length > 0 && /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A(y, { items: n }) }),
           Y
         ]
@@ -947,8 +947,8 @@ const Yg = [
   defaultLocation: I = M[0],
   locationValue: E,
   onLocationChange: n,
-  withSearchAndMenu: w = !1,
-  onLoginClick: m,
+  withSearchAndMenu: m = !1,
+  onLoginClick: w,
   onMenuClick: h,
   onSearchClick: G,
   className: F,
@@ -972,7 +972,7 @@ const Yg = [
       children: [
         /* @__PURE__ */ B("div", { className: "flex min-w-0 items-center", children: [
           /* @__PURE__ */ B("div", { className: "flex items-center gap-3 sm:gap-4", children: [
-            w && /* @__PURE__ */ B(k, { children: [
+            m && /* @__PURE__ */ B(k, { children: [
               /* @__PURE__ */ A(
                 "button",
                 {
@@ -990,7 +990,7 @@ const Yg = [
           /* @__PURE__ */ A(
             "nav",
             {
-              className: x("ml-4 sm:ml-6", w && "hidden md:block"),
+              className: x("ml-4 sm:ml-6", m && "hidden md:block"),
               "aria-label": "Основная навигация",
               children: g ?? /* @__PURE__ */ A(X, { items: c, lengthItem: Y })
             }
@@ -1010,7 +1010,7 @@ const Yg = [
               children: M.map((s) => /* @__PURE__ */ A(K, { value: s, children: s }, s))
             }
           ),
-          /* @__PURE__ */ A(W, { type: "button", onClick: m, variant: "outlineBlackText", children: "Войти" })
+          /* @__PURE__ */ A(W, { type: "button", onClick: w, variant: "outlineBlackText", children: "Войти" })
         ] })
       ]
     }
@@ -1262,14 +1262,14 @@ const Yg = [
       bgButton: "!bg-purple-800",
       bgCard: "bg-purple-100"
     }
-  }, { text: n, bgButton: w, bgCard: m } = E[c], h = Y === "primary";
+  }, { text: n, bgButton: m, bgCard: w } = E[c], h = Y === "primary";
   return /* @__PURE__ */ B(
     VA,
     {
       className: x(
         "flex w-full overflow-hidden",
         h ? "max-h-[100px] items-center justify-between overflow-hidden px-7" : "relative min-h-[602px] max-w-[416px] flex-col justify-between p-7",
-        m,
+        w,
         I
       ),
       children: [
@@ -1279,7 +1279,7 @@ const Yg = [
         ] }),
         h ? /* @__PURE__ */ B(k, { children: [
           /* @__PURE__ */ A(U, { className: x("fill-current", n), width: "380px" }),
-          /* @__PURE__ */ A(W, { variant: "primary", className: x(w), onClick: g, children: /* @__PURE__ */ A("a", { href: M, children: "Подробнее" }) })
+          /* @__PURE__ */ A(W, { variant: "primary", className: x(m), onClick: g, children: /* @__PURE__ */ A("a", { href: M, children: "Подробнее" }) })
         ] }) : /* @__PURE__ */ B(k, { children: [
           /* @__PURE__ */ A(
             Ig,
@@ -1308,7 +1308,7 @@ export {
   y as DropdownMenu,
   z as DynamicIcon,
   zA as Eye,
-  wA as EyeOff,
+  mA as EyeOff,
   xA as EyeOffOutline,
   JA as EyeOutline,
   GA as Filter,