@tetjana/flowmakers-ds 0.1.1 → 0.1.2

package/dist/components/Button.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
+import type { ButtonHTMLAttributes, ReactNode, FC } from 'react';
 import './Button.css';
 export type ButtonVariant = 'primary' | 'hero' | 'secondary' | 'secondary-large' | 'ghost' | 'ghost-icon';
 export type ButtonSize = 'sm' | 'md' | 'lg';
 export type ButtonState = 'default' | 'hover' | 'pressed' | 'focused' | 'disabled';
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     size?: ButtonSize;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    children?: React.ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    children?: ReactNode;
     fullWidth?: boolean;
 }
-export declare const Button: React.FC<ButtonProps>;
+export declare const Button: FC<ButtonProps>;
 export default Button;

package/dist/components/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { type FC } from 'react';
 import './Checkbox.css';
 export type CheckboxState = 'idle' | 'clicked' | 'disabled';
 export type CheckboxSelection = 'on' | 'off' | 'mixed';
@@ -12,5 +12,5 @@ export interface CheckboxProps {
     label?: string;
     className?: string;
 }
-export declare const Checkbox: React.FC<CheckboxProps>;
+export declare const Checkbox: FC<CheckboxProps>;
 export default Checkbox;

package/dist/components/Footer.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type { FC } from 'react';
 import './Footer.css';
 export type FooterVariant = 'light' | 'dark';
 export interface FooterLink {
@@ -16,12 +16,7 @@ export interface FooterProps {
     onCtaClick?: () => void;
     sections?: FooterSection[];
     copyright?: string;
-    socials?: {
-        twitter?: string;
-        instagram?: string;
-        facebook?: string;
-    };
     className?: string;
 }
-export declare const Footer: React.FC<FooterProps>;
+export declare const Footer: FC<FooterProps>;
 export default Footer;

package/dist/components/Header.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
+import type { ReactNode, FC } from 'react';
 import './Header.css';
 export type HeaderColor = 'purple' | 'grey';
 export interface HeaderProps {
     title: string;
     subtitle?: string;
     color?: HeaderColor;
-    leftSlot?: React.ReactNode;
-    rightSlot?: React.ReactNode;
+    leftSlot?: ReactNode;
+    rightSlot?: ReactNode;
     className?: string;
 }
-export declare const Header: React.FC<HeaderProps>;
+export declare const Header: FC<HeaderProps>;
 export default Header;

package/dist/components/Input.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
+import type { InputHTMLAttributes, ReactNode, FC } from 'react';
 import './Input.css';
 export type InputState = 'default' | 'hover' | 'focused' | 'filled' | 'error' | 'success';
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     placeholder?: string;
     state?: InputState;
     errorMessage?: string;
     successMessage?: string;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
 }
-export declare const Input: React.FC<InputProps>;
+export declare const Input: FC<InputProps>;
 export default Input;

package/dist/components/Tag.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import type { ReactNode, FC } from 'react';
 import './Tag.css';
 export type TagColor = 'grey' | 'green' | 'yellow' | 'purple' | 'pink';
 export interface TagProps {
-    children: React.ReactNode;
+    children: ReactNode;
     color?: TagColor;
     className?: string;
 }
-export declare const Tag: React.FC<TagProps>;
+export declare const Tag: FC<TagProps>;
 export default Tag;

