@tetjana/flowmakers-ds 0.1.2 → 0.1.4

package/dist/index.cjs.js

@@ -1,22 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react");var A={exports:{}},x={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var I;function ee(){if(I)return x;I=1;var l=Symbol.for("react.transitional.element"),c=Symbol.for("react.fragment");function a(n,s,o){var m=null;if(o!==void 0&&(m=""+o),s.key!==void 0&&(m=""+s.key),"key"in s){o={};for(var _ in s)_!=="key"&&(o[_]=s[_])}else o=s;return s=o.ref,{$$typeof:l,type:n,key:m,ref:s!==void 0?s:null,props:o}}return x.Fragment=c,x.jsx=a,x.jsxs=a,x}var j={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var M;function re(){return M||(M=1,process.env.NODE_ENV!=="production"&&function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Z?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case U:return"Profiler";case W:return"StrictMode";case G:return"Suspense";case J:return"SuspenseList";case H:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case B:return"Portal";case q:return e.displayName||"Context";case V:return(e._context.displayName||"Context")+".Consumer";case z:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case X:return t=e.displayName||null,t!==null?t:l(e.type)||"Memo";case R:t=e._payload,e=e._init;try{return l(e(t))}catch{}}return null}function c(e){return""+e}function a(e){try{c(e);var t=!1}catch{t=!0}if(t){t=console;var i=t.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),c(e)}}function n(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===R)return"<...>";try{var t=l(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function s(){var e=g.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function m(e){if(C.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function _(e,t){function i(){$||($=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function d(){var e=l(this.type);return Y[e]||(Y[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function p(e,t,i,f,N,w){var u=i.ref;return e={$$typeof:S,type:e,key:t,props:i,_owner:f},(u!==void 0?u:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:d}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function b(e,t,i,f,N,w){var u=t.children;if(u!==void 0)if(f)if(Q(u)){for(f=0;f<u.length;f++)v(u[f]);Object.freeze&&Object.freeze(u)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else v(u);if(C.call(t,"key")){u=l(e);var h=Object.keys(t).filter(function(K){return K!=="key"});f=0<h.length?"{key: someKey, "+h.join(": ..., ")+": ...}":"{key: someKey}",D[u+f]||(h=0<h.length?"{"+h.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,f,u,h,u),D[u+f]=!0)}if(u=null,i!==void 0&&(a(i),u=""+i),m(t)&&(a(t.key),u=""+t.key),"key"in t){i={};for(var y in t)y!=="key"&&(i[y]=t[y])}else i=t;return u&&_(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),p(e,u,i,s(),N,w)}function v(e){P(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===R&&(e._payload.status==="fulfilled"?P(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function P(e){return typeof e=="object"&&e!==null&&e.$$typeof===S}var E=O,S=Symbol.for("react.transitional.element"),B=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),W=Symbol.for("react.strict_mode"),U=Symbol.for("react.profiler"),V=Symbol.for("react.consumer"),q=Symbol.for("react.context"),z=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),J=Symbol.for("react.suspense_list"),X=Symbol.for("react.memo"),R=Symbol.for("react.lazy"),H=Symbol.for("react.activity"),Z=Symbol.for("react.client.reference"),g=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,C=Object.prototype.hasOwnProperty,Q=Array.isArray,T=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var $,Y={},F=E.react_stack_bottom_frame.bind(E,o)(),L=T(n(o)),D={};j.Fragment=k,j.jsx=function(e,t,i){var f=1e4>g.recentlyCreatedOwnerStacks++;return b(e,t,i,!1,f?Error("react-stack-top-frame"):F,f?T(n(e)):L)},j.jsxs=function(e,t,i){var f=1e4>g.recentlyCreatedOwnerStacks++;return b(e,t,i,!0,f?Error("react-stack-top-frame"):F,f?T(n(e)):L)}}()),j}process.env.NODE_ENV==="production"?A.exports=ee():A.exports=re();var r=A.exports;const te=({variant:l="primary",size:c="md",leftIcon:a,rightIcon:n,children:s,fullWidth:o=!1,disabled:m,className:_="",...d})=>{const p=["fm-btn",`fm-btn--${l}`,`fm-btn--${c}`,o?"fm-btn--full":"",m?"fm-btn--disabled":"",_].filter(Boolean).join(" ");return r.jsxs("button",{className:p,disabled:m,...d,children:[a&&r.jsx("span",{className:"fm-btn__icon fm-btn__icon--left",children:a}),s&&r.jsx("span",{className:"fm-btn__label",children:s}),n&&r.jsx("span",{className:"fm-btn__icon fm-btn__icon--right",children:n})]})},se=({label:l,placeholder:c,state:a="default",errorMessage:n,successMessage:s,leftIcon:o,rightIcon:m,className:_="",disabled:d,...p})=>{const b=["fm-input-wrapper",`fm-input-wrapper--${a}`,d?"fm-input-wrapper--disabled":"",_].filter(Boolean).join(" ");return r.jsxs("div",{className:b,children:[l&&r.jsx("label",{className:"fm-input__label",children:l}),r.jsxs("div",{className:"fm-input__field",children:[o&&r.jsx("span",{className:"fm-input__icon fm-input__icon--left",children:o}),r.jsx("input",{className:"fm-input__el",placeholder:c,disabled:d,...p}),m&&r.jsx("span",{className:"fm-input__icon fm-input__icon--right",children:m})]}),a==="error"&&n&&r.jsx("p",{className:"fm-input__message fm-input__message--error",children:n}),a==="success"&&s&&r.jsx("p",{className:"fm-input__message fm-input__message--success",children:s})]})},ae=({children:l,color:c="grey",className:a=""})=>{const n=["fm-tag",`fm-tag--${c}`,a].filter(Boolean).join(" ");return r.jsx("span",{className:n,children:l})},ne=({checked:l,onChange:c,disabled:a,label:n,className:s=""})=>r.jsxs("label",{className:["fm-toggle",a?"fm-toggle--disabled":"",s].filter(Boolean).join(" "),children:[r.jsx("input",{type:"checkbox",className:"fm-toggle__input",checked:l,onChange:o=>c(o.target.checked),disabled:a}),r.jsx("span",{className:"fm-toggle__track",children:r.jsx("span",{className:"fm-toggle__thumb"})}),n&&r.jsx("span",{className:"fm-toggle__label",children:n})]}),oe=({checked:l=!1,indeterminate:c=!1,onChange:a,disabled:n,size:s="small",label:o,className:m=""})=>{const _=O.useRef(null);return O.useEffect(()=>{_.current&&(_.current.indeterminate=c)},[c]),r.jsxs("label",{className:["fm-checkbox",`fm-checkbox--${s}`,n?"fm-checkbox--disabled":"",m].filter(Boolean).join(" "),children:[r.jsx("input",{ref:_,type:"checkbox",className:"fm-checkbox__input",checked:l,onChange:d=>a==null?void 0:a(d.target.checked),disabled:n}),r.jsxs("span",{className:"fm-checkbox__box",children:[l&&!c&&r.jsx("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",children:r.jsx("path",{d:"M1 4L3.5 6.5L9 1",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),c&&r.jsx("span",{className:"fm-checkbox__minus"})]}),o&&r.jsx("span",{className:"fm-checkbox__label",children:o})]})},le=({title:l,subtitle:c,color:a="purple",leftSlot:n,rightSlot:s,className:o=""})=>{const m=["fm-header",`fm-header--${a}`,o].filter(Boolean).join(" ");return r.jsxs("div",{className:m,children:[n&&r.jsx("div",{className:"fm-header__slot fm-header__slot--left",children:n}),r.jsxs("div",{className:"fm-header__title-block",children:[r.jsx("h4",{className:"fm-header__title",children:l}),c&&r.jsx("p",{className:"fm-header__subtitle",children:c})]}),s&&r.jsx("div",{className:"fm-header__slot fm-header__slot--right",children:s})]})},ce=({variant:l="light",headline:c="Є ідеї чи пропозиції?",ctaLabel:a="Написати нам",onCtaClick:n,sections:s=[],copyright:o="© 2024 Made by FlowMakers. All rights reserved",className:m=""})=>{const _=["fm-footer",`fm-footer--${l}`,m].filter(Boolean).join(" ");return r.jsxs("footer",{className:_,children:[r.jsxs("div",{className:"fm-footer__top",children:[r.jsxs("div",{className:"fm-footer__cta-block",children:[r.jsx("h3",{className:"fm-footer__headline",children:c}),r.jsx("button",{className:"fm-footer__cta-btn",onClick:n,children:a})]}),r.jsx("div",{className:"fm-footer__sections",children:s.map((d,p)=>r.jsxs("div",{className:"fm-footer__section",children:[r.jsx("p",{className:"fm-footer__section-title",children:d.title}),r.jsx("ul",{className:"fm-footer__section-links",children:d.links.map((b,v)=>r.jsx("li",{children:r.jsx("a",{href:b.href,className:"fm-footer__link",children:b.label})},v))})]},p))})]}),r.jsx("div",{className:"fm-footer__bottom",children:r.jsx("p",{className:"fm-footer__copyright",children:o})})]})};exports.Button=te;exports.Checkbox=oe;exports.Footer=ce;exports.Header=le;exports.Input=se;exports.Tag=ae;exports.Toggle=ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("react"),h=({variant:c="primary",size:a="md",leftIcon:s,rightIcon:l,children:n,fullWidth:t=!1,disabled:r,className:o="",...i})=>{const m=["fm-btn",`fm-btn--${c}`,`fm-btn--${a}`,t?"fm-btn--full":"",r?"fm-btn--disabled":"",o].filter(Boolean).join(" ");return e.jsxs("button",{className:m,disabled:r,...i,children:[s&&e.jsx("span",{className:"fm-btn__icon fm-btn__icon--left",children:s}),n&&e.jsx("span",{className:"fm-btn__label",children:n}),l&&e.jsx("span",{className:"fm-btn__icon fm-btn__icon--right",children:l})]})},p=({label:c,placeholder:a,state:s="default",errorMessage:l,successMessage:n,leftIcon:t,rightIcon:r,className:o="",disabled:i,...m})=>{const f=["fm-input-wrapper",`fm-input-wrapper--${s}`,i?"fm-input-wrapper--disabled":"",o].filter(Boolean).join(" ");return e.jsxs("div",{className:f,children:[c&&e.jsx("label",{className:"fm-input__label",children:c}),e.jsxs("div",{className:"fm-input__field",children:[t&&e.jsx("span",{className:"fm-input__icon fm-input__icon--left",children:t}),e.jsx("input",{className:"fm-input__el",placeholder:a,disabled:i,...m}),r&&e.jsx("span",{className:"fm-input__icon fm-input__icon--right",children:r})]}),s==="error"&&l&&e.jsx("p",{className:"fm-input__message fm-input__message--error",children:l}),s==="success"&&n&&e.jsx("p",{className:"fm-input__message fm-input__message--success",children:n})]})},x=({children:c,color:a="grey",className:s=""})=>{const l=["fm-tag",`fm-tag--${a}`,s].filter(Boolean).join(" ");return e.jsx("span",{className:l,children:c})},j=({checked:c,onChange:a,disabled:s,label:l,className:n=""})=>e.jsxs("label",{className:["fm-toggle",s?"fm-toggle--disabled":"",n].filter(Boolean).join(" "),children:[e.jsx("input",{type:"checkbox",className:"fm-toggle__input",checked:c,onChange:t=>a(t.target.checked),disabled:s}),e.jsx("span",{className:"fm-toggle__track",children:e.jsx("span",{className:"fm-toggle__thumb"})}),l&&e.jsx("span",{className:"fm-toggle__label",children:l})]}),u=({checked:c=!1,indeterminate:a=!1,onChange:s,disabled:l,size:n="small",label:t,className:r=""})=>{const o=_.useRef(null);return _.useEffect(()=>{o.current&&(o.current.indeterminate=a)},[a]),e.jsxs("label",{className:["fm-checkbox",`fm-checkbox--${n}`,l?"fm-checkbox--disabled":"",r].filter(Boolean).join(" "),children:[e.jsx("input",{ref:o,type:"checkbox",className:"fm-checkbox__input",checked:c,onChange:i=>s==null?void 0:s(i.target.checked),disabled:l}),e.jsxs("span",{className:"fm-checkbox__box",children:[c&&!a&&e.jsx("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",children:e.jsx("path",{d:"M1 4L3.5 6.5L9 1",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),a&&e.jsx("span",{className:"fm-checkbox__minus"})]}),t&&e.jsx("span",{className:"fm-checkbox__label",children:t})]})},N=({title:c,subtitle:a,color:s="purple",leftSlot:l,rightSlot:n,className:t=""})=>{const r=["fm-header",`fm-header--${s}`,t].filter(Boolean).join(" ");return e.jsxs("div",{className:r,children:[l&&e.jsx("div",{className:"fm-header__slot fm-header__slot--left",children:l}),e.jsxs("div",{className:"fm-header__title-block",children:[e.jsx("h4",{className:"fm-header__title",children:c}),a&&e.jsx("p",{className:"fm-header__subtitle",children:a})]}),n&&e.jsx("div",{className:"fm-header__slot fm-header__slot--right",children:n})]})},b=({variant:c="light",headline:a="Є ідеї чи пропозиції?",ctaLabel:s="Написати нам",onCtaClick:l,sections:n=[],copyright:t="© 2024 Made by FlowMakers. All rights reserved",className:r=""})=>{const o=["fm-footer",`fm-footer--${c}`,r].filter(Boolean).join(" ");return e.jsxs("footer",{className:o,children:[e.jsxs("div",{className:"fm-footer__top",children:[e.jsxs("div",{className:"fm-footer__cta-block",children:[e.jsx("h3",{className:"fm-footer__headline",children:a}),e.jsx("button",{className:"fm-footer__cta-btn",onClick:l,children:s})]}),e.jsx("div",{className:"fm-footer__sections",children:n.map((i,m)=>e.jsxs("div",{className:"fm-footer__section",children:[e.jsx("p",{className:"fm-footer__section-title",children:i.title}),e.jsx("ul",{className:"fm-footer__section-links",children:i.links.map((f,d)=>e.jsx("li",{children:e.jsx("a",{href:f.href,className:"fm-footer__link",children:f.label})},d))})]},m))})]}),e.jsx("div",{className:"fm-footer__bottom",children:e.jsx("p",{className:"fm-footer__copyright",children:t})})]})};exports.Button=h;exports.Checkbox=u;exports.Footer=b;exports.Header=N;exports.Input=p;exports.Tag=x;exports.Toggle=j;

package/dist/index.esm.js

@@ -1,432 +1,158 @@
-import K, { useRef as ee, useEffect as re } from "react";
-var O = { exports: {} }, x = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var D;
-function te() {
-  if (D) return x;
-  D = 1;
-  var l = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
-  function a(n, s, o) {
-    var m = null;
-    if (o !== void 0 && (m = "" + o), s.key !== void 0 && (m = "" + s.key), "key" in s) {
-      o = {};
-      for (var _ in s)
-        _ !== "key" && (o[_] = s[_]);
-    } else o = s;
-    return s = o.ref, {
-      $$typeof: l,
-      type: n,
-      key: m,
-      ref: s !== void 0 ? s : null,
-      props: o
-    };
-  }
-  return x.Fragment = c, x.jsx = a, x.jsxs = a, x;
-}
-var j = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var I;
-function se() {
-  return I || (I = 1, process.env.NODE_ENV !== "production" && function() {
-    function l(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === H ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case k:
-          return "Fragment";
-        case B:
-          return "Profiler";
-        case W:
-          return "StrictMode";
-        case q:
-          return "Suspense";
-        case G:
-          return "SuspenseList";
-        case X:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case M:
-            return "Portal";
-          case V:
-            return e.displayName || "Context";
-          case U:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case z:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case J:
-            return t = e.displayName || null, t !== null ? t : l(e.type) || "Memo";
-          case R:
-            t = e._payload, e = e._init;
-            try {
-              return l(e(t));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function c(e) {
-      return "" + e;
-    }
-    function a(e) {
-      try {
-        c(e);
-        var t = !1;
-      } catch {
-        t = !0;
-      }
-      if (t) {
-        t = console;
-        var i = t.error, f = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return i.call(
-          t,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          f
-        ), c(e);
-      }
-    }
-    function n(e) {
-      if (e === k) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === R)
-        return "<...>";
-      try {
-        var t = l(e);
-        return t ? "<" + t + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function s() {
-      var e = T.A;
-      return e === null ? null : e.getOwner();
-    }
-    function o() {
-      return Error("react-stack-top-frame");
-    }
-    function m(e) {
-      if (S.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function _(e, t) {
-      function i() {
-        C || (C = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          t
-        ));
-      }
-      i.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: i,
-        configurable: !0
-      });
-    }
-    function d() {
-      var e = l(this.type);
-      return $[e] || ($[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function p(e, t, i, f, N, w) {
-      var u = i.ref;
-      return e = {
-        $$typeof: P,
-        type: e,
-        key: t,
-        props: i,
-        _owner: f
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: d
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: N
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: w
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function h(e, t, i, f, N, w) {
-      var u = t.children;
-      if (u !== void 0)
-        if (f)
-          if (Z(u)) {
-            for (f = 0; f < u.length; f++)
-              v(u[f]);
-            Object.freeze && Object.freeze(u);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else v(u);
-      if (S.call(t, "key")) {
-        u = l(e);
-        var b = Object.keys(t).filter(function(Q) {
-          return Q !== "key";
-        });
-        f = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", L[u + f] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          f,
-          u,
-          b,
-          u
-        ), L[u + f] = !0);
-      }
-      if (u = null, i !== void 0 && (a(i), u = "" + i), m(t) && (a(t.key), u = "" + t.key), "key" in t) {
-        i = {};
-        for (var y in t)
-          y !== "key" && (i[y] = t[y]);
-      } else i = t;
-      return u && _(
-        i,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), p(
-        e,
-        u,
-        i,
-        s(),
-        N,
-        w
-      );
-    }
-    function v(e) {
-      A(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === R && (e._payload.status === "fulfilled" ? A(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-    }
-    function A(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === P;
-    }
-    var E = K, P = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), U = Symbol.for("react.consumer"), V = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), q = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), T = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, S = Object.prototype.hasOwnProperty, Z = Array.isArray, g = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    E = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    var C, $ = {}, Y = E.react_stack_bottom_frame.bind(
-      E,
-      o
-    )(), F = g(n(o)), L = {};
-    j.Fragment = k, j.jsx = function(e, t, i) {
-      var f = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return h(
-        e,
-        t,
-        i,
-        !1,
-        f ? Error("react-stack-top-frame") : Y,
-        f ? g(n(e)) : F
-      );
-    }, j.jsxs = function(e, t, i) {
-      var f = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return h(
-        e,
-        t,
-        i,
-        !0,
-        f ? Error("react-stack-top-frame") : Y,
-        f ? g(n(e)) : F
-      );
-    };
-  }()), j;
-}
-process.env.NODE_ENV === "production" ? O.exports = te() : O.exports = se();
-var r = O.exports;
-const ne = ({
-  variant: l = "primary",
-  size: c = "md",
-  leftIcon: a,
-  rightIcon: n,
-  children: s,
-  fullWidth: o = !1,
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useRef as d, useEffect as p } from "react";
+const b = ({
+  variant: c = "primary",
+  size: a = "md",
+  leftIcon: s,
+  rightIcon: l,
+  children: n,
+  fullWidth: t = !1,
   disabled: m,
-  className: _ = "",
-  ...d
+  className: o = "",
+  ...i
 }) => {
-  const p = [
+  const f = [
     "fm-btn",
-    `fm-btn--${l}`,
     `fm-btn--${c}`,
-    o ? "fm-btn--full" : "",
+    `fm-btn--${a}`,
+    t ? "fm-btn--full" : "",
     m ? "fm-btn--disabled" : "",
-    _
+    o
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs("button", { className: p, disabled: m, ...d, children: [
-    a && /* @__PURE__ */ r.jsx("span", { className: "fm-btn__icon fm-btn__icon--left", children: a }),
-    s && /* @__PURE__ */ r.jsx("span", { className: "fm-btn__label", children: s }),
-    n && /* @__PURE__ */ r.jsx("span", { className: "fm-btn__icon fm-btn__icon--right", children: n })
+  return /* @__PURE__ */ r("button", { className: f, disabled: m, ...i, children: [
+    s && /* @__PURE__ */ e("span", { className: "fm-btn__icon fm-btn__icon--left", children: s }),
+    n && /* @__PURE__ */ e("span", { className: "fm-btn__label", children: n }),
+    l && /* @__PURE__ */ e("span", { className: "fm-btn__icon fm-btn__icon--right", children: l })
   ] });
-}, oe = ({
-  label: l,
-  placeholder: c,
-  state: a = "default",
-  errorMessage: n,
-  successMessage: s,
-  leftIcon: o,
+}, g = ({
+  label: c,
+  placeholder: a,
+  state: s = "default",
+  errorMessage: l,
+  successMessage: n,
+  leftIcon: t,
   rightIcon: m,
-  className: _ = "",
-  disabled: d,
-  ...p
+  className: o = "",
+  disabled: i,
+  ...f
 }) => {
-  const h = [
+  const _ = [
     "fm-input-wrapper",
-    `fm-input-wrapper--${a}`,
-    d ? "fm-input-wrapper--disabled" : "",
-    _
+    `fm-input-wrapper--${s}`,
+    i ? "fm-input-wrapper--disabled" : "",
+    o
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs("div", { className: h, children: [
-    l && /* @__PURE__ */ r.jsx("label", { className: "fm-input__label", children: l }),
-    /* @__PURE__ */ r.jsxs("div", { className: "fm-input__field", children: [
-      o && /* @__PURE__ */ r.jsx("span", { className: "fm-input__icon fm-input__icon--left", children: o }),
-      /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ r("div", { className: _, children: [
+    c && /* @__PURE__ */ e("label", { className: "fm-input__label", children: c }),
+    /* @__PURE__ */ r("div", { className: "fm-input__field", children: [
+      t && /* @__PURE__ */ e("span", { className: "fm-input__icon fm-input__icon--left", children: t }),
+      /* @__PURE__ */ e(
         "input",
         {
           className: "fm-input__el",
-          placeholder: c,
-          disabled: d,
-          ...p
+          placeholder: a,
+          disabled: i,
+          ...f
         }
       ),
-      m && /* @__PURE__ */ r.jsx("span", { className: "fm-input__icon fm-input__icon--right", children: m })
+      m && /* @__PURE__ */ e("span", { className: "fm-input__icon fm-input__icon--right", children: m })
     ] }),
-    a === "error" && n && /* @__PURE__ */ r.jsx("p", { className: "fm-input__message fm-input__message--error", children: n }),
-    a === "success" && s && /* @__PURE__ */ r.jsx("p", { className: "fm-input__message fm-input__message--success", children: s })
+    s === "error" && l && /* @__PURE__ */ e("p", { className: "fm-input__message fm-input__message--error", children: l }),
+    s === "success" && n && /* @__PURE__ */ e("p", { className: "fm-input__message fm-input__message--success", children: n })
   ] });
-}, le = ({ children: l, color: c = "grey", className: a = "" }) => {
-  const n = ["fm-tag", `fm-tag--${c}`, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsx("span", { className: n, children: l });
-}, ce = ({ checked: l, onChange: c, disabled: a, label: n, className: s = "" }) => /* @__PURE__ */ r.jsxs("label", { className: ["fm-toggle", a ? "fm-toggle--disabled" : "", s].filter(Boolean).join(" "), children: [
-  /* @__PURE__ */ r.jsx(
+}, k = ({ children: c, color: a = "grey", className: s = "" }) => {
+  const l = ["fm-tag", `fm-tag--${a}`, s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("span", { className: l, children: c });
+}, x = ({ checked: c, onChange: a, disabled: s, label: l, className: n = "" }) => /* @__PURE__ */ r("label", { className: ["fm-toggle", s ? "fm-toggle--disabled" : "", n].filter(Boolean).join(" "), children: [
+  /* @__PURE__ */ e(
     "input",
     {
       type: "checkbox",
       className: "fm-toggle__input",
-      checked: l,
-      onChange: (o) => c(o.target.checked),
-      disabled: a
+      checked: c,
+      onChange: (t) => a(t.target.checked),
+      disabled: s
     }
   ),
-  /* @__PURE__ */ r.jsx("span", { className: "fm-toggle__track", children: /* @__PURE__ */ r.jsx("span", { className: "fm-toggle__thumb" }) }),
-  n && /* @__PURE__ */ r.jsx("span", { className: "fm-toggle__label", children: n })
-] }), ie = ({
-  checked: l = !1,
-  indeterminate: c = !1,
-  onChange: a,
-  disabled: n,
-  size: s = "small",
-  label: o,
+  /* @__PURE__ */ e("span", { className: "fm-toggle__track", children: /* @__PURE__ */ e("span", { className: "fm-toggle__thumb" }) }),
+  l && /* @__PURE__ */ e("span", { className: "fm-toggle__label", children: l })
+] }), v = ({
+  checked: c = !1,
+  indeterminate: a = !1,
+  onChange: s,
+  disabled: l,
+  size: n = "small",
+  label: t,
   className: m = ""
 }) => {
-  const _ = ee(null);
-  return re(() => {
-    _.current && (_.current.indeterminate = c);
-  }, [c]), /* @__PURE__ */ r.jsxs("label", { className: ["fm-checkbox", `fm-checkbox--${s}`, n ? "fm-checkbox--disabled" : "", m].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ r.jsx(
+  const o = d(null);
+  return p(() => {
+    o.current && (o.current.indeterminate = a);
+  }, [a]), /* @__PURE__ */ r("label", { className: ["fm-checkbox", `fm-checkbox--${n}`, l ? "fm-checkbox--disabled" : "", m].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ e(
       "input",
       {
-        ref: _,
+        ref: o,
         type: "checkbox",
         className: "fm-checkbox__input",
-        checked: l,
-        onChange: (d) => a == null ? void 0 : a(d.target.checked),
-        disabled: n
+        checked: c,
+        onChange: (i) => s == null ? void 0 : s(i.target.checked),
+        disabled: l
       }
     ),
-    /* @__PURE__ */ r.jsxs("span", { className: "fm-checkbox__box", children: [
-      l && !c && /* @__PURE__ */ r.jsx("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", children: /* @__PURE__ */ r.jsx("path", { d: "M1 4L3.5 6.5L9 1", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-      c && /* @__PURE__ */ r.jsx("span", { className: "fm-checkbox__minus" })
+    /* @__PURE__ */ r("span", { className: "fm-checkbox__box", children: [
+      c && !a && /* @__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" }) }),
+      a && /* @__PURE__ */ e("span", { className: "fm-checkbox__minus" })
     ] }),
-    o && /* @__PURE__ */ r.jsx("span", { className: "fm-checkbox__label", children: o })
+    t && /* @__PURE__ */ e("span", { className: "fm-checkbox__label", children: t })
   ] });
-}, fe = ({
-  title: l,
-  subtitle: c,
-  color: a = "purple",
-  leftSlot: n,
-  rightSlot: s,
-  className: o = ""
+}, j = ({
+  title: c,
+  subtitle: a,
+  color: s = "purple",
+  leftSlot: l,
+  rightSlot: n,
+  className: t = ""
 }) => {
-  const m = ["fm-header", `fm-header--${a}`, o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs("div", { className: m, children: [
-    n && /* @__PURE__ */ r.jsx("div", { className: "fm-header__slot fm-header__slot--left", children: n }),
-    /* @__PURE__ */ r.jsxs("div", { className: "fm-header__title-block", children: [
-      /* @__PURE__ */ r.jsx("h4", { className: "fm-header__title", children: l }),
-      c && /* @__PURE__ */ r.jsx("p", { className: "fm-header__subtitle", children: c })
+  const m = ["fm-header", `fm-header--${s}`, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", { className: m, children: [
+    l && /* @__PURE__ */ e("div", { className: "fm-header__slot fm-header__slot--left", children: l }),
+    /* @__PURE__ */ r("div", { className: "fm-header__title-block", children: [
+      /* @__PURE__ */ e("h4", { className: "fm-header__title", children: c }),
+      a && /* @__PURE__ */ e("p", { className: "fm-header__subtitle", children: a })
     ] }),
-    s && /* @__PURE__ */ r.jsx("div", { className: "fm-header__slot fm-header__slot--right", children: s })
+    n && /* @__PURE__ */ e("div", { className: "fm-header__slot fm-header__slot--right", children: n })
   ] });
-}, ue = ({
-  variant: l = "light",
-  headline: c = "Є ідеї чи пропозиції?",
-  ctaLabel: a = "Написати нам",
-  onCtaClick: n,
-  sections: s = [],
-  copyright: o = "© 2024 Made by FlowMakers. All rights reserved",
+}, B = ({
+  variant: c = "light",
+  headline: a = "Є ідеї чи пропозиції?",
+  ctaLabel: s = "Написати нам",
+  onCtaClick: l,
+  sections: n = [],
+  copyright: t = "© 2024 Made by FlowMakers. All rights reserved",
   className: m = ""
 }) => {
-  const _ = ["fm-footer", `fm-footer--${l}`, m].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs("footer", { className: _, children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "fm-footer__top", children: [
-      /* @__PURE__ */ r.jsxs("div", { className: "fm-footer__cta-block", children: [
-        /* @__PURE__ */ r.jsx("h3", { className: "fm-footer__headline", children: c }),
-        /* @__PURE__ */ r.jsx("button", { className: "fm-footer__cta-btn", onClick: n, children: a })
+  const o = ["fm-footer", `fm-footer--${c}`, m].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("footer", { className: o, children: [
+    /* @__PURE__ */ r("div", { className: "fm-footer__top", children: [
+      /* @__PURE__ */ r("div", { className: "fm-footer__cta-block", children: [
+        /* @__PURE__ */ e("h3", { className: "fm-footer__headline", children: a }),
+        /* @__PURE__ */ e("button", { className: "fm-footer__cta-btn", onClick: l, children: s })
       ] }),
-      /* @__PURE__ */ r.jsx("div", { className: "fm-footer__sections", children: s.map((d, p) => /* @__PURE__ */ r.jsxs("div", { className: "fm-footer__section", children: [
-        /* @__PURE__ */ r.jsx("p", { className: "fm-footer__section-title", children: d.title }),
-        /* @__PURE__ */ r.jsx("ul", { className: "fm-footer__section-links", children: d.links.map((h, v) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("a", { href: h.href, className: "fm-footer__link", children: h.label }) }, v)) })
-      ] }, p)) })
+      /* @__PURE__ */ e("div", { className: "fm-footer__sections", children: n.map((i, f) => /* @__PURE__ */ r("div", { className: "fm-footer__section", children: [
+        /* @__PURE__ */ e("p", { className: "fm-footer__section-title", children: i.title }),
+        /* @__PURE__ */ e("ul", { className: "fm-footer__section-links", children: i.links.map((_, h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: _.href, className: "fm-footer__link", children: _.label }) }, h)) })
+      ] }, f)) })
     ] }),
-    /* @__PURE__ */ r.jsx("div", { className: "fm-footer__bottom", children: /* @__PURE__ */ r.jsx("p", { className: "fm-footer__copyright", children: o }) })
+    /* @__PURE__ */ e("div", { className: "fm-footer__bottom", children: /* @__PURE__ */ e("p", { className: "fm-footer__copyright", children: t }) })
   ] });
 };
 export {
-  ne as Button,
-  ie as Checkbox,
-  ue as Footer,
-  fe as Header,
-  oe as Input,
-  le as Tag,
-  ce as Toggle
+  b as Button,
+  v as Checkbox,
+  B as Footer,
+  j as Header,
+  g as Input,
+  k as Tag,
+  x as Toggle
 };

package/dist/styles.css

@@ -1 +1 @@
-.fm-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-s, 10px);border:none;cursor:pointer;font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-weight:var(--weight-bold, 700);font-size:var(--font-size-14, 14px);line-height:1;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s;text-decoration:none}.fm-btn--sm{height:32px;padding:0 var(--space-sm, 12px);border-radius:var(--radius-s, 10px);font-size:var(--font-size-12, 12px)}.fm-btn--md{height:42px;padding:var(--space-s, 10px) var(--space-m, 16px);border-radius:var(--radius-m, 12px)}.fm-btn--lg{height:52px;padding:var(--space-sm, 12px) var(--space-xl, 24px);border-radius:var(--radius-m, 12px);font-size:var(--font-size-16, 16px)}.fm-btn--full{width:100%}.fm-btn--primary{background:var(--bw-fill-black, #121212);color:var(--bw-fill-white, #ffffff)}.fm-btn--primary:hover:not(:disabled){background-image:linear-gradient(90deg,#ffffff0d,#ffffff0d),linear-gradient(90deg,#121212,#121212)}.fm-btn--primary:active:not(:disabled){background:#2a2a2a}.fm-btn--hero{background:var(--bw-fill-black, #121212);color:var(--bw-fill-white, #ffffff)}.fm-btn--hero:hover:not(:disabled){background:var(--bw-fill-black, #121212);border:1.5px solid var(--pink-fill-300, #ffa8f1);padding:var(--space-m, 16px)}.fm-btn--secondary{background:transparent;color:var(--bw-fill-black, #121212);border:1.5px solid var(--bw-fill-black, #121212)}.fm-btn--secondary:hover:not(:disabled){background:var(--bw-fill-100, #eeeef0)}.fm-btn--secondary:active:not(:disabled){background:var(--bw-fill-200, #dcdcdc)}.fm-btn--secondary-large{background:transparent;color:var(--bw-fill-black, #121212);border:1.5px solid var(--bw-fill-black, #121212);height:52px;padding:var(--space-sm, 12px) var(--space-xl, 24px)}.fm-btn--ghost{background:transparent;color:var(--bw-fill-black, #121212);border:none}.fm-btn--ghost:hover:not(:disabled){background:var(--bw-fill-100, #eeeef0)}.fm-btn--ghost-icon{background:transparent;color:var(--bw-fill-black, #121212);border:none;padding:var(--space-xs, 8px);border-radius:var(--radius-s, 10px)}.fm-btn--ghost-icon:hover:not(:disabled){background:var(--bw-fill-100, #eeeef0)}.fm-btn--disabled,.fm-btn:disabled{background:var(--bw-fill-200, #dcdcdc);color:var(--bw-fill-500, #7c7c7c);cursor:not-allowed;border:none}.fm-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.fm-btn__icon--left{margin-right:-2px}.fm-btn__icon--right{margin-left:-2px}.fm-input-wrapper{display:flex;flex-direction:column;gap:var(--space-sm, 12px);width:100%}.fm-input__label{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-16, 16px);font-weight:var(--weight-medium, 400);color:var(--nature-fill-600, #5d5e6c);line-height:1.4}.fm-input__field{display:flex;align-items:center;gap:var(--space-xs, 8px);height:42px;padding:var(--space-s, 10px) var(--space-m, 16px);border-radius:var(--radius-m, 12px);border:1px solid var(--nature-fill-300, #b8b9c1);background:var(--bw-fill-white, #ffffff);transition:border-color .15s,box-shadow .15s}.fm-input__el{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);font-weight:var(--weight-medium, 400);color:var(--bw-fill-black, #121212);line-height:1.4}.fm-input__el::placeholder{color:var(--nature-fill-300, #b8b9c1)}.fm-input-wrapper--hover .fm-input__field{border-color:var(--nature-fill-500, #7c7c7c)}.fm-input-wrapper--focused .fm-input__field{border-color:var(--primary-fill-500, #7d65e1);box-shadow:0 0 0 3px #7d65e126}.fm-input-wrapper--filled .fm-input__field{border-color:var(--nature-fill-400, #989898)}.fm-input-wrapper--error .fm-input__field{border-color:#e53e3e}.fm-input-wrapper--success .fm-input__field{border-color:var(--green-fill-500, #27a872)}.fm-input-wrapper--disabled .fm-input__field{background:var(--bw-fill-100, #eeeef0);cursor:not-allowed}.fm-input-wrapper--disabled .fm-input__el{cursor:not-allowed;color:var(--bw-fill-400, #989898)}.fm-input__icon{display:inline-flex;align-items:center;color:var(--nature-fill-400, #989898)}.fm-input__message{font-family:var(--font-family-body);font-size:var(--font-size-12, 12px);margin-top:4px}.fm-input__message--error{color:#e53e3e}.fm-input__message--success{color:var(--green-fill-600, #1e8a5d)}.fm-tag{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs, 8px) var(--space-sm, 12px);border-radius:var(--radius-full, 9999px);font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-12, 12px);font-weight:var(--weight-bold, 700);line-height:1.2;white-space:nowrap}.fm-tag--grey{background:var(--nature-fill-100, #eeeef0);color:var(--nature-fill-700, #4c4d58)}.fm-tag--green{background:var(--green-fill-100, #d9f2e7);color:var(--green-fill-700, #1b6153)}.fm-tag--yellow{background:var(--yellow-fill-100, #fff0d4);color:var(--yellow-fill-700, #c54e09)}.fm-tag--purple{background:var(--primary-fill-100,#eeecfb);color:var(--primary-fill-700,#6d45bc)}.fm-tag--pink{background:var(--pink-fill-100, #ffe7fc);color:var(--pink-fill-700, #b51692)}.fm-toggle{display:inline-flex;align-items:center;gap:var(--space-xs, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}.fm-toggle__input{position:absolute;opacity:0;width:0;height:0}.fm-toggle__track{position:relative;width:44px;height:24px;border-radius:var(--radius-full, 9999px);background:var(--nature-fill-300, #b8b9c1);transition:background .2s;flex-shrink:0}.fm-toggle__input:checked~.fm-toggle__track{background:var(--primary-fill-500, #7d65e1)}.fm-toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--bw-fill-white, #ffffff);box-shadow:0 1px 3px #0003;transition:transform .2s}.fm-toggle__input:checked~.fm-toggle__track .fm-toggle__thumb{transform:translate(20px)}.fm-toggle--disabled{opacity:.5;cursor:not-allowed}.fm-toggle__label{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);color:var(--bw-fill-black, #121212)}.fm-checkbox{display:inline-flex;align-items:center;gap:var(--space-xs, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}.fm-checkbox__input{position:absolute;opacity:0;width:0;height:0}.fm-checkbox__box{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;border:1.5px solid var(--nature-fill-300, #b8b9c1);background:var(--bw-fill-white, #ffffff);flex-shrink:0;transition:background .15s,border-color .15s}.fm-checkbox--large .fm-checkbox__box{width:22px;height:22px;border-radius:6px}.fm-checkbox__input:checked+.fm-checkbox__box{background:var(--primary-fill-500, #7d65e1);border-color:var(--primary-fill-500, #7d65e1)}.fm-checkbox__input:indeterminate+.fm-checkbox__box{background:var(--primary-fill-500, #7d65e1);border-color:var(--primary-fill-500, #7d65e1)}.fm-checkbox__minus{width:10px;height:2px;background:var(--bw-fill-white, #ffffff);border-radius:1px}.fm-checkbox--disabled{opacity:.5;cursor:not-allowed}.fm-checkbox__label{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);color:var(--bw-fill-black, #121212)}.fm-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-m, 16px);border-radius:var(--radius-xl, 20px) var(--radius-xl, 20px) 0 0;width:100%}.fm-header--purple{background:var(--primary-fill-100, #eeecfb)}.fm-header--grey{background:var(--nature-fill-50, #f7f7f8)}.fm-header__slot{display:flex;align-items:center}.fm-header__title-block{display:flex;flex-direction:column;gap:var(--space-xs, 8px);flex:1;padding:0 var(--space-xs, 8px)}.fm-header__title{font-family:var(--font-family-headings, "Manrope", sans-serif);font-size:var(--font-size-18, 18px);font-weight:var(--weight-bold, 700);color:var(--bw-fill-black, #121212);line-height:.9;margin:0}.fm-header__subtitle{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);font-weight:var(--weight-medium, 400);color:var(--bw-fill-400, #989898);line-height:1.4;margin:0}.fm-footer{display:flex;flex-direction:column;width:100%}.fm-footer--light{background:var(--nature-fill-50, #f7f7f8);color:var(--bw-fill-black, #121212)}.fm-footer--dark{background:var(--nature-fill-950, #18181b);color:#ffffffbf}.fm-footer__top{display:flex;gap:var(--space-3xl, 48px);padding:var(--space-xl, 24px);align-items:flex-start}.fm-footer__cta-block{display:flex;flex-direction:column;gap:var(--space-xl, 24px);flex-shrink:0}.fm-footer__headline{font-family:var(--font-family-headings, "Manrope", sans-serif);font-size:var(--font-size-30, 30px);font-weight:var(--weight-bold, 700);line-height:.94;margin:0}.fm-footer__cta-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 var(--space-m, 16px);border-radius:var(--radius-m, 12px);font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);font-weight:var(--weight-bold, 700);cursor:pointer;transition:background .15s}.fm-footer--light .fm-footer__cta-btn{background:var(--bw-fill-black, #121212);color:var(--bw-fill-white, #ffffff);border:none}.fm-footer--dark .fm-footer__cta-btn{background:transparent;color:#ffffffbf;border:1.5px solid var(--pink-fill-300, #ffa8f1)}.fm-footer__sections{display:flex;gap:var(--space-3xl, 48px);flex:1;justify-content:space-between;flex-wrap:wrap}.fm-footer__section{display:flex;flex-direction:column;gap:var(--space-xl, 24px)}.fm-footer__section-title{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-16, 16px);font-weight:var(--weight-semibold, 600);margin:0}.fm-footer__section-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-m, 16px)}.fm-footer__link{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);font-weight:var(--weight-light, 300);text-decoration:none;line-height:1.4;color:inherit}.fm-footer__link:hover{text-decoration:underline}.fm-footer__bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl, 24px);border-top:1px solid rgba(255,255,255,.05)}.fm-footer__copyright{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);font-weight:var(--weight-medium, 400);line-height:1.4;margin:0}
+.fm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;font-family:Nunito Sans,sans-serif;font-weight:700;font-size:14px;line-height:1;white-space:nowrap;transition:background .15s,border-color .15s,border-width .15s,opacity .15s,box-shadow .15s;text-decoration:none;box-sizing:border-box;position:relative}.fm-btn--sm{height:32px;padding:0 12px;border-radius:10px;font-size:12px}.fm-btn--md{height:42px;padding:10px 16px;border-radius:12px}.fm-btn--lg{height:52px;padding:12px 24px;border-radius:12px;font-size:16px}.fm-btn--full{width:100%}.fm-btn--primary{background:#121212;color:#fff;border:none}.fm-btn--primary:hover:not(:disabled){background:#121212;box-shadow:inset 0 0 0 100px #ffffff0d}.fm-btn--primary:active:not(:disabled){background:#2a2a2a}.fm-btn--primary:focus-visible{outline:2px solid #ffa8f1;outline-offset:2px}.fm-btn--hero{background:#121212;color:#fff;border:1.5px solid transparent;padding:10px 16px;border-radius:12px;height:42px}.fm-btn--hero:hover:not(:disabled){border-color:#ffa8f1;background:#121212}.fm-btn--hero:active:not(:disabled){border-color:#ffa8f1;background:#121212}.fm-btn--hero:focus-visible{border-color:#ffa8f1;outline:none}.fm-btn--hero:disabled{background:#dcdcdc;color:#91939f;border-color:transparent}.fm-btn--secondary{background:#fff;color:#18181b;border:1px solid #d9d9de;border-radius:12px;height:42px;padding:10px 16px}.fm-btn--secondary:hover:not(:disabled){border-width:1.5px;border-color:#ffa8f1;background:#fff}.fm-btn--secondary:active:not(:disabled){border-width:1px;border-color:#ffa8f1;background:#f7f7f8}.fm-btn--secondary:focus-visible{border-width:1px;border-color:#ffa8f1;outline:none;background:#fff}.fm-btn--secondary:disabled{color:#91939f;border-color:#d9d9de;border-width:1px;background:#fff;cursor:not-allowed}.fm-btn--secondary-large{background:#fff;color:#18181b;border:1px solid #d9d9de;border-radius:12px;height:52px;padding:12px 24px;font-size:16px}.fm-btn--secondary-large:hover:not(:disabled){border-width:1.5px;border-color:#ffa8f1;background:#fff}.fm-btn--secondary-large:active:not(:disabled){border-width:1px;border-color:#ffa8f1;background:#f7f7f8}.fm-btn--secondary-large:focus-visible{border-width:1px;border-color:#ffa8f1;outline:none;background:#fff}.fm-btn--secondary-large:disabled{color:#91939f;border-color:#d9d9de;border-width:1px;background:#fff;cursor:not-allowed}.fm-btn--ghost{background:transparent;color:#18181b;border:none}.fm-btn--ghost:hover:not(:disabled){background:#f7f7f8}.fm-btn--ghost:active:not(:disabled){background:#eeeef0}.fm-btn--ghost-icon{background:transparent;color:#18181b;border:none;padding:8px;border-radius:10px;height:auto}.fm-btn--ghost-icon:hover:not(:disabled){background:#f7f7f8}.fm-btn--disabled,.fm-btn:disabled{cursor:not-allowed;opacity:1}.fm-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.fm-input-wrapper{display:flex;flex-direction:column;gap:var(--space-sm, 12px);width:100%}.fm-input__label{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-16, 16px);font-weight:var(--weight-medium, 400);color:var(--nature-fill-600, #5d5e6c);line-height:1.4}.fm-input__field{display:flex;align-items:center;gap:var(--space-xs, 8px);height:42px;padding:var(--space-s, 10px) var(--space-m, 16px);border-radius:var(--radius-m, 12px);border:1px solid var(--nature-fill-300, #b8b9c1);background:var(--bw-fill-white, #ffffff);transition:border-color .15s,box-shadow .15s}.fm-input__el{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);font-weight:var(--weight-medium, 400);color:var(--bw-fill-black, #121212);line-height:1.4}.fm-input__el::placeholder{color:var(--nature-fill-300, #b8b9c1)}.fm-input-wrapper--hover .fm-input__field{border-color:var(--nature-fill-500, #7c7c7c)}.fm-input-wrapper--focused .fm-input__field{border-color:var(--primary-fill-500, #7d65e1);box-shadow:0 0 0 3px #7d65e126}.fm-input-wrapper--filled .fm-input__field{border-color:var(--nature-fill-400, #989898)}.fm-input-wrapper--error .fm-input__field{border-color:#e53e3e}.fm-input-wrapper--success .fm-input__field{border-color:var(--green-fill-500, #27a872)}.fm-input-wrapper--disabled .fm-input__field{background:var(--bw-fill-100, #eeeef0);cursor:not-allowed}.fm-input-wrapper--disabled .fm-input__el{cursor:not-allowed;color:var(--bw-fill-400, #989898)}.fm-input__icon{display:inline-flex;align-items:center;color:var(--nature-fill-400, #989898)}.fm-input__message{font-family:var(--font-family-body);font-size:var(--font-size-12, 12px);margin-top:4px}.fm-input__message--error{color:#e53e3e}.fm-input__message--success{color:var(--green-fill-600, #1e8a5d)}.fm-tag{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs, 8px) var(--space-sm, 12px);border-radius:var(--radius-full, 9999px);font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-12, 12px);font-weight:var(--weight-bold, 700);line-height:1.2;white-space:nowrap}.fm-tag--grey{background:var(--nature-fill-100, #eeeef0);color:var(--nature-fill-700, #4c4d58)}.fm-tag--green{background:var(--green-fill-100, #d9f2e7);color:var(--green-fill-700, #1b6153)}.fm-tag--yellow{background:var(--yellow-fill-100, #fff0d4);color:var(--yellow-fill-700, #c54e09)}.fm-tag--purple{background:var(--primary-fill-100,#eeecfb);color:var(--primary-fill-700,#6d45bc)}.fm-tag--pink{background:var(--pink-fill-100, #ffe7fc);color:var(--pink-fill-700, #b51692)}.fm-toggle{display:inline-flex;align-items:center;gap:var(--space-xs, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}.fm-toggle__input{position:absolute;opacity:0;width:0;height:0}.fm-toggle__track{position:relative;width:44px;height:24px;border-radius:var(--radius-full, 9999px);background:var(--nature-fill-300, #b8b9c1);transition:background .2s;flex-shrink:0}.fm-toggle__input:checked~.fm-toggle__track{background:var(--primary-fill-500, #7d65e1)}.fm-toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--bw-fill-white, #ffffff);box-shadow:0 1px 3px #0003;transition:transform .2s}.fm-toggle__input:checked~.fm-toggle__track .fm-toggle__thumb{transform:translate(20px)}.fm-toggle--disabled{opacity:.5;cursor:not-allowed}.fm-toggle__label{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);color:var(--bw-fill-black, #121212)}.fm-checkbox{display:inline-flex;align-items:center;gap:var(--space-xs, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}.fm-checkbox__input{position:absolute;opacity:0;width:0;height:0}.fm-checkbox__box{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;border:1.5px solid var(--nature-fill-300, #b8b9c1);background:var(--bw-fill-white, #ffffff);flex-shrink:0;transition:background .15s,border-color .15s}.fm-checkbox--large .fm-checkbox__box{width:22px;height:22px;border-radius:6px}.fm-checkbox__input:checked+.fm-checkbox__box{background:var(--primary-fill-500, #7d65e1);border-color:var(--primary-fill-500, #7d65e1)}.fm-checkbox__input:indeterminate+.fm-checkbox__box{background:var(--primary-fill-500, #7d65e1);border-color:var(--primary-fill-500, #7d65e1)}.fm-checkbox__minus{width:10px;height:2px;background:var(--bw-fill-white, #ffffff);border-radius:1px}.fm-checkbox--disabled{opacity:.5;cursor:not-allowed}.fm-checkbox__label{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);color:var(--bw-fill-black, #121212)}.fm-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-m, 16px);border-radius:var(--radius-xl, 20px) var(--radius-xl, 20px) 0 0;width:100%}.fm-header--purple{background:var(--primary-fill-100, #eeecfb)}.fm-header--grey{background:var(--nature-fill-50, #f7f7f8)}.fm-header__slot{display:flex;align-items:center}.fm-header__title-block{display:flex;flex-direction:column;gap:var(--space-xs, 8px);flex:1;padding:0 var(--space-xs, 8px)}.fm-header__title{font-family:var(--font-family-headings, "Manrope", sans-serif);font-size:var(--font-size-18, 18px);font-weight:var(--weight-bold, 700);color:var(--bw-fill-black, #121212);line-height:.9;margin:0}.fm-header__subtitle{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);font-weight:var(--weight-medium, 400);color:var(--bw-fill-400, #989898);line-height:1.4;margin:0}.fm-footer{display:flex;flex-direction:column;width:100%}.fm-footer--light{background:var(--nature-fill-50, #f7f7f8);color:var(--bw-fill-black, #121212)}.fm-footer--dark{background:var(--nature-fill-950, #18181b);color:#ffffffbf}.fm-footer__top{display:flex;gap:var(--space-3xl, 48px);padding:var(--space-xl, 24px);align-items:flex-start}.fm-footer__cta-block{display:flex;flex-direction:column;gap:var(--space-xl, 24px);flex-shrink:0}.fm-footer__headline{font-family:var(--font-family-headings, "Manrope", sans-serif);font-size:var(--font-size-30, 30px);font-weight:var(--weight-bold, 700);line-height:.94;margin:0}.fm-footer__cta-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 var(--space-m, 16px);border-radius:var(--radius-m, 12px);font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);font-weight:var(--weight-bold, 700);cursor:pointer;transition:background .15s}.fm-footer--light .fm-footer__cta-btn{background:var(--bw-fill-black, #121212);color:var(--bw-fill-white, #ffffff);border:none}.fm-footer--dark .fm-footer__cta-btn{background:transparent;color:#ffffffbf;border:1.5px solid var(--pink-fill-300, #ffa8f1)}.fm-footer__sections{display:flex;gap:var(--space-3xl, 48px);flex:1;justify-content:space-between;flex-wrap:wrap}.fm-footer__section{display:flex;flex-direction:column;gap:var(--space-xl, 24px)}.fm-footer__section-title{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-16, 16px);font-weight:var(--weight-semibold, 600);margin:0}.fm-footer__section-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-m, 16px)}.fm-footer__link{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);font-weight:var(--weight-light, 300);text-decoration:none;line-height:1.4;color:inherit}.fm-footer__link:hover{text-decoration:underline}.fm-footer__bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl, 24px);border-top:1px solid rgba(255,255,255,.05)}.fm-footer__copyright{font-family:var(--font-family-body, "Nunito Sans", sans-serif);font-size:var(--font-size-14, 14px);font-weight:var(--weight-medium, 400);line-height:1.4;margin:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tetjana/flowmakers-ds",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "FlowMakers UI Design System — React components",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",