@smitch/breeze 0.2.2 → 1.0.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/README.md +87 -92
- package/lib/@hooks/useWindowWidth.d.ts +2 -0
- package/lib/@utils/merge.d.ts +1 -0
- package/lib/accordion/Accordion.d.ts +3 -0
- package/lib/accordion/atoms/AccordionCard.d.ts +3 -0
- package/lib/accordion/atoms/AccordionHead.d.ts +3 -0
- package/lib/accordion/atoms/AccordionItem.d.ts +3 -0
- package/lib/accordion/atoms/AccordionSection.d.ts +3 -0
- package/lib/accordion/atoms/index.d.ts +4 -0
- package/lib/accordion/index.d.ts +2 -0
- package/lib/accordion/types/index.d.ts +57 -0
- package/lib/alert/Alert.d.ts +3 -0
- package/lib/alert/index.d.ts +1 -0
- package/lib/alert/types/index.d.ts +17 -0
- package/lib/autocomplete/Autocomplete.d.ts +3 -0
- package/lib/autocomplete/index.d.ts +1 -0
- package/lib/autocomplete/types/index.d.ts +16 -0
- package/lib/badge/Badge.d.ts +3 -0
- package/lib/badge/index.d.ts +1 -0
- package/lib/badge/types/index.d.ts +10 -0
- package/lib/blockquote/Blockquote.d.ts +3 -0
- package/lib/blockquote/index.d.ts +1 -0
- package/lib/blockquote/types/index.d.ts +9 -0
- package/lib/breadcrumbs/Breadcrumbs.d.ts +3 -0
- package/lib/breadcrumbs/index.d.ts +1 -0
- package/lib/breadcrumbs/types/index.d.ts +9 -0
- package/lib/button/Button.d.ts +5 -0
- package/lib/button/index.d.ts +2 -0
- package/lib/button/types/index.d.ts +24 -0
- package/lib/button/variants/CloseButton.d.ts +3 -0
- package/lib/button/variants/index.d.ts +1 -0
- package/lib/button/variants/types/index.d.ts +9 -0
- package/lib/buttongroup/ButtonGroup.d.ts +3 -0
- package/lib/buttongroup/index.d.ts +1 -0
- package/lib/buttongroup/types/index.d.ts +11 -0
- package/lib/card/Card.d.ts +3 -0
- package/lib/card/atoms/CardBody.d.ts +3 -0
- package/lib/card/atoms/CardFooter.d.ts +3 -0
- package/lib/card/atoms/CardHeader.d.ts +3 -0
- package/lib/card/atoms/CardImage.d.ts +3 -0
- package/lib/card/index.d.ts +5 -0
- package/lib/card/types/index.d.ts +31 -0
- package/lib/carousel/Carousel.d.ts +3 -0
- package/lib/carousel/index.d.ts +1 -0
- package/lib/carousel/types/index.d.ts +28 -0
- package/lib/charts/BarChart.d.ts +3 -0
- package/lib/charts/BubbleChart.d.ts +3 -0
- package/lib/charts/ChartWrap.d.ts +15 -0
- package/lib/charts/DoughnutChart.d.ts +3 -0
- package/lib/charts/LineChart.d.ts +3 -0
- package/lib/charts/MixedChart.d.ts +3 -0
- package/lib/charts/PieChart.d.ts +3 -0
- package/lib/charts/PolarAreaChart.d.ts +3 -0
- package/lib/charts/RadarChart.d.ts +3 -0
- package/lib/charts/ScatterChart.d.ts +3 -0
- package/lib/charts/index.d.ts +9 -0
- package/lib/charts/types/index.d.ts +85 -0
- package/lib/checkbox/Checkbox.d.ts +3 -0
- package/lib/checkbox/index.d.ts +1 -0
- package/lib/checkbox/types/index.d.ts +14 -0
- package/lib/clock/Clock.d.ts +3 -0
- package/lib/clock/index.d.ts +1 -0
- package/lib/clock/types/index.d.ts +13 -0
- package/lib/codeblock/Codeblock.d.ts +3 -0
- package/lib/codeblock/index.d.ts +1 -0
- package/lib/codeblock/types/index.d.ts +6 -0
- package/lib/counter/Counter.d.ts +3 -0
- package/lib/counter/index.d.ts +1 -0
- package/lib/counter/types/index.d.ts +22 -0
- package/lib/datatable/DataTable.d.ts +3 -0
- package/lib/datatable/index.d.ts +1 -0
- package/lib/datatable/types/index.d.ts +10 -0
- package/lib/dialog/Dialog.d.ts +3 -0
- package/lib/dialog/hooks/useDisableBack.d.ts +1 -0
- package/lib/dialog/index.d.ts +1 -0
- package/lib/dialog/types/index.d.ts +12 -0
- package/lib/drawer/Drawer.d.ts +3 -0
- package/lib/drawer/index.d.ts +1 -0
- package/lib/drawer/types/index.d.ts +9 -0
- package/lib/dropdown/Dropdown.d.ts +3 -0
- package/lib/dropdown/index.d.ts +1 -0
- package/lib/dropdown/types/index.d.ts +15 -0
- package/lib/figure/Figure.d.ts +3 -0
- package/lib/figure/index.d.ts +1 -0
- package/lib/figure/types/index.d.ts +9 -0
- package/lib/fileupload/FileUpload.d.ts +3 -0
- package/lib/fileupload/Files.d.ts +3 -0
- package/lib/fileupload/index.d.ts +1 -0
- package/lib/fileupload/types/index.d.ts +35 -0
- package/lib/form/Fieldset.d.ts +3 -0
- package/lib/form/Form.d.ts +3 -0
- package/lib/form/Legend.d.ts +3 -0
- package/lib/form/RegisterForm.d.ts +3 -0
- package/lib/form/index.d.ts +4 -0
- package/lib/form/types/index.d.ts +83 -0
- package/lib/gallery/Gallery.d.ts +3 -0
- package/lib/gallery/index.d.ts +1 -0
- package/lib/gallery/types/index.d.ts +12 -0
- package/lib/heading/Heading.d.ts +3 -0
- package/lib/heading/index.d.ts +1 -0
- package/lib/heading/types/index.d.ts +9 -0
- package/lib/hero/Hero.d.ts +3 -0
- package/lib/hero/index.d.ts +1 -0
- package/lib/hero/types/index.d.ts +21 -0
- package/lib/icon/Icon.d.ts +3 -0
- package/lib/icon/index.d.ts +1 -0
- package/lib/icon/types/index.d.ts +13 -0
- package/lib/index.d.ts +51 -0
- package/lib/input/Input.d.ts +5 -0
- package/lib/input/index.d.ts +1 -0
- package/lib/input/types/index.d.ts +38 -0
- package/lib/label/Label.d.ts +3 -0
- package/lib/label/index.d.ts +1 -0
- package/lib/label/types/index.d.ts +14 -0
- package/lib/loading/Loading.d.ts +3 -0
- package/lib/loading/index.d.ts +2 -0
- package/lib/loading/spinners/Bars.d.ts +4 -0
- package/lib/loading/spinners/Clock.d.ts +4 -0
- package/lib/loading/spinners/Dots.d.ts +4 -0
- package/lib/loading/spinners/Pulse.d.ts +4 -0
- package/lib/loading/spinners/Spindots.d.ts +4 -0
- package/lib/loading/spinners/Spinner.d.ts +4 -0
- package/lib/loading/spinners/Wifi.d.ts +4 -0
- package/lib/loading/spinners/index.d.ts +7 -0
- package/lib/loading/types/index.d.ts +10 -0
- package/lib/map/LazyMap.d.ts +6 -0
- package/lib/map/LazyMapCircle.d.ts +3 -0
- package/lib/map/LazyMapLine.d.ts +3 -0
- package/lib/map/LazyMapMarker.d.ts +5 -0
- package/lib/map/LazyMapPolygon.d.ts +3 -0
- package/lib/map/LazyMapRectangle.d.ts +3 -0
- package/lib/map/Map.d.ts +3 -0
- package/lib/map/MapCircle.d.ts +3 -0
- package/lib/map/MapLine.d.ts +3 -0
- package/lib/map/MapMarker.d.ts +3 -0
- package/lib/map/MapPolygon.d.ts +3 -0
- package/lib/map/MapRectangle.d.ts +3 -0
- package/lib/map/index.d.ts +6 -0
- package/lib/map/tileOptions.d.ts +11 -0
- package/lib/map/types/index.d.ts +77 -0
- package/lib/modal/Modal.d.ts +3 -0
- package/lib/modal/hooks/useDisableBack.d.ts +1 -0
- package/lib/modal/index.d.ts +1 -0
- package/lib/modal/types/index.d.ts +9 -0
- package/lib/navbar/NavBar.d.ts +3 -0
- package/lib/navbar/NavBrand.d.ts +3 -0
- package/lib/navbar/NavLinks.d.ts +3 -0
- package/lib/navbar/index.d.ts +1 -0
- package/lib/navbar/types/index.d.ts +43 -0
- package/lib/pagination/Pagination.d.ts +3 -0
- package/lib/pagination/index.d.ts +1 -0
- package/lib/pagination/types/index.d.ts +25 -0
- package/lib/passwordinput/PasswordInput.d.ts +3 -0
- package/lib/passwordinput/index.d.ts +1 -0
- package/lib/passwordinput/types/index.d.ts +18 -0
- package/lib/pictogram/Pictogram.d.ts +3 -0
- package/lib/pictogram/index.d.ts +1 -0
- package/lib/pictogram/types/index.d.ts +10 -0
- package/lib/placeholder/PlaceHolder.d.ts +3 -0
- package/lib/placeholder/index.d.ts +1 -0
- package/lib/placeholder/types/index.d.ts +13 -0
- package/lib/progress/Progress.d.ts +3 -0
- package/lib/progress/index.d.ts +1 -0
- package/lib/progress/types/index.d.ts +11 -0
- package/lib/radiogroup/RadioGroup.d.ts +3 -0
- package/lib/radiogroup/index.d.ts +1 -0
- package/lib/radiogroup/types/index.d.ts +18 -0
- package/lib/rangeinput/RangeInput.d.ts +3 -0
- package/lib/rangeinput/index.d.ts +1 -0
- package/lib/rangeinput/types/index.d.ts +28 -0
- package/lib/ratings/Ratings.d.ts +3 -0
- package/lib/ratings/index.d.ts +1 -0
- package/lib/ratings/types/index.d.ts +12 -0
- package/lib/searchinput/SearchInput.d.ts +3 -0
- package/lib/searchinput/index.d.ts +1 -0
- package/lib/searchinput/types/index.d.ts +20 -0
- package/lib/select/Select.d.ts +3 -0
- package/lib/select/index.d.ts +1 -0
- package/lib/select/types/index.d.ts +20 -0
- package/lib/sidebar/Sidebar.d.ts +3 -0
- package/lib/sidebar/index.d.ts +1 -0
- package/lib/sidebar/types/index.d.ts +9 -0
- package/lib/socialshare/SocialShare.d.ts +3 -0
- package/lib/socialshare/buttons/BlueskyButton.d.ts +3 -0
- package/lib/socialshare/buttons/EmailButton.d.ts +3 -0
- package/lib/socialshare/buttons/FacebookButton.d.ts +3 -0
- package/lib/socialshare/buttons/LinkedinButton.d.ts +3 -0
- package/lib/socialshare/buttons/PinterestButton.d.ts +3 -0
- package/lib/socialshare/buttons/RedditButton.d.ts +3 -0
- package/lib/socialshare/buttons/SlackButton.d.ts +3 -0
- package/lib/socialshare/buttons/TelegramButton.d.ts +3 -0
- package/lib/socialshare/buttons/WhatsappButton.d.ts +3 -0
- package/lib/socialshare/buttons/XButton.d.ts +3 -0
- package/lib/socialshare/index.d.ts +11 -0
- package/lib/socialshare/types/index.d.ts +25 -0
- package/lib/statbar/StatBar.d.ts +3 -0
- package/lib/statbar/index.d.ts +1 -0
- package/lib/statbar/types/index.d.ts +12 -0
- package/lib/switch/Switch.d.ts +3 -0
- package/lib/switch/index.d.ts +1 -0
- package/lib/switch/types/index.d.ts +21 -0
- package/lib/tabs/Tab.d.ts +2 -0
- package/lib/tabs/TabBar.d.ts +3 -0
- package/lib/tabs/Tabs.d.ts +3 -0
- package/lib/tabs/index.d.ts +1 -0
- package/lib/tabs/types/index.d.ts +30 -0
- package/lib/textarea/TextArea.d.ts +3 -0
- package/lib/textarea/index.d.ts +1 -0
- package/lib/textarea/types/index.d.ts +16 -0
- package/lib/textinput/TextInput.d.ts +3 -0
- package/lib/textinput/index.d.ts +1 -0
- package/lib/textinput/types/index.d.ts +21 -0
- package/lib/ticker/Ticker.d.ts +3 -0
- package/lib/ticker/index.d.ts +1 -0
- package/lib/ticker/types/index.d.ts +7 -0
- package/lib/toast/Toast.d.ts +3 -0
- package/lib/toast/index.d.ts +1 -0
- package/lib/toast/types/index.d.ts +18 -0
- package/lib/twitterembed/TwitterEmbed.d.ts +13 -0
- package/lib/twitterembed/index.d.ts +1 -0
- package/lib/twitterembed/types/index.d.ts +8 -0
- package/lib/videoplayer/Video.d.ts +3 -0
- package/lib/videoplayer/VideoControls.d.ts +3 -0
- package/lib/videoplayer/VideoPlayer.d.ts +3 -0
- package/lib/videoplayer/VideoTracks.d.ts +3 -0
- package/lib/videoplayer/controls/CaptionsControl.d.ts +2 -0
- package/lib/videoplayer/controls/FullscreenControl.d.ts +2 -0
- package/lib/videoplayer/controls/PipControl.d.ts +2 -0
- package/lib/videoplayer/controls/SoundControl.d.ts +2 -0
- package/lib/videoplayer/controls/index.d.ts +4 -0
- package/lib/videoplayer/index.d.ts +2 -0
- package/lib/videoplayer/types/index.d.ts +62 -0
- package/lib/youtubeembed/YoutubeEmbed.d.ts +3 -0
- package/lib/youtubeembed/index.d.ts +1 -0
- package/lib/youtubeembed/types/index.d.ts +25 -0
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface BaseProps {
|
|
2
|
+
className?: string;
|
|
3
|
+
style?: React.CSSProperties;
|
|
4
|
+
}
|
|
5
|
+
export interface PlaceHolderProps extends BaseProps {
|
|
6
|
+
width: string;
|
|
7
|
+
height?: string;
|
|
8
|
+
background?: string;
|
|
9
|
+
color?: string;
|
|
10
|
+
text?: string;
|
|
11
|
+
format?: 'png' | 'svg';
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Progress } from './Progress';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { RadioGroupProps } from './types';
|
|
2
|
+
declare const RadioGroup: ({ className, labelStyles, legend, data, name, getIcon, icons, onChange, hideInput, columns, size, legendAlign, legendBold, hasBorder, spacing, roundedRadio, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default RadioGroup;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as RadioGroup } from './RadioGroup';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
data: any[];
|
|
3
|
+
getIcon?: (key: string) => void;
|
|
4
|
+
legend?: string;
|
|
5
|
+
icons?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
8
|
+
labelStyles?: string;
|
|
9
|
+
name?: string;
|
|
10
|
+
hideInput?: boolean;
|
|
11
|
+
columns?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
12
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
13
|
+
legendAlign?: 'left' | 'center' | 'right';
|
|
14
|
+
hasBorder?: boolean;
|
|
15
|
+
legendBold?: boolean;
|
|
16
|
+
spacing?: '4' | '8';
|
|
17
|
+
roundedRadio?: 'none' | 'md' | 'lg' | 'full';
|
|
18
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { RangeInputProps } from './types';
|
|
2
|
+
declare const RangeInput: ({ name, min, max, defaultValue, step, label, labelIsBold, size, layout, title, hint, required, rangeActive, rangeBackground, thumbnailColor, thumbnailActiveColor, thumbnailShape, rounded, style, className, onChange, }: RangeInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default RangeInput;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as RangeInput } from './RangeInput';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
interface LabelProps {
|
|
2
|
+
layout?: 'col' | 'row' | 'row_reverse';
|
|
3
|
+
size?: 'md' | 'lg' | 'xl';
|
|
4
|
+
label: string | React.ReactNode;
|
|
5
|
+
labelIsBold?: boolean;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
}
|
|
8
|
+
interface InputProps {
|
|
9
|
+
name?: string;
|
|
10
|
+
min?: number;
|
|
11
|
+
max?: number;
|
|
12
|
+
defaultValue?: number;
|
|
13
|
+
step?: string;
|
|
14
|
+
title?: string;
|
|
15
|
+
hint?: boolean;
|
|
16
|
+
rangeActive?: string;
|
|
17
|
+
rangeBackground?: string;
|
|
18
|
+
thumbnailColor?: string;
|
|
19
|
+
thumbnailActiveColor?: string;
|
|
20
|
+
thumbnailShape?: 'circle' | 'square';
|
|
21
|
+
onChange?: (value: number) => void;
|
|
22
|
+
}
|
|
23
|
+
export interface RangeInputProps extends LabelProps, InputProps {
|
|
24
|
+
className?: string;
|
|
25
|
+
style?: React.CSSProperties;
|
|
26
|
+
rounded?: boolean;
|
|
27
|
+
}
|
|
28
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Ratings } from './Ratings';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface RatingsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
className?: string;
|
|
3
|
+
icon?: 'star' | 'smiley' | 'thumb' | 'heart' | 'check' | 'thumbdown' | 'frown';
|
|
4
|
+
customIcon?: React.ReactNode;
|
|
5
|
+
rating: number;
|
|
6
|
+
range?: number;
|
|
7
|
+
spacing?: '0' | '1' | '2';
|
|
8
|
+
shape?: 'square' | 'circle' | 'rounded';
|
|
9
|
+
ratingsBackground?: 'dark' | 'light' | 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'secondary' | 'accent' | 'neutral' | 'transparent';
|
|
10
|
+
ratingsColor?: 'dark' | 'light' | 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'secondary' | 'current' | 'accent';
|
|
11
|
+
size?: 'sm' | 'md' | 'lg' | 'inherit';
|
|
12
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { SearchInputProps } from "./types";
|
|
2
|
+
declare const SearchInput: ({ name, id, className, label, icon, onButtonSubmit, size, rounded, placeholder, inputStyles, btnShape, btnBackground, btnColor, autocomplete, autocorrect, spellcheck, spacing, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default SearchInput;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as SearchInput } from './SearchInput';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface SearchInputProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
name?: string;
|
|
3
|
+
id?: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
icon?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
onButtonSubmit: (value: string) => void;
|
|
9
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
inputStyles?: string;
|
|
12
|
+
btnShape?: 'default' | 'square' | 'circle' | 'rounded';
|
|
13
|
+
btnBackground?: 'dark' | 'light' | 'primary' | 'secondary' | 'transparent';
|
|
14
|
+
btnColor?: 'dark' | 'light' | 'current';
|
|
15
|
+
autocomplete?: 'off' | 'on';
|
|
16
|
+
autocorrect?: 'on' | 'off';
|
|
17
|
+
spellcheck?: boolean;
|
|
18
|
+
spacing?: '0' | '1' | '2';
|
|
19
|
+
rounded?: 'none' | 'md' | 'lg' | 'full';
|
|
20
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { SelectProps } from "./types";
|
|
2
|
+
declare const Select: ({ className, rows, dropdownSize, onChange, placeholder, name, disabled, options, children, defaultValue, rounded, nocaret, style, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Select;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Select } from './Select';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface Option {
|
|
2
|
+
value: string | number;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
|
|
6
|
+
options?: string[] | number[] | Option[];
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
9
|
+
name?: string;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
defaultValue?: string | number;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
nocaret?: boolean;
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: React.CSSProperties;
|
|
17
|
+
dropdownSize?: 'sm' | 'md' | 'lg' | 'xl';
|
|
18
|
+
rounded?: 'none' | 'md' | 'lg' | 'full';
|
|
19
|
+
rows?: number;
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Sidebar } from './Sidebar';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { default as SocialShare } from './SocialShare';
|
|
2
|
+
export { default as FacebookButton } from './buttons/FacebookButton';
|
|
3
|
+
export { default as RedditButton } from './buttons/RedditButton';
|
|
4
|
+
export { default as LinkedinButton } from './buttons/LinkedinButton';
|
|
5
|
+
export { default as EmailButton } from './buttons/EmailButton';
|
|
6
|
+
export { default as PinterestButton } from './buttons/PinterestButton';
|
|
7
|
+
export { default as SlackButton } from './buttons/SlackButton';
|
|
8
|
+
export { default as TelegramButton } from './buttons/TelegramButton';
|
|
9
|
+
export { default as WhatsAppButton } from './buttons/WhatsappButton';
|
|
10
|
+
export { default as XButton } from './buttons/XButton';
|
|
11
|
+
export { default as BlueskyButton } from './buttons/BlueskyButton';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export interface btnProps {
|
|
2
|
+
btnShape?: 'rounded' | 'square' | 'circle';
|
|
3
|
+
size?: 'md' | 'lg' | 'xl';
|
|
4
|
+
}
|
|
5
|
+
export type SocialShareButton = 'X' | 'Facebook' | 'LinkedIn' | 'Slack' | 'WhatsApp' | 'Reddit' | 'Pinterest' | 'Telegram' | 'Email' | 'Bluesky';
|
|
6
|
+
export interface SocialShareProps extends btnProps {
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
layout?: 'horizontal' | 'vertical';
|
|
10
|
+
text: string;
|
|
11
|
+
buttons: SocialShareButton[];
|
|
12
|
+
gap?: 'none' | 'sm' | 'md' | 'lg';
|
|
13
|
+
grayscale?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export interface XButtonProps extends btnProps {
|
|
16
|
+
text: string;
|
|
17
|
+
}
|
|
18
|
+
export interface WhatsAppButtonProps extends XButtonProps {
|
|
19
|
+
}
|
|
20
|
+
export interface SlackButtonProps extends XButtonProps {
|
|
21
|
+
}
|
|
22
|
+
export interface FacebookButtonProps extends btnProps {
|
|
23
|
+
}
|
|
24
|
+
export interface LinkedInButtonProps extends btnProps {
|
|
25
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as StatBar } from './StatBar';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface StatBarProps {
|
|
2
|
+
title?: string;
|
|
3
|
+
titleAlign?: 'left' | 'center' | 'right';
|
|
4
|
+
titleWeight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
|
|
5
|
+
titleSize?: 2 | 3 | 4 | 5;
|
|
6
|
+
labels: [string, string];
|
|
7
|
+
showLabels?: boolean;
|
|
8
|
+
data: [number, number];
|
|
9
|
+
colors?: [string, string];
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { SwitchProps } from './types';
|
|
2
|
+
declare const Switch: ({ label, labelIsBold, labelSize, className, style, onChange, checked, defaultChecked, name, shape, required, switchOffContent, switchOnContent, switchOffColor, switchOnColor, thin, disabled, showHint, hint, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Switch;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Switch } from './Switch';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface SwitchProps extends React.HTMLAttributes<HTMLElement> {
|
|
2
|
+
name?: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
labelIsBold?: boolean;
|
|
5
|
+
labelSize?: 'base' | 'lg' | 'xl';
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
switchOffContent?: string;
|
|
9
|
+
switchOnContent?: string;
|
|
10
|
+
switchOffColor?: 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'secondary' | 'current' | 'neutral';
|
|
11
|
+
switchOnColor?: 'info' | 'success' | 'warning' | 'danger' | 'primary' | 'secondary' | 'current' | 'neutral';
|
|
12
|
+
thin?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
checked?: boolean;
|
|
15
|
+
defaultChecked?: boolean;
|
|
16
|
+
shape?: 'circle' | 'square';
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
showHint?: boolean;
|
|
19
|
+
hint?: React.ReactNode;
|
|
20
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Tabs } from './Tabs';
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export interface TabsProps {
|
|
2
|
+
className?: string;
|
|
3
|
+
tabStyles?: string;
|
|
4
|
+
activeTabStyles?: string;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
defaultActiveId?: string;
|
|
7
|
+
icons?: React.ReactNode[];
|
|
8
|
+
minimalTabs?: boolean;
|
|
9
|
+
contentBorder?: boolean;
|
|
10
|
+
tabSize?: "sm" | "md" | "lg" | "xl" | "xxl";
|
|
11
|
+
tabsPosition?: "left" | "center" | "right" | "full";
|
|
12
|
+
}
|
|
13
|
+
export interface TabProps {
|
|
14
|
+
id: string;
|
|
15
|
+
activeId?: string;
|
|
16
|
+
title: React.ReactNode | string;
|
|
17
|
+
tabStyles?: string;
|
|
18
|
+
activeTabStyles?: string;
|
|
19
|
+
onClick?: (id: string) => void | undefined;
|
|
20
|
+
}
|
|
21
|
+
export interface TabBarProps {
|
|
22
|
+
className?: string;
|
|
23
|
+
tabStyles?: string;
|
|
24
|
+
activeTabStyles?: string;
|
|
25
|
+
defaultActiveId?: string;
|
|
26
|
+
tabs: TabProps[];
|
|
27
|
+
activeId: string;
|
|
28
|
+
tabsPosition?: "left" | "center" | "right" | "full";
|
|
29
|
+
onClick: (id: string) => void | undefined;
|
|
30
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { TextareaProps } from './types';
|
|
2
|
+
declare const TextArea: ({ className, textAreaStyles, label, layout, required, name, value, placeholder, size, onChange, rows, resize, maxLength, disabled, }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default TextArea;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TextArea } from './TextArea';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
2
|
+
className?: string;
|
|
3
|
+
textAreaStyles?: string;
|
|
4
|
+
name?: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
8
|
+
rows?: number;
|
|
9
|
+
maxLength?: number;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
resize?: boolean;
|
|
12
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
13
|
+
label: string;
|
|
14
|
+
layout?: 'col' | 'row';
|
|
15
|
+
required?: boolean;
|
|
16
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { TextInputProps } from "./types";
|
|
2
|
+
declare const TextInput: ({ type, name, id, className, value, onInputChange, size, label, layout, title, hint, placeholder, inputStyles, rounded, required, readonly, autocomplete, pattern, disabled, }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default TextInput;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TextInput } from './TextInput';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface TextInputProps extends React.HTMLAttributes<HTMLLabelElement> {
|
|
2
|
+
name?: string;
|
|
3
|
+
id?: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
label: string;
|
|
7
|
+
layout?: 'col' | 'row';
|
|
8
|
+
required?: boolean;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
onInputChange?: (input: string) => void;
|
|
12
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
13
|
+
title?: string;
|
|
14
|
+
hint?: boolean;
|
|
15
|
+
type?: 'text' | 'password' | 'email' | 'tel' | 'search' | 'url';
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
inputStyles?: string;
|
|
18
|
+
rounded?: 'none' | 'md' | 'lg' | 'full';
|
|
19
|
+
pattern?: string;
|
|
20
|
+
autocomplete?: 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'username' | 'email' | 'username email' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'url' | 'tel';
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Ticker } from './Ticker';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { ToastProps } from "./types";
|
|
2
|
+
declare const Toast: ({ toastBackground, rounded, open, body, horizontal, vertical, autohide, autohideDuration, className, style, onClose, onClick, closeOnBlur, dismissable, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Toast;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Toast } from './Toast';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
type BackgroundOption = "info" | "success" | "warning" | "danger" | "primary";
|
|
2
|
+
export interface ToastProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
style?: React.CSSProperties;
|
|
5
|
+
toastBackground?: BackgroundOption;
|
|
6
|
+
body: React.ReactNode;
|
|
7
|
+
open: boolean;
|
|
8
|
+
autohideDuration?: number;
|
|
9
|
+
horizontal?: "left" | "center" | "right";
|
|
10
|
+
vertical?: "top" | "middle" | "bottom";
|
|
11
|
+
rounded?: "none" | "md" | "lg" | "xl" | "full";
|
|
12
|
+
autohide?: boolean;
|
|
13
|
+
onClose: () => void;
|
|
14
|
+
onClick?: () => void;
|
|
15
|
+
closeOnBlur?: boolean;
|
|
16
|
+
dismissable?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TwitterEmbedProps } from "./types";
|
|
2
|
+
declare global {
|
|
3
|
+
interface Window {
|
|
4
|
+
twttr?: {
|
|
5
|
+
widgets: {
|
|
6
|
+
createTweet: (tweetId: string, element: HTMLElement, options?: any) => Promise<HTMLElement | null>;
|
|
7
|
+
load: (el?: HTMLElement) => void;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
export declare const TwitterEmbed: ({ handle, status, lang, theme, className, style, }: TwitterEmbedProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default TwitterEmbed;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TwitterEmbed } from './TwitterEmbed';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { VideoProps } from "./types";
|
|
2
|
+
declare const Video: ({ src, poster, tracks, srcLangs, trackIndex, controls, aspect, videoWidth, videoHeight, loop, muted, autoplay, setDuration, setTime, play, togglePlay, preload, fallback, currentTime, playEnded, volume, formats, pictureInPicture, defaultError, grayscale, blur, className, }: VideoProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Video;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { VideoControlProps } from "./types";
|
|
2
|
+
declare const VideoControls: ({ duration, time, togglePlay, play, fullscreen, onFullscreen, muted, onMute, onScrubChange, onVolume, onPIP, onCaption, controlOptions, progressBg, progressColor, tracks, srcLangs, }: VideoControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default VideoControls;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { VideoPlayerProps } from './types';
|
|
2
|
+
declare const VideoPlayer: ({ src, poster, loop, className, aspect, preload, fallback, formats, defaultError, muted, autoplay, controlOptions, progressBg, progressColor, tracks, srcLangs, grayscale, }: VideoPlayerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default VideoPlayer;
|