package/dist/components/Toggle.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type { FC } from 'react';
 import './Toggle.css';
 export interface ToggleProps {
     checked: boolean;
@@ -7,5 +7,5 @@ export interface ToggleProps {
     label?: string;
     className?: string;
 }
-export declare const Toggle: React.FC<ToggleProps>;
+export declare const Toggle: FC<ToggleProps>;
 export default Toggle;

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react");function re(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(o,a,s.get?s:{enumerable:!0,get:()=>n[a]})}}return o.default=n,Object.freeze(o)}const L=re(B);var w={exports:{}},j={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react");var A={exports:{}},x={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * 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 te(){if(M)return j;M=1;var n=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function a(s,l,c){var m=null;if(c!==void 0&&(m=""+c),l.key!==void 0&&(m=""+l.key),"key"in l){c={};for(var _ in l)_!=="key"&&(c[_]=l[_])}else c=l;return l=c.ref,{$$typeof:n,type:s,key:m,ref:l!==void 0?l:null,props:c}}return j.Fragment=o,j.jsx=a,j.jsxs=a,j}var x={};/**
+ */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
  *
@@ -14,9 +14,9 @@
  *
  * 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 ae(){return I||(I=1,process.env.NODE_ENV!=="production"&&function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Q?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case z:return"Profiler";case U:return"StrictMode";case J:return"Suspense";case X:return"SuspenseList";case Z: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 W:return"Portal";case q:return e.displayName||"Context";case V:return(e._context.displayName||"Context")+".Consumer";case G:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case H:return t=e.displayName||null,t!==null?t:n(e.type)||"Memo";case g:t=e._payload,e=e._init;try{return n(e(t))}catch{}}return null}function o(e){return""+e}function a(e){try{o(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),o(e)}}function s(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===g)return"<...>";try{var t=n(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function l(){var e=R.A;return e===null?null:e.getOwner()}function c(){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=n(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,O){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:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function b(e,t,i,f,N,O){var u=t.children;if(u!==void 0)if(f)if(K(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=n(e);var h=Object.keys(t).filter(function(ee){return ee!=="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:
+ */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,l(),N,O)}function v(e){A(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===g&&(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=B,P=Symbol.for("react.transitional.element"),W=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),U=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),V=Symbol.for("react.consumer"),q=Symbol.for("react.context"),G=Symbol.for("react.forward_ref"),J=Symbol.for("react.suspense"),X=Symbol.for("react.suspense_list"),H=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),Z=Symbol.for("react.activity"),Q=Symbol.for("react.client.reference"),R=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,S=Object.prototype.hasOwnProperty,K=Array.isArray,T=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,c)(),F=T(s(c)),D={};x.Fragment=k,x.jsx=function(e,t,i){var f=1e4>R.recentlyCreatedOwnerStacks++;return b(e,t,i,!1,f?Error("react-stack-top-frame"):Y,f?T(s(e)):F)},x.jsxs=function(e,t,i){var f=1e4>R.recentlyCreatedOwnerStacks++;return b(e,t,i,!0,f?Error("react-stack-top-frame"):Y,f?T(s(e)):F)}}()),x}process.env.NODE_ENV==="production"?w.exports=te():w.exports=ae();var r=w.exports;const ne=({variant:n="primary",size:o="md",leftIcon:a,rightIcon:s,children:l,fullWidth:c=!1,disabled:m,className:_="",...d})=>{const p=["fm-btn",`fm-btn--${n}`,`fm-btn--${o}`,c?"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}),l&&r.jsx("span",{className:"fm-btn__label",children:l}),s&&r.jsx("span",{className:"fm-btn__icon fm-btn__icon--right",children:s})]})},se=({label:n,placeholder:o,state:a="default",errorMessage:s,successMessage:l,leftIcon:c,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:[n&&r.jsx("label",{className:"fm-input__label",children:n}),r.jsxs("div",{className:"fm-input__field",children:[c&&r.jsx("span",{className:"fm-input__icon fm-input__icon--left",children:c}),r.jsx("input",{className:"fm-input__el",placeholder:o,disabled:d,...p}),m&&r.jsx("span",{className:"fm-input__icon fm-input__icon--right",children:m})]}),a==="error"&&s&&r.jsx("p",{className:"fm-input__message fm-input__message--error",children:s}),a==="success"&&l&&r.jsx("p",{className:"fm-input__message fm-input__message--success",children:l})]})},oe=({children:n,color:o="grey",className:a=""})=>{const s=["fm-tag",`fm-tag--${o}`,a].filter(Boolean).join(" ");return r.jsx("span",{className:s,children:n})},le=({checked:n,onChange:o,disabled:a,label:s,className:l=""})=>r.jsxs("label",{className:["fm-toggle",a?"fm-toggle--disabled":"",l].filter(Boolean).join(" "),children:[r.jsx("input",{type:"checkbox",className:"fm-toggle__input",checked:n,onChange:c=>o(c.target.checked),disabled:a}),r.jsx("span",{className:"fm-toggle__track",children:r.jsx("span",{className:"fm-toggle__thumb"})}),s&&r.jsx("span",{className:"fm-toggle__label",children:s})]}),ce=({checked:n=!1,indeterminate:o=!1,onChange:a,disabled:s,size:l="small",label:c,className:m=""})=>{const _=L.useRef(null);return L.useEffect(()=>{_.current&&(_.current.indeterminate=o)},[o]),r.jsxs("label",{className:["fm-checkbox",`fm-checkbox--${l}`,s?"fm-checkbox--disabled":"",m].filter(Boolean).join(" "),children:[r.jsx("input",{ref:_,type:"checkbox",className:"fm-checkbox__input",checked:n,onChange:d=>a==null?void 0:a(d.target.checked),disabled:s}),r.jsxs("span",{className:"fm-checkbox__box",children:[n&&!o&&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"})}),o&&r.jsx("span",{className:"fm-checkbox__minus"})]}),c&&r.jsx("span",{className:"fm-checkbox__label",children:c})]})},ie=({title:n,subtitle:o,color:a="purple",leftSlot:s,rightSlot:l,className:c=""})=>{const m=["fm-header",`fm-header--${a}`,c].filter(Boolean).join(" ");return r.jsxs("div",{className:m,children:[s&&r.jsx("div",{className:"fm-header__slot fm-header__slot--left",children:s}),r.jsxs("div",{className:"fm-header__title-block",children:[r.jsx("h4",{className:"fm-header__title",children:n}),o&&r.jsx("p",{className:"fm-header__subtitle",children:o})]}),l&&r.jsx("div",{className:"fm-header__slot fm-header__slot--right",children:l})]})},fe=({variant:n="light",headline:o="Є ідеї чи пропозиції?",ctaLabel:a="Написати нам",onCtaClick:s,sections:l=[],copyright:c="© 2024 Made by FlowMakers. All rights reserved",className:m=""})=>{const _=["fm-footer",`fm-footer--${n}`,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:o}),r.jsx("button",{className:"fm-footer__cta-btn",onClick:s,children:a})]}),r.jsx("div",{className:"fm-footer__sections",children:l.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:c})})]})};exports.Button=ne;exports.Checkbox=ce;exports.Footer=fe;exports.Header=ie;exports.Input=se;exports.Tag=oe;exports.Toggle=le;
+  <%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;

