@tetjana/flowmakers-ds 0.1.7 → 0.1.9

package/dist/components/CardCareer.d.ts

@@ -0,0 +1,18 @@
+import { type FC, type ReactNode } from 'react';
+import './CardCareer.css';
+export interface CardCareerTask {
+    title: string;
+    subtitle?: string;
+    progress: number;
+    action?: ReactNode;
+}
+export interface CardCareerProps {
+    title: string;
+    subtitle?: string;
+    statusTag?: ReactNode;
+    tasks?: CardCareerTask[];
+    defaultOpen?: boolean;
+    className?: string;
+}
+export declare const CardCareer: FC<CardCareerProps>;
+export default CardCareer;

package/dist/components/CardCareer.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/CardTest.d.ts

@@ -0,0 +1,19 @@
+import type { FC, ReactNode } from 'react';
+import './CardTest.css';
+export type CardTestState = 'available' | 'in-progress' | 'completed' | 'unavailable';
+export interface CardTestMetaItem {
+    icon: ReactNode;
+    label: string;
+}
+export interface CardTestProps {
+    title: string;
+    description?: string;
+    image?: string;
+    state?: CardTestState;
+    tags?: ReactNode;
+    meta?: CardTestMetaItem[];
+    action?: ReactNode;
+    className?: string;
+}
+export declare const CardTest: FC<CardTestProps>;
+export default CardTest;

package/dist/components/CardTest.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DashboardTitle.d.ts

@@ -0,0 +1,12 @@
+import type { FC } from 'react';
+import './DashboardTitle.css';
+export interface DashboardTitleProps {
+    title?: string;
+    subtitle?: string;
+    actionLabel?: string;
+    showAction?: boolean;
+    onAction?: () => void;
+    className?: string;
+}
+export declare const DashboardTitle: FC<DashboardTitleProps>;
+export default DashboardTitle;

package/dist/components/DatePicker.d.ts

@@ -0,0 +1,10 @@
+import type { InputHTMLAttributes, FC } from 'react';
+import './DatePicker.css';
+export type DatePickerState = 'default' | 'hover' | 'focused' | 'disabled';
+export interface DatePickerProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    helperText?: string;
+    state?: DatePickerState;
+}
+export declare const DatePicker: FC<DatePickerProps>;
+export default DatePicker;

package/dist/components/Dropdown.d.ts

@@ -0,0 +1,14 @@
+import type { FC, ReactNode } from 'react';
+import './Dropdown.css';
+export interface DropdownOption {
+    value: string;
+    label: string;
+}
+export interface DropdownProps {
+    options: DropdownOption[];
+    onSelect?: (value: string) => void;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Dropdown: FC<DropdownProps>;
+export default Dropdown;

package/dist/components/Footer.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Header.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/IconButton.d.ts

@@ -0,0 +1,12 @@
+import type { FC, ButtonHTMLAttributes } from 'react';
+import './IconButton.css';
+export type IconButtonIcon = 'minus' | 'plus' | 'dots' | 'pen' | 'link' | 'arrow-left' | 'arrow-right';
+export type IconButtonSize = 'regular' | 'small';
+export type IconButtonVariant = 'filled' | 'outlined';
+export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: IconButtonIcon;
+    size?: IconButtonSize;
+    variant?: IconButtonVariant;
+}
+export declare const IconButton: FC<IconButtonProps>;
+export default IconButton;

package/dist/components/IconButton.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ListItem.d.ts

@@ -0,0 +1,8 @@
+import type { FC, ReactNode } from 'react';
+import './ListItem.css';
+export interface ListItemProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const ListItem: FC<ListItemProps>;
+export default ListItem;

package/dist/components/NavMenu.d.ts

@@ -0,0 +1,18 @@
+import type { FC, ReactNode } from 'react';
+import './NavMenu.css';
+export interface NavItemProps {
+    icon?: ReactNode;
+    label: string;
+    active?: boolean;
+    href?: string;
+    onClick?: () => void;
+    className?: string;
+}
+export declare const NavItem: FC<NavItemProps>;
+export interface NavBarProps {
+    children: ReactNode;
+    horizontal?: boolean;
+    className?: string;
+}
+export declare const NavBar: FC<NavBarProps>;
+export default NavItem;

package/dist/components/NavMenu.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Pagination.d.ts

