@tetjana/flowmakers-ds 0.1.8 → 0.1.10

package/dist/index.esm.js

@@ -1,9 +1,9 @@
 import { jsxs as c, jsx as e, Fragment as _ } from "react/jsx-runtime";
-import { useRef as k, useEffect as b, useState as v } from "react";
-const A = ({
-  variant: a = "primary",
+import { useRef as k, useEffect as w, useState as v } from "react";
+const E = ({
+  variant: s = "primary",
   size: i = "md",
-  leftIcon: s,
+  leftIcon: a,
   rightIcon: r,
   children: l,
   fullWidth: t = !1,
@@ -13,21 +13,21 @@ const A = ({
 }) => {
   const m = [
     "fm-btn",
-    `fm-btn--${a}`,
+    `fm-btn--${s}`,
     `fm-btn--${i}`,
     t ? "fm-btn--full" : "",
     n ? "fm-btn--disabled" : "",
     d
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("button", { className: m, disabled: n, ...o, children: [
-    s && /* @__PURE__ */ e("span", { className: "fm-btn__icon fm-btn__icon--left", children: s }),
+    a && /* @__PURE__ */ e("span", { className: "fm-btn__icon fm-btn__icon--left", children: a }),
     l && /* @__PURE__ */ e("span", { className: "fm-btn__label", children: l }),
     r && /* @__PURE__ */ e("span", { className: "fm-btn__icon fm-btn__icon--right", children: r })
   ] });
-}, E = ({
-  label: a,
+}, H = ({
+  label: s,
   placeholder: i,
-  state: s = "default",
+  state: a = "default",
   errorMessage: r,
   successMessage: l,
   leftIcon: t,
@@ -38,12 +38,12 @@ const A = ({
 }) => {
   const f = [
     "fm-input-wrapper",
-    `fm-input-wrapper--${s}`,
+    `fm-input-wrapper--${a}`,
     o ? "fm-input-wrapper--disabled" : "",
     d
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("div", { className: f, children: [
-    a && /* @__PURE__ */ e("label", { className: "fm-input__label", children: a }),
+    s && /* @__PURE__ */ e("label", { className: "fm-input__label", children: s }),
     /* @__PURE__ */ c("div", { className: "fm-input__field", children: [
       t && /* @__PURE__ */ e("span", { className: "fm-input__icon fm-input__icon--left", children: t }),
       /* @__PURE__ */ e(
@@ -57,36 +57,36 @@ const A = ({
       ),
       n && /* @__PURE__ */ e("span", { className: "fm-input__icon fm-input__icon--right", children: n })
     ] }),
-    s === "error" && r && /* @__PURE__ */ e("p", { className: "fm-input__message fm-input__message--error", children: r }),
-    s === "success" && l && /* @__PURE__ */ e("p", { className: "fm-input__message fm-input__message--success", children: l })
+    a === "error" && r && /* @__PURE__ */ e("p", { className: "fm-input__message fm-input__message--error", children: r }),
+    a === "success" && l && /* @__PURE__ */ e("p", { className: "fm-input__message fm-input__message--success", children: l })
   ] });
-}, F = ({ children: a, color: i = "grey", className: s = "" }) => {
-  const r = ["fm-tag", `fm-tag--${i}`, s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("span", { className: r, children: a });
-}, H = ({ checked: a, onChange: i, disabled: s, label: r, className: l = "" }) => /* @__PURE__ */ c("label", { className: ["fm-toggle", s ? "fm-toggle--disabled" : "", l].filter(Boolean).join(" "), children: [
+}, F = ({ children: s, color: i = "grey", className: a = "" }) => {
+  const r = ["fm-tag", `fm-tag--${i}`, a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("span", { className: r, children: s });
+}, V = ({ checked: s, onChange: i, disabled: a, label: r, className: l = "" }) => /* @__PURE__ */ c("label", { className: ["fm-toggle", a ? "fm-toggle--disabled" : "", l].filter(Boolean).join(" "), children: [
   /* @__PURE__ */ e(
     "input",
     {
       type: "checkbox",
       className: "fm-toggle__input",
-      checked: a,
+      checked: s,
       onChange: (t) => i(t.target.checked),
-      disabled: s
+      disabled: a
     }
   ),
   /* @__PURE__ */ e("span", { className: "fm-toggle__track", children: /* @__PURE__ */ e("span", { className: "fm-toggle__thumb" }) }),
   r && /* @__PURE__ */ e("span", { className: "fm-toggle__label", children: r })
-] }), R = ({
-  checked: a = !1,
+] }), O = ({
+  checked: s = !1,
   indeterminate: i = !1,
-  onChange: s,
+  onChange: a,
   disabled: r,
   size: l = "small",
   label: t,
   className: n = ""
 }) => {
   const d = k(null);
-  return b(() => {
+  return w(() => {
     d.current && (d.current.indeterminate = i);
   }, [i]), /* @__PURE__ */ c("label", { className: ["fm-checkbox", `fm-checkbox--${l}`, r ? "fm-checkbox--disabled" : "", n].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ e(
@@ -95,49 +95,49 @@ const A = ({
         ref: d,
         type: "checkbox",
         className: "fm-checkbox__input",
-        checked: a,
-        onChange: (o) => s == null ? void 0 : s(o.target.checked),
+        checked: s,
+        onChange: (o) => a == null ? void 0 : a(o.target.checked),
         disabled: r
       }
     ),
     /* @__PURE__ */ c("span", { className: "fm-checkbox__box", children: [
-      a && !i && /* @__PURE__ */ e("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 4L3.5 6.5L9 1", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+      s && !i && /* @__PURE__ */ e("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 4L3.5 6.5L9 1", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }),
       i && /* @__PURE__ */ e("span", { className: "fm-checkbox__minus" })
     ] }),
     t && /* @__PURE__ */ e("span", { className: "fm-checkbox__label", children: t })
   ] });
-}, O = ({
-  title: a,
+}, U = ({
+  title: s,
   subtitle: i,
-  color: s = "purple",
+  color: a = "purple",
   leftSlot: r,
   rightSlot: l,
   className: t = ""
 }) => {
-  const n = ["fm-header", `fm-header--${s}`, t].filter(Boolean).join(" ");
+  const n = ["fm-header", `fm-header--${a}`, t].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("div", { className: n, children: [
     r && /* @__PURE__ */ e("div", { className: "fm-header__slot fm-header__slot--left", children: r }),
     /* @__PURE__ */ c("div", { className: "fm-header__title-block", children: [
-      /* @__PURE__ */ e("h4", { className: "fm-header__title", children: a }),
+      /* @__PURE__ */ e("h4", { className: "fm-header__title", children: s }),
       i && /* @__PURE__ */ e("p", { className: "fm-header__subtitle", children: i })
     ] }),
     l && /* @__PURE__ */ e("div", { className: "fm-header__slot fm-header__slot--right", children: l })
   ] });
-}, U = ({
-  variant: a = "light",
+}, G = ({
+  variant: s = "light",
   headline: i = "Є ідеї чи пропозиції?",
-  ctaLabel: s = "Написати нам",
+  ctaLabel: a = "Написати нам",
   onCtaClick: r,
   sections: l = [],
   copyright: t = "© 2024 Made by FlowMakers. All rights reserved",
   className: n = ""
 }) => {
-  const d = ["fm-footer", `fm-footer--${a}`, n].filter(Boolean).join(" ");
+  const d = ["fm-footer", `fm-footer--${s}`, n].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("footer", { className: d, children: [
     /* @__PURE__ */ c("div", { className: "fm-footer__top", children: [
       /* @__PURE__ */ c("div", { className: "fm-footer__cta-block", children: [
         /* @__PURE__ */ e("h3", { className: "fm-footer__headline", children: i }),
-        /* @__PURE__ */ e("button", { className: "fm-footer__cta-btn", onClick: r, children: s })
+        /* @__PURE__ */ e("button", { className: "fm-footer__cta-btn", onClick: r, children: a })
       ] }),
       /* @__PURE__ */ e("div", { className: "fm-footer__sections", children: l.map((o, m) => /* @__PURE__ */ c("div", { className: "fm-footer__section", children: [
         /* @__PURE__ */ e("p", { className: "fm-footer__section-title", children: o.title }),
@@ -146,43 +146,43 @@ const A = ({
     ] }),
     /* @__PURE__ */ e("div", { className: "fm-footer__bottom", children: /* @__PURE__ */ e("p", { className: "fm-footer__copyright", children: t }) })
   ] });
-}, V = ({
-  icon: a,
+}, Z = ({
+  icon: s,
   label: i,
-  active: s = !1,
+  active: a = !1,
   href: r,
   onClick: l,
   className: t = ""
 }) => {
   const n = [
     "fm-nav-item",
-    s ? "fm-nav-item--active" : "",
+    a ? "fm-nav-item--active" : "",
     t
   ].filter(Boolean).join(" "), d = /* @__PURE__ */ c(_, { children: [
-    a && /* @__PURE__ */ e("span", { className: "fm-nav-item__icon", children: a }),
+    s && /* @__PURE__ */ e("span", { className: "fm-nav-item__icon", children: s }),
     /* @__PURE__ */ e("span", { className: "fm-nav-item__label", children: i })
   ] });
   return r ? /* @__PURE__ */ e("a", { className: n, href: r, children: d }) : /* @__PURE__ */ e("button", { className: n, onClick: l, type: "button", children: d });
-}, G = ({
-  children: a,
+}, z = ({
+  children: s,
   horizontal: i = !1,
-  className: s = ""
+  className: a = ""
 }) => {
   const r = [
     "fm-nav-bar",
     i ? "fm-nav-bar--horizontal" : "",
-    s
+    a
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("nav", { className: r, children: a });
-}, w = {
+  return /* @__PURE__ */ e("nav", { className: r, children: s });
+}, b = {
   available: "Доступно",
   "in-progress": "В процесі",
   completed: "Завершено",
   unavailable: "Недоступно"
-}, Z = ({
-  title: a,
+}, K = ({
+  title: s,
   description: i,
-  image: s,
+  image: a,
   state: r = "available",
   tags: l,
   meta: t,
@@ -196,12 +196,12 @@ const A = ({
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("div", { className: o, children: [
     /* @__PURE__ */ c("div", { className: "fm-card-test__image", children: [
-      s && /* @__PURE__ */ e("img", { src: s, alt: a }),
+      a && /* @__PURE__ */ e("img", { src: a, alt: s }),
       /* @__PURE__ */ e("div", { className: "fm-card-test__image-overlay" }),
-      /* @__PURE__ */ e("span", { className: `fm-card-test__status-tag fm-card-test__status-tag--${r}`, children: w[r] })
+      /* @__PURE__ */ e("span", { className: `fm-card-test__status-tag fm-card-test__status-tag--${r}`, children: b[r] })
     ] }),
     /* @__PURE__ */ c("div", { className: "fm-card-test__content", children: [
-      /* @__PURE__ */ e("h3", { className: "fm-card-test__title", children: a }),
+      /* @__PURE__ */ e("h3", { className: "fm-card-test__title", children: s }),
       i && /* @__PURE__ */ e("p", { className: "fm-card-test__description", children: i })
     ] }),
     l && /* @__PURE__ */ e("div", { className: "fm-card-test__tags", children: l }),
@@ -211,15 +211,15 @@ const A = ({
     ] }, f)) }),
     n
   ] });
-}, h = 21, p = 2 * Math.PI * h, L = ({ value: a }) => {
-  const i = p * (1 - Math.min(100, Math.max(0, a)) / 100), s = a >= 100;
+}, h = 21, p = 2 * Math.PI * h, L = ({ value: s }) => {
+  const i = p * (1 - Math.min(100, Math.max(0, s)) / 100), a = s >= 100;
   return /* @__PURE__ */ c("div", { className: "fm-card-career__progress", children: [
     /* @__PURE__ */ c("svg", { viewBox: "0 0 50 50", children: [
       /* @__PURE__ */ e("circle", { className: "fm-card-career__progress-track", cx: "25", cy: "25", r: h }),
       /* @__PURE__ */ e(
         "circle",
         {
-          className: `fm-card-career__progress-fill${s ? " fm-card-career__progress-fill--complete" : ""}`,
+          className: `fm-card-career__progress-fill${a ? " fm-card-career__progress-fill--complete" : ""}`,
           cx: "25",
           cy: "25",
           r: h,
@@ -229,14 +229,14 @@ const A = ({
       )
     ] }),
     /* @__PURE__ */ c("span", { className: "fm-card-career__progress-label", children: [
-      a,
+      s,
       "%"
     ] })
   ] });
-}, x = () => /* @__PURE__ */ e("svg", { className: "fm-card-career__chevron", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ e("path", { d: "M5 7.5l5 5 5-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), z = ({
-  title: a,
+}, x = () => /* @__PURE__ */ e("svg", { className: "fm-card-career__chevron", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ e("path", { d: "M5 7.5l5 5 5-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), Q = ({
+  title: s,
   subtitle: i,
-  statusTag: s,
+  statusTag: a,
   tasks: r = [],
   defaultOpen: l = !1,
   className: t = ""
@@ -250,8 +250,8 @@ const A = ({
     /* @__PURE__ */ c("div", { className: "fm-card-career__header", onClick: () => d((m) => !m), children: [
       /* @__PURE__ */ c("div", { className: "fm-card-career__header-content", children: [
         /* @__PURE__ */ c("div", { className: "fm-card-career__title-row", children: [
-          /* @__PURE__ */ e("h3", { className: "fm-card-career__title", children: a }),
-          s
+          /* @__PURE__ */ e("h3", { className: "fm-card-career__title", children: s }),
+          a
         ] }),
         i && /* @__PURE__ */ e("p", { className: "fm-card-career__subtitle", children: i })
       ] }),
@@ -327,9 +327,9 @@ const A = ({
     }
   ) })
 }, N = ({
-  icon: a = "arrow-right",
+  icon: s = "arrow-right",
   size: i = "regular",
-  variant: s = "filled",
+  variant: a = "filled",
   className: r = "",
   disabled: l,
   ...t
@@ -337,18 +337,18 @@ const A = ({
   const n = [
     "fm-icon-btn",
     `fm-icon-btn--${i}`,
-    `fm-icon-btn--${s}`,
+    `fm-icon-btn--${a}`,
     r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("button", { className: n, disabled: l, ...t, children: B[a] });
-}, K = ({
-  options: a,
+  return /* @__PURE__ */ e("button", { className: n, disabled: l, ...t, children: B[s] });
+}, J = ({
+  options: s,
   value: i,
-  onChange: s,
+  onChange: a,
   className: r = ""
 }) => {
   const l = ["fm-segmented-control", r].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: l, role: "tablist", children: a.map((t) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: l, role: "tablist", children: s.map((t) => /* @__PURE__ */ e(
     "button",
     {
       role: "tab",
@@ -357,15 +357,15 @@ const A = ({
         "fm-segmented-control__item",
         t.value === i ? "fm-segmented-control__item--active" : ""
       ].filter(Boolean).join(" "),
-      onClick: () => s == null ? void 0 : s(t.value),
+      onClick: () => a == null ? void 0 : a(t.value),
       children: t.label
     },
     t.value
   )) });
-}, Q = ({
-  variant: a = "dots",
+}, X = ({
+  variant: s = "dots",
   page: i = 1,
-  total: s = 9,
+  total: a = 9,
   onPrev: r,
   onNext: l,
   prevDisabled: t = !1,
@@ -374,7 +374,7 @@ const A = ({
 }) => {
   const o = [
     "fm-pagination",
-    `fm-pagination--${a}`,
+    `fm-pagination--${s}`,
     d
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("div", { className: o, children: [
@@ -387,7 +387,7 @@ const A = ({
         onClick: r
       }
     ),
-    a === "dots" && /* @__PURE__ */ e("div", { className: "fm-pagination__dots", children: Array.from({ length: s }).map((m, f) => /* @__PURE__ */ e(
+    s === "dots" && /* @__PURE__ */ e("div", { className: "fm-pagination__dots", children: Array.from({ length: a }).map((m, f) => /* @__PURE__ */ e(
       "span",
       {
         className: [
@@ -397,10 +397,10 @@ const A = ({
       },
       f
     )) }),
-    a === "numbers" && /* @__PURE__ */ e("div", { className: "fm-pagination__numbers", children: /* @__PURE__ */ c("span", { className: "fm-pagination__numbers-text", children: [
+    s === "numbers" && /* @__PURE__ */ e("div", { className: "fm-pagination__numbers", children: /* @__PURE__ */ c("span", { className: "fm-pagination__numbers-text", children: [
       i,
       " з ",
-      s
+      a
     ] }) }),
     /* @__PURE__ */ e(
       N,
@@ -412,84 +412,84 @@ const A = ({
       }
     )
   ] });
-}, J = ({
-  title: a,
+}, Y = ({
+  title: s,
   subtitle: i,
-  color: s = "purple",
+  color: a = "purple",
   leftAction: r,
   rightAction: l,
   className: t = ""
 }) => {
   const n = [
     "fm-widget-header",
-    `fm-widget-header--${s}`,
+    `fm-widget-header--${a}`,
     t
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("div", { className: n, children: [
     r && /* @__PURE__ */ e("div", { className: "fm-widget-header__action", children: r }),
     /* @__PURE__ */ c("div", { className: "fm-widget-header__title-group", children: [
-      /* @__PURE__ */ e("h3", { className: "fm-widget-header__title", children: a }),
+      /* @__PURE__ */ e("h3", { className: "fm-widget-header__title", children: s }),
       i && /* @__PURE__ */ e("p", { className: "fm-widget-header__subtitle", children: i })
     ] }),
     l && /* @__PURE__ */ e("div", { className: "fm-widget-header__action", children: l })
   ] });
-}, X = ({
-  header: a,
+}, ee = ({
+  header: s,
   children: i,
-  className: s = "",
+  className: a = "",
   width: r
 }) => {
-  const l = ["fm-widget-card", s].filter(Boolean).join(" ");
+  const l = ["fm-widget-card", a].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("div", { className: l, style: r ? { width: r } : void 0, children: [
-    a,
+    s,
     /* @__PURE__ */ e("div", { className: "fm-widget-card__body", children: i })
   ] });
-}, Y = ({
-  tag: a,
+}, ae = ({
+  tag: s,
   title: i,
-  text: s,
+  text: a,
   className: r = ""
 }) => /* @__PURE__ */ c("div", { className: ["fm-widget-news", r].filter(Boolean).join(" "), children: [
-  a && /* @__PURE__ */ e("div", { className: "fm-widget-news__tag", children: a }),
+  s && /* @__PURE__ */ e("div", { className: "fm-widget-news__tag", children: s }),
   /* @__PURE__ */ c("div", { className: "fm-widget-news__content", children: [
     /* @__PURE__ */ e("p", { className: "fm-widget-news__title", children: i }),
-    /* @__PURE__ */ e("p", { className: "fm-widget-news__text", children: s })
+    /* @__PURE__ */ e("p", { className: "fm-widget-news__text", children: a })
   ] })
-] }), ee = ({
-  image: a,
+] }), se = ({
+  image: s,
   tag: i,
-  title: s,
+  title: a,
   className: r = ""
 }) => /* @__PURE__ */ c("div", { className: ["fm-widget-general-news", r].filter(Boolean).join(" "), children: [
-  /* @__PURE__ */ e("div", { className: "fm-widget-general-news__image", children: a && /* @__PURE__ */ e("img", { src: a, alt: s }) }),
+  /* @__PURE__ */ e("div", { className: "fm-widget-general-news__image", children: s && /* @__PURE__ */ e("img", { src: s, alt: a }) }),
   /* @__PURE__ */ c("div", { className: "fm-widget-general-news__content", children: [
     i && /* @__PURE__ */ e("div", { className: "fm-widget-general-news__tag", children: i }),
-    /* @__PURE__ */ e("p", { className: "fm-widget-general-news__title", children: s })
+    /* @__PURE__ */ e("p", { className: "fm-widget-general-news__title", children: a })
   ] })
-] }), ae = ({
-  title: a,
+] }), ie = ({
+  title: s,
   text: i,
-  date: s,
+  date: a,
   className: r = ""
 }) => /* @__PURE__ */ c("div", { className: ["fm-widget-notes", r].filter(Boolean).join(" "), children: [
-  /* @__PURE__ */ e("p", { className: "fm-widget-notes__title", children: a }),
+  /* @__PURE__ */ e("p", { className: "fm-widget-notes__title", children: s }),
   /* @__PURE__ */ e("p", { className: "fm-widget-notes__text", children: i }),
-  s && /* @__PURE__ */ e("div", { className: "fm-widget-notes__footer", children: /* @__PURE__ */ e("span", { className: "fm-widget-notes__date", children: s }) })
-] }), se = ({
-  tag: a,
+  a && /* @__PURE__ */ e("div", { className: "fm-widget-notes__footer", children: /* @__PURE__ */ e("span", { className: "fm-widget-notes__date", children: a }) })
+] }), re = ({
+  tag: s,
   text: i,
-  action: s,
+  action: a,
   className: r = ""
 }) => /* @__PURE__ */ c("div", { className: ["fm-widget-advice", r].filter(Boolean).join(" "), children: [
-  a && /* @__PURE__ */ e("div", { className: "fm-widget-advice__tag", children: a }),
+  s && /* @__PURE__ */ e("div", { className: "fm-widget-advice__tag", children: s }),
   /* @__PURE__ */ e("p", { className: "fm-widget-advice__text", children: i }),
-  s && /* @__PURE__ */ e("div", { className: "fm-widget-advice__action", children: s })
-] }), ie = ({
-  days: a = [],
+  a && /* @__PURE__ */ e("div", { className: "fm-widget-advice__action", children: a })
+] }), ce = ({
+  days: s = [],
   events: i = [],
-  className: s = ""
-}) => /* @__PURE__ */ c("div", { className: ["fm-widget-calendar", s].filter(Boolean).join(" "), children: [
-  /* @__PURE__ */ e("div", { className: "fm-widget-calendar__days", children: a.map((r, l) => /* @__PURE__ */ c(
+  className: a = ""
+}) => /* @__PURE__ */ c("div", { className: ["fm-widget-calendar", a].filter(Boolean).join(" "), children: [
+  /* @__PURE__ */ e("div", { className: "fm-widget-calendar__days", children: s.map((r, l) => /* @__PURE__ */ c(
     "div",
     {
       className: ["fm-widget-calendar__day", r.active ? "fm-widget-calendar__day--active" : ""].filter(Boolean).join(" "),
@@ -508,10 +508,10 @@ const A = ({
       /* @__PURE__ */ e("span", { className: "fm-widget-calendar__event-time", children: r.time })
     ] })
   ] }, l)) })
-] }), re = ({
-  placeholder: a = "Пошук...",
+] }), le = ({
+  placeholder: s = "Пошук...",
   className: i = "",
-  ...s
+  ...a
 }) => /* @__PURE__ */ c("div", { className: `fm-search ${i}`.trim(), children: [
   /* @__PURE__ */ c("svg", { className: "fm-search__icon", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "9", cy: "9", r: "6", stroke: "#91939f", strokeWidth: "1.5" }),
@@ -521,15 +521,15 @@ const A = ({
     "input",
     {
       className: "fm-search__input",
-      placeholder: a,
-      ...s
+      placeholder: s,
+      ...a
     }
   )
-] }), ce = ({
-  options: a = [],
+] }), te = ({
+  options: s = [],
   onSelect: i,
-  className: s = ""
-}) => /* @__PURE__ */ e("div", { className: `fm-dropdown ${s}`.trim(), children: a.map((r) => /* @__PURE__ */ e(
+  className: a = ""
+}) => /* @__PURE__ */ e("div", { className: `fm-dropdown ${a}`.trim(), children: s.map((r) => /* @__PURE__ */ e(
   "button",
   {
     className: "fm-dropdown__item",
@@ -538,7 +538,7 @@ const A = ({
     children: r.label
   },
   r.value
-)) }), $ = () => /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+)) }), C = () => /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
   /* @__PURE__ */ e("rect", { x: "2.5", y: "4.5", width: "15", height: "13", rx: "2", stroke: "currentColor", strokeWidth: "1.3" }),
   /* @__PURE__ */ e("path", { d: "M6.5 2.5v4M13.5 2.5v4M2.5 8.5h15", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
   /* @__PURE__ */ e("circle", { cx: "7", cy: "12", r: "1", fill: "currentColor" }),
@@ -546,22 +546,22 @@ const A = ({
   /* @__PURE__ */ e("circle", { cx: "13", cy: "12", r: "1", fill: "currentColor" }),
   /* @__PURE__ */ e("circle", { cx: "7", cy: "15", r: "1", fill: "currentColor" }),
   /* @__PURE__ */ e("circle", { cx: "10", cy: "15", r: "1", fill: "currentColor" })
-] }), le = ({
-  label: a,
+] }), ne = ({
+  label: s,
   helperText: i,
-  state: s = "default",
+  state: a = "default",
   disabled: r,
   className: l = "",
   ...t
 }) => {
-  const n = r || s === "disabled", d = [
+  const n = r || a === "disabled", d = [
     "fm-datepicker",
-    `fm-datepicker--${s}`,
+    `fm-datepicker--${a}`,
     n ? "fm-datepicker--disabled" : "",
     l
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("div", { className: d, children: [
-    a && /* @__PURE__ */ e("label", { className: "fm-datepicker__label", children: a }),
+    s && /* @__PURE__ */ e("label", { className: "fm-datepicker__label", children: s }),
     /* @__PURE__ */ c("div", { className: "fm-datepicker__field", children: [
       /* @__PURE__ */ e(
         "input",
@@ -572,29 +572,29 @@ const A = ({
           ...t
         }
       ),
-      /* @__PURE__ */ e("span", { className: "fm-datepicker__icon", children: /* @__PURE__ */ e($, {}) })
+      /* @__PURE__ */ e("span", { className: "fm-datepicker__icon", children: /* @__PURE__ */ e(C, {}) })
     ] }),
     i && /* @__PURE__ */ e("p", { className: "fm-datepicker__helper", children: i })
   ] });
-}, y = () => /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+}, $ = () => /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
   /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "7", stroke: "currentColor", strokeWidth: "1.3" }),
   /* @__PURE__ */ e("path", { d: "M10 6.5V10.5L13 12", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), te = ({
-  label: a,
+] }), de = ({
+  label: s,
   helperText: i,
-  state: s = "default",
+  state: a = "default",
   disabled: r,
   className: l = "",
   ...t
 }) => {
-  const n = r || s === "disabled", d = [
+  const n = r || a === "disabled", d = [
     "fm-timepicker",
-    `fm-timepicker--${s}`,
+    `fm-timepicker--${a}`,
     n ? "fm-timepicker--disabled" : "",
     l
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("div", { className: d, children: [
-    a && /* @__PURE__ */ e("label", { className: "fm-timepicker__label", children: a }),
+    s && /* @__PURE__ */ e("label", { className: "fm-timepicker__label", children: s }),
     /* @__PURE__ */ c("div", { className: "fm-timepicker__field", children: [
       /* @__PURE__ */ e(
         "input",
@@ -605,18 +605,18 @@ const A = ({
           ...t
         }
       ),
-      /* @__PURE__ */ e("span", { className: "fm-timepicker__icon", children: /* @__PURE__ */ e(y, {}) })
+      /* @__PURE__ */ e("span", { className: "fm-timepicker__icon", children: /* @__PURE__ */ e($, {}) })
     ] }),
     i && /* @__PURE__ */ e("p", { className: "fm-timepicker__helper", children: i })
   ] });
-}, ne = ({
-  label: a,
+}, oe = ({
+  label: s,
   checked: i = !1,
-  disabled: s,
+  disabled: a,
   className: r = "",
   onChange: l,
   ...t
-}) => /* @__PURE__ */ c("label", { className: `fm-radio ${s ? "fm-radio--disabled" : ""} ${r}`.trim(), children: [
+}) => /* @__PURE__ */ c("label", { className: `fm-radio ${a ? "fm-radio--disabled" : ""} ${r}`.trim(), children: [
   /* @__PURE__ */ e("span", { className: `fm-radio__circle ${i ? "fm-radio__circle--checked" : ""}`, children: i && /* @__PURE__ */ e("span", { className: "fm-radio__dot" }) }),
   /* @__PURE__ */ e(
     "input",
@@ -624,50 +624,50 @@ const A = ({
       type: "radio",
       className: "fm-radio__input",
       checked: i,
-      disabled: s,
+      disabled: a,
       onChange: l,
       ...t
     }
   ),
-  a && /* @__PURE__ */ e("span", { className: "fm-radio__label", children: a })
-] }), C = () => /* @__PURE__ */ e("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1.5 6L6 10.5L14.5 1.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), j = ({
-  step: a,
+  s && /* @__PURE__ */ e("span", { className: "fm-radio__label", children: s })
+] }), y = () => /* @__PURE__ */ e("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1.5 6L6 10.5L14.5 1.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), j = ({
+  step: s,
   index: i,
-  isLast: s
+  isLast: a
 }) => /* @__PURE__ */ c("div", { className: "fm-stepper__step", children: [
-  /* @__PURE__ */ c("div", { className: `fm-stepper__circle fm-stepper__circle--${a.state}`, children: [
-    a.state === "done" && /* @__PURE__ */ e(C, {}),
-    a.state === "in-process" && /* @__PURE__ */ e("span", { className: "fm-stepper__num", children: i + 1 }),
-    a.state === "inactive" && /* @__PURE__ */ e("span", { className: "fm-stepper__num fm-stepper__num--inactive", children: i + 1 })
+  /* @__PURE__ */ c("div", { className: `fm-stepper__circle fm-stepper__circle--${s.state}`, children: [
+    s.state === "done" && /* @__PURE__ */ e(y, {}),
+    s.state === "in-process" && /* @__PURE__ */ e("span", { className: "fm-stepper__num", children: i + 1 }),
+    s.state === "inactive" && /* @__PURE__ */ e("span", { className: "fm-stepper__num fm-stepper__num--inactive", children: i + 1 })
   ] }),
-  !s && /* @__PURE__ */ e("div", { className: `fm-stepper__line fm-stepper__line--${a.state}` }),
-  a.label && /* @__PURE__ */ e("p", { className: `fm-stepper__label fm-stepper__label--${a.state}`, children: a.label })
-] }), de = ({ steps: a, className: i = "" }) => /* @__PURE__ */ e("div", { className: `fm-stepper ${i}`.trim(), children: a.map((s, r) => /* @__PURE__ */ e(j, { step: s, index: r, isLast: r === a.length - 1 }, r)) }), W = () => /* @__PURE__ */ e("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1.5 6L6 10.5L14.5 1.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), M = ({ step: a, isLast: i }) => {
-  const s = a.state ?? "inactive";
-  return /* @__PURE__ */ c("div", { className: `fm-stepper-progress__step fm-stepper-progress__step--${s}`, children: [
-    /* @__PURE__ */ e("div", { className: "fm-stepper-progress__circle", children: /* @__PURE__ */ e(W, {}) }),
+  !a && /* @__PURE__ */ e("div", { className: `fm-stepper__line fm-stepper__line--${s.state}` }),
+  s.label && /* @__PURE__ */ e("p", { className: `fm-stepper__label fm-stepper__label--${s.state}`, children: s.label })
+] }), me = ({ steps: s, className: i = "" }) => /* @__PURE__ */ e("div", { className: `fm-stepper ${i}`.trim(), children: s.map((a, r) => /* @__PURE__ */ e(j, { step: a, index: r, isLast: r === s.length - 1 }, r)) }), M = () => /* @__PURE__ */ e("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1.5 6L6 10.5L14.5 1.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), W = ({ step: s, isLast: i }) => {
+  const a = s.state ?? "inactive";
+  return /* @__PURE__ */ c("div", { className: `fm-stepper-progress__step fm-stepper-progress__step--${a}`, children: [
+    /* @__PURE__ */ e("div", { className: "fm-stepper-progress__circle", children: /* @__PURE__ */ e(M, {}) }),
     !i && /* @__PURE__ */ e("div", { className: "fm-stepper-progress__line" }),
-    /* @__PURE__ */ e("p", { className: "fm-stepper-progress__label", children: a.label })
+    /* @__PURE__ */ e("p", { className: "fm-stepper-progress__label", children: s.label })
   ] });
-}, oe = ({ steps: a, className: i = "" }) => /* @__PURE__ */ e("div", { className: `fm-stepper-progress ${i}`.trim(), children: a.map((s, r) => /* @__PURE__ */ e(M, { step: s, isLast: r === a.length - 1 }, r)) }), me = ({
-  avatar: a,
+}, fe = ({ steps: s, className: i = "" }) => /* @__PURE__ */ e("div", { className: `fm-stepper-progress ${i}`.trim(), children: s.map((a, r) => /* @__PURE__ */ e(W, { step: a, isLast: r === s.length - 1 }, r)) }), _e = ({
+  avatar: s,
   name: i,
-  role: s,
+  role: a,
   quote: r,
   className: l = ""
 }) => /* @__PURE__ */ c("div", { className: `fm-testimonial ${l}`.trim(), children: [
   /* @__PURE__ */ c("div", { className: "fm-testimonial__author", children: [
-    a ? /* @__PURE__ */ e("img", { className: "fm-testimonial__avatar", src: a, alt: i }) : /* @__PURE__ */ e("div", { className: "fm-testimonial__avatar fm-testimonial__avatar--placeholder", children: i.charAt(0) }),
+    s ? /* @__PURE__ */ e("img", { className: "fm-testimonial__avatar", src: s, alt: i }) : /* @__PURE__ */ e("div", { className: "fm-testimonial__avatar fm-testimonial__avatar--placeholder", children: i.charAt(0) }),
     /* @__PURE__ */ c("div", { className: "fm-testimonial__meta", children: [
       /* @__PURE__ */ e("p", { className: "fm-testimonial__name", children: i }),
-      s && /* @__PURE__ */ e("p", { className: "fm-testimonial__role", children: s })
+      a && /* @__PURE__ */ e("p", { className: "fm-testimonial__role", children: a })
     ] })
   ] }),
   /* @__PURE__ */ e("p", { className: "fm-testimonial__quote", children: r })
-] }), fe = ({
-  icon: a,
+] }), he = ({
+  icon: s,
   title: i,
-  description: s,
+  description: a,
   price: r,
   period: l = "/місяць",
   action: t,
@@ -676,10 +676,10 @@ const A = ({
   className: o = ""
 }) => /* @__PURE__ */ c("div", { className: `fm-pricecard ${d ? "fm-pricecard--highlighted" : ""} ${o}`.trim(), children: [
   n && /* @__PURE__ */ e("span", { className: "fm-pricecard__badge", children: n }),
-  a && /* @__PURE__ */ e("div", { className: "fm-pricecard__icon", children: a }),
+  s && /* @__PURE__ */ e("div", { className: "fm-pricecard__icon", children: s }),
   /* @__PURE__ */ c("div", { className: "fm-pricecard__info", children: [
     /* @__PURE__ */ e("h3", { className: "fm-pricecard__title", children: i }),
-    s && /* @__PURE__ */ e("p", { className: "fm-pricecard__desc", children: s })
+    a && /* @__PURE__ */ e("p", { className: "fm-pricecard__desc", children: a })
   ] }),
   /* @__PURE__ */ c("div", { className: "fm-pricecard__footer", children: [
     r !== void 0 && /* @__PURE__ */ c("div", { className: "fm-pricecard__price", children: [
@@ -688,28 +688,28 @@ const A = ({
     ] }),
     t && /* @__PURE__ */ e("div", { className: "fm-pricecard__action", children: t })
   ] })
-] }), I = () => /* @__PURE__ */ e("svg", { width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 5L5.5 9.5L13 1", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), _e = ({
-  title: a = "Базовий",
+] }), I = () => /* @__PURE__ */ e("svg", { width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 5L5.5 9.5L13 1", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), pe = ({
+  title: s = "Базовий",
   amount: i = "₴0",
-  period: s = "/місяць",
+  period: a = "/місяць",
   actionLabel: r = "Отримати",
   onAction: l,
   features: t = [],
   className: n = ""
 }) => /* @__PURE__ */ c("div", { className: `fm-price ${n}`.trim(), children: [
-  /* @__PURE__ */ e("p", { className: "fm-price__title", children: a }),
+  /* @__PURE__ */ e("p", { className: "fm-price__title", children: s }),
   /* @__PURE__ */ c("div", { className: "fm-price__amount-row", children: [
     /* @__PURE__ */ e("span", { className: "fm-price__amount", children: i }),
-    /* @__PURE__ */ e("span", { className: "fm-price__period", children: s })
+    /* @__PURE__ */ e("span", { className: "fm-price__period", children: a })
   ] }),
   /* @__PURE__ */ e("button", { className: "fm-price__cta", type: "button", onClick: l, children: r }),
   t.length > 0 && /* @__PURE__ */ e("ul", { className: "fm-price__features", children: t.map((d, o) => /* @__PURE__ */ c("li", { className: "fm-price__feature", children: [
     /* @__PURE__ */ e("div", { className: "fm-price__check", children: /* @__PURE__ */ e(I, {}) }),
     /* @__PURE__ */ e("span", { children: d })
   ] }, o)) })
-] }), P = () => /* @__PURE__ */ e("svg", { width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 5L5.5 9.5L13 1", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), he = ({ children: a, className: i = "" }) => /* @__PURE__ */ c("div", { className: `fm-list-item ${i}`.trim(), children: [
+] }), P = () => /* @__PURE__ */ e("svg", { width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 5L5.5 9.5L13 1", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), Ne = ({ children: s, className: i = "" }) => /* @__PURE__ */ c("div", { className: `fm-list-item ${i}`.trim(), children: [
   /* @__PURE__ */ e("div", { className: "fm-list-item__check", children: /* @__PURE__ */ e(P, {}) }),
-  /* @__PURE__ */ e("span", { className: "fm-list-item__text", children: a })
+  /* @__PURE__ */ e("span", { className: "fm-list-item__text", children: s })
 ] }), D = () => /* @__PURE__ */ c("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
   /* @__PURE__ */ e("path", { d: "M8 1L9.5 6.5L15 8L9.5 9.5L8 15L6.5 9.5L1 8L6.5 6.5L8 1Z", fill: "url(#fm-sparkle-grad)" }),
   /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ c("linearGradient", { id: "fm-sparkle-grad", x1: "0", y1: "0", x2: "16", y2: "16", gradientUnits: "userSpaceOnUse", children: [
@@ -717,67 +717,67 @@ const A = ({
     /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "#ffa8f1" })
   ] }) })
 ] }), u = ({
-  label: a = "АІ-помічник для кар'єрного розвитку",
+  label: s = "АІ-помічник для кар'єрного розвитку",
   showIcon: i = !0,
-  className: s = ""
-}) => /* @__PURE__ */ c("div", { className: `fm-tag-big ${s}`.trim(), children: [
+  className: a = ""
+}) => /* @__PURE__ */ c("div", { className: `fm-tag-big ${a}`.trim(), children: [
   i && /* @__PURE__ */ e("span", { className: "fm-tag-big__icon", children: /* @__PURE__ */ e(D, {}) }),
-  /* @__PURE__ */ e("span", { className: "fm-tag-big__label", children: a })
-] }), pe = ({
-  tag: a = "Можливості платформи",
+  /* @__PURE__ */ e("span", { className: "fm-tag-big__label", children: s })
+] }), ue = ({
+  tag: s = "Можливості платформи",
   showTag: i = !0,
-  title: s = "Все для твоєї кар'єри",
+  title: a = "Все для твоєї кар'єри",
   subtitle: r = "Комплексна платформа для пошуку роботи, навчання та професійного розвитку",
   showSubtitle: l = !0,
   variant: t = "centered",
   className: n = ""
 }) => /* @__PURE__ */ e("div", { className: `fm-section-title fm-section-title--${t} ${n}`.trim(), children: t === "split" ? /* @__PURE__ */ c(_, { children: [
   /* @__PURE__ */ c("div", { className: "fm-section-title__left", children: [
-    i && /* @__PURE__ */ e(u, { label: a, showIcon: !1 }),
-    /* @__PURE__ */ e("h2", { className: "fm-section-title__heading", children: s })
+    i && /* @__PURE__ */ e(u, { label: s, showIcon: !1 }),
+    /* @__PURE__ */ e("h2", { className: "fm-section-title__heading", children: a })
   ] }),
   l && /* @__PURE__ */ e("p", { className: "fm-section-title__subtitle", children: r })
 ] }) : /* @__PURE__ */ c(_, { children: [
-  i && /* @__PURE__ */ e(u, { label: a, showIcon: !1 }),
-  /* @__PURE__ */ e("h2", { className: "fm-section-title__heading", children: s }),
+  i && /* @__PURE__ */ e(u, { label: s, showIcon: !1 }),
+  /* @__PURE__ */ e("h2", { className: "fm-section-title__heading", children: a }),
   l && /* @__PURE__ */ e("p", { className: "fm-section-title__subtitle", children: r })
-] }) }), Ne = ({
-  title: a = "Привіт!",
+] }) }), ve = ({
+  title: s = "Привіт!",
   subtitle: i = "Сьогодні чудовий день для кар'єрного зростання.",
-  actionLabel: s = "Почати тренування",
+  actionLabel: a = "Почати тренування",
   showAction: r = !0,
   onAction: l,
   className: t = ""
 }) => /* @__PURE__ */ c("div", { className: `fm-dashboard-title ${t}`.trim(), children: [
   /* @__PURE__ */ c("div", { className: "fm-dashboard-title__text", children: [
-    /* @__PURE__ */ e("h1", { className: "fm-dashboard-title__heading", children: a }),
+    /* @__PURE__ */ e("h1", { className: "fm-dashboard-title__heading", children: s }),
     /* @__PURE__ */ e("p", { className: "fm-dashboard-title__subtitle", children: i })
   ] }),
-  r && /* @__PURE__ */ e("button", { className: "fm-dashboard-title__action", type: "button", onClick: l, children: s })
-] }), ue = ({
-  number: a = 1,
+  r && /* @__PURE__ */ e("button", { className: "fm-dashboard-title__action", type: "button", onClick: l, children: a })
+] }), ge = ({
+  number: s = 1,
   title: i = "Пройди тестування",
-  content: s = "АІ аналізує твої навички, інтерес та досвід",
+  content: a = "АІ аналізує твої навички, інтерес та досвід",
   style: r = "select",
   className: l = ""
 }) => /* @__PURE__ */ c("div", { className: `fm-process-step fm-process-step--${r} ${l}`.trim(), children: [
-  /* @__PURE__ */ e("div", { className: "fm-process-step__number", children: /* @__PURE__ */ e("span", { children: a }) }),
+  /* @__PURE__ */ e("div", { className: "fm-process-step__number", children: /* @__PURE__ */ e("span", { children: s }) }),
   /* @__PURE__ */ c("div", { className: "fm-process-step__body", children: [
     /* @__PURE__ */ e("h3", { className: "fm-process-step__title", children: i }),
-    /* @__PURE__ */ e("p", { className: "fm-process-step__content", children: s })
+    /* @__PURE__ */ e("p", { className: "fm-process-step__content", children: a })
   ] })
-] }), T = () => /* @__PURE__ */ e("svg", { width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 5L5.5 9.5L13 1", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), ve = ({ tasks: a, className: i = "" }) => /* @__PURE__ */ e("div", { className: `fm-tasks-widget ${i}`.trim(), children: a.map((s, r) => /* @__PURE__ */ c("div", { className: "fm-tasks-widget__row", children: [
-  /* @__PURE__ */ e("div", { className: `fm-tasks-widget__checkbox ${s.done ? "fm-tasks-widget__checkbox--done" : ""}`, children: s.done && /* @__PURE__ */ e(T, {}) }),
-  /* @__PURE__ */ e("span", { className: `fm-tasks-widget__label ${s.done ? "fm-tasks-widget__label--done" : ""}`, children: s.label }),
-  s.time && /* @__PURE__ */ e("span", { className: "fm-tasks-widget__tag", children: s.time })
-] }, r)) }), ge = ({
-  placeholder: a = "Ваша електронна пошта",
+] }), q = () => /* @__PURE__ */ e("svg", { width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 5L5.5 9.5L13 1", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), ke = ({ tasks: s, className: i = "" }) => /* @__PURE__ */ e("div", { className: `fm-tasks-widget ${i}`.trim(), children: s.map((a, r) => /* @__PURE__ */ c("div", { className: "fm-tasks-widget__row", children: [
+  /* @__PURE__ */ e("div", { className: `fm-tasks-widget__checkbox ${a.done ? "fm-tasks-widget__checkbox--done" : ""}`, children: a.done && /* @__PURE__ */ e(q, {}) }),
+  /* @__PURE__ */ e("span", { className: `fm-tasks-widget__label ${a.done ? "fm-tasks-widget__label--done" : ""}`, children: a.label }),
+  a.time && /* @__PURE__ */ e("span", { className: "fm-tasks-widget__tag", children: a.time })
+] }, r)) }), we = ({
+  placeholder: s = "Ваша електронна пошта",
   buttonLabel: i = "Почати безкоштовно",
-  onSubmit: s,
+  onSubmit: a,
   className: r = ""
 }) => {
   const [l, t] = v(""), n = (d) => {
-    d.preventDefault(), s == null || s(l);
+    d.preventDefault(), a == null || a(l);
   };
   return /* @__PURE__ */ c("form", { className: `fm-signup-form ${r}`.trim(), onSubmit: n, children: [
     /* @__PURE__ */ e(
@@ -785,92 +785,94 @@ const A = ({
       {
         type: "email",
         className: "fm-signup-form__input",
-        placeholder: a,
+        placeholder: s,
         value: l,
         onChange: (d) => t(d.target.value)
       }
     ),
     /* @__PURE__ */ e("button", { type: "submit", className: "fm-signup-form__btn", children: i })
   ] });
-}, ke = ({
-  icon: a,
+}, be = ({
+  icon: s,
   title: i = "Базовий",
-  description: s = "Ідеальний старт для знайомства з платформою та визначення кар'єрного напрямку.",
+  description: a = "Ідеальний старт для знайомства з платформою та визначення кар'єрного напрямку.",
   variant: r = "default",
   className: l = ""
 }) => /* @__PURE__ */ c("div", { className: `fm-tariffs fm-tariffs--${r} ${l}`.trim(), children: [
-  a && /* @__PURE__ */ e("div", { className: "fm-tariffs__icon", children: a }),
+  s && /* @__PURE__ */ e("div", { className: "fm-tariffs__icon", children: s }),
   /* @__PURE__ */ c("div", { className: "fm-tariffs__body", children: [
     /* @__PURE__ */ e("p", { className: "fm-tariffs__title", children: i }),
-    /* @__PURE__ */ e("p", { className: "fm-tariffs__desc", children: s })
+    /* @__PURE__ */ e("p", { className: "fm-tariffs__desc", children: a })
   ] })
-] }), be = ({
-  label: a = "Творчість та інновації",
-  state: i = "default",
-  selected: s = !1,
-  onClick: r,
-  className: l = ""
-}) => {
-  const t = i === "active" || s;
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      className: [
-        "fm-question",
-        `fm-question--${i}`,
-        t ? "fm-question--selected" : "",
-        l
-      ].filter(Boolean).join(" "),
-      onClick: r,
-      role: "button",
-      tabIndex: 0,
-      onKeyDown: (n) => n.key === "Enter" && (r == null ? void 0 : r()),
-      children: [
-        /* @__PURE__ */ e("span", { className: "fm-question__label", children: a }),
-        /* @__PURE__ */ e("span", { className: `fm-question__radio ${t ? "fm-question__radio--checked" : ""}`, children: t && /* @__PURE__ */ e("span", { className: "fm-question__dot" }) })
-      ]
-    }
-  );
-};
+] }), T = () => /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ e("path", { d: "M9 3.5V14.5M3.5 9H14.5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }) }), S = () => /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ e("path", { d: "M4.5 4.5L13.5 13.5M13.5 4.5L4.5 13.5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }) }), Le = ({
+  title: s = "Що таке Rework?",
+  text: i = "Rework — це AI-платформа для кар'єрного розвитку, яка допомагає знайти нову професію через персоналізовані тести, симуляції співбесід та розумні рекомендації вакансій.",
+  open: a = !1,
+  state: r = "default",
+  onClick: l,
+  className: t = ""
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: [
+      "fm-question",
+      a ? "fm-question--open" : "",
+      !a && r === "hover" ? "fm-question--hover" : "",
+      t
+    ].filter(Boolean).join(" "),
+    onClick: l,
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: (n) => n.key === "Enter" && (l == null ? void 0 : l()),
+    "aria-expanded": a,
+    children: [
+      /* @__PURE__ */ c("div", { className: "fm-question__content", children: [
+        /* @__PURE__ */ e("p", { className: "fm-question__title", children: s }),
+        a && /* @__PURE__ */ e("p", { className: "fm-question__text", children: i })
+      ] }),
+      /* @__PURE__ */ e("span", { className: `fm-question__icon ${a ? "fm-question__icon--open" : ""}`, children: a ? /* @__PURE__ */ e(S, {}) : /* @__PURE__ */ e(T, {}) })
+    ]
+  }
+);
 export {
-  A as Button,
-  ie as CalendarWidget,
-  z as CardCareer,
-  Z as CardTest,
-  R as Checkbox,
-  Ne as DashboardTitle,
-  le as DatePicker,
-  ce as Dropdown,
-  U as Footer,
-  ee as GeneralNewsWidget,
-  O as Header,
+  E as Button,
+  ce as CalendarWidget,
+  Q as CardCareer,
+  K as CardTest,
+  O as Checkbox,
+  ve as DashboardTitle,
+  ne as DatePicker,
+  te as Dropdown,
+  G as Footer,
+  se as GeneralNewsWidget,
+  U as Header,
   N as IconButton,
-  E as Input,
-  he as ListItem,
-  G as NavBar,
-  V as NavItem,
-  ae as NotesWidget,
-  Q as Pagination,
-  se as PersonalAdviceWidget,
-  Y as PlatformNewsWidget,
-  _e as Price,
-  fe as PriceCard,
-  ue as ProcessStep,
-  be as Question,
-  ne as RadioButton,
-  re as Search,
-  pe as SectionTitle,
-  K as SegmentedControl,
-  ge as SignupForm,
-  de as Stepper,
-  oe as StepperProgress,
+  H as Input,
+  Ne as ListItem,
+  z as NavBar,
+  Z as NavItem,
+  ie as NotesWidget,
+  X as Pagination,
+  re as PersonalAdviceWidget,
+  ae as PlatformNewsWidget,
+  pe as Price,
+  he as PriceCard,
+  ge as ProcessStep,
+  Le as Question,
+  oe as RadioButton,
+  le as Search,
+  ue as SectionTitle,
+  J as SegmentedControl,
+  we as SignupForm,
+  me as Stepper,
+  fe as StepperProgress,
   F as Tag,
   u as TagBig,
-  ke as Tariffs,
-  ve as TasksWidget,
-  me as TestimonialCard,
-  te as TimePicker,
-  H as Toggle,
-  X as WidgetCard,
-  J as WidgetHeader
+  be as Tariffs,
+  ke as TasksWidget,
+  _e as TestimonialCard,
+  de as TimePicker,
+  V as Toggle,
+  ee as WidgetCard,
+  Y as WidgetHeader
 };