package/dist/index.esm.js

@@ -1,5 +1,4 @@
-import * as D from "react";
-import ee from "react";
+import K, { useRef as ee, useEffect as re } from "react";
 var O = { exports: {} }, x = {};
 /**
  * @license React
@@ -10,27 +9,27 @@ var O = { exports: {} }, x = {};
  * 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 re() {
-  if (I) return x;
-  I = 1;
+var D;
+function te() {
+  if (D) return x;
+  D = 1;
   var l = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
-  function s(n, a, o) {
+  function a(n, s, o) {
     var m = null;
-    if (o !== void 0 && (m = "" + o), a.key !== void 0 && (m = "" + a.key), "key" in a) {
+    if (o !== void 0 && (m = "" + o), s.key !== void 0 && (m = "" + s.key), "key" in s) {
       o = {};
-      for (var _ in a)
-        _ !== "key" && (o[_] = a[_]);
-    } else o = a;
-    return a = o.ref, {
+      for (var _ in s)
+        _ !== "key" && (o[_] = s[_]);
+    } else o = s;
+    return s = o.ref, {
       $$typeof: l,
       type: n,
       key: m,
-      ref: a !== void 0 ? a : null,
+      ref: s !== void 0 ? s : null,
       props: o
     };
   }
-  return x.Fragment = c, x.jsx = s, x.jsxs = s, x;
+  return x.Fragment = c, x.jsx = a, x.jsxs = a, x;
 }
 var j = {};
 /**
@@ -42,42 +41,42 @@ var j = {};
  * 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 te() {
-  return M || (M = 1, process.env.NODE_ENV !== "production" && function() {
+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 === Z ? null : e.displayName || e.name || null;
+        return e.$$typeof === H ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case k:
           return "Fragment";
-        case U:
-          return "Profiler";
         case B:
+          return "Profiler";
+        case W:
           return "StrictMode";
-        case J:
-          return "Suspense";
         case q:
+          return "Suspense";
+        case G:
           return "SuspenseList";
-        case H:
+        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 W:
+          case M:
             return "Portal";
-          case z:
-            return e.displayName || "Context";
           case V:
+            return e.displayName || "Context";
+          case U:
             return (e._context.displayName || "Context") + ".Consumer";
-          case G:
+          case z:
             var t = e.render;
             return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case X:
+          case J:
             return t = e.displayName || null, t !== null ? t : l(e.type) || "Memo";
           case R:
             t = e._payload, e = e._init;
@@ -91,7 +90,7 @@ function te() {
     function c(e) {
       return "" + e;
     }
-    function s(e) {
+    function a(e) {
       try {
         c(e);
         var t = !1;
@@ -119,7 +118,7 @@ function te() {
         return "<...>";
       }
     }
-    function a() {
+    function s() {
       var e = T.A;
       return e === null ? null : e.getOwner();
     }
@@ -188,7 +187,7 @@ function te() {
       var u = t.children;
       if (u !== void 0)
         if (f)
-          if (Q(u)) {
+          if (Z(u)) {
             for (f = 0; f < u.length; f++)
               v(u[f]);
             Object.freeze && Object.freeze(u);
@@ -199,8 +198,8 @@ function te() {
         else v(u);
       if (S.call(t, "key")) {
         u = l(e);
-        var b = Object.keys(t).filter(function(K) {
-          return K !== "key";
+        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:
@@ -215,7 +214,7 @@ React keys must be passed directly to JSX without using spread:
           u
         ), L[u + f] = !0);
       }
-      if (u = null, i !== void 0 && (s(i), u = "" + i), m(t) && (s(t.key), u = "" + t.key), "key" in t) {
+      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]);
@@ -227,7 +226,7 @@ React keys must be passed directly to JSX without using spread:
         e,
         u,
         i,
-        a(),
+        s(),
         N,
         w
       );
@@ -238,7 +237,7 @@ React keys must be passed directly to JSX without using spread:
     function A(e) {
       return typeof e == "object" && e !== null && e.$$typeof === P;
     }
-    var E = ee, P = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), B = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), z = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), J = Symbol.for("react.suspense"), q = 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"), T = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, S = Object.prototype.hasOwnProperty, Q = Array.isArray, g = console.createTask ? console.createTask : function() {
+    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 = {
@@ -273,14 +272,14 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), j;
 }
-process.env.NODE_ENV === "production" ? O.exports = re() : O.exports = te();
+process.env.NODE_ENV === "production" ? O.exports = te() : O.exports = se();
 var r = O.exports;
-const se = ({
+const ne = ({
   variant: l = "primary",
   size: c = "md",
-  leftIcon: s,
+  leftIcon: a,
   rightIcon: n,
-  children: a,
+  children: s,
   fullWidth: o = !1,
   disabled: m,
   className: _ = "",
@@ -295,16 +294,16 @@ const se = ({
     _
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ r.jsxs("button", { className: p, disabled: m, ...d, children: [
-    s && /* @__PURE__ */ r.jsx("span", { className: "fm-btn__icon fm-btn__icon--left", children: s }),
-    a && /* @__PURE__ */ r.jsx("span", { className: "fm-btn__label", children: a }),
+    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 })
   ] });