@@ -0,0 +1,15 @@
+import { type FC } from 'react';
+import './Pagination.css';
+export type PaginationVariant = 'dots' | 'numbers' | 'hidden';
+export interface PaginationProps {
+    variant?: PaginationVariant;
+    page?: number;
+    total?: number;
+    onPrev?: () => void;
+    onNext?: () => void;
+    prevDisabled?: boolean;
+    nextDisabled?: boolean;
+    className?: string;
+}
+export declare const Pagination: FC<PaginationProps>;
+export default Pagination;

package/dist/components/Pagination.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Price.d.ts

@@ -0,0 +1,13 @@
+import type { FC } from 'react';
+import './Price.css';
+export interface PriceProps {
+    title?: string;
+    amount?: string;
+    period?: string;
+    actionLabel?: string;
+    onAction?: () => void;
+    features?: string[];
+    className?: string;
+}
+export declare const Price: FC<PriceProps>;
+export default Price;

package/dist/components/PriceCard.d.ts

@@ -0,0 +1,15 @@
+import type { FC, ReactNode } from 'react';
+import './PriceCard.css';
+export interface PriceCardProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    price?: string;
+    period?: string;
+    action?: ReactNode;
+    badge?: string;
+    highlighted?: boolean;
+    className?: string;
+}
+export declare const PriceCard: FC<PriceCardProps>;
+export default PriceCard;

package/dist/components/ProcessStep.d.ts

@@ -0,0 +1,12 @@
+import type { FC } from 'react';
+import './ProcessStep.css';
+export type ProcessStepStyle = 'select' | 'normal';
+export interface ProcessStepProps {
+    number?: number | string;
+    title?: string;
+    content?: string;
+    style?: ProcessStepStyle;
+    className?: string;
+}
+export declare const ProcessStep: FC<ProcessStepProps>;
+export default ProcessStep;

package/dist/components/Question.d.ts

@@ -0,0 +1,13 @@
+import type { FC } from 'react';
+import './Question.css';
+export type QuestionState = 'default' | 'hover';
+export interface QuestionProps {
+    title?: string;
+    text?: string;
+    open?: boolean;
+    state?: QuestionState;
+    onClick?: () => void;
+    className?: string;
+}
+export declare const Question: FC<QuestionProps>;
+export default Question;

package/dist/components/RadioButton.d.ts

@@ -0,0 +1,8 @@
+import type { InputHTMLAttributes, FC } from 'react';
+import './RadioButton.css';
+export interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    checked?: boolean;
+}
+export declare const RadioButton: FC<RadioButtonProps>;
+export default RadioButton;

package/dist/components/Search.d.ts

@@ -0,0 +1,7 @@
+import type { InputHTMLAttributes, FC } from 'react';
+import './Search.css';
+export interface SearchProps extends InputHTMLAttributes<HTMLInputElement> {
+    placeholder?: string;
+}
+export declare const Search: FC<SearchProps>;
+export default Search;

package/dist/components/SectionTitle.d.ts

@@ -0,0 +1,14 @@
+import type { FC } from 'react';
+import './SectionTitle.css';
+export type SectionTitleVariant = 'centered' | 'split' | 'left';
+export interface SectionTitleProps {
+    tag?: string;
+    showTag?: boolean;
+    title?: string;
+    subtitle?: string;
+    showSubtitle?: boolean;
+    variant?: SectionTitleVariant;
+    className?: string;
+}
+export declare const SectionTitle: FC<SectionTitleProps>;
+export default SectionTitle;

package/dist/components/SegmentedControl.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+import './SegmentedControl.css';
+export interface SegmentedControlOption {
+    value: string;
+    label: string;
+}
+export interface SegmentedControlProps {
+    options: SegmentedControlOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+}
+export declare const SegmentedControl: FC<SegmentedControlProps>;
+export default SegmentedControl;

package/dist/components/SegmentedControl.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/SignupForm.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+import './SignupForm.css';
+export interface SignupFormProps {
+    placeholder?: string;
+    buttonLabel?: string;
+    onSubmit?: (email: string) => void;
+    className?: string;
+}
+export declare const SignupForm: FC<SignupFormProps>;
+export default SignupForm;

package/dist/components/Stepper.d.ts

@@ -0,0 +1,18 @@
+import type { FC } from 'react';
+import './Stepper.css';
+export type StepperStepState = 'done' | 'in-process' | 'inactive';
+export interface StepperStep {
+    label: string;
+    state: StepperStepState;
+}
+export interface StepperProps {
+    steps: StepperStep[];
+    className?: string;
+}
+export declare const StepItem: FC<{
+    step: StepperStep;
+    index: number;
+    isLast: boolean;
+}>;
+export declare const Stepper: FC<StepperProps>;
+export default Stepper;

package/dist/components/StepperProgress.d.ts

