myk-library 1.1.4 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Anchor/Anchor.d.ts +3 -0
- package/dist/components/Anchor/Anchor.styles.d.ts +9 -0
- package/dist/components/Anchor/Anchor.types.d.ts +17 -0
- package/dist/components/Anchor/index.d.ts +2 -0
- package/dist/components/AuthForm/AuthForm.d.ts +4 -0
- package/dist/components/AuthForm/AuthForm.styles.d.ts +24 -0
- package/dist/components/AuthForm/AuthForm.types.d.ts +36 -0
- package/dist/components/AuthForm/index.d.ts +2 -0
- package/dist/components/CTASection/CTASection.d.ts +4 -0
- package/dist/components/CTASection/CTASection.styles.d.ts +16 -0
- package/dist/components/CTASection/CTASection.types.d.ts +26 -0
- package/dist/components/CTASection/index.d.ts +2 -0
- package/dist/components/Calendar/Calendar.d.ts +3 -0
- package/dist/components/Calendar/Calendar.styles.d.ts +15 -0
- package/dist/components/Calendar/Calendar.types.d.ts +27 -0
- package/dist/components/Calendar/index.d.ts +2 -0
- package/dist/components/Collapse/Collapse.d.ts +4 -0
- package/dist/components/Collapse/Collapse.styles.d.ts +4 -0
- package/dist/components/Collapse/Collapse.types.d.ts +13 -0
- package/dist/components/Collapse/index.d.ts +2 -0
- package/dist/components/EmptyState/EmptyState.d.ts +4 -0
- package/dist/components/EmptyState/EmptyState.styles.d.ts +16 -0
- package/dist/components/EmptyState/EmptyState.types.d.ts +22 -0
- package/dist/components/EmptyState/index.d.ts +2 -0
- package/dist/components/FeatureSection/FeatureSection.d.ts +4 -0
- package/dist/components/FeatureSection/FeatureSection.styles.d.ts +19 -0
- package/dist/components/FeatureSection/FeatureSection.types.d.ts +23 -0
- package/dist/components/FeatureSection/index.d.ts +2 -0
- package/dist/components/FileUpload/FileUpload.d.ts +4 -0
- package/dist/components/FileUpload/FileUpload.styles.d.ts +13 -0
- package/dist/components/FileUpload/FileUpload.types.d.ts +26 -0
- package/dist/components/FileUpload/index.d.ts +2 -0
- package/dist/components/Flex/Flex.d.ts +4 -0
- package/dist/components/Flex/Flex.styles.d.ts +13 -0
- package/dist/components/Flex/Flex.types.d.ts +29 -0
- package/dist/components/Flex/index.d.ts +2 -0
- package/dist/components/FooterSection/FooterSection.d.ts +4 -0
- package/dist/components/FooterSection/FooterSection.styles.d.ts +18 -0
- package/dist/components/FooterSection/FooterSection.types.d.ts +32 -0
- package/dist/components/FooterSection/index.d.ts +2 -0
- package/dist/components/HeroSection/HeroSection.d.ts +3 -0
- package/dist/components/HeroSection/HeroSection.styles.d.ts +16 -0
- package/dist/components/HeroSection/HeroSection.types.d.ts +29 -0
- package/dist/components/HeroSection/index.d.ts +2 -0
- package/dist/components/Image/Image.d.ts +4 -0
- package/dist/components/Image/Image.styles.d.ts +12 -0
- package/dist/components/Image/Image.types.d.ts +25 -0
- package/dist/components/Image/index.d.ts +2 -0
- package/dist/components/InputGroup/InputGroup.d.ts +6 -0
- package/dist/components/InputGroup/InputGroup.styles.d.ts +17 -0
- package/dist/components/InputGroup/InputGroup.types.d.ts +18 -0
- package/dist/components/InputGroup/index.d.ts +2 -0
- package/dist/components/NumberInput/NumberInput.d.ts +4 -0
- package/dist/components/NumberInput/NumberInput.styles.d.ts +25 -0
- package/dist/components/NumberInput/NumberInput.types.d.ts +24 -0
- package/dist/components/NumberInput/index.d.ts +2 -0
- package/dist/components/PasswordInput/PasswordInput.d.ts +4 -0
- package/dist/components/PasswordInput/PasswordInput.styles.d.ts +22 -0
- package/dist/components/PasswordInput/PasswordInput.types.d.ts +64 -0
- package/dist/components/PasswordInput/index.d.ts +2 -0
- package/dist/components/PinInput/PinInput.d.ts +4 -0
- package/dist/components/PinInput/PinInput.styles.d.ts +9 -0
- package/dist/components/PinInput/PinInput.types.d.ts +30 -0
- package/dist/components/PinInput/index.d.ts +2 -0
- package/dist/components/PricingCard/PricingCard.d.ts +4 -0
- package/dist/components/PricingCard/PricingCard.styles.d.ts +20 -0
- package/dist/components/PricingCard/PricingCard.types.d.ts +28 -0
- package/dist/components/PricingCard/index.d.ts +2 -0
- package/dist/components/ReviewCard/ReviewCard.d.ts +3 -0
- package/dist/components/ReviewCard/ReviewCard.styles.d.ts +11 -0
- package/dist/components/ReviewCard/ReviewCard.types.d.ts +15 -0
- package/dist/components/ReviewCard/index.d.ts +2 -0
- package/dist/components/ServiceCard/ServiceCard.d.ts +3 -0
- package/dist/components/ServiceCard/ServiceCard.styles.d.ts +11 -0
- package/dist/components/ServiceCard/ServiceCard.types.d.ts +19 -0
- package/dist/components/ServiceCard/index.d.ts +2 -0
- package/dist/components/TestimonialCard/TestimonialCard.d.ts +4 -0
- package/dist/components/TestimonialCard/TestimonialCard.styles.d.ts +16 -0
- package/dist/components/TestimonialCard/TestimonialCard.types.d.ts +19 -0
- package/dist/components/TestimonialCard/index.d.ts +2 -0
- package/dist/components/TimePicker/TimePicker.d.ts +3 -0
- package/dist/components/TimePicker/TimePicker.styles.d.ts +9 -0
- package/dist/components/TimePicker/TimePicker.types.d.ts +27 -0
- package/dist/components/TimePicker/index.d.ts +2 -0
- package/dist/components/Typography/Typography.d.ts +4 -0
- package/dist/components/Typography/Typography.styles.d.ts +11 -0
- package/dist/components/Typography/Typography.types.d.ts +24 -0
- package/dist/components/Typography/index.d.ts +2 -0
- package/dist/index.d.ts +45 -1
- package/dist/index.es.js +2915 -1252
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +2789 -1126
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type HeroHeight = 'sm' | 'md' | 'lg' | 'full';
|
|
3
|
+
export type HeroAlign = 'left' | 'center' | 'right';
|
|
4
|
+
export interface HeroSectionProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
/** Main heading text */
|
|
6
|
+
title: string;
|
|
7
|
+
/** Subtitle/description text */
|
|
8
|
+
subtitle?: string;
|
|
9
|
+
/** Primary CTA button text */
|
|
10
|
+
ctaText?: string;
|
|
11
|
+
/** Primary CTA click handler */
|
|
12
|
+
onCtaClick?: () => void;
|
|
13
|
+
/** Secondary CTA button text */
|
|
14
|
+
secondaryCtaText?: string;
|
|
15
|
+
/** Secondary CTA click handler */
|
|
16
|
+
onSecondaryCtaClick?: () => void;
|
|
17
|
+
/** Background image URL */
|
|
18
|
+
backgroundImage?: string;
|
|
19
|
+
/** CSS gradient string (e.g., "linear-gradient(135deg, #667eea, #764ba2)") */
|
|
20
|
+
gradient?: string;
|
|
21
|
+
/** Dark overlay opacity over background image (0-1) */
|
|
22
|
+
overlay?: number;
|
|
23
|
+
/** Hero height variant */
|
|
24
|
+
height?: HeroHeight;
|
|
25
|
+
/** Content alignment */
|
|
26
|
+
align?: HeroAlign;
|
|
27
|
+
/** Custom content below title/subtitle (e.g., search bar, badges) */
|
|
28
|
+
children?: ReactNode;
|
|
29
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ImageFit, ImageRadius } from './Image.types';
|
|
2
|
+
export declare const ImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
$width?: string | number;
|
|
4
|
+
$height?: string | number;
|
|
5
|
+
$radius: ImageRadius;
|
|
6
|
+
}>> & string;
|
|
7
|
+
export declare const StyledImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
|
|
8
|
+
$fit: ImageFit;
|
|
9
|
+
$loaded: boolean;
|
|
10
|
+
}>> & string;
|
|
11
|
+
export declare const FallbackWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export declare const PlaceholderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ImgHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type ImageFit = 'cover' | 'contain' | 'fill' | 'none';
|
|
3
|
+
export type ImageRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
4
|
+
export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {
|
|
5
|
+
/** Image source URL */
|
|
6
|
+
src: string;
|
|
7
|
+
/** Alt text for accessibility */
|
|
8
|
+
alt: string;
|
|
9
|
+
/** Fixed width */
|
|
10
|
+
width?: string | number;
|
|
11
|
+
/** Fixed height */
|
|
12
|
+
height?: string | number;
|
|
13
|
+
/** Object-fit behavior */
|
|
14
|
+
fit?: ImageFit;
|
|
15
|
+
/** Border radius */
|
|
16
|
+
radius?: ImageRadius;
|
|
17
|
+
/** Fallback content when image fails to load */
|
|
18
|
+
fallback?: ReactNode;
|
|
19
|
+
/** Placeholder shown while loading */
|
|
20
|
+
placeholder?: ReactNode;
|
|
21
|
+
/** Enable native lazy loading */
|
|
22
|
+
lazy?: boolean;
|
|
23
|
+
/** Additional CSS class name */
|
|
24
|
+
className?: string;
|
|
25
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { InputGroupProps, InputAddonProps, InputElementProps } from './InputGroup.types';
|
|
3
|
+
declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export declare const InputAddon: React.ForwardRefExoticComponent<InputAddonProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export declare const InputElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export default InputGroup;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { InputGroupSize } from './InputGroup.types';
|
|
2
|
+
interface StyledInputGroupProps {
|
|
3
|
+
$fullWidth?: boolean;
|
|
4
|
+
$size: InputGroupSize;
|
|
5
|
+
}
|
|
6
|
+
interface StyledAddonProps {
|
|
7
|
+
$position: 'left' | 'right';
|
|
8
|
+
$size: InputGroupSize;
|
|
9
|
+
}
|
|
10
|
+
interface StyledElementProps {
|
|
11
|
+
$position: 'left' | 'right';
|
|
12
|
+
$size: InputGroupSize;
|
|
13
|
+
}
|
|
14
|
+
export declare const StyledInputGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputGroupProps>> & string;
|
|
15
|
+
export declare const StyledAddon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledAddonProps>> & string;
|
|
16
|
+
export declare const StyledElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledElementProps>> & string;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type InputGroupSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
size?: InputGroupSize;
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface InputAddonProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
position?: 'left' | 'right';
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface InputElementProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
position?: 'left' | 'right';
|
|
17
|
+
className?: string;
|
|
18
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { NumberInputVariant, NumberInputSize } from './NumberInput.types';
|
|
2
|
+
export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
$fullWidth?: boolean;
|
|
4
|
+
}>> & string;
|
|
5
|
+
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
|
|
6
|
+
$required?: boolean;
|
|
7
|
+
$disabled?: boolean;
|
|
8
|
+
}>> & string;
|
|
9
|
+
export declare const HelperText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
10
|
+
$isError?: boolean;
|
|
11
|
+
}>> & string;
|
|
12
|
+
export declare const NumberInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
13
|
+
$variant: NumberInputVariant;
|
|
14
|
+
$size: NumberInputSize;
|
|
15
|
+
$isError: boolean;
|
|
16
|
+
$disabled: boolean;
|
|
17
|
+
$fullWidth?: boolean;
|
|
18
|
+
}>> & string;
|
|
19
|
+
export declare const StyledNumberInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
|
|
20
|
+
$variant: NumberInputVariant;
|
|
21
|
+
$size: NumberInputSize;
|
|
22
|
+
$hideControls: boolean;
|
|
23
|
+
}>> & string;
|
|
24
|
+
export declare const DecrementButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, never>> & string;
|
|
25
|
+
export declare const IncrementButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, never>> & string;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
export type NumberInputVariant = 'outlined' | 'filled' | 'standard';
|
|
3
|
+
export type NumberInputSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange'> {
|
|
5
|
+
value?: number;
|
|
6
|
+
defaultValue?: number;
|
|
7
|
+
onChange?: (value: number | undefined) => void;
|
|
8
|
+
min?: number;
|
|
9
|
+
max?: number;
|
|
10
|
+
step?: number;
|
|
11
|
+
precision?: number;
|
|
12
|
+
variant?: NumberInputVariant;
|
|
13
|
+
size?: NumberInputSize;
|
|
14
|
+
label?: string;
|
|
15
|
+
helperText?: string;
|
|
16
|
+
error?: string;
|
|
17
|
+
isError?: boolean;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
required?: boolean;
|
|
20
|
+
fullWidth?: boolean;
|
|
21
|
+
/** Hide +/- controls */
|
|
22
|
+
hideControls?: boolean;
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { PasswordInputVariant, PasswordInputSize } from './PasswordInput.types';
|
|
2
|
+
export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
$fullWidth?: boolean;
|
|
4
|
+
}>> & string;
|
|
5
|
+
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
|
|
6
|
+
$disabled?: boolean;
|
|
7
|
+
$required?: boolean;
|
|
8
|
+
}>> & string;
|
|
9
|
+
export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
|
|
11
|
+
$variant: PasswordInputVariant;
|
|
12
|
+
$size: PasswordInputSize;
|
|
13
|
+
$isError?: boolean;
|
|
14
|
+
}>> & string;
|
|
15
|
+
export declare const ToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
16
|
+
export declare const HelperText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
|
|
17
|
+
$isError?: boolean;
|
|
18
|
+
}>> & string;
|
|
19
|
+
export declare const StrengthBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
20
|
+
export declare const StrengthFill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
21
|
+
$strength: number;
|
|
22
|
+
}>> & string;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type PasswordInputVariant = 'outlined' | 'filled' | 'standard';
|
|
3
|
+
export type PasswordInputSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
5
|
+
/**
|
|
6
|
+
* Visual style variant of the input
|
|
7
|
+
* @default 'outlined'
|
|
8
|
+
*/
|
|
9
|
+
variant?: PasswordInputVariant;
|
|
10
|
+
/**
|
|
11
|
+
* Size of the input
|
|
12
|
+
* @default 'md'
|
|
13
|
+
*/
|
|
14
|
+
size?: PasswordInputSize;
|
|
15
|
+
/**
|
|
16
|
+
* Label text for the input
|
|
17
|
+
*/
|
|
18
|
+
label?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Helper text displayed below the input
|
|
21
|
+
*/
|
|
22
|
+
helperText?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Error message to display (automatically sets error state)
|
|
25
|
+
*/
|
|
26
|
+
error?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Whether the input is in an error state
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
isError?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Whether the input is disabled
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Whether the input is required
|
|
39
|
+
* @default false
|
|
40
|
+
*/
|
|
41
|
+
required?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Whether the input should take up the full width of its container
|
|
44
|
+
* @default false
|
|
45
|
+
*/
|
|
46
|
+
fullWidth?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Whether to show strength indicator
|
|
49
|
+
* @default false
|
|
50
|
+
*/
|
|
51
|
+
showStrength?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Custom visibility toggle icon for visible state
|
|
54
|
+
*/
|
|
55
|
+
visibleIcon?: ReactNode;
|
|
56
|
+
/**
|
|
57
|
+
* Custom visibility toggle icon for hidden state
|
|
58
|
+
*/
|
|
59
|
+
hiddenIcon?: ReactNode;
|
|
60
|
+
/**
|
|
61
|
+
* Additional CSS class name for the wrapper
|
|
62
|
+
*/
|
|
63
|
+
className?: string;
|
|
64
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { PinInputSize } from './PinInput.types';
|
|
2
|
+
interface PinFieldProps {
|
|
3
|
+
$size: PinInputSize;
|
|
4
|
+
$isError: boolean;
|
|
5
|
+
$disabled: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const PinInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export declare const PinField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, PinFieldProps>> & string;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export type PinInputSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type PinInputType = 'number' | 'alphanumeric';
|
|
4
|
+
export interface PinInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
5
|
+
/** Number of input fields */
|
|
6
|
+
length?: number;
|
|
7
|
+
/** Current value */
|
|
8
|
+
value?: string;
|
|
9
|
+
/** Default value */
|
|
10
|
+
defaultValue?: string;
|
|
11
|
+
/** Change handler with full value string */
|
|
12
|
+
onChange?: (value: string) => void;
|
|
13
|
+
/** Called when all fields are filled */
|
|
14
|
+
onComplete?: (value: string) => void;
|
|
15
|
+
/** Input type restriction */
|
|
16
|
+
type?: PinInputType;
|
|
17
|
+
/** Size variant */
|
|
18
|
+
size?: PinInputSize;
|
|
19
|
+
/** Mask input (like password) */
|
|
20
|
+
mask?: boolean;
|
|
21
|
+
/** Whether input is disabled */
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/** Whether input has error */
|
|
24
|
+
isError?: boolean;
|
|
25
|
+
/** Placeholder for each field */
|
|
26
|
+
placeholder?: string;
|
|
27
|
+
/** Auto focus first field */
|
|
28
|
+
autoFocus?: boolean;
|
|
29
|
+
className?: string;
|
|
30
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const StyledPricingCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
|
+
$featured: boolean;
|
|
3
|
+
}>> & string;
|
|
4
|
+
export declare const Badge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
5
|
+
export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
export declare const PlanName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
7
|
+
export declare const PlanDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
8
|
+
export declare const PriceWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
10
|
+
export declare const Period: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
11
|
+
export declare const FeatureList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
|
|
12
|
+
export declare const FeatureItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
|
|
13
|
+
$included: boolean;
|
|
14
|
+
}>> & string;
|
|
15
|
+
export declare const CheckIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
16
|
+
$included: boolean;
|
|
17
|
+
}>> & string;
|
|
18
|
+
export declare const CtaButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
19
|
+
$featured: boolean;
|
|
20
|
+
}>> & string;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface PricingFeature {
|
|
3
|
+
text: string;
|
|
4
|
+
included: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface PricingCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
/** Plan name */
|
|
8
|
+
name: string;
|
|
9
|
+
/** Plan description */
|
|
10
|
+
description?: string;
|
|
11
|
+
/** Price display (e.g., "$29") */
|
|
12
|
+
price: string;
|
|
13
|
+
/** Billing period (e.g., "/month") */
|
|
14
|
+
period?: string;
|
|
15
|
+
/** List of features */
|
|
16
|
+
features?: PricingFeature[];
|
|
17
|
+
/** CTA button text */
|
|
18
|
+
ctaText?: string;
|
|
19
|
+
/** CTA click handler */
|
|
20
|
+
onCtaClick?: () => void;
|
|
21
|
+
/** Whether this is the highlighted/recommended plan */
|
|
22
|
+
featured?: boolean;
|
|
23
|
+
/** Badge text (e.g., "Most Popular") */
|
|
24
|
+
badge?: string;
|
|
25
|
+
/** Custom icon or illustration */
|
|
26
|
+
icon?: ReactNode;
|
|
27
|
+
className?: string;
|
|
28
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const StyledReviewCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const Stars: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const ReviewText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
4
|
+
export declare const ReviewerInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
+
export declare const AvatarCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
6
|
+
$color?: string;
|
|
7
|
+
$image?: string;
|
|
8
|
+
}>> & string;
|
|
9
|
+
export declare const ReviewerName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
10
|
+
export declare const ReviewDate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
11
|
+
export declare const ReviewerMeta: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export interface ReviewCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/** Reviewer name */
|
|
4
|
+
name: string;
|
|
5
|
+
/** Review/testimonial text */
|
|
6
|
+
text: string;
|
|
7
|
+
/** Star rating (1-5) */
|
|
8
|
+
rating?: number;
|
|
9
|
+
/** Avatar image URL */
|
|
10
|
+
avatar?: string;
|
|
11
|
+
/** Date string (e.g., "March 2026") */
|
|
12
|
+
date?: string;
|
|
13
|
+
/** Accent color for avatar fallback */
|
|
14
|
+
color?: string;
|
|
15
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const StyledServiceCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
|
+
$horizontal?: boolean;
|
|
3
|
+
}>> & string;
|
|
4
|
+
export declare const IconCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
+
$gradient?: string;
|
|
6
|
+
}>> & string;
|
|
7
|
+
export declare const CardContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export declare const CardTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
9
|
+
export declare const CardDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
10
|
+
export declare const CardPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
11
|
+
export declare const CardAction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface ServiceCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/** Service/feature title */
|
|
4
|
+
title: string;
|
|
5
|
+
/** Description text */
|
|
6
|
+
description?: string;
|
|
7
|
+
/** Price display (e.g., "$100", "₪150") */
|
|
8
|
+
price?: string;
|
|
9
|
+
/** Icon element or emoji/HTML entity */
|
|
10
|
+
icon?: ReactNode;
|
|
11
|
+
/** Gradient for the icon circle background */
|
|
12
|
+
iconGradient?: string;
|
|
13
|
+
/** Action button text */
|
|
14
|
+
actionText?: string;
|
|
15
|
+
/** Action button click handler */
|
|
16
|
+
onAction?: () => void;
|
|
17
|
+
/** Horizontal layout (icon left, content right) */
|
|
18
|
+
horizontal?: boolean;
|
|
19
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { TestimonialCardVariant } from './TestimonialCard.types';
|
|
2
|
+
export declare const StyledTestimonialCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
$variant: TestimonialCardVariant;
|
|
4
|
+
}>> & string;
|
|
5
|
+
export declare const QuoteIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
6
|
+
export declare const Stars: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const Star: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
8
|
+
$filled: boolean;
|
|
9
|
+
}>> & string;
|
|
10
|
+
export declare const QuoteText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
11
|
+
export declare const AuthorSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export declare const Avatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
|
|
13
|
+
export declare const AvatarFallback: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
+
export declare const AuthorInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
|
+
export declare const AuthorName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
16
|
+
export declare const AuthorMeta: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export type TestimonialCardVariant = 'default' | 'bordered' | 'elevated';
|
|
3
|
+
export interface TestimonialCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/** Testimonial quote text */
|
|
5
|
+
quote: string;
|
|
6
|
+
/** Author name */
|
|
7
|
+
name: string;
|
|
8
|
+
/** Author role/title */
|
|
9
|
+
role?: string;
|
|
10
|
+
/** Author company */
|
|
11
|
+
company?: string;
|
|
12
|
+
/** Author avatar URL */
|
|
13
|
+
avatar?: string;
|
|
14
|
+
/** Star rating (1-5) */
|
|
15
|
+
rating?: number;
|
|
16
|
+
/** Visual variant */
|
|
17
|
+
variant?: TestimonialCardVariant;
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TimePickerSize } from './TimePicker.types';
|
|
2
|
+
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
4
|
+
export declare const TimeGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
+
export declare const TimeSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
6
|
+
$selected?: boolean;
|
|
7
|
+
$disabled?: boolean;
|
|
8
|
+
$size: TimePickerSize;
|
|
9
|
+
}>> & string;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export type TimePickerSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type TimeFormat = '12h' | '24h';
|
|
4
|
+
export interface TimePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
5
|
+
/** Selected time value (HH:mm format, e.g., "14:30") */
|
|
6
|
+
value?: string;
|
|
7
|
+
/** Change handler */
|
|
8
|
+
onChange?: (time: string) => void;
|
|
9
|
+
/** Minimum selectable time (HH:mm) */
|
|
10
|
+
minTime?: string;
|
|
11
|
+
/** Maximum selectable time (HH:mm) */
|
|
12
|
+
maxTime?: string;
|
|
13
|
+
/** Interval between time slots in minutes */
|
|
14
|
+
interval?: number;
|
|
15
|
+
/** Time display format */
|
|
16
|
+
format?: TimeFormat;
|
|
17
|
+
/** Disabled time slots */
|
|
18
|
+
disabledTimes?: string[];
|
|
19
|
+
/** Placeholder text */
|
|
20
|
+
placeholder?: string;
|
|
21
|
+
/** Size variant */
|
|
22
|
+
size?: TimePickerSize;
|
|
23
|
+
/** Disabled state */
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
/** Label text */
|
|
26
|
+
label?: string;
|
|
27
|
+
}
|