-}, ne = ({
+}, oe = ({
   label: l,
   placeholder: c,
-  state: s = "default",
+  state: a = "default",
   errorMessage: n,
-  successMessage: a,
+  successMessage: s,
   leftIcon: o,
   rightIcon: m,
   className: _ = "",
@@ -313,7 +312,7 @@ const se = ({
 }) => {
   const h = [
     "fm-input-wrapper",
-    `fm-input-wrapper--${s}`,
+    `fm-input-wrapper--${a}`,
     d ? "fm-input-wrapper--disabled" : "",
     _
   ].filter(Boolean).join(" ");
@@ -332,13 +331,13 @@ const se = ({
       ),
       m && /* @__PURE__ */ r.jsx("span", { className: "fm-input__icon fm-input__icon--right", children: m })
     ] }),
-    s === "error" && n && /* @__PURE__ */ r.jsx("p", { className: "fm-input__message fm-input__message--error", children: n }),
-    s === "success" && a && /* @__PURE__ */ r.jsx("p", { className: "fm-input__message fm-input__message--success", children: a })
+    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 })
   ] });
-}, oe = ({ children: l, color: c = "grey", className: s = "" }) => {
-  const n = ["fm-tag", `fm-tag--${c}`, s].filter(Boolean).join(" ");
+}, 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 });
-}, le = ({ checked: l, onChange: c, disabled: s, label: n, className: a = "" }) => /* @__PURE__ */ r.jsxs("label", { className: ["fm-toggle", s ? "fm-toggle--disabled" : "", a].filter(Boolean).join(" "), children: [
+}, 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(
     "input",
     {
@@ -346,24 +345,24 @@ const se = ({
       className: "fm-toggle__input",
       checked: l,
       onChange: (o) => c(o.target.checked),
-      disabled: s
+      disabled: a
     }
   ),
   /* @__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 })
-] }), ce = ({
+] }), ie = ({
   checked: l = !1,
   indeterminate: c = !1,
-  onChange: s,
+  onChange: a,
   disabled: n,
-  size: a = "small",
+  size: s = "small",
   label: o,
   className: m = ""
 }) => {
-  const _ = D.useRef(null);
-  return D.useEffect(() => {
+  const _ = ee(null);
+  return re(() => {
     _.current && (_.current.indeterminate = c);
-  }, [c]), /* @__PURE__ */ r.jsxs("label", { className: ["fm-checkbox", `fm-checkbox--${a}`, n ? "fm-checkbox--disabled" : "", m].filter(Boolean).join(" "), children: [
+  }, [c]), /* @__PURE__ */ r.jsxs("label", { className: ["fm-checkbox", `fm-checkbox--${s}`, n ? "fm-checkbox--disabled" : "", m].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ r.jsx(
       "input",
       {
@@ -371,7 +370,7 @@ const se = ({
         type: "checkbox",
         className: "fm-checkbox__input",
         checked: l,
-        onChange: (d) => s == null ? void 0 : s(d.target.checked),
+        onChange: (d) => a == null ? void 0 : a(d.target.checked),
         disabled: n
       }
     ),
@@ -381,29 +380,29 @@ const se = ({
     ] }),
     o && /* @__PURE__ */ r.jsx("span", { className: "fm-checkbox__label", children: o })
   ] });
-}, ie = ({
+}, fe = ({
   title: l,
   subtitle: c,
-  color: s = "purple",
+  color: a = "purple",
   leftSlot: n,
-  rightSlot: a,
+  rightSlot: s,
   className: o = ""
 }) => {
-  const m = ["fm-header", `fm-header--${s}`, o].filter(Boolean).join(" ");
+  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 })
     ] }),
-    a && /* @__PURE__ */ r.jsx("div", { className: "fm-header__slot fm-header__slot--right", children: a })
+    s && /* @__PURE__ */ r.jsx("div", { className: "fm-header__slot fm-header__slot--right", children: s })
   ] });