@@ -0,0 +1,13 @@
+import type { FC } from 'react';
+import './StepperProgress.css';
+export type StepperProgressState = 'done' | 'in-process' | 'inactive';
+export interface StepperProgressStep {
+    label: string;
+    state?: StepperProgressState;
+}
+export interface StepperProgressProps {
+    steps: StepperProgressStep[];
+    className?: string;
+}
+export declare const StepperProgress: FC<StepperProgressProps>;
+export default StepperProgress;

package/dist/components/TagBig.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import './TagBig.css';
+export interface TagBigProps {
+    label?: string;
+    showIcon?: boolean;
+    className?: string;
+}
+export declare const TagBig: FC<TagBigProps>;
+export default TagBig;

package/dist/components/Tariffs.d.ts

@@ -0,0 +1,12 @@
+import type { FC, ReactNode } from 'react';
+import './Tariffs.css';
+export type TariffsVariant = 'default' | 'hover';
+export interface TariffsProps {
+    icon?: ReactNode;
+    title?: string;
+    description?: string;
+    variant?: TariffsVariant;
+    className?: string;
+}
+export declare const Tariffs: FC<TariffsProps>;
+export default Tariffs;

package/dist/components/TasksWidget.d.ts

@@ -0,0 +1,13 @@
+import type { FC } from 'react';
+import './TasksWidget.css';
+export interface TaskItem {
+    label: string;
+    done?: boolean;
+    time?: string;
+}
+export interface TasksWidgetProps {
+    tasks: TaskItem[];
+    className?: string;
+}
+export declare const TasksWidget: FC<TasksWidgetProps>;
+export default TasksWidget;

package/dist/components/TestimonialCard.d.ts

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+import './TestimonialCard.css';
+export interface TestimonialCardProps {
+    avatar?: string;
+    name: string;
+    role?: string;
+    quote: string;
+    className?: string;
+}
+export declare const TestimonialCard: FC<TestimonialCardProps>;
+export default TestimonialCard;

package/dist/components/TimePicker.d.ts

@@ -0,0 +1,10 @@
+import type { InputHTMLAttributes, FC } from 'react';
+import './TimePicker.css';
+export type TimePickerState = 'default' | 'hover' | 'focused' | 'disabled';
+export interface TimePickerProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    helperText?: string;
+    state?: TimePickerState;
+}
+export declare const TimePicker: FC<TimePickerProps>;
+export default TimePicker;

package/dist/components/WidgetCard.d.ts

@@ -0,0 +1,65 @@
+import type { FC, ReactNode } from 'react';
+import './WidgetCard.css';
+export type WidgetHeaderColor = 'purple' | 'grey';
+export interface WidgetHeaderProps {
+    title: string;
+    subtitle?: string;
+    color?: WidgetHeaderColor;
+    leftAction?: ReactNode;
+    rightAction?: ReactNode;
+    className?: string;
+}
+export declare const WidgetHeader: FC<WidgetHeaderProps>;
+export interface WidgetCardProps {
+    header?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    width?: number | string;
+}
+export declare const WidgetCard: FC<WidgetCardProps>;
+export interface PlatformNewsWidgetProps {
+    tag?: ReactNode;
+    title: string;
+    text: string;
+    className?: string;
+}
+export declare const PlatformNewsWidget: FC<PlatformNewsWidgetProps>;
+export interface GeneralNewsWidgetProps {
+    image?: string;
+    tag?: ReactNode;
+    title: string;
+    className?: string;
+}
+export declare const GeneralNewsWidget: FC<GeneralNewsWidgetProps>;
+export interface NotesWidgetProps {
+    title: string;
+    text: string;
+    date?: string;
+    className?: string;
+}
+export declare const NotesWidget: FC<NotesWidgetProps>;
+export interface PersonalAdviceWidgetProps {
+    tag?: ReactNode;
+    text: string;
+    action?: ReactNode;
+    className?: string;
+}
+export declare const PersonalAdviceWidget: FC<PersonalAdviceWidgetProps>;
+export interface CalendarDayItem {
+    dayLabel: string;
+    date: number;
+    active?: boolean;
+    hasEvent?: boolean;
+}
+export interface CalendarEvent {
+    title: string;
+    time: string;
+    color?: string;
+}
+export interface CalendarWidgetProps {
+    days?: CalendarDayItem[];
+    events?: CalendarEvent[];
+    className?: string;
+}
+export declare const CalendarWidget: FC<CalendarWidgetProps>;
+export default WidgetCard;

package/dist/components/WidgetCard.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/demo.d.ts