-}, fe = ({
+}, ue = ({
   variant: l = "light",
   headline: c = "Є ідеї чи пропозиції?",
-  ctaLabel: s = "Написати нам",
+  ctaLabel: a = "Написати нам",
   onCtaClick: n,
-  sections: a = [],
+  sections: s = [],
   copyright: o = "© 2024 Made by FlowMakers. All rights reserved",
   className: m = ""
 }) => {
@@ -412,9 +411,9 @@ const se = ({
     /* @__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: s })
+        /* @__PURE__ */ r.jsx("button", { className: "fm-footer__cta-btn", onClick: n, children: a })
       ] }),
-      /* @__PURE__ */ r.jsx("div", { className: "fm-footer__sections", children: a.map((d, p) => /* @__PURE__ */ r.jsxs("div", { className: "fm-footer__section", children: [
+      /* @__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)) })
@@ -423,11 +422,11 @@ const se = ({
   ] });
 };
 export {
-  se as Button,
-  ce as Checkbox,
-  fe as Footer,
-  ie as Header,
-  ne as Input,
-  oe as Tag,
-  le as Toggle
+  ne as Button,
+  ie as Checkbox,
+  ue as Footer,
+  fe as Header,
+  oe as Input,
+  le as Tag,
+  ce as Toggle
 };

package/package.json

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