@@ -0,0 +1,3 @@
+import './tokens/colors.css';
+import './tokens/typography.css';
+import './tokens/spacing.css';

package/dist/index.cjs.js

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

package/dist/index.d.ts

@@ -8,6 +8,32 @@ export { Toggle } from './components/Toggle';
 export { Checkbox } from './components/Checkbox';
 export { Header } from './components/Header';
 export { Footer } from './components/Footer';
+export { NavItem, NavBar } from './components/NavMenu';
+export { CardTest } from './components/CardTest';
+export { CardCareer } from './components/CardCareer';
+export { IconButton } from './components/IconButton';
+export { SegmentedControl } from './components/SegmentedControl';
+export { Pagination } from './components/Pagination';
+export { WidgetCard, WidgetHeader, PlatformNewsWidget, GeneralNewsWidget, NotesWidget, PersonalAdviceWidget, CalendarWidget, } from './components/WidgetCard';
+export { Search } from './components/Search';
+export { Dropdown } from './components/Dropdown';
+export { DatePicker } from './components/DatePicker';
+export { TimePicker } from './components/TimePicker';
+export { RadioButton } from './components/RadioButton';
+export { Stepper } from './components/Stepper';
+export { StepperProgress } from './components/StepperProgress';
+export { TestimonialCard } from './components/TestimonialCard';
+export { PriceCard } from './components/PriceCard';
+export { Price } from './components/Price';
+export { ListItem } from './components/ListItem';
+export { TagBig } from './components/TagBig';
+export { SectionTitle } from './components/SectionTitle';
+export { DashboardTitle } from './components/DashboardTitle';
+export { ProcessStep } from './components/ProcessStep';
+export { TasksWidget } from './components/TasksWidget';
+export { SignupForm } from './components/SignupForm';
+export { Tariffs } from './components/Tariffs';
+export { Question } from './components/Question';
 export type { ButtonProps, ButtonVariant, ButtonSize } from './components/Button';
 export type { InputProps, InputState } from './components/Input';
 export type { TagProps, TagColor } from './components/Tag';
@@ -15,3 +41,29 @@ export type { ToggleProps } from './components/Toggle';
 export type { CheckboxProps } from './components/Checkbox';
 export type { HeaderProps, HeaderColor } from './components/Header';
 export type { FooterProps, FooterVariant, FooterSection, FooterLink } from './components/Footer';
+export type { NavItemProps, NavBarProps } from './components/NavMenu';
+export type { CardTestProps, CardTestState, CardTestMetaItem } from './components/CardTest';
+export type { CardCareerProps, CardCareerTask } from './components/CardCareer';
+export type { IconButtonProps, IconButtonIcon, IconButtonSize, IconButtonVariant } from './components/IconButton';
+export type { SegmentedControlProps, SegmentedControlOption } from './components/SegmentedControl';
+export type { PaginationProps, PaginationVariant } from './components/Pagination';
+export type { WidgetCardProps, WidgetHeaderProps, WidgetHeaderColor, PlatformNewsWidgetProps, GeneralNewsWidgetProps, NotesWidgetProps, PersonalAdviceWidgetProps, CalendarWidgetProps, CalendarDayItem, CalendarEvent, } from './components/WidgetCard';
+export type { SearchProps } from './components/Search';
+export type { DropdownProps, DropdownOption } from './components/Dropdown';
+export type { DatePickerProps, DatePickerState } from './components/DatePicker';
+export type { TimePickerProps, TimePickerState } from './components/TimePicker';
+export type { RadioButtonProps } from './components/RadioButton';
+export type { StepperProps, StepperStep, StepperStepState } from './components/Stepper';
+export type { StepperProgressProps, StepperProgressStep, StepperProgressState } from './components/StepperProgress';
+export type { TestimonialCardProps } from './components/TestimonialCard';
+export type { PriceCardProps } from './components/PriceCard';
+export type { PriceProps } from './components/Price';
+export type { ListItemProps } from './components/ListItem';
+export type { TagBigProps } from './components/TagBig';
+export type { SectionTitleProps, SectionTitleVariant } from './components/SectionTitle';
+export type { DashboardTitleProps } from './components/DashboardTitle';
+export type { ProcessStepProps, ProcessStepStyle } from './components/ProcessStep';
+export type { TasksWidgetProps, TaskItem } from './components/TasksWidget';
+export type { SignupFormProps } from './components/SignupForm';
+export type { TariffsProps, TariffsVariant } from './components/Tariffs';
+export type { QuestionProps, QuestionState } from './components